.cp .ba{--p:50%;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:pan-y;transition:opacity .35s;border-radius:inherit}.cp .ba[hidden]{display:none!important}.cp .cp-stage.swap .ba{opacity:0}.cp .cp-stage.is-ba .cp-fg,.cp .cp-stage.is-ba .cp-bg{visibility:hidden}.cp .ba-layer{position:absolute;top:0;right:0;bottom:0;left:0}.cp .ba-layer>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.cp .ba img{pointer-events:none;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}.cp .ba-bgimg,.cp .ba-pbg{position:absolute;left:-8%;top:-8%;width:116%;height:116%;max-width:none;object-fit:cover;filter:blur(26px) saturate(1.05) brightness(.7)}.cp .ba-fgimg,.cp .ba-pfg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:contain}.cp .ba-before{clip-path:inset(0 calc(100% - var(--p)) 0 0)}.cp .ba-pbg,.cp .ba-pfg{opacity:0;transition:opacity .3s}.cp .ba-before.has-photo .ba-pbg,.cp .ba-before.has-photo .ba-pfg{opacity:1}.cp .ba-chips{position:absolute;top:22%;display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;max-width:47%}.cp .ba-chips-l{left:14px;align-items:flex-start}.cp .ba-chips-r{right:14px;align-items:flex-end;text-align:right}.cp .ba-chips li{display:inline-block;padding:6px 13px;border-radius:999px;font-size:14px;line-height:1.3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.cp .ba-chips-l li{background:#1e2220d6;border:1px solid rgba(255,255,255,.2);color:#c9cecb}.cp .ba-chips-r li{background:#0f2b20d6;border:1px solid var(--cp-gold);color:var(--cp-gold)}.cp .ba-line{position:absolute;top:0;bottom:0;left:var(--p);width:2px;margin-left:-1px;background:var(--cp-gold);box-shadow:0 0 14px #d4b27a8c;pointer-events:none}.cp .ba-knob{position:absolute;top:50%;left:var(--p);width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:var(--cp-bg);border:1.5px solid var(--cp-gold);display:grid;place-items:center;pointer-events:none;box-shadow:0 4px 18px #00000073}.cp .ba-knob svg{width:22px;height:22px;stroke:var(--cp-gold);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cp .ba-range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y;-webkit-appearance:none;appearance:none;background:transparent}.cp .ba-range::-webkit-slider-thumb{-webkit-appearance:none;width:2px;height:100vh;background:transparent;border:0}.cp .ba-range::-moz-range-thumb{width:2px;height:100vh;background:transparent;border:0}.cp .ba:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 0 var(--cp-gold)}.cp .ba:has(.ba-range:focus-visible):after{box-shadow:inset 0 0 0 3px var(--cp-gold)}.cp .ba-badge{position:absolute;bottom:14px;padding:5px 13px;border-radius:999px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;line-height:1.3}.cp .ba-badge small{display:block;font-size:10px;letter-spacing:.08em;text-transform:none;opacity:.8;line-height:1.2}.cp .ba-badge-l{left:14px;background:#1e2220e6;border:1px solid rgba(255,255,255,.22);color:#d3d8d4}.cp .ba-badge-r{right:14px;background:var(--cp-gold);border:1px solid var(--cp-gold);color:var(--cp-bg);font-weight:500}.cp .ba-hint{position:absolute;top:clamp(30px,8%,46px);left:50%;transform:translate(-50%);white-space:nowrap;padding:5px 14px;border-radius:999px;background:#0f2b20c7;color:var(--cp-ink);font-size:13px;letter-spacing:.04em;pointer-events:none;transition:opacity .4s}.cp .ba.touched .ba-hint{opacity:0}.cp .ba-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cp .cp-stage.is-ba .cp-nav{top:auto;bottom:12px;translate:none;width:38px;height:38px}.cp .cp-stage.is-ba .cp-prev{left:calc(50% - 64px)}.cp .cp-stage.is-ba .cp-next{right:calc(50% - 64px)}.cp .cp-stage.is-ba .cp-nav svg{width:18px;height:18px}.cp .cp-stage.is-ba .cp-count{left:50%;right:auto;bottom:18px;translate:-50% 0;padding:2px 8px;font-size:13px;white-space:nowrap}.cp .th-ba{position:relative;display:block;width:100%;height:100%}.cp .th-ba img{position:absolute;top:0;right:0;bottom:0;left:0}.cp .th-ba i{position:absolute;top:0;bottom:0}.cp .th-ba .l{left:0;width:50%;background:linear-gradient(#4b514e,#383e3b)}.cp .th-ba .b{clip-path:inset(0 50% 0 0)}.cp .th-ba .d{left:50%;width:2px;margin-left:-1px;background:var(--cp-gold)}@media(max-width:480px){.cp .ba-chips li{font-size:13px;padding:5px 11px}.cp .ba-chips{gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/chattitude-ba.css.map */