.story-list-grid{display:flex;flex-wrap:nowrap;gap:32px;width:100%;overflow-x:auto;list-style:none;padding:0;margin:0;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;position:relative}.section-story-list-grid{position:relative}.section-story-list-grid .arrow-button{position:absolute;top:50%;transform:translateY(-50%);background-color:transparent;border:none;cursor:pointer;z-index:1;content:"";padding:0!important;width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff;box-shadow:0 4px 5px #00000024,0 1px 10px #0000001f,0 2px 4px -1px #0003}.section-story-list-grid .arrow-button.prev{left:-20px}.section-story-list-grid .arrow-button.next{right:-20px}.section-story-list-grid .arrow-button svg{width:16px;height:16px;fill:currentColor;padding:0!important}.section-story-list-grid .arrow-button.prev svg{rotate:180deg}.story-list-grid::-webkit-scrollbar{display:none}.story-list-grid .story-item{flex:0 0 calc(33% - 16px);max-width:calc(33% - 16px);border-radius:8px;overflow:hidden;flex-grow:1;scroll-snap-align:start}.favorite-stories-wrapper.story-list-grid .story-item{flex:0 0 calc(50% - 16px);max-width:calc(50% - 16px)}@media (max-width: 768px){.story-list-grid{gap:16px}.story-list-grid .story-item{flex:0 0 100%!important;max-width:100%!important}.section-story-list-grid .arrow-button.prev{left:-12px}.section-story-list-grid .arrow-button.next{right:-12px}}.story-card{border-radius:8px;height:100%;display:flex;flex-direction:column;cursor:pointer;will-change:transform;position:relative;transition:transform .3s cubic-bezier(.38,.41,.27,1)}.story-card *{color:#000!important}.story-card__image{aspect-ratio:2.5 / 1;width:100%;object-fit:cover;object-position:center;max-height:300px;overflow:hidden;transition:max-height .3s ease-in-out;display:block}.story-card__content{padding:24px;background-color:#f5f5f5;font-size:12px;display:flex;flex:1;flex-direction:column;justify-content:space-between;align-items:flex-start}.story-card__title{font-size:20px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:300;margin-bottom:8px}.story-card__story-content{opacity:0;transition:max-height .3s ease,opacity .3s ease;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.story-card:hover .story-card__image{max-height:0}.story-card:hover .story-card__content{max-height:100%}.story-card:hover .story-card__story-content{max-height:60px;opacity:1;transition-delay:.3s,.3s}.story-card__author{font-size:12px;font-weight:600;margin-block-start:8px}.story-card__view-more.link{background-color:transparent;color:#000;text-decoration:underline;text-transform:none;border:none;margin-top:20px}.story-card__view-more.link.negative-margin-top{margin-top:-20px}.all-stories-heading{margin-block-end:24px}.special-story{position:relative;height:calc(100vh - 70px);max-height:650px}.special-story *{color:#fff!important}.special-story__image{width:100%;height:100%;object-fit:cover}.special-story__content{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080}.special-story__content-wrapper{display:flex;flex-direction:column;height:100%;align-items:flex-start;justify-content:center;background-color:transparent}.special-story__title,.special-story__story-content{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;width:65%}.story-card__story-content p,.story-card__story-content a,.story-card__story-content strong,.story-card__story-content em,.special-story__story-content p,.special-story__story-content a,.special-story__story-content strong,.special-story__story-content em{display:inline}.story-card__story-content img,.special-story__story-content img{display:none}.special-story__title{margin-block-start:0;margin-block-end:4px;font-size:40px}.special-story__view-more.solid{background-color:#fff;color:#000!important;padding:8px 20px;text-decoration:none;margin-top:20px}@media (max-width: 768px){.special-story__title,.special-story__story-content{width:100%}}.story-detail__title{text-align:center;margin:40px 0 28px!important}.story-detail__author{font-weight:500;margin-bottom:40px!important}
/*# sourceMappingURL=/cdn/shop/t/17/assets/stories.css.map */