.featured-stories-odyssey{width:100%;overflow:hidden;display:flex;flex-direction:column;row-gap:var(--space-3xl)}.featured-stories-odyssey__header{padding:0 var(--page-margin)}.featured-stories-odyssey__content{display:flex;flex-direction:column;row-gap:var(--space-xs)}.featured-stories-odyssey__description{width:calc(100% / 6 * 5)}.featured-stories-odyssey__flex-container{display:flex;width:100%;position:relative;opacity:0;transition:opacity var(--easing-fast);align-items:center}.featured-stories-odyssey__thumbnails-container{width:10vw;overflow:hidden;flex-shrink:0;flex-grow:1}.featured-stories-odyssey__thumbnails-wrapper{display:flex;gap:var(--space-sm);transition:transform var(--easing-medium)}.featured-stories-odyssey__thumbnail{width:calc((100vw - var(--page-margin) * 2) / 6 * 2);aspect-ratio:7/9;overflow:hidden;flex-shrink:0}.featured-stories-odyssey__thumbnail--image,.featured-stories-odyssey__thumbnail--video{width:100%;height:100%;object-fit:cover}.featured-stories-odyssey__main-container{width:60%;overflow:hidden;position:relative;flex-shrink:0;width:calc((100vw - (2 * var(--page-margin))) / 6 * 5)}.featured-stories-odyssey__stories-wrapper{display:flex;width:100%;transition:transform var(--easing-medium)}.featured-stories-odyssey__story{width:100%;flex-shrink:0;position:relative;aspect-ratio:7/9;display:grid;grid-template:1fr / 1fr}.featured-stories-odyssey__story--media{grid-row:1;grid-column:1;width:100%;height:100%;overflow:hidden;isolation:isolate;z-index:0;position:relative}.featured-stories-odyssey__story--image,.featured-stories-odyssey__story--video{width:100%;height:100%;object-fit:cover;position:relative}.featured-stories-odyssey__story--info{grid-row:1;grid-column:1;width:100%;align-self:end;padding:var(--page-margin);color:#fff;z-index:9;display:flex;flex-direction:column;row-gap:var(--space-md)}.featured-stories-odyssey__read-chapter{color:#fff}.featured-stories-odyssey__read-chapter:after{background-color:currentColor}.featured-stories-odyssey__chapter-info{display:flex;flex-direction:column;row-gap:var(--space-xs)}.featured-stories-odyssey__navigation-arrows{position:absolute;display:flex;gap:var(--space-lg);z-index:3;left:50%;bottom:calc(-.8 * var(--space-4xl));transform:translate(-50%)}.featured-stories-odyssey__navigation-arrows button{transition:transform var(--easing-fast)}.featured-stories-odyssey__navigation-arrows button:hover{transform:scale(.9)}.featured-stories-odyssey__navigation-arrows svg{fill:currentColor}.featured-stories-odyssey__navigation-arrows .nav-left{transform:rotate(180deg);margin-top:.1rem}@media screen and (min-width: 768px){.featured-stories-odyssey{display:grid;grid-template:1fr / 1fr}.featured-stories-odyssey__header{grid-row:1;grid-column:1;height:40%;display:flex;align-items:center;padding:0 var(--page-margin);margin-left:calc((100vw - (2 * var(--page-margin))) / 12 * 7 + var(--page-margin));width:max(48ch,calc((100vw - (2 * var(--page-margin))) / 12 * 4));max-width:calc((100vw - (2 * var(--page-margin))) / 12 * 5)}.featured-stories-odyssey__flex-container{grid-row:1;grid-column:1}.featured-stories-odyssey__main-container{width:calc((100vw - (2 * var(--page-margin))) / 12 * 5)}.featured-stories-odyssey__thumbnails-container--left{width:calc((100vw - (2 * var(--page-margin))) / 12 * 2);flex-grow:0;margin-top:10%}.featured-stories-odyssey__thumbnails-container--right{width:calc((100vw - (2 * var(--page-margin))) / 12 * 5 + var(--page-margin));flex-grow:0;margin-top:10%}.featured-stories-odyssey__thumbnail{width:calc((100vw - var(--page-margin) * 2) / 12 * 2)}.featured-stories-odyssey__story{max-height:88vh}.featured-stories-odyssey__story--info{flex-direction:row;justify-content:space-between;align-items:end}.featured-stories-odyssey__chapter-info{max-width:75%}.featured-stories-odyssey__story--info .link{text-wrap:nowrap}.featured-stories-odyssey__navigation-arrows{position:absolute;bottom:var(--space-md);left:var(--space-md);display:flex;gap:var(--space-md);z-index:3;left:calc((100vw - (2 * var(--page-margin))) / 12 * 8 + var(--page-margin));bottom:7.48vh;transform:translate(-50%)}}
/*# sourceMappingURL=/cdn/shop/t/206/assets/featured-stories-odyssey.css.map */