.slider-container{background-color:hsl(var(--secondary));justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.next,.prev{-webkit-user-select:none;user-select:none;cursor:pointer;z-index:2;border-radius:30px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:flex;position:absolute;top:calc(50% - 20px)}@media (max-width:768px){.next,.prev{z-index:10;width:30px;height:30px;top:calc(50% - 15px)}}.next{right:20px}.prev{left:20px;transform:scale(-1)}.payoff{z-index:2;position:absolute;top:1.5rem;left:2.5rem}.cantierino{z-index:3;position:absolute;bottom:2rem;right:2rem}@media (max-width:768px){.payoff{top:1.25rem;left:1rem}.cantierino{bottom:1.25rem;right:1rem}.prev{left:10px}.next{right:10px}}
.slider-container{flex-direction:column;align-items:center;width:100%;display:flex}.slider-container .slider{width:90vw;height:30vh;position:relative;overflow:hidden}@media (min-width:768px){.slider-container .slider{width:80vw;height:60vh}}@media only screen and (max-width:375px){.slider-container .slider{aspect-ratio:16/9;height:max-content}}.slider-container .slider .image{will-change:transform,opacity;background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;position:absolute}.slider-container .slider .image:hover{cursor:grab}.slider-container .slider .image:active{cursor:grabbing}.slider-container .buttons{justify-content:center;justify-items:center;margin-top:12px;display:flex}.slider-container .buttons button{-webkit-user-select:none;user-select:none;font-family:inherit;font-size:inherit;color:#fff;background-color:#1f1f1f;border:none;outline:none;padding:10px 12px;transition:transform 70ms ease-out}.slider-container .buttons button:hover{cursor:pointer}.slider-container .buttons button:active{transform:scale(1.2)}.slider-container .buttons .index-dots{justify-content:center;align-items:center;padding-left:.5rem;padding-right:.5rem;display:none}@media (min-width:768px){.slider-container .buttons .index-dots{gap:2px;display:flex}}.slider-container .buttons .index-dots .dot{background-color:#fff;border-radius:50%;width:5px;height:5px;transition:transform .2s ease-out}@media (min-width:768px){.slider-container .buttons .index-dots .dot{width:8px;height:8px}}.slider-container .buttons .index-dots .dot:hover{cursor:pointer;transform:scale(1.5)}.slider-container .buttons .index-dots .dot:not(:last-of-type){margin-right:5px}.slider-container .buttons .index-dots .dot.active{background-color:hsl(var(--primary))}.thumbnails{grid-auto-flow:column dense;justify-content:center;align-items:center;max-height:100px;display:none}@media (min-width:768px){.thumbnails{display:grid}}.thumbnails .thumbnail-container{aspect-ratio:16/9;height:fit-content;position:relative}@media only screen and (max-width:375px){.thumbnails .thumbnail-container{width:50px;height:70px}}.thumbnails .thumbnail-container:hover{cursor:pointer}.thumbnails .thumbnail-container:not(:last-of-type){margin-right:5px}.thumbnails .thumbnail-container img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%}.thumbnails .thumbnail-container .active-indicator{pointer-events:none;transform-origin:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#ffffff1a;width:100%;height:100%;transition:transform 1s cubic-bezier(.56,.03,.12,1.04);position:absolute;top:0;left:0;transform:scaleX(0)}.thumbnails .thumbnail-container .active-indicator.active{transform:scaleX(1)}