.carousel{width:100%;height:100%;position:relative}.carousel--view{width:100%;height:100%;white-space:nowrap;overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.carousel--view::-webkit-scrollbar{display:none}.carousel--view img{display:inline-block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;scroll-snap-stop:always;scroll-snap-align:center}.carousel--navigation{position:absolute;top:calc(50% - 15px);width:30px;height:30px;border-radius:50%;background-color:#fff;border:none;display:flex;align-items:center;justify-content:center;color:#060606;opacity:0;transition:opacity .14s ease-out}@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{position:absolute;inset:auto 0 20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.carousel--pagination ul{width:-moz-max-content;width:max-content;margin:0 auto;white-space:nowrap;overflow:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.carousel--pagination ul::-webkit-scrollbar{display:none}.carousel--pagination li{display:inline-block;width:6px;height:6px;position:relative;flex-shrink:0;margin:0 3px 0 2px}.carousel--pagination li:before{content:"";display:block;width:100%;height:100%;background-color:#fff;border-radius:50%;opacity:.7;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}
