.kk-ba{position:relative;width:100%;max-width:1400px;margin-inline:auto;user-select:none;-webkit-user-select:none;touch-action:pan-y}.kk-ba--bleed{max-width:none;margin:0;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.kk-ba__frame{position:relative;width:100%;aspect-ratio:21 / 9;border-radius:var(--r-lg);overflow:hidden;background:var(--c-bg-2);border:1.5px solid var(--c-border);box-shadow:0 30px 80px -20px #0009,0 0 0 1px #d4a57414;cursor:ew-resize;isolation:isolate}.kk-ba--bleed .kk-ba__frame{border:0;border-radius:0;box-shadow:none}@media(max-width:768px){.kk-ba__frame{aspect-ratio:4 / 5}}.kk-ba__layer{position:absolute;top:0;right:0;bottom:0;left:0}.kk-ba__layer img,.kk-ba__layer picture{width:100%;height:100%;object-fit:cover;pointer-events:none}.kk-ba__layer--after{z-index:1}.kk-ba__layer--before{z-index:2;clip-path:polygon(0 0,50% 0,50% 100%,0 100%);will-change:clip-path;transition:clip-path .1s linear}.kk-ba.is-dragging .kk-ba__layer--before{transition:none}.kk-ba__title{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.2vw,16px);padding-top:clamp(16px,1.6vw,28px);padding-inline:clamp(16px,3vw,40px);pointer-events:none;margin:0;text-align:center;font-family:var(--font-display);font-weight:var(--fw-bold);letter-spacing:-.012em;word-spacing:.14em;line-height:1.04;text-transform:uppercase;font-size:clamp(32px,7vw,92px)}@media(max-width:768px){.kk-ba__title{padding-top:clamp(24px,5vw,40px)}}.kk-ba__title-line{display:inline-block;position:relative;white-space:nowrap}.kk-ba__title--clean{color:#fff;text-shadow:0 0 1px rgba(255,255,255,.5),0 0 14px rgba(255,255,255,.45),0 0 32px rgba(212,165,116,.5),0 0 64px rgba(212,165,116,.25),0 4px 40px rgba(0,0,0,.65)}.kk-ba__title--clean .kk-ba__title-line--accent{color:var(--c-accent);text-shadow:0 0 18px rgba(212,165,116,.75),0 0 48px rgba(212,165,116,.45),0 0 96px rgba(212,165,116,.2),0 4px 40px rgba(0,0,0,.65)}.kk-ba__title--dirty{filter:drop-shadow(0 4px 24px rgba(0,0,0,.55))}.kk-ba__title--dirty .kk-ba__title-line{color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;background-image:url(mud-splatter.jpg),linear-gradient(#fff,#fff);background-size:140% auto,100% 100%;background-position:30% 40%,0 0;background-repeat:no-repeat,no-repeat;background-blend-mode:multiply,normal;-webkit-background-clip:text;background-clip:text;filter:contrast(1.4) saturate(1.2)}.kk-ba__title--dirty .kk-ba__title-line--accent{background-position:70% 65%,0 0;background-size:180% auto,100% 100%}@media(max-width:768px){.kk-ba__title{font-size:clamp(28px,9vw,56px);padding:clamp(20px,5vw,40px);gap:clamp(2px,.8vw,6px)}}@media(max-width:480px){.kk-ba__title{font-size:clamp(24px,8.5vw,44px);line-height:1.04}.kk-ba__title-line{white-space:normal}}@media(prefers-reduced-motion:reduce){.kk-ba__title--dirty{filter:contrast(.92) brightness(.85)}}.kk-ba__label{position:absolute;top:clamp(12px,2vw,24px);z-index:5;pointer-events:none;font-family:var(--font-body);font-weight:var(--fw-bold);font-size:clamp(11px,1.2vw,14px);letter-spacing:var(--ls-mega);color:var(--c-text);text-transform:uppercase;padding:6px 12px;background:#0e0e0ea6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--r-pill);border:1px solid rgba(212,165,116,.3);opacity:0;transform:translateY(-4px);animation:kk-ba-label-in .7s var(--ease-out) 1.6s forwards}.kk-ba__label--before{left:clamp(12px,2vw,24px)}.kk-ba__label--after{right:clamp(12px,2vw,24px);color:var(--c-accent)}@keyframes kk-ba-label-in{to{opacity:1;transform:translateY(0)}}.kk-ba__handle{position:absolute;top:0;left:50%;width:60px;height:100%;z-index:10;transform:translate(-50%);cursor:ew-resize;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.kk-ba__handle-line{position:absolute;left:50%;top:0;width:3px;height:100%;background:linear-gradient(to bottom,transparent,var(--c-accent) 8%,var(--c-accent) 92%,transparent);transform:translate(-50%);box-shadow:0 0 24px #d4a57499}.kk-ba__handle-grip{position:relative;width:56px;height:56px;background:var(--c-accent);color:var(--c-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--glow-gold-strong),inset 0 0 0 2px #0000001a;transition:transform .2s var(--ease-bounce),box-shadow .3s var(--ease-out);z-index:1}.kk-ba__handle:hover .kk-ba__handle-grip,.kk-ba.is-dragging .kk-ba__handle-grip{transform:scale(1.08);box-shadow:0 0 60px #d4a574b3,inset 0 0 0 2px #0000001a}.kk-ba__handle-grip svg{width:24px;height:24px}.kk-ba__handle--bottle .kk-ba__handle-grip{width:64px;height:64px;overflow:visible}.kk-ba__handle-bottle{position:absolute;left:50%;top:50%;width:auto;height:100px;transform:translate(-50%,-50%);pointer-events:none;image-rendering:auto;filter:drop-shadow(0 6px 12px rgba(0,0,0,.55)) drop-shadow(0 0 6px rgba(212,165,116,.3));transition:transform .3s var(--ease-out),filter .3s var(--ease-out);z-index:2}.kk-ba__handle--bottle:hover .kk-ba__handle-bottle,.kk-ba.is-dragging .kk-ba__handle--bottle .kk-ba__handle-bottle{transform:translate(-50%,-50%) scale(1.06);filter:drop-shadow(0 8px 16px rgba(0,0,0,.65)) drop-shadow(0 0 10px rgba(212,165,116,.45))}@media(max-width:640px){.kk-ba__handle--bottle .kk-ba__handle-grip{width:52px;height:52px}.kk-ba__handle-bottle{height:84px}}.kk-ba__handle:focus-visible .kk-ba__handle-grip{outline:2px solid var(--c-text);outline-offset:4px}.kk-ba__handle-grip:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--c-accent);opacity:0;animation:kk-ba-handle-pulse 2.4s var(--ease-out) infinite;pointer-events:none}@keyframes kk-ba-handle-pulse{0%{opacity:0;transform:scale(1)}20%{opacity:.7}to{opacity:0;transform:scale(1.6)}}.kk-ba.is-dragging .kk-ba__handle-grip:after,.kk-ba__handle:hover .kk-ba__handle-grip:after{animation-play-state:paused;opacity:0}.kk-ba__caption{text-align:center;margin-top:var(--s-3);font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-xl);letter-spacing:var(--ls-snug);text-transform:uppercase;color:var(--c-text-dim)}.kk-ba__caption-text{display:inline-block;position:relative}.kk-ba__caption-text:before,.kk-ba__caption-text:after{content:"";display:inline-block;vertical-align:middle;width:24px;height:1.5px;background:var(--c-accent);margin-inline:var(--s-2)}
/*# sourceMappingURL=/cdn/shop/t/42/assets/slider-ba.css.map */