.theme-toggler{width:-moz-fit-content;width:fit-content}.theme-toggler .checkbox{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none}.theme-toggler .effects-container{display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-start;width:170px;height:64px;border-radius:32px;box-sizing:border-box;padding:6px 8px;gap:4px;transition:flex-direction;background-color:rgb(from var(--mui-palette-primary-100) r g b/40%);box-shadow:var(--mui-inset-shadows-3)}[data-mui-color-scheme=dark] .theme-toggler .effects-container{background-color:rgb(from var(--mui-palette-monochrome-800) r g b/40%)}.theme-toggler .effects-container .icon-wrapper{border:1px;width:48px;height:48px;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:left 1s ease-in-out;color:var(--mui-palette-primary-main);background-color:var(--mui-palette-common-white);outline-width:4px}[data-mui-color-scheme=dark] .theme-toggler .effects-container .icon-wrapper{background-color:linear-gradient(180deg,#343440,#222632)}.theme-toggler .effects-container.reversed{flex-direction:row}.theme-toggler:has(.checkbox:focus-visible) .icon-wrapper{outline:2px solid}