@layer components{.radial-progress-activity{transform-box:view-box;transform-origin:50%;transition:all .5s ease-out .1s;animation:3s linear infinite paused radial-progress-activity}.radial-progress-activity[data-moving]{animation-play-state:running}.radial-progress-activity~circle{transition:all .5s ease-out}.radial-progress-activity~path{transition:all .3s ease-out}.radial-progress-activity~path[data-completed]{transition-delay:.4s}@keyframes radial-progress-activity{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.radial-progress-activity~circle,.radial-progress-activity~path,.radial-progress-activity{transition:none}.radial-progress-activity,.radial-progress-activity[data-moving]{animation:none}}.navigation-action{min-width:48px;min-height:48px;color:var(--color-ui-secondary);align-self:stretch}.navigation-action-tile{pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.navigation-action-notice{border:2px solid var(--color-ui-base);background:var(--color-ui-warning-solid);border-radius:50%;width:10px;height:10px;position:absolute;top:6px;right:6px}.navigation-action[aria-current=page] .navigation-action-tile{background:var(--color-ui-selected);color:var(--color-ui-primary)}.navigation-action:focus-visible .navigation-action-tile{outline:var(--stroke-ui-control) solid var(--color-ui-focus);outline-offset:1px}@media (hover:hover) and (pointer:fine){.navigation-action:not([aria-current=page]):hover .navigation-action-tile:before{opacity:1;transform:scale(1)}.navigation-action:hover .navigation-action-tile{color:var(--color-ui-primary)}}@media (prefers-reduced-motion:no-preference){.navigation-action-tile{will-change:scale}}:root:has(.mobile-navigation){--toast-bottom-inset:calc(var(--mobile-navigation-height,64px) + var(--layout-safe-bottom,env(safe-area-inset-bottom)))}.mobile-navigation{--navigation-action-bottom-inset:var(--layout-safe-bottom,env(safe-area-inset-bottom));z-index:5;height:calc(var(--mobile-navigation-height,64px) + var(--layout-safe-bottom,env(safe-area-inset-bottom)));pointer-events:none;position:fixed;inset:auto 0 0}.mobile-navigation-color,.mobile-navigation-blur{position:absolute;inset:0}.mobile-navigation-color{background:linear-gradient(to bottom, transparent, oklch(from var(--color-ui-base) l c h / 10%) 10%, oklch(from var(--color-ui-base) l c h / 90%) 50%, var(--color-ui-base))}.mobile-navigation-blur{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-mask-image:linear-gradient(#0000,#000 40%);mask-image:linear-gradient(#0000,#000 40%)}.mobile-navigation-actions{height:100%;padding:0 calc(8px + var(--layout-safe-right,env(safe-area-inset-right))) 0 calc(8px + var(--layout-safe-left,env(safe-area-inset-left)));align-items:center;gap:8px;display:flex;position:relative}.mobile-navigation-actions a,.mobile-navigation-actions button{pointer-events:auto}.mobile-navigation .navigation-action{flex:1}.mobile-navigation-sync{margin-bottom:var(--layout-safe-bottom,env(safe-area-inset-bottom))}:root{--layout-safe-top:env(safe-area-inset-top,0px);--layout-safe-right:env(safe-area-inset-right,0px);--layout-safe-bottom:env(safe-area-inset-bottom,0px);--layout-safe-left:env(safe-area-inset-left,0px);--mobile-navigation-height:64px}.app-layout{--mobile-navigation-inset:0px;background:var(--color-ui-base);height:100dvh;padding:var(--layout-safe-top) var(--layout-safe-right) var(--layout-safe-bottom) var(--layout-safe-left);flex-direction:column;display:flex;overflow:hidden}.app-layout[data-mobile][data-navigation]{--mobile-navigation-inset:calc(var(--mobile-navigation-height) + var(--layout-safe-bottom));padding-bottom:0}.app-layout[data-mobile] .layout-columns{--column-gap:0px;padding:var(--mobile-panel-top,0px) var(--mobile-panel-sides,0px) var(--mobile-navigation-inset)}.app-layout[data-mobile] .layout-column{max-width:none}.app-layout[data-mobile] .layout-column[data-visible]{flex-grow:1;flex-basis:0}.auth-page{color:var(--color-ui-primary);background:var(--color-ui-base);transition:background-color .3s;overflow:clip}.auth-page[data-dragging]{background:var(--color-ui-selected)}.auth-layout{grid-template-rows:1fr auto;max-width:25rem}.auth-heading{text-wrap:balance;font-size:clamp(1.75rem,5vw,2rem);line-height:1.25}@media (prefers-reduced-motion:no-preference){.auth-page{transition:transform .3s cubic-bezier(.4,0,.2,1),background-color .3s}.auth-page[data-dragging]{transform:scale(1.1)}}.auth-reveal{animation:auth-reveal var(--auth-reveal-duration,1s) cubic-bezier(.4, 0, .2, 1) both}@media (prefers-reduced-motion:reduce){.auth-reveal{animation:none}}.color-picker{--color-picker-surface:oklch(0% 0 0);--color-picker-field:oklch(27% 0 0);--color-picker-text:oklch(100% 0 0);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.color-picker-thumb{outline:1px solid}:root[data-input-modality=keyboard] .color-picker-plane:focus .color-picker-thumb{outline-width:2px}}@keyframes auth-reveal{0%{opacity:0}to{opacity:1}}
