:root{--discount-fg: 20, 20, 20;--discount-fg-dim: 20, 20, 20;--discount-panel: 247, 246, 243;--discount-panel-fg: 0, 0, 0;--discount-fallback-bg: 255, 255, 255}#viola-discount-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:none;align-items:center;justify-content:center;font-family:var(--font-body-family)}#viola-discount-root.is-active{display:flex}.viola-discount__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#14141466;backdrop-filter:blur(10px) saturate(.9);-webkit-backdrop-filter:blur(10px) saturate(.9);opacity:0;transition:opacity .48s cubic-bezier(.22,1,.36,1)}.viola-discount__dialog{position:relative;z-index:1;width:min(440px,calc(100% - 2.5rem));max-height:calc(100dvh - 2.5rem);margin:auto;display:flex;flex-direction:column;color:rgb(var(--discount-fg));overflow:visible;opacity:0;transform:translateY(14px) scale(.96);transition:opacity .56s cubic-bezier(.22,1,.36,1),transform .56s cubic-bezier(.22,1,.36,1);transform-origin:center}.viola-discount__frame-panel{position:relative;flex:0 0 auto;height:clamp(28px,7vw,40px);overflow:visible;transform:translateY(15px)}.viola-discount__frame-panel .viola-discount__frame-backdrop{position:absolute;left:0;right:0;bottom:0;top:-30px;z-index:2;display:block;background:rgb(var(--discount-fallback-bg));border-radius:19px 19px 0 0}.viola-discount__frame-img{position:absolute;z-index:3;left:50%;bottom:0;width:min(100%,360px);height:auto;aspect-ratio:1774 / 887;transform:translate(-50%);object-fit:contain;pointer-events:none;filter:drop-shadow(0 10px 14px rgba(0,0,0,.16))}.sunglasses-switcher__img{opacity:0;transition:opacity .42s cubic-bezier(.22,1,.36,1);will-change:opacity}.sunglasses-switcher__img.is-active{opacity:1}@media(prefers-reduced-motion:reduce){.sunglasses-switcher__img{transition-duration:1ms}}.viola-discount__card{position:relative;z-index:1;flex:1 1 auto;min-height:0;background:rgb(var(--discount-fallback-bg));border-radius:19px;border:1px solid rgba(0,0,0,.06);box-shadow:0 20px 50px #00000029,0 2px 10px #0000000f;overflow:hidden;overflow-y:auto}#viola-discount-root.is-open .viola-discount__backdrop{opacity:1}#viola-discount-root.is-open .viola-discount__dialog{opacity:1;transform:translateY(0) scale(1)}#viola-discount-root.is-closing .viola-discount__backdrop{opacity:0}#viola-discount-root.is-closing .viola-discount__dialog{opacity:0;transform:translateY(10px) scale(.97)}.viola-discount__close{position:absolute;top:clamp(1.36rem,2vw,2.24rem);right:clamp(1.36rem,2vw,2.24rem);z-index:3;width:4.4rem;height:4.4rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;appearance:none;-webkit-appearance:none;background:transparent;border:none;border-radius:0;color:#000;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.viola-discount__close:hover{opacity:.7}.viola-discount__close:focus-visible,.viola-discount__reveal-btn:focus-visible,.viola-discount__cta:focus-visible{outline:2px solid rgb(var(--discount-fg));outline-offset:3px}.viola-discount__close svg{width:16px;height:16px}.viola-discount__confetti-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;pointer-events:none}.viola-discount__stage{position:relative;z-index:1;padding:clamp(1.8rem,3.6vw,2.4rem) clamp(2rem,4vw,3.2rem) clamp(2.4rem,4vw,3.2rem);display:flex;flex-direction:column;align-items:center;text-align:center}.viola-discount__eyebrow{font-size:1rem;letter-spacing:.26em;text-transform:uppercase;color:rgba(var(--discount-fg),.75);margin:0 0 .8rem}.viola-discount__heading{font-family:var(--font-body-family);font-weight:var(--font-body-weight-bold, 700);font-style:normal;color:rgb(var(--discount-fg));font-size:clamp(2.8rem,5vw,3.6rem);line-height:1.05;letter-spacing:-.01em;text-transform:uppercase;margin:0 0 clamp(1.6rem,3vw,2.2rem)}.viola-discount__sub{font-size:1.4rem;line-height:1.5;color:rgba(var(--discount-fg),.88);max-width:32ch;margin:0 0 clamp(1.8rem,3vw,2.4rem)}.viola-discount__intro .viola-discount__sub{font-size:1.7rem;margin-top:-.8rem;margin-bottom:clamp(1.6rem,3vw,2.2rem);text-transform:none;letter-spacing:0}.viola-discount__use-code{font-size:1.2rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--discount-fg),.72);margin:.6rem 0 0}.viola-discount__scratch-wrap{position:relative;width:100%;max-width:260px;aspect-ratio:2.1 / 1;margin:0 auto;border-radius:var(--buttons-radius, 0px);overflow:hidden;box-shadow:0 12px 32px #0006;touch-action:none}.viola-discount__scratch-reward{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgb(var(--discount-panel));color:rgb(var(--discount-panel-fg))}.viola-discount__scratch-reward-value{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(2.2rem,7.5vw,2.8rem);line-height:.95;letter-spacing:.01em;text-transform:uppercase}.viola-discount__scratch-reward-label{font-weight:700;font-size:1.4rem;letter-spacing:.14em;text-transform:uppercase;margin-top:.4rem;opacity:.6}.viola-discount__scratch-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;cursor:pointer;transition:opacity .42s cubic-bezier(.22,1,.36,1)}.viola-discount__scratch-canvas.is-clearing{opacity:0;pointer-events:none}.viola-discount__scratch-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.08rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#3a280ed1;text-shadow:0 1px 3px rgba(255,255,255,.4);pointer-events:none;z-index:2;animation:viola-discount-hint-pulse 1.8s ease-in-out infinite}@keyframes viola-discount-hint-pulse{0%,to{opacity:.55;transform:translate(-50%) translateY(0)}50%{opacity:1;transform:translate(-50%) translateY(-2px)}}.viola-discount__scratch-wrap.has-started .viola-discount__scratch-hint,.viola-discount__scratch-wrap.is-revealed .viola-discount__scratch-hint{display:none}.viola-discount__reveal-btn{-webkit-appearance:none;appearance:none;background:transparent;border:none;color:rgba(var(--discount-fg),.75);font-family:var(--font-body-family);font-size:1.16rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer;margin-top:1.4rem;padding:.4rem}.viola-discount__reveal-btn:hover{color:rgb(var(--discount-fg))}#viola-discount-root[data-phase=email] .viola-discount__reveal-btn,#viola-discount-root[data-phase=claimed] .viola-discount__reveal-btn,#viola-discount-root[data-phase=error] .viola-discount__reveal-btn,.viola-discount__scratch-wrap.is-revealed~.viola-discount__reveal-btn{display:none}.viola-discount__result{display:none;flex-direction:column;align-items:center;width:100%}#viola-discount-root[data-phase=email] .viola-discount__result,#viola-discount-root[data-phase=claimed] .viola-discount__result{display:flex}#viola-discount-root[data-phase=email] .viola-discount__intro,#viola-discount-root[data-phase=claimed] .viola-discount__intro{display:none}.viola-discount__mystery,.viola-discount__claimed-reveal{display:none;flex-direction:column;align-items:center;width:100%}#viola-discount-root[data-phase=email] .viola-discount__mystery,#viola-discount-root[data-phase=claimed] .viola-discount__claimed-reveal{display:flex}.viola-discount__reveal-text{font-family:var(--font-body-family);font-weight:400;color:rgb(var(--discount-fg));font-size:clamp(1.7rem,6vw,2.5rem);line-height:1.2;letter-spacing:-.01em;margin:0;opacity:0;transform:translateY(10px);transition:opacity .62s cubic-bezier(.22,1,.36,1),transform .62s cubic-bezier(.22,1,.36,1)}.viola-discount__email-panel{display:none;flex-direction:column;align-items:center;width:100%;max-width:300px;margin-top:clamp(1.8rem,3vw,2.4rem);opacity:0;transform:translateY(8px);transition:opacity .48s ease,transform .48s ease}#viola-discount-root[data-phase=email] .viola-discount__email-panel{display:flex}#viola-discount-root[data-phase=email].is-revealed .viola-discount__email-panel{opacity:1;transform:translateY(0);transition-delay:.38s}.viola-discount__email-form{width:100%;display:flex;flex-direction:column;align-items:center}.viola-discount__field{width:100%}.viola-discount__email-input{width:100%;padding:1.3rem 1.6rem;font-family:var(--font-body-family);font-size:1.44rem;color:#000;background:rgb(var(--discount-panel));border:1px solid rgba(0,0,0,.14);border-radius:999px;text-align:center;transition:border-color .2s ease,background-color .2s ease}.viola-discount__email-input::placeholder{color:#0006}.viola-discount__email-input:focus-visible{outline:none;border-color:rgb(var(--discount-fg))}.viola-discount__email-input[aria-invalid=true]{border-color:#b3503f}.viola-discount__email-error{display:none;width:100%;text-align:left;font-size:1.2rem;color:#ff9d85;margin:.7rem 0 0}.viola-discount__email-panel.has-error .viola-discount__email-error{display:block}.viola-discount__email-submit{width:100%;margin-top:1.1rem}.viola-discount__email-submit:disabled{opacity:.6;cursor:default}.viola-discount__code-block{display:none;margin-top:clamp(1.8rem,3vw,2.4rem);width:100%;max-width:300px;opacity:0;transform:translateY(8px) scale(.97);transition:opacity .46s cubic-bezier(.22,1,.36,1),transform .46s cubic-bezier(.22,1,.36,1)}#viola-discount-root[data-phase=claimed] .viola-discount__code-block{display:block}#viola-discount-root[data-phase=claimed].is-claimed-revealed .viola-discount__code-block{opacity:1;transform:translateY(0) scale(1);transition-delay:.12s}.viola-discount__code{display:flex;align-items:center;justify-content:space-between;gap:.8rem;width:100%;padding:1.2rem .8rem 1.2rem 1.8rem;font-family:var(--font-heading-family);color:#000;font-size:1.84rem;letter-spacing:.12em;text-align:left;border-radius:var(--buttons-radius, 0px);background:rgb(var(--discount-panel));border:1px dashed rgba(0,0,0,.2)}.viola-discount__code-value{flex:1 1 auto;text-align:center}.viola-discount__copy{appearance:none;-webkit-appearance:none;flex:none;display:flex;align-items:center;gap:.5rem;padding:.9rem 1.2rem;background:#000;border:none;border-radius:var(--buttons-radius, 0px);color:#fff;cursor:pointer;transition:opacity .2s ease}.viola-discount__copy:hover{opacity:.82}.viola-discount__copy-icon{width:13px;height:13px;opacity:.9}.viola-discount__copy-icon--check{display:none;color:#6fd08c}.viola-discount__copy.is-copied .viola-discount__copy-icon--copy{display:none}.viola-discount__copy.is-copied .viola-discount__copy-icon--check{display:block}.viola-discount__copy-label{font-family:var(--font-body-family);font-size:1.2rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.viola-discount__copy-label--copied,.viola-discount__copy.is-copied .viola-discount__copy-label--copy{display:none}.viola-discount__copy.is-copied .viola-discount__copy-label--copied{display:inline}.viola-discount__actions{display:none;margin-top:1.6rem;flex-direction:column;gap:.9rem;width:100%;max-width:300px;opacity:0;transform:translateY(8px);transition:opacity .42s ease,transform .42s ease}#viola-discount-root[data-phase=claimed] .viola-discount__actions,#viola-discount-root[data-phase=error] .viola-discount__actions{display:flex}#viola-discount-root[data-phase=claimed].is-claimed-revealed .viola-discount__actions{opacity:1;transform:translateY(0);transition-delay:.26s}.viola-discount__cta{-webkit-appearance:none;appearance:none;border-radius:999px;font-family:var(--font-body-family);font-weight:600;font-size:1.24rem;letter-spacing:.12em;text-transform:uppercase;padding:1.3rem 2.4rem;cursor:pointer;transition:opacity .2s ease,transform .2s ease,background-color .2s ease}.viola-discount__cta:active{transform:scale(.98)}.viola-discount__cta--primary{background:#000;color:#fff;border:1px solid rgb(0,0,0)}.viola-discount__cta--primary:hover{opacity:.85}.viola-discount__cta--ghost{background:transparent;color:rgb(var(--discount-fg));border:1px solid rgba(var(--discount-fg),.5)}.viola-discount__cta--ghost:hover{border-color:rgba(var(--discount-fg),.85)}#viola-discount-root[data-phase=email].is-revealed .viola-discount__mystery .viola-discount__reveal-text,#viola-discount-root[data-phase=claimed] .viola-discount__claimed-reveal .viola-discount__reveal-text{opacity:1;transform:translateY(0)}.viola-discount__error{display:none;flex-direction:column;align-items:center}#viola-discount-root[data-phase=error] .viola-discount__error{display:flex}#viola-discount-root[data-phase=error] .viola-discount__intro{display:none}@media(max-width:640px){.viola-discount__dialog{width:88vw;max-height:calc(100dvh - 2.5rem);margin:auto}.viola-discount__frame-panel{height:clamp(22px,8vw,32px)}.viola-discount__frame-backdrop{top:-30px;border-radius:17px 17px 0 0}.viola-discount__frame-img{width:min(100%,288px)}.viola-discount__card{border-radius:17px;border:1px solid rgba(0,0,0,.06)}.viola-discount__stage{padding:clamp(1.6rem,5vw,2.2rem) 1.8rem 2.4rem}.viola-discount__heading{font-size:clamp(2.2rem,7vw,2.8rem)}.viola-discount__scratch-wrap{max-width:240px}}@media(max-height:560px){.viola-discount__stage{padding-top:clamp(1.6rem,4vh,2.4rem);padding-bottom:1.6rem}.viola-discount__scratch-wrap{max-width:220px}}@media(prefers-reduced-motion:reduce){.viola-discount__backdrop,.viola-discount__dialog,.viola-discount__scratch-canvas,.viola-discount__reveal-text,.viola-discount__email-panel,.viola-discount__code-block,.viola-discount__actions{transition-duration:1ms!important;animation-duration:1ms!important}.viola-discount__scratch-hint{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/discount-popup.css.map */