.library-shelf-toolbar{align-items:center;gap:calc(12px * var(--ui-scale,1));display:flex}.library-shelf-toolbar>.template-library-team{margin-left:auto}.library-shelf-search{width:calc(320px * var(--ui-scale,1));display:block;position:relative}.library-shelf-search>svg{top:50%;left:calc(9px * var(--ui-scale,1));width:calc(14px * var(--ui-scale,1));height:calc(14px * var(--ui-scale,1));color:var(--muted-foreground);pointer-events:none;position:absolute;transform:translateY(-50%)}.library-shelf-search input{padding-left:calc(28px * var(--ui-scale,1))}.library-shelf-empty{align-items:center;gap:calc(4px * var(--ui-scale,1));padding:calc(24px * var(--ui-scale,1)) 0;color:var(--muted-foreground);font-size:var(--font-size-small);margin:0;display:flex}.library-shelf-more{height:calc(32px * var(--ui-scale,1));justify-content:center;align-items:center;display:flex}.library-shelf-sounds{grid-template-columns:repeat(auto-fill, minmax(calc(320px * var(--ui-scale,1)), 1fr));gap:0 calc(24px * var(--ui-scale,1));margin:0;padding:0;list-style:none;display:grid}.library-shelf-sound{grid-template-columns:calc(28px * var(--ui-scale,1)) minmax(0, 1fr) auto calc(28px * var(--ui-scale,1)) auto;align-items:center;gap:calc(8px * var(--ui-scale,1));height:calc(40px * var(--ui-scale,1));border-bottom:1px solid var(--border);font-size:var(--font-size-small);display:grid}.library-shelf-sound>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-shelf-sound>small{color:var(--muted-foreground);font-size:var(--font-size-caption);font-variant-numeric:tabular-nums}.library-shelf-sound[data-playing]>span{color:var(--primary)}.library-shelf-play{width:calc(28px * var(--ui-scale,1));height:calc(28px * var(--ui-scale,1));background:var(--sunk);color:var(--foreground);cursor:pointer;border-radius:50%;place-items:center;display:inline-grid}.library-shelf-play:hover{background:var(--hover)}.library-shelf-play svg{width:calc(12px * var(--ui-scale,1));height:calc(12px * var(--ui-scale,1))}.library-shelf-star{width:calc(28px * var(--ui-scale,1));height:calc(28px * var(--ui-scale,1));border-radius:calc(6px * var(--ui-scale,1));color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.library-shelf-star svg{width:calc(15px * var(--ui-scale,1));height:calc(15px * var(--ui-scale,1))}.library-shelf-star[aria-pressed=true]{color:var(--primary)}.library-shelf-star[aria-pressed=true] svg{fill:currentColor}.library-shelf-star:hover{color:var(--foreground)}.library-shelf-stickers{grid-template-columns:repeat(auto-fill, minmax(calc(128px * var(--ui-scale,1)), 1fr));gap:calc(16px * var(--ui-scale,1)) calc(12px * var(--ui-scale,1));margin:0;padding:0;list-style:none;display:grid}.library-shelf-sticker{gap:calc(6px * var(--ui-scale,1));min-width:0;font-size:var(--font-size-caption);flex-direction:column;display:flex}.library-shelf-sticker>span{height:calc(18px * var(--ui-scale,1));color:var(--muted-foreground);line-height:calc(18px * var(--ui-scale,1));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-shelf-sticker-frame{aspect-ratio:1;border:1px solid var(--border);border-radius:calc(8px * var(--ui-scale,1));background:color-mix(in srgb, var(--foreground) 45%, var(--muted));position:relative;overflow:hidden}.library-shelf-sticker-frame>img{inset:calc(14px * var(--ui-scale,1));width:calc(100% - calc(28px * var(--ui-scale,1)));height:calc(100% - calc(28px * var(--ui-scale,1)));object-fit:contain;position:absolute}.library-shelf[data-kind=effect] .library-shelf-sticker-frame{aspect-ratio:9/16;background:var(--media-mask)}.library-shelf[data-kind=effect] .library-shelf-sticker-frame>img{object-fit:cover;width:100%;height:100%;inset:0}.library-shelf-sticker-frame>.library-shelf-star{top:calc(4px * var(--ui-scale,1));right:calc(4px * var(--ui-scale,1));opacity:0;position:absolute}.library-shelf-sticker-frame>.library-shelf-star[aria-pressed=true]{opacity:1}.library-shelf-sticker-frame>.library-shelf-add{right:calc(8px * var(--ui-scale,1));bottom:calc(8px * var(--ui-scale,1));left:calc(8px * var(--ui-scale,1));opacity:0;position:absolute}.library-shelf-sticker:hover .library-shelf-sticker-frame>*,.library-shelf-sticker-frame:focus-within>*{opacity:1}.library-shelf-sticker:hover .library-shelf-sticker-frame{border-color:color-mix(in srgb, var(--foreground) 22%, var(--border))}