.story__carousel{--text-body: rgb(54, 49, 61);--detail-high-contrast: rgb(192, 192, 192);--text-high-contrast-rgb-value: 49, 49, 49;--_dot-selected-color: #e60012;--_dot-color: #f59ca3}.story__carousel{max-width:680px;margin:auto;--slide-height: 19rem;--slide-spacing: 1rem;--slide-size: 100%}.story__carousel__viewport{overflow:hidden}.story__carousel__container{display:flex;touch-action:pan-y pinch-zoom;margin-left:calc(var(--slide-spacing) * -1)}.story__carousel__slide{transform:translateZ(0);flex:0 0 var(--slide-size);min-width:0;padding-left:var(--slide-spacing)}.story__carousel__slide>img{display:flex;align-items:center;justify-content:center;width:100%;height:auto}.story__carousel__controls{display:grid;grid-template-columns:auto 1fr;justify-content:space-between;gap:1.2rem;margin-top:1.8rem}.story__carousel__floating{position:relative}.device-type-desktop .story__carousel__floating:hover{>.story__carousel__button--prev{animation:carouselPrev .5s ease-out 0s 1;opacity:1}>.story__carousel__button--next{animation:carouselNext .5s ease-out 0s 1;opacity:1}}@keyframes carouselPrev{0%{transform:translate(30px,-50%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}@keyframes carouselNext{0%{transform:translate(-30px,-50%);opacity:0}to{transform:translate(50%,-50%);opacity:1}}.story__carousel__button{position:absolute;top:50%;transition:.3s;-webkit-tap-highlight-color:rgba(var(--text-high-contrast-rgb-value),.5);-webkit-appearance:none;appearance:none;background-color:transparent;touch-action:manipulation;display:inline-flex;text-decoration:none;cursor:pointer;border:0;padding:0;margin:0;z-index:2;border-radius:50%;color:var(--text-body);display:flex;align-items:center;justify-content:center;.device-type-desktop &{width:2.75rem;height:5.125rem;opacity:0}.device-type-mobile &{width:calc(24vw / var(--_mbw));height:calc(45vw / var(--_mbw))}}.story__carousel__button:disabled{color:var(--detail-high-contrast)}.story__carousel__button--prev{left:0;transform:translate(-50%,-50%)}.story__carousel__button--next{right:0;transform:translate(50%,-50%)}.story__carousel__button__svg{fill:var(--_key-color)}.story__carousel__dots{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;.device-type-desktop &{margin-top:10px;gap:10px;min-height:32px}.device-type-mobile &{margin-top:calc(10vw / var(--_mbw));gap:calc(10vw / var(--_mbw));min-height:calc(26vw / var(--_mbw))}}.story__carousel__dot{-webkit-tap-highlight-color:rgba(var(--text-high-contrast-rgb-value),.5);-webkit-appearance:none;appearance:none;background-color:transparent;touch-action:manipulation;display:inline-flex;text-decoration:none;cursor:pointer;border:0;padding:0;margin:0;display:flex;align-items:center;justify-content:center;border-radius:50%;.device-type-mobile &{width:calc(10vw / var(--_mbw));height:calc(10vw / var(--_mbw));&:after{width:calc(10vw / var(--_mbw));height:calc(10vw / var(--_mbw))}}.device-type-desktop &{width:12px;height:12px;&:after{width:12px;height:12px}}}.story__carousel__dot:after{background-color:var(--_dot-color);width:.75rem;height:.75rem;border-radius:50%;display:flex;align-items:center;content:""}.story__carousel__dot--selected:after{background-color:var(--_dot-selected-color)}.story__carousel__container{align-items:flex-start}.story__carousel__thumbs__container{display:grid;.device-type-desktop &{grid-template-columns:repeat(var(--_item-count, 5),1fr);margin-top:1rem;gap:.5rem}.device-type-mobile &{grid-template-columns:repeat(var(--_item-count, 5),1fr);margin-top:1rem;gap:.5rem}}.story__carousel__thumbs__slide{cursor:pointer;img{width:100%;height:auto;filter:opacity(.5);transition:filter .5s cubic-bezier(.075,.82,.165,1)}&:hover{img{filter:opacity(1)}}}.story__carousel__thumbs__slide--selected{img{filter:opacity(1)}}