.connection-notice{border-bottom:1px solid var(--line);background:var(--paper);padding:14px var(--pad);color:var(--ink);font-size:12px;line-height:1.65}.connection-notice-expanded,.connection-notice>details{max-width:1440px;margin:0 auto}.connection-notice-expanded{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.connection-notice strong,.connection-notice summary{font-size:12px;font-weight:600}.connection-notice p{color:#59564f;max-width:980px;margin:4px 0 0}.connection-notice-classroom{margin-top:3px;display:block}.connection-notice button{min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;margin-top:-10px;margin-right:-10px;font-size:23px;display:flex}.connection-notice summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:32px;list-style:none;display:flex}.connection-notice summary::-webkit-details-marker{display:none}.connection-notice summary>span{font-size:18px;font-weight:400;transition:transform .15s}.connection-notice details[open] summary>span{transform:rotate(45deg)}.connection-notice button:focus-visible,.connection-notice summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media (max-width:700px){.connection-notice{padding-block:12px;font-size:12px}.connection-notice p{max-width:100%}}@media (prefers-reduced-motion:reduce){.connection-notice summary>span{transition:none}}