.stories{--story-accent: #2f6b58;--story-radius: .6rem;--story-gradient: linear-gradient(180deg, #e6dcc8 0%, #d9ccb0 55%, var(--story-accent) 100%);display:block;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background))}.stories--colored{padding-inline-start:1.5rem;padding-inline-end:1.5rem}.stories__subheading{margin:0 0 .8rem;color:var(--story-accent)}.stories__list{display:flex;gap:1.6rem;margin:0;padding:0;list-style:none;overflow-x:scroll;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.stories__list::-webkit-scrollbar{display:none}.stories__item{flex:0 0 var(--story-width, 20rem);scroll-snap-align:start}.stories__list--center .stories__item:first-child,.stories__list--right .stories__item:first-child{margin-inline-start:auto}.stories__list--center .stories__item:last-child{margin-inline-end:auto}.stories__card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:100%;aspect-ratio:var(--story-ratio, .5625);padding:1.6rem;overflow:hidden;border:.1rem solid rgba(var(--color-foreground),.08);border-radius:var(--story-radius);background:var(--story-gradient);color:#fff;font:inherit;text-align:left;cursor:pointer}.stories__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 45%,rgba(47,107,88,.9) 100%)}.stories__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.stories__card:hover .stories__poster{transform:scale(1.04)}.stories__play{position:absolute;top:1.2rem;left:1.2rem;z-index:1;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:50%;background-color:#fff;color:var(--story-accent)}.stories__play svg{width:1.4rem;height:1.4rem}.stories__info{position:relative;z-index:1;display:flex;flex-direction:column;gap:.4rem}.stories__card-title{font-size:1.5rem;font-weight:700;line-height:1.3}.stories__card-subtitle{font-size:1.2rem;line-height:1.4;opacity:.9}html:has(.stories__modal[open]){overflow:hidden}.stories__modal{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden}.stories__modal[open]{display:flex;align-items:center;justify-content:center;gap:2.4rem}.stories__modal::backdrop{background:#000000d9}.stories__player{position:relative;width:min(calc(100vw - 20rem),calc(min(90vh,80rem) * var(--story-ratio, .5625)));aspect-ratio:var(--story-ratio, .5625);overflow:hidden;border-radius:2rem;background-color:#000}.stories__video{display:block;width:100%;height:100%;object-fit:cover}.stories__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;justify-content:flex-end;gap:.6rem;padding:3.2rem 2.4rem;background:var(--story-gradient);color:#fff}.stories__placeholder.has-image{background:linear-gradient(180deg,transparent 45%,rgba(47,107,88,.9) 100%),var(--story-placeholder-image) center / cover no-repeat}.stories__player.is-placeholder .stories__placeholder{display:flex}.stories__player.is-placeholder .stories__video,.stories__player.is-placeholder .stories__mute{visibility:hidden}.stories__placeholder-title{font-size:2.2rem;font-weight:700;line-height:1.25}.stories__placeholder-subtitle{font-size:1.4rem;line-height:1.4;opacity:.9}.stories__progress{position:absolute;top:1.6rem;right:1.6rem;left:1.6rem;z-index:2;display:flex;gap:.4rem}.stories__segment{flex:1;height:.3rem;overflow:hidden;border-radius:.3rem;background-color:#ffffff59}.stories__segment-fill{display:block;height:100%;background-color:#fff;transform:scaleX(0);transform-origin:left}.stories__controls{position:absolute;top:2.8rem;right:1.2rem;z-index:3;display:flex}.stories__control,.stories__nav-button,.stories__zone{padding:0;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.stories__control{display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;background:none;color:#fff;filter:drop-shadow(0 0 .4rem rgba(0,0,0,.4))}.stories__control svg{width:2.2rem;height:2.2rem}.stories__control .icon-close{width:1.8rem;height:1.8rem}.stories__icon-muted,.stories__mute[aria-pressed=true] .stories__icon-sound{display:none}.stories__mute[aria-pressed=true] .stories__icon-muted{display:block}.stories__zone{position:absolute;top:8rem;bottom:0;z-index:1;background:none}.stories__zone--prev{left:0;width:20%}.stories__zone--toggle{left:20%;width:60%}.stories__zone--next{right:0;width:20%}.stories__state{position:absolute;top:50%;left:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:7.2rem;height:7.2rem;border-radius:50%;background-color:#00000073;color:#fff;opacity:0;pointer-events:none;transform:translate(-50%,-50%)}.stories__state svg{display:none;width:3.2rem;height:3.2rem}.stories__player.is-paused .stories__state{opacity:1}.stories__player.is-paused .stories__state-play,.stories__player.is-resumed:not(.is-paused) .stories__state-pause{display:block}.stories__player.is-resumed:not(.is-paused) .stories__state{animation:stories-state-out .6s ease forwards}@keyframes stories-state-out{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}.stories__nav-button{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:5.2rem;height:5.2rem;border-radius:50%;background-color:var(--story-accent);color:#fff}.stories__nav-button:disabled{opacity:.35;cursor:default}.stories__nav-button .icon{width:1.6rem;height:1.6rem}.stories__nav-button--prev .icon{transform:rotate(90deg)}.stories__nav-button--next .icon{transform:rotate(-90deg)}@media screen and (min-width:750px){.stories--colored{padding-inline-start:5rem;padding-inline-end:5rem}}@media screen and (max-width:749px){.stories__item{flex-basis:var(--story-width-mobile, 16rem)}.stories__list{margin:0 -1.5rem;padding:0 1.5rem;scroll-padding:0 1.5rem}.stories__player{width:min(100%,calc(100dvh * var(--story-ratio, .5625)));border-radius:0}.stories__nav-button{display:none}}
/*# sourceMappingURL=/cdn/shop/t/97/assets/marki-stories.css.map */