.slider-container,main{display:flex;flex-direction:column;align-items:center}.slider-container .slider{width:100%;position:relative;height:600px;overflow:hidden;border-radius:6px}.slider.container{margin:0}.slider-container.container{width:100%;max-width:1840px}@media only screen and (max-width:1023px){.slider-container .slider{height:330px}.slider.container{width:100%}}@media only screen and (max-width:767px){.slider-container .slider{height:230px}}@media only screen and (max-width:425px){.slider-container .slider{height:170px}}.slider-container .slider .image{position:absolute;height:100%;width:100%;background-size:cover;background-repeat:no-repeat;background-position:50%;will-change:transform,opacity}.slider-container .buttons{margin-top:12px}.slider-container .buttons button{outline:none;border:none;user-select:none;padding:10px 12px;transform:skewY(-5deg) rotate(5deg);background-color:#1f1f1f;font-family:inherit;font-size:inherit;color:#fff;transition:transform .07s ease-out}.slider-container .buttons button:first-of-type{margin-right:15px}.slider-container .buttons button:active{transform:scale(.85) skewY(-5deg) rotate(5deg)}.thumbnails{display:flex;justify-content:center}.thumbnails .thumbnail-container{position:relative;transition:all 0s}.thumbnails .thumbnail-container:not(:last-of-type){margin-right:5px}.thumbnails .thumbnail-container img{height:100%;width:100%;object-fit:cover;object-position:center}.thumbnails .thumbnail-container .active-indicator{position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;border-radius:100px;opacity:0;background-color:#1f1f1f}.thumbnails .thumbnail-container .active-indicator.active{opacity:1}