.side-panel{z-index:20;background:var(--ds-background-surface-dialog);border-left:1px solid var(--line);width:480px;max-width:100vw;animation:panel-in var(--dur-base) var(--ease-out);padding:32px 24px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.side-panel-close{border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:16px;right:16px}.side-panel-body{animation:panel-fade var(--dur-base) var(--ease-out)}@keyframes panel-in{0%{transform:translate(100%)}to{transform:none}}@keyframes panel-fade{0%{opacity:0}to{opacity:1}}