.maru-before-after{display:block;margin-top:1.4rem;min-width:0;width:100%}.maru-before-after__stage{isolation:isolate;aspect-ratio:16 / 9;background:rgba(var(--color-foreground),.03);border-radius:var(--maru-radius-sm, 8px);overflow:hidden;position:relative;touch-action:pan-y}.maru-before-after__image,.maru-before-after__after-clip{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.maru-before-after__image{display:block;object-fit:cover}.maru-before-after__after-clip{clip-path:inset(0 0 0 var(--maru-ba-position));will-change:clip-path}.maru-before-after__label{background:#00000085;border-radius:999px;color:#fff;font-size:.95rem;letter-spacing:.04em;padding:.4rem .7rem;pointer-events:none;position:absolute;top:1rem;z-index:2}.maru-before-after__label--before{left:1rem}.maru-before-after__label--after{right:1rem}.maru-before-after__divider{background:#ffffffe0;bottom:0;left:var(--maru-ba-position);pointer-events:none;position:absolute;top:0;transform:translate(-50%);width:.1rem;z-index:3}.maru-before-after__handle{align-items:center;background:#fffffff5;border-radius:50%;box-shadow:0 .2rem 1.2rem #0000002e;color:#111;display:flex;height:3.8rem;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:3.8rem}.maru-before-after__chevron{font-size:1.7rem;line-height:1;margin-inline:-.05rem}.maru-before-after__handle-arrows{align-items:center;display:flex;justify-content:center}.maru-before-after__loader{animation:maru-ba-spin .7s linear infinite;display:none;height:1.8rem;width:1.8rem}.maru-before-after__loader circle{fill:none;stroke:currentColor;stroke-dasharray:38 16;stroke-linecap:round;stroke-width:2}.maru-before-after.is-loading .maru-before-after__handle-arrows{display:none}.maru-before-after.is-loading .maru-before-after__loader{display:block}.maru-before-after.is-loading .maru-before-after__range{cursor:progress}@keyframes maru-ba-spin{to{transform:rotate(360deg)}}.maru-before-after__range{-webkit-appearance:none;appearance:none;background:transparent;cursor:ew-resize;height:100%;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;position:absolute;width:100%;z-index:4}.maru-before-after__carousel{margin-top:.9rem}.maru-before-after__viewport{overflow-x:auto;overscroll-behavior-inline:contain;scroll-behavior:smooth;scrollbar-width:none}.maru-before-after__viewport::-webkit-scrollbar{display:none}.maru-before-after__track{--maru-ba-gap: .7rem;display:flex;gap:var(--maru-ba-gap);width:100%}.maru-before-after__thumb{-webkit-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--maru-radius-sm, 8px);cursor:pointer;flex:0 0 21%;margin:0;min-width:0;overflow:hidden;padding:0;position:relative;scroll-snap-align:start;filter:none;transition:filter .18s ease}.maru-before-after__thumb:before{content:"";display:block;padding-top:56.25%}.maru-before-after__thumb:hover{filter:none}.maru-before-after__thumb.is-active{box-shadow:none;filter:none;transform:none}.maru-before-after__thumb.is-active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1.25px solid rgb(var(--color-foreground));border-radius:inherit;pointer-events:none}.maru-before-after__thumb:focus-visible{outline:.2rem solid rgb(var(--color-button));outline-offset:.2rem}.maru-before-after__thumb-image{display:block;height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;position:absolute;width:100%}.maru-before-after__thumb-number{background:#0000008f;border-radius:999px;bottom:.45rem;color:#fff;font-size:.85rem;left:.45rem;line-height:1;padding:.3rem .5rem;position:absolute}.maru-before-after__dots{align-items:center;display:flex;gap:.3rem;justify-content:center;margin-top:.7rem}.maru-before-after__dot{align-items:center;-webkit-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;display:flex;height:2rem;justify-content:center;padding:0;width:2rem}.maru-before-after__dot:before{background:rgba(var(--color-foreground),.24);border-radius:999px;content:"";height:.45rem;transition:background-color .16s ease,width .16s ease;width:.45rem}.maru-before-after__dot.is-active:before{background:rgba(var(--color-foreground),.72);width:1.6rem}.maru-before-after__dot:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.7);outline-offset:.1rem}.maru-before-after__credit{color:var(--maru-text-secondary);font-size:1.1rem;line-height:1.55;margin:.9rem 0 0;max-width:none;width:100%;text-align:left}.maru-before-after__credit p{margin:0}.maru-before-after__credit a{color:rgb(var(--color-button));text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.2em}@media screen and (max-width:749px){.maru-before-after__thumb{flex-basis:36%}}@media(prefers-reduced-motion:reduce){.maru-before-after__loader{animation-duration:1.4s}}.maru-before-after__credit a{transition:filter .16s ease}@media(hover:hover){.maru-before-after__credit a:hover{color:rgb(var(--color-button));filter:brightness(.85)}}.maru-before-after__credit a:focus-visible{outline:2px solid rgb(var(--color-button));outline-offset:3px}@media(prefers-reduced-motion:reduce){.maru-before-after__credit a{transition:none}}.maru-before-after__thumb:not(.is-active):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1.25px solid rgba(var(--color-foreground),.14);border-radius:inherit;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/75/assets/maru-before-after-preview.css.map */