.library-stage{--library-trigger-width:144px;padding:24px}@media (width<=640px){.library-stage{padding-inline:16px}}.library-demo{gap:24px;width:min(100%,620px);display:grid}.library-copy{max-width:46rem}.library-copy h1{margin:0;font-size:2.25rem}.library-trigger{border:1px solid var(--color-line);background:var(--color-surface);width:100%;min-height:44px;color:var(--color-text);text-align:left;cursor:pointer;border-radius:12px;outline:none;justify-content:space-between;align-items:center;padding:0 12px 0 16px;font-weight:700;transition:color .2s,border-color .2s,background .2s;display:flex}.library-trigger:is([data-expanded],[aria-expanded=true],[data-open]){color:var(--color-accent);border-color:var(--color-accent)}.library-trigger:is([data-expanded],[aria-expanded=true],[data-open]):after{translate:2px}.library-trigger:after{content:"";aspect-ratio:1;border-block-start:2px solid;border-inline-end:2px solid;width:7px;transition:translate .2s;rotate:45deg}.library-trigger:focus-visible{outline:3px solid color-mix(in oklab, var(--color-accent) 35%, transparent);outline-offset:2px}@media (hover:hover) and (pointer:fine){.library-trigger:hover{color:var(--color-accent);border-color:var(--color-accent)}}.library-menu-button{width:var(--library-trigger-width)}.library-menu-button:after{rotate:135deg}.library-popover{--library-menu-width:220px;width:var(--library-menu-width);border:1px solid var(--color-line);background:var(--color-surface);box-shadow:var(--shadow-popover);color:var(--color-text);border-radius:12px;padding:8px}.library-menu{border:0;outline:none;gap:1px;width:100%;margin:0;padding:0;list-style:none;display:grid}.library-menu-item{width:100%;min-height:40px;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;outline:none;align-items:center;padding:0 12px;font-size:.875rem;font-weight:700;display:flex}.library-menu-item:focus-visible{outline:2px solid color-mix(in oklab, var(--color-accent) 45%, transparent);outline-offset:-2px}@media (hover:hover) and (pointer:fine){.library-menu-item:hover{background:var(--color-surface-hover)}}.library-submenu-trigger{justify-content:space-between}.library-submenu-trigger:after{content:"";aspect-ratio:1;border-block-start:2px solid;border-inline-end:2px solid;width:7px;rotate:45deg}