@import "https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500&family=Instrument+Serif:ital@1&family=IBM+Plex+Mono:wght@400;500&display=swap";
.ql{--ql-paper:#e9e8e4;--ql-ink:#111;--ql-muted:#6b6a66;--ql-line:#11111138;--ql-indigo:#3933b8;background:var(--ql-paper);color:var(--ql-ink);font-family:Outfit,IBM Plex Sans,ui-sans-serif,system-ui,sans-serif;font-weight:300}.ql-serif{font-family:Instrument Serif,Georgia,Times New Roman,serif;font-style:italic;font-weight:400}.ql-mono{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.ql-input{border:0;border-bottom:1px solid var(--ql-line);width:100%;color:var(--ql-ink);background:0 0;border-radius:0;outline:none;padding:.6rem 0 .7rem;font-size:1.125rem;font-weight:300;transition:border-color .16s}.ql-input::placeholder{color:#11111152}.ql-input{caret-color:var(--ql-indigo)}.ql-field{position:relative}.ql-field:after{content:"";background:var(--ql-ink);transform-origin:0;height:1.5px;transition:transform .45s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.ql-field:focus-within:after{transform:scaleX(1)}.ql-input:disabled{color:var(--ql-muted)}.ql-label{letter-spacing:.16em;text-transform:uppercase;color:var(--ql-muted);font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;font-weight:400;display:block}.ql-pill{isolation:isolate;background:var(--ql-ink);color:#f4f3ef;border-radius:9999px;justify-content:center;align-items:center;gap:.9rem;font-weight:300;transition:background-color .16s,transform .16s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 10px 30px -12px #1111118c}.ql-pill:after{content:"";z-index:-1;background:linear-gradient(110deg,#0000 30%,#ffffff24 50%,#0000 70%);transition:transform .7s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;transform:translate(-120%)}.ql-pill:hover:not(:disabled):after{transform:translate(120%)}.ql-pill:hover:not(:disabled){background:#1f1f1f}.ql-spinner{border:1.5px solid #f4f3ef59;border-top-color:#f4f3ef;border-radius:9999px;width:1rem;height:1rem;animation:.8s linear infinite ql-spin}@keyframes ql-spin{to{transform:rotate(360deg)}}.ql-grain{z-index:40;pointer-events:none;opacity:.32;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.44 0 0 0 0 0.42 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.ql-card{z-index:41;background:#fff;border-radius:32px;position:relative;box-shadow:0 1px #1111110a,0 30px 80px -30px #11111159,0 10px 20px -10px #1111111f}.ql-pill:active:not(:disabled){transform:scale(.99)}.ql-pill:disabled{opacity:.5}.ql-ring{border:1px solid var(--ql-ink);border-radius:9999px;justify-content:center;align-items:center;transition:background-color .16s;display:inline-flex}.ql-ring:hover{background:#1111110f}.ql :focus-visible{outline:2px solid var(--ql-indigo);outline-offset:3px}.ql-rise{animation:.7s cubic-bezier(.2,.7,.2,1) both ql-rise}@keyframes ql-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ql-rise,.ql-spinner{animation:none}.ql-pill:after,.ql-field:after{transition:none}}
