.sui-progress{width:100%;height:1rem;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.sui-progress-slider{height:100%;width:0;transition:all .75s ease;border-radius:var(--radius-sm);background-color:var(--primary-base)}.sui-progress.success .sui-progress-slider{background-color:var(--success-base)}.sui-progress.warning .sui-progress-slider{background-color:var(--warning-base)}.sui-progress.danger .sui-progress-slider{background-color:var(--danger-base)}.sui-progress.info .sui-progress-slider{background-color:var(--info-base)}.sui-progress.monochrome .sui-progress-slider{background-color:var(--mono-base)}.sui-alert{--alert-accent: var(--primary-base);display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;border-left:4px solid var(--alert-accent);border-radius:var(--radius-sm) var(--radius-md) var(--radius-md) var(--radius-sm)}.sui-alert-header{display:flex;align-items:flex-start;justify-content:flex-start;gap:.5rem;color:var(--text-normal)}.sui-alert-icon{flex-shrink:0;color:var(--alert-accent)}.sui-alert-title{font-weight:600;font-size:1.125em}.sui-alert[data-variant=default]{--alert-accent: var(--text-normal);color:var(--text-dimmed);background-color:var(--default-base)}.sui-alert[data-variant=primary]{--alert-accent: var(--primary-base);color:var(--text-dimmed);background-color:var(--primary-flat)}.sui-alert[data-variant=success]{--alert-accent: var(--success-base);color:var(--text-dimmed);background-color:var(--success-flat)}.sui-alert[data-variant=warning]{--alert-accent: var(--warning-base);color:var(--text-dimmed);background-color:var(--warning-flat)}.sui-alert[data-variant=danger]{--alert-accent: var(--danger-vibrant);color:var(--text-dimmed);background-color:var(--danger-flat)}.sui-alert[data-variant=info]{--alert-accent: var(--info-vibrant);color:var(--text-dimmed);background-color:var(--info-flat)}.sui-alert[data-variant=mono]{--alert-accent: var(--mono-base);color:var(--text-dimmed);background-color:var(--mono-flat)}#sui-toaster{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:100;pointer-events:none;color:var(--text-normal)}#sui-toast-drawer{max-width:420px;width:100%;height:fit-content;position:absolute;display:flex;flex-direction:column}#sui-toaster.top-left #sui-toast-drawer,#sui-toaster.bottom-left #sui-toast-drawer{left:50%;transform:translate(-50%)}.sui-toast-container{pointer-events:all;padding:1rem;border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--background-base);box-shadow:0 4px 8px var(--shadow);display:flex;flex-direction:column;gap:.5rem;position:relative;overflow:hidden;margin-bottom:var(--gap);animation:toast-pop-in .25s ease forwards;z-index:90}.sui-toast-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.sui-toast-header-left-side{display:flex;flex-direction:row;gap:.5rem;align-items:center;font-weight:500;font-size:1.125em}.sui-toast-header-left-side svg{color:var(--primary-base)}.sui-toast-container.success .sui-toast-header-left-side svg{color:var(--success-base)}.sui-toast-container.warning .sui-toast-header-left-side svg{color:var(--warning-base)}.sui-toast-container.danger .sui-toast-header-left-side svg{color:var(--danger-vibrant)}.sui-toast-container.info .sui-toast-header-left-side svg{color:var(--info-vibrant)}.sui-toast-container.mono .sui-toast-header-left-side svg{color:var(--mono-base)}.sui-toast-progress-bar{position:absolute;height:4px;width:100%;bottom:0;left:0%;background-color:var(--primary-base);animation:toast-progress forwards linear}.sui-toast-container.paused .sui-toast-progress-bar{animation-play-state:paused}.sui-toast-container.success .sui-toast-progress-bar{background-color:var(--success-base)}.sui-toast-container.warning .sui-toast-progress-bar{background-color:var(--warning-base)}.sui-toast-container.danger .sui-toast-progress-bar{background-color:var(--danger-vibrant)}.sui-toast-container.info .sui-toast-progress-bar{background-color:var(--info-vibrant)}.close-icon-container{cursor:pointer;height:1.5rem;width:1.5rem;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease;border-radius:var(--radius-sm)}.close-icon-container:hover{background-color:var(--default-base)}.close-icon-container:focus-visible{outline:2px solid var(--text-normal);outline-offset:2px}.sui-toast-container.closing{animation:toast-closing .25s ease forwards}.sui-toast-container.persistent{border:1px solid var(--primary-base)}.sui-toast-container.persistent.success{border:1px solid var(--success-base)}.sui-toast-container.persistent.warning{border:1px solid var(--warning-base)}.sui-toast-container.persistent.danger{border:1px solid var(--danger-base)}@keyframes toast-pop-in{0%{opacity:0;scale:.75}to{opacity:1;scale:1}}@keyframes toast-closing{0%{opacity:1;scale:1;max-height:500px;margin-bottom:var(--gap);padding:1rem;border:1px solid var(--border)}62.5%{scale:.75;opacity:0;max-height:500px;margin-bottom:var(--gap);padding:1rem;border:1px solid var(--border)}to{scale:.75;opacity:0;max-height:0px;margin-bottom:0;padding:0;border:0px solid var(--border)}}@keyframes toast-progress{0%{left:0%}to{left:-100%}}.top-level{font-size:1.125em;margin-bottom:.75rem}.checkbox-container{display:flex;flex-direction:row;align-items:center}.new-child-container{opacity:0}.checkbox-container:hover .new-child-container{opacity:1}.children{margin-left:2rem}.add-new{display:flex;flex-direction:row;align-items:center;color:var(--text-muted)!important;gap:.625rem;padding-left:.125rem;margin-top:.5rem;cursor:pointer;font-size:.825em;width:fit-content}.add-new:hover{text-decoration:underline}.sui-checkmark-label{margin-top:.75rem}*{font-family:var(--comic-neue);font-weight:300}main{margin:auto;width:60ch}header{display:flex;flex-direction:row;gap:.5rem;align-items:center}.progress-container{display:flex;flex-direction:column;gap:1rem}small{display:flex;flex-direction:row;gap:.5rem;align-items:center;width:100%;justify-content:end;color:var(--text-muted);margin-bottom:1rem}small *{font-weight:500}h1{font-weight:700;width:100%}.sui-alert-header{align-items:center}.sui-alert{margin-top:4rem}.sui-alert-content>*{margin-top:0;font-weight:400!important}.sui-alert-content a{width:fit-content}