@layer theme,base;@layer components{.mdl-spinner{border-radius:var(--radius-full);opacity:.85;border:2px solid;border-right-color:#0000;flex:none;width:.875rem;height:.875rem;animation:.72s linear infinite mdl-spin;display:inline-block}.mdl-spinner[data-size=sm]{border-width:1.5px;width:.625rem;height:.625rem}.mdl-spinner[data-size=lg]{width:1.25rem;height:1.25rem}@keyframes mdl-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.mdl-spinner{animation:none}}.mdl-btn{--mdl-btn-shadow:0 0 0 0 transparent;border-radius:var(--radius-md);height:2.25rem;color:var(--color-text-1);font-family:var(--font-sans);font-size:var(--text-ui);letter-spacing:-.003em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--mdl-btn-shadow);transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), transform var(--duration-fast) var(--ease-out);background-color:#0000;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:0 .875rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex;position:relative}.mdl-btn:active:not(:disabled,[aria-disabled=true]){transform:translateY(.5px)scale(.985)}.mdl-btn:focus-visible{outline:2px solid var(--color-aurora-400);outline-offset:2px;box-shadow:var(--mdl-btn-shadow), 0 0 0 6px var(--color-aurora-tint)}.mdl-btn[data-block=true]{width:100%;display:flex}.mdl-btn[data-size=sm]{border-radius:var(--radius-sm);height:1.75rem;font-size:var(--text-small);gap:.375rem;padding:0 .625rem}.mdl-btn[data-size=lg]{height:2.875rem;font-size:var(--text-body);border-radius:12px;padding:0 1.25rem}.mdl-btn--icon{width:2.25rem;padding:0}.mdl-btn--icon[data-size=sm]{width:1.75rem;padding:0}.mdl-btn--icon[data-size=lg]{width:2.875rem;padding:0}.mdl-btn[data-variant=primary]{--mdl-btn-shadow:var(--shadow-moon), 0 10px 26px -12px var(--color-aurora-glow);background-color:var(--color-moon);color:var(--color-text-inverse)}.mdl-btn[data-variant=primary]:hover{--mdl-btn-shadow:var(--shadow-moon), 0 12px 30px -10px var(--color-aurora-glow);background-color:var(--color-moon-hover)}.mdl-btn[data-variant=primary]:active{background-color:var(--color-moon-press)}.mdl-btn[data-variant=secondary]{--mdl-btn-shadow:var(--shadow-e1);background-color:var(--color-wash-2);border-color:var(--color-line-2)}.mdl-btn[data-variant=secondary]:hover{background-color:var(--color-wash-3);border-color:var(--color-line-3)}.mdl-btn[data-variant=secondary]:active,.mdl-btn[data-variant=secondary][aria-pressed=true],.mdl-btn[data-variant=secondary][data-state=open]{background-color:var(--color-wash-4);border-color:var(--color-line-3)}.mdl-btn[data-variant=quiet]{color:var(--color-text-2)}.mdl-btn[data-variant=quiet]:hover,.mdl-btn[data-variant=quiet][data-state=open]{background-color:var(--color-wash-2);color:var(--color-text-1)}.mdl-btn[data-variant=quiet]:active,.mdl-btn[data-variant=quiet][aria-pressed=true]{background-color:var(--color-wash-3);color:var(--color-text-1)}.mdl-btn[data-variant=destructive]{color:var(--color-attention);background-color:var(--color-attention-tint);border-color:var(--color-attention-line)}.mdl-btn[data-variant=destructive]:hover{background-color:color-mix(in srgb, var(--color-attention) 17%, transparent)}.mdl-btn[data-variant=destructive]:active{background-color:color-mix(in srgb, var(--color-attention) 22%, transparent)}.mdl-btn[data-variant=paper]{--mdl-btn-shadow:var(--shadow-fill), 0 10px 26px -12px var(--color-paper-glow);background-color:var(--color-paper);color:var(--color-paper-ink)}.mdl-btn[data-variant=paper]:hover{background-color:var(--color-paper-hover)}.mdl-btn[data-variant=paper][aria-pressed=true]{--mdl-btn-shadow:0 0 0 0 transparent;background-color:var(--color-paper-tint);border-color:var(--color-paper-line);color:var(--color-paper);border-style:dashed}.mdl-btn[data-variant=live]{color:var(--color-live);background-color:var(--color-live-tint);border-color:var(--color-live-line)}.mdl-btn[data-variant=live]:hover{background-color:color-mix(in srgb, var(--color-live) 18%, transparent)}.mdl-btn[data-variant=live][aria-pressed=true]{border-color:var(--color-live);background-color:color-mix(in srgb, var(--color-live) 18%, transparent)}.mdl-btn[data-variant=live-solid]{--mdl-btn-shadow:var(--shadow-fill), 0 0 0 4px color-mix(in srgb, var(--color-live) 16%, transparent), 0 10px 28px -10px var(--color-live-glow);background-color:var(--color-live);color:var(--color-live-ink)}.mdl-btn[data-variant=live-solid]:hover{background-color:var(--color-live-hover)}.mdl-btn:disabled,.mdl-btn[aria-disabled=true]:not([data-loading]){--mdl-btn-shadow:0 0 0 0 transparent;opacity:.42;filter:saturate(.6);cursor:not-allowed}.mdl-btn[data-loading]{cursor:progress}.mdl-btn__swap{display:inline-grid}.mdl-btn__swap>span{grid-area:1/1;justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.mdl-btn__swap>span[data-shown=false]{visibility:hidden}.mdl-btn[data-variant=primary] .mdl-kbd{background-color:color-mix(in srgb, var(--color-text-inverse) 9%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-text-inverse) 16%, transparent);color:color-mix(in srgb, var(--color-text-inverse) 72%, transparent)}@media (forced-colors:active){.mdl-btn{border-color:buttontext}}.mdl-icon{flex:none;width:1rem;height:1rem}.mdl-icon[data-size=xs]{width:.75rem;height:.75rem}.mdl-icon[data-size=sm]{width:.875rem;height:.875rem}.mdl-icon[data-size=lg]{width:1.25rem;height:1.25rem}}@layer utilities;
