.stories-container{display:block}.stories-wrapper{margin:0 auto;padding:0 var(--spacing-4)}.stories-slideshow{position:relative}.stories-slideshow__wrapper{overflow:hidden;width:100%}.stories-slideshow__track{display:flex;gap:var(--spacing-4);transition:transform .3s ease;width:-moz-max-content;width:max-content}@media screen and (max-width:699px){.stories-slideshow__track{gap:var(--spacing-2)}}.stories-slideshow__slide{flex-shrink:0;width:300px}@media screen and (max-width:1000px){.stories-slideshow__slide{width:calc(50vw - var(--spacing-6))}}@media screen and (max-width:40em){.stories-slideshow__slide{width:calc(40vw - var(--spacing-8))}}.stories-slideshow__arrow{background:#ffffffe6;border:1px solid rgb(var(--border-color));border-radius:50%;color:rgb(var(--text-color));cursor:pointer;display:flex;align-items:center;justify-content:center;padding:var(--spacing-3);transition:all .2s ease;display:none}.stories-slideshow__arrow:hover:not(:disabled){background:rgb(var(--background));box-shadow:0 4px 12px #00000026}.stories-slideshow__arrow:disabled{opacity:.4;cursor:not-allowed}.stories-slideshow__arrow svg{width:16px;height:16px}.stories-header{display:flex;justify-content:space-between;gap:var(--spacing-4);flex-wrap:wrap;align-items:center;margin-bottom:var(--spacing-8)}.stories-follow-link{display:flex;align-items:center;gap:var(--spacing-2);color:rgb(var(--text-color));text-decoration:none;font-size:var(--text-sm);transition:opacity .2s ease}.stories-follow-link:hover{opacity:.8}.story-preview{cursor:pointer;transition:transform .2s ease;text-align:center}.story-preview__image-container{position:relative;overflow:hidden;margin-bottom:var(--spacing-2)}.story-preview__image-container img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;aspect-ratio:3/5}.story-preview__overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.story-preview__user-info{display:flex;flex-direction:column;align-items:center;color:#fff;font-size:var(--text-xs)}.story-preview__title{font-size:var(--text-sm);color:rgb(var(--text-color));line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stories-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:#000000f2;transition:background-color .2s ease-out}.stories-modal.stories-paused .stories-modal__progress-fill{animation-play-state:paused!important}.stories-modal__overlay{position:absolute;top:0;left:0;right:0;bottom:0}.stories-modal__container{position:relative;height:100lvh;display:flex;flex-direction:column;max-width:400px;margin:0 auto;transition:transform .2s ease-out}.stories-modal__progress-bars{display:flex;gap:2px;padding:var(--spacing-4);position:relative;z-index:2}.stories-modal__progress-bar{flex:1;height:3px;background:#ffffff4d;border-radius:2px;overflow:hidden}.stories-modal__progress-fill{height:100%;background:#fff;width:0%;transition:width .1s linear}.stories-modal__controls{position:absolute;top:var(--spacing-12);right:var(--spacing-4);z-index:3}.stories-modal__close{background:#00000080;border:none;border-radius:50%;width:40px;height:40px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.stories-modal__close:hover{background:#000000b3}.stories-modal__content{flex:1;position:relative;display:flex;align-items:center}.stories-modal__nav{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:none;border-radius:50%;width:40px;height:40px;color:#fff;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.stories-modal__nav:hover{background:#000000b3}.stories-modal__nav--prev{left:var(--spacing-4)}.stories-modal__nav--next{right:var(--spacing-4)}.stories-modal__slides-container{width:100%;height:100%;position:relative;overflow:hidden}.story-slide{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column}.story-slide__background{flex:1;position:relative}.story-slide__image,.story-slide__video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.story-slide__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,.5) 0,transparent 20%,transparent 80%,rgba(0,0,0,.5) 100%);display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-6);color:#fff}.story-slide__header{display:flex;align-items:center}.story-slide__user{display:flex;align-items:center;gap:var(--spacing-3)}.story-slide__avatar{width:32px;height:32px;background:#fff3;display:flex;align-items:center;justify-content:center;border-radius:50%}.story-slide__avatar svg{width:18px;height:18px;color:#fff}.story-slide__avatar img{border-radius:50%}.story-slide__username{font-weight:700;font-size:var(--text-sm)}.story-slide__time{font-size:var(--text-xs);opacity:.8}.story-slide__content{margin-bottom:var(--spacing-4)}.story-slide__product-info{background:rgb(var(--background-primary));padding:var(--spacing-4)}.story-slide__product-info img{width:100px;height:auto;-o-object-fit:contain;object-fit:contain}.story-slide__product-title{margin-bottom:var(--spacing-2);color:rgb(var(--text-color))}.story-slide .price-list{color:rgb(var(--text-color))}.story-slide__product-actions{margin-top:var(--spacing-4)}.story-slide__text{background:#0009;border-radius:var(--spacing-2);padding:var(--spacing-4);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--text-base);line-height:1.5}@media screen and (max-width:699px){.stories-modal__container{max-width:100%}.stories-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-3)}.story-slide__overlay{padding:var(--spacing-4)}.story-slide__product-info{padding:var(--spacing-3)}.story-slide__product-title{font-size:var(--text-base)}}@media screen and (max-width:40em){.stories-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--spacing-2)}.story-preview__image-container{padding:2px}.story-preview__title{font-size:var(--text-xs)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-stories.css.map */