.stories{padding:var(--size-12) 0}@media screen and (max-width: 768px){.stories{padding:var(--size-8) 0}}.stories .stories__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--size-8)}@media screen and (max-width: 768px){.stories .stories__header{margin-bottom:var(--size-4)}}.stories .stories__title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);line-height:40px;color:var(--color-text);margin:0}@media screen and (max-width: 768px){.stories .stories__title{font-size:var(--text-2xl);line-height:32px}}.stories .stories__navigation{display:flex;align-items:center;gap:var(--size-4)}@media screen and (max-width: 768px){.stories .stories__navigation{display:none}}.stories .stories__nav-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0;transition:opacity .2s ease}.stories .stories__nav-btn:hover{opacity:.7}.stories .stories__nav-btn svg{width:100%;height:100%}.stories .stories__slider{position:relative}.stories .stories__slide{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:33.33%;flex-shrink:0}@media screen and (max-width: 768px){.stories .stories__slide{max-width:40%}}.stories .stories__card{display:flex;flex-direction:column;-webkit-text-decoration:none;text-decoration:none;color:inherit;transition:transform .3s ease;cursor:pointer;width:100%;height:100%}.stories .stories__card:hover{transform:translateY(-4px)}.stories .stories__card:hover .stories__image-wrapper:after{opacity:.5}.stories .stories__card[aria-disabled=true]{cursor:default;pointer-events:none}.stories .stories__card:link,.stories .stories__card:visited{-webkit-text-decoration:none;text-decoration:none;color:inherit}.stories .stories__image-wrapper{position:relative;width:100%;height:515px;background-color:var(--color-background-dark);border-radius:var(--radius-sm);overflow:hidden;display:flex;align-items:center;justify-content:center}.stories .stories__image-wrapper:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0003;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}@media screen and (max-width: 768px){.stories .stories__image-wrapper{height:290px}}.stories .stories__image,.stories .block-image{width:100%;height:100%;position:relative}.stories .stories__image img,.stories .block-image img{width:100%;height:100%;object-fit:cover!important;object-position:center;transition:opacity .3s ease}.stories .stories__cover-image{position:relative;width:100%;height:100%;z-index:1}.stories .stories__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:2;transition:opacity .3s ease}.stories .stories__image--placeholder{display:flex;align-items:center;justify-content:center;background-color:var(--color-background-dark)}.stories .stories__placeholder-svg{width:100%;height:100%;opacity:.3}.stories .stories__username{font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-black);margin:0;padding-left:var(--size-1);padding-right:var(--size-1)}@media screen and (max-width: 768px){.stories .stories__username{font-size:var(--text-sm)}}.stories .stories__username--left{text-align:left}.stories .stories__username--center{text-align:center}.stories .stories__username--right{text-align:right}.stories .stories__arrow{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--color-white);border:1px solid var(--color-black-16);border-radius:50%;cursor:pointer;z-index:10;transition:all .2s ease}.stories .stories__arrow:hover{background:var(--color-black);border-color:var(--color-black)}.stories .stories__arrow:hover svg path{fill:var(--color-white)}.stories .stories__arrow:disabled{opacity:.3;cursor:not-allowed}.stories .stories__arrow svg{width:20px;height:20px}@media screen and (max-width: 768px){.stories .stories__arrow{display:none}}.stories .stories__arrow--prev{left:-15px}.stories .stories__arrow--next{right:-15px}.stories .blaze-track{gap:var(--size-1)}@media screen and (max-width: 768px){.stories .blaze-track-container{overflow:auto}.stories .blaze-track{will-change:auto;touch-action:auto}}
/*# sourceMappingURL=/cdn/shop/t/267/assets/section-stories.css.map */