@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&family=Share+Tech+Mono&display=swap);:root{--bg:#f8fafc;--accent:#e2e8f0;--text:#1e293b;--time:250ms;--ff-mono:"Share Tech Mono",monospace;--ff-sans:"Poppins",sans-serif;font-size:16px}*{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;color:#1e293b;color:var(--text);font-weight:bolder;margin:0;padding:0}html{scrollbar-width:none}body{min-height:100vh;width:100%}body::-webkit-scrollbar{display:none}button,button:focus{border:none;cursor:pointer;outline:none}svg{display:flex}hr{border:.5px solid #e2e8f0;border-color:var(--accent)}.container{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.copied{background-color:#1e293b;background-color:var(--text);border-radius:.4rem;bottom:2rem;color:#e2e8f0;color:var(--accent);font-family:Share Tech Mono,monospace;font-family:var(--ff-mono);font-size:1.4rem;left:50%;letter-spacing:.2rem;padding:.2rem .4rem;position:fixed;transform:translateX(-50%)}@media only screen and (max-width:1100px){.container{overflow-x:visible}}.color-picker{flex-direction:column}.color-picker,.color-picker .variants{display:flex;height:100%;width:100%}.color-picker .shade{cursor:pointer;display:grid;font-family:var(--ff-mono);height:100px;place-items:center;transition:.1s;-webkit-user-select:none;user-select:none;width:10vw}.color-picker .shade:hover{transform:scale(1.2)}.color-picker .shade:active{transform:scale(1.1)}.color-picker .shade:hover span{display:block}.color-picker .shade span{display:none;font-size:.8rem;pointer-events:none}@media only screen and (max-width:1100px){.color-picker .shade{min-width:150px}.color-picker .shade:hover{transform:scale(1)}.color-picker .shade:active{transform:scale(.9)}.color-picker .shade:active span{display:block}}nav{padding:1rem}.brand,nav{align-items:center;display:flex;width:100%}.brand{gap:1rem}.brand svg{height:3rem;min-width:5rem}.brand span{display:inline-flex}.brand span h1{font-family:var(--ff-sans);font-size:2rem;font-weight:600}.brand span h1:last-of-type{background:linear-gradient(126deg,#7676d4 10%,#9c5ec1 43%,#e27ba4);-webkit-background-clip:text;background-clip:text;color:#0000;font-weight:700}.links{display:flex;gap:1rem}.links .btn{background-color:var(--accent);border-radius:.2rem;padding:.5rem;transition:all var(--time)}.links .btn svg{height:1rem;width:1rem}.links .btn:active,.links .btn:hover{filter:brightness(.95)}@media only screen and (max-width:760px){.brand{gap:.5rem}.brand svg{height:2rem;min-width:3rem}.brand span h1{font-size:1.4rem}.links{gap:.5rem}.links .btn:hover{filter:none}.links .btn:active{filter:brightness(.95)}}
/*# sourceMappingURL=main.58f52d85.css.map*/