.side-panel-overlay{z-index:60;background:#10182847;position:fixed;inset:0}.side-panel-overlay[data-entering]{animation:.2s ease-out side-panel-fade}.side-panel-overlay[data-exiting]{animation:.2s ease-in forwards side-panel-fade-out}.side-panel{background:#fff;border-radius:16px;width:min(520px,100vw - 10px);position:fixed;top:5px;bottom:5px;right:5px;overflow:hidden;box-shadow:0 20px 24px -4px #10182814,0 8px 8px -4px #10182808}.side-panel[data-entering]{animation:.25s cubic-bezier(.2,.8,.2,1) side-panel-slide}.side-panel[data-exiting]{animation:.2s ease-in forwards side-panel-slide-out}@keyframes side-panel-fade{0%{opacity:0}}@keyframes side-panel-fade-out{to{opacity:0}}@keyframes side-panel-slide{0%{transform:translate(calc(100% + 5px))}}@keyframes side-panel-slide-out{to{transform:translate(calc(100% + 5px))}}@media (prefers-reduced-motion:reduce){.side-panel-overlay[data-entering],.side-panel-overlay[data-exiting],.side-panel[data-entering],.side-panel[data-exiting]{animation-duration:1ms}}.side-panel-dialog{outline:none;flex-direction:column;height:100%;display:flex}.side-panel-art{aspect-ratio:1040/352;background:#f4f2da;border-radius:11px;flex-shrink:0;margin:5px;position:relative;overflow:hidden}.side-panel-art img{object-fit:cover}@media (max-height:700px){.side-panel-art{display:none}}.side-panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px 16px;display:flex}.side-panel-close{z-index:1;width:36px;height:36px;color:var(--ink);cursor:pointer;background:#ffffffeb;border-radius:999px;place-items:center;transition:background-color .15s;display:grid;position:absolute;top:13px;right:13px;box-shadow:0 1px 3px #1018281f}.side-panel-close[data-hovered]{background:#fff}.side-panel-close[data-focus-visible]{outline:2px solid var(--cobalt);outline-offset:2px}.side-panel-close svg{width:20px;height:20px}.side-panel-head h2{color:var(--ink);letter-spacing:-.01em;margin:2px 0;font-family:inherit;font-size:18px;font-weight:600;line-height:28px}.side-panel-body{scrollbar-width:none;flex-direction:column;flex:1;gap:12px;min-height:0;padding:20px 24px;display:flex;overflow-y:auto}.side-panel-body::-webkit-scrollbar{display:none}.side-panel-foot{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:16px 24px;display:flex}@media (max-height:700px){.side-panel-head{padding-right:60px}}