.swiper{height:100%;width:100%}.swiper-slide{perspective:1000px}.slide-container{--side-spacing:12px;--total-side-spacing:calc(var(--side-spacing)*2);--header-height:50px;--footer-height:40px;--available-height:calc(var(--app-height) - var(--header-height) - var(--footer-height));--available-width:calc(100vw - var(--total-side-spacing));border-radius:1em;height:var(--story-h);overflow:hidden;pointer-events:none;position:relative;width:calc(var(--story-h)*var(--ratio));z-index:20}@media (pointer:coarse) and (max-width:768px){.slide-container{height:min(var(--available-height),var(--available-width) * 16/9);max-height:var(--available-height);max-width:var(--available-width);width:min(var(--available-width),var(--available-height) * 9/16)}}.block-container{height:100%;position:absolute;width:100%}@media (pointer:coarse) and (max-width:768px){.base-carousel{height:100vh;height:var(--app-height,100vh)}}@media (min-width:768px){.base-carousel,.is-overlay .base-carousel{height:100%}.story-container{height:var(--story-h);margin-block:max(0px,(100vh - var(--story-h))/2) auto;margin-inline:auto;width:calc(var(--story-h)*var(--ratio))}@supports (height:100svh){.story-container{margin-block:max(0px,(100svh - var(--story-h))/2) auto}}}.is-overlay-content .story-container{margin-block:0;margin-inline:0}.story-button-next .icon{transform:rotate(180deg)}.nav-animation-enter-active,.nav-animation-leave-active{transition:all .25s .6s}.nav-animation-enter-from,.nav-animation-leave-to{transform:scale(0)}