.foil{display:contents}.foil__surface{position:relative;isolation:isolate;border-radius:16px}.foil__card{display:grid;gap:.5rem;min-height:15rem;padding:1.25rem;border:1px solid color-mix(in srgb,var(--color-gold-line) 45%,transparent);border-radius:16px;background-color:var(--color-white)}.foil__canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;border-radius:16px;touch-action:none;cursor:crosshair;transition:opacity var(--motion-duration) var(--motion-ease)}.foil[data-touch=pan-y] .foil__canvas{touch-action:pan-y}.foil__surface.is-revealed .foil__canvas{opacity:0;pointer-events:none}.foil__hint{position:absolute;bottom:1.25rem;left:50%;z-index:2;display:inline-flex;align-items:center;gap:.5rem;width:max-content;max-width:calc(100% - 2rem);padding:.375rem .875rem;border-radius:999px;background-color:#ecd8b2b8;color:#2a1f12;font-family:var(--font-label--family);font-size:.75rem;letter-spacing:.08em;line-height:1.35;text-align:center;text-transform:uppercase;translate:-50% 0;pointer-events:none;transition:opacity var(--motion-duration) var(--motion-ease)}.foil__gesture{flex:none;width:1.75rem;height:auto;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:60}@media(prefers-reduced-motion:no-preference){.foil__surface:not(.is-scratching) .foil__gesture{animation:foil-gesture 2.4s var(--motion-ease) 2 both}}@keyframes foil-gesture{0%{stroke-dashoffset:60}60%,to{stroke-dashoffset:0}}.foil__surface.is-scratching .foil__hint,.foil__surface.is-revealed .foil__hint{opacity:0}.foil__reveal{justify-self:center;min-height:2.75rem;padding:.5rem .75rem;border:0;background:none;color:var(--color-ink);font:inherit;font-size:.875rem;text-decoration:underline;text-decoration-color:rgba(var(--color-ink-rgb),.35);text-underline-offset:.25em;cursor:pointer}.foil__reveal:hover{text-decoration-color:currentColor}.foil__reveal[hidden]{display:none}.foil__reveal:focus-visible{outline:2px solid var(--focus-color, var(--color-gold-focus));outline-offset:2px}@media(prefers-reduced-motion:reduce){.foil__canvas,.foil__hint{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/oro-foil.css.map */