.framed>.frame-head{align-items:center;gap:4px;display:flex}.framed>.frame-head>:is(strong,h2,h3,.title):first-child{flex:auto;min-width:0}.framed>.frame-head :is(.fold,.close){border-radius:var(--radius);width:32px;height:32px;min-height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;margin:-4px 0;padding:0;display:grid}.framed>.frame-head :is(.fold,.close):hover{background:var(--fill);color:var(--ink)}.framed>.frame-head :is(.fold,.close) svg.i{width:20px;height:20px}.framed>.frame-head .close[hidden]{display:none}.framed>.frame-head .quick{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--ink);font-variant-numeric:tabular-nums;flex:0 auto;margin-left:8px;font-weight:600;overflow:hidden}.framed>.frame-head .quick:empty,.framed:not(.collapsed)>.frame-head .quick{display:none}.framed.collapsed{min-width:min(200px,100vw - 32px);width:-moz-fit-content!important;width:fit-content!important;height:-moz-fit-content!important;height:fit-content!important;min-height:0!important;overflow:hidden!important}.framed.collapsed>:not(.frame-head,.keep){display:none!important}.framed.collapsed>.frame-head{padding-bottom:0;margin-bottom:0!important}.framed.collapsed>.frame-head button:not(.fold,.close,.keep){display:none!important}.framed.collapsed>.frame-head>:is(strong,h2,h3,.title):first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.modal:has(>.collapsed){-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0}.modal:has(>.collapsed)>.card{pointer-events:auto}.modal>.card.collapsed{padding-bottom:0}.modal>.card.collapsed>.frame-head{padding-bottom:14px}
