.wx-optin{--wx-ink: #212121;--wx-paper: #fff;--wx-nacre: #e4e2de;--wx-mute: #6e6c68;--wx-star: #017CFD;--wx-r-card: 30px;--wx-r-ctl: 10px;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:grid;place-items:center;padding:20px;background:#1818186b;opacity:0;transition:opacity .3s ease;font-family:var(--wx-font, "Neue Haas Grotesk Display Pro", "Helvetica Neue", Helvetica, Arial, sans-serif);-webkit-font-smoothing:antialiased}.wx-optin.is-open{opacity:1}.wx-optin[hidden]{display:none}.wx-optin__box{position:relative;width:820px;max-width:100%;display:grid;grid-template-columns:44% 56%;background:#fff;box-shadow:0 24px 66px #0000004d;border-radius:var(--wx-r-card);overflow:hidden;transform:translateY(14px);transition:transform .3s cubic-bezier(.2,.8,.3,1)}.wx-optin.is-open .wx-optin__box{transform:none}.wx-optin__x{position:absolute;right:12px;top:12px;z-index:6;width:30px;height:30px;border:0;border-radius:0;background:#ffffffeb;color:#212121;font-size:15px;line-height:1;cursor:pointer}.wx-optin__prize{position:relative;overflow:hidden;padding:32px 28px;min-height:566px;background:var(--wx-star, #017CFD);color:#fff}.wx-optin__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;object-fit:cover;object-position:var(--wx-bg-pos, 50% 50%);pointer-events:none}.wx-optin__prize.has-bg{display:flex;flex-direction:column;justify-content:flex-end}.wx-optin__prize.has-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,#00000094,#00000042 30%,#0000 52%)}.wx-optin__prize.has-bg .wx-optin__win{position:relative;z-index:3;text-shadow:0 1px 18px rgba(0,0,0,.25)}.wx-optin__win{font-size:84px;line-height:.84;letter-spacing:-.035em;font-weight:500}.wx-optin__what{margin:12px 0 0;font-size:15.5px;line-height:1.32;color:#fffffff0;position:relative;z-index:3}.wx-optin__shot{position:absolute;left:50%;bottom:-6%;width:92%;transform:translate(-50%);z-index:1;pointer-events:none}.wx-optin__shot img{width:100%;height:auto;display:block}.wx-sticker--optin{position:absolute;right:22px;top:22px;z-index:5}.wx-optin__cd{margin-top:16px;padding-top:14px;position:relative;z-index:3;border-top:1px solid rgba(255,255,255,.38)}.wx-optin__cdl{margin:0 0 8px;font-size:10px;letter-spacing:0;color:#ffffffb8}.wx-optin__units{display:flex;align-items:flex-start;gap:12px;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.wx-optin__u{display:flex;flex-direction:column;align-items:flex-start}.wx-optin__n{font-size:30px;line-height:1;letter-spacing:-.02em;font-weight:500}.wx-optin__t{margin-top:5px;font-size:9.5px;letter-spacing:0;opacity:.72;font-style:normal}.wx-optin__sep{font-size:26px;line-height:1;font-weight:300;opacity:.42;margin-top:1px}.wx-optin__form{padding:38px 36px 32px;display:flex;flex-direction:column;justify-content:center}.wx-optin__lbl{margin:0;letter-spacing:.22em;font-size:10px;color:#6e6c68}.wx-optin__step{margin:0 0 14px;font-size:10px;letter-spacing:.16em;color:#a6a29c}.wx-optin__h{margin:16px 0 0;font-size:27px;line-height:1.1;letter-spacing:-.024em;font-weight:500;color:var(--wx-ink);text-transform:none}:where(.wx-optin) :where(p,h2,form,label,button){text-transform:none}.wx-optin__say{margin:10px 0 0;font-size:14px;line-height:1.5;color:#6e6c68;max-width:34ch}.wx-optin__field{margin-top:20px}.wx-optin__input{width:100%;min-height:50px;padding:0 14px;border:1px solid #e4e2de;border-radius:var(--wx-r-ctl);font:inherit;font-size:14px;color:#212121;background:#fff}.wx-optin__input::placeholder{color:#9b9893}.wx-optin__consent{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:12px;line-height:1.5;color:#6e6c68}.wx-optin__consent input{flex:0 0 auto;width:15px;height:15px;margin-top:2px;accent-color:#212121}.wx-optin__cta{margin-top:14px;min-height:52px;width:100%;border:0;border-radius:var(--wx-r-ctl);background:#212121;color:#fff;font:inherit;font-size:13px;letter-spacing:.05em;cursor:pointer}.wx-optin__cta[disabled]{opacity:.55;cursor:default}.wx-optin__cta:hover,.wx-optin__cta:focus-visible{color:#fff;opacity:.9}.wx-optin__skip a:hover{color:var(--wx-ink)}.wx-optin__skip{margin:12px 0 0;text-align:center;font-size:12px}.wx-optin__skip a{color:#6e6c68}.wx-optin__fine{margin:12px 0 0;font-size:11px;line-height:1.5;color:#8d8a85}.wx-optin__fine a{color:#8d8a85}.wx-optin__msg{margin:12px 0 0;font-size:12px;color:#6e6c68}.wx-optin__msg.is-bad{color:#a3301f}.wx-draw__done{margin:0;padding:15px 18px;background:#fff;border-radius:var(--wx-r-ctl, 10px);color:#212121;font-size:14px;text-align:center}@media(max-width:749px){.wx-optin{padding:12px;align-items:end}.wx-optin__box{grid-template-columns:1fr;width:100%;max-width:400px}.wx-optin__prize{min-height:0;padding:20px}.wx-optin__bg{object-position:var(--wx-bg-pos-m, 50% 50%)}.wx-optin__prize.has-bg{min-height:236px}.wx-optin__prize.has-bg:before{background:linear-gradient(0deg,#0009,#00000047 38%,#0000 66%)}.wx-optin__win{font-size:44px}.wx-optin__what{font-size:12.5px;margin-top:8px;max-width:19ch}.wx-optin__shot{left:auto;right:-2%;top:44px;bottom:auto;width:30%;transform:none}.wx-sticker--optin{width:58px;height:58px;right:16px;top:auto;bottom:14px}.wx-sticker--optin b{font-size:16px}.wx-sticker--optin i{font-size:7.5px;margin-top:3px}.wx-optin__cd{margin-top:14px;padding-top:12px}.wx-optin__n{font-size:22px}.wx-optin__sep{font-size:19px}.wx-optin__t{font-size:8.5px}.wx-optin__form{padding:22px 20px}.wx-optin__h{font-size:21px;margin-top:10px}}.wx-teaser{position:fixed;top:var(--wx-teaser-top, 50%);transform:translateY(-50%);z-index:2147482000;display:flex;align-items:center;gap:8px;padding:16px 9px;border:0;cursor:pointer;background:var(--wx-star, #017CFD);color:#fff;font:inherit;font-size:11px;font-weight:400;letter-spacing:0;white-space:nowrap;writing-mode:vertical-rl;box-shadow:0 6px 22px #0000002e;opacity:0;transition:opacity .3s ease,padding .2s ease}.wx-teaser[hidden]{display:none}.wx-teaser.is-in{opacity:1}.wx-teaser--right{right:0;border-radius:0}.wx-teaser--left{left:0;border-radius:0;transform:translateY(-50%) rotate(180deg)}.wx-teaser--right:hover,.wx-teaser--left:hover{padding-right:13px}.wx-teaser__dot{width:5px;height:5px;border-radius:50%;background:#fff;opacity:.55;flex:0 0 auto}@media(max-width:749px){.wx-teaser{font-size:10px;padding:13px 7px;letter-spacing:.12em}}@media(prefers-reduced-motion:reduce){.wx-teaser{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/wx-optin.css.map */
