@font-face{font-family:Ooma Anton;src:url(invitation-anton.ttf) format("truetype");font-weight:400;font-display:swap}#Invitation{box-sizing:border-box;color-scheme:light;--paper: #fff;--ink: #171717;--muted: #666;--rule: #d5d5d5;--error: #9a3028;--mono: "Courier New", Courier, monospace;--ease: cubic-bezier(.22, 1, .36, 1)}#Invitation *{box-sizing:border-box}#Invitation{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}#Invitation button,#Invitation input{font:inherit}#Invitation button,#Invitation a,#Invitation input{-webkit-tap-highlight-color:transparent}#Invitation button{cursor:pointer}#Invitation ::selection{color:var(--paper);background:var(--ink)}#Invitation :focus-visible{outline:2px solid var(--ink);outline-offset:5px}#Invitation [hidden]{display:none!important}#Invitation{width:min(100%,1440px);min-height:100dvh;margin:auto;padding:30px 24px 19px;display:flex;flex-direction:column;align-items:center;text-align:center}#Invitation .invitation-header{display:flex;justify-content:center;align-items:center}#Invitation .wordmark{display:block;width:122px;height:auto}#Invitation .invitation-main{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%;padding:34px 0 29px;gap:21px}#Invitation .invitation-story{width:100%}#Invitation .batch-label{margin:0 0 17px;text-transform:uppercase;font:12px/1.3 var(--mono);letter-spacing:.15em}#Invitation .batch-label span{margin-left:5px}#Invitation .headline{margin:0;font:400 clamp(36px,4.7vw,58px)/1.09 "Ooma Anton",Impact,sans-serif;letter-spacing:-.018em;text-transform:uppercase}#Invitation .type-line{position:relative;display:block;width:fit-content;margin-inline:auto;white-space:nowrap}#Invitation .type-space{visibility:hidden}#Invitation .type-ink{position:absolute;inset:0 auto auto 0}#Invitation .type-ink.is-typing:after{content:"";display:inline-block;width:2px;height:.74em;margin-left:6px;background:var(--ink)}#Invitation .product-facts{display:flex;justify-content:center;align-items:center;margin:22px auto 0;padding:0;list-style:none;font:10px/1.5 var(--mono);letter-spacing:.055em;text-transform:uppercase}#Invitation .product-facts li{display:flex;align-items:center;white-space:nowrap}#Invitation .product-facts li+li:before{content:"/";margin:0 13px;color:#777}#Invitation .invitation-access{width:min(100%,382px)}#Invitation .availability{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:2px 0 5px;color:var(--ink)}#Invitation .availability-number{font:400 46px/1 Ooma Anton,Impact,sans-serif;letter-spacing:-.025em}#Invitation .availability-label{font:400 9px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase}#Invitation .access-copy{margin:12px 0 22px;color:var(--muted);font-size:13px;line-height:1.55}#Invitation .invitation-form label{display:block;margin-bottom:5px;font:11px/1.5 var(--mono)}#Invitation .email-field{position:relative;display:flex;align-items:center;border-bottom:1px solid var(--ink)}#Invitation .email-field:focus-within{border-bottom-width:2px;margin-bottom:-1px}#Invitation .email-field input{min-width:0;width:100%;height:45px;padding:5px 39px;border:0;outline:0;border-radius:0;color:var(--ink);background:transparent;font-size:15px;text-align:center}#Invitation .email-field input::placeholder{color:var(--muted);opacity:1}#Invitation .email-field:has([aria-invalid=true]){border-color:var(--error)}#Invitation .cookie-mark{position:relative;display:inline-block;flex:0 0 22px;width:22px;height:22px}#Invitation .field-cookie{position:absolute;left:11px;pointer-events:none}#Invitation .cookie-mark img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#Invitation .cookie-filled{opacity:0;transform:scale(.8) rotate(-20deg)}#Invitation .email-ready .field-cookie .cookie-filled{opacity:1;transform:scale(1) rotate(0)}#Invitation .email-ready .field-cookie .cookie-outline{opacity:0}#Invitation .email-error{min-height:16px;margin:5px 0 6px;font-size:11px;line-height:16px;color:var(--error)}#Invitation .access-button{position:relative;display:flex;align-items:center;justify-content:center;gap:20px;width:100%;min-height:51px;padding:0 45px;border:1px solid #a6d8fa;border-radius:0;background:#a6d8fa;color:var(--ink);font-size:13px;letter-spacing:.015em;text-align:center;white-space:nowrap}#Invitation .button-cookie{position:absolute;right:16px}#Invitation .access-button:disabled{cursor:wait}#Invitation .access-button:active{transform:scale(.988)}#Invitation .access-button:is(:hover,:focus-visible) .cookie-filled,#Invitation .is-submitting .button-cookie .cookie-filled{opacity:1;transform:scale(1) rotate(0)}#Invitation .access-button:is(:hover,:focus-visible) .cookie-outline,#Invitation .is-submitting .button-cookie .cookie-outline{opacity:0}#Invitation .consent{color:var(--muted);font-size:10px;line-height:1.55;margin:12px 0 0}#Invitation .release{display:flex;flex-direction:column;align-items:center;gap:16px;width:min(100%,382px);border-bottom:1px solid var(--rule);padding:2px 0 26px}#Invitation .release-date{display:flex;flex-direction:column;align-items:center;gap:6px}#Invitation .small-label{font:9px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.12em}#Invitation .release-date time{font-size:14px}#Invitation .release-zone{font:9px/1.3 var(--mono);color:var(--muted)}#Invitation .countdown{display:flex;width:100%;justify-content:center;align-items:flex-start;gap:20px}#Invitation .time-unit{display:flex;flex-direction:column;align-items:center;gap:6px}#Invitation .time-unit>[data-time]{display:block;min-width:2ch;font:29px/1 var(--mono);letter-spacing:-.06em;font-variant-numeric:tabular-nums}#Invitation .unit-label{font:8px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}#Invitation .time-divider{color:var(--muted);padding-top:2px;font:21px/1 var(--mono)}#Invitation .invitation-footer{color:var(--muted);font:9px/1.5 var(--mono)}#Invitation .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:no-preference){#Invitation .enter{animation:arrive .85s var(--ease) both}#Invitation .batch-label{animation-delay:.1s}#Invitation .product-facts{animation-delay:.3s}#Invitation .invitation-access{animation-delay:.4s}#Invitation .release{animation-delay:.25s}#Invitation .invitation-footer{animation-delay:.5s}#Invitation .cookie-mark,#Invitation .cookie-mark img{transition:transform .5s var(--ease),opacity .3s}#Invitation .email-field:focus-within .field-cookie{transform:rotate(20deg)}#Invitation .access-button:is(:hover,:focus-visible) .button-cookie{transform:rotate(90deg)}#Invitation .access-button{transition:transform .2s var(--ease),opacity .3s}#Invitation .is-submitting .button-cookie{animation:cookie-turn 1s var(--ease) both}#Invitation.is-leaving{animation:leave .5s var(--ease) both}@keyframes arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes leave{to{opacity:0;transform:translateY(-9px)}}@keyframes cookie-turn{to{transform:rotate(360deg)}}}@media(max-width:600px){#Invitation{padding:25px 24px 18px}#Invitation .wordmark{width:108px}#Invitation .invitation-main{padding:30px 0 25px;gap:17px}#Invitation .headline{font-size:clamp(27px,7.7vw,43px)}#Invitation .batch-label{font-size:11px;margin-bottom:15px}#Invitation .product-facts{margin-top:18px;font-size:9px;letter-spacing:.01em}#Invitation .product-facts li+li:before{margin-inline:7px}#Invitation .access-copy{margin-top:10px;margin-bottom:21px}#Invitation .email-field input{font-size:16px}#Invitation .countdown{gap:15px}#Invitation .consent{font-size:10px}#Invitation .release{gap:15px;padding-top:2px;padding-bottom:23px}}@media(max-height:780px)and (min-width:601px){#Invitation{padding-top:22px}#Invitation .invitation-main{padding-top:24px;padding-bottom:22px;gap:16px}#Invitation .headline{font-size:48px}#Invitation .release{gap:13px;padding-block:2px 20px}}@media(prefers-reduced-motion:reduce){#Invitation *,#Invitation *:before,#Invitation *:after{animation:none!important;transition:none!important}#Invitation .type-ink.is-typing:after{display:none}}#Invitation .email-error ul{margin:0;padding:0;list-style:none}#Invitation #SignupSuccess{font:14px/1.5 Arial,sans-serif}
/*# sourceMappingURL=/cdn/shop/t/6/assets/email-preview-v1.css.map */