.carousel{--slide-height:19rem;--slide-spacing:1em;--slide-size:85%;position:relative}@media (max-width:768px){.carousel{--slide-size:100%}}.carousel__viewport{overflow:hidden}.carousel__container{display:flex;touch-action:pan-y pinch-zoom;margin-left:calc(var(--slide-spacing) * -1)}.carousel__slide{transform:translateZ(0);flex:0 0 var(--slide-size);min-width:0;padding-left:var(--slide-spacing)}.carousel__slide img{filter:blur(.2rem);transition:opacity .3s ease-in-out,filter .3s ease-in-out,transform .3s ease-in-out;transform:scale(.8)}.carousel__slide.selected img{transform:scale(1);filter:blur(0)}.carousel__slide__img{box-shadow:inset 0 0 0 .2rem var(--detail-medium-contrast);border-radius:1.8rem;font-size:4rem;font-weight:600;display:flex;align-items:center;justify-content:center;height:var(--slide-height);user-select:none}.carousel__controls{display:flex;justify-items:space-between;align-items:center;justify-content:space-between;gap:1.2rem;margin-top:1.8rem}.carousel-thumbs{--thumbs-slide-spacing:0.8rem;--thumbs-slide-height:6rem}.carousel-thumbs__viewport{overflow:hidden}.carousel-thumbs__container{display:flex;flex-direction:row;justify-content:space-evenly;margin-left:calc(var(--thumbs-slide-spacing) * -1);align-items:center;max-width:100%;--selected-index:0}.carousel-thumbs__slide{flex:0 0 25%;min-width:0;padding-left:var(--thumbs-slide-spacing);display:grid;place-items:center}@media (min-width:768px){.carousel-thumbs__slide{flex:0 0 15%}}.carousel-thumbs__slide__img{border-radius:1.8rem;touch-action:manipulation;cursor:pointer;width:100%}.carousel-thumbs__img img{border:.15rem solid transparent;transition:all .3s ease-in-out;filter:brightness(.5);scale:.9}.carousel__button{-webkit-tap-highlight-color:rgba(var(--text-high-contrast-rgb-value),.5);-webkit-appearance:none;appearance:none;touch-action:manipulation;text-decoration:none;cursor:pointer;border:0;padding:0;margin:0;box-shadow:inset 0 0 0 .2rem var(--detail-medium-contrast);z-index:1;color:var(--text-body);align-items:center;justify-content:center;transform:translateY(-50%);transition:transform .3s ease-in-out}.carousel__button__svg{width:30%;height:30%}.carousel__button--prev:hover{transform:translate(-10%,-50%)}.carousel__button--next:hover{transform:translate(10%,-50%)}@media (min-width:577px){.carousel-gradient-mask{display:block!important}}.carousel-thumbs__container[style*="--selected-index: 0"] .carousel-thumbs__slide[data-selected-index="0"] .carousel-thumbs__img img,.carousel-thumbs__container[style*="--selected-index: 1"] .carousel-thumbs__slide[data-selected-index="1"] .carousel-thumbs__img img,.carousel-thumbs__container[style*="--selected-index: 10"] .carousel-thumbs__slide[data-selected-index="10"] .carousel-thumbs__img img,.carousel-thumbs__container[style*="--selected-index: 11"] .carousel-thumbs__slide[data-selected-index="11"] .carousel-thumbs__img img,.carousel-thumbs__container[style*="--selected-index: 12"] .carousel-thumbs__slide[data-selected-index="12"] .carousel-thumbs__img img,.carousel-thumbs__container[style*="--selected-index: 13"] .carousel-thumbs__slide[data-selected-index="13"] .carousel-thumbs__img img,.carousel-thumbs__container[style*="--selected-index: 14"] .carousel-thumbs__slide[data-selected-index="14"] .carousel-thumbs__img img,.carousel-thumbs__container[style*="--selected-index: 15"] .carousel-thumbs__slide[data-selected-index="15"] .carousel-thumbs__img img,.carousel-thumbs__container[style*="--selected-index: 2"] .carousel-thumbs__slide[data-selected-index="2"] .carousel-thumbs__img img,.carousel-thumbs__container[style*="--selected-index: 3"] .carousel-thumbs__slide[data-selected-index="3"] .carousel-thumbs__img img,.carousel-thumbs__container[style*="--selected-index: 4"] .carousel-thumbs__slide[data-selected-index="4"] .carousel-thumbs__img img,.carousel-thumbs__container[style*="--selected-index: 5"] .carousel-thumbs__slide[data-selected-index="5"] .carousel-thumbs__img img,.carousel-thumbs__container[style*="--selected-index: 6"] .carousel-thumbs__slide[data-selected-index="6"] .carousel-thumbs__img img,.carousel-thumbs__container[style*="--selected-index: 7"] .carousel-thumbs__slide[data-selected-index="7"] .carousel-thumbs__img img,.carousel-thumbs__container[style*="--selected-index: 8"] .carousel-thumbs__slide[data-selected-index="8"] .carousel-thumbs__img img,.carousel-thumbs__container[style*="--selected-index: 9"] .carousel-thumbs__slide[data-selected-index="9"] .carousel-thumbs__img img{filter:brightness(1.3);scale:1}