.mty-toggle-color-mode{background:var(--color-primary);border-color:transparent}.mty-toggle-color-mode-svg{background:var(--color-text);border-radius:50%;display:inline-block;height:2rem;translate:-10px;vertical-align:middle;width:2rem}.mty-light .mty-toggle-color-mode-svg{color:var(--color-surface);transform:rotate(1turn)}.mty-toggle-color-mode-svg circle, .mty-toggle-color-mode-svg mask circle, .mty-toggle-color-mode-svg mask rect, .mty-toggle-color-mode-svg rect {fill:var(--color-text-inverse)}.mty-toggle-color-mode-svg .mty-sun{display:block}.mty-light .mty-toggle-color-mode-svg .mty-sun,.mty-toggle-color-mode-svg .mty-moon{display:none}.mty-light .mty-toggle-color-mode-svg .mty-moon{display:block}.mty-light button.mty-toggle-color-mode.mty-btn {background:var(--color-surface)}