@layer lab{.interpbox{background:var(--accent);color:#fff;width:88px;height:88px;font:600 12px var(--display);border-radius:14px;justify-content:center;align-items:center;transition:all .7s;display:flex}.interpbox.on{background:var(--accent-2);opacity:.55;border-radius:50%;transform:translate(150px)rotate(180deg)}.disc{align-items:center;gap:14px;display:flex}.discbox{background:var(--ref,#4263eb);color:#fff;width:88px;height:88px;font:600 12px var(--display);border-radius:14px;justify-content:center;align-items:center;transition:opacity .7s;display:flex}.discbox.hide{opacity:0;visibility:hidden;transition:opacity .7s,visibility .7s}.panel{background:var(--accent-soft);border:1px solid var(--accent-pale);border-radius:12px;height:0;transition:height .45s;overflow:hidden}.panel.size{interpolate-size:allow-keywords}.panel.open{height:auto}.panel .inner{color:var(--accent-deep);padding:14px 16px;font-size:14px}.twocol{gap:12px;margin:10px 16px;display:grid}@media (width>=620px){.twocol{grid-template-columns:1fr 1fr}}.twocol h3{font:600 13px var(--display);color:var(--accent-deep);margin:0 0 6px}}