.rel{gap:8px;display:grid}.rel__h{font:600 11px/1 var(--ik-font-body);letter-spacing:var(--ik-track-label);text-transform:uppercase;color:var(--ik-text-2);align-items:center;gap:8px;margin:0;display:flex}.rel__n{opacity:.7;font-weight:700}.rel__none{font:400 14px/1.5 var(--ik-font-body);color:var(--ik-text-2);margin:0}.rel__list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.rel__row{border-radius:var(--ik-r-md);align-items:stretch;display:flex;position:relative}.rel__row:hover{background:var(--ik-fill)}.rel__open{border-radius:var(--ik-r-md);min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:1px 12px;padding:9px 10px;display:grid}.rel__open:active{transform:scale(.99)}.rel__ic{border-radius:var(--ik-r-sm);width:34px;height:34px;box-shadow:inset 0 0 0 var(--ik-hair) var(--ik-rule);grid-row:1/span 3;place-items:center;display:grid}.rel__ic svg{width:17px;height:17px}.rel__t{font:600 14px/1.3 var(--ik-font-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rel__s{font:500 12px/1.3 var(--ik-font-body);color:var(--ik-text-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rel__r{font:400 13px/1.45 var(--ik-font-body);color:var(--ik-text-2)}.rel__x{opacity:0;align-self:center;margin-right:4px}.rel__row:hover .rel__x,.rel__row:focus-within .rel__x{opacity:1}@media (hover:none){.rel__x{opacity:1}}.rel--compact{flex-wrap:wrap;gap:6px;display:flex}.rel__chip{background:var(--ik-fill);max-width:100%;color:var(--ik-text);font:600 12px/1.2 var(--ik-font-body);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 9px;display:inline-flex;position:relative}.rel__chip:hover{box-shadow:inset 0 0 0 var(--ik-hair) var(--ik-text-2)}.rel__chip:active{transform:scale(.97)}.rel__chip svg{flex:none;width:14px;height:14px}.rel__chip span{text-overflow:ellipsis;white-space:nowrap;max-width:240px;overflow:hidden}.rel__chip[data-why]:not([data-why=""]):after{content:attr(data-why);z-index:20;border-radius:var(--ik-r-md);background:var(--ik-solid);width:max-content;max-width:min(300px,80vw);color:var(--ik-on-solid);font:500 12px/1.4 var(--ik-font-body);white-space:normal;text-align:left;pointer-events:none;opacity:0;transition:opacity var(--ik-quick,.12s ease), transform var(--ik-quick,.12s ease);padding:8px 12px;position:absolute;bottom:calc(100% + 6px);left:0;transform:translateY(2px)}.rel__chip:hover:after,.rel__chip:focus-visible:after{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.rel__chip:after{transition:none}}:root[data-depth=raised] .rel__ic{background:var(--sx-well);box-shadow:var(--sx-recess)}:root[data-depth=raised] .rel__row:hover{background:var(--sx-cap);box-shadow:var(--sx-rim), var(--sx-bevel), var(--sx-lift-sm)}:root[data-depth=raised] .rel__open:active{background:var(--sx-cap-down);box-shadow:var(--sx-rim), var(--sx-bevel-down);transform:translateY(1px)}:root[data-depth=raised] .rel__chip{background:var(--sx-cap);box-shadow:var(--sx-rim), var(--sx-bevel), var(--sx-lift-sm);transition:transform 90ms var(--ik-quick,ease), box-shadow .12s, filter .12s}:root[data-depth=raised] .rel__chip:hover{filter:brightness(1.07);box-shadow:var(--sx-rim), var(--sx-bevel), var(--sx-lift-sm)}:root[data-depth=raised] .rel__chip:active{background:var(--sx-cap-down);box-shadow:var(--sx-rim), var(--sx-bevel-down);transform:translateY(1px)}:root[data-depth=raised] .rel__chip[data-why]:not([data-why=""]):after{background:var(--sx-cap-lit);box-shadow:var(--sx-rim), var(--sx-bevel), var(--sx-lift-md)}@media (prefers-reduced-motion:reduce){:root[data-depth=raised] .rel__chip{transition:none;transform:none!important}}