@layer quartz-base{.quiet-outline{--quiet-outline-accent:#62e6c7;--quiet-outline-line:color-mix(in srgb, var(--darkgray) 18%, transparent);--quiet-outline-track:color-mix(in srgb, var(--gray) 46%, var(--light) 54%);--quiet-outline-hover:color-mix(in srgb, var(--darkgray) 16%, transparent);--quiet-outline-active-bg:color-mix(in srgb, var(--darkgray) 18%, transparent);flex-direction:column;gap:.45rem;min-height:1.4rem;display:flex;overflow:hidden}.quiet-outline-toolbar{grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:.28rem;display:grid}.quiet-outline-action{background:color-mix(in srgb, var(--light) 78%, var(--dark));border:1px solid var(--lightgray);color:var(--darkgray);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:0;display:inline-flex}.quiet-outline-action:hover{color:var(--dark);border-color:color-mix(in srgb, var(--quiet-outline-accent) 62%, var(--lightgray))}.quiet-outline-search{background:color-mix(in srgb, var(--light) 84%, var(--dark));border:1px solid var(--lightgray);box-sizing:border-box;color:var(--dark);font:inherit;border-radius:4px;outline:none;width:100%;min-width:0;height:1.75rem;padding:0 .5rem}.quiet-outline-search:focus{border-color:color-mix(in srgb, var(--quiet-outline-accent) 70%, var(--lightgray));box-shadow:0 0 0 2px color-mix(in srgb, var(--quiet-outline-accent) 20%, transparent)}.quiet-outline-level-bar{grid-template-columns:repeat(var(--quiet-outline-level-count), minmax(0, 1fr));align-items:center;height:1rem;display:grid;position:relative}.quiet-outline-level-track{background:var(--quiet-outline-track);height:3px;left:calc(50% / var(--quiet-outline-level-count));right:calc(50% / var(--quiet-outline-level-count));border-radius:999px;position:absolute;top:calc(50% - 1.5px);overflow:hidden}.quiet-outline-level-fill{background:var(--quiet-outline-accent);height:100%;width:var(--quiet-outline-level-fill,0%);transition:width .15s;display:block}.quiet-outline-level-dot{background:color-mix(in srgb, var(--darkgray) 38%, var(--light));border:1px solid color-mix(in srgb, var(--darkgray) 42%, transparent);cursor:pointer;z-index:1;border-radius:50%;justify-self:center;width:.48rem;height:.48rem;padding:0;position:relative}.quiet-outline-level-dot.passed{background:var(--quiet-outline-accent);border-color:var(--quiet-outline-accent)}.quiet-outline-level-dot.active{background:var(--dark);border-color:var(--quiet-outline-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--quiet-outline-accent) 35%, transparent);width:.58rem;height:.58rem}.quiet-outline-tree{overscroll-behavior:contain;min-height:0;padding:.1rem 1.8rem 0 0;overflow:visible auto}.quiet-outline-tree ul{margin:0;padding:0;list-style:none;position:relative}.quiet-outline-tree ul ul{margin-left:.88rem;padding-left:.62rem}.quiet-outline-tree ul ul:before{background:var(--quiet-outline-line);content:"";width:1px;position:absolute;top:0;bottom:.35rem;left:.06rem}.quiet-outline-tree .quiet-outline-item{margin:0}.quiet-outline-tree .quiet-outline-item.collapsed>ul,.quiet-outline-tree .quiet-outline-item.search-hidden{display:none}.quiet-outline.is-searching .quiet-outline-tree .quiet-outline-item.collapsed>ul,.quiet-outline.is-searching .quiet-outline-tree .quiet-outline-item.search-visible>ul{display:block}.quiet-outline-tree .quiet-outline-row{box-sizing:border-box;border-radius:2px;grid-template-columns:.82rem minmax(0,1fr);align-items:center;gap:.06rem;min-height:1.35rem;padding:.03rem .08rem .03rem 0;display:grid;position:relative}.quiet-outline-tree .quiet-outline-row:after{background:color-mix(in srgb, var(--light) 84%, var(--dark));border:1px solid color-mix(in srgb, var(--quiet-outline-accent) 48%, var(--lightgray));color:var(--quiet-outline-accent);content:attr(data-heading-level);opacity:0;pointer-events:none;z-index:2;border-radius:3px;padding:.12rem .2rem;font-size:.62rem;font-weight:600;line-height:1;transition:opacity .12s;position:absolute;top:50%;right:-.3rem;transform:translate(100%,-50%)}.quiet-outline-tree .quiet-outline-row:hover{background:var(--quiet-outline-hover)}.quiet-outline-tree .quiet-outline-item.active>.quiet-outline-row{background:var(--quiet-outline-active-bg)}.quiet-outline-tree .quiet-outline-item.active>.quiet-outline-row:after{opacity:1}.quiet-outline-tree .quiet-outline-toggle{color:var(--gray);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:.82rem;height:1.2rem;padding:0;display:inline-flex}.quiet-outline-tree .quiet-outline-toggle svg{transition:transform .15s;transform:rotate(90deg)}.quiet-outline-tree .quiet-outline-item.collapsed>.quiet-outline-row .quiet-outline-toggle svg{transform:rotate(0)}.quiet-outline-tree .quiet-outline-switcher-spacer{width:.82rem;height:1rem}.quiet-outline-tree a{color:var(--dark);opacity:.82;text-overflow:ellipsis;white-space:nowrap;padding:.03rem .2rem;font-size:.92rem;font-weight:400;line-height:1.25rem;transition:color .15s,opacity .15s;display:block;overflow:hidden}.quiet-outline-tree a:hover,.quiet-outline-tree a.active,.quiet-outline-tree .quiet-outline-item.matches-search>.quiet-outline-row a{color:var(--quiet-outline-accent);opacity:1}.quiet-outline-tree .level-1>.quiet-outline-row a{font-weight:600}.quiet-outline-tree .level-3>.quiet-outline-row a,.quiet-outline-tree .level-4>.quiet-outline-row a,.quiet-outline-tree .level-5>.quiet-outline-row a,.quiet-outline-tree .level-6>.quiet-outline-row a{font-size:.88rem}}