.cabinet-connections{background:linear-gradient(135deg,#17273b99,#0c142180);border:1px solid #65788e66;border-radius:1.5rem .4rem;min-width:0;margin-block:clamp(2rem,5vw,4rem);padding:clamp(1.25rem,3vw,2.5rem);box-shadow:inset 0 0 0 5px #c1cddd05}.cabinet-connections__heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.cabinet-connections h2{margin:.5rem 0 0;font-size:clamp(1.5rem,2.7vw,2.2rem);line-height:1.2}.cabinet-tags{flex-wrap:wrap;gap:.6rem;margin:1.5rem 0;padding:0;list-style:none;display:flex}.cabinet-tags a{color:#cfdaea;border:1px solid #90a6c366;border-radius:999px;padding:.45rem .9rem;font-size:.85rem;text-decoration:none;display:inline-block}.cabinet-tags a:hover,.cabinet-tags a[aria-current=true]{color:#fff3d9;background:#27405c;border-color:#b5a16c}.cabinet-connections__list{gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.cabinet-connections__list li{border-top:1px solid #92a2bb33;gap:.5rem;padding-top:1rem;display:grid}.cabinet-connections__list li>span{letter-spacing:.08em;color:#adbdd2;font-size:.78rem}.cabinet-connections__list a{font-family:var(--font-display,serif);overflow-wrap:anywhere;font-size:1.35rem}.cabinet-browser{gap:2rem;display:grid}.cabinet-browser__form{flex-wrap:wrap;align-items:end;gap:1rem;display:flex}.cabinet-browser__form label{flex:15rem;gap:.5rem;display:grid}.cabinet-browser__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:1.5rem;display:grid}.cabinet-browser__card{background:linear-gradient(145deg,#18273c99,#0c1421);border:1px solid #65788e66;border-radius:1rem .3rem;flex-direction:column;gap:1rem;min-width:0;padding:1.25rem;text-decoration:none;display:flex}.cabinet-browser__image{aspect-ratio:4/3;background:#0b121d;border:1px solid #8d805066;border-radius:.5rem;place-items:center;display:grid;overflow:hidden}.cabinet-browser__image img{object-fit:contain;width:100%;height:100%;max-height:20rem}.cabinet-browser__image span{color:#a1b2ca;font-size:2.5rem}.cabinet-browser__card h2{overflow-wrap:anywhere;margin:0;font-size:1.5rem;line-height:1.3}.cabinet-browser__card p{color:#bbc7d8;margin:0;font-size:.95rem;line-height:1.6}.cabinet-browser__card small{color:#c1ab76}.cabinet-browser__card>span:last-child{color:#c2cfe0;margin-top:auto}.cabinet-browser__card:hover{border-color:#bca573;box-shadow:0 8px 30px #0003}.cabinet-browser__count{color:#b6c3d5;font-size:.9rem}@media (max-width:600px){.cabinet-connections__heading{flex-direction:column;align-items:start}.cabinet-browser__form>*{width:100%}}.cabinet-browser__image{position:relative}.cabinet-browser__image img{object-fit:contain;width:100%;height:100%;max-height:none;position:absolute;inset:0}.cabinet-browser__form :is(input:not([type=hidden]),select){color:#e4e4dc;width:100%;min-width:0;min-height:48px;font:inherit;background:#0a121e;border:1px solid #8199b477;border-radius:.45rem;padding:.8rem 1rem;line-height:1.4}.cabinet-browser__form input::placeholder{color:#a9b8cd}.cabinet-browser__form :is(input,select,a,button):focus-visible{outline-offset:4px;outline:2px solid #c4ad78}.cabinet-browser__card:focus-visible{outline-offset:4px;outline:2px solid #c4ad78}.cabinet-tags a:focus-visible{outline-offset:4px;outline:2px solid #c4ad78}
