.theme-toggle{--border-color-1:rgba(60,60,60,.29);--border-color-2:rgba(84,84,84,.65);--border-color-3:#8e8e8e;--box-shadow:0 1px 2px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.06);--icon-black:#767676;--icon-white:hsla(0,0%,100%,.87);--bg-white:#fff;--bg-white-1:#f1f1f1;--bg-black-1:#1a1a1a;--bg-black-2:#2f2f2f;animation-duration:.25s;background-color:var(--bg-white-1);border-color:var(--border-color-1);border-radius:11px;border-style:solid;border-width:1px;display:block;height:22px;position:relative;transition-duration:.25s;width:40px}.theme-toggle:where(.dark,.dark *){background-color:var(--bg-black-2);border-color:var(--border-color-2)}.theme-toggle:hover{border-color:var(--border-color-3)}.theme-toggle-check{animation-duration:.25s;background-color:var(--bg-white);border-radius:9999px;box-shadow:var(--box-shadow);height:18px;left:1px;position:absolute;top:1px;transition-duration:.25s;width:18px}.theme-toggle-check:where(.dark,.dark *){--tw-translate-x:18px;background-color:var(--bg-black-1);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.theme-toggle-icon{border-radius:9999px;display:block;height:18px;overflow:hidden;position:relative;width:18px}.theme-toggle-appearance-sun{display:block;height:12px;left:3px;position:absolute;top:3px;width:12px;fill:var(--icon-black);opacity:1}.theme-toggle-appearance-sun:where(.dark,.dark *){fill:var(--icon-white);animation-duration:.25s;opacity:0;transition-duration:.25s}.theme-toggle-appearance-moon{display:block;height:12px;left:3px;position:absolute;top:3px;width:12px;fill:var(--icon-white);opacity:0}.theme-toggle-appearance-moon:where(.dark,.dark *){fill:var(--icon-white);animation-duration:.25s;opacity:1;transition-duration:.25s}.hamburger-toggle{align-items:center;display:flex;justify-content:center}.hamburger-container{height:14px;overflow:hidden;position:relative;width:16px}.hamburger-top{left:0;top:0;--tw-translate-x:0px}.hamburger-toggle:hover .hamburger-top,.hamburger-top{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hamburger-toggle:hover .hamburger-top{--tw-translate-x:4px}.hamburger-middle{left:0;top:6px;--tw-translate-x:8px}.hamburger-middle,.hamburger-toggle:hover .hamburger-middle{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hamburger-toggle:hover .hamburger-middle{--tw-translate-x:0px}.hamburger-bottom{left:0;top:12px;--tw-translate-x:4px}.hamburger-bottom,.hamburger-toggle:hover .hamburger-bottom{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hamburger-toggle:hover .hamburger-bottom{--tw-translate-x:8px}.hamburger-bottom,.hamburger-middle,.hamburger-top{height:2px;position:absolute;width:16px;--tw-bg-opacity:1;background-color:rgb(33 53 71/var(--tw-bg-opacity))}.hamburger-bottom:where(.dark,.dark *),.hamburger-middle:where(.dark,.dark *),.hamburger-top:where(.dark,.dark *){background-color:#ffffffde}.hamburger-bottom,.hamburger-middle,.hamburger-top{transition:top .25s,background-color .5s,transform .25s}.hamburger-toggle.is-active .hamburger-top{--tw-translate-x:0px;--tw-rotate:225deg}.hamburger-toggle.is-active .hamburger-middle,.hamburger-toggle.is-active .hamburger-top{top:6px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hamburger-toggle.is-active .hamburger-middle{--tw-translate-x:16px}.hamburger-toggle.is-active .hamburger-bottom{top:6px;--tw-translate-x:0px;--tw-rotate:135deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hamburger-toggle.is-active:hover .hamburger-bottom,.hamburger-toggle.is-active:hover .hamburger-middle,.hamburger-toggle.is-active:hover .hamburger-top{background-color:#3c3c3cb3}.hamburger-toggle.is-active:hover .hamburger-bottom:where(.dark,.dark *),.hamburger-toggle.is-active:hover .hamburger-middle:where(.dark,.dark *),.hamburger-toggle.is-active:hover .hamburger-top:where(.dark,.dark *){background-color:#ebebeb99}.bg-grid{--border-color:var(--color)}.dark .bg-grid{--border-color:var(--dark-color)}.bg-grid{background-image:linear-gradient(to right,var(--border-color) 1px,transparent 1px),linear-gradient(to bottom,var(--border-color) 1px,transparent 1px);background-size:var(--size) var(--size)}
