.theme-toggle-wrapper{display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:999px}.theme-toggle-wrapper input{display:none}.theme-toggle-wrapper .toggle-label{width:60px;height:30px;border-radius:999px;background:hsl(var(--muted));box-shadow:inset 2px 2px 5px rgba(0,0,0,.1);position:relative}.theme-toggle-wrapper .circle{width:24px;height:24px;border-radius:99px;background:hsl(var(--card));box-shadow:1px 1px 2px rgba(0,0,0,.1);position:absolute;top:50%;left:3px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:.5s cubic-bezier(.68,-.55,.27,1.55)}.theme-toggle-wrapper svg{width:14px;height:14px;position:absolute;transition:.3s cubic-bezier(.25,.46,.45,.94);color:hsl(var(--foreground))}.theme-toggle-wrapper .sun{margin-top:0;opacity:1}.theme-toggle-wrapper .moon{margin-top:-150%;opacity:0}.dark .theme-toggle-wrapper .toggle-label{box-shadow:inset 2px 2px 5px rgba(0,0,0,.5)}.dark .theme-toggle-wrapper .circle{left:calc(100% - 3px);transform:translate(-100%,-50%)}.dark .theme-toggle-wrapper .circle .sun{margin-top:150%;opacity:0}.dark .theme-toggle-wrapper .circle .moon{margin-top:0;opacity:1}.theme-toggle-wrapper:active .circle{width:28px}