/* One visual language for storefront, editors and action confirmations. */
html.smp-dialog-open{overflow:hidden}
dialog{--smp-dialog-navy:#12243c;--smp-dialog-paper:#f7f3ea;--smp-dialog-line:#d9d9d2;color:var(--smp-dialog-navy);background:var(--smp-dialog-paper);border:1px solid var(--smp-dialog-line);border-radius:3px;box-shadow:0 24px 90px #0b203738;max-width:calc(100vw - 32px);max-height:90dvh;overscroll-behavior:contain;color-scheme:light}
dialog::backdrop{background:#0b203780;backdrop-filter:blur(5px)}
dialog h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--smp-dialog-navy);letter-spacing:-.5px}
dialog .dialog-header,dialog .page-editor-header{border-color:var(--smp-dialog-line);background:var(--smp-dialog-paper)}
dialog .commerce-dialog-actions,dialog .page-editor-footer{background:var(--smp-dialog-paper);border-color:var(--smp-dialog-line)}
dialog .button,dialog .bo-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:8px;border:1px solid var(--smp-dialog-navy);border-radius:2px;padding:12px 20px;background:var(--smp-dialog-navy);color:var(--smp-dialog-paper);font:11px/1.5 Arial,Helvetica,sans-serif;cursor:pointer;text-decoration:none;text-align:center;letter-spacing:.25px}
dialog .button.secondary{background:transparent;color:var(--smp-dialog-navy);border-color:#b9c0c3}
dialog .button:hover:not(:disabled){background:#203b55}dialog .button.secondary:hover:not(:disabled){background:#ebe8de}
dialog :is(button,input,textarea,select,a):focus-visible{outline:2px solid #3e6d86;outline-offset:4px}
dialog .dialog-header>button,dialog .page-editor-header>button,dialog .dialog-close,dialog .dialog-head>.icon-button,.smp-dialog-close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;min-width:40px;border:1px solid #d9d9d2;border-radius:2px;background:var(--smp-dialog-paper);color:var(--smp-dialog-navy);padding:8px;cursor:pointer}
dialog .dialog-header>button,dialog .page-editor-header>button,.smp-dialog-close{font:26px/1 Arial,Helvetica,sans-serif}
dialog .close-button svg,dialog .icon-button svg{width:20px;height:20px}
dialog :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-radius:2px;color:var(--smp-dialog-navy);font-family:Arial,Helvetica,sans-serif}
dialog.commerce-dialog{background:var(--smp-dialog-paper);border-radius:3px}
dialog.smp-action-dialog{width:520px;max-width:calc(100vw - 32px);padding:0;margin:auto;overflow:auto;font-family:Arial,Helvetica,sans-serif}
.smp-action-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:30px 30px 23px;border-bottom:1px solid var(--smp-dialog-line)}
.smp-action-header>div{min-width:0}.smp-action-dialog .smp-dialog-eyebrow{font:8px/1.7 Arial,Helvetica,sans-serif;letter-spacing:2px;margin:0 0 14px;color:#62696b}
.smp-action-dialog .smp-action-header h2{font:32px/1.18 Georgia,'Times New Roman',serif;letter-spacing:-.7px;margin:0;overflow-wrap:anywhere}
.smp-action-body{padding:24px 30px 8px}.smp-action-dialog .smp-action-body>p{font:13px/1.9 Arial,Helvetica,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 22px;color:#4c5962}
.smp-action-body>label{display:block;font-size:11px;line-height:1.6;margin:0 0 10px}.smp-action-body>textarea{display:block;box-sizing:border-box;width:100%;resize:vertical;max-height:35dvh;padding:12px;background:#fffdf8;border:1px solid #b9c0c3;font:13px/1.7 Arial,Helvetica,sans-serif}
.smp-action-dialog [hidden]{display:none!important}.smp-action-dialog .smp-action-body>.smp-dialog-error{font-size:11px;line-height:1.7;color:#8c4034;margin:10px 0}.smp-action-dialog .smp-dialog-error:empty{display:none}
.smp-action-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:12px 30px 28px}.smp-action-footer>button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 22px;border-radius:2px;border:1px solid var(--smp-dialog-navy);font:11px/1.5 Arial,Helvetica,sans-serif;cursor:pointer;background:var(--smp-dialog-navy);color:var(--smp-dialog-paper)}
.smp-action-footer>#confirm-cancel{background:transparent;border-color:#b9c0c3;color:var(--smp-dialog-navy)}.smp-action-footer>#confirm-accept:hover{background:#203b55}.smp-action-footer>#confirm-cancel:hover{background:#ebe8de}.smp-action-danger .smp-action-header{border-bottom-color:#cfb8a5}.smp-action-danger #confirm-accept{box-shadow:inset 0 -3px #a27d58}
@media(max-width:760px){dialog{max-width:calc(100vw - 24px);max-height:90dvh}dialog.mobile-menu,dialog.bo-mobile-nav{max-width:100vw}dialog.smp-action-dialog{max-width:calc(100vw - 24px)}.smp-action-header{padding:24px 20px 20px;gap:15px}.smp-action-dialog .smp-action-header h2{font-size:28px}.smp-action-dialog .smp-dialog-eyebrow{font-size:7px;letter-spacing:1.5px}.smp-action-body{padding:20px 20px 5px}.smp-action-footer{padding:14px 20px 22px;gap:10px;flex-wrap:wrap}.smp-action-footer>button{flex:1 1 100px;padding:12px 15px}dialog .button{padding:12px 15px}}
@media(prefers-reduced-motion:no-preference){.smp-action-dialog[open]{animation:smp-dialog-enter .16s ease-out}@keyframes smp-dialog-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}