.acc-bas{background:var(--sec-bg, transparent);color:var(--sec-fg, inherit);padding-top:var(--pt-m);padding-bottom:var(--pb-m)}.acc-bas__inner{max-width:var(--maxw);margin:0 auto;padding-inline:var(--gx-m)}.acc-bas__head{margin-bottom:22px}.acc-bas__title{margin:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;line-height:var(--lh, 1.2)}.acc-bas__sub{margin:8px 0 0;font-size:var(--sub-m);font-weight:400;text-transform:none;letter-spacing:0;opacity:.8;font-family:var(--font-body-family)}.acc-bas__grid{display:grid;gap:var(--gap-m)}.acc-bas__item{min-width:0;display:flex;flex-direction:column;gap:12px}.acc-bas__caption{display:flex;flex-direction:column;gap:4px}.acc-bas__cap-title{font-size:1.1em}.acc-ba{--pos: 50%;--ks: var(--ks-m);position:relative;display:block;aspect-ratio:var(--ratio-m);border-radius:var(--rad-m);overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:pan-y;cursor:ew-resize;background:#eee}.acc-ba__layer{position:absolute;top:0;right:0;bottom:0;left:0}.acc-ba__layer--after{clip-path:inset(0 0 0 var(--pos))}.acc-ba__layer .acc-pic,.acc-ba__layer img,.acc-ba__layer svg{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none}.acc-ba__layer--before svg{background:#d9d6d0}.acc-ba__layer--after svg{background:#eef3e6}.acc-ba__label{position:absolute;top:12px;z-index:3;font-size:var(--lb-fs-m);font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1;pointer-events:none;transition:opacity .25s}.acc-ba--lpos-bottom .acc-ba__label{top:auto;bottom:12px}.acc-ba__label--before{left:12px}.acc-ba__label--after{right:12px}.acc-ba--labels-pill .acc-ba__label{background:var(--lb-bg);color:var(--lb-fg);padding:.55em 1em;border-radius:999px}.acc-ba--labels-rect .acc-ba__label{background:var(--lb-bg);color:var(--lb-fg);padding:.55em .9em;border-radius:4px}.acc-ba--labels-plain .acc-ba__label{color:var(--lb-fg);text-shadow:0 1px 4px rgba(0,0,0,.45)}.acc-ba--labels-none .acc-ba__label{display:none}.acc-ba--fade .acc-ba__label.is-covered{opacity:0}.acc-ba__handle{position:absolute;top:0;bottom:0;left:var(--pos);z-index:4;width:0;pointer-events:none}.acc-ba__handle:before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--lw) / -2);width:var(--lw);background:var(--lc)}.acc-ba--line-dashed .acc-ba__handle:before{background:repeating-linear-gradient(to bottom,var(--lc) 0 10px,transparent 10px 18px)}.acc-ba--glow .acc-ba__handle:before{box-shadow:0 0 10px 2px color-mix(in srgb,var(--lc) 70%,transparent)}.acc-ba__knob{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);min-width:var(--ks);height:var(--ks);display:grid;place-items:center;color:var(--kc);background:var(--kb);border:var(--kbw) solid var(--kbr);border-radius:50%;box-sizing:border-box}.acc-ba__knob svg{width:48%;height:48%;position:relative;z-index:1}.acc-ba__knob-img{width:60%;height:60%;object-fit:contain;position:relative;z-index:1}.acc-ba__knob-text{position:relative;z-index:1;font-size:calc(var(--ks) * .26);font-weight:800;white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;padding-inline:calc(var(--ks) * .3)}.acc-ba--knob-rounded .acc-ba__knob{border-radius:28%}.acc-ba--knob-pill .acc-ba__knob{border-radius:999px;min-width:calc(var(--ks) * 1.6)}.acc-ba--knob-diamond .acc-ba__knob{background:none;border:0}.acc-ba--knob-diamond .acc-ba__knob:before{content:"";position:absolute;top:14%;right:14%;bottom:14%;left:14%;background:var(--kb);border:var(--kbw) solid var(--kbr);border-radius:12%;transform:rotate(45deg)}.acc-ba--fx-shadow .acc-ba__knob,.acc-ba--fx-shadow.acc-ba--knob-diamond .acc-ba__knob:before{box-shadow:0 3px 12px #00000047}.acc-ba--fx-shadow.acc-ba--knob-diamond .acc-ba__knob{box-shadow:none}.acc-ba--fx-glass .acc-ba__knob,.acc-ba--fx-glass.acc-ba--knob-diamond .acc-ba__knob:before{background:color-mix(in srgb,var(--kb) 35%,transparent);-webkit-backdrop-filter:blur(10px) saturate(1.4);backdrop-filter:blur(10px) saturate(1.4);border-color:#fff9;border-width:max(1px,var(--kbw))}.acc-ba--fx-glass.acc-ba--knob-diamond .acc-ba__knob{background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.acc-ba--pulse:not(.is-touched) .acc-ba__knob{animation:acc-ba-pulse 1.8s ease-out infinite}@keyframes acc-ba-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--kb) 70%,transparent)}70%{box-shadow:0 0 0 16px transparent}to{box-shadow:0 0 0 0 transparent}}.acc-ba__range{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.acc-ba:has(.acc-ba__range:focus-visible){outline:3px solid var(--lc);outline-offset:3px}.acc-ba.is-hinting .acc-ba__layer--after,.acc-ba.is-hinting .acc-ba__handle{transition:clip-path .5s ease,left .5s ease}@media screen and (min-width:750px){.acc-bas{padding-top:var(--pt-d);padding-bottom:var(--pb-d)}.acc-bas__inner{padding-inline:var(--gx-d)}.acc-bas__sub{font-size:var(--sub-d)}.acc-bas__grid{grid-template-columns:repeat(var(--cols-d),minmax(0,1fr));gap:var(--gap-d);max-width:var(--grid-max);margin-inline:auto}.acc-ba{aspect-ratio:var(--ratio-d);border-radius:var(--rad-d);--ks: var(--ks-d)}.acc-ba__label{font-size:var(--lb-fs-d)}}@media(prefers-reduced-motion:reduce){.acc-ba.is-hinting .acc-ba__layer--after,.acc-ba.is-hinting .acc-ba__handle{transition:none}.acc-ba--pulse .acc-ba__knob{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/acc-before-after.css.map */