.drop{background:var(--raised);border-block:var(--hair) solid var(--rule);padding-block:var(--s-4)}.drop__inner{display:grid;gap:var(--s-2) var(--s-5);align-items:center;grid-template-areas:"id" "clock" "note" "cta"}@media(min-width:48em){.drop__inner{grid-template-columns:auto 1fr auto;grid-template-areas:"id    clock cta" "note  clock cta";column-gap:var(--s-7)}}.drop__id{grid-area:id;margin:0;display:flex;align-items:baseline;gap:var(--s-2);font-size:var(--t--2);font-weight:var(--w-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--fg);max-width:none}.drop__run{font-weight:var(--w-payoff)}.drop__sep{color:var(--rule)}.drop__note{grid-area:note;margin:0;font-size:var(--t--2);letter-spacing:.04em;color:var(--fg-muted);max-width:34ch}.drop__clockwrap{grid-area:clock;display:flex;align-items:baseline;gap:var(--s-3);flex-wrap:wrap}@media(min-width:48em){.drop__clockwrap{justify-content:center}}.drop__closes{font-size:var(--t--2);font-weight:var(--w-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-muted);white-space:nowrap}.drop__clock{display:inline-flex}.drop__vis{display:inline-flex;align-items:baseline;gap:var(--s-3)}.drop__unit{display:inline-flex;align-items:baseline;gap:1px}.drop__n{font-family:var(--font-display);font-weight:400;font-size:clamp(1.5rem,1.05rem + 2vw,2.25rem);line-height:1;letter-spacing:.01em;color:var(--fg);min-inline-size:2ch;text-align:center;font-variant-numeric:tabular-nums}.drop__u{font-family:var(--font);font-size:var(--t--2);font-weight:var(--w-ui);text-transform:uppercase;color:var(--fg-muted)}.drop__unit--s .drop__n{color:var(--accent)}.drop__cta{grid-area:cta;justify-self:start;display:inline-flex;align-items:center;min-height:44px;padding-inline:var(--s-4);border:var(--hair) solid var(--fg);color:var(--fg);background:transparent;font-size:var(--t--2);font-weight:var(--w-payoff);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;transition:background var(--dur-1, .14s) var(--ease, ease),color var(--dur-1, .14s) var(--ease, ease),transform var(--dur-1, .14s) var(--ease, ease)}@media(min-width:48em){.drop__cta{justify-self:end}}.drop__cta:hover{background:var(--fg);color:var(--page)}.drop__cta:active{transform:scale(.97)}.drop[data-ready]{animation:drop-in .26s cubic-bezier(.23,1,.32,1) both}@keyframes drop-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.drop[data-state=closed] .drop__n{color:var(--fg-muted)}.drop[data-state=closed] .drop__closes:after{content:" \2014  closed"}@media(prefers-reduced-motion:reduce){.drop[data-ready]{animation:none}.drop__cta{transition:none}.drop__cta:active{transform:none}}.drop .u-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/*# sourceMappingURL=/cdn/shop/t/11/assets/kak-drop.css.map */