@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";:root{font-family:DM Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000de;background-color:#ededed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}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:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.panel-pillow{background-color:#fff;border-radius:var(--radius-md);display:inline-flex;gap:.7rem;padding:var(--spacing-1)}:root{--primary-hue: 296;--primary-sat: 99%;--primary-light: 47%;--secondary-hue: 280;--secondary-sat: 85%;--secondary-light: 60%;--danger-hue: 0;--danger-sat: 85%;--danger-light: 55%;--success-hue: 140;--success-sat: 80%;--success-light: 45%;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--bg-base: white;--text-base: hsl(0, 0%, 10%);--btn-transitions: background-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease}.btn{background:none;border:none;display:inline-flex;align-items:center;justify-content:center;font-weight:500;font-family:inherit;cursor:pointer;position:relative;overflow:hidden;isolation:isolate;transition:var(--btn-transitions);outline:none;--btn-hue: var(--primary-hue);--btn-sat: var(--primary-sat);--btn-light: var(--primary-light);--color-base: hsl(var(--btn-hue), var(--btn-sat), var(--btn-light));--color-burnt: hsl(calc(var(--btn-hue) - 10), var(--btn-sat), calc(var(--btn-light) - 12%));--color-hover: hsl(var(--btn-hue), var(--btn-sat), calc(var(--btn-light) - 8%));--color-hover-burnt: hsl(calc(var(--btn-hue) - 10), var(--btn-sat), calc(var(--btn-light) - 30%));--color-active: hsl(var(--btn-hue), var(--btn-sat), calc(var(--btn-light) - 90%));--color-active-burnt: hsl(calc(var(--btn-hue) - 10), var(--btn-sat), calc(var(--btn-light) - 100%))}.btn[data-size=sm]{padding:var(--spacing-1) var(--spacing-2);font-size:.875rem}.btn[data-size=md]{padding:var(--spacing-2) var(--spacing-3);font-size:1rem}.btn[data-size=lg]{padding:var(--spacing-3) var(--spacing-4);font-size:1.125rem}.btn[data-rounded=none]{border-radius:0}.btn[data-rounded=sm]{border-radius:var(--radius-sm)}.btn[data-rounded=md]{border-radius:var(--radius-md)}.btn[data-rounded=lg]{border-radius:var(--radius-lg)}.btn[data-rounded=full]{border-radius:var(--radius-full)}.btn[data-color=primary]{--btn-hue: var(--primary-hue);--btn-sat: var(--primary-sat);--btn-light: var(--primary-light)}.btn[data-color=secondary]{--btn-hue: var(--secondary-hue);--btn-sat: var(--secondary-sat);--btn-light: var(--secondary-light)}.btn[data-color=danger]{--btn-hue: var(--danger-hue);--btn-sat: var(--danger-sat);--btn-light: var(--danger-light)}.btn[data-color=success]{--btn-hue: var(--success-hue);--btn-sat: var(--success-sat);--btn-light: var(--success-light)}.btn[data-variant=filled]{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.btn[data-variant=filled]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:linear-gradient(180deg,var(--color-base) 0%,var(--color-burnt) 100%)}.btn[data-variant=filled]:hover{transform:translateY(-1px)}.btn[data-variant=filled]:hover:before{background:linear-gradient(180deg,var(--color-hover) 0%,var(--color-burnt) 100%)}.btn[data-variant=filled]:active{transform:translateY(0)}.btn[data-variant=filled]:active:before{background:linear-gradient(180deg,var(--color-active) 0%,var(--color-active-burnt) 100%)}.btn[data-variant=outline]{background:var(--bg-base);color:var(--color-base);position:relative}.btn[data-variant=outline]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;border:2px solid var(--color-base);transition:border-color .2s ease}.btn[data-variant=outline]:hover{color:var(--color-hover);transform:translateY(-1px)}.btn[data-variant=outline]:hover:before{border-color:var(--color-hover)}.btn[data-variant=outline]:active{background:linear-gradient(180deg,hsla(var(--btn-hue),var(--btn-sat),var(--btn-light),.05),hsla(var(--btn-hue),var(--btn-sat),calc(var(--btn-light) - 15%),.05));color:#000;transform:translateY(0)}.btn[data-variant=outline]:active:before{border:2px solid black}.btn[data-variant=icon]{aspect-ratio:1;padding:var(--spacing-2);--color-burnt: hsl(calc(var(--btn-hue) - 40), var(--btn-sat), calc(var(--btn-light) - 1%));color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.btn[data-variant=icon][data-size=sm]{padding:var(--spacing-1)}.btn[data-variant=icon][data-size=md]{padding:calc(var(--spacing-2)/1.5)}.btn[data-variant=icon][data-size=lg]{padding:var(--spacing-2)}.btn[data-variant=icon]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:linear-gradient(180deg,var(--color-base) 0%,var(--color-burnt) 100%)}.btn[data-variant=icon]:hover{transform:translateY(-1px) scale(1.05)}.btn[data-variant=icon]:hover:before{background:linear-gradient(180deg,var(--color-hover) 0%,var(--color-burnt) 100%)}.btn[data-variant=icon]:active{transform:translateY(0) scale(1.01);box-shadow:0 2px 12px hsla(var(--btn-hue),var(--btn-sat),var(--btn-light),.5)}.btn[data-variant=icon]:active:before{background:linear-gradient(180deg,var(--color-hover) 0%,var(--color-burnt) 100%)}.btn[data-variant=icon-bright]{aspect-ratio:1;padding:var(--spacing-2);background:var(--bg-base);color:#000;position:relative}.btn[data-variant=icon-bright][data-size=sm]{padding:var(--spacing-1)}.btn[data-variant=icon-bright][data-size=md]{padding:calc(var(--spacing-2)/1.5)}.btn[data-variant=icon-bright][data-size=lg]{padding:var(--spacing-2)}.btn[data-variant=icon-bright]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;transition:all .2s ease}.btn[data-variant=icon-bright]:hover{color:var(--color-base);transform:scale(1.05)}.btn[data-variant=icon-bright]:hover:before{border-color:var(--color-hover);border-width:2px}.btn[data-variant=icon-bright]:active{transform:scale(1.01);box-shadow:0 2px 12px hsla(var(--btn-hue),var(--btn-sat),var(--btn-light),.5)}.btn[data-variant=icon-bright]:active:before{border-color:var(--color-active)}.btn:focus{outline:none}.btn:focus-visible{outline:1.75px solid black;outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.dropdown-btn{background:#fff;border:none;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);font-weight:500;font-family:inherit;cursor:pointer;position:relative;overflow:visible;transition:background-color .15s ease,border-color .15s ease,color .15s ease;outline:none;--btn-hue: var(--primary-hue);--btn-sat: var(--primary-sat);--btn-light: var(--primary-light);--color-base: hsl(var(--btn-hue), var(--btn-sat), var(--btn-light));--color-active: hsl(var(--btn-hue), var(--btn-sat), calc(var(--btn-light) - 90%));--color-active-burnt: hsl(calc(var(--btn-hue) - 10), var(--btn-sat), calc(var(--btn-light) - 100%));color:#000}.dropdown-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:2px solid transparent;transition:border-color .15s ease}.dropdown-btn[data-size=sm]{padding:var(--spacing-1) var(--spacing-2);font-size:.875rem}.dropdown-btn[data-size=md]{padding:var(--spacing-2) var(--spacing-3);font-size:1rem}.dropdown-btn[data-size=lg]{padding:var(--spacing-3) var(--spacing-4);font-size:1.125rem}.dropdown-btn[data-rounded=none]{border-radius:0}.dropdown-btn[data-rounded=sm]{border-radius:var(--radius-sm)}.dropdown-btn[data-rounded=md]{border-radius:var(--radius-md)}.dropdown-btn[data-rounded=lg]{border-radius:var(--radius-lg)}.dropdown-btn[data-rounded=full]{border-radius:var(--radius-full)}.dropdown-btn[data-color=primary]{--btn-hue: var(--primary-hue);--btn-sat: var(--primary-sat);--btn-light: var(--primary-light)}.dropdown-btn[data-color=secondary]{--btn-hue: var(--secondary-hue);--btn-sat: var(--secondary-sat);--btn-light: var(--secondary-light)}.dropdown-btn[data-color=danger]{--btn-hue: var(--danger-hue);--btn-sat: var(--danger-sat);--btn-light: var(--danger-light)}.dropdown-btn[data-color=success]{--btn-hue: var(--success-hue);--btn-sat: var(--success-sat);--btn-light: var(--success-light)}.dropdown-btn:hover,.dropdown-btn[data-open=true]{background:color-mix(in oklch,var(--color-base) 12.5%,white)}.dropdown-btn:hover:after,.dropdown-btn[data-open=true]:after{border-color:hsla(var(--btn-hue),var(--btn-sat),var(--btn-light),.33)}.dropdown-btn:active{background:hsl(var(--btn-hue),var(--btn-sat),var(--btn-light));color:#fff}.dropdown-btn:active:after{border-color:transparent}.dropdown-btn:focus{outline:none}.dropdown-btn:focus-visible{outline:1.75px solid black;outline-offset:2px}.dropdown-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.dropdown-btn__content{flex:1;text-align:left}.dropdown-btn__chevron{flex-shrink:0;transition:transform .2s ease,stroke .15s ease;will-change:transform}.tooltip-container{position:relative;display:inline-block}.tooltip{position:absolute!important;box-sizing:border-box;padding:var(--spacing-3) var(--spacing-4);font-size:var(--tooltip-font-size);color:var(--tooltip-color);background-color:var(--tooltip-bg);border-radius:var(--radius-sm);opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:50;width:var(--tooltip-max-width, auto);white-space:nowrap;backdrop-filter:blur(var(--tooltip-blur, 0));-webkit-backdrop-filter:blur(var(--tooltip-blur, 0));box-shadow:var(--tooltip-shadow, -2px 2px 6px rgba(0, 0, 0, .25))}.tooltip[style*=--tooltip-max-width]{white-space:normal;overflow-wrap:break-word}.tooltip-container:hover .tooltip,.tooltip--open{opacity:1;transition-delay:var(--tooltip-delay)}.tooltip--top{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--spacing-2)}.tooltip--bottom{top:100%;left:50%;transform:translate(-50%);margin-top:var(--spacing-2)}.tooltip--left{right:100%;top:50%;transform:translateY(-50%);margin-right:var(--spacing-2)}.tooltip--right{left:100%;top:50%;transform:translateY(-50%);margin-left:var(--spacing-2)}.tooltip--floating.tooltip--top,.tooltip--floating.tooltip--bottom,.tooltip--floating.tooltip--left,.tooltip--floating.tooltip--right{top:auto;bottom:auto;left:auto;right:auto;margin:0;transform:none}.tooltip__arrow{position:absolute;width:0;height:0;border-style:solid;border-color:transparent}.tooltip--top .tooltip__arrow{left:50%;transform:translate(-50%);top:100%;border-width:4px 4px 0 4px;border-top-color:var(--tooltip-bg)}.tooltip--bottom .tooltip__arrow{left:50%;transform:translate(-50%);bottom:100%;border-width:0 4px 4px 4px;border-bottom-color:var(--tooltip-bg)}.tooltip--left .tooltip__arrow{top:50%;transform:translateY(-50%);left:100%;border-width:4px 0 4px 4px;border-left-color:var(--tooltip-bg)}.tooltip--right .tooltip__arrow{top:50%;transform:translateY(-50%);right:100%;border-width:4px 4px 4px 0;border-right-color:var(--tooltip-bg)}:root{--transition-form: .12s ease}.context-menu{position:absolute;background:var(--bg-base);border:1px solid hsl(0,0%,85%);border-radius:var(--radius-sm);box-shadow:0 4px 12px #00000026;padding:var(--spacing-1) var(--spacing-1);min-width:200px;z-index:1000;-webkit-user-select:none;user-select:none;animation:contextMenuFadeIn var(--transition-form) ease-out;--menu-depth: 0;z-index:calc(1000 + var(--menu-depth));display:flex;flex-direction:column}.context-menu-portal .context-menu{position:static}.context-menu[data-placement=top],.context-menu-portal[data-placement=top] .context-menu{flex-direction:column-reverse}.context-menu-portal[data-placement=top] .context-menu{animation:contextMenuFadeInFlipped var(--transition-form) ease-out}@keyframes contextMenuFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes contextMenuFadeInFlipped{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.context-menu-content{display:flex;flex-direction:column;background:var(--bg-base);border:1px solid hsl(0,0%,85%);border-radius:var(--radius-sm);box-shadow:0 4px 12px #00000026;padding:var(--spacing-1) var(--spacing-1);min-width:200px;animation:contextMenuFadeIn var(--transition-form) ease-out}.context-menu-content[data-placement=top] .context-menu-flyout,.context-menu[data-placement=top] .context-menu-flyout{flex-direction:column;bottom:0;top:auto}.context-menu-item{display:block;width:100%;background:none;border:none;text-align:left;cursor:pointer;border-radius:var(--radius-sm);font-family:inherit;font-size:.875rem;color:var(--text-base);padding:calc(var(--spacing-1)*1.5) var(--spacing-2);transition:background-color var(--transition-form),color var(--transition-form);position:relative}.context-menu-item:hover:not(:disabled):not(.is-flyout-active){background:#e8e8e8}.context-menu-item:hover:active:not(:disabled),.context-menu-item:active:not(:disabled){background:hsl(var(--primary-hue),var(--primary-sat),var(--primary-light));color:#fff}.context-menu-item:disabled{opacity:.4;cursor:not-allowed}.context-menu-item:focus{outline:none}.context-menu-item[data-focused=true]:not(:hover):not(.is-flyout-active):not(:disabled){background:hsla(var(--primary-hue),var(--primary-sat),var(--primary-light),.1);outline:2px solid hsl(var(--primary-hue),var(--primary-sat),var(--primary-light));outline-offset:-2px}.context-menu-item[data-focused=true]:hover:not(:disabled):not(.is-flyout-active){background:hsl(var(--primary-hue),var(--primary-sat),var(--primary-light));color:#fff;outline:none}.context-menu-item[data-focused=true]:hover:not(:disabled):not(.is-flyout-active) .context-menu-item__subtitle-inline,.context-menu-item[data-focused=true]:hover:not(:disabled):not(.is-flyout-active) .context-menu-item__subtitle-below,.context-menu-item[data-focused=true]:hover:not(:disabled):not(.is-flyout-active) .context-menu-item__icon{color:#fff}.context-menu-item[data-focused=true]:active:not(:disabled):not(.is-flyout-active){background:hsl(var(--primary-hue),var(--primary-sat),var(--primary-light));color:#fff;outline:none}.context-menu-item[data-focused=true]:active:not(:disabled):not(.is-flyout-active) .context-menu-item__subtitle-inline,.context-menu-item[data-focused=true]:active:not(:disabled):not(.is-flyout-active) .context-menu-item__subtitle-below,.context-menu-item[data-focused=true]:active:not(:disabled):not(.is-flyout-active) .context-menu-item__icon{color:#fff}.context-menu-item.is-flyout-active:not(:disabled){background:hsl(var(--primary-hue),var(--primary-sat),var(--primary-light))!important;color:#fff!important;outline:none!important}.context-menu-item.is-flyout-active:not(:disabled) .context-menu-item__subtitle-inline,.context-menu-item.is-flyout-active:not(:disabled) .context-menu-item__subtitle-below,.context-menu-item.is-flyout-active:not(:disabled) .context-menu-item__icon{color:#fff!important}.context-menu-item__content{display:flex;flex-direction:column}.context-menu-item__row{display:flex;align-items:center;gap:var(--spacing-2);position:relative;padding-right:1.3rem}.context-menu-item[data-icon=none] .context-menu-item__row{padding-right:0}.context-menu-item__label{font-weight:500;flex:1}.context-menu-item__subtitle-inline{font-size:.75rem;font-weight:300;color:gray;white-space:nowrap;transition:color var(--transition-form)}.context-menu-item__icon{position:absolute;right:0;top:50%;transform:translateY(-50%) translate(25%);display:flex;align-items:center;justify-content:center;width:1.5rem;height:100%;transition:color var(--transition-form);pointer-events:none}.context-menu-item__subtitle-below{font-size:.75rem;font-weight:300;color:gray;line-height:1.3;margin-top:var(--spacing-1);transition:color var(--transition-form)}.context-menu-item:active:not(:disabled) .context-menu-item__subtitle-inline,.context-menu-item:active:not(:disabled) .context-menu-item__subtitle-below,.context-menu-item:active:not(:disabled) .context-menu-item__icon{color:#fff}.context-menu-item[data-icon=none] .context-menu-item__icon{display:none}.context-menu-label{padding:var(--spacing-1) var(--spacing-2);padding-top:var(--spacing-1);font-size:.82rem;font-weight:300;text-transform:capitalize;color:gray;letter-spacing:.05em;-webkit-user-select:none;user-select:none}.context-menu-flyout-wrapper{position:relative}.context-menu-flyout{position:absolute;left:100%;top:calc(var(--spacing-1) * -1);margin-left:var(--spacing-2);background:var(--bg-base);border:1px solid hsl(0,0%,85%);border-radius:var(--radius-sm);box-shadow:0 4px 12px #00000026;padding:var(--spacing-1) var(--spacing-1);min-width:180px;z-index:1001;animation:flyoutSlideIn .15s ease-out;display:flex;flex-direction:column}.context-menu-flyout.is-closing{pointer-events:none;animation:flyoutSlideOut .15s ease-in forwards}.context-menu-flyout:before{content:"";position:absolute;right:100%;top:0;bottom:0;width:var(--spacing-2);background:transparent;pointer-events:auto}.context-menu[data-placement=top] .context-menu-flyout,.context-menu-portal[data-placement=top] .context-menu-flyout,.context-menu-content[data-placement=top] .context-menu-flyout{flex-direction:column-reverse;bottom:calc(var(--spacing-1) * -1);top:auto}@keyframes flyoutSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes flyoutSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-8px)}}.context-menu-item:active:not(:disabled),.context-menu-item[data-pressed=true]:not(:disabled){background:hsl(var(--primary-hue),var(--primary-sat),var(--primary-light))!important;color:#fff}.context-menu-item:active:not(:disabled) .context-menu-item__subtitle-inline,.context-menu-item:active:not(:disabled) .context-menu-item__subtitle-below,.context-menu-item:active:not(:disabled) .context-menu-item__icon,.context-menu-item[data-pressed=true]:not(:disabled) .context-menu-item__subtitle-inline,.context-menu-item[data-pressed=true]:not(:disabled) .context-menu-item__subtitle-below,.context-menu-item[data-pressed=true]:not(:disabled) .context-menu-item__icon{color:#fff}.divider-v{width:1px;background:#d9d9d9;margin:var(--spacing-1) var(--spacing-1)}.divider-h{height:1px;background:#d9d9d9;margin:var(--spacing-1) var(--spacing-1)}