.apply-canvas{background:var(--color-surface);min-height:100dvh;color:var(--color-ink);flex-direction:column;flex:auto;display:flex}.apply-shell{flex-direction:column;flex:auto;display:flex}.apply-top{padding:max(8px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));background:var(--color-surface);flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.apply-top svg{width:auto;height:19px}.apply-progress{border-radius:var(--radius-pill);background:color-mix(in oklab, var(--color-ink) 10%, transparent);flex:1 0 100%;order:3;height:4px;overflow:hidden}.apply-progress>span{border-radius:inherit;background:var(--color-brand);transform-origin:0;height:100%;transition:transform .18s var(--ease-zeze);display:block}@media (min-width:640px){.apply-top{z-index:40;padding:max(12px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) 12px max(24px, env(safe-area-inset-left));border-bottom:1px solid color-mix(in oklab, var(--color-ink) 6%, transparent);flex-wrap:nowrap;gap:20px;position:sticky;top:0}.apply-top svg{height:22px}.apply-progress{flex:0 240px;order:0;margin-left:auto}}.apply-body{padding:28px max(16px, env(safe-area-inset-right)) 40px max(16px, env(safe-area-inset-left));flex-direction:column;flex:auto;display:flex;position:relative}.apply-col{width:100%;max-width:560px;margin-inline:auto}@media (min-width:640px){.apply-body{padding-block:clamp(40px,9vh,96px) 64px}}.apply-heading{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);outline:none;font-size:clamp(1.75rem,1.45rem + 1.4vw,2.5rem);font-weight:700;line-height:1.1}.apply-helper{color:var(--color-ink-muted);margin-top:12px;font-size:1.0625rem;line-height:1.5}.apply-host{margin-inline:-8px;padding-inline:8px;display:grid;overflow-x:clip}.apply-screen{grid-area:1/1;min-width:0}.apply-in{animation:apply-in .18s var(--ease-zeze) both}.apply-out{pointer-events:none;animation:apply-out .18s var(--ease-zeze) both}@keyframes apply-in{0%{transform:translateX(calc(var(--apply-dir,1) * (100% + 32px)))}to{transform:none}}@keyframes apply-out{0%{transform:none}to{transform:translateX(calc(var(--apply-dir,1) * -1 * (100% + 32px)))}}@media (prefers-reduced-motion:reduce){.apply-in{animation:none}.apply-out{display:none}.apply-progress>span{transition:none}}.apply-actions{align-items:center;gap:8px;margin-top:16px;display:flex}@media (max-width:639.98px){.apply-actions{z-index:20;padding:12px max(16px, env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));border-top:1px solid color-mix(in oklab, var(--color-ink) 8%, transparent);background:var(--color-surface);transform:translateY(calc(-1 * var(--apply-kb,0px)));inset-inline:0;flex-direction:row-reverse;margin:0;position:fixed;bottom:0}.apply-shell[data-kb] .apply-actions{padding-bottom:12px}.apply-actions .apply-continue{flex:auto}.apply-sticky-total{bottom:calc(73px + env(safe-area-inset-bottom))}}@media not (pointer:coarse){.apply-touch-only{display:none!important}}.apply-footer{padding:16px max(16px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));color:var(--color-ink-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;font-size:.8125rem;display:flex}.apply-footer-links{align-items:center;gap:10px;display:inline-flex}@media (min-width:640px){.apply-footer-links:before{content:"·"}}.apply-footer a{color:var(--color-ink);font-weight:600}.apply-footer a:hover{color:var(--color-brand)}@media (max-width:639.98px){.apply-canvas:has(.apply-actions) .apply-footer{padding-bottom:calc(96px + env(safe-area-inset-bottom))}}
