.drawer{position:fixed;right:0;top:72px;width:430px;height:calc(100vh - 72px);background:#fff;z-index:80;transform:translateX(102%);transition:.2s;box-shadow:-12px 0 36px #1234;overflow:auto}.drawer.open{transform:none}.drawer>header{height:58px;background:var(--blue);color:#fff;padding:0 20px;display:flex;justify-content:space-between}.drawer header button{border:0;background:#ffffff22;color:#fff;border-radius:50%;width:34px;height:34px}.drawer section{padding:18px;border-bottom:1px solid #e3ebf3}.drawer h2{color:var(--navy)}.drawer dl{display:grid;grid-template-columns:145px 1fr;gap:10px}.drawer dt{color:#5780aa}.drawer dd{margin:0;font-weight:600}