:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--black: hsl(225deg, 16%, 6%);--white: hsl(0deg, 0%, 100%);--gray-1: hsl(233deg, 17%, 9%);--gray-2: hsl(228deg, 19%, 13%);--gray-3: hsl(229deg, 19%, 18%);--gray-4: hsl(229deg, 18%, 27%);--gray-5: hsl(228deg, 16%, 38%);--gray-6: hsl(229deg, 13%, 51%);--gray-7: hsl(228deg, 13%, 63%);--gray-8: hsl(232deg, 11%, 76%);--gray-9: hsl(231deg, 10%, 90%);--gray-10: hsl(240deg, 10%, 94%);--gray-11: hsl(240deg, 12%, 97%);--blue-1: hsl(235deg, 43%, 11%);--blue-2: hsl(234deg, 49%, 17%);--blue-3: hsl(230deg, 55%, 22%);--blue-4: hsl(241deg, 63%, 41%);--blue-5: hsl(239deg, 78%, 58%);--blue-6: hsl(232deg, 96%, 66%);--blue-7: hsl(226deg, 100%, 73%);--blue-8: hsl(224deg, 100%, 83%);--blue-9: hsl(223deg, 100%, 93%);--blue-10: hsl(222deg, 100%, 95%);--blue-11: hsl(222deg, 100%, 98%);--purple-1: hsl(260deg, 41%, 11%);--purple-2: hsl(257deg, 46%, 17%);--purple-3: hsl(258deg, 60%, 24%);--purple-4: hsl(263deg, 72%, 36%);--purple-5: hsl(265deg, 79%, 51%);--purple-6: hsl(262deg, 83%, 64%);--purple-7: hsl(262deg, 88%, 75%);--purple-8: hsl(262deg, 92%, 84%);--purple-9: hsl(263deg, 96%, 94%);--purple-10: hsl(260deg, 98%, 96%);--purple-11: hsl(260deg, 95%, 98%);--magenta-1: hsl(341deg, 35%, 9%);--magenta-2: hsl(327deg, 46%, 14%);--magenta-3: hsl(328deg, 63%, 18%);--magenta-4: hsl(333deg, 73%, 28%);--magenta-5: hsl(337deg, 78%, 39%);--magenta-6: hsl(340deg, 80%, 53%);--magenta-7: hsl(340deg, 81%, 69%);--magenta-8: hsl(340deg, 82%, 82%);--magenta-9: hsl(339deg, 83%, 93%);--magenta-10: hsl(339deg, 83%, 95%);--magenta-11: hsl(340deg, 82%, 98%);--red-1: hsl(356deg, 30%, 9%);--red-2: hsl(2deg, 41%, 14%);--red-3: hsl(3deg, 58%, 19%);--red-4: hsl(4deg, 70%, 32%);--red-5: hsl(5deg, 78%, 45%);--red-6: hsl(5deg, 85%, 57%);--red-7: hsl(6deg, 90%, 69%);--red-8: hsl(5deg, 95%, 82%);--red-9: hsl(4deg, 98%, 93%);--red-10: hsl(4deg, 100%, 95%);--red-11: hsl(5deg, 100%, 98%);--orange-1: hsl(14deg, 43%, 9%);--orange-2: hsl(17deg, 65%, 12%);--orange-3: hsl(22deg, 82%, 15%);--orange-4: hsl(24deg, 94%, 25%);--orange-5: hsl(24deg, 98%, 35%);--orange-6: hsl(24deg, 100%, 49%);--orange-7: hsl(24deg, 100%, 63%);--orange-8: hsl(24deg, 100%, 76%);--orange-9: hsl(24deg, 100%, 89%);--orange-10: hsl(25deg, 100%, 93%);--orange-11: hsl(28deg, 100%, 97%);--yellow-1: hsl(24deg, 20%, 8%);--yellow-2: hsl(24deg, 40%, 11%);--yellow-3: hsl(28deg, 66%, 14%);--yellow-4: hsl(31deg, 80%, 22%);--yellow-5: hsl(34deg, 90%, 31%);--yellow-6: hsl(39deg, 96%, 42%);--yellow-7: hsl(44deg, 95%, 53%);--yellow-8: hsl(47deg, 91%, 65%);--yellow-9: hsl(50deg, 90%, 78%);--yellow-10: hsl(52deg, 91%, 86%);--yellow-11: hsl(51deg, 94%, 94%);--green-1: hsl(172deg, 51%, 6%);--green-2: hsl(162deg, 72%, 8%);--green-3: hsl(158deg, 91%, 10%);--green-4: hsl(158deg, 98%, 16%);--green-5: hsl(159deg, 98%, 24%);--green-6: hsl(159deg, 96%, 37%);--green-7: hsl(159deg, 88%, 50%);--green-8: hsl(158deg, 86%, 65%);--green-9: hsl(158deg, 87%, 82%);--green-10: hsl(158deg, 89%, 88%);--green-11: hsl(157deg, 89%, 95%);--cyan-1: hsl(196deg, 37%, 8%);--cyan-2: hsl(188deg, 68%, 9%);--cyan-3: hsl(187deg, 86%, 11%);--cyan-4: hsl(185deg, 95%, 16%);--cyan-5: hsl(185deg, 96%, 26%);--cyan-6: hsl(182deg, 96%, 38%);--cyan-7: hsl(180deg, 81%, 49%);--cyan-8: hsl(180deg, 81%, 66%);--cyan-9: hsl(180deg, 87%, 78%);--cyan-10: hsl(180deg, 91%, 88%);--cyan-11: hsl(180deg, 92%, 95%);--background-color: var(--gray-11);--app-background-color:var(--white);--app-color: var(--gray-1);--border-color: var(--gray-9);--avatar-bg: #3b82f6;--avatar-text: #ffffff;--button-default-bg: var(--background-color);--button-default-text: var(--gray-1);--button-default-hover: var(--gray-9);--button-default-active: var(--gray-8);--button-tab-default-bg: var(--white);--button-tab-default-text: var(--gray-1);--button-tab-default-hover: var(--gray-11);--button-tab-default-active: var(--gray-9);--button-primary-bg: var(--blue-5);--button-primary-text: var(--blue-11);--button-primary-hover: var(--blue-4);--button-primary-active: var(--blue-5);--status-success-bg: var(--green-11);--status-success-text: var(--green-1);--status-success-shadow: var(--green-10);color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--background-color: var(--gray-1);--app-background-color: var(--gray-2);--app-color: var(--white);--border-color: var(--gray-3);--avatar-bg: #3b82f6;--avatar-text: #ffffff;--button-default-bg: var(--gray-1);--button-default-text: var(--gray-11);--button-default-hover: var(--gray-3);--button-default-hover-text: var(--white);--button-default-active: var(--gray-1);--button-app-bg: var(--gray-2);--button-app-text: var(--gray-10);--button-app-hover: var(--gray-3);--button-app-hover-text: var(--white);--button-app-active: var(--gray-4);--button-primary-bg: var(--blue-5);--button-primary-text: var(--blue-11);--button-primary-hover: var(--blue-4);--button-primary-active: var(--blue-5);--button-tab-default-bg: var(--gray-2);--button-tab-default-text: var(--gray-10);--button-tab-default-hover: var(--gray-3);--button-tab-default-hover-text: var(--white);--button-tab-default-active: var(--gray-4);--status-default-bg: var(--gray-6);--status-default-shadow: none;--status-success-bg: var(--green-2);--status-success-text: var(--green-10);--status-success-shadow: var(--green-3);--status-error-bg: var(--red-5);--status-error-shadow: var(--red-3);--status-warning-bg: var(--yellow-6);--status-warning-shadow: var(--yellow-4)}[data-theme=darkwire]{--background-color: var(--black);--app-background-color: var(--black);--app-color: var(--white);--border-color: var(--white);--avatar-bg: var(--white);--avatar-text: var(--black);--button-default-bg: var(--white);--button-default-text: var(--black);--button-default-hover: var(--black);--button-default-hover-text: var(--white);--button-default-hover-border: var(--white);--button-default-active: var(--gray-1);--button-app-bg: var(--black);--button-app-text: var(--white);--button-app-hover: var(--black);--button-app-hover-text: var(--white);--button-app-active: var(--gray-4);--button-primary-bg: var(--white);--button-primary-text: var(--black);--button-primary-hover: var(--blue-4);--button-primary-active: var(--blue-5);--button-tab-default-bg: var(--black);--button-tab-default-text: var(--white);--button-tab-default-hover: var(--black);--button-tab-default-hover-text: var(--white);--button-tab-default-active: var(--black);--status-default-bg: var(--gray-6);--status-default-shadow: none;--status-success-bg: var(--white);--status-success-text: var(--black);--status-success-shadow: var(--black);--status-error-bg: var(--white);--status-error-shadow: var(--black);--status-warning-bg: var(--white);--status-warning-shadow: var(--black);--tab-button-shadow: var(--white);--hover-border-color: var(--white) }a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-height:100vh;color:var(--app-color)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:all .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:0}.hover:hover{--hover-background-color: var(--button-default-hover);background-color:var(--hover-background-color);box-shadow:inset 0 0 0 1px var(--hover-border-color, transparent)}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:#ddd;border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#646cff;border-radius:50%;cursor:pointer}