.kl-reels{position:relative}.kl-reels__track{display:grid;grid-auto-flow:column;grid-auto-columns:var(--kl-reel-w, 190px);gap:var(--kl-reel-gap, 14px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding-block:4px;margin-inline:calc(var(--kl-gutter) * -1);padding-inline:var(--kl-gutter)}.kl-reels__track::-webkit-scrollbar{display:none}.kl-reels--fits .kl-reels__track{justify-content:center}.kl-reel{position:relative;scroll-snap-align:center;aspect-ratio:var(--kl-reel-ratio, 9 / 16);border-radius:var(--kl-reel-radius, 18px);overflow:hidden;background:var(--kl-surface-3);border:0;padding:0;cursor:pointer;display:block;width:100%;text-align:start;transition:transform .38s var(--kl-ease-out),box-shadow .38s var(--kl-ease-out)}.kl-reel:hover{transform:translateY(-4px);box-shadow:var(--kl-shadow-2)}.kl-reel video,.kl-reel img{width:100%;height:100%;object-fit:cover;display:block}.kl-reel__veil{position:absolute;inset:auto 0 0 0;height:46%;background:linear-gradient(to top,rgba(25,23,24,.72),transparent);pointer-events:none}.kl-reel__play{position:absolute;inset-block-end:10px;inset-inline-end:10px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#f5f0e8eb;color:var(--kl-soft-black);pointer-events:none;transition:transform .3s var(--kl-ease-out)}.kl-reel:hover .kl-reel__play{transform:scale(1.08)}.kl-reel__play svg{width:13px;height:13px;fill:currentColor;margin-inline-start:2px}.kl-reel__caption{position:absolute;inset-block-end:12px;inset-inline-start:12px;inset-inline-end:48px;color:#fff8f4;font-size:12.5px;font-weight:600;line-height:1.4;text-shadow:0 1px 6px rgba(25,23,24,.5);pointer-events:none}.kl-reels__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;display:none;place-items:center;border-radius:50%;border:1px solid var(--kl-line);background:var(--kl-surface);color:var(--kl-ink);cursor:pointer;box-shadow:var(--kl-shadow-1);transition:background .2s ease,color .2s ease,opacity .2s ease}.kl-reels__nav:hover{background:var(--kl-merlot);color:#fff8f4;border-color:var(--kl-merlot)}.kl-reels__nav[disabled]{opacity:.3;cursor:default}.kl-reels__nav svg{width:15px;height:15px;fill:currentColor}.kl-reels__nav--prev{inset-inline-end:-8px}.kl-reels__nav--next{inset-inline-start:-8px}@media(min-width:990px){.kl-reels--scrollable .kl-reels__nav{display:grid}}.kl-reel-modal{border:0;padding:0;background:transparent;max-width:min(430px,92vw);width:100%;max-height:92svh}.kl-reel-modal::backdrop{background:#191718d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.kl-reel-modal__inner{position:relative;border-radius:20px;overflow:hidden;background:#000;aspect-ratio:9 / 16;max-height:92svh}.kl-reel-modal video{width:100%;height:100%;object-fit:contain;display:block}.kl-reel-modal__close{position:absolute;top:10px;inset-inline-end:10px;z-index:2;width:38px;height:38px;border-radius:50%;border:0;background:#f5f0e8eb;color:var(--kl-soft-black);font-size:22px;line-height:1;cursor:pointer}.kl-reel-modal__cta{position:absolute;inset-block-end:16px;inset-inline:16px;z-index:2;display:block;text-align:center;padding:13px 20px;border-radius:999px;background:var(--kl-oat);color:var(--kl-soft-black);font-size:14px;font-weight:700;text-decoration:none}@media(prefers-reduced-motion:reduce){.kl-reel,.kl-reel__play{transition:none}.kl-reel:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/klimoss-reels.css.map */