.maru-before-after{display:block;margin-top:1.4rem;min-width:0;width:100%}.maru-before-after__stage{aspect-ratio:16 / 9;background:rgba(var(--color-foreground),.03);border-radius:var(--media-radius);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__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:rgba(var(--color-foreground),.025);border:.1rem solid rgba(var(--color-foreground),.12);border-radius:calc(var(--media-radius) * .55);cursor:pointer;flex:0 0 calc((100% - 2.8rem)/5);margin:0;min-width:0;overflow:hidden;padding:0;position:relative;scroll-snap-align:start;transition:border-color .16s ease,box-shadow .16s ease}.maru-before-after__thumb:before{content:"";display:block;padding-top:56.25%}.maru-before-after__thumb:hover{border-color:rgba(var(--color-foreground),.42)}.maru-before-after__thumb.is-active{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgb(var(--color-foreground))}.maru-before-after__thumb:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.75);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}@media screen and (max-width:749px){.maru-before-after__thumb{flex-basis:calc((100% - 1.4rem) / 3)}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/maru-before-after-preview.css.map */