.custom-nail-reveal{background:var(--reveal-background, var(--custom-cream, #ffffff));color:var(--custom-ink, #2b2523);font-family:var(--font-body--family, sans-serif);padding-block:var(--padding-block-start, 56px) var(--padding-block-end, 56px);padding-inline:20px}.custom-nail-reveal__inner{max-width:1040px;margin-inline:auto;text-align:center}.custom-nail-reveal__heading{font-family:var(--font-heading--family, serif);font-weight:var(--font-heading--weight, 400);font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-.025em;margin:0 auto;max-width:18ch}.custom-nail-reveal__intro{margin:16px auto 0;max-width:56ch;font-size:16px;line-height:1.6}.custom-nail-reveal__intro p{margin:0}.custom-nail-reveal__stage{display:flex;align-items:center;justify-content:center;gap:clamp(20px,4vw,56px);margin-top:clamp(28px,4vw,44px)}.custom-nail-reveal__caption{flex:1 1 0;min-width:0;max-width:30ch;font-size:15px;line-height:1.5}.custom-nail-reveal__caption p{margin:0}.custom-nail-reveal__frame{position:relative;flex:0 0 auto;box-sizing:border-box;width:clamp(240px,76vw,var(--reveal-size, 440px));aspect-ratio:1;border-radius:var(--reveal-radius, 50%);overflow:hidden;border:3px solid var(--reveal-line, var(--custom-sand, #e6e4e3));background:var(--custom-sand, #e6e4e3);isolation:isolate;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.custom-nail-reveal__frame.is-dragging{cursor:grabbing}.custom-nail-reveal__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;z-index:1}.custom-nail-reveal__image--after{clip-path:polygon(var(--nail-reveal-clip, 50%) 0,100% 0,100% 100%,var(--nail-reveal-clip, 50%) 100%)}.custom-nail-reveal__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--custom-sand, #e6e4e3);color:var(--custom-ink, #2b2523);font-size:13px;text-align:center;padding:16px;z-index:1}.custom-nail-reveal__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;opacity:0;pointer-events:none;z-index:2}.custom-nail-reveal__seam{position:absolute;top:0;bottom:0;left:var(--nail-reveal-clip, 50%);width:2px;margin-left:-1px;background:var(--reveal-handle, #ffffff);box-shadow:0 0 0 1px #00000014;pointer-events:none;z-index:3}.custom-nail-reveal__knob{position:absolute;top:50%;left:clamp(26px,var(--nail-reveal-clip, 50%),calc(100% - 26px));width:44px;height:44px;transform:translate(-50%,-50%);border-radius:50%;background:var(--reveal-handle, #ffffff);border:2px solid var(--reveal-knob-ink, var(--custom-ink, #2b2523));color:var(--reveal-knob-ink, var(--custom-ink, #2b2523));box-shadow:0 2px 10px #0000002e;display:grid;grid-auto-flow:column;place-items:center;gap:1px;pointer-events:none;z-index:4}.custom-nail-reveal__knob svg{width:11px;height:11px;display:block}.custom-nail-reveal__range:focus-visible~.custom-nail-reveal__knob{outline:3px solid var(--reveal-knob-ink, var(--custom-ink, #2b2523));outline-offset:3px}.custom-nail-reveal__hint{position:absolute;left:50%;bottom:14px;transform:translate(-50%);padding:6px 14px;border-radius:999px;background:#2b2523d1;color:#fff;font-size:12px;letter-spacing:.02em;white-space:nowrap;pointer-events:none;z-index:5;transition:opacity .35s ease}nail-reveal.is-engaged .custom-nail-reveal__hint{opacity:0}@media screen and (max-width:768px){.custom-nail-reveal__stage{flex-direction:column}.custom-nail-reveal__caption{max-width:40ch;flex:0 0 auto}}@media(prefers-reduced-motion:reduce){.custom-nail-reveal__hint{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/custom-nail-reveal.css.map */