/* One control shape for Bootstrap dialogs across the storefront and dashboards. */
.modal{--sq-dialog-radius:20px;--sq-control-radius:12px;--sq-control-border:#dbe5ef}
.modal .modal-content{border:1px solid #e3ebf4;border-radius:var(--sq-dialog-radius)!important;box-shadow:0 24px 70px #16324b29}
.modal .modal-header{padding:20px 24px;border-bottom-color:#e9eff6;border-radius:var(--sq-dialog-radius) var(--sq-dialog-radius) 0 0}
.modal .modal-title{line-height:1.65;font-weight:700;overflow-wrap:anywhere}
.modal .modal-footer{gap:8px;padding:16px 24px;border-top-color:#e9eff6;border-radius:0 0 var(--sq-dialog-radius) var(--sq-dialog-radius)}
.modal .modal-body{padding:24px;min-width:0}
.modal .modal-body label{line-height:1.7;margin-bottom:8px}
.modal .form-control,
.modal .custom-select,
.modal .bootstrap-select>.dropdown-toggle,
.modal .select2-container .select2-selection,
.modal .tagify,
.modal .input-group-text,
.modal [data-toggle="aizuploader"]{border-radius:var(--sq-control-radius)!important}
.modal .form-control:not(.bootstrap-select),
.modal .custom-select,
.modal .bootstrap-select>.dropdown-toggle,
.modal .select2-container .select2-selection{min-height:46px;border-color:var(--sq-control-border);background-color:#f8fbff;color:#193b58}
.modal textarea.form-control{height:auto;padding:12px 14px;line-height:1.8;resize:vertical}
.modal .bootstrap-select.form-control{border:0;background:transparent;padding:0;max-width:100%}
.modal .bootstrap-select>.dropdown-toggle{padding:10px 14px;box-shadow:none;font-weight:400;white-space:normal}
.modal .bootstrap-select .filter-option-inner-inner{overflow-wrap:anywhere;white-space:normal;line-height:1.6}
.modal .bootstrap-select .dropdown-menu{border-radius:12px;border-color:#e1eaf4;box-shadow:0 10px 30px #16324b14}
.modal .bootstrap-select .dropdown-menu.inner{box-shadow:none}
.modal .bootstrap-select .dropdown-item{white-space:normal;overflow-wrap:anywhere}
.modal .bootstrap-select .bs-searchbox .form-control{background:#fff}
.modal .form-control:not(.bootstrap-select):focus,
.modal .custom-select:focus,
.modal .bootstrap-select>.dropdown-toggle:focus,
.modal .bootstrap-select>.dropdown-toggle:focus-visible,
.modal .select2-container--focus .select2-selection,
.modal .select2-container--open .select2-selection{border-color:#3285ff;outline:0!important;box-shadow:0 0 0 3px #3285ff24!important;background-color:#fff}
.modal .form-control:disabled,.modal .form-control[readonly]{background:#edf2f7;color:#697f91}
.modal .form-control.is-invalid{border-color:#df4965}
.modal .form-control.is-invalid:focus{box-shadow:0 0 0 3px #df496524!important}
.modal .btn:not(.note-btn){border-radius:var(--sq-control-radius)!important;min-height:44px;padding:10px 18px;line-height:1.6;white-space:normal}
.modal .btn.btn-icon{min-width:40px;min-height:40px;padding:8px;line-height:1}
.modal .btn:focus-visible,.modal .close:focus-visible{outline:3px solid #80b7ff;outline-offset:3px}
.modal .close{flex:0 0 36px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;margin:0!important;padding:0!important;border-radius:var(--sq-control-radius);background:#eef4fa;color:#375b79;opacity:1;font-size:0;line-height:1}
.modal .close:hover{background:#e1edfa;color:#174c7e}
.modal .input-group{min-width:0}
.modal .input-group>.form-control{min-width:0}
.modal .input-group-text{border-color:var(--sq-control-border);background:#eef5fd}
@media(max-width:575px){
 .modal .modal-header{padding:16px}
 .modal .modal-title{font-size:18px}
 .modal .modal-body{padding:18px 16px}
 .modal .modal-footer{padding:14px 16px}
 .modal .modal-footer .btn{flex:1 1 auto}
 .modal .form-control:not(.bootstrap-select),.modal .custom-select,.modal .bootstrap-select>.dropdown-toggle{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.modal .form-control,.modal .btn,.modal .close{transition:none!important}}