button,
button:hover,
button:focus,
button:active,
.is-button,
.is-button:hover,
.is-button:focus,
.is-button:active,
.checkout-button,
.checkout-button:hover,
.checkout-button:focus,
.checkout-button:active,
input[type="submit"],
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active {
--button-text-color: var( --text-color--invert );
cursor: pointer;
display: inline-block;
background: var( --white ); padding: 0.35em 0.45em 0.1em;
border-radius: 0;
line-height: 1.2 !important;
border: var( --border-width ) solid var( --text-color );
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
button.is-disabled,
button.is-disabled:hover,
button.is-disabled:focus,
button.is-disabled:active,
.is-button.is-disabled,
.is-button.is-disabled:hover,
.is-button.is-disabled:focus,
.is-button.is-disabled:active,
.checkout-button.is-disabled,
.checkout-button.is-disabled:hover,
.checkout-button.is-disabled:focus,
.checkout-button.is-disabled:active,
input[type="submit"].is-disabled,
input[type="submit"].is-disabled:hover,
input[type="submit"].is-disabled:focus,
input[type="submit"].is-disabled:active {
--text-color: #9a9a9a;
color: var( --text-color );
cursor: default;
}
input[type="text"]:not( #search__input ),
input[type="text"]:not( #search__input ):focus,
input[type="text"]:not( #search__input ):active,
input[type="tel"],
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="email"],
input[type="email"]:focus,
input[type="email"]:active,
input[type="number"],
input[type="number"]:focus,
input[type="number"]:active,
input[type="password"],
input[type="password"]:focus,
input[type="password"]:active,
select,
select:focus,
select:active {
display: inline-block;
padding: 0.35em 0 0.1em;
border-radius: 0;
border-bottom: var( --border-width ) solid currentColor;
line-height: 1.2 !important;
background: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
}
input[type="number"] {
width: 2.5em;
}
select,
select:focus,
select:active {
min-width: 2.5em;
}
input[type="number"]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="radio"],
input[type="radio"]:focus,
input[type="radio"]:hover,
input[type="radio"]:active,
input[type="checkbox"],
input[type="checkbox"]:focus,
input[type="checkbox"]:hover,
input[type="checkbox"]:active {
--radio-size: 0.75em;
width: var( --radio-size );
height: var( --radio-size );
border: var( --border-width ) solid currentColor;
border-radius: 0;
background: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
cursor: pointer;
}
input[type="radio"]:checked,
input[type="checkbox"]:checked {
background-color: var( --black );
}
abbr {
border-bottom: none !important;
cursor: inherit !important;
text-decoration: none !important;
}
.woocommerce-form-login > grid-row > grid-col:last-child::after,
#checkout__login > grid-col:last-child::after {
display: none;
}
.woocommerce-NoticeGroup,
.woocommerce-notices-wrapper {
font-size: var( --font-size--small );
line-height: var( --line-height--small );
margin-bottom: var( --grid-vertical-spacing );
}
.woocommerce-error {
color: red;
}
.woocommerce-invalid {
--border-color: red;
}
.form-row {
display: flex;
border-bottom: var( --border-width ) solid var( --border-color );
margin-bottom: 0.45em;
line-height: 1.2 !important;
}
.form-row > label {
flex: 1;
padding: 0.35em 0 0.1em;
}
.form-row > .woocommerce-input-wrapper,
.form-row > input,
.password-input {
flex: 2;
}
.form-row > .woocommerce-input-wrapper input,
.form-row > .woocommerce-input-wrapper select,
.form-row > input,
.password-input > input {
width: 100%;
border-bottom: none !important;
}
.waitlist {
margin-top: var( --one-line--regular );
}
.waitlist-intro {
margin-top: 0.25em;
}
.waitlist-wrap {
display: flex;
}
.waitlist-wrap > .wcwl_email_elements {
flex: 1;
margin-right: var( --horizontal-spacing );
}
.waitlist-wrap > .wcwl_email_elements > input {
width: 100%;
}
.waitlist-wrap > a {
flex-shrink: 0; 
}
.waitlist-spinner,
.waitlist-wrap button {
margin: 0 !important;
}
.waitlist-spinner {
width: 28px !important;
height: 28px !important;;
}