.wsx-input-typography,.wsx_variation_8 .wsx-form-field.wsx-outline-focus,.wsx_variation_8 .wsx-form-field>input,.wsx_variation_8 .wsx-form-field>textarea,.wsx_variation_8 .wsx-form-field>select,.wsx_variation_7 .wsx-outline-focus>input,.wsx_variation_7 .wsx-outline-focus>textarea,.wsx_variation_7 .wsx-outline-focus>select,.wsx_variation_4 .wsx-form-field .wsx-form-field>input,.wsx_variation_4 .wsx-form-field .wsx-form-field>select,.wsx_variation_4 .wsx-form-field .wsx-form-field>textarea,.wsx_variation_5 .wsx-form-field .wsx-form-field>input,.wsx_variation_5 .wsx-form-field .wsx-form-field>select,.wsx_variation_5 .wsx-form-field .wsx-form-field>textarea,.wsx_variation_4 .wsx-reg-fields .wsx-form-field.wsx-outline-focus,.wsx_variation_5 .wsx-reg-fields .wsx-form-field.wsx-outline-focus,.wsx_variation_2 .wsx-reg-fields .wsx-outline-focus>input,.wsx_variation_2 .wsx-reg-fields .wsx-outline-focus>textarea,.wsx_variation_2 .wsx-reg-fields .wsx-outline-focus>select,.wsx_variation_9 .wsx-reg-fields .wsx-form-field>input,.wsx_variation_9 .wsx-reg-fields .wsx-form-field>textarea,.wsx_variation_9 .wsx-reg-fields .wsx-form-field>select,.wsx_variation_1 .wsx-reg-fields .wsx-form-field>input,.wsx_variation_1 .wsx-reg-fields .wsx-form-field>textarea,.wsx_variation_1 .wsx-reg-fields .wsx-form-field>select,.wsx_variation_2 .wsx-reg-fields .wsx-form-field>input,.wsx_variation_2 .wsx-reg-fields .wsx-form-field>textarea,.wsx_variation_2 .wsx-reg-fields .wsx-form-field>select,.wsx_variation_3 .wsx-reg-fields .wsx-form-field>input,.wsx_variation_3 .wsx-reg-fields .wsx-form-field>textarea,.wsx_variation_3 .wsx-reg-fields .wsx-form-field>select,.wsx_variation_6 .wsx-reg-fields .wsx-form-field>input,.wsx_variation_6 .wsx-reg-fields .wsx-form-field>textarea,.wsx_variation_6 .wsx-reg-fields .wsx-form-field>select,.wsx_variation_7 .wsx-reg-fields .wsx-form-field>input,.wsx_variation_7 .wsx-reg-fields .wsx-form-field>textarea,.wsx_variation_7 .wsx-reg-fields .wsx-form-field>select,.wsx-form-field.wsx-form-checkbox .wsx-field-content label,.wsx-form-field.wsx-field-radio .wsx-field-content label{font-size:var(--wsx-input-font-size) !important;font-weight:var(--wsx-input-weight);font-style:normal;line-height:1.6em !important;text-transform:var(--wsx-input-case-transform) !important}.wsx-formBuilder-input-width,.wsx_variation_1 .wsx-outline-focus,.wholesalex-form-wrapper .wholesalex-registration-form>*,.wholesalex-form-wrapper .wholesalex-login-form>*{width:100%;max-width:var(--wsx-input-width)}.wsx-formBuilder-input-layout,.wsx_variation_8 .wsx-form-field.wsx-outline-focus,.wsx_variation_7 .wsx-outline-focus>input,.wsx_variation_7 .wsx-outline-focus>textarea,.wsx_variation_7 .wsx-outline-focus>select,.wsx_variation_4 .wsx-reg-fields .wsx-form-field.wsx-outline-focus,.wsx_variation_5 .wsx-reg-fields .wsx-form-field.wsx-outline-focus,.wsx_variation_4 .wsx-field-content,.wsx_variation_5 .wsx-field-content,.wsx_variation_8 .wsx-field-content,.wsx_variation_2 .wsx-reg-fields .wsx-outline-focus>input,.wsx_variation_2 .wsx-reg-fields .wsx-outline-focus>textarea,.wsx_variation_2 .wsx-reg-fields .wsx-outline-focus>select,.wsx_variation_9 .wsx-reg-fields .wsx-form-field>input,.wsx_variation_9 .wsx-reg-fields .wsx-form-field>textarea,.wsx_variation_9 .wsx-reg-fields .wsx-form-field>select,.wsx_variation_1 .wsx-reg-fields .wsx-form-field>input,.wsx_variation_1 .wsx-reg-fields .wsx-form-field>textarea,.wsx_variation_1 .wsx-reg-fields .wsx-form-field>select,.wsx_variation_2 .wsx-reg-fields .wsx-form-field>input,.wsx_variation_2 .wsx-reg-fields .wsx-form-field>textarea,.wsx_variation_2 .wsx-reg-fields .wsx-form-field>select,.wsx_variation_3 .wsx-reg-fields .wsx-form-field>input,.wsx_variation_3 .wsx-reg-fields .wsx-form-field>textarea,.wsx_variation_3 .wsx-reg-fields .wsx-form-field>select,.wsx_variation_6 .wsx-reg-fields .wsx-form-field>input,.wsx_variation_6 .wsx-reg-fields .wsx-form-field>textarea,.wsx_variation_6 .wsx-reg-fields .wsx-form-field>select,.wsx_variation_7 .wsx-reg-fields .wsx-form-field>input,.wsx_variation_7 .wsx-reg-fields .wsx-form-field>textarea,.wsx_variation_7 .wsx-reg-fields .wsx-form-field>select,.wsx-form-file .wsx-field-content .wsx-file-label{border-radius:var(--wsx-input-border-radius);padding:var(--wsx-input-padding);border:var(--wsx-input-border-width) solid var(--wsx-input-border-color)}.wholesalex-form,.wsx-form-wrapper_frontend{width:100% !important;max-width:var(--wsx-form-container-width) !important}.wholesalex-form .wholesalex_circular_loading__wrapper,.wsx-form-wrapper_frontend .wholesalex_circular_loading__wrapper{display:none}.wholesalex-form-wrapper{height:auto;width:100%;box-sizing:border-box;overflow:hidden;border:var(--wsx-form-container-border-width) solid var(--wsx-form-container-border-color);border-radius:var(--wsx-form-container-border-radius);background-color:var(--wsx-form-container-bg);padding:var(--wsx-form-container-padding);display:flex !important;justify-content:center;align-items:stretch}.wholesalex-form-wrapper input,.wholesalex-form-wrapper select,.wholesalex-form-wrapper textarea{min-height:auto !important;max-width:100%;box-shadow:none !important;margin:0px !important}.wholesalex-form-wrapper input,.wholesalex-form-wrapper select{height:auto !important}.wholesalex-form-wrapper .wsx-form-label{margin-bottom:0px}.wholesalex-form-wrapper .wsx-form-label>span{color:#ff2727 !important;margin-left:4px}.wholesalex-form-wrapper .wsx-clone-label span{visibility:hidden}.wholesalex-form-wrapper .wsx-reg-form-heading-text{color:var(--wsx-reg-title-color);font-size:var(--wsx-reg-title-font-size) !important;font-weight:var(--wsx-reg-title-font-size);font-style:normal;line-height:1.5em !important;text-transform:var(--wsx-reg-title-case-transform) !important}.wholesalex-form-wrapper .wsx-login-form-title-text{color:var(--wsx-login-title-color);font-size:var(--wsx-login-title-font-size) !important;font-weight:var(--wsx-login-title-font-weight);font-style:normal;line-height:1.5em !important;text-transform:var(--wsx-login-title-case-transform) !important}.wholesalex-form-wrapper .wholesalex-registration-form-subtitle-text{color:var(--wsx-reg-description-color);font-size:var(--wsx-reg-description-font-size) !important;font-weight:var(--wsx-reg-description-font-weight);font-style:normal;line-height:1.5em !important;text-transform:var(--wsx-reg-description-case-transform) !important}.wholesalex-form-wrapper .wholesalex-login-form-subtitle-text{color:var(--wsx-login-description-color);font-size:var(--wsx-login-description-font-size) !important;font-weight:var(--wsx-login-description-font-weight);font-style:normal;line-height:1.5 !important;text-transform:var(--wsx-login-description-case-transform) !important}.wholesalex-form-wrapper .wholesalex-login-form{width:100%;max-width:var(--wsx-login-width);box-sizing:border-box;border:var(--wsx-login-border-width) solid var(--wsx-login-border-color);border-radius:var(--wsx-login-border-radius);background-color:var(--wsx-login-bg);padding:var(--wsx-login-padding) 16px var(--wsx-login-padding) 16px}.wholesalex-form-wrapper .wholesalex-login-form>*{margin:0 auto}.wholesalex-form-wrapper .wholesalex-login-form .wsx-fields-container{display:flex;flex-direction:column;gap:25px}.wholesalex-form-wrapper .wholesalex-login-form .wholesalex-login-form-title{margin-bottom:30px !important;width:auto}.wholesalex-form-wrapper .wsx-login-fields input{caret-color:var(--wsx-login-input-color)}.wholesalex-form-wrapper .wsx-login-fields input::placeholder{color:var(--wsx-login-input-placeholder-color) !important}.wholesalex-form-wrapper .wsx-login-fields input::-ms-input-placeholder{color:var(--wsx-login-input-placeholder-color) !important}.wholesalex-form-wrapper .wholesalex-registration-form{width:100%;max-width:var(--wsx-form-reg-width);box-sizing:border-box;border-radius:var(--wsx-form-reg-border-radius);border:var(--wsx-form-reg-border-width) solid var(--wsx-form-reg-border-color);background-color:var(--wsx-form-reg-bg);padding:var(--wsx-form-reg-padding) 16px var(--wsx-form-reg-padding) 16px}.wholesalex-form-wrapper .wholesalex-registration-form>*{margin:0 auto}.wholesalex-form-wrapper .wholesalex-registration-form .wsx-fields-container{display:flex;flex-direction:column;gap:25px}.wholesalex-form-wrapper .wsx-reg-fields .wsx-form-field>select option{background-color:var(--wsx-form-reg-bg) !important}.wholesalex-form-wrapper .wsx-reg-fields .wsx-form-field>select option,.wholesalex-form-wrapper .wsx-reg-fields .wsx-privacy-policy{color:var(--wsx-input-color) !important}.wholesalex-form-wrapper .wsx-reg-fields .wsx-form-field>input,.wholesalex-form-wrapper .wsx-reg-fields .wsx-form-field>textarea{caret-color:var(--wsx-input-color)}.wholesalex-form-wrapper .wsx-reg-fields .wsx-form-field>input::placeholder,.wholesalex-form-wrapper .wsx-reg-fields .wsx-form-field>textarea::placeholder{color:var(--wsx-input-placeholder-color) !important}.wholesalex-form-wrapper .wsx-reg-fields .wsx-form-field>input::-ms-input-placeholder,.wholesalex-form-wrapper .wsx-reg-fields .wsx-form-field>textarea::-ms-input-placeholder{color:var(--wsx-input-placeholder-color) !important}.wholesalex-form-wrapper .wsx-form-field>textarea,.wholesalex-form-wrapper .wsx-form-field>select,.wholesalex-form-wrapper .wsx-form-field>input{display:block;width:100% !important;min-width:auto !important;line-height:1.6em;box-sizing:border-box}.wholesalex-form-wrapper .wsx-form-field>textarea:focus,.wholesalex-form-wrapper .wsx-form-field>select:focus,.wholesalex-form-wrapper .wsx-form-field>input:focus{box-shadow:none !important;outline:none !important}.wholesalex-form-wrapper .wsx-form-field>textarea[type=date]::-webkit-calendar-picker-indicator,.wholesalex-form-wrapper .wsx-form-field>select[type=date]::-webkit-calendar-picker-indicator,.wholesalex-form-wrapper .wsx-form-field>input[type=date]::-webkit-calendar-picker-indicator{background-color:var(--wsx-input-placeholder-color)}.wholesalex-form-wrapper .wsx-form-btn-wrapper{text-align:var(--wsx-form-button-align);margin-bottom:1.5rem}.wholesalex-form-wrapper button.wsx-register-btn{color:var(--wsx-form-button-color) !important;border:var(--wsx-form-button-border-width) solid var(--wsx-form-button-border-color);background-color:var(--wsx-form-button-bg) !important;transition:.3s;cursor:pointer}.wholesalex-form-wrapper button.wsx-register-btn:hover{color:var(--wsx-form-button-hover-color) !important;border-color:var(--wsx-form-button-hover-border-color) !important;background-color:var(--wsx-form-button-hover-bg) !important}.wholesalex-form-wrapper button.wsx-register-btn:disabled{opacity:.5}.wholesalex-form-wrapper .wholesalex-login-form .wsx-form-btn-wrapper>button.wsx-login-btn{color:var(--wsx-login-form-button-color);border:var(--wsx-form-button-border-width) solid var(--wsx-login-form-button-border-color);background-color:var(--wsx-login-form-button-bg);transition:.3s;cursor:pointer}.wholesalex-form-wrapper .wholesalex-login-form .wsx-form-btn-wrapper>button.wsx-login-btn:hover{color:var(--wsx-login-form-button-hover-color);border-color:var(--wsx-login-form-button-hover-border-color);background-color:var(--wsx-login-form-button-hover-bg)}.wholesalex-form-wrapper input:-webkit-autofill{background-color:rgba(0,0,0,0);color:#130f0f;-webkit-text-fill-color:#868686;transition:background-color 5000s ease-in-out 0s}.wholesalex-form-wrapper button.wsx-register-btn,.wholesalex-form-wrapper button.wsx-login-btn{width:100%;max-width:var(--wsx-form-button-width);min-height:auto !important;border-radius:var(--wsx-form-button-border-radius);padding:var(--wsx-form-button-padding) !important;text-align:center;margin-top:36px;box-sizing:border-box;font-size:var(--wsx-form-button-font-size) !important;font-weight:var(--wsx-form-button-weight);font-style:normal;line-height:1.6em !important;text-transform:var(--wsx-form-button-case-transform) !important}.wsx-form-separator{flex-shrink:0;width:var(--wsx-form-container-separator);margin:var(--wsx-form-container-separator-space, 0px) 0px;display:block;background-color:var(--wsx-form-container-border-color)}@media(max-width: 782px){.wsx-form-separator{height:var(--wsx-form-container-separator);margin:0px;width:calc(100% - var(--wsx-form-container-separator-space, 0px)*2)}}.wsx-field-heading{margin-bottom:8px}label.wsx-form-label,.wsx-form-label{color:var(--wsx-form-label-color) !important;font-size:var(--wsx-form-label-font-size) !important;font-weight:var(--wsx-form-label-weight);font-style:normal;line-height:1.6em !important;text-transform:var(--wsx-form-label-case-transform) !important}.wsx-login-fields label.wsx-form-label,.wsx-login-fields .wsx-form-label{color:var(--wsx-login-form-label-color) !important}.wsx-login-fields .wsx-form-field-help-message{color:var(--wsx-login-input-color)}.wsx-form-field-help-message,.wsx-form-field-warning-message{font-style:italic;font-size:12px;display:block;margin-top:4px}.wsx-form-field-warning-message{color:var(--wsx-input-warning-color)}.wsx-reg-form-heading,.wholesalex-login-form-title{position:relative}.wsx-reg-form-heading .wsx-reg-form-heading-text,.wsx-reg-form-heading .wsx-login-form-title-text,.wholesalex-login-form-title .wsx-reg-form-heading-text,.wholesalex-login-form-title .wsx-login-form-title-text{margin-bottom:10px}.wsx-form-file .wsx-field-content input{opacity:0;overflow:hidden;position:absolute;z-index:0}.wsx-form-file .wsx-field-content input::-webkit-file-upload-button{visibility:hidden}.wsx-form-file .wsx-field-content .wsx-file-label{color:var(--wsx-input-color);background-color:var(--wsx-input-bg);display:flex !important;justify-content:flex-start;align-items:center;gap:8px}.wsx-form-file .wsx-field-content .wsx-file-label span{color:var(--wsx-form-label-color);border-radius:1px;border:1px solid var(--wsx-form-label-color);padding:2px 8px;display:flex !important;justify-content:center;align-items:center;gap:6px}.wsx-form-file .wsx-field-content .wsx-file-label span svg{stroke:var(--wsx-form-label-color)}.wsx-form-file .wsx-field-content .wsx-file-label span svg path{stroke:var(--wsx-form-label-color) !important}body .wholesalex-form-wrapper .wsx-file-outline .wsx-form-label{position:absolute;transform:translate(16px, -50%);gap:5px;padding:0px 5px}body .wholesalex-form-wrapper .wsx-file-outline .wsx-clone-label{color:rgba(0,0,0,0) !important;background-color:var(--wsx-input-bg);padding:0px 5px;height:var(--wsx-input-border-width);transform:translate(16px, 0%)}body .wholesalex-form-wrapper .wsx-file-outline .wsx-clone-label>span{visibility:hidden}.wsx-field-radio .wsx-field-content{border:0px !important}.wsx-field-radio .wholesalex-field-wrap>div{color:var(--wsx-input-color)}.wsx-field-radio .wholesalex-field-wrap>input{accent-color:var(--wsx-input-color);height:17px !important;width:17px !important;appearance:auto !important}.wsx-field-radio .wholesalex-field-wrap>input:checked::before{content:none !important}.wsx-field-radio .wholesalex-field-wrap>input:hover{accent-color:var(--wsx-input-focus-color)}.wsx-field-radio .wholesalex-field-wrap>input:focus{box-shadow:unset !important}.wsx-form-checkbox .wholesalex-field-wrap>input{height:16px !important;width:16px !important;min-width:16px;border-radius:2px;overflow:hidden;appearance:unset !important;display:flex !important;justify-content:center;align-items:center}.wsx-form-checkbox .wholesalex-field-wrap>input:checked::before{content:" ✔" !important;width:16px !important;height:16px !important;font-size:11px;border-radius:2px;margin:0px !important;background-color:var(--wsx-input-bg) !important;display:flex !important;justify-content:center;align-items:center}.wsx-login-fields{caret-color:var(--wsx-login-input-color)}.wsx-login-fields .wsx-form-checkbox .wholesalex-field-wrap>input{border:1.5px solid var(--wsx-login-input-color)}.wsx-login-fields .wsx-form-checkbox .wholesalex-field-wrap>input:checked::before{color:var(--wsx-login-input-color);background-color:var(--wsx-login-input-bg) !important}.wsx-login-fields .wsx-form-checkbox .wsx-field-content{border-color:var(--wsx-login-input-border-color)}.wsx-login-fields .wsx-form-checkbox label{color:var(--wsx-login-input-color) !important}.wsx-reg-fields{caret-color:var(--wsx-input-color)}.wsx-reg-fields .wsx-form-field-help-message{color:var(--wsx-input-color)}.wsx-reg-fields .wsx-form-checkbox .wholesalex-field-wrap>input{border:1.5px solid var(--wsx-input-color);accent-color:rgba(0,0,0,0) !important}.wsx-reg-fields .wsx-form-checkbox .wholesalex-field-wrap>input:checked::before{color:var(--wsx-input-color)}.wsx-form-field.wsx-field-radio .wholesalex-field-wrap{display:flex !important;justify-content:flex-start;align-items:center}.wsx-form-field.wsx-form-checkbox .wholesalex-field-wrap{display:flex !important;justify-content:flex-start;align-items:center}.wsx-form-field.wsx-form-checkbox .wholesalex-field-wrap,.wsx-form-field.wsx-field-radio .wholesalex-field-wrap{gap:8px}.wsx-form-field.wsx-form-checkbox .wholesalex-field-wrap input,.wsx-form-field.wsx-field-radio .wholesalex-field-wrap input{margin:0px;cursor:pointer}.wsx-form-field.wsx-form-checkbox .wholesalex-field-wrap input:focus,.wsx-form-field.wsx-field-radio .wholesalex-field-wrap input:focus{outline:none;box-shadow:none}.wsx-form-field.wsx-form-checkbox .wsx-form-field-help-message,.wsx-form-field.wsx-field-radio .wsx-form-field-help-message{margin-top:8px !important}.wsx-form-field.wsx-form-checkbox .wsx-field-content,.wsx-form-field.wsx-field-radio .wsx-field-content{display:flex;row-gap:20px;column-gap:32px;flex-wrap:wrap}.wsx-form-field.wsx-form-checkbox .wsx-field-content label,.wsx-form-field.wsx-field-radio .wsx-field-content label{color:var(--wsx-input-color);margin:0px !important}.wholesalex-registration-form .wsx_variation_1 .wsx-reg-form-row-setting,.wholesalex-registration-form .wsx_variation_3 .wsx-reg-form-row-setting{position:static}.wsx_variation_9 .wsx-login-fields .wsx-form-field>input,.wsx_variation_9 .wsx-login-fields .wsx-form-field>textarea,.wsx_variation_9 .wsx-login-fields .wsx-form-field>select,.wsx_variation_1 .wsx-login-fields .wsx-form-field>input,.wsx_variation_1 .wsx-login-fields .wsx-form-field>textarea,.wsx_variation_1 .wsx-login-fields .wsx-form-field>select,.wsx_variation_2 .wsx-login-fields .wsx-form-field>input,.wsx_variation_2 .wsx-login-fields .wsx-form-field>textarea,.wsx_variation_2 .wsx-login-fields .wsx-form-field>select,.wsx_variation_3 .wsx-login-fields .wsx-form-field>input,.wsx_variation_3 .wsx-login-fields .wsx-form-field>textarea,.wsx_variation_3 .wsx-login-fields .wsx-form-field>select,.wsx_variation_6 .wsx-login-fields .wsx-form-field>input,.wsx_variation_6 .wsx-login-fields .wsx-form-field>textarea,.wsx_variation_6 .wsx-login-fields .wsx-form-field>select,.wsx_variation_7 .wsx-login-fields .wsx-form-field>input,.wsx_variation_7 .wsx-login-fields .wsx-form-field>textarea,.wsx_variation_7 .wsx-login-fields .wsx-form-field>select{color:var(--wsx-login-input-color);background-color:var(--wsx-login-input-bg) !important;padding:var(--wsx-input-padding);border-radius:var(--wsx-input-border-radius);caret-color:var(--wsx-login-input-color);border:var(--wsx-input-border-width) solid var(--wsx-login-input-border-color);font-size:var(--wsx-input-font-size) !important;font-weight:var(--wsx-input-weight);font-style:normal;line-height:1.6em !important}.wsx_variation_9 .wsx-login-fields .wsx-form-field>input:focus,.wsx_variation_9 .wsx-login-fields .wsx-form-field>textarea:focus,.wsx_variation_9 .wsx-login-fields .wsx-form-field>select:focus,.wsx_variation_1 .wsx-login-fields .wsx-form-field>input:focus,.wsx_variation_1 .wsx-login-fields .wsx-form-field>textarea:focus,.wsx_variation_1 .wsx-login-fields .wsx-form-field>select:focus,.wsx_variation_2 .wsx-login-fields .wsx-form-field>input:focus,.wsx_variation_2 .wsx-login-fields .wsx-form-field>textarea:focus,.wsx_variation_2 .wsx-login-fields .wsx-form-field>select:focus,.wsx_variation_3 .wsx-login-fields .wsx-form-field>input:focus,.wsx_variation_3 .wsx-login-fields .wsx-form-field>textarea:focus,.wsx_variation_3 .wsx-login-fields .wsx-form-field>select:focus,.wsx_variation_6 .wsx-login-fields .wsx-form-field>input:focus,.wsx_variation_6 .wsx-login-fields .wsx-form-field>textarea:focus,.wsx_variation_6 .wsx-login-fields .wsx-form-field>select:focus,.wsx_variation_7 .wsx-login-fields .wsx-form-field>input:focus,.wsx_variation_7 .wsx-login-fields .wsx-form-field>textarea:focus,.wsx_variation_7 .wsx-login-fields .wsx-form-field>select:focus{color:var(--wsx-login-input-focus-color) !important;background-color:var(--wsx-login-input-focus-bg) !important;border-color:var(--wsx-login-input-focus-border-color) !important}.wsx_variation_9 .wsx-login-fields .wsx-form-field.wsx-field-warning>input,.wsx_variation_9 .wsx-login-fields .wsx-form-field.wsx-field-warning>textarea,.wsx_variation_9 .wsx-login-fields .wsx-form-field.wsx-field-warning>select,.wsx_variation_1 .wsx-login-fields .wsx-form-field.wsx-field-warning>input,.wsx_variation_1 .wsx-login-fields .wsx-form-field.wsx-field-warning>textarea,.wsx_variation_1 .wsx-login-fields .wsx-form-field.wsx-field-warning>select,.wsx_variation_2 .wsx-login-fields .wsx-form-field.wsx-field-warning>input,.wsx_variation_2 .wsx-login-fields .wsx-form-field.wsx-field-warning>textarea,.wsx_variation_2 .wsx-login-fields .wsx-form-field.wsx-field-warning>select,.wsx_variation_3 .wsx-login-fields .wsx-form-field.wsx-field-warning>input,.wsx_variation_3 .wsx-login-fields .wsx-form-field.wsx-field-warning>textarea,.wsx_variation_3 .wsx-login-fields .wsx-form-field.wsx-field-warning>select,.wsx_variation_6 .wsx-login-fields .wsx-form-field.wsx-field-warning>input,.wsx_variation_6 .wsx-login-fields .wsx-form-field.wsx-field-warning>textarea,.wsx_variation_6 .wsx-login-fields .wsx-form-field.wsx-field-warning>select,.wsx_variation_7 .wsx-login-fields .wsx-form-field.wsx-field-warning>input,.wsx_variation_7 .wsx-login-fields .wsx-form-field.wsx-field-warning>textarea,.wsx_variation_7 .wsx-login-fields .wsx-form-field.wsx-field-warning>select{color:var(--wsx-login-input-warning-color) !important;background-color:var(--wsx-login-input-warning-bg) !important;border-color:var(--wsx-login-input-warning-border-color) !important}.wsx_variation_9 .wsx-reg-fields .wsx-form-field>input,.wsx_variation_9 .wsx-reg-fields .wsx-form-field>textarea,.wsx_variation_9 .wsx-reg-fields .wsx-form-field>select,.wsx_variation_1 .wsx-reg-fields .wsx-form-field>input,.wsx_variation_1 .wsx-reg-fields .wsx-form-field>textarea,.wsx_variation_1 .wsx-reg-fields .wsx-form-field>select,.wsx_variation_2 .wsx-reg-fields .wsx-form-field>input,.wsx_variation_2 .wsx-reg-fields .wsx-form-field>textarea,.wsx_variation_2 .wsx-reg-fields .wsx-form-field>select,.wsx_variation_3 .wsx-reg-fields .wsx-form-field>input,.wsx_variation_3 .wsx-reg-fields .wsx-form-field>textarea,.wsx_variation_3 .wsx-reg-fields .wsx-form-field>select,.wsx_variation_6 .wsx-reg-fields .wsx-form-field>input,.wsx_variation_6 .wsx-reg-fields .wsx-form-field>textarea,.wsx_variation_6 .wsx-reg-fields .wsx-form-field>select,.wsx_variation_7 .wsx-reg-fields .wsx-form-field>input,.wsx_variation_7 .wsx-reg-fields .wsx-form-field>textarea,.wsx_variation_7 .wsx-reg-fields .wsx-form-field>select{color:var(--wsx-input-color);background-color:var(--wsx-input-bg) !important;caret-color:var(--wsx-input-color)}.wsx_variation_9 .wsx-reg-fields .wsx-form-field>input:focus,.wsx_variation_9 .wsx-reg-fields .wsx-form-field>textarea:focus,.wsx_variation_9 .wsx-reg-fields .wsx-form-field>select:focus,.wsx_variation_1 .wsx-reg-fields .wsx-form-field>input:focus,.wsx_variation_1 .wsx-reg-fields .wsx-form-field>textarea:focus,.wsx_variation_1 .wsx-reg-fields .wsx-form-field>select:focus,.wsx_variation_2 .wsx-reg-fields .wsx-form-field>input:focus,.wsx_variation_2 .wsx-reg-fields .wsx-form-field>textarea:focus,.wsx_variation_2 .wsx-reg-fields .wsx-form-field>select:focus,.wsx_variation_3 .wsx-reg-fields .wsx-form-field>input:focus,.wsx_variation_3 .wsx-reg-fields .wsx-form-field>textarea:focus,.wsx_variation_3 .wsx-reg-fields .wsx-form-field>select:focus,.wsx_variation_6 .wsx-reg-fields .wsx-form-field>input:focus,.wsx_variation_6 .wsx-reg-fields .wsx-form-field>textarea:focus,.wsx_variation_6 .wsx-reg-fields .wsx-form-field>select:focus,.wsx_variation_7 .wsx-reg-fields .wsx-form-field>input:focus,.wsx_variation_7 .wsx-reg-fields .wsx-form-field>textarea:focus,.wsx_variation_7 .wsx-reg-fields .wsx-form-field>select:focus{color:var(--wsx-input-focus-color) !important;background-color:var(--wsx-input-focus-bg) !important;border-color:var(--wsx-input-focus-border-color) !important}.wsx_variation_9 .wsx-reg-fields .wsx-form-field.wsx-field-warning>input,.wsx_variation_9 .wsx-reg-fields .wsx-form-field.wsx-field-warning>textarea,.wsx_variation_9 .wsx-reg-fields .wsx-form-field.wsx-field-warning>select,.wsx_variation_9 .wsx-reg-fields .wsx-form-field.wsx-field-warning>.wsx-field-content>.wsx-file-label,.wsx_variation_1 .wsx-reg-fields .wsx-form-field.wsx-field-warning>input,.wsx_variation_1 .wsx-reg-fields .wsx-form-field.wsx-field-warning>textarea,.wsx_variation_1 .wsx-reg-fields .wsx-form-field.wsx-field-warning>select,.wsx_variation_1 .wsx-reg-fields .wsx-form-field.wsx-field-warning>.wsx-field-content>.wsx-file-label,.wsx_variation_2 .wsx-reg-fields .wsx-form-field.wsx-field-warning>input,.wsx_variation_2 .wsx-reg-fields .wsx-form-field.wsx-field-warning>textarea,.wsx_variation_2 .wsx-reg-fields .wsx-form-field.wsx-field-warning>select,.wsx_variation_2 .wsx-reg-fields .wsx-form-field.wsx-field-warning>.wsx-field-content>.wsx-file-label,.wsx_variation_3 .wsx-reg-fields .wsx-form-field.wsx-field-warning>input,.wsx_variation_3 .wsx-reg-fields .wsx-form-field.wsx-field-warning>textarea,.wsx_variation_3 .wsx-reg-fields .wsx-form-field.wsx-field-warning>select,.wsx_variation_3 .wsx-reg-fields .wsx-form-field.wsx-field-warning>.wsx-field-content>.wsx-file-label,.wsx_variation_6 .wsx-reg-fields .wsx-form-field.wsx-field-warning>input,.wsx_variation_6 .wsx-reg-fields .wsx-form-field.wsx-field-warning>textarea,.wsx_variation_6 .wsx-reg-fields .wsx-form-field.wsx-field-warning>select,.wsx_variation_6 .wsx-reg-fields .wsx-form-field.wsx-field-warning>.wsx-field-content>.wsx-file-label,.wsx_variation_7 .wsx-reg-fields .wsx-form-field.wsx-field-warning>input,.wsx_variation_7 .wsx-reg-fields .wsx-form-field.wsx-field-warning>textarea,.wsx_variation_7 .wsx-reg-fields .wsx-form-field.wsx-field-warning>select,.wsx_variation_7 .wsx-reg-fields .wsx-form-field.wsx-field-warning>.wsx-field-content>.wsx-file-label{color:var(--wsx-input-warning-color) !important;background-color:var(--wsx-input-warning-bg) !important;border-color:var(--wsx-input-warning-border-color) !important}.wsx_variation_2 .wsx-reg-fields .wsx-outline-focus>input,.wsx_variation_2 .wsx-reg-fields .wsx-outline-focus>textarea,.wsx_variation_2 .wsx-reg-fields .wsx-outline-focus>select{color:var(--wsx-input-color);background-color:var(--wsx-input-bg) !important;caret-color:var(--wsx-input-color)}.wsx_variation_2 .wsx-reg-fields .wsx-outline-focus>input:focus+.wsx-form-label,.wsx_variation_2 .wsx-reg-fields .wsx-outline-focus>textarea:focus+.wsx-form-label,.wsx_variation_2 .wsx-reg-fields .wsx-outline-focus>select:focus+.wsx-form-label{background-color:var(--wsx-input-focus-bg) !important}.wsx_variation_2 .wsx-reg-fields .wsx-outline-focus .wsx-form-label.wsx-clone-label{background-color:var(--wsx-input-bg)}.wsx_variation_2 .wsx-login-fields .wsx-outline-focus>input,.wsx_variation_2 .wsx-login-fields .wsx-outline-focus>textarea,.wsx_variation_2 .wsx-login-fields .wsx-outline-focus>select{color:var(--wsx-login-input-color);background-color:var(--wsx-login-input-bg) !important;padding:var(--wsx-input-padding);border-radius:var(--wsx-input-border-radius);caret-color:var(--wsx-login-input-color);border:var(--wsx-input-border-width) solid var(--wsx-login-input-border-color);font-size:var(--wsx-input-font-size) !important;font-weight:var(--wsx-input-weight);font-style:normal;line-height:1.6em !important}.wsx_variation_2 .wsx-login-fields .wsx-outline-focus>input:focus+.wsx-form-label,.wsx_variation_2 .wsx-login-fields .wsx-outline-focus>textarea:focus+.wsx-form-label,.wsx_variation_2 .wsx-login-fields .wsx-outline-focus>select:focus+.wsx-form-label{background-color:var(--wsx-login-input-focus-bg) !important}.wsx_variation_2 .wsx-login-fields .wsx-outline-focus .wsx-form-label.wsx-clone-label{background-color:var(--wsx-login-input-bg)}.wsx_variation_2 .wsx-outline-focus{display:flex;background:rgba(0,0,0,0);position:relative}.wsx_variation_2 .wsx-outline-focus .wsx-form-label{padding:0px 5px;position:absolute;transform:translate(16px, -50%);display:flex !important;justify-content:center;align-items:center;gap:5px}.wsx_variation_2 .wsx-outline-focus .wsx-form-label.wsx-clone-label{color:rgba(0,0,0,0) !important;padding:0px 5px;height:var(--wsx-input-border-width);transform:translate(16px, 0%)}.wsx_variation_3 .wsx-form-field>textarea,.wsx_variation_3 .wsx-form-field>select,.wsx_variation_3 .wsx-form-field .wsx-file-label,.wsx_variation_3 .wsx-form-field>input{border-top:0px !important;border-left:0px !important;border-right:0px !important;border-bottom-left-radius:0px !important;border-bottom-right-radius:0px !important}.wsx_variation_3 .wsx-form-field>textarea:focus,.wsx_variation_3 .wsx-form-field>select:focus,.wsx_variation_3 .wsx-form-field .wsx-file-label:focus,.wsx_variation_3 .wsx-form-field>input:focus{border-top:0px !important;border-left:0px !important;border-right:0px !important;border-bottom-left-radius:0px !important;border-bottom-right-radius:0px !important}.wsx_variation_3 .wsx-form-file .wsx-file-label,.wsx_variation_4 .wsx-form-file .wsx-file-label{border-top:0px !important;border-left:0px !important;border-right:0px !important}.wsx_variation_4 .wsx-form-file .wsx-field-content{border-bottom-left-radius:0px;border-bottom-right-radius:0px;border-top:0px !important;border-left:0px !important;border-right:0px !important}.wsx_variation_4 .wsx-outline-focus{border-bottom-left-radius:0px !important;border-bottom-right-radius:0px !important;padding-top:calc(var(--wsx-input-padding)/2) !important;padding-bottom:calc(var(--wsx-input-padding)/2) !important;border-top:0px !important;border-left:0px !important;border-right:0px !important}.wsx_variation_4 .wsx-field-content,.wsx_variation_5 .wsx-field-content,.wsx_variation_8 .wsx-field-content{background-color:var(--wsx-input-bg);display:block}.wsx_variation_4 .wsx-file-label,.wsx_variation_5 .wsx-file-label,.wsx_variation_8 .wsx-file-label{background-color:unset !important;padding:0px !important;border:0px !important;border-radius:0px !important;flex-direction:column !important;align-items:flex-start !important}.wsx_variation_4 .wsx-file-label span,.wsx_variation_5 .wsx-file-label span,.wsx_variation_8 .wsx-file-label span{padding:0px;border:0px}.wsx_variation_4 .wsx-file-label .wsx-form-label,.wsx_variation_5 .wsx-file-label .wsx-form-label,.wsx_variation_8 .wsx-file-label .wsx-form-label{display:flex;gap:5px}.wsx_variation_4 .wsx-file-label .wsx-form-label span,.wsx_variation_5 .wsx-file-label .wsx-form-label span,.wsx_variation_8 .wsx-file-label .wsx-form-label span{border:0px !important;padding:0px !important}.wsx_variation_4 .wsx-file-label_wrap,.wsx_variation_5 .wsx-file-label_wrap{display:flex !important;align-items:center;gap:20px}.wsx_variation_4 .wsx-reg-fields .wsx-form-field.wsx-outline-focus,.wsx_variation_5 .wsx-reg-fields .wsx-form-field.wsx-outline-focus{color:var(--wsx-input-color);background-color:var(--wsx-input-bg) !important;caret-color:var(--wsx-input-color)}.wsx_variation_4 .wsx-reg-fields .wsx-form-field.wsx-outline-focus:focus-within,.wsx_variation_5 .wsx-reg-fields .wsx-form-field.wsx-outline-focus:focus-within{border-style:solid;color:var(--wsx-input-focus-color) !important;background-color:var(--wsx-input-focus-bg) !important;border-color:var(--wsx-input-focus-border-color) !important}.wsx_variation_4 .wsx-reg-fields .wsx-form-field>input,.wsx_variation_4 .wsx-reg-fields .wsx-form-field>select,.wsx_variation_4 .wsx-reg-fields .wsx-form-field>textarea,.wsx_variation_5 .wsx-reg-fields .wsx-form-field>input,.wsx_variation_5 .wsx-reg-fields .wsx-form-field>select,.wsx_variation_5 .wsx-reg-fields .wsx-form-field>textarea{color:var(--wsx-input-color)}.wsx_variation_4 .wsx-login-fields .wsx-form-field.wsx-outline-focus,.wsx_variation_5 .wsx-login-fields .wsx-form-field.wsx-outline-focus{color:var(--wsx-login-input-color);background-color:var(--wsx-login-input-bg) !important;padding:var(--wsx-input-padding);border-radius:var(--wsx-input-border-radius);caret-color:var(--wsx-login-input-color);border:var(--wsx-input-border-width) solid var(--wsx-login-input-border-color);font-size:var(--wsx-input-font-size) !important;font-weight:var(--wsx-input-weight);font-style:normal;line-height:1.6em !important}.wsx_variation_4 .wsx-login-fields .wsx-form-field.wsx-outline-focus:focus-within,.wsx_variation_5 .wsx-login-fields .wsx-form-field.wsx-outline-focus:focus-within{border-style:solid;color:var(--wsx-login-input-focus-color) !important;background-color:var(--wsx-login-input-focus-bg) !important;border-color:var(--wsx-login-input-focus-border-color) !important}.wsx_variation_4 .wsx-login-fields .wsx-form-field>input,.wsx_variation_4 .wsx-login-fields .wsx-form-field>select,.wsx_variation_4 .wsx-login-fields .wsx-form-field>textarea,.wsx_variation_5 .wsx-login-fields .wsx-form-field>input,.wsx_variation_5 .wsx-login-fields .wsx-form-field>select,.wsx_variation_5 .wsx-login-fields .wsx-form-field>textarea{color:var(--wsx-login-input-color)}.wsx_variation_4 .wsx-form-field.wsx-outline-focus,.wsx_variation_5 .wsx-form-field.wsx-outline-focus{position:relative;border-style:solid;margin-top:4px;display:flex !important;justify-content:center;align-items:flex-start;flex-direction:column-reverse}.wsx_variation_4 .wsx-form-field.wsx-outline-focus>select,.wsx_variation_4 .wsx-form-field.wsx-outline-focus>input,.wsx_variation_5 .wsx-form-field.wsx-outline-focus>select,.wsx_variation_5 .wsx-form-field.wsx-outline-focus>input{border:none !important;box-shadow:none;background-color:rgba(0,0,0,0);padding:0px !important;margin:0px !important;min-height:fit-content !important}.wsx_variation_4 .wsx-form-field.wsx-outline-focus>textarea,.wsx_variation_5 .wsx-form-field.wsx-outline-focus>textarea{border:none !important;box-shadow:none;background-color:rgba(0,0,0,0);padding:0px !important;margin:0px !important}.wsx_variation_4 .wsx-login-fields .wsx-field-warning.wsx-form-field:not(.wsx-form-checkbox),.wsx_variation_5 .wsx-login-fields .wsx-field-warning.wsx-form-field:not(.wsx-form-checkbox){color:var(--wsx-login-input-warning-color) !important;background-color:var(--wsx-login-input-warning-bg) !important;border-color:var(--wsx-login-input-warning-border-color) !important}.wsx_variation_4 .wsx-reg-fields .wsx-field-warning.wsx-form-field:not(.wsx-field-radio):not(.wsx-form-checkbox):not(.wsx-form-file),.wsx_variation_4 .wsx-reg-fields .wsx-form-file.wsx-field-warning .wsx-field-content,.wsx_variation_5 .wsx-reg-fields .wsx-field-warning.wsx-form-field:not(.wsx-field-radio):not(.wsx-form-checkbox):not(.wsx-form-file),.wsx_variation_5 .wsx-reg-fields .wsx-form-file.wsx-field-warning .wsx-field-content{color:var(--wsx-input-warning-color) !important;background-color:var(--wsx-input-warning-bg) !important;border-color:var(--wsx-input-warning-border-color) !important}.wsx_variation_4 .wsx-field-radio .wsx-field-content,.wsx_variation_4 .wsx-form-checkbox .wsx-field-content,.wsx_variation_5 .wsx-field-radio .wsx-field-content,.wsx_variation_5 .wsx-form-checkbox .wsx-field-content{background-color:unset;border:0px;padding:0px}.wsx_variation_5 .wsx-outline-focus{padding-top:calc(var(--wsx-input-padding)/2) !important;padding-bottom:calc(var(--wsx-input-padding)/2) !important}.wsx_variation_6 .wholesalex-registration-form-column:has(>.wsx-form-select) .wsx-field-heading{position:static !important}.wsx_variation_6 .wsx-form-date,.wsx_variation_6 .wsx-form-select{display:flex !important;justify-content:center;align-items:flex-start;flex-direction:column-reverse}.wsx_variation_6 .wsx-outline-focus:not(.wsx-form-select):not(.wsx-form-date){display:flex !important;justify-content:flex-start;align-items:center}.wsx_variation_6 .wsx-outline-focus:not(.wsx-form-select):not(.wsx-form-date)>select,.wsx_variation_6 .wsx-outline-focus:not(.wsx-form-select):not(.wsx-form-date)>input{height:fit-content !important;box-sizing:border-box}.wsx_variation_6 .wsx-outline-focus:not(.wsx-form-select):not(.wsx-form-date)>textarea:focus~.wsx-form-label,.wsx_variation_6 .wsx-outline-focus:not(.wsx-form-select):not(.wsx-form-date)>textarea:focus-within~.wsx-form-label,.wsx_variation_6 .wsx-outline-focus:not(.wsx-form-select):not(.wsx-form-date)>input:focus~.wsx-form-label,.wsx_variation_6 .wsx-outline-focus:not(.wsx-form-select):not(.wsx-form-date)>input:focus-within~.wsx-form-label{display:none !important}.wsx_variation_6 .wsx-outline-focus:not(.wsx-form-select):not(.wsx-form-date)>input:not([value]):not(:defined){display:none !important}.wsx_variation_6 .wsx-outline-focus:not(.wsx-form-select):not(.wsx-form-date) .wsx-form-label{position:absolute;padding-left:var(--wsx-input-padding)}.wsx_variation_6 .wsx-outline-focus:not(.wsx-form-select):not(.wsx-form-date) .wsx-form-label:focus,.wsx_variation_6 .wsx-outline-focus:not(.wsx-form-select):not(.wsx-form-date) .wsx-form-label:focus-within{display:none !important}.wsx_variation_7 .wsx-outline-focus{display:flex !important;background:rgba(0,0,0,0);position:relative}.wsx_variation_7 .wsx-outline-focus>input,.wsx_variation_7 .wsx-outline-focus>textarea,.wsx_variation_7 .wsx-outline-focus>select{color:var(--wsx-input-color);background-color:var(--wsx-input-bg) !important;caret-color:var(--wsx-input-color)}.wsx_variation_7 .wsx-outline-focus>input:focus~.wsx-form-label,.wsx_variation_7 .wsx-outline-focus>input:focus~.wsx-clone-label,.wsx_variation_7 .wsx-outline-focus>textarea:focus~.wsx-form-label,.wsx_variation_7 .wsx-outline-focus>textarea:focus~.wsx-clone-label,.wsx_variation_7 .wsx-outline-focus>select:focus~.wsx-form-label,.wsx_variation_7 .wsx-outline-focus>select:focus~.wsx-clone-label{transform:translate(16px, -50%);padding-left:6px;padding-right:6px;top:0px !important}.wsx_variation_7 .wsx-outline-focus>input:not(:placeholder-shown)~.wsx-form-label,.wsx_variation_7 .wsx-outline-focus>textarea:not(:placeholder-shown)~.wsx-form-label,.wsx_variation_7 .wsx-outline-focus>select:not(:placeholder-shown)~.wsx-form-label{transform:translate(16px, -50%) !important;padding-left:6px !important;padding-right:6px !important;top:0px !important}.wsx_variation_7 .wsx-outline-focus>input:not(:placeholder-shown)~.wsx-clone-label,.wsx_variation_7 .wsx-outline-focus>textarea:not(:placeholder-shown)~.wsx-clone-label,.wsx_variation_7 .wsx-outline-focus>select:not(:placeholder-shown)~.wsx-clone-label{transform:translate(16px, 0%) !important;padding-top:0px !important;padding-bottom:0px !important;background-color:var(--wsx-input-bg)}.wsx_variation_7 .wsx-outline-focus>input:focus~.wsx-clone-label,.wsx_variation_7 .wsx-outline-focus>textarea:focus~.wsx-clone-label,.wsx_variation_7 .wsx-outline-focus>select:focus~.wsx-clone-label{transform:translate(16px, 0%) !important;padding-top:0px !important;padding-bottom:0px;top:0px !important;background-color:var(--wsx-input-focus-bg) !important}.wsx_variation_7 .wsx-outline-focus .wsx-form-label{padding:var(--wsx-input-padding);z-index:999 !important;transform:translate(var(--wsx-input-padding), -50%);transition:.3s;position:absolute !important;top:50% !important;left:0% !important}.wsx_variation_7 .wsx-outline-focus .wsx-form-label.wsx-clone-label{position:absolute;height:calc(var(--wsx-input-border-width)*2);z-index:0 !important;color:rgba(0,0,0,0) !important;transform:translate(0px, -50%) !important;padding-top:0px !important;padding-bottom:0px !important;transition:unset !important}.wsx_variation_7 .wsx-login-fields .wsx-outline-focus>input:not(:placeholder-shown)~.wsx-clone-label,.wsx_variation_7 .wsx-login-fields .wsx-outline-focus>textarea:not(:placeholder-shown)~.wsx-clone-label,.wsx_variation_7 .wsx-login-fields .wsx-outline-focus>select:not(:placeholder-shown)~.wsx-clone-label{background-color:var(--wsx-login-input-focus-bg) !important}.wsx_variation_7 .wsx-login-fields .wsx-outline-focus>input:focus~.wsx-clone-label,.wsx_variation_7 .wsx-login-fields .wsx-outline-focus>textarea:focus~.wsx-clone-label,.wsx_variation_7 .wsx-login-fields .wsx-outline-focus>select:focus~.wsx-clone-label{background-color:var(--wsx-login-input-focus-bg) !important}.wsx_variation_8 .wsx-form-field>input,.wsx_variation_8 .wsx-form-field>textarea,.wsx_variation_8 .wsx-form-field>select{border:none !important;box-sizing:border-box;background-color:rgba(0,0,0,0) !important;padding:0px}.wsx_variation_8 .wsx-form-field.wsx-outline-focus{cursor:text;display:block;padding-left:0px !important;margin-top:0px !important;box-sizing:border-box;color:var(--wsx-input-color);background-color:var(--wsx-input-bg) !important;caret-color:var(--wsx-input-color);border-top:0px !important;border-left:0px !important;border-right:0px !important;border-bottom-left-radius:0px !important;border-bottom-right-radius:0px !important}.wsx_variation_8 .wsx-login-fields .wsx-form-field>input,.wsx_variation_8 .wsx-login-fields .wsx-form-field>textarea,.wsx_variation_8 .wsx-login-fields .wsx-form-field>select{color:var(--wsx-login-input-color)}.wsx_variation_8 .wsx-login-fields .wsx-form-field>input:focus,.wsx_variation_8 .wsx-login-fields .wsx-form-field>textarea:focus,.wsx_variation_8 .wsx-login-fields .wsx-form-field>select:focus{color:var(--wsx-login-input-focus-color) !important}.wsx_variation_8 .wsx-login-fields .wsx-form-field.wsx-outline-focus{background-color:var(--wsx-login-input-bg) !important}.wsx_variation_8 .wsx-login-fields .wsx-form-field.wsx-outline-focus:focus-within{border-color:var(--wsx-login-input-focus-color) !important;background-color:var(--wsx-login-input-focus-bg) !important}.wsx_variation_8 .wsx-login-fields .wsx-form-field.wsx-field-warning:not(.wsx-field-radio):not(.wsx-form-checkbox),.wsx_variation_8 .wsx-login-fields .wsx-form-field.wsx-field-warning.wsx-form-file>.wsx-field-content{color:var(--wsx-login-input-warning-color) !important;background-color:var(--wsx-login-input-warning-bg) !important;border-color:var(--wsx-login-input-warning-border-color) !important}.wsx_variation_8 .wsx-reg-fields .wsx-form-field>input,.wsx_variation_8 .wsx-reg-fields .wsx-form-field>textarea,.wsx_variation_8 .wsx-reg-fields .wsx-form-field>select{color:var(--wsx-input-color)}.wsx_variation_8 .wsx-reg-fields .wsx-form-field>input:focus,.wsx_variation_8 .wsx-reg-fields .wsx-form-field>textarea:focus,.wsx_variation_8 .wsx-reg-fields .wsx-form-field>select:focus{color:var(--wsx-input-focus-color) !important}.wsx_variation_8 .wsx-reg-fields .wsx-form-field.wsx-outline-focus{background-color:var(--wsx-input-bg) !important}.wsx_variation_8 .wsx-reg-fields .wsx-form-field.wsx-outline-focus:focus-within{border-color:var(--wsx-input-focus-border-color) !important;background-color:var(--wsx-input-focus-bg) !important}.wsx_variation_8 .wsx-reg-fields .wsx-form-field.wsx-field-warning:not(.wsx-field-radio):not(.wsx-form-checkbox),.wsx_variation_8 .wsx-reg-fields .wsx-form-field.wsx-field-warning.wsx-form-file>.wsx-field-content{color:var(--wsx-input-warning-color) !important;background-color:var(--wsx-input-warning-bg) !important;border-color:var(--wsx-input-warning-border-color) !important}.wsx_variation_8 .wsx-field-radio .wsx-field-content,.wsx_variation_8 .wsx-form-checkbox .wsx-field-content{background-color:unset;border:0px;padding:0px}.wsx_variation_8 .wsx-file-label{flex-direction:column;align-items:flex-start !important;border-top:0px !important;border-left:0px !important;border-right:0px !important;border-bottom-left-radius:0px !important;border-bottom-right-radius:0px !important}.wsx_variation_8 .wsx-file-label_wrap{display:flex !important;justify-content:flex-start;align-items:center;gap:20px}.wsx_variation_8 .wsx-field-content{border-radius:var(--wsx-input-border-radius) var(--wsx-input-border-radius) 0px 0px;border-top:0px !important;border-left:0px !important;border-right:0px !important}.wsx-form-wrapper_frontend.wsx_variation_5 .wsx-field-content>.wsx-file-label,.wsx-form-wrapper_frontend.wsx_variation_4 .wsx-field-content>.wsx-file-label{flex-direction:row !important;align-items:center !important}[data-type="wholesalex/forms"] .wsx-reg-form-heading,.wp-block-wholesalex-forms.wholesalex-form .wsx-reg-form-heading,.wsx-form-wrapper_frontend .wsx-reg-form-heading{padding-bottom:20px}[data-type="wholesalex/forms"] .wholesalex-fields-wrapper,.wp-block-wholesalex-forms.wholesalex-form .wholesalex-fields-wrapper,.wsx-form-wrapper_frontend .wholesalex-fields-wrapper{display:flex;flex-direction:column;gap:25px}[data-type="wholesalex/forms"] .wholesalex-form-wrapper,[data-type="wholesalex/forms"].wholesalex-form-wrapper,.wp-block-wholesalex-forms.wholesalex-form .wholesalex-form-wrapper,.wp-block-wholesalex-forms.wholesalex-form.wholesalex-form-wrapper,.wsx-form-wrapper_frontend .wholesalex-form-wrapper,.wsx-form-wrapper_frontend.wholesalex-form-wrapper{overflow:hidden}[data-type="wholesalex/forms"] .wholesalex-registration-form .wholesalex-fields-wrapper,.wp-block-wholesalex-forms.wholesalex-form .wholesalex-fields-wrapper,.wsx-form-wrapper_frontend .wholesalex-fields-wrapper{margin-top:20px !important}.wholesalex-form-preview-block-placeholder{flex-direction:column;display:flex !important;justify-content:flex-start;align-items:center}@media only screen and (max-width: 782px){.wholesalex-form-wrapper{flex-direction:column;align-items:center}}.wsx-reg-form-row.double-column{display:flex;justify-content:space-between;gap:16px}.wsx-reg-form-row.double-column>div{flex:1}.wholesalex_circular_loading__wrapper{background-color:hsla(0,0%,100%,.5);margin:0;transition:opacity .3s;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;z-index:9999999;cursor:wait;height:100vh;top:0;position:fixed !important}.wholesalex_loading_spinner{width:100%;text-align:center;margin-top:-21px;position:absolute !important;top:50% !important}.wholesalex_circular_loading_icon{stroke-width:2;stroke-dashoffset:0;stroke-dasharray:90,150;stroke:var(--wholesalex-primary-color, #6c6cff);stroke-linecap:round;animation:wholesalex_circular_loading 1.5s ease-in-out infinite}@keyframes wholesalex_circular_loading{0%{stroke-dasharray:1,140;stroke-dashoffset:0}}.wholesalex_loading_spinner .move_circular{height:42px;width:42px;animation:circular_rotate 2s linear infinite}@keyframes circular_rotate{100%{transform:rotate(1turn)}}.wsx_variation_1 .wsx-login-fields .wsx-field-warning .wsx-form-label:not(.wsx-clone-label),.wsx_variation_2 .wsx-login-fields .wsx-field-warning .wsx-form-label:not(.wsx-clone-label),.wsx_variation_3 .wsx-login-fields .wsx-field-warning .wsx-form-label:not(.wsx-clone-label),.wsx_variation_4 .wsx-login-fields .wsx-field-warning .wsx-form-label:not(.wsx-clone-label),.wsx_variation_5 .wsx-login-fields .wsx-field-warning .wsx-form-label:not(.wsx-clone-label),.wsx_variation_7 .wsx-login-fields .wsx-field-warning .wsx-form-label:not(.wsx-clone-label),.wsx_variation_8 .wsx-login-fields .wsx-field-warning .wsx-form-label:not(.wsx-clone-label){color:var(--wsx-login-form-label-color-warning) !important}.wsx_variation_1 .wsx-login-fields .wsx-form-field:focus-within .wsx-form-label:not(.wsx-clone-label),.wsx_variation_2 .wsx-login-fields .wsx-form-field:focus-within .wsx-form-label:not(.wsx-clone-label),.wsx_variation_3 .wsx-login-fields .wsx-form-field:focus-within .wsx-form-label:not(.wsx-clone-label),.wsx_variation_4 .wsx-login-fields .wsx-form-field:focus-within .wsx-form-label:not(.wsx-clone-label),.wsx_variation_5 .wsx-login-fields .wsx-form-field:focus-within .wsx-form-label:not(.wsx-clone-label),.wsx_variation_7 .wsx-login-fields .wsx-form-field:focus-within .wsx-form-label:not(.wsx-clone-label),.wsx_variation_8 .wsx-login-fields .wsx-form-field:focus-within .wsx-form-label:not(.wsx-clone-label){color:var(--wsx-login-form-label-color-active) !important}.wsx_variation_1 .wsx-reg-fields .wsx-field-warning .wsx-form-label:not(.wsx-clone-label),.wsx_variation_2 .wsx-reg-fields .wsx-field-warning .wsx-form-label:not(.wsx-clone-label),.wsx_variation_3 .wsx-reg-fields .wsx-field-warning .wsx-form-label:not(.wsx-clone-label),.wsx_variation_4 .wsx-reg-fields .wsx-field-warning .wsx-form-label:not(.wsx-clone-label),.wsx_variation_5 .wsx-reg-fields .wsx-field-warning .wsx-form-label:not(.wsx-clone-label),.wsx_variation_7 .wsx-reg-fields .wsx-field-warning .wsx-form-label:not(.wsx-clone-label),.wsx_variation_8 .wsx-reg-fields .wsx-field-warning .wsx-form-label:not(.wsx-clone-label){color:var(--wsx-form-label-color-warning) !important}.wsx_variation_1 .wsx-reg-fields .wsx-form-field:focus-within .wsx-form-label:not(.wsx-clone-label),.wsx_variation_2 .wsx-reg-fields .wsx-form-field:focus-within .wsx-form-label:not(.wsx-clone-label),.wsx_variation_3 .wsx-reg-fields .wsx-form-field:focus-within .wsx-form-label:not(.wsx-clone-label),.wsx_variation_4 .wsx-reg-fields .wsx-form-field:focus-within .wsx-form-label:not(.wsx-clone-label),.wsx_variation_5 .wsx-reg-fields .wsx-form-field:focus-within .wsx-form-label:not(.wsx-clone-label),.wsx_variation_7 .wsx-reg-fields .wsx-form-field:focus-within .wsx-form-label:not(.wsx-clone-label),.wsx_variation_8 .wsx-reg-fields .wsx-form-field:focus-within .wsx-form-label:not(.wsx-clone-label){color:var(--wsx-form-label-color-active) !important}.wsx_variation_6 .wsx-login-fields .wsx-field-warning .wsx-form-label:not(.wsx-clone-label){color:var(--wsx-login-form-label-color-warning) !important}.wsx_variation_6 .wsx-login-fields .wsx-reg-form-row:focus-within .wsx-form-label:not(.wsx-clone-label),.wsx_variation_6 .wsx-login-fields .wsx-field:focus-within .wsx-form-label:not(.wsx-clone-label),.wsx_variation_6 .wsx-login-fields .wsx-form-field:focus-within .wsx-form-label:not(.wsx-clone-label){color:var(--wsx-login-form-label-color-active) !important}.wsx_variation_6 .wsx-reg-fields .wsx-field-warning .wsx-form-label:not(.wsx-clone-label){color:var(--wsx-form-label-color-warning) !important}.wsx_variation_6 .wsx-reg-fields .wsx-reg-form-row:focus-within .wsx-form-label:not(.wsx-clone-label),.wsx_variation_6 .wsx-reg-fields .wsx-field:focus-within .wsx-form-label:not(.wsx-clone-label),.wsx_variation_6 .wsx-reg-fields .wsx-form-field:focus-within .wsx-form-label:not(.wsx-clone-label){color:var(--wsx-form-label-color-active) !important}:root { --color-primary: #6c6cff; --color-secondary: #fead01; --color-tertiary: #070707; --color-primary-hover: #4d4dff; --color-negative: #ff2f54; --color-positive: #62c55a; --color-positive-hover: #289720; --color-reject: #ff6200; --color-deactive: #494949; --color-warning: #ff6f00; --color-notice: #f2695e; --color-promotion-bg: #ffe4c4; --color-promotion-border: #ffcda5; --color-blue-dark: #0a0d14; --color-sky: #5cadff; --color-orchid: #a367f0; --color-mint: #52d47f; --color-lime: #94c752; --color-pink: #ff176b; --color-indigo: #292461; --color-gray: #e6e6e6; --color-base-one: #ffffff; --color-base-two: #e7e7ff; --color-base-three: #f4f4ff; --color-base-four: #f8f8f8; --color-text-dark: #07050b; --color-text-medium: #343a46; --color-text-light: #6b677a; --color-text-reverse: #ffffff; --color-text-body: #87858d; --color-text-disable: #9c9aa1; --color-border-primary: #e2e4e9; --color-border-secondary: #dcdcee; --color-border-tertiary: #d5d5fa; --color-border-light: #eeeeee; --color-shadow-primary: rgba(78, 46, 206, 0.16); --color-shadow-dark: rgba(78, 46, 206, 0.161); --color-shadow-tertiary: rgba(7, 7, 7, 0.5); --border-radius-xl: 16px; --border-radius-lg: 12px; --border-radius-md: 8px; --border-radius-smd: 6px; --border-radius-sm: 4px; --btn-font-size: 14px; --btn-font-weight: 500; --btn-line-height: 1.15em; --btn-vertical-padding: 10px; --btn-horizontal-padding: 20px; --transition-md: 0.3s; --transition-sm: 0.1s; --body-font-family: "Inter", sans-serif; --font-weight-bold: 600; --font-weight-medium: 500; --font-weight-regular: 400; } /* Bogo Badge Style */ .wholesalex-bogo-badge-container { inset: 0px 0px auto 0px; position: absolute; } .wholesalex-bogo-badge { text-align: center; font-size: 14px; font-weight: 600; line-height: 30px; z-index: 100; padding: 0px 18px; white-space: nowrap; box-sizing: border-box; position: absolute; } .wsx-combined-bogo-badge { display: flex; } /* Default Style */ a.wsx-link { text-decoration: none; } table.wsx-table { width: 100%; } .wp-core-ui select.wsx-select { outline: none; border: 1px solid var(--color-border-primary); border-radius: var(--border-radius-md); box-shadow: none; background-color: transparent; width: 100%; min-height: 40px; height: 100%; margin: 0; position: relative; max-width: unset; background: transparent url(//purefabricz.com/wp-content/plugins/wholesalex/assets/icons/angle-down-16.svg) no-repeat right 14px top 55%; background-size: 16px 16px; padding: 0 32px 0 8px; } .wp-core-ui select.wsx-select:focus, select.wsx-select:focus, input.wsx-input:focus, input:is( [type="url"], [type="tel"], [type="text"], [type="time"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="number"], [type="search"], [type="password"] ):focus.wsx-input, textarea.wsx-textarea:focus { outline: none; box-shadow: none; border-color: var(--color-primary); } .wp-core-ui select.wsx-bg-base1 { background-color: var(--color-base-one); } select.wsx-select, input.wsx-input, input:is( [type="url"], [type="tel"], [type="text"], [type="time"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="number"], [type="search"], [type="password"] ).wsx-input, textarea.wsx-textarea, .wholesalex-field select.wsx-select, .wholesalex-field input.wsx-input, .wholesalex-field input:is( [type="url"], [type="tel"], [type="text"], [type="time"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="number"], [type="search"], [type="password"] ).wsx-input, .wholesalex-field textarea.wsx-textarea { height: auto; min-height: 40px; border: 1px solid var(--color-border-primary); border-radius: var(--border-radius-md); } .wsx-select, select.wsx-select { display: flex; align-items: center; justify-content: space-between; cursor: pointer; width: fill-available; width: -webkit-fill-available; } select.wsx-br-md, input.wsx-br-md, input:is( [type="url"], [type="tel"], [type="text"], [type="time"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="number"], [type="search"], [type="password"] ).wsx-br-md, textarea.wsx-br-md { border-radius: var(--border-radius-md); } .wsx-filter select.wsx-bulk-order-select { border-color: var(--color-border-primary); border-width: 0 0 0 1px; border-radius: 0; width: 100%; } .wsx-option-container { min-width: max-content; overflow-x: hidden; overflow-y: auto; max-height: 60vh; box-shadow: 0 2px 4px 0 var(--color-shadow-primary); background-color: var(--color-base-one); position: absolute; transition: opacity var(--transition-md) ease-in-out; display: flex; flex-direction: column; gap: 2px; } .wsx-option-item { padding: 7px 8px; cursor: pointer; color: var(--color-text-light); } .wsx-option-item-container { padding: 0px 8px; color: var(--color-text-body); } .wsx-option-item-container .wsx-option-item { padding-left: 16px; } .wsx-option-item:last-child { border-bottom: 0; } .wsx-option-item:hover, .wsx-option-item.active { background-color: var(--color-base-three); color: var(--color-text-medium); } .wsx-input-label { font-size: 14px; font-weight: var(--font-weight-medium); line-height: 20px; color: var(--color-text-medium); } .wholesalex-field label.wsx-label { margin-bottom: 8px; } .woocommerce-account .woocommerce-MyAccount-content { width: 60%; } .woocommerce-account .large-9.col .woocommerce-MyAccount-content { width: 100%; } /* Sub account Style */ .wsx-account-info img { width: 32px; height: 32px; border-radius: 50%; max-width: unset; } .wsx-sub-account-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 26px; } .wsx-new-sub-account .wsx-sub-account-heading { padding-bottom: 20px; margin-bottom: 32px; border-bottom: 1px solid var(--color-border-primary); } .wsx-sub-account-controller { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; } .wsx-sub-account-form { padding: 32px 24px; border-radius: var(--border-radius-lg); border: 1px solid var(--color-border-primary); background-color: var(--color-base-three); } .wsx-sub-account-form :is(input, input[type="text"]) { border-radius: var(--border-radius-md); border-color: var(--color-border-tertiary); background-color: var(--color-base-one); } .wsx-sub-account-form :is(input, input[type="text"]):focus { border: 1px solid var(--color-primary); background-color: var(--color-base-one); } /* Table Style */ .wsx-account-table-container table.wsx-table { border: none; border-collapse: collapse; padding-left: 0; padding-right: 0; padding-top: 20px; padding-bottom: 20px; } .wsx-account-table-container table.wsx-table th.job-title { padding-left: 0px; } .wsx-account-table-container table.wsx-table th.phone { padding-left: 0px; } .wsx-account-table-container table.wsx-table tbody td.wallet_balance { text-align: center; } .wsx-account-table-container table.wsx-table .permission { color: var(--color-text-medium); } .wsx-account-table-container table.wsx-table .no_permission { color: var(--color-text-disable); } .wsx-account-table-container table.wsx-table th { border: none; padding: 10px 16px; } .wsx-account-table-container table.wsx-table tbody td { border-width: 1px; padding: 10px 16px; } .wsx-account-table-container table.wsx-table thead { background-color: var(--color-text-medium); color: white; } .wsx-account-table-container table.wsx-table tbody tr { vertical-align: middle; } .wsx-account-table-container table.wsx-table .wsx-ellipsis { max-width: 12rem; } /* Card Style */ .wsx-card { padding: 20px; margin-bottom: 16px; border-radius: var(--border-radius-lg); background-color: var(--color-base-one); box-shadow: 0px 2px 4px 0px var(--color-shadow-dark); } .wsx-card-2 { padding: 20px 24px; background-color: var(--color-gray); border-radius: var(--border-radius-md); } .wsx-card-border { border: 1px solid var(--color-border-primary); } /* Component Style */ /* Pagination Style */ .wsx-pagination-wrapper { width: 100%; display: flex; align-items: center; justify-content: space-between; white-space: nowrap; margin-top: 24px; } .wsx-pagination-wrapper .wsx-btn, .wsx-pagination-wrapper .page-numbers { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; padding: 0; } .wsx-pagination-wrapper .wsx-btn:hover, .wsx-pagination-wrapper .page-numbers:hover { background-color: var(--color-tertiary); color: var(--color-text-reverse); } .wsx-pagination-wrapper .wsx-btn:hover span, .wsx-pagination-wrapper .wsx-btn:hover .wsx-color-tertiary { color: var(--color-text-reverse); } select.wsx-pagination-option-list { background-color: var(--color-base-one); border: 1px solid var(--color-border-secondary); padding: 1px 36px 1px 12px; border-radius: var(--border-radius-md); color: var(--color-text-medium); min-height: 31px; padding-top: 4px; } select.wsx-pagination-option-list:focus { outline: none; box-shadow: none; border-color: var(--color-border-secondary); color: var(--color-primary); } .wsx-pagination-wrapper .page-numbers { color: var(--color-text-dark); font-size: var(--btn-font-size); font-weight: var(--btn-font-weight); line-height: var(--btn-line-height); border: 1px solid var(--color-border-secondary); border-radius: var(--border-radius-md); transition: all var(--transition-md); text-decoration: none; } .wsx-pagination-wrapper .page-numbers.current { color: var(--color-text-reverse); border-color: var(--color-tertiary); background-color: var(--color-tertiary); } .wsx-pagination-wrapper .page-numbers.dots { cursor: not-allowed; opacity: 0.4; } .wsx-pagination-wrapper .page-numbers.dots:hover { background-color: var(--color-base-one); color: var(--color-text-dark); border-color: var(--color-border-secondary); } /* Modal Style */ .wsx-modal-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: var(--color-shadow-tertiary); opacity: 0; visibility: hidden; transition: opacity var(--transition-md) ease, visibility var(--transition-md) ease; z-index: 9999; } .wsx-modal-wrapper.open { opacity: 1; visibility: visible; } .wsx-modal-wrapper .wsx-modal-container-box .dashicons-no-alt { position: absolute; top: 115px; right: 375px; cursor: pointer; font-size: 24px; color: var(--color-base-one); } .wsx-modal-wrapper .wsx-modal-sm { max-width: 500px; width: 95%; } .wsx-modal-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding-bottom: 12px; border-bottom: 1px solid var(--color-border-primary); margin-bottom: 16px; } .wsx-modal-title { font-size: 16px; font-weight: var(--font-weight-medium); color: var(--color-text-medium); } .wsx-modal-close { color: var(--color-text-medium); cursor: pointer; border-radius: 50%; border: 1px solid currentColor; line-height: 0; padding: 3px; } .wsx-modal-close:hover { color: var(--color-negative); } .wsx-modal-body { font-size: 16px; line-height: 24px; color: var(--color-text-body); margin-top: 8px; margin-bottom: 32px; } .wsx-modal-footer { display: flex; align-items: center; justify-content: flex-end; gap: 12px; } /* Popup style */ .wsx-popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: var(--color-text-medium); background-color: var(--color-shadow-tertiary); transition: opacity var(--transition-md) ease, visibility var(--transition-md); z-index: 9999; } .wsx-popup-overlay .wsx-card { padding: 32px 56px; position: relative; z-index: 0; max-width: 95vw; margin-bottom: 0; } .wsx-popup-overlay .wsx-icon { border: 1px solid currentColor; border-radius: 50%; padding: 3px; position: absolute; right: 16px; top: 16px; cursor: pointer; } .wsx-popup-overlay .wsx-icon:hover { color: var(--color-negative); } .wsx-transaction-popup .wsx-card { padding: 46px 56px; } .wsx-popup-content-wrapper { background-color: var(--color-base-one); padding: 20px; border-radius: var(--border-radius-md); max-width: 90%; box-shadow: 0 2px 10px var(--color-shadow-tertiary); transition: transform var(--transition-md) ease; position: relative; } .wsx-popup-content { max-height: 90%; overflow-y: auto; } .wsx-popup-content-wrapper .wsx-icon-cross { position: absolute; right: 16px; top: 16px; line-height: 0; } .wsx-icon-cross { cursor: pointer; } .wsx-icon-cross.wsx-icon-round { border: 1px solid currentColor; border-radius: 50%; padding: 3px; display: flex; align-items: center; justify-content: center; line-height: 0; } .wsx-icon-cross:hover { color: var(--color-negative); } .wsx-pro-modal .wsx-popup-content-wrapper { padding: 8px; border-radius: var(--border-radius-xl); text-align: center; max-width: 390px; width: 90vw; } /* Alert Style */ .wsx-alert-popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--color-shadow-primary); display: flex; justify-content: center; align-items: center; z-index: 9999; } .wsx-alert-popup { background-color: var(--color-base-one); border-radius: var(--border-radius-lg); width: 90%; max-width: 400px; padding: 16px; box-shadow: 0 4px 8px var(--color-shadow-primary); text-align: center; border: 1px solid var(--color-border-primary); } .wsx-alert-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; border-bottom: 1px solid var(--color-border-primary); padding-bottom: 12px; } .wsx-alert-title-wrapper { font-weight: var(--font-weight-medium); color: var(--color-tertiary); display: flex; align-items: center; gap: 8px; } .wsx-alert-body { margin-bottom: 20px; font-size: 12px; line-height: 16px; text-align: left; color: var(--color-text-medium); } .wsx-alert-footer { display: flex; justify-content: flex-end; align-items: center; gap: 12px; } /* Common Style */ .wsx-scrollbar { scrollbar-width: thin; scrollbar-color: var(--color-border-tertiary) transparent; } .wsx-scrollbar::-webkit-scrollbar { width: 8px; height: 8px; } .wsx-scrollbar::-webkit-scrollbar-track { background-color: transparent; } .wsx-scrollbar::-webkit-scrollbar-thumb { background-color: var(--color-text-light); border-radius: var(--border-radius-lg); } .wsx-scrollbar::-webkit-scrollbar-thumb:hover { background-color: var(--color-primary); } .wsx-scrollbar::-webkit-scrollbar-button { width: 0; height: 0; display: none; } .wsx-curser-pointer { cursor: pointer; } .wsx-title { color: var(--color-tertiary); font-size: 32px; line-height: 1.2em; font-weight: var(--font-weight-bold); } .wsx-ellipsis { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .wsx-bulk-item-delete { background-color: var(--color-base-three); color: var(--color-negative); line-height: 0; border-radius: var(--border-radius-md); padding: 8px; } .wsx-bulk-item-delete:hover { background-color: var(--color-negative); color: var(--color-base-one); } /* Multiselect Style */ .wsx-selected-field-wrapper { width: 100%; } .wsx-selected-field-wrapper.wsx-multiple-field { width: 50%; } .wsx-multiselect-wrapper { position: relative; border: 1px solid var(--color-border-primary); border-radius: var(--border-radius-md); background-color: var(--color-base-one); display: flex; align-items: center; min-height: 38px; } .wsx-multiselect-wrapper .wsx-multiselect-inputs { width: 100%; } .wsx-multiselect-wrapper input, .wsx-multiselect-wrapper input:is( [type="url"], [type="tel"], [type="text"], [type="time"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="number"], [type="search"], [type="password"] ), .wsx-multiselect-wrapper input:is( [type="url"], [type="tel"], [type="text"], [type="time"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="number"], [type="search"], [type="password"] ):focus, .wsx-multiselect-wrapper input.wsx-input, .wsx-multiselect-wrapper input[type="number"].wsx-input, .wsx-multiselect-wrapper input[type="number"].wsx-input:focus, .wsx-multiselect-wrapper input:is( [type="url"], [type="tel"], [type="text"], [type="time"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="number"], [type="search"], [type="password"] ).wsx-input, .wsx-multiselect-wrapper input:is( [type="url"], [type="tel"], [type="text"], [type="time"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="number"], [type="search"], [type="password"] ).wsx-input:focus { border: none; box-shadow: none; outline: none; min-width: 100px; min-height: unset; height: 30px; padding: 0 0 0 10px; } .wsx-multiselect-option-wrapper { width: fit-content; } .wsx-multiselect-options { position: absolute; z-index: 1; left: 0; top: calc(100% + 4px); min-width: 300px; padding: 0; margin: 0; overflow: hidden; overflow-y: auto; max-height: 245px; border-radius: var(--border-radius-md); box-shadow: 0px 0px 16px -4px var(--color-shadow-tertiary); } .wsx-multiselect-options.wsx-card { padding: 0; } .wsx-multiselect-option { padding: 6px 20px; cursor: pointer; text-align: left; } .wsx-multiselect-option:hover { background-color: var(--color-primary); color: var(--color-text-reverse); } .wsx-multiselect-input-wrapper { display: flex; gap: 4px; align-items: center; flex-wrap: wrap; padding: 5px 0 5px 10px; } .wsx-multiselect-option-message { padding: 6px 20px; } .wsx-selected-option { display: flex; align-items: center; gap: 8px; } .wsx-selected-option .multiselect-option-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 16rem; } /* Search Style */ .wsx-search-wrapper { display: flex; align-items: center; border: 1px solid var(--color-border-secondary); border-radius: var(--border-radius-md); color: var(--color-text-light); overflow: hidden; } .wsx-search-wrapper input:is( [type="url"], [type="tel"], :is( [type="url"], [type="tel"], [type="text"], [type="time"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="number"], [type="search"], [type="password"] ), [type="time"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="number"], [type="search"], [type="password"] ) { border: 0; min-height: auto; height: 38px; border: 0; box-shadow: none; outline: none; } .wsx-search-wrapper .wsx-icon { padding: 9px; } .wsx-search-wrapper .wsx-icon.wsx-icon-right { border-left: 1px solid var(--color-border-secondary); } /* checkbox style */ .wsx-checkbox-option-wrapper { gap: 10px; display: flex; cursor: pointer; position: relative; width: fit-content; } .wsx-checkbox-option-wrapper input[type="checkbox"] { position: absolute; z-index: 999999; opacity: 0; cursor: pointer; width: auto; height: auto; min-height: unset; left: 0; right: 0; top: 0; bottom: 0; } .wsx-checkbox-option-wrapper label.wsx-label { margin: 0; } .wsx-checkbox-mark { display: block; position: relative; height: 20px; width: 20px; background-color: var(--color-base-one); border: 1px solid var(--color-tertiary); border-radius: var(--border-radius-smd); line-height: 0; } .wsx-checkbox-mark:after { content: ""; position: absolute; top: 4px; left: 4px; bottom: 4px; right: 4px; background: url(//purefabricz.com/wp-content/plugins/wholesalex/assets/icons/white-tick.svg) center / cover no-repeat; display: none; } input:checked ~ .wsx-checkbox-mark { background-color: var(--color-tertiary); } input:checked ~ .wsx-checkbox-mark:after { display: block; } .wsx-checkbox-md { height: 16px; width: 16px; } .wsx-checkbox-sm { height: 12px; width: 12px; } /* Button Style */ .wsx-btn-group { display: flex; align-items: center; gap: 16px; } .wsx-btn-group.wsx-center { justify-content: center; margin: 0 auto; } .wsx-btn { width: fit-content; padding: var(--btn-vertical-padding) var(--btn-horizontal-padding); border: none; border-radius: var(--border-radius-md); color: var(--color-text-reverse); font-size: var(--btn-font-size); font-weight: var(--btn-font-weight); line-height: var(--btn-line-height); transition: all var(--transition-md); cursor: pointer; } .wsx-btn.wsx-go-back { padding: calc(var(--btn-vertical-padding) - 2px) var(--btn-horizontal-padding); } .wsx-btn-border { border: 1px solid currentColor; padding: calc(var(--btn-vertical-padding) - 2px) var(--btn-horizontal-padding); } .wsx-btn-border-primary { color: var(--color-primary); } .wsx-btn-border-primary:hover { color: var(--color-text-reverse); border-color: var(--color-primary); background-color: var(--color-primary); } .wsx-btn .wsx-icon.wsx-color-primary { color: var(--color-primary); } .wsx-btn .wsx-icon.wsx-color-primary:hover { color: var(--color-secondary); } .wsx-btn .wsx-icon.wsx-color-secondary { color: var(--color-secondary); } .wsx-btn .wsx-icon.wsx-color-secondary:hover { color: var(--color-primary); } .wsx-btn.wsx-color-primary { color: var(--color-primary); } .wsx-btn.wsx-color-text-medium { color: var(--color-text-medium); } .wsx-btn.wsx-color-text-light { color: var(--color-text-light); } .wsx-btn.wsx-color-text-reverse { color: var(--color-text-reverse); } .wsx-btn.wsx-color-blue-dark { color: var(--color-blue-dark); } .wsx-btn.wsx-bg-primary:hover, .wsx-btn.wsx-bg-primary.active, .wsx-btn.wsx-bg-negative:hover, .wsx-btn.wsx-bg-negative.active { background-color: var(--color-secondary); border-color: var(--color-secondary); } .wsx-btn.wsx-bg-secondary { color: var(--color-tertiary); } .wsx-btn.wsx-bg-secondary:hover, .wsx-btn.wsx-bg-secondary.active { background-color: var(--color-primary); color: var(--color-text-reverse); border-color: var(--color-primary); } .wsx-btn.wsx-bg-base1:hover, .wsx-btn.wsx-bg-base1.active, .wsx-btn.wsx-bg-base2:hover, .wsx-btn.wsx-bg-base2.active, .wsx-btn.wsx-bg-base3:hover, .wsx-btn.wsx-bg-base3.active { background-color: var(--color-tertiary); color: var(--color-text-reverse); border-color: var(--color-tertiary); } .wsx-btn.wsx-bg-base1, .wsx-btn.wsx-bg-base2, .wsx-btn.wsx-bg-base3 { color: var(--color-text-dark); } .wsx-btn.wsx-bg-base1 span, .wsx-btn.wsx-bg-base2 span, .wsx-btn.wsx-bg-base3 span { color: var(--color-text-reverse); } .wsx-btn.wsx-bg-tertiary:hover, .wsx-btn.wsx-bg-tertiary.active, .wsx-btn.wsx-bg-positive:hover, .wsx-btn.wsx-bg-positive.active { background-color: var(--color-primary); border-color: var(--color-primary); } .wsx-btn.disable { cursor: not-allowed; opacity: 0.6; pointer-events: none; } .wsx-btn-action { background-color: var(--color-base-three); border-radius: var(--border-radius-md); padding: 8px; color: var(--color-tertiary); line-height: 0; transition: all var(--transition-md); display: inline-flex; align-items: center; box-sizing: border-box; cursor: pointer; } .wsx-btn-action:hover { color: var(--color-primary); background-color: var(--color-base-two); } .wsx-btn.wsx-bg-primary { background-color: var(--color-primary); color: var(--color-text-reverse); } .wsx-btn.wsx-bg-secondary { background-color: var(--color-secondary); } .wsx-btn.wsx-bg-tertiary { background-color: var(--color-tertiary); } .wsx-btn-icon { display: flex; align-items: center; gap: 8px; cursor: pointer; } .wsx-btn-icon .wsx-anim-icon-left { animation: none; } .wsx-btn-icon:hover .wsx-anim-icon-left { animation: iconMovingLeft var(--transition-md) forwards; } .wsx-btn-wallet { width: 100%; min-width: 254px; display: flex; align-items: center; justify-content: center; gap: 10px; border-radius: var(--border-radius-md); color: var(--color-tertiary); /* background-color: var(--color-gray); */ background-color: var(--color-base-two); padding: 30px; cursor: pointer; font-size: 20px; font-weight: 500; } .wsx-btn-wallet.active { color: var(--color-text-reverse); background-color: var(--color-primary); position: relative; } .wsx-btn-wallet.active:after { content: ""; position: absolute; bottom: -10px; border: 12px solid var(--color-primary); transform: rotate(45deg); } .wsx-btn-wallet.wallet_submit_btn, .wsx-btn-wallet.wallet_request_btn { width: fit-content; color: var(--color-text-reverse); background-color: var(--color-tertiary); padding: var(--btn-vertical-padding) var(--btn-horizontal-padding); min-width: 260px; } .wsx-btn-wallet.wallet_submit_btn:hover, .wsx-btn-wallet.wallet_request_btn:hover { background-color: var(--color-primary); } .wsx-icon { line-height: 0; } .wsx-icon-cross { cursor: pointer; } .wsx-icon-cross.wsx-icon-round { border: 1px solid currentColor; border-radius: 50%; padding: 3px; display: flex; align-items: center; justify-content: center; line-height: 0; } .wsx-icon-cross:hover { color: var(--color-negative); } /* Dropdown Style */ .wsx-dropdown-content-wrapper { position: absolute; z-index: 9; padding: 12px; border-radius: var(--border-radius-lg); background-color: var(--color-base-one); box-shadow: 0px 2px 4px 0 var(--color-shadow-primary); white-space: nowrap; width: fit-content; } .wsx-dropdown { position: relative; z-index: 9; cursor: pointer; } .wsx-dropdown .wsx-menu-icon svg { transition: transform var(--transition-md); } /* Container Style */ .wsx-container { max-width: 1320px; margin: 0 auto; padding: 42px 15px 100px; } .wsx-dropdown-actions-list { margin-bottom: 20px; } .wsx-dropdown-actions-list:last-child, .wsx-dropdown-actions-list:last-child:only-child { margin-bottom: 0; } /* tooltip style */ .wsx-tooltip { position: relative; cursor: pointer; width: fit-content; } .wsx-tooltip-content { position: absolute; width: fit-content; max-width: 250px; height: fit-content; border-radius: var(--border-radius-sm); padding: 6px 12px; background-color: var(--color-indigo); color: var(--color-text-reverse); z-index: 1; display: flex; align-items: center; justify-content: center; white-space: normal; } .wsx-tooltip-content::before { content: ""; position: absolute; z-index: -1; width: 12px; height: 12px; background-color: var(--color-indigo); transform: rotate(45deg); border-radius: 3px; font-weight: var(--font-weight-regular); text-align: center; } .wsx-tooltip-content.top::before { top: calc(100% - 8px); } .wsx-tooltip-content.bottom::before { bottom: calc(100% - 8px); } .wsx-tooltip-content.left::before { left: calc(100% - 8px); } .wsx-tooltip-global .wsx-tooltip-content.right { left: calc(100% + 8px); top: 50%; transform: translateY(-50%); bottom: auto; } .wsx-tooltip-content.right::before { right: calc(100% - 8px); } .wsx-tooltip-global .wsx-tooltip-content { visibility: hidden; z-index: 1; width: max-content; bottom: 125%; left: 50%; transform: translateX(-50%); opacity: 0; transition: opacity 0.3s; } .wsx-tooltip-global:hover .wsx-tooltip-content { visibility: visible; opacity: 1; } /* Wallet Style */ .wsx-wallet-add-balance { padding: 32px; background-color: var(--color-base-three); border: 1px solid var(--color-border-secondary); border-radius: var(--border-radius-lg); } .wsx-wallet-add-balance input[type="number"].wsx-input { min-width: 260px; border-color: var(--color-text-light); background-color: var(--color-base-one); border-radius: var(--border-radius-md); } .wsx-wallet-add-balance input[type="number"].wsx-input:focus { background-color: var(--color-base-one); } /* Conversation Style */ .wsx-new-conversation-container { margin-bottom: 40px; } .wsx-new-conversation-container input, .wsx-new-conversation-container select.wsx-select, .wsx-new-conversation-container textarea.wsx-textarea, .wsx-new-conversation-container input:is( [type="url"], [type="tel"], [type="text"], [type="time"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="number"], [type="search"], [type="password"] ) { border-radius: var(--border-radius-md); border-color: var(--color-border-tertiary); background-color: var(--color-base-one); transition: all var(--transition-sm); } .wsx-new-conversation-container input:focus, .wsx-new-conversation-container select.wsx-select:focus, .wsx-new-conversation-container textarea.wsx-textarea:focus, .wsx-new-conversation-container input:is( [type="url"], [type="tel"], [type="text"], [type="time"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="number"], [type="search"], [type="password"] ):focus { border: 1px solid var(--color-primary); } .wsx-conversation-form { display: flex; flex-direction: column; gap: 30px; } .wsx-conversation-form label.wsx-label { margin-bottom: 8px; display: block; } .wsx-conversation-form input.wsx-btn { border-radius: var(--border-radius-md); margin-left: auto; } .wsx-conversation-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .wsx-conversation-header { font-size: 26px; font-weight: var(--font-weight-bold); color: var(--color-text-medium); line-height: 1.33; } .wsx-conversation-form { padding: 30px; background-color: var(--color-base-three); border-radius: var(--border-radius-md); border: 1px solid var(--color-border-primary); } .wsx-conversation-form select { background-color: var(--color-base-one, #ffffff); } .wsx-reply-lists-container { font-family: var(--body-font-family); font-size: 14px; padding: 20px; border-bottom: 1px solid var(--color-border-primary); display: flex; flex-direction: column; gap: 30px; } .wsx-reply-lists { margin-bottom: 30px; } .wsx-reply-meta { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; justify-content: start; } .wsx-reply-lists.wsx-reply-right .wsx-reply-meta, .wsx-reply-lists.wsx-reply-right .wsx-message-container { justify-content: end; } .wsx-reply-meta .wsx-image { width: 20px; height: 20px; border-radius: 50%; } .wsx-message-container { display: flex; } .wsx-message-wrapper { display: flex; align-items: center; gap: 12px; margin-top: 8px; width: fit-content; position: relative; } .wsx-reply-lists.wsx-reply-right .wsx-message-wrapper { flex-direction: row-reverse; } .wsx-message { width: fit-content; max-width: 36vw; padding: 12px 20px; line-height: 1.15em; } .wsx-quote, .wsx-message { background-color: var(--color-base-two); border-radius: 0 var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-lg); } .wsx-reply-lists.wsx-reply-right .wsx-quote, .wsx-reply-lists.wsx-reply-right .wsx-message { color: var(--color-text-reverse); background-color: var(--color-primary); border-radius: var(--border-radius-lg) 0 var(--border-radius-lg) var(--border-radius-lg); } /* Quote Style */ .wsx-quote-heading { font-size: 18px; font-weight: var(--font-weight-medium); margin-bottom: 12px; } .wsx-quote-table { background-color: var(--color-base-one); color: var(--color-text-light); border-radius: var(--border-radius-md); border: 1px solid var(--color-border-tertiary); overflow-x: auto; overflow-y: hidden; white-space: nowrap; width: 100%; } .wsx-quote-table-head { background-color: var(--color-base-three); color: var(--color-text-medium); } .wsx-quote-table-row { padding: 12px 24px; display: grid; align-items: center; grid-template-columns: 2fr repeat(2, 1fr); border-bottom: 1px solid var(--color-base-two); } .wsx-quote-table-row:last-child { border-bottom: none; } .wsx-quote-table-row.wsx-quote-item-4 { grid-template-columns: 2fr repeat(3, 1fr); } .wsx-quote-table-item { min-width: 100px; } .wsx-quote-table-item.wsx-table-product-name { min-width: 140px; } a.wsx-quote-item-link { font-weight: var(--font-weight-bold); color: var(--color-primary); display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 8rem; } a.wsx-quote-item-link:hover { color: var(--color-orchid); } .wsx-quote-table-footer { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 12px; } .wsx-quote-table-text { font-size: 16px; color: var(--color-tertiary); } .wsx-reply-lists.wsx-reply-right .wsx-quote-table-text, .wsx-reply-lists.wsx-reply-right .wsx-quote-table-text .woocommerce-Price-amount { color: var(--color-text-reverse); } .wsx-quote-table-text .woocommerce-Price-amount { font-weight: var(--font-weight-bold); } .wsx-reply-container { border-top: 1px solid var(--color-border-primary); } .wsx-reply-container textarea.wsx-textarea { padding: 6px 10px; margin: 0 0 16px; outline: none; border: 1px solid var(--color-border-primary); border-radius: var(--border-radius-md); box-shadow: none; background-color: var(--color-base-one); width: 100%; min-height: 40px; height: 100%; font-size: 14px; } .wsx-reply-container textarea.wsx-textarea:focus { border: 1px solid var(--color-primary); box-shadow: none; } /* Slider Style */ .wsx-single-product-settings-slider label.wsx-label { margin: 0 !important; width: 100% !important; } .wsx-slider, label.wsx-slider { display: flex; gap: 12px; align-items: center; } .wsx-slider-input { position: absolute; visibility: hidden; } .wsx-slider-track { position: relative; width: 44px; height: 24px; border-radius: 12px; transition: background-color var(--transition-md) ease; cursor: pointer; flex-shrink: 0; } .wsx-slider-thumb { position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; border-radius: 50%; transition: left var(--transition-md) ease; } .wsx-slider.active .wsx-slider-thumb { left: 22px; } .wsx-slider-md .wsx-slider-track { width: 40px; height: 20px; } .wsx-slider-md .wsx-slider-thumb { width: 16px; height: 16px; left: 2px; } .wsx-slider-md .wsx-slider.active .wsx-slider-thumb { left: 22px; } .wsx-slider-sm .wsx-slider-track { width: 28px; height: 16px; } .wsx-slider-sm .wsx-slider-thumb { width: 12px; height: 12px; left: 2px; } .wsx-slider-sm .wsx-slider.active .wsx-slider-thumb { left: 14px; } .wsx-relative { position: relative; } .wsx-absolute { position: absolute; z-index: 1; } .wsx-fixed { position: fixed; z-index: 9; } .wsx-top { top: 0; } .wsx-top-16 { top: 16px; } .wsx-up { bottom: 100%; } .wsx-bottom { bottom: 0; } .wsx-down { top: 100%; } .wsx-down-60p { top: 60%; } .wsx-down-4 { top: calc(100% + 4px); } .wsx-left { left: 0; } .wsx-left-n15 { left: -15px; } .wsx-start { right: 100%; } .wsx-start-4 { right: calc(100% + 4px); } .wsx-right { right: 0; } .wsx-right-16 { right: 16px; } .wsx-end { left: 100%; } .wsx-end-4 { left: calc(100% + 4px); } .wsx-z-99999 { z-index: 99999; } .wsx-z-9999 { z-index: 9999; } .wsx-z-999 { z-index: 999; } .wsx-z-99 { z-index: 99; } .wsx-z-9 { z-index: 9; } .wsx-z-1 { z-index: 1; } .wsx-z-0 { z-index: 0; } .wsx-bg-approve { background-color: var(--color-positive); } .wsx-bg-approve:hover { background-color: var(--color-positive-hover); } .wsx-bg-delete { opacity: 0.8; background-color: var(--color-negative); } .wsx-bg-delete:hover { opacity: 1; } .wsx-bg-deactive { background-color: var(--color-deactive); } .wsx-bg-deactive:hover { background-color: var(--color-tertiary); } .wsx-bg-reject { opacity: 0.8; background-color: var(--color-reject); } .wsx-bg-reject:hover { opacity: 1; } .wsx-bg-primary { background-color: var(--color-primary); } .wsx-bg-secondary { background-color: var(--color-secondary); } .wsx-bg-tertiary { background-color: var(--color-tertiary); } .wsx-bg-negative { background-color: var(--color-negative); } .wsx-bg-positive { background-color: var(--color-positive); } .wsx-bg-sky { background-color: var(--color-sky); } .wsx-bg-orchid { background-color: var(--color-orchid); } .wsx-bg-mint { background-color: var(--color-mint); } .wsx-bg-lime { background-color: var(--color-lime); } .wsx-bg-pink { background-color: var(--color-pink); } .wsx-bg-indigo { background-color: var(--color-indigo); } .wsx-bg-gray { background-color: var(--color-gray); } .wsx-bg-base1 { background-color: var(--color-base-one); } .wsx-bg-base2 { background-color: var(--color-base-two); } .wsx-bg-base3 { background-color: var(--color-base-three); } .wsx-bg-base4 { background-color: var(--color-base-four); } .wsx-bg-promotion { background-color: var(--color-promotion-bg); } .wsx-bg-text-medium { background-color: var(--color-text-medium); } .wsx-bg-transparent { background-color: transparent; } .wsx-color-primary { color: var(--color-primary); } .wsx-color-secondary { color: var(--color-secondary); } .wsx-color-tertiary { color: var(--color-tertiary); } .wsx-color-negative { color: var(--color-negative); } .wsx-color-positive { color: var(--color-positive); } .wsx-color-warning { color: var(--color-warning); } .wsx-color-blue-dark { color: var(--color-blue-dark); } .wsx-color-sky { color: var(--color-sky); } .wsx-color-orchid { color: var(--color-orchid); } .wsx-color-mint { color: var(--color-mint); } .wsx-color-lime { color: var(--color-lime); } .wsx-color-pink { color: var(--color-pink); } .wsx-color-indigo { color: var(--color-indigo); } .wsx-color-gray { color: var(--color-gray); } .wsx-color-text-dark { color: var(--color-text-dark); } .wsx-color-text-medium { color: var(--color-text-medium); } .wsx-color-text-light { color: var(--color-text-light); } .wsx-color-text-reverse { color: var(--color-text-reverse); } .wsx-color-text-body { color: var(--color-text-body); } .wsx-shadow-primary { box-shadow: 0 0 10px 10px var(--color-shadow-primary); } .wsx-border-default { border: 1px solid; } .wsx-border-none { border: none; } .wsx-border-top { border-top: 1px solid; } .wsx-border-bottom { border-bottom: 1px solid; } .wsx-br-lg { border-radius: var(--border-radius-lg); } .wsx-br-md { border-radius: var(--border-radius-md); } .wsx-br-sm { border-radius: var(--border-radius-sm); } .wsx-br-round { border-radius: 50%; } .wsx-br-none { border-radius: 0; } .wsx-bc-primary { border-color: var(--color-primary); } .wsx-bc-secondary { border-color: var(--color-secondary); } .wsx-bc-tertiary { border-color: var(--color-tertiary); } .wsx-bc-border-primary { border-color: var(--color-border-primary); } .wsx-bc-border-secondary { border-color: var(--color-border-secondary); } .wsx-bc-border-tertiary { border-color: var(--color-border-tertiary); } .wsx-bc-border-light { border-color: var(--color-border-light); } .wsx-bc-promotion { border-color: var(--color-promotion-border); } .wsx-bc-transparent { border-color: transparent; } .wsx-d-block { display: block; } .wsx-d-flex { display: flex; } .wsx-d-none { display: none; } .wsx-flex-column { flex-direction: column; } .wsx-flex-column-reverse { flex-direction: column-reverse; } .wsx-flex-reverse { flex-direction: row-reverse; } .wsx-flex-wrap { flex-wrap: wrap; } .wsx-flex-nowrap { flex-wrap: nowrap; } .wsx-flex-1 { flex: 1; } .wsx-flex-0 { flex: 0; } .wsx-basis-50 { flex-basis: 50%; } .wsx-basis-20 { flex-basis: 20%; } .wsx-basis-17 { flex-basis: 17%; } .wsx-basis-4 { flex-basis: 4%; } .wsx-item-start { align-items: start; } .wsx-item-center { align-items: center; } .wsx-item-end { align-items: end; } .wsx-justify-evenly { justify-content: space-evenly; } .wsx-justify-around { justify-content: space-around; } .wsx-justify-space { justify-content: space-between; } .wsx-justify-center { justify-content: center; } .wsx-justify-start { justify-content: start; } .wsx-justify-end { justify-content: end; } .wsx-justify-wrapper { display: flex; align-items: center; justify-content: space-between; white-space: nowrap; gap: 10px; } .wsx-d-grid, .wsx-column-2, .wsx-column-3, .wsx-column-4, .wsx-column-1fr-2fr { display: grid; } .wsx-gap-100 { gap: 100px; } .wsx-gap-48 { gap: 48px; } .wsx-gap-40 { gap: 40px; } .wsx-gap-32 { gap: 32px; } .wsx-gap-30 { gap: 30px; } .wsx-gap-24 { gap: 24px; } .wsx-gap-20 { gap: 20px; } .wsx-gap-16 { gap: 16px; } .wsx-gap-12 { gap: 12px; } .wsx-gap-8 { gap: 8px; } .wsx-gap-6 { gap: 6px; } .wsx-gap-4 { gap: 4px; } .wsx-column-2 { grid-template-columns: repeat(2, 1fr); } .wsx-column-3 { grid-template-columns: repeat(3, 1fr); } .wsx-column-4 { grid-template-columns: repeat(4, 1fr); } .wsx-column-1fr-2fr { grid-template-columns: 1fr 2fr; } .wsx-w-full { width: 100%; } .wsx-w-90p { width: 90%; } .wsx-w-60p { width: 60%; } .wsx-w-half { width: 50%; } .wsx-w-auto { width: auto; } .wsx-w-fit { width: fit-content; } .wsx-width-70v { width: 70vw; } .wsx-width-90v { width: 90vw; } .wsx-width-full { width: 100vw; } .wsx-width-1320 { max-width: 1320px; } .wsx-width-1280 { max-width: 1280px; } .wsx-width-1230 { max-width: 1230px; } .wsx-width-512 { max-width: 512px; } .wsx-width-360 { max-width: 360px; } .wsx-width-250 { max-width: 250px; } .wsx-height-full { height: 100vh; } .wsx-text-start { text-align: start; } .wsx-text-center { text-align: center; } .wsx-text-end { text-align: end; } .wsx-font-bold { font-weight: var(--font-weight-bold); } .wsx-font-medium { font-weight: var(--font-weight-medium); } .wsx-font-regular { font-weight: var(--font-weight-regular); } .wsx-lh-normal { line-height: normal; } .wsx-lh-0 { line-height: 0; } .wsx-font-32 { font-size: 32px; } .wsx-font-28 { font-size: 28px; } .wsx-font-24 { font-size: 24px; } .wsx-font-20 { font-size: 20px; } .wsx-font-18 { font-size: 18px; } .wsx-font-16 { font-size: 16px; } .wsx-font-14 { font-size: 14px; line-height: 16px; } .wsx-font-12 { font-size: 12px; line-height: 14px; } .wsx-center-hz { margin-left: auto; margin-right: auto; } .wsx-m-0 { margin: 0; } .wsx-mb-100 { margin-bottom: 100px; } .wsx-mb-48 { margin-bottom: 48px; } .wsx-mb-40 { margin-bottom: 40px; } .wsx-mb-32 { margin-bottom: 32px; } .wsx-mb-26 { margin-bottom: 26px; } .wsx-mb-24 { margin-bottom: 24px; } .wsx-mb-20 { margin-bottom: 20px; } .wsx-mb-16 { margin-bottom: 16px; } .wsx-mb-14 { margin-bottom: 14px; } .wsx-mb-12 { margin-bottom: 12px; } .wsx-mb-8 { margin-bottom: 8px; } .wsx-mb-4 { margin-bottom: 4px; } .wsx-mb-n8 { margin-bottom: -8px; } .wsx-mb-0 { margin-bottom: 0px; } .wsx-mt-100 { margin-top: 100px; } .wsx-mt-48 { margin-top: 48px; } .wsx-mt-40 { margin-top: 40px; } .wsx-mt-32 { margin-top: 32px; } .wsx-mt-24 { margin-top: 24px; } .wsx-mt-20 { margin-top: 20px; } .wsx-mt-16 { margin-top: 16px; } .wsx-mt-12 { margin-top: 12px; } .wsx-mt-8 { margin-top: 8px; } .wsx-mt-4 { margin-top: 4px; } .wsx-p-32 { padding: 32px; } .wsx-p-24 { padding: 24px; } .wsx-p-20 { padding: 20px; } .wsx-p-16 { padding: 16px; } .wsx-p-10 { padding: 10px; } .wsx-p-8 { padding: 8px; } .wsx-p-6 { padding: 6px; } .wsx-p-4 { padding: 4px; } .wsx-p-0 { padding: 0px; } .wsx-plr-40 { padding-left: 40px; padding-right: 40px; } .wsx-plr-24 { padding-left: 24px; padding-right: 24px; } .wsx-plr-20 { padding-left: 20px; padding-right: 20px; } .wsx-plr-16 { padding-left: 16px; padding-right: 16px; } .wsx-plr-12 { padding-left: 12px; padding-right: 12px; } .wsx-plr-10 { padding-left: 10px; padding-right: 10px; } .wsx-plr-8 { padding-left: 8px; padding-right: 8px; } .wsx-plr-4 { padding-left: 4px; padding-right: 4px; } .wsx-pt-100 { padding-top: 100px; } .wsx-pt-48 { padding-top: 48px; } .wsx-pt-32 { padding-top: 32px; } .wsx-pt-24 { padding-top: 24px; } .wsx-pt-20 { padding-top: 20px; } .wsx-pt-16 { padding-top: 16px; } .wsx-pt-12 { padding-top: 12px; } .wsx-pt-10 { padding-top: 10px; } .wsx-pt-8 { padding-top: 8px; } .wsx-pt-6 { padding-top: 6px; } .wsx-pt-4 { padding-top: 4px; } .wsx-pb-100 { padding-bottom: 100px; } .wsx-pb-48 { padding-bottom: 48px; } .wsx-pb-32 { padding-bottom: 32px; } .wsx-pb-24 { padding-bottom: 24px; } .wsx-pb-20 { padding-bottom: 20px; } .wsx-pb-16 { padding-bottom: 16px; } .wsx-pb-12 { padding-bottom: 12px; } .wsx-pb-10 { padding-bottom: 10px; } .wsx-pb-8 { padding-bottom: 8px; } .wsx-pb-6 { padding-bottom: 6px; } .wsx-pb-4 { padding-bottom: 4px; } /* Responsive Style */ @media (max-width: 991px) { .wsx-lg-column-1, .wsx-lg-column-2, .wsx-lg-column-3 { display: grid; } .wsx-lg-column-3 { grid-template-columns: repeat(3, 1fr); } .wsx-lg-column-2 { grid-template-columns: repeat(2, 1fr); } .wsx-lg-column-1 { grid-template-columns: 1fr; } } @media (max-width: 850px) { .wsx-message { max-width: 56vw; } } @media (max-width: 689px) { .woocommerce-account .woocommerce-MyAccount-content { width: 100%; } } @media (max-width: 490px) { .wsx-message { max-width: 46vw; } } @media (max-width: 490px) { .wsx-sm-flex { display: flex; flex-direction: column; } } .approve-button { margin-right: 10px; padding: 10px; background-color: #4caf50; border: none; color: #fff; border-radius: 4px; cursor: pointer; } .decline-button { padding: 10px; background-color: #f44336; border: none; color: #fff; border-radius: 4px; cursor: pointer; }