/* A single treatment for dismissing dialogs, popovers, and inline players. */
:is(dialog,.connection-panel,.review-inline-player) button:is(.dialog-close,.review-inline-close) {
 display:grid;
 place-items:center;
 flex:none;
 width:36px;
 height:36px;
 min-width:36px;
 min-height:36px;
 padding:0;
 border:2px solid var(--border);
 border-radius:50%;
 background:var(--panel);
 color:var(--ink);
 box-shadow:2px 2px 0 #000;
 font:600 23px/1 'DM Sans',sans-serif;
 transform:none;
 transition:background .15s,color .15s,transform .15s,box-shadow .15s;
}
:is(dialog,.connection-panel,.review-inline-player) button:is(.dialog-close,.review-inline-close):is(:hover,:focus-visible) {
 background:var(--coral);
 color:var(--on-accent,#252628);
 transform:translateY(-1px);
 box-shadow:2px 3px 0 #000;
}
:is(dialog,.connection-panel,.review-inline-player) button:is(.dialog-close,.review-inline-close):focus-visible {
 outline:3px solid var(--ink);
 outline-offset:3px;
}
:is(dialog,.connection-panel,.review-inline-player) button:is(.dialog-close,.review-inline-close):active {
 transform:translate(1px,1px);
 box-shadow:1px 1px 0 #000;
}
@media(max-width:760px){
 :is(dialog,.connection-panel,.review-inline-player) button:is(.dialog-close,.review-inline-close) {width:44px;height:44px;min-width:44px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){
 :is(dialog,.connection-panel,.review-inline-player) button:is(.dialog-close,.review-inline-close) {transition:none}
}