.source-footer-dialog { border: 0; padding: 40px; width: min(680px, calc(100% - 32px)); max-width: calc(100% - 32px); max-height: calc(100dvh - 40px); margin: auto; background: #fff; color: #181818; overflow: auto; box-sizing: border-box; }
.source-footer-dialog::backdrop { background: rgb(0 0 0 / 45%); }
.source-footer-dialog .close { position: absolute; right: 16px; top: 12px; border: 0; background: transparent; color: inherit; cursor: pointer; font-size: 28px; width: 32px; height: 32px; padding: 0; }
.source-footer-dialog .close svg { width: 20px; height: 20px; }
.source-footer-dialog [hidden], .source-footer-dialog .hidden { display: none !important; }
.source-footer-dialog #webFormRequestModal, .source-footer-dialog .js-content-web-order-status-form-request, .source-footer-dialog form { display: block; }
.source-footer-dialog .grid-x { max-width: 100%; }
.source-footer-dialog input, .source-footer-dialog select, .source-footer-dialog textarea { max-width: 100%; box-sizing: border-box; }
.source-footer-dialog select, .source-footer-dialog textarea { width: 100%; }
.source-footer-dialog [role=status] { margin-top: 16px; }
.source-footer-dialog .form-fields-item { margin-top: 20px; }
.source-footer-dialog .cc-orderStatusPage-formTitle { margin-bottom: 24px; }
.source-footer-dialog .cc-orderStatusPage-form-textIntroOrderStatus { margin-bottom: 12px; }
.source-footer-dialog form > .button, .source-footer-dialog .see-order { margin-top: 24px; }
@media (max-width: 767px) {
    .source-footer-dialog { padding: 48px 20px 28px; max-height: calc(100dvh - 24px); }
    .source-footer-dialog .cell { width: 100%; margin-left: 0; margin-right: 0; }
    .source-footer-dialog .grid-margin-x { margin-left: 0; margin-right: 0; }
}