.ThemeToggle{z-index:50;--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);border-radius:9999px;align-items:center;gap:.75rem;padding:.5rem 1rem;transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:1.25rem;right:1.25rem}.ThemeToggle .theme-indicator-container{justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex;position:relative}.ThemeToggle .theme-indicator-container .theme-indicator{--tw-scale-x:.5;--tw-scale-y:.5;width:.875rem;height:.875rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0;border-radius:9999px;transition-property:all;transition-duration:.7s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute}.ThemeToggle .theme-indicator-container .theme-indicator.theme-indicator-dark{border-width:1px;border-color:var(--signal);--tw-shadow-color:var(--signal);--tw-shadow:var(--tw-shadow-colored)}.ThemeToggle .theme-indicator-container .theme-indicator.theme-indicator-light{background-color:var(--primary)}.ThemeToggle .theme-indicator-container .theme-indicator.active{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}
.SpaceToast{color:var(--foreground);border-width:1px;border-color:#dcba544d;border-radius:.5rem;padding:.75rem 1.25rem;font-size:1.125rem;line-height:1.75rem}.SpaceToast:where([data-mode=dark],[data-mode=dark] *){color:var(--gold)}
.Input{background-color:#0000;border-bottom-width:1px;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;align-items:center;gap:1rem;font-size:1.125rem;line-height:1.75rem;display:flex;position:relative}.Input:where([data-mode=dark],[data-mode=dark] *){border-color:var(--gold);color:var(--gold)}.Input{border-color:var(--primary);color:var(--primary)}.Input .input-icon{color:var(--muted-foreground);padding-top:.75rem;padding-bottom:.75rem;padding-left:1rem}.Input .input-icon:where([data-mode=dark],[data-mode=dark] *){color:var(--gold)}.Input .input-icon .icon{width:1.25rem;height:1.25rem}.Input .input-field{color:var(--muted-foreground);background-color:#0000;border-style:none;flex:1}.Input .input-field:where([data-mode=dark],[data-mode=dark] *){color:var(--gold)}.Input .input-field::placeholder{color:var(--muted-foreground);opacity:.8}.Input .input-field:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);outline:2px solid #0000}.Input .input-field{padding-top:.5rem;padding-bottom:.25rem;padding-right:1rem}
.Button{color:var(--muted-foreground);background-color:#0000;border-style:none;justify-content:center;align-items:flex-start;gap:.75rem;font-size:1.125rem;line-height:1.75rem;display:flex;position:relative}.Button:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);outline:2px solid #0000}.Button{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;padding:.25rem .75rem;transition:background-size .3s}.Button:hover{background-size:100% 1px}.Button:disabled{cursor:not-allowed;opacity:.5}.Button:where([data-mode=dark],[data-mode=dark] *){color:var(--gold)}.Button .icon{width:1.25rem;height:1.25rem}
