@layer components{.library_wrap{--background:#000;--background-2:var(--black);--background-3:color-mix(in lab, var(--black) 85%, white);background:var(--background);min-height:100svh;color:var(--text);flex-direction:column;display:flex}.library_header{padding:var(--space-4) var(--space-5) 0}.library_logo{width:5.5rem;color:var(--text);display:block}.library_main{padding:var(--space-8) var(--space-5) var(--space-8);flex:auto}@media (max-width:60rem){.library_header,.library_main{padding-inline:var(--site-gutter)}}.preview_wrap{width:100%;height:auto;color:var(--text);display:block}.preview_wrap-mirror{transform:scaleX(-1)}.preview_line{fill:currentColor;opacity:.55}.preview_faint{fill:currentColor;opacity:.22}.preview_block{fill:currentColor;opacity:.12}.preview_button{fill:var(--brand-500);opacity:.9}.card_wrap{padding:var(--space-3);background:var(--background-2);border-radius:var(--radius-main);flex-direction:column;display:flex}.card_wrap[hidden]{display:none}.card_wrap{transition:opacity var(--open-duration) var(--open-ease)}.card_wrap[data-fade]{opacity:0}.card_preview{display:grid;position:relative;overflow:hidden}.card_shot{aspect-ratio:4/3;border-radius:var(--radius-small);width:100%;height:auto;display:block}.card_shot-light,.card_shot-dark{transition:opacity var(--open-duration) var(--open-ease);grid-area:1/1}.card_shot-dark,.card_wrap[data-theme=dark] .card_shot-light{opacity:0}.card_wrap[data-theme=dark] .card_shot-dark{opacity:1}.card_shot-placeholder{background:var(--background-3);align-items:flex-start;display:flex}.card_body{padding:var(--space-1) var(--space-2);flex:auto}.card_theme{inset:auto var(--space-2) var(--space-2) auto;color:var(--text);background-color:var(--background-2);border-radius:var(--radius-round);transition:background-color var(--hover-duration) var(--hover-ease), color var(--hover-duration) var(--hover-ease);flex-direction:row-reverse;gap:.5em;padding:.45em .45em .45em .7em;font-size:.875rem;position:absolute}.card_wrap .card_theme.form-choice.toggle .form-choice_mark{width:2.5em;height:1.4em}.card_wrap .card_theme.form-choice.toggle .form-choice_mark:after{width:1em;height:1em}.card_wrap .card_theme.form-choice.toggle:has(:checked) .form-choice_mark:after{translate:1.2em}.card_theme .form-choice_text{font-size:inherit}.card_theme .form-choice_mark{--_mark:var(--background-3)}.card_actions{gap:var(--space-2);padding:0 var(--space-2) var(--space-2);flex-wrap:wrap;display:flex}.button_wrap.card_copy,.button_wrap.card_open{white-space:nowrap;flex:5rem;min-width:0}.card_copy-mark,.card_open-mark{flex:none;width:1.1em;height:1.1em}.card_copy .button_text,.card_open .button_text{align-items:center;gap:.5em;display:inline-flex}.card_copy-mark-done,.card_copy[data-copied] .card_copy-mark-copy{display:none}.card_copy[data-copied] .card_copy-mark-done{display:block}.filters_wrap{gap:var(--space-1);flex-wrap:wrap;display:flex}.filters_chip{font:inherit;font-size:var(--text-small);line-height:var(--line-height-small);color:var(--text);background-color:var(--background-2);border:var(--border-width) solid transparent;border-radius:var(--radius-round);cursor:pointer;appearance:none;transition:background-color var(--hover-duration) var(--hover-ease), color var(--hover-duration) var(--hover-ease), border-color var(--hover-duration) var(--hover-ease);padding:.5em .9em;display:inline-flex;position:relative}.filters_input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}@media (hover:hover){.filters_chip:hover:not(:has(:checked)){background-color:var(--background-3)}}.filters_chip:has(:checked),.filters_wrap:not(:has(:checked)) .filters_all{color:var(--background);background-color:var(--text)}.filters_chip:has(:focus-visible),.filters_all:focus-visible{outline:var(--focus-width) solid var(--text);outline-offset:var(--focus-offset)}.grid_wrap{max-width:var(--max-width-main);margin-inline:auto}.grid_head{align-items:end;gap:var(--space-4) var(--space-6);margin-bottom:var(--space-6);grid-template-columns:minmax(0,1fr) auto;display:grid}.grid_head .filters_wrap{justify-content:flex-end;max-width:44rem}@media (max-width:60rem){.grid_head{grid-template-columns:minmax(0,1fr)}.grid_head .filters_wrap{justify-content:flex-start;max-width:none}}.grid_wrap .grid_cards{--_gap-size:var(--space-5)}}