.carousel{width:100%;height:100%;position:relative}.carousel--view{white-space:nowrap;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%;height:100%;overflow:scroll hidden}.carousel--view::-webkit-scrollbar{display:none}.carousel--view img{-o-object-fit:cover;object-fit:cover;scroll-snap-stop:always;scroll-snap-align:center;width:100%;height:100%;display:inline-block}.carousel--navigation{color:#060606;opacity:0;background-color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:opacity .14s ease-out;display:flex;position:absolute;top:calc(50% - 15px)}@media (pointer:coarse){.carousel--navigation{display:none}}.carousel--navigation.carousel--navigation-back{left:10px}.carousel--navigation.carousel--navigation-next{right:10px}@media (hover:hover){.carousel--navigation:hover{box-shadow:0 0 1px 1px #00000026}.carousel--navigation:hover svg{transform:scale(1.2)}}@media (hover:none){.carousel--navigation:active{box-shadow:0 0 1px 1px #00000026}.carousel--navigation:active svg{transform:scale(1.2)}}.carousel--navigation[data-hidden=true]{opacity:0!important}@media (hover:hover){.carousel:hover .carousel--navigation{opacity:1}}@media (hover:none){.carousel:active .carousel--navigation{opacity:1}}.carousel--pagination{-webkit-user-select:none;user-select:none;position:absolute;inset:auto 0 20px}.carousel--pagination ul{white-space:nowrap;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;width:max-content;margin:0 auto;overflow:hidden}.carousel--pagination ul::-webkit-scrollbar{display:none}.carousel--pagination li{flex-shrink:0;width:6px;height:6px;margin:0 3px 0 2px;display:inline-block;position:relative}.carousel--pagination li:before{content:"";opacity:.7;background-color:#fff;border-radius:50%;width:100%;height:100%;display:block;box-shadow:0 0 0 1px #4242423d}.carousel--pagination li.carousel--pagination-active{scroll-snap-stop:always;scroll-snap-align:center}.carousel--pagination li.carousel--pagination-active:before{opacity:1}.carousel--pagination[data-many-images=true] li:first-child:before,.carousel--pagination[data-many-images=true] li:last-child:before{width:4px;height:4px;margin-top:1px}.carousel--pagination[data-many-images=true] li:first-child:before{margin-left:auto}.carousel--pagination[data-many-images=true] li:last-child:before{margin-right:auto}