@layer theme,base,components;@layer siteplane{.sp-button-motion{--sp-semantic-color-background:var(--color-white);--sp-semantic-color-foreground:var(--color-neutral-800);--sp-semantic-color-popover:var(--color-white);--sp-semantic-color-primary:oklch(33.5% .061 267.9);--sp-semantic-color-primary-foreground:var(--color-neutral-50);--sp-semantic-color-secondary:#0000000a;--sp-semantic-color-secondary-foreground:var(--color-neutral-800);--sp-semantic-color-accent:#0000000a;--sp-semantic-color-destructive:var(--color-red-500);--sp-semantic-color-destructive-foreground:var(--color-red-700);--sp-semantic-color-input:#0000001a;--sp-semantic-color-ring:var(--color-neutral-400);--sp-semantic-color-success:var(--color-emerald-500);--sp-semantic-color-success-foreground:var(--color-emerald-700);--sp-semantic-color-warning:var(--color-amber-500);--sp-semantic-color-warning-foreground:var(--color-amber-700);--button-text-base:oklch(46.6% .027 271.6);--button-text-hover-base:oklch(31.7% .021 281.4);--button-text:var(--button-text-base);--button-text-hover:var(--button-text-hover-base)}.dark .sp-button-motion,[data-theme=dark] .sp-button-motion{--sp-semantic-color-background:color-mix(in srgb, var(--color-neutral-950) 95%, var(--color-white));--sp-semantic-color-foreground:var(--color-neutral-100);--sp-semantic-color-popover:color-mix(in srgb, var(--sp-semantic-color-background) 98%, var(--color-white));--sp-semantic-color-primary-foreground:var(--color-neutral-50);--sp-semantic-color-secondary:#ffffff0a;--sp-semantic-color-secondary-foreground:var(--color-neutral-100);--sp-semantic-color-accent:#ffffff0a;--sp-semantic-color-destructive:color-mix(in srgb, var(--color-red-500) 90%, var(--color-white));--sp-semantic-color-destructive-foreground:var(--color-red-400);--sp-semantic-color-input:#ffffff14;--sp-semantic-color-ring:var(--color-neutral-500);--sp-semantic-color-success-foreground:var(--color-emerald-400);--sp-semantic-color-warning-foreground:var(--color-amber-400);--button-text-base:oklch(87.9% .016 270);--button-text-hover-base:oklch(97.7% .005 275)}.sp-button-motion .sp-button-loading-indicator{width:1rem;height:1rem;position:absolute}.sp-button-motion[data-loading]>.sp-button-content{color:#0000}.sp-loading-button-shell{max-width:100%;display:inline-flex}.sp-loading-button-idle,.sp-loading-button-pending{transition-property:opacity;transition-duration:var(--motion-duration-micro);transition-timing-function:var(--motion-ease-standard)}.sp-loading-button-shell[data-loading-button-phase=loading] .sp-loading-button-idle,.sp-loading-button-shell[data-loading-button-phase=idle] .sp-loading-button-pending{pointer-events:none;opacity:0}@media (prefers-reduced-motion:reduce){.sp-button-motion,.sp-loading-button-idle,.sp-loading-button-pending,.sp-button-motion .sp-button-loading-indicator{transition-duration:1ms}.sp-button-motion .sp-button-loading-indicator{animation:none}}html[data-motion-reduce=true] .sp-button-motion,html[data-motion-reduce=true] .sp-loading-button-idle,html[data-motion-reduce=true] .sp-loading-button-pending,[data-sp-motion=reduced] .sp-button-motion,[data-sp-motion=reduced] .sp-loading-button-idle,[data-sp-motion=reduced] .sp-loading-button-pending,html[data-motion-reduce=true] .sp-button-motion .sp-button-loading-indicator,[data-sp-motion=reduced] .sp-button-motion .sp-button-loading-indicator{transition-duration:1ms}html[data-motion-reduce=true] .sp-button-motion .sp-button-loading-indicator,[data-sp-motion=reduced] .sp-button-motion .sp-button-loading-indicator{animation:none}:root [data-chassis][data-size^=icon]>.sp-button-content:has(>.sp-base-badge){position:static}:root [data-chassis][data-size^=icon]>.sp-button-content>.sp-base-badge{z-index:1;pointer-events:none;position:absolute;inset-block-start:-.25rem;inset-inline-end:-.25rem}:root [data-chassis][data-profile=avatar][data-size]{border-radius:50%;padding:0}:root [data-chassis][data-profile=avatar]>.sp-button-content{border-radius:inherit;height:100%}:root [data-chassis][data-profile=avatar]>.sp-button-chassis-interaction{z-index:31}:root [data-chassis][data-profile=avatar]>.sp-button-content>.sp-avatar{border-radius:inherit;width:100%;height:100%}@property --sp-badge-light-angle{syntax:"<angle>";inherits:false;initial-value:0deg}:root .sp-base-badge[data-light]{--sp-badge-light-edge:var(--sp-rw-border-default);isolation:isolate}.sp-badge-light-halo,.sp-badge-light-ring{--sp-badge-light-brand:oklch(from var(--sp-rw-bg-accent) calc(l + .05) c h);background:conic-gradient(from var(--sp-badge-light-angle), transparent 0deg, oklch(from var(--sp-badge-light-brand) l c h / .85) 50deg, oklch(from var(--sp-badge-light-brand) calc(l + .2) calc(c * .55) h / .6) 85deg, transparent 130deg, transparent 180deg, oklch(from var(--sp-rw-bg-highlight) l c h / .85) 230deg, oklch(from var(--sp-rw-bg-highlight) calc(l + .1) calc(c * .55) h / .6) 265deg, transparent 310deg);-webkit-mask-composite:xor;pointer-events:none;animation:sp-badge-light-turn var(--motion-duration-badge-light) var(--motion-ease-linear) infinite;position:absolute;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.sp-badge-light-halo{inset:calc((var(--sp-badge-light-edge) + 28px) * -1);z-index:-1;border-radius:calc(var(--sp-rw-radius-badge,var(--sp-rw-radius-xs)) + 28px);filter:blur(7px);opacity:.4;transition:opacity var(--motion-duration-base) var(--motion-ease-standard);background-clip:padding-box;border:26px solid #0000;padding:2px}.sp-badge-light-ring{inset:calc(var(--sp-badge-light-edge) * -1);border-radius:inherit;padding:1px}.sp-base-badge[data-light]:hover>.sp-badge-light-halo{opacity:.55}:root :is(a,button).sp-base-badge[data-light]:hover{background-image:none}@keyframes sp-badge-light-turn{to{--sp-badge-light-angle:360deg}}html[data-motion-reduce=true] .sp-badge-light-halo,html[data-motion-reduce=true] .sp-badge-light-ring,[data-sp-motion=reduced] .sp-badge-light-halo,[data-sp-motion=reduced] .sp-badge-light-ring{transition-duration:1ms;animation:none}@media (prefers-reduced-motion:reduce){.sp-badge-light-halo,.sp-badge-light-ring{transition-duration:1ms;animation:none}}}@layer utilities;