.ss-loop-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-block:.75rem}.ss-loop-tags .ss-chip[aria-pressed=true]{border-color:#2ecbe0;background:#12202a;font-weight:700}.ss-loop-tags .ss-chip[aria-pressed=true]:before{content:"\2714";color:#2ecbe0}.ss-loop-grid{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));margin-block:.75rem}.ss-loop-tile{position:relative;display:block;inline-size:100%;min-block-size:44px;padding:0;overflow:hidden;background:#0e131b;border:1px solid #243040;border-radius:.6rem;cursor:pointer}.ss-loop-tile img{inline-size:100%;block-size:auto;display:block}.ss-loop-tile:hover{border-color:#ff2e6b}.ss-loop-tile:focus-visible{outline:3px solid var(--ss-focus, #ffd166);outline-offset:2px}.ss-loop-play{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);inline-size:2.5rem;block-size:2.5rem;border-radius:50%;display:grid;place-items:center;background:#000000a6;color:#fff;font-size:1rem}.ss-loop-stillnote,.ss-loop-source{display:block;padding:.3rem .4rem;font-size:.72rem;color:#8ba0b3;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-loop-form{display:flex;flex-direction:column;gap:.6rem;max-inline-size:34rem}.ss-loop-form .dl-field{display:flex;flex-direction:column;gap:.25rem}.ss-loop-form .dl-field>span{font-size:.85rem;color:#8ba0b3}.ss-loop-form input,.ss-loop-form select{inline-size:100%;box-sizing:border-box;min-block-size:44px;background:#161c26;color:#d8e8f0;border:1px solid #243040;border-radius:.5rem;padding:.5rem .65rem;font:inherit}.ss-loop-form input:focus-visible,.ss-loop-form select:focus-visible{outline:3px solid var(--ss-focus, #ffd166);outline-offset:2px}.ss-loop-review{background:#0e131b;border:1px solid #243040;border-radius:.75rem;padding:.75rem;grid-column:1 / -1}.ss-loop-review h4{margin:.5rem 0 .25rem}.ss-loop-review p{margin:.15rem 0}@media (max-width: 30rem){.ss-loop-grid{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:.4rem}}.ss-legend-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:.75rem}.ss-legend-filters input,.ss-legend-filters select{min-block-size:44px;background:#161c26;color:#d8e8f0;border:1px solid #243040;border-radius:.5rem;padding:.5rem .65rem;font:inherit}.ss-legend-filters input{flex:1 1 14rem;min-inline-size:0}.ss-legend-filters input:focus-visible,.ss-legend-filters select:focus-visible{outline:3px solid var(--ss-focus, #ffd166);outline-offset:2px}.ss-legend-list{display:flex;flex-direction:column;gap:.75rem}.ss-legend-card{background:#0e131b;border:1px solid #243040;border-radius:.75rem;padding:1rem}.ss-legend-card h3{margin:0 0 .25rem}.ss-legend-synopsis{color:#8ba0b3;margin:.4rem 0 .7rem}.ss-legend-marks{display:grid;gap:.4rem;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr))}.ss-legend-mark{display:flex;align-items:center;justify-content:space-between;gap:.35rem;min-block-size:44px;padding:.35rem .7rem;background:#161c26;color:#d8e8f0;border:1px solid #243040;border-radius:999px;font:inherit;font-size:.85rem;cursor:pointer}.ss-legend-mark[aria-pressed=true]{border-color:#2ecbe0;background:#12202a;font-weight:700}.ss-legend-mark[aria-pressed=true] .ss-legend-mark-count{background:#2ecbe0;color:#06131a}.ss-legend-mark-count{min-inline-size:1.4rem;text-align:center;padding:.05rem .35rem;border-radius:999px;background:#243040;font-size:.78rem}.ss-legend-mark:hover{border-color:#ff2e6b}.ss-legend-mark:focus-visible{outline:3px solid var(--ss-focus, #ffd166);outline-offset:2px}.ss-legend-mark[disabled]{opacity:.55;cursor:not-allowed}.ss-legend-tonight{border-inline-start:3px solid #ff2e6b;padding-inline-start:.9rem;margin-block-end:1.25rem}@media (max-width: 30rem){.ss-legend-filters input,.ss-legend-filters select{flex:1 0 100%}.ss-legend-mark{padding:.35rem .55rem;font-size:.8rem}}