.rc-ba{background:var(--rc-ba-bg, #f3ede3);color:var(--rc-ba-ink);font-family:var(--rc-font-body);line-height:1.5;padding-block:var(--rc-ba-pad-top, 72px) var(--rc-ba-pad-bottom, 72px);-webkit-font-smoothing:antialiased}.rc-ba *,.rc-ba *:before,.rc-ba *:after{box-sizing:border-box}.rc-ba a{color:inherit;text-decoration:none}.rc-ba img{display:block;max-width:100%}.rc-ba :focus-visible{outline:2px solid var(--rc-ba-accent);outline-offset:3px;border-radius:6px}@media(min-width:990px){.rc-ba--pinned{padding-block:0}.rc-ba--pinned .rc-ba__track{position:relative;height:calc(100svh + (var(--rc-ba-count) - 1) * var(--rc-ba-step))}.rc-ba--pinned .rc-ba__stage{position:sticky;top:0;display:flex;align-items:center;height:100svh;overflow:hidden}.rc-ba--pinned .rc-ba__rail{overscroll-behavior:auto}}.rc-ba__grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-areas:"viewer head" "viewer list";grid-template-rows:auto auto;align-items:start;gap:20px 36px}.rc-ba__titles{grid-area:head}.rc-ba__viewer{grid-area:viewer}.rc-ba__groups{grid-area:list}.rc-ba__titles{display:flex;flex-direction:column;align-items:flex-end;gap:12px;margin:0;padding:0;list-style:none;text-align:right}.rc-ba .rc-ba__title button{border:0;padding:0;background:transparent;font-family:var(--rc-font-head, inherit);font-size:clamp(1.5rem,2.4vw,2.25rem);font-weight:500;line-height:1.2;color:var(--rc-ba-muted);cursor:pointer;transition:color .4s ease,font-weight .4s ease,opacity .4s ease}.rc-ba .rc-ba__title.is-active button{color:var(--rc-ba-ink);font-weight:700}.rc-ba .rc-ba__title:not(.is-active) button:hover{color:var(--rc-ba-ink);opacity:.8}.rc-ba__groups{display:grid;grid-template-areas:"stack";min-width:0}.rc-ba__group{grid-area:stack;display:flex;flex-direction:column;gap:14px;min-width:0;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s}.rc-ba__group.is-active{opacity:1;visibility:visible}.rc-ba__group:not(.is-active) .rc-ba__panel{visibility:hidden}.rc-ba__tabs{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.rc-ba .rc-ba__tab{padding:10px 20px;border:1px solid color-mix(in srgb,var(--rc-ba-ink) 14%,transparent);border-radius:999px;background:#fff;color:var(--rc-ba-muted);font-family:inherit;font-size:.9375rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:background-color .25s var(--rc-ease, ease),border-color .25s var(--rc-ease, ease),color .25s var(--rc-ease, ease),box-shadow .25s var(--rc-ease, ease)}.rc-ba .rc-ba__tab:hover{color:var(--rc-ba-ink);border-color:var(--rc-ba-accent)}.rc-ba .rc-ba__tab.is-active{background:var(--rc-ba-accent);border-color:var(--rc-ba-accent);color:#fff;box-shadow:0 6px 16px color-mix(in srgb,var(--rc-ba-accent) 30%,transparent)}.rc-ba__viewer{position:relative;aspect-ratio:4 / 3;max-height:72svh;border-radius:var(--rc-ba-radius, 12px);background:var(--rc-ba-surface);overflow:hidden;isolation:isolate}.rc-ba__pair{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .45s ease}.rc-ba__pair.is-active{opacity:1;pointer-events:auto}.rc-cs{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.rc-cs__wrapper{--compare: 50;position:relative;width:100%;height:100%;display:grid;grid-template:1fr / 1fr;overflow:hidden;touch-action:pan-y}.rc-cs__layer{grid-area:1 / 1;position:relative;width:100%;height:100%;transition:clip-path var(--transition-duration, 0s) ease-in-out}.rc-cs__layer--before{clip-path:inset(0 calc((100 - var(--compare)) * 1%) 0 0)}.rc-cs__layer--after{clip-path:inset(0 0 0 calc(var(--compare) * 1%))}.rc-cs__img,.rc-cs__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.rc-cs__placeholder svg{width:100%;height:100%;background:var(--rc-ba-surface);fill:var(--rc-ba-muted)}.rc-cs__wrapper:after{content:"";position:absolute;inset:0 auto;left:calc(var(--compare) * 1%);width:2px;transform:translate(-50%);background:#fff;box-shadow:0 0 12px #0000002e;pointer-events:none;transition:left var(--transition-duration, 0s) ease-in-out;z-index:2}.rc-cs__handle{position:absolute;top:50%;left:calc(var(--compare) * 1%);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:2px;width:38px;height:38px;border-radius:50%;background:#fff;color:var(--rc-ba-ink);box-shadow:0 4px 14px #00000038;pointer-events:none;transition:left var(--transition-duration, 0s) ease-in-out,gap .2s ease-in-out;z-index:3}.rc-cs__wrapper:hover .rc-cs__handle{gap:0}.rc-cs__chevron{display:flex;align-items:center;justify-content:center}.rc-cs__chevron svg{display:block;width:13px;height:13px}.rc-cs__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;-webkit-appearance:none;appearance:none;background:transparent;opacity:0;cursor:ew-resize;z-index:4}.rc-cs__range::-webkit-slider-runnable-track{background:transparent}.rc-cs__range::-moz-range-track{background:transparent}.rc-cs__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:40px;height:40px;border:0;border-radius:50%;background:transparent;cursor:ew-resize}.rc-cs__range::-moz-range-thumb{width:40px;height:40px;border:0;border-radius:50%;background:transparent;cursor:ew-resize}.rc-cs__range:focus-visible~.rc-cs__handle{outline:2px solid var(--rc-ba-accent);outline-offset:3px}.rc-ba__tag{position:absolute;bottom:18px;padding:8px 16px;border-radius:6px;background:var(--rc-ba-accent);color:#fff;font-size:13px;font-weight:500;letter-spacing:.01em;pointer-events:none;z-index:5}.rc-ba__tag--before{left:18px}.rc-ba__tag--after{right:18px}.rc-ba__panels{display:grid;grid-template-areas:"stack";min-width:0}.rc-ba__panel{grid-area:stack;min-width:0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease,visibility .35s}.rc-ba__panel.is-active{opacity:1;visibility:visible;transform:none}.rc-ba__rail{display:flex;flex-direction:column;gap:8px;padding:4px;max-height:var(--rc-ba-list-max, 336px);overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y proximity;scrollbar-width:none}.rc-ba__rail::-webkit-scrollbar{display:none}.rc-ba__card{flex:0 0 auto;scroll-snap-align:start;display:flex;align-items:stretch;border-radius:14px;background:#fff;border:1px solid color-mix(in srgb,var(--rc-ba-ink) 8%,transparent);box-shadow:0 1px 2px #241c180a;overflow:hidden;transition:border-color .25s var(--rc-ease, ease),box-shadow .25s var(--rc-ease, ease),transform .25s var(--rc-ease, ease)}.rc-ba__card:hover{transform:translate(3px);border-color:color-mix(in srgb,var(--rc-ba-accent) 55%,transparent);box-shadow:0 10px 24px #241c181f}.rc-ba__card.is-active{border-color:var(--rc-ba-accent);box-shadow:0 0 0 1px var(--rc-ba-accent),0 8px 20px #241c181a}.rc-ba__card-pick{flex:1 1 auto;display:flex;align-items:center;gap:12px;min-width:0;padding:8px;border:0;background:transparent;font:inherit;color:inherit;text-align:left;cursor:pointer}.rc-ba__card-media{flex:0 0 auto;display:grid;place-items:center;width:52px;height:52px;border-radius:10px;background:#fff;overflow:hidden}.rc-ba__card-img{width:100%;height:100%;object-fit:contain}.rc-ba__card-body{flex:1 1 auto;display:flex;flex-direction:column;gap:2px;min-width:0}.rc-ba__card-name{font-size:14px;font-weight:500;line-height:1.35;color:var(--rc-ba-ink);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rc-ba__card-price{font-size:13px;color:var(--rc-ba-muted)}.rc-ba a.rc-ba__card-view{flex:0 0 auto;display:inline-flex;align-items:center;gap:3px;padding-inline:12px;border-left:1px solid color-mix(in srgb,var(--rc-ba-ink) 8%,transparent);color:var(--rc-ba-accent);font-size:12.5px;font-weight:600;white-space:nowrap;transition:background-color .2s var(--rc-ease, ease)}.rc-ba a.rc-ba__card-view:hover{background:color-mix(in srgb,var(--rc-ba-accent) 8%,transparent)}@media(max-width:1199px){.rc-ba__grid{gap:18px 24px;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.rc-ba__card-media{width:48px;height:48px}.rc-ba .rc-ba__tab{padding:9px 16px;font-size:.875rem}}@media(max-width:989px){.rc-ba__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "viewer" "list";grid-template-rows:auto auto auto;gap:18px}.rc-ba__viewer{aspect-ratio:3 / 4;max-height:none}.rc-ba__titles{flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;margin-inline:-16px;padding-inline:16px;text-align:left;scrollbar-width:none}.rc-ba__titles::-webkit-scrollbar{display:none}.rc-ba__title{flex:0 0 auto;scroll-snap-align:center}.rc-ba .rc-ba__title button{padding:9px 16px;border-radius:999px;background:color-mix(in srgb,#fff 55%,transparent);font-size:.9375rem;font-weight:600}.rc-ba .rc-ba__title.is-active button{background:#fff;box-shadow:0 4px 12px #241c181a}.rc-ba__tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;margin-inline:-16px;padding-inline:16px;scrollbar-width:none}.rc-ba__tabs::-webkit-scrollbar{display:none}.rc-ba .rc-ba__tab{flex:0 0 auto;scroll-snap-align:center}}@media(max-width:749px){.rc-ba__tag{bottom:12px;padding:6px 12px;font-size:12px}.rc-ba__tag--before{left:12px}.rc-ba__tag--after{right:12px}.rc-cs__handle{width:34px;height:34px}}@media(max-width:419px){.rc-ba__card-view-text{display:none}.rc-ba a.rc-ba__card-view{padding-inline:10px}}@media(prefers-reduced-motion:reduce){.rc-ba__pair,.rc-ba__group,.rc-ba__panel{transition:opacity .2s linear;transform:none!important}.rc-ba__card,.rc-ba__tab,.rc-ba__title button,.rc-ba__card-view{transition:none}.rc-ba__card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/rc-before-after.css.map */