/* ================================
QUAD808 FONTS
================================ */
@font-face {
font-family: "QuadTStar";
src: url("https://cdn.jsdelivr.net/gh/mcansh/yeezy-logo-font@gh-pages/fonts/yeezy_tstar-regular-webfont.ttf") format("truetype");
font-style: normal;
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: "QuadVCR";
src: url("https://cdn.jsdelivr.net/gh/contra/contra.github.io@master/fonts/vcr_osd_mono_1.001-webfont.woff2") format("woff2");
font-style: normal;
font-weight: 400;
font-display: swap;
}
/* ================================
GLOBAL LOGIN UI
================================ */
.twc-calidc,
.twc-calidc * {
box-sizing: border-box !important;
}
.twc-calidc {
font-family: "QuadTStar", Arial, Helvetica, sans-serif !important;
color: #000000 !important;
}
/* ================================
WHITE LOGIN CARD
================================ */
.twc-calidc > div,
.twc-calidc > div > div {
background: #ffffff !important;
color: #000000 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
/* ================================
TITLE
================================ */
.twc-calidc h1,
.twc-calidc h2,
.twc-calidc h3 {
font-family: "QuadTStar", Arial, Helvetica, sans-serif !important;
color: #000000 !important;
font-weight: 400 !important;
letter-spacing: -0.035em !important;
line-height: 1.05 !important;
text-transform: none !important;
}
/* ================================
BODY COPY
================================ */
.twc-calidc p,
.twc-calidc label,
.twc-calidc div {
font-family: "QuadTStar", Arial, Helvetica, sans-serif !important;
}
/* ================================
INPUTS
================================ */
.twc-calidc input {
font-family: "QuadTStar", Arial, Helvetica, sans-serif !important;
color: #000000 !important;
background: #ffffff !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.twc-calidc input::placeholder {
font-family: "QuadTStar", Arial, Helvetica, sans-serif !important;
color: rgba(0,0,0,.46) !important;
opacity: 1 !important;
}
/* ================================
SIGN IN BUTTON
================================ */
.twc-calidc button {
min-height: 52px !important;
background: #000000 !important;
border: 1px solid #000000 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.twc-calidc button,
.twc-calidc button *,
.twc-calidc button span {
font-family: "QuadVCR", ui-monospace, monospace !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
fill: #ffffff !important;
font-weight: 400 !important;
font-size: 11px !important;
line-height: 1 !important;
letter-spacing: .07em !important;
text-transform: uppercase !important;
}
/* ================================
LINKS
================================ */
.twc-calidc a,
.twc-calidc .twc-calidc-sign-in-link,
.twc-calidc .twc-calidc-password-reset {
font-family: "QuadVCR", ui-monospace, monospace !important;
color: #000000 !important;
-webkit-text-fill-color: #000000 !important;
font-size: 9px !important;
font-weight: 400 !important;
letter-spacing: .035em !important;
text-transform: uppercase !important;
text-decoration: none !important;
}
/* ================================
ERROR / SUPPORTING TEXT
================================ */
.twc-calidc .twc-calidc-error-text,
.twc-calidc .twc-calidc-password-length-error-text,
.twc-calidc .twc-calidc-passwords-not-match-error-text,
.twc-calidc .twc-calidc-account-exists-error-text {
font-family: "QuadTStar", Arial, Helvetica, sans-serif !important;
}
/* ================================
REMOVE SQUARESPACE ROUNDING
================================ */
.twc-calidc input,
.twc-calidc button,
.twc-calidc [role="button"] {
border-radius: 0 !important;
}
/* ================================
QUAD808 BLACK / WHITE ONLY
================================ */
.twc-calidc button:hover {
background: #000000 !important;
color: #ffffff !important;
}
.twc-calidc a:hover {
opacity: .58 !important;
}
/* ================================
MOBILE
================================ */
@media (max-width: 600px) {
.twc-calidc h1,
.twc-calidc h2 {
font-size: 27px !important;
line-height: 1.05 !important;
}
.twc-calidc button {
min-height: 54px !important;
}
.twc-calidc button,
.twc-calidc button *,
.twc-calidc button span {
font-size: 11px !important;
}
}
