.component--theme-switch{display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;background-color:transparent;outline:0;cursor:pointer;user-select:none;text-decoration:none;color:white;min-width:32px;padding:5px 7px;border-radius:4px;border:.5px dashed transparent;transition:all .25s ease}.component--theme-switch:active,.component--theme-switch:focus{border-color:var(--canvas-900);outline:none;border-style:solid;border-width:1.5px;border-radius:4px}.dark .component--theme-switch:active,.dark .component--theme-switch:focus{border-color:var(--canvas-200)}.component--theme-switch .light,.component--theme-switch .moon{transition:opacity .2s ease-in-out;position:absolute;margin:0;padding:0;width:24px;height:24px}.component--theme-switch .moon{opacity:1;animation:spin .3s}.component--theme-switch .light{opacity:0}.dark .component--theme-switch .moon{opacity:0;animation:none}.dark .component--theme-switch .light{opacity:1;animation:spin .3s}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@layer infonomic-base, infonomic-functional, infonomic-utilities, infonomic-theme, infonomic-typography;@layer infonomic-components{:is(.badge-8xVidp,.badge){font-size:var(--font-size-sm);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--border-radius-sm);padding:.25em .4em;font-weight:400;line-height:1;display:inline-block}:is(.primary-oZyR_M,.badge-primary){color:var(--text-on-primary);background-color:var(--fill-primary-strong)}:is(.secondary-VsqJTm,.badge-secondary){color:var(--text-on-secondary);background-color:var(--fill-secondary-strong)}:is(.noeffect-R8eJtO,.badge-noeffect){color:var(--text-on-noeffect);background-color:var(--fill-noeffect-strong)}:is(.success-h2otET,.badge-success){color:var(--text-on-success);background-color:var(--fill-success-strong)}:is(.info-OG3F3u,.badge-info){color:var(--text-on-info);background-color:var(--fill-info-strong)}:is(.warning-zTXksZ,.badge-warning){color:var(--text-on-warning);background-color:var(--fill-warning-strong)}:is(.danger-hKF7l_,.badge-danger){color:var(--text-on-danger);background-color:var(--fill-danger-strong)}}