.koffi-vc{background:var(--koffi-bg);color:var(--koffi-text);padding:var(--koffi-pad-y) var(--koffi-pad-x)}.koffi-vc__container{max-width:var(--koffi-max);margin:0 auto;overflow:hidden}.koffi-vc__header{text-align:center;max-width:860px;margin:0 auto 26px}.koffi-vc__eyebrow{font-size:var(--koffi-eye);letter-spacing:.14em;text-transform:uppercase;color:var(--koffi-muted);font-weight:800;margin-bottom:10px}.koffi-vc__heading{margin:0;font-size:var(--koffi-h);line-height:1.06;letter-spacing:-.02em}.koffi-vc__subheading{margin-top:12px;font-size:var(--koffi-sub);color:var(--koffi-muted)}.koffi-vc__stage{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.koffi-vc__nav{width:44px;height:44px;border-radius:999px;border:1px solid var(--koffi-border);background:#fff;color:var(--koffi-text);display:grid;place-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.koffi-vc__nav:hover{transform:translateY(-1px);border-color:var(--koffi-accent)}.koffi-vc__nav:active{transform:translateY(0)}.koffi-vc__nav:disabled{opacity:.45;cursor:not-allowed;transform:none}.koffi-vc__viewport{position:relative;display:grid;place-items:center;overflow:visible;perspective:1200px;-webkit-perspective:1200px;min-height:calc(min(92vw,var(--koffi-card-w)) / 9 * 16);min-height:calc(var(--koffi-card-w) * 1.85)}.koffi-vc__track{position:relative;width:100%;height:100%;display:grid;place-items:center}.koffi-vc__card{position:absolute;width:min(92vw,var(--koffi-card-w));aspect-ratio:var(--koffi-aspect);border-radius:var(--koffi-card-r);overflow:hidden;border:var(--koffi-card-border) solid var(--koffi-border);transform-origin:center;transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 18px 50px rgba(10,10,20,calc(.25 * var(--koffi-card-shadow))),0 2px rgba(10,10,20,calc(.08 * var(--koffi-card-shadow)));will-change:transform,opacity,filter;transition:transform var(--koffi-speed) var(--koffi-ease),opacity var(--koffi-speed) var(--koffi-ease),filter var(--koffi-speed) var(--koffi-ease)}.koffi-vc__card.is-clone{pointer-events:none}.koffi-vc__cardBtn{width:100%;height:100%;display:block;border:0;padding:0;background:transparent;cursor:pointer}button.koffi-vc__cardBtn{-webkit-appearance:none;appearance:none}.koffi-vc__cardBtn:focus-visible{outline:2px solid rgba(124,92,255,.7);outline-offset:3px;border-radius:calc(var(--koffi-card-r) + 4px)}.koffi-vc__media{position:relative;width:100%;height:100%;background:#0b0b12;isolation:isolate}.koffi-vc__videoWrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.koffi-vc__videoWrap video{width:100%;height:100%;display:block;object-fit:cover}.koffi-vc__videoWrap .shopify-video,.koffi-vc__videoWrap .shopify-video video{width:100%;height:100%;display:block}.koffi-vc__poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .22s ease}.koffi-vc__card.is-active .koffi-vc__poster{opacity:0;pointer-events:none}.koffi-vc__embed{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;padding:0}.koffi-vc__embed blockquote{margin:0!important;max-width:100%!important;min-width:0!important;height:100%}.koffi-vc__embed iframe{width:100%!important;height:100%!important;border:0!important;height:unset}.koffi-vc__overlay{position:absolute;left:0;right:0;bottom:0;height:var(--koffi-overlay-h);background:var(--koffi-overlay);opacity:var(--koffi-overlay-op);z-index:3;pointer-events:none}.koffi-vc__play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:4;transition:opacity .18s ease,transform .18s ease}.koffi-vc__playIcon{width:var(--koffi-play);height:var(--koffi-play);border-radius:999px;display:grid;place-items:center;font-weight:900;color:#fff;background:#ffffff24;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 18px 40px #00000040}.koffi-vc__card.is-active .koffi-vc__play{opacity:0;transform:scale(.96)}.koffi-vc__info{position:absolute;left:16px;right:16px;bottom:14px;z-index:5;color:#fff;text-align:center;pointer-events:none}.koffi-vc__name{font-size:var(--koffi-title);font-weight:900;line-height:1.15}.koffi-vc__meta{margin-top:6px;font-size:var(--koffi-meta);opacity:.92}.koffi-vc__stars{margin-top:10px;display:inline-flex;gap:4px}.koffi-vc__star{font-size:var(--koffi-star);color:var(--koffi-star-color);line-height:1}.koffi-vc__star--off{opacity:.25}.koffi-vc__dots{margin-top:16px;display:flex;justify-content:center;gap:8px}.koffi-vc__dot{width:8px;height:8px;border-radius:999px;background:var(--koffi-accent);border:1px solid rgba(0,0,0,.1);cursor:pointer;opacity:.4;transition:width .18s ease,transform .18s ease,background .18s ease}.koffi-vc__dot:hover{transform:scale(1.15)}.koffi-vc__dot.is-active{width:22px;background:var(--koffi-accent);border-color:var(--koffi-accent);opacity:1}.koffi-vc__modal[hidden]{display:none}.koffi-vc__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.koffi-vc__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c}.koffi-vc__dialog{position:relative;width:min(980px,calc(100vw - 28px));margin:6vh auto;background:#0b0b12;border-radius:18px;overflow:hidden;box-shadow:0 30px 90px #00000059}.koffi-vc__close{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff1a;color:#fff;cursor:pointer;z-index:2}.koffi-vc__modalStage{aspect-ratio:9 / 16;background:#000;display:grid;place-items:center}.koffi-vc__modalStage iframe,.koffi-vc__modalStage video{width:100%;height:100%;display:block;border:0}[data-vc-viewport]{touch-action:pan-y;-webkit-user-select:none;user-select:none}@media(max-width:989px){.koffi-vc__stage{grid-template-columns:1fr;gap:12px}.koffi-vc__nav{display:none}.koffi-vc__viewport{min-height:calc(var(--koffi-card-w) * 1.95)}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/koffi-video-carousel.css.map */