.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.backorder-dialog{--dialog-bg: #fafafa;--dialog-text: #000;--dialog-backdrop-bg: #000;--dialog-backdrop-opacity: 0.65;--dialog-z-index: 10;--dialog-width: 36.25em;--dialog-height: 36em;--dialog-max-height: 80%;--dialog-padding: 2em;--dialog-border-radius: 0.5em;--dialog-font-size: 16px;--dialog-close-btn-size: 3em;--dialog-close-btn-offset-top: 0.25em;--dialog-close-btn-offset-right: 0.5em;position:fixed;inset:0;top:50%;left:50%;z-index:var(--dialog-z-index);width:var(--dialog-width);height:var(--dialog-height);max-height:var(--dialog-max-height);margin:0;padding:var(--dialog-padding);font-size:var(--dialog-font-size);background:var(--dialog-bg);border:none;border-radius:var(--dialog-border-radius);transform:translateX(-50%) translateY(-50%)}.backorder-dialog::backdrop{background:var(--dialog-backdrop-bg);opacity:var(--dialog-backdrop-opacity)}.backorder-dialog header h3{text-align:center}.backorder-dialog h2{font-weight:normal}.backorder-dialog li,.backorder-dialog p{font-size:1em;line-height:1.4}.backorder-dialog a{font-size:.875em;color:var(--dialog-text)}.backorder-dialog menu{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;gap:1em}.backorder-dialog .dialog-close-button{all:unset;position:absolute;top:var(--dialog-close-btn-offset-top);right:var(--dialog-close-btn-offset-right);display:flex;align-items:center;justify-content:center;font-size:var(--dialog-close-btn-size);font-weight:bold;line-height:1;color:var(--dialog-text);cursor:pointer;user-select:none}.backorder-dialog .dialog-close-button:hover{opacity:.7}.backorder-dialog .dialog-close-button:focus-visible{outline:2px solid var(--dialog-text);outline-offset:2px}.backorder-dialog button:not(.dialog-close-button){font-family:"Manrope",sans-serif;font-size:1em;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}.backorder-dialog label{display:flex;align-items:center;gap:.5em;cursor:pointer}.backorder-dialog label input[type=checkbox]{width:1.2em;height:1.2em;cursor:pointer}.backorder-dialog label span{font-size:.875em}.backorder-dialog .backorder-dialog-wrapper{overflow:scroll;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%}
/*# sourceMappingURL=backorder-dialogs.css.map */