.ocu-signup{--ocu-ink: #20252a;--ocu-blue: #063f91;--ocu-cta: #c8fc53;--ocu-white: #fff;--ocu-gap: 24px;--ocu-radius: 999px;--ocu-font: Arial, Helvetica, sans-serif;--ocu-card: 300px;--ocu-choice-width: 340px;--ocu-choice-gap: 10px;font-family:var(--ocu-font);color:var(--ocu-ink)}.ocu-signup *,.ocu-signup *:before,.ocu-signup *:after{box-sizing:border-box}.ocu-signup [hidden]{display:none!important}.ocu-signup__dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:auto;color:var(--ocu-ink);background:#b6daf0;font:16px/1.2 var(--ocu-font);overscroll-behavior:contain;isolation:isolate}.ocu-signup__dialog::backdrop{background:#0008}.ocu-signup__art{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;pointer-events:none}.ocu-signup__art-image{display:block;width:100%;height:100%;object-fit:fill}.ocu-signup__body{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ocu-gap);min-height:100%;padding:56px 24px;text-align:center}.ocu-signup__close{position:fixed;z-index:4;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));display:grid;place-items:center;width:44px;height:44px;margin:0;padding:6px;border:0;border-radius:var(--ocu-radius);background:transparent;color:var(--ocu-ink);cursor:pointer}.ocu-signup__close-icon{width:28px;height:28px;padding:3px;border-radius:50%;background:var(--ocu-white)}.ocu-signup__brand{display:block;margin:0 0 16px;color:var(--ocu-blue);font:700 36px/1 var(--ocu-font);letter-spacing:-1.8px}.ocu-signup__step{display:flex;flex-direction:column;align-items:center;width:100%;margin:0}.ocu-signup__heading{margin:0;font:700 40px/1.1 var(--ocu-font);text-transform:uppercase;letter-spacing:-1.1px;color:inherit}.ocu-signup__subtitle{margin:0;font:400 20px/1.25 var(--ocu-font);color:inherit}.ocu-signup__scratch{position:relative;display:grid;place-items:center;width:var(--ocu-card);height:var(--ocu-card);margin:30px 0 20px;padding:0;border:0;background:transparent;color:var(--ocu-white);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.ocu-signup__scratch:active{cursor:grabbing}.ocu-signup__reward-image,.ocu-signup__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ocu-signup__reward-image{object-fit:contain;pointer-events:none}.ocu-signup__reward-copy{position:relative;display:flex;flex-direction:column;align-items:center;pointer-events:none;color:var(--ocu-white);text-shadow:0 2px 8px #291204d9}.ocu-signup__eyebrow{margin:0;font:700 18px/1.1 var(--ocu-font);text-transform:uppercase}.ocu-signup__reward-value{font:500 40px/1.05 var(--ocu-font);letter-spacing:-1.2px;white-space:nowrap}.ocu-signup__canvas{z-index:1;border:0;transition:opacity .5s ease,transform .65s ease}.ocu-signup__scratch[data-revealed=true] .ocu-signup__canvas{opacity:0;transform:rotate(-18deg) scale(1.08);pointer-events:none}.ocu-signup__scratch[data-revealed=true]{cursor:default}.ocu-signup__button{display:flex;justify-content:center;align-items:center;width:var(--ocu-card);min-height:54px;max-width:100%;margin:0;padding:16px 24px;border:0;border-radius:var(--ocu-radius);color:var(--ocu-ink);background:var(--ocu-cta);font:600 18px/1.2 var(--ocu-font);letter-spacing:0;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:transform .16s ease,filter .16s ease}.ocu-signup__button:hover{filter:brightness(.96);transform:translateY(-1px)}.ocu-signup__button:disabled{cursor:wait;opacity:.65}.ocu-signup__button:focus-visible,.ocu-signup__close:focus-visible,.ocu-signup__scratch:focus-visible{outline:3px solid var(--ocu-blue);outline-offset:5px}.ocu-signup__offer{display:block;margin:0;font:500 65px/1.1 var(--ocu-font);letter-spacing:-1.8px;text-transform:uppercase}.ocu-signup__question{margin:var(--ocu-gap) 0;font:400 20px/1.25 var(--ocu-font);color:inherit}.ocu-signup__choices{display:flex;flex-direction:column;gap:var(--ocu-choice-gap);width:var(--ocu-choice-width);max-width:100%}.ocu-signup__choices .ocu-signup__button{width:100%}.ocu-signup__question:focus{outline:none}.ocu-signup[data-stage=preferences] .ocu-signup__offer{font-weight:700}.ocu-signup__form{display:flex;flex-direction:column;align-items:center;gap:12px;width:288px;max-width:100%;margin:24px 0 0}.ocu-signup__form .ocu-signup__button{width:100%}.ocu-signup__input{display:block;width:100%;height:56px;margin:0;padding:16px;border:1px solid #afb7bf;border-radius:var(--ocu-radius);outline:0;background:var(--ocu-white);color:var(--ocu-ink);font:400 18px/1.2 var(--ocu-font);box-shadow:0 1px 4px #1427470a}.ocu-signup__input:focus{border-color:var(--ocu-blue);box-shadow:0 0 0 2px var(--ocu-blue)}.ocu-signup__input::placeholder{color:#94999f;opacity:1}.ocu-signup__consent{max-width:288px;margin:0;font:400 11px/1.5 var(--ocu-font);color:#435265}.ocu-signup__consent a{color:inherit;text-decoration:underline}.ocu-signup__message{max-width:310px;margin:16px 0;font:400 17px/1.45 var(--ocu-font)}.ocu-signup__error{margin:0;color:#9e1515;font:400 14px/1.4 var(--ocu-font)}.ocu-signup__code{display:block;max-width:310px;padding:15px 25px;margin-bottom:16px;border:1px dashed var(--ocu-blue);border-radius:12px;color:var(--ocu-blue);background:#ffffffa8;font:700 25px/1.2 var(--ocu-font);overflow-wrap:anywhere}.ocu-signup__preview{position:fixed;inset:auto auto 12px 50%;transform:translate(-50%);z-index:3;width:max-content;max-width:calc(100% - 24px);padding:6px 12px;border-radius:var(--ocu-radius);color:#fff;background:#142747d9;font:400 11px/1.4 var(--ocu-font);letter-spacing:0;text-align:center}.ocu-signup__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ocu-signup__step--enter{animation:ocu-signup-enter .32s ease both}@keyframes ocu-signup-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:749px){.ocu-signup{--ocu-card: min(280px, 78vw);--ocu-gap: 24px}.ocu-signup__body{padding:100px 16px 80px}.ocu-signup__brand{font-size:34px;margin-bottom:10px}.ocu-signup__heading{font-size:clamp(27px,6.7vw,36px);letter-spacing:-1px}.ocu-signup__subtitle{font-size:clamp(16px,4.3vw,20px)}.ocu-signup__scratch{margin-top:28px;margin-bottom:20px}.ocu-signup__offer{font-size:58px}.ocu-signup__button{min-height:50px;padding-block:14px}.ocu-signup__close-icon{background:#ffffffde}}@media(max-height:700px)and (min-width:750px){.ocu-signup{--ocu-card: 250px;--ocu-gap: 16px}.ocu-signup__body{padding-block:40px}.ocu-signup__brand{margin-bottom:0}.ocu-signup__scratch{margin-top:16px;margin-bottom:12px}}@media(max-width:749px)and (max-height:650px){.ocu-signup{--ocu-gap: 16px}.ocu-signup__brand{font-size:30px;margin-bottom:0}.ocu-signup__offer{font-size:52px}.ocu-signup__form{margin-top:12px;gap:10px}.ocu-signup[data-stage=preferences]{--ocu-gap: 12px;--ocu-choice-gap: 8px}.ocu-signup[data-stage=preferences] .ocu-signup__body{padding-block:72px 92px}.ocu-signup[data-stage=preferences] .ocu-signup__brand{font-size:26px}.ocu-signup[data-stage=preferences] .ocu-signup__heading{font-size:24px}.ocu-signup[data-stage=preferences] .ocu-signup__offer{font-size:46px}.ocu-signup[data-stage=preferences] .ocu-signup__question{font-size:16px}.ocu-signup__choices .ocu-signup__button{min-height:42px;padding-block:10px;font-size:16px}}@media(prefers-reduced-motion:reduce){.ocu-signup__canvas,.ocu-signup__button{transition:none}.ocu-signup__step--enter{animation:none}}.ocu-signup__scratch[data-scratching=false] .ocu-signup__reward-image,.ocu-signup__scratch[data-scratching=false] .ocu-signup__reward-copy{visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/34/assets/ocu-signup.css.map */