.commerce-dialog.po-modal-layer{z-index:1200;color:var(--ink);font-family:var(--font-body);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.commerce-dialog .po-modal-backdrop{background:var(--overlay);border:0;position:absolute;inset:0}.commerce-dialog .po-modal{border:1px solid var(--line);border-radius:var(--radius-dialog);background:var(--canvas);width:min(100%,960px);max-height:calc(100dvh - 40px);box-shadow:var(--shadow-floating);flex-direction:column;display:flex;position:relative;overflow:auto}.commerce-dialog .po-modal-head{z-index:1;padding:var(--space-4) var(--panel-padding);border-bottom:1px solid var(--line);background:var(--canvas);justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.commerce-dialog .po-modal-head h2{font-family:var(--font-heading);font-size:var(--text-subsection);font-weight:var(--font-weight-semibold);line-height:var(--leading-heading);margin:0}.commerce-dialog .po-modal-head button{border:1px solid var(--control-border);border-radius:var(--button-compact-radius);width:40px;height:40px;color:var(--body);background:var(--canvas);cursor:pointer;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.commerce-dialog .po-modal-head button:hover{color:var(--positive-deep);background:var(--surface-positive-hover)}.commerce-dialog :focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}@media (width<=600px){.commerce-dialog.po-modal-layer{padding:10px}.commerce-dialog .po-modal{max-height:calc(100dvh - 20px)}.commerce-dialog .po-modal-head{padding:16px}.commerce-dialog .po-modal-head h2{font-size:var(--text-lead)}}