@property --composer-ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.composer-ring{border-radius:var(--radius-xl,.75rem);transition:box-shadow .5s cubic-bezier(.22,1,.36,1);position:relative}.composer-ring:before,.composer-ring:after{content:"";border-radius:calc(var(--radius-xl,.75rem) + 1.5px);opacity:0;pointer-events:none;-webkit-mask-composite:xor;padding:1.5px;transition:opacity .45s cubic-bezier(.22,1,.36,1);position:absolute;inset:-1.5px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude}.composer-ring:before{background:conic-gradient(from var(--composer-ring-angle), var(--brand) 0deg, var(--brand) 12deg, transparent 60deg 360deg)}@supports (color:color-mix(in lab, red, red)){.composer-ring:before{background:conic-gradient(from var(--composer-ring-angle), var(--brand) 0deg, color-mix(in oklch, var(--brand), transparent 40%) 12deg, transparent 60deg 360deg)}}.composer-ring:after{background:var(--brand)}@supports (color:color-mix(in lab, red, red)){.composer-ring:after{background:color-mix(in oklch, var(--brand), transparent 55%)}}.composer-ring:focus-within{box-shadow:0 20px 60px -32px var(--brand), 0 4px 16px -8px var(--brand)}@supports (color:color-mix(in lab, red, red)){.composer-ring:focus-within{box-shadow:0 20px 60px -32px color-mix(in oklch, var(--brand), transparent 55%), 0 4px 16px -8px color-mix(in oklch, var(--brand), transparent 80%)}}.composer-ring:focus-within:before{animation:.9s cubic-bezier(.22,1,.36,1) forwards composer-ring-sweep}.composer-ring:focus-within:after{opacity:1;transition-delay:.76s}@keyframes composer-ring-sweep{0%{opacity:1;--composer-ring-angle:0deg}85%{opacity:.6}to{opacity:0;--composer-ring-angle:360deg}}@media (prefers-reduced-motion:reduce){.composer-ring:focus-within:before{opacity:0;animation:none}.composer-ring:focus-within:after{transition-delay:0s}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}.typed-caret{background:var(--brand);border-radius:1px;width:2px;height:1em;margin-left:2px;animation:.9s steps(2,end) infinite caret-blink;display:inline-block;translate:0 .14em}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}