reset: {
"*": { boxSizing: string; margin: string; padding: string };
address: { fontStyle: string };
body: { overscrollBehavior: string };
button: { background: string; border: string };
date: { color: "#000000" };
"h1, h2, h3, h4, h5, h6": {
fontSize: string;
fontWeight: string;
lineHeight: string;
marginBottom: string;
};
hr: {
backgroundColor: "#E6E6E6";
border: string;
height: string;
margin: string;
};
input: { className: string
| string[]; [key: string]: any };
label: {
"&:has(+ input[required]):after, &:has(+ textarea[required]):after": {
color: "#A90007";
content: string;
};
"&[for]": { cursor: string };
display: string;
fontFamily: string;
fontSize: string;
fontWeight: string;
lineHeight: string;
marginBottom: string;
position: string;
};
li: {
color: "#454545";
fontFamily: string;
fontSize: string;
lineHeight: string;
};
p: {
"&:last-child": { marginBottom: string };
color: "#454545";
fontFamily: string;
fontSize: string;
lineHeight: string;
marginBottom: string;
};
select: {
"&::placeholder": { color: "#757575" };
"&:focus, &:focus-within": { borderBottom: string };
"&[aria-invalid='false']": {
"& + [id]": { display: string };
border: string;
};
"&[aria-invalid='true']": {
"&[aria-errormessage] + [id]": {
color: "#A90007";
display: string;
fontSize: string;
fontWeight: number;
letterSpacing: string;
lineHeight: number;
margin: number;
marginTop: string;
textTransform: string;
};
border: string;
};
"&[multiple]": {
"& option": {
"&:checked": { backgroundColor: "#E6E6E6" };
"&:hover": { color: "#E21833" };
color: "#000000";
padding: string;
transition: string;
};
cursor: string;
resize: string;
};
"&[readonly]": { color: "#757575"; cursor: string; fontStyle: string };
backgroundColor: "#FFFFFF";
border: string;
color: "#000000";
cursor: string;
display: string;
fontFamily: string;
fontSize: string;
lineHeight: string;
outlineOffset: string;
padding: string;
position: string;
textOverflow: string;
transition: string;
width: string;
};
textarea: {
"&::placeholder": { color: "#757575" };
"&:focus, &:focus-within": { borderBottom: string };
"&[aria-invalid='false']": {
"& + [id]": { display: string };
border: string;
};
"&[aria-invalid='true']": {
"&[aria-errormessage] + [id]": {
color: "#A90007";
display: string;
fontSize: string;
fontWeight: number;
letterSpacing: string;
lineHeight: number;
margin: number;
marginTop: string;
textTransform: string;
};
border: string;
};
"&[readonly]": { color: "#757575"; cursor: string; fontStyle: string };
backgroundColor: "#FFFFFF";
border: string;
color: "#000000";
cursor: string;
display: string;
fontFamily: string;
fontSize: string;
lineHeight: string;
outlineOffset: string;
padding: string;
position: string;
textOverflow: string;
transition: string;
width: string;
};
video: { maxWidth: string };
} = ...
Type declaration
*: { boxSizing: string; margin: string; padding: string }
address: { fontStyle: string }
body: { overscrollBehavior: string }
date: { color: "#000000" }
h1, h2, h3, h4, h5, h6: {
fontSize: string;
fontWeight: string;
lineHeight: string;
marginBottom: string;
}
hr: { backgroundColor: "#E6E6E6"; border: string; height: string; margin: string }
label: {
"&:has(+ input[required]):after, &:has(+ textarea[required]):after": {
color: "#A90007";
content: string;
};
"&[for]": { cursor: string };
display: string;
fontFamily: string;
fontSize: string;
fontWeight: string;
lineHeight: string;
marginBottom: string;
position: string;
}
li: { color: "#454545"; fontFamily: string; fontSize: string; lineHeight: string }
p: {
"&:last-child": { marginBottom: string };
color: "#454545";
fontFamily: string;
fontSize: string;
lineHeight: string;
marginBottom: string;
}
select: {
"&::placeholder": { color: "#757575" };
"&:focus, &:focus-within": { borderBottom: string };
"&[aria-invalid='false']": {
"& + [id]": { display: string };
border: string;
};
"&[aria-invalid='true']": {
"&[aria-errormessage] + [id]": {
color: "#A90007";
display: string;
fontSize: string;
fontWeight: number;
letterSpacing: string;
lineHeight: number;
margin: number;
marginTop: string;
textTransform: string;
};
border: string;
};
"&[multiple]": {
"& option": {
"&:checked": { backgroundColor: "#E6E6E6" };
"&:hover": { color: "#E21833" };
color: "#000000";
padding: string;
transition: string;
};
cursor: string;
resize: string;
};
"&[readonly]": { color: "#757575"; cursor: string; fontStyle: string };
backgroundColor: "#FFFFFF";
border: string;
color: "#000000";
cursor: string;
display: string;
fontFamily: string;
fontSize: string;
lineHeight: string;
outlineOffset: string;
padding: string;
position: string;
textOverflow: string;
transition: string;
width: string;
}
textarea: {
"&::placeholder": { color: "#757575" };
"&:focus, &:focus-within": { borderBottom: string };
"&[aria-invalid='false']": {
"& + [id]": { display: string };
border: string;
};
"&[aria-invalid='true']": {
"&[aria-errormessage] + [id]": {
color: "#A90007";
display: string;
fontSize: string;
fontWeight: number;
letterSpacing: string;
lineHeight: number;
margin: number;
marginTop: string;
textTransform: string;
};
border: string;
};
"&[readonly]": { color: "#757575"; cursor: string; fontStyle: string };
backgroundColor: "#FFFFFF";
border: string;
color: "#000000";
cursor: string;
display: string;
fontFamily: string;
fontSize: string;
lineHeight: string;
outlineOffset: string;
padding: string;
position: string;
textOverflow: string;
transition: string;
width: string;
}
video: { maxWidth: string }
Reset styles for the application.