.product-notify{display:grid;gap:var(--space-5);padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-m);background-color:var(--color-surface, var(--color-bg))}.product-notify__head{display:grid;gap:var(--space-2)}.product-notify__head .status-chip{justify-self:start}.product-notify__heading{margin:0}.product-notify__text{margin:0;color:var(--color-muted)}.product-notify__countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.product-notify__countdown[hidden]{display:none}.product-notify__countdown-tile{display:grid;gap:2px;padding:var(--space-3) var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-m);text-align:center}.product-notify__countdown-value{font-size:clamp(1.25rem,4vw,1.75rem);font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.product-notify__countdown-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em}.product-notify__form{display:grid;gap:var(--space-3);margin:0}.product-notify__fields{display:grid;gap:var(--space-3)}.product-notify__field{display:grid;gap:var(--space-1);min-width:0}.product-notify__label{display:flex;align-items:baseline;gap:var(--space-1);font-size:13px;font-weight:600}.product-notify__optional{color:var(--color-muted);font-weight:400;font-size:12px}.product-notify__input{width:100%;min-width:0;padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-m);background-color:var(--color-bg);color:var(--color-ink);font-size:16px;font-family:inherit}.product-notify__input:focus-visible{outline:2px solid var(--color-brand);outline-offset:1px}.product-notify__submit{width:100%}.product-notify__note{margin:0;color:var(--color-muted)}.product-notify__success{display:flex;align-items:center;gap:var(--space-2);margin:0;padding:var(--space-4);border-radius:var(--radius-m);background-color:color-mix(in srgb,var(--color-success, #2e7d5b) 12%,transparent);color:var(--color-success, #2e7d5b);font-weight:600}.product-notify__error{margin:0;color:var(--color-danger, #c0392b);font-size:14px}.product-notify--drop{--color-bg: var(--color-dark-band);--color-ink: var(--color-on-dark-band);--color-line: color-mix(in srgb, var(--color-on-dark-band) 16%, transparent);--color-muted: color-mix(in srgb, var(--color-on-dark-band) 66%, transparent);--drop-glow: color-mix(in srgb, var(--color-brand) 55%, transparent);position:relative;overflow:hidden;isolation:isolate;gap:var(--space-5);padding:var(--space-6) var(--space-5);border:1px solid color-mix(in srgb,var(--color-brand) 45%,transparent);background-color:var(--color-dark-band);color:var(--color-on-dark-band)}.product-notify--drop:before{content:"";position:absolute;inset:-40% -30% auto auto;z-index:-1;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--drop-glow),transparent 65%);opacity:.55;pointer-events:none}.product-notify__live{display:inline-flex;align-items:center;justify-self:start;gap:8px;padding:5px 12px;border-radius:var(--radius-pill);background-color:color-mix(in srgb,var(--color-brand) 22%,transparent);color:var(--color-on-dark-band);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.product-notify__live-dot{width:8px;height:8px;border-radius:50%;background-color:#a78bfa}.product-notify__when{margin:0;color:var(--color-on-dark-band);font-weight:600;letter-spacing:.02em}.product-notify--drop .product-notify__countdown{gap:var(--space-3)}.product-notify--drop .product-notify__countdown-tile{position:relative;gap:4px;padding:var(--space-4) var(--space-2);border-color:color-mix(in srgb,var(--color-on-dark-band) 12%,transparent);background-color:color-mix(in srgb,var(--color-on-dark-band) 6%,transparent);overflow:hidden}.product-notify--drop .product-notify__countdown-value{display:block;font-family:var(--font-heading);font-size:clamp(1.75rem,6vw,2.5rem);line-height:1}.product-notify--drop .product-notify__countdown-tile:not(:last-child):after{content:":";position:absolute;top:50%;right:calc(var(--space-3) / -2);translate:50% -62%;color:var(--color-muted);font-size:1.25rem;font-weight:700}.product-notify--drop .product-notify__countdown-tile{overflow:visible}.product-notify--drop .product-notify__countdown.is-live{display:block;padding:var(--space-4);border-radius:var(--radius-m);background-color:var(--color-brand);color:#fff;font-weight:700;text-align:center}@media(prefers-reduced-motion:no-preference){.product-notify__live-dot{animation:product-notify-live 1.8s ease-out infinite}.product-notify--drop .product-notify__countdown-value.is-ticking{animation:product-notify-tick .42s cubic-bezier(.2,.8,.2,1)}.product-notify--drop:before{animation:product-notify-glow 6s ease-in-out infinite alternate}}@keyframes product-notify-live{0%{box-shadow:0 0 #a78bfab3}70%,to{box-shadow:0 0 0 8px #a78bfa00}}@keyframes product-notify-tick{0%{opacity:.2;transform:translateY(-35%)}to{opacity:1;transform:translateY(0)}}@keyframes product-notify-glow{0%{opacity:.4;transform:translate(0)}to{opacity:.7;transform:translate(-8%,6%)}}.product-notify--drop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;padding:1.5px;border-radius:inherit;background:conic-gradient(from var(--beam-angle),transparent 0 78%,var(--color-brand) 91%,#00fced 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}@media(prefers-reduced-motion:no-preference){.product-notify--drop:after{animation:beam-travel 9s linear infinite}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-notify.css.map */