.modal-overlay{z-index:1000;padding:var(--padding-xl);background:var(--shade-background-dark);color:var(--color-foreground);animation:modal-overlay-in var(--anim-timing) var(--anim-base);justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}@media (max-width:60rem){.modal-overlay{padding:var(--padding-m)}}.modal-panel{width:100%;max-width:calc(var(--unit-base) * 44);min-height:calc(var(--unit-base) * 24);max-height:calc(100dvh - var(--padding-l) * 2);background:var(--color-background);border:var(--border-unit) solid var(--color-border);border-radius:var(--border-radius-m);box-shadow:var(--box-shadow-panel-alt);animation:modal-panel-in var(--anim-timing) var(--anim-base);padding:0 var(--padding-l) var(--padding-l);box-sizing:border-box;justify-content:space-between;gap:var(--margin-l);flex-direction:column;display:flex;position:relative;overflow:hidden auto}.modal-panel:has(footer.actions){padding-bottom:0}.modal-panel header{box-sizing:border-box;width:100%;font-size:var(--font-h4);padding-top:var(--padding-l);z-index:1;background-color:var(--color-background);justify-content:space-between;align-items:center;display:inline-flex;position:sticky;top:0}.modal-panel .modal-body footer{width:100%;margin:var(--margin-m) 0 0;flex-wrap:wrap;justify-content:space-between;display:inline-flex}.modal-panel>footer.actions{margin:0 calc(var(--margin-l) * -1);background-color:var(--color-background);box-shadow:0 calc(var(--unit-line) * -1) 0 var(--shade-foreground);width:auto;padding:var(--padding-s);box-sizing:border-box;border-radius:0 0 var(--border-radius-m) var(--border-radius-m);position:sticky;bottom:0}.modal-panel .modal-body .modal-section+.modal-section,.modal-panel .offers{margin-top:var(--margin-m)}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-panel-in{0%{opacity:0;transform:scale(.98)translateY(-.5rem)}to{opacity:1;transform:scale(1)translateY(0)}}