input[type=radio].radio{appearance:none;cursor:pointer;background:#121212;border:4px solid #fff;border-radius:50%;width:20px;height:20px;transition:transform .15s,background-color .25s;position:relative}input[type=radio].radio:hover{transform:scale(1.05)}input[type=radio].radio:checked{background:#fff}input[type=radio].radio:checked:after{content:"";background:#121212;border-radius:50%;position:absolute;inset:4px}input[type=radio].radio:focus-visible{outline:none}input[type=radio].radio:disabled{opacity:.5;cursor:not-allowed}
input[type=range].slider{-webkit-appearance:none;cursor:pointer;background:0 0}input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;background:#121212;border:4px solid #fff;border-radius:50%;width:20px;height:20px;margin-top:-8px;transition:transform .15s}input[type=range].slider::-webkit-slider-thumb:hover{transform:scale(1.05)}input[type=range].slider::-webkit-slider-runnable-track{background:#292929;border-radius:999px;height:.5em}input[type=range].slider::-moz-range-thumb{background:#121212;border:4px solid #fff;border-radius:50%;width:20px;height:20px}input[type=range].slider::-moz-range-track{background:#292929;border-radius:999px;height:.5em}input[type=range].slider::-moz-range-progress{background:#fff;border-radius:999px;height:.5em}
.glowBlwe{background:radial-gradient(300px,#60a5fa 0%,#60a5faa6 20%,#60a5fa4d 40%,#60a5fa14 60%,#60a5fa05 75%,#0000 100%)}.glowPurple{background:radial-gradient(300px,#c084fc 0%,#c084fca6 20%,#c084fc4d 40%,#c084fc14 60%,#c084fc05 75%,#0000 100%)}.glowTeal{background:radial-gradient(300px,#34d399 0%,#34d399a6 20%,#34d3994d 40%,#34d39914 60%,#34d39905 75%,#0000 100%)}
.animate-marquee{animation:marquee var(--duration,30s)linear infinite}.animate-marquee-reverse{animation:marquee-reverse var(--duration,30s)linear infinite}.animate-marquee-pause:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.separate-gradient{background:linear-gradient(90deg,#fff0 0%,#fff9 10% 90%,#fff0 100%)}
input[type=color].color-picker{appearance:none;cursor:pointer;background:#292929;border:2px solid #fff;border-radius:999px;width:48px;height:24px;padding:0;transition:transform .15s}input[type=color].color-picker::-webkit-color-swatch-wrapper{padding:2px}input[type=color].color-picker::-webkit-color-swatch{border:none;border-radius:999px}input[type=color].color-picker:hover{transform:scale(1.03)}input[type=color].color-picker:focus-visible{outline:none}input[type=text].text-input{appearance:none;color:#fff;background:#121212;border:1px solid #ffffff1a;border-radius:.75em;max-width:80px;padding:8px 12px;font-size:.875rem;line-height:1;transition:background-color .25s,transform .15s,border-color .25s}input[type=text].text-input::placeholder{color:#999}input[type=text].text-input:focus-visible{background:#171717;border:1px solid #fff;outline:none}input[type=text].text-input:disabled{opacity:.5;cursor:not-allowed}
input[type=checkbox].switch{appearance:none;cursor:pointer;background:#292929;border-radius:999px;width:44px;height:24px;transition:background-color .25s;position:relative}input[type=checkbox].switch:before{content:"";box-sizing:border-box;background:#121212;border:4px solid #fff;border-radius:50%;width:20px;height:20px;transition:transform .25s;position:absolute;top:2px;left:2px}input[type=checkbox].switch:checked{background:#fff}input[type=checkbox].switch:checked:before{transform:translate(20px)}input[type=checkbox].switch:hover:before{transform:scale(1.05)}input[type=checkbox].switch:checked:hover:before{transform:translate(20px)scale(1.05)}input[type=checkbox].switch:focus-visible{outline:none}