.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ex{gap:var(--al-space-6)}.ex--detail{padding-top:var(--al-space-5)}.ex-toolbar{justify-content:space-between;align-items:center;gap:var(--al-space-4);flex-wrap:wrap;display:flex}.ex-tabs{gap:var(--al-space-1);padding:var(--al-space-1);background:var(--al-paper);border-radius:var(--al-radius-pill);border:1px solid #d9d4c7;display:inline-flex}.ex-tabs a{padding:var(--al-space-2) 20px;border-radius:var(--al-radius-pill);font-size:15px;font-weight:500;text-decoration:none}.ex-tabs a:hover{background:#18212614}.ex-tabs a[aria-current=page]{background:var(--al-ink);color:var(--al-paper)}.ex-search{gap:var(--al-space-3);flex-wrap:wrap;align-items:center;display:flex}.ex-search input[type=search],.ex-search select{font:inherit;color:var(--al-ink);background:var(--al-paper);border:1.5px solid var(--al-slate);border-radius:var(--al-radius-control);padding:10px var(--al-space-4);font-size:15px}.ex-search input[type=search]{width:340px;max-width:100%}.ex-search .button{font:inherit;cursor:pointer;background:0 0;border:0;font-weight:700}.ex-section{gap:var(--al-space-5);flex-direction:column;display:flex}.ex-head{justify-content:space-between;align-items:baseline;gap:var(--al-space-3);flex-wrap:wrap;display:flex}.ex-head h2{font-size:24px}.ex-head p{font-size:14px}.ex-grid{gap:var(--al-space-5);grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.ex-card{background:var(--al-paper);border-radius:var(--al-radius-panel);padding:var(--al-space-4) var(--al-space-4) 20px;gap:var(--al-space-3);flex-direction:column;display:flex;position:relative}.ex-card__title{font-size:18px}.ex-card__title a{text-decoration:none}.ex-card__title a:after{content:"";border-radius:var(--al-radius-panel);position:absolute;inset:0}.ex-card:hover .ex-card__title a{text-decoration:underline}.ex-card__meta{align-items:center;gap:var(--al-space-2);color:var(--al-slate);flex-wrap:wrap;font-size:13px;display:flex}.ex-card__size{margin-left:auto;font-size:13px}.ex-badge{padding:2px var(--al-space-2);border-radius:var(--al-radius-pill);background:var(--al-warm);color:var(--al-slate);border:1px solid #d9d4c7;font-size:12px;font-weight:500;display:inline-block}.ex-theme{aspect-ratio:16/9;object-fit:cover;background:#11161a;border-radius:12px;width:100%;height:auto;display:block}.ex-swatches{border-radius:12px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.ex-swatch{justify-content:center;align-items:center;gap:var(--al-space-2);aspect-ratio:8/9;flex-direction:column;display:flex}.ex-swatch img{max-width:80%;max-height:80%;image-rendering:pixelated}.ex-swatch--dark{color:var(--al-paper);background:#1b1b1d}.ex-swatch--light{background:#f1f1f1}.ex-swatch figcaption{font-size:14px}.ex-sound{align-items:center;gap:var(--al-space-3);min-height:96px;padding:var(--al-space-4);background:#e6f0f3;border-radius:12px;display:flex}.ex-listen{z-index:1;font:inherit;cursor:pointer;border:0;font-weight:700;position:relative}.ex-sound__name{color:var(--al-slate);min-width:0;font-size:13px}.ex-sound--large{justify-content:center;min-height:160px}.ex-sound--large audio{width:100%}.ex-empty{text-align:center;padding:56px var(--al-space-6);align-items:center}.ex-empty p{color:var(--al-slate);max-width:40em}.ex-pager{align-items:center;gap:var(--al-space-4);display:flex}.ex-crumbs{color:var(--al-slate);font-size:14px}.ex-main{grid-template-columns:minmax(0,640px) minmax(0,1fr);align-items:start;gap:40px;display:grid}.ex-preview{gap:var(--al-space-3)}.ex-info{flex-direction:column;gap:20px;min-width:0;display:flex}.ex-info h1{font-size:40px}.ex-by{color:var(--al-slate);font-size:15px}.ex-by a{color:var(--al-ink);font-weight:500}.ex-tags{align-items:center;gap:var(--al-space-2);flex-wrap:wrap;display:flex}.ex-box{background:var(--al-paper);padding:14px var(--al-space-4);gap:var(--al-space-2);border:1px solid #d9d4c7;border-radius:12px;flex-direction:column;display:flex}.ex-box__head{justify-content:space-between;align-items:center;gap:var(--al-space-3);display:flex}.ex-box__head h2{font-size:14px}.ex-copy{font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 14px;font-size:13px;font-weight:700}.ex-code__text{font-size:13px}.ex-code a{font-size:14px;font-weight:500}.ex-file__row{justify-content:space-between;gap:var(--al-space-3);display:flex}.ex-hash{font-size:12px}.ex-download{text-align:center;padding-block:14px;font-size:16px}.ex-how ol{gap:var(--al-space-3);flex-direction:column;padding-left:1.4em;display:flex}.ex-how h2{font-size:22px}.ex-foot a{color:var(--al-ink)}@media (width<=960px){.ex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ex-main{grid-template-columns:1fr}}@media (width<=720px){.ex-grid{grid-template-columns:1fr}.ex-tabs{width:100%;display:flex}.ex-tabs a{text-align:center;padding-inline:var(--al-space-2);flex:1}.ex-search{width:100%}.ex-search input[type=search]{flex:1;width:auto;min-width:0}.ex-info h1{font-size:30px}.ex-empty{padding:var(--al-space-6) var(--al-space-4)}}.ex-account{align-items:center;gap:var(--al-space-3) var(--al-space-4);flex-wrap:wrap;display:flex}.ex-account__links{align-items:center;gap:var(--al-space-4);flex-wrap:wrap;font-size:15px;font-weight:500;display:flex}.ex-inline{display:inline}.ex-linklike{font:inherit;color:var(--al-ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:500;text-decoration:underline}.ex-badge--ok{color:#1b5e20;background:#e3f2e5}.ex-badge--bad{color:#8c1d18;background:#fbe4e2}.ex-badge--wait{background:#fff1dc}.ex-error,.ex-notice-error{border-left-color:#b3261e}.ex-form{gap:var(--al-space-5)}.ex-field{flex-direction:column;gap:6px;min-width:0;display:flex}.ex-field label,.ex-field>span,.ex-kinds legend{font-size:14px;font-weight:700}.ex-field input:not([type=file]),.ex-field textarea,.ex-field select{font:inherit;color:var(--al-ink);background:var(--al-paper);border:1.5px solid var(--al-slate);border-radius:var(--al-radius-control);padding:10px var(--al-space-4);width:100%;font-size:15px}.ex-field textarea{resize:vertical}.ex-row{gap:var(--al-space-5);grid-template-columns:1fr 1fr;display:grid}.ex-kinds{gap:var(--al-space-2);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.ex-kinds legend{margin-bottom:6px}.ex-kind{border-radius:var(--al-radius-pill);cursor:pointer;border:1px solid #d9d4c7;align-items:center;gap:6px;padding:8px 16px;font-size:15px;font-weight:500;display:inline-flex}.ex-kind.is-on{background:var(--al-ink);color:var(--al-paper)}.ex-confirm{align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.ex-confirm input{margin-top:3px}.ex-rules{background:var(--al-warm);border-radius:var(--al-radius-control);padding:var(--al-space-3) var(--al-space-4);flex-direction:column;gap:4px;display:flex}.ex-actions{gap:var(--al-space-3);flex-wrap:wrap;justify-content:flex-end;display:flex}.ex-actions .button,.ex-mine__meta .button{font:inherit;cursor:pointer;border:0;font-weight:700}.button--danger{background:var(--al-paper);color:#b3261e;box-shadow:inset 0 0 0 2px #b3261e}.ex-list{gap:var(--al-space-3);flex-direction:column;padding:0;list-style:none;display:flex}.ex-mine{background:var(--al-paper);padding:var(--al-space-4) 20px;justify-content:space-between;align-items:center;gap:var(--al-space-3);border-radius:16px;flex-wrap:wrap;display:flex}.ex-mine h2{font-size:18px}.ex-mine__meta{align-items:center;gap:var(--al-space-3);flex-wrap:wrap;display:flex}.ex-review{gap:var(--al-space-6);grid-template-columns:320px 1fr;align-items:start;display:grid}.ex-review h2{font-size:22px}.ex-review__body{gap:var(--al-space-3);flex-direction:column;min-width:0;display:flex}.ex-review__actions{gap:var(--al-space-3);flex-direction:column;display:flex}.ex-review__preview audio{width:100%}@media (width<=720px){.ex-row,.ex-review{grid-template-columns:1fr}}.ex-more summary{cursor:pointer;font-size:14px;font-weight:500}.ex-more__body{gap:var(--al-space-4);padding-top:var(--al-space-4);flex-direction:column;display:flex}