.distro-catalog-trigger{color:#fff;text-align:left;overflow-wrap:anywhere;background:#1a1a1a;border:1px solid #555;border-radius:12px;align-items:center;gap:10px;width:100%;min-height:48px;padding:12px 16px;display:flex}.distro-catalog-overlay{z-index:100;background:#000b;position:fixed;inset:0}.distro-catalog-dialog{z-index:101;color:#f5f5f5;background:#141414;border:1px solid #3a3a3a;border-radius:20px;flex-direction:column;width:min(680px,100vw - 24px);max-height:min(820px,100dvh - 24px);font-family:inherit;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 28px 90px #0008}.distro-catalog-dialog button,.distro-catalog-dialog input{font:inherit}.distro-catalog-dialog button{cursor:pointer}.distro-catalog-dialog button:disabled{cursor:default;opacity:.65}.distro-catalog-dialog :focus-visible,.distro-catalog-trigger:focus-visible{outline:2px solid var(--murb-yellow);outline-offset:-3px}.distro-catalog-heading{align-items:flex-start;gap:12px;padding:24px;display:flex}.distro-catalog-heading>div{flex:1;min-width:0}.distro-catalog-heading h2{margin:0 0 6px;font-size:24px}.distro-catalog-heading p{color:#a8a8a8;margin:0;font-size:14px}.distro-catalog-heading button{color:#fff;background:#262626;border:0;border-radius:50%;flex:0 0 44px;place-items:center;min-height:44px;display:grid}.distro-catalog-tools{padding:0 24px 16px}.distro-catalog-tools>label{margin-bottom:8px;font-size:14px;display:block}.distro-catalog-tools input[type=search]{box-sizing:border-box;color:#fff;background:#222;border:1px solid #444;border-radius:12px;width:100%;min-width:0;min-height:48px;padding:10px 14px}.distro-catalog-tools>div{color:#b0b0b0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;margin-top:12px;font-size:13px;display:flex}.distro-catalog-multiple{cursor:pointer;align-items:center;gap:8px;min-height:44px;display:flex}.distro-catalog-multiple input{width:20px;height:20px;accent-color:var(--murb-yellow)}.distro-catalog-results{overscroll-behavior:contain;min-height:0;padding:0 12px 12px;overflow:auto}.distro-catalog-results ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.distro-catalog-row{box-sizing:border-box;color:#fff;text-align:left;background:#1f1f1f;border:1px solid #2e2e2e;border-radius:12px;align-items:center;gap:14px;width:100%;min-height:88px;padding:14px 12px;display:flex}.distro-catalog-row:hover:enabled{border-color:var(--murb-yellow);background:#2a2518}.distro-catalog-row[aria-checked=true],.distro-catalog-row[aria-pressed=true]{border-color:var(--murb-yellow);background:#33291a}.distro-catalog-art{height:56px;color:var(--murb-yellow);background:#2c2c2c;border-radius:8px;flex:0 0 56px;place-items:center;display:grid;overflow:hidden}.distro-catalog-art img{object-fit:cover;width:56px;height:56px}.distro-catalog-song{overflow-wrap:anywhere;flex:1;gap:5px;min-width:0;display:grid}.distro-catalog-song strong{font-size:16px}.distro-catalog-song>span,.distro-catalog-song>small{color:#b8b8b8;font-size:12px}.distro-catalog-badges{flex-wrap:wrap;gap:6px;display:flex}.distro-catalog-badges>span{background:#2c2c2c;border-radius:6px;padding:4px 7px}.distro-catalog-badges .distro-catalog-express{color:var(--murb-yellow)}.distro-catalog-check{color:var(--murb-yellow);flex:0 0 24px;font-size:22px}.distro-catalog-notice{color:#c4c4c4;margin:0;padding:4px 24px 12px;font-size:14px}.distro-catalog-notice p{margin:0}.distro-catalog-notice button,.distro-catalog-empty button,.distro-catalog-footer button{background:var(--murb-yellow);color:#141414;border:0;border-radius:10px;min-height:44px;padding:10px 16px;font-weight:700}.distro-catalog-empty{text-align:center;justify-items:center;gap:16px;padding:32px 12px;display:grid}.distro-catalog-empty p{margin:0;font-size:20px;font-weight:700}.distro-catalog-empty span{color:#a8a8a8;font-size:14px}.distro-catalog-footer{flex-shrink:0;padding:0 24px 16px}.distro-catalog-footer:empty{display:none}.distro-catalog-footer button{width:100%}.distro-catalog-footer p{font-size:14px}@media (max-width:480px){.distro-catalog-heading{padding:16px}.distro-catalog-tools{padding:0 16px 12px}.distro-catalog-row{gap:10px;padding:12px 10px}.distro-catalog-check{flex-basis:16px}.distro-catalog-footer{padding:0 16px 16px}}.distro-catalog-dialog{background:#101010;border-color:#555;border-radius:24px}.distro-catalog-heading{background:#161616;border-bottom:1px solid #363636;margin-bottom:24px;padding:28px}.distro-catalog-heading h2{letter-spacing:-.045em;font-size:28px}.distro-catalog-heading p{color:#bfbfbf;line-height:1.65}.distro-catalog-tools input[type=search]{background:#0b0b0b;border-color:#555;min-height:54px;padding-inline:18px}.distro-catalog-tools input::placeholder{color:#aaa}.distro-catalog-results{padding:0 20px 20px}.distro-catalog-results ul{gap:10px}.distro-catalog-row{background:#161616;border-color:#414141;border-radius:16px;gap:16px;padding:16px}.distro-catalog-art{background:repeating-radial-gradient(circle,#161616 0 4px,#363636 5px 6px);border:1px solid #555;border-radius:12px;flex-basis:64px;width:64px;height:64px}.distro-catalog-art img{width:100%;height:100%}.distro-catalog-song{gap:8px}.distro-catalog-song strong{letter-spacing:-.025em;font-size:16px}.distro-catalog-badges>span{color:#d4d4d4;background:#242424;border:1px solid #444;border-radius:20px;padding:4px 9px}.distro-catalog-footer{background:#161616;border-top:1px solid #414141;padding:18px 24px}.distro-catalog-footer button{min-height:52px}.distro-catalog-footer p{color:#bfbfbf;line-height:1.6}@media (max-width:480px){.distro-catalog-dialog{border-radius:20px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.distro-catalog-heading{margin-bottom:18px;padding:20px}.distro-catalog-heading h2{font-size:25px}.distro-catalog-results{padding:0 12px 16px}.distro-catalog-row{gap:12px;padding:14px 10px}.distro-catalog-art{flex-basis:48px;width:48px;height:48px}.distro-catalog-footer{padding:16px}}
