.vial-signup{--vs-ink: #2b2118;--vs-cream: #fdfbf7;--vs-taupe: #6b5b4d;--vs-sand: #e8dfd3;--vs-copper: #8c5a32;--vs-line: #cbbfae;width:100%;max-width:460px;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:6px;overflow:auto;background:var(--vs-cream);color:var(--vs-ink);box-shadow:0 24px 64px #2b211847}.vial-signup--image{max-width:780px}.vial-signup::backdrop{background:#2b211880}.vial-signup__card{display:grid}.vial-signup--image .vial-signup__card{grid-template-columns:5fr 6fr}.vial-signup__media{display:flex;align-items:center;justify-content:center;padding:28px;background:var(--vs-sand)}.vial-signup__image{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.vial-signup__body{position:relative;display:flex;flex-direction:column;justify-content:center;padding:52px 40px 32px;text-align:center}.vial-signup__close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;color:var(--vs-ink);cursor:pointer}.vial-signup__close:hover{background:var(--vs-sand)}.vial-signup__eyebrow{margin:0 0 12px;font-family:var(--font-subheading--family);font-size:.75rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--vs-copper)}.vial-signup__title{margin:0 0 12px;font-family:var(--font-heading--family);font-size:clamp(1.75rem,3.2vw,2.25rem);font-weight:400;line-height:1.15;letter-spacing:normal;text-transform:none;color:var(--vs-ink)}.vial-signup__text{margin:0 0 24px;font-family:var(--font-body--family);font-size:.9375rem;line-height:1.55;color:var(--vs-taupe)}.vial-signup__field{display:flex;flex-direction:column;gap:10px}.vial-signup__input{width:100%;height:50px;padding:0 20px;border:1px solid var(--vs-line);border-radius:100px;background:#fff;font-family:var(--font-body--family);font-size:1rem;color:var(--vs-ink)}.vial-signup__input::placeholder{color:var(--vs-taupe);opacity:.8}.vial-signup__input[aria-invalid=true]{border-color:#a3341f}.vial-signup__input:focus-visible,.vial-signup__button:focus-visible,.vial-signup__copy:focus-visible,.vial-signup__close:focus-visible,.vial-signup__decline:focus-visible{outline:2px solid var(--vs-ink);outline-offset:2px}.vial-signup__button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:50px;padding:0 24px;border:0;border-radius:100px;background:var(--vs-ink);color:var(--vs-cream);font-family:var(--font-subheading--family);font-size:.8125rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color .2s ease}.vial-signup__button:hover{background:#000;color:var(--vs-cream)}.vial-signup__fine{margin:14px 0 0;font-family:var(--font-body--family);font-size:.75rem;line-height:1.5;color:var(--vs-taupe)}.vial-signup__fine:empty{display:none}.vial-signup__fine a{color:inherit;text-decoration:underline}.vial-signup__decline{align-self:center;margin-top:8px;padding:8px 12px;border:0;background:none;font-family:var(--font-body--family);font-size:.8125rem;color:var(--vs-taupe);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.vial-signup__error{margin:0 0 12px;font-family:var(--font-body--family);font-size:.875rem;color:#a3341f}.vial-signup__code{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:8px 8px 8px 20px;border:1px dashed var(--vs-copper);border-radius:100px;background:#fff}.vial-signup__code-value{font-family:var(--font-subheading--family);font-size:1.25rem;font-weight:500;letter-spacing:.14em;color:var(--vs-ink)}.vial-signup__copy{padding:9px 18px;border:1px solid var(--vs-ink);border-radius:100px;background:transparent;font-family:var(--font-subheading--family);font-size:.75rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--vs-ink);cursor:pointer}.vial-signup__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:no-preference){.vial-signup[open]{animation:vial-signup-in .35s ease-out}.vial-signup[open]::backdrop{animation:vial-signup-fade .35s ease-out}}@keyframes vial-signup-in{0%{opacity:0;transform:translateY(16px)}}@keyframes vial-signup-fade{0%{opacity:0}}@media(max-width:749px){.vial-signup,.vial-signup--image{max-width:100%;max-height:88dvh;margin:auto 0 0;border-radius:16px 16px 0 0}.vial-signup--image .vial-signup__card{grid-template-columns:1fr}.vial-signup__media{display:none}.vial-signup__body{padding:40px 24px calc(20px + env(safe-area-inset-bottom))}.vial-signup__text{margin-bottom:20px}@media(prefers-reduced-motion:no-preference){.vial-signup[open]{animation-name:vial-signup-up}}@keyframes vial-signup-up{0%{transform:translateY(100%)}}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/vial-signup-popup.css.map */