@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap');
#user-account-login-root input[type="email"],
#user-account-login-root input[type="password"],
#user-account-login-root input[type="text"] {
font-family: 'Roboto Mono', sans-serif;
color: #333;
border-color: #ccc;
}
#user-account-login-root h1 {
font-family: 'Roboto Mono', sans-serif;
text-transform: uppercase;
color: #FF8B56;
font-size: 1.0rem;
font-weight: 500;
letter-spacing: 0.06em;
}
#user-account-login-root button[type="submit"] {
background-color: #D400D1; !important;
font-family: 'Roboto Mono', sans-serif; !important;
color: #fff; !important;
text-transform: uppercase;
font-size: 1.0rem;
font-weight: 500;
letter-spacing: 0.06em;
}
#user-account-login-root button:disabled {
background-color: #ff8bff !important;
font-family: 'Roboto Mono', sans-serif; !important;
text-transform: uppercase; !important;
color: #fff !important;
font-size: 1.0rem;
font-weight: 500;
letter-spacing: 0.06em;
opacity: 1 !important;
}
.my-shop-logo {
display: block;
max-width: 140px;
margin: 0 auto 16px;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap');
div:has(+ button[data-test="sign-out"]) {
font-family: 'Helvetica', sans-serif !important;
color: #FF8B56 !important;
font-size: 2.0rem;
font-weight: 900;
letter-spacing: 0.06em;
}
button[data-test="sign-out"] {
font-family: 'Roboto Mono', sans-serif !important;
color: #FF8B56 !important;
}
.twc-capc--account--greeting {
font-family: 'Roboto Mono', sans-serif;
color: #FF8B56;
}
.twc-capc--account--greeting--name {
font-family: 'Roboto Mono', sans-serif !important;
color: #FF8B56 !important;
}
button[data-test="sign-out"] {
font-family: 'Roboto Mono', sans-serif !important;
color: #D400D1 !important;
font-size: 0.8rem;
font-weight: 500;
}
a[href="/account/orders"] > div > div:first-child,
a[href="/account/addresses"] > div > div:first-child,
a[href="/account/profile"] > div > div:first-child {
font-family: 'Roboto Mono', sans-serif !important;
color: #FF8B56 !important;
font-size: 1.0rem;
font-weight: 500;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.my-account-panel-logo {
display: block;
max-width: 110px;
margin: 24px auto 0;
}
Image 1 of 2
Image 2 of 2