:root{--color-accent:#254df8;--color-main:#00ffe0;--color-white:#fff;--color-black:#000;--button-blue:#254df8;--background-main:#030303;--gradient-main:#00ffe0}.ImageSlider{display:flex;gap:20px}@media(max-width:768px){.ImageSlider{gap:10px}}.ImageSlider-thumbnails{display:flex;flex-direction:column;gap:10px;flex:1 1;max-height:542px;overflow:hidden;height:100%}@media(max-width:992px){.ImageSlider-thumbnails{max-height:327px}}.ImageSlider-scrollbar{max-width:65px}@media(max-width:992px){.ImageSlider-scrollbar{min-height:327px}}.ImageSlider-thumbnail{position:relative;padding:0;cursor:pointer;overflow:hidden;transition:opacity .3s ease;aspect-ratio:1;width:100%;min-height:71px;border-radius:8px}.ImageSlider-thumbnail:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;transition:border-color .3s ease;z-index:1;pointer-events:none;background-color:rgba(0,0,0,.5);opacity:1}.ImageSlider-thumbnail:hover:before{opacity:.5}.ImageSlider-thumbnail_active:before{opacity:0}.ImageSlider-main{flex:1 1;position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1;max-height:542px}@media(max-width:992px){.ImageSlider-main{max-height:327px}}