@naturacosmeticos/natds-themes
Version:
The single source of truth for Natura Design System tokens.
2,180 lines • 2.66 MB
JavaScript
(function(g,f){typeof exports==='object'&&typeof module!=='undefined'?module.exports=f():typeof define==='function'&&define.amd?define(f):(g=typeof globalThis!=='undefined'?globalThis:g||self,g.NatDSThemes=f());})(this,(function(){'use strict';var borderRadius$t = {
none: 0,
small: 2,
medium: 4,
large: 8,
huge: 16,
pill: 999,
circle: 999
};
var alert$t = {
title: {
fontSize: 20,
letterSpacing: 0.24,
lineHeight: 1.5,
primary: {
fontFamily: "Roboto",
fontWeight: 500
},
fallback: {
fontFamily: "Arial",
fontWeight: 400
}
},
content: {
fontSize: 16,
letterSpacing: 0.51,
lineHeight: 1.5,
primary: {
fontFamily: "Roboto",
fontWeight: 400
},
fallback: {
fontFamily: "Arial",
fontWeight: 400
}
},
borderRadius: 4
};
var appBarTop$t = {
title: {
fontSize: 20,
letterSpacing: 0.24,
lineHeight: 1.25,
primary: {
fontFamily: "Roboto",
fontWeight: 500
},
fallback: {
fontFamily: "Arial",
fontWeight: 400
}
}
};
var avatar$t = {
standard: {
fontSize: 12,
letterSpacing: 0,
lineHeight: 1.5,
borderRadius: 12
},
semi: {
fontSize: 14,
letterSpacing: 0.22,
lineHeight: 1.5,
borderRadius: 16
},
semiX: {
fontSize: 20,
letterSpacing: 0.24,
lineHeight: 1.5,
borderRadius: 20
},
medium: {
fontSize: 24,
letterSpacing: 0,
lineHeight: 1.5,
borderRadius: 24
},
largeXXX: {
fontSize: 48,
letterSpacing: 0,
lineHeight: 1.5,
borderRadius: 44
},
primary: {
fontFamily: "Roboto",
fontWeight: 400
},
fallback: {
fontFamily: "Arial",
fontWeight: 400
},
color: {
background: "#333333",
label: "#ffffff"
}
};
var badge$t = {
label: {
fontSize: 12,
letterSpacing: 0.38,
lineHeight: 1.5,
primary: {
fontFamily: "Roboto",
fontWeight: 400
},
fallback: {
fontFamily: "Arial",
fontWeight: 400
}
},
standard: {
height: 16,
borderRadius: 8
},
dot: {
height: 8,
borderRadius: 4
},
color: {
primary: {
label: "#ffffff",
background: "#333333"
},
secondary: {
label: "#ffffff",
background: "#a6672b"
},
success: {
label: "#111111",
background: "#92d492"
},
alert: {
label: "#111111",
background: "#ffa392"
}
}
};
var button$t = {
label: {
fontSize: 14,
letterSpacing: 1.23,
lineHeight: 1.5,
primary: {
fontFamily: "Roboto",
fontWeight: 500
},
fallback: {
fontFamily: "Arial",
fontWeight: 500
}
},
borderRadius: 4,
elevation: "none",
paddingX: 8,
textTransform: "uppercase",
contained: {
color: {
primary: {
background: "#333333",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
onPrimary: {
background: "#111111",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
secondary: {
background: "#a6672b",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
onSecondary: {
background: "#111111",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
neutral: {
background: "#ffffff",
border: "#FFFFFF00",
label: "#363636",
iconColor: "#363636",
rippleColor: "#363636"
},
inverse: {
background: "#ffffff",
border: "#FFFFFF00",
label: "#363636",
iconColor: "#363636",
rippleColor: "#363636"
},
enable: {
background: "#333333",
border: "#FFFFFF00",
label: "#ffffff"
},
disable: {
background: "#bdbdbd",
border: "#FFFFFF00",
label: "#fafafa"
},
hover: {
background: "#2b2b2b",
border: "#FFFFFF00",
label: "#ffffff",
primary: {
background: "#545454",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
onPrimary: {
background: "#4e4e4e",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
secondary: {
background: "#b47f4d",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
onSecondary: {
background: "#4e4e4e",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
neutral: {
background: "#c9c9c9",
border: "#FFFFFF00",
label: "#111111",
iconColor: "#111111",
rippleColor: "#111111"
},
inverse: {
background: "#e1e1e1",
border: "#FFFFFF00",
label: "#363636",
iconColor: "#363636",
rippleColor: "#363636"
}
},
focus: {
primary: {
background: "#747474",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
onPrimary: {
background: "#737373",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
secondary: {
background: "#c2986f",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
onSecondary: {
background: "#737373",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
neutral: {
background: "#bdbdbd",
border: "#FFFFFF00",
label: "#111111",
iconColor: "#111111",
rippleColor: "#111111"
},
inverse: {
background: "#c9c9c9",
border: "#FFFFFF00",
label: "#363636",
iconColor: "#363636",
rippleColor: "#363636"
}
}
}
},
filled: {
color: {
primary: {
background: "#333333",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
onPrimary: {
background: "#111111",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
secondary: {
background: "#a6672b",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
onSecondary: {
background: "#111111",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
neutral: {
background: "#ffffff",
border: "#FFFFFF00",
label: "#363636",
iconColor: "#363636",
rippleColor: "#363636"
},
inverse: {
background: "#ffffff",
border: "#FFFFFF00",
label: "#363636",
iconColor: "#363636",
rippleColor: "#363636"
},
enable: {
background: "#333333",
border: "#FFFFFF00",
label: "#ffffff"
},
disable: {
background: "#bdbdbd",
border: "#FFFFFF00",
label: "#fafafa"
},
hover: {
background: "#2b2b2b",
border: "#FFFFFF00",
label: "#ffffff",
primary: {
background: "#545454",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
onPrimary: {
background: "#4e4e4e",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
secondary: {
background: "#b47f4d",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
onSecondary: {
background: "#4e4e4e",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
neutral: {
background: "#c9c9c9",
border: "#FFFFFF00",
label: "#111111",
iconColor: "#111111",
rippleColor: "#111111"
},
inverse: {
background: "#e1e1e1",
border: "#FFFFFF00",
label: "#363636",
iconColor: "#363636",
rippleColor: "#363636"
}
},
focus: {
primary: {
background: "#747474",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
onPrimary: {
background: "#737373",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
secondary: {
background: "#c2986f",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
onSecondary: {
background: "#737373",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
neutral: {
background: "#bdbdbd",
border: "#FFFFFF00",
label: "#111111",
iconColor: "#111111",
rippleColor: "#111111"
},
inverse: {
background: "#c9c9c9",
border: "#FFFFFF00",
label: "#363636",
iconColor: "#363636",
rippleColor: "#363636"
}
}
}
},
outlined: {
color: {
primary: {
background: "#FFFFFF00",
border: "#333333",
label: "#fafafa",
iconColor: "#fafafa",
rippleColor: "#ffffff"
},
onPrimary: {
background: "#FFFFFF00",
border: "#ffffff",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
secondary: {
background: "#FFFFFF00",
border: "#a6672b",
label: "#fafafa",
iconColor: "#fafafa",
rippleColor: "#ffffff"
},
onSecondary: {
background: "#FFFFFF00",
border: "#ffffff",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
neutral: {
background: "#FFFFFF00",
border: "#ffffff",
label: "#fafafa",
iconColor: "#fafafa",
rippleColor: "#ffffff"
},
inverse: {
background: "#FFFFFF00",
border: "#ffffff",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
enable: {
background: "#FFFFFF00",
border: "#333333",
label: "#fafafa"
},
disable: {
background: "#FFFFFF00",
border: "#bdbdbd",
label: "#c9c9c9"
},
hover: {
background: "#4e4e4e",
border: "#333333",
label: "#fafafa",
primary: {
background: "#4e4e4e",
border: "#545454",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
onPrimary: {
background: "#2b2b2b",
border: "#ffffff",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
secondary: {
background: "#4e4e4e",
border: "#b47f4d",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
onSecondary: {
background: "#8b5724",
border: "#ffffff",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
neutral: {
background: "#4e4e4e",
border: "#ffffff",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
inverse: {
background: "#7f7f7f",
border: "#ffffff",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
}
},
focus: {
background: "#737373",
border: "#333333",
label: "#fafafa",
primary: {
background: "#737373",
border: "#747474",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
onPrimary: {
background: "#232323",
border: "#ffffff",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
secondary: {
background: "#737373",
border: "#c2986f",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
onSecondary: {
background: "#71461d",
border: "#ffffff",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
neutral: {
background: "#737373",
border: "#ffffff",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
inverse: {
background: "#676767",
border: "#ffffff",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
}
}
}
},
ghost: {
color: {
primary: {
background: "#FFFFFF00",
border: "#FFFFFF00",
label: "#333333",
iconColor: "#333333",
rippleColor: "#ffffff"
},
onPrimary: {
background: "#FFFFFF00",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
secondary: {
background: "#FFFFFF00",
border: "#FFFFFF00",
label: "#a6672b",
iconColor: "#a6672b",
rippleColor: "#ffffff"
},
onSecondary: {
background: "#FFFFFF00",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
neutral: {
background: "#FFFFFF00",
border: "#FFFFFF00",
label: "#fafafa",
iconColor: "#fafafa",
rippleColor: "#ffffff"
},
inverse: {
background: "#FFFFFF00",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
enable: {
background: "#FFFFFF00",
border: "#FFFFFF00",
label: "#fafafa"
},
disable: {
background: "#FFFFFF00",
border: "#FFFFFF00",
label: "#c9c9c9"
},
hover: {
background: "#4e4e4e",
border: "#FFFFFF00",
label: "#fafafa",
primary: {
background: "#4e4e4e",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
onPrimary: {
background: "#2b2b2b",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
secondary: {
background: "#4e4e4e",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
onSecondary: {
background: "#8b5724",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
neutral: {
background: "#4e4e4e",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
inverse: {
background: "#7f7f7f",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
}
},
focus: {
background: "#737373",
border: "#FFFFFF00",
label: "#fafafa",
primary: {
background: "#737373",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
onPrimary: {
background: "#232323",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
secondary: {
background: "#737373",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
onSecondary: {
background: "#71461d",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
neutral: {
background: "#737373",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
inverse: {
background: "#676767",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
}
}
}
},
text: {
color: {
primary: {
background: "#FFFFFF00",
border: "#FFFFFF00",
label: "#333333",
iconColor: "#333333",
rippleColor: "#ffffff"
},
onPrimary: {
background: "#FFFFFF00",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
secondary: {
background: "#FFFFFF00",
border: "#FFFFFF00",
label: "#a6672b",
iconColor: "#a6672b",
rippleColor: "#ffffff"
},
onSecondary: {
background: "#FFFFFF00",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
neutral: {
background: "#FFFFFF00",
border: "#FFFFFF00",
label: "#fafafa",
iconColor: "#fafafa",
rippleColor: "#ffffff"
},
inverse: {
background: "#FFFFFF00",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
enable: {
background: "#FFFFFF00",
border: "#FFFFFF00",
label: "#fafafa"
},
disable: {
background: "#FFFFFF00",
border: "#FFFFFF00",
label: "#c9c9c9"
},
hover: {
background: "#4e4e4e",
border: "#FFFFFF00",
label: "#fafafa",
primary: {
background: "#4e4e4e",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
onPrimary: {
background: "#2b2b2b",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
secondary: {
background: "#4e4e4e",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
onSecondary: {
background: "#8b5724",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
neutral: {
background: "#4e4e4e",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
inverse: {
background: "#7f7f7f",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
}
},
focus: {
background: "#737373",
border: "#FFFFFF00",
label: "#fafafa",
primary: {
background: "#737373",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
onPrimary: {
background: "#232323",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
secondary: {
background: "#737373",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
onSecondary: {
background: "#71461d",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
neutral: {
background: "#737373",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
inverse: {
background: "#676767",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
}
}
}
},
tonal: {
color: {
primary: {
background: "#747474",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
onPrimary: {
background: "#545454",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
secondary: {
background: "#c2986f",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
onSecondary: {
background: "#b47f4d",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
neutral: {
background: "#4e4e4e",
border: "#FFFFFF00",
label: "#fafafa",
iconColor: "#fafafa",
rippleColor: "#fafafa"
},
inverse: {
background: "#c9c9c9",
border: "#FFFFFF00",
label: "#111111",
iconColor: "#111111",
rippleColor: "#111111"
},
enable: {
background: "#333333",
border: "#FFFFFF00",
label: "#ffffff"
},
disable: {
background: "#bdbdbd",
border: "#FFFFFF00",
label: "#fafafa"
},
hover: {
background: "#2b2b2b",
border: "#FFFFFF00",
label: "#ffffff",
primary: {
background: "#545454",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
onPrimary: {
background: "#747474",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
secondary: {
background: "#b47f4d",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
onSecondary: {
background: "#c2986f",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
neutral: {
background: "#737373",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
inverse: {
background: "#bdbdbd",
border: "#FFFFFF00",
label: "#111111",
iconColor: "#111111",
rippleColor: "#111111"
}
},
focus: {
primary: {
background: "#2b2b2b",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
onPrimary: {
background: "#232323",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
secondary: {
background: "#8b5724",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
onSecondary: {
background: "#71461d",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
neutral: {
background: "#363636",
border: "#FFFFFF00",
label: "#ffffff",
iconColor: "#ffffff",
rippleColor: "#ffffff"
},
inverse: {
background: "#c9c9c9",
border: "#FFFFFF00",
label: "#111111",
iconColor: "#111111",
rippleColor: "#111111"
}
}
}
}
};
var card$t = {
borderRadius: {
enable: 4,
disable: 0
},
color: {
background: "#4e4e4e"
}
};
var checkbox$t = {
label: {
fontSize: 14,
letterSpacing: 0.22,
lineHeight: 1.5,
primary: {
fontFamily: "Roboto",
fontWeight: 400
},
fallback: {
fontFamily: "Arial",
fontWeight: 400
}
},
borderRadius: 2
};
var counter$t = {
label: {
primary: {
fontFamily: "Roboto",
fontWeight: 500
},
fallback: {
fontFamily: "Arial",
fontWeight: 400
},
fontSize: 14,
letterSpacing: 0.11,
lineHeight: 1.25
},
content: {
primary: {
fontFamily: "Roboto",
fontWeight: 400
},
fallback: {
fontFamily: "Arial",
fontWeight: 400
},
fontSize: 16,
letterSpacing: 0.51,
lineHeight: 1.25
},
borderRadius: 4
};
var dialog$t = {
title: {
fontSize: 20,
letterSpacing: 0.24,
lineHeight: 1.25,
primary: {
fontFamily: "Roboto",
fontWeight: 500
},
fallback: {
fontFamily: "Arial",
fontWeight: 400
}
},
body: {
fontSize: 16,
letterSpacing: 0.51,
lineHeight: 1.5,
primary: {
fontFamily: "Roboto",
fontWeight: 400
},
fallback: {
fontFamily: "Arial",
fontWeight: 400
}
},
borderRadius: 4,
color: {
background: "#4e4e4e",
title: "#ffffff"
}
};
var divider$t = {
color: {
background: "#bdbdbd"
}
};
var expansionPanel$t = {
title: {
fontSize: 16,
letterSpacing: 0.13,
lineHeight: 1.5,
primary: {
fontFamily: "Roboto",
fontWeight: 500
},
fallback: {
fontFamily: "Arial",
fontWeight: 400
}
},
borderRadius: 4
};
var iconButton$t = {
semi: {
borderRadius: 16
},
semiX: {
borderRadius: 20
},
medium: {
borderRadius: 24
},
standard: {
color: {
enable: {
background: "#FFFFFF00"
},
disable: {
background: "#FFFFFF00"
},
hover: {
background: "#4e4e4e"
},
focus: {
background: "#737373"
}
}
},
float: {
color: {
enable: {
background: "#4e4e4e"
},
disable: {
background: "#bdbdbd"
},
hover: {
background: "#4e4e4e"
},
focus: {
background: "#737373"
}
}
},
overlay: {
color: {
enable: {
background: "#ffffff"
},
disable: {
background: "#ffffff"
},
hover: {
background: "#ffffff"
},
focus: {
background: "#ffffff"
}
}
}
};
var image$t = {
borderRadius: {
medium: 4,
none: 0
}
};
var link$t = {
label: {
fontSize: 16,
letterSpacing: 0.51,
lineHeight: 1.5,
primary: {
fontFamily: "Roboto",
fontWeight: 400
},
fallback: {
fontFamily: "Arial",
fontWeight: 400
}
},
color: {
label: {
enable: {
"default": "#a5c0fc",
light: "#bdbdbd"
}
}
}
};
var navigationDrawer$t = {
header: {
title: {
fontSize: 20,
letterSpacing: 0.24,
lineHeight: 1.25,
primary: {
fontFamily: "Roboto",
fontWeight: 500
},
fallback: {
fontFamily: "Arial",
fontWeight: 400
}
},
subtitle: {
fontSize: 14,
letterSpacing: 0.22,
lineHeight: 1.5,
primary: {
fontFamily: "Roboto",
fontWeight: 400
},
fallback: {
fontFamily: "Arial",
fontWeight: 400
}
}
},
section: {
title: {
fontSize: 12,
letterSpacing: 0.38,
lineHeight: 1.5,
primary: {
fontFamily: "Roboto",
fontWeight: 400
},
fallback: {
fontFamily: "Arial",
fontWeight: 400
}
},
item: {
fontSize: 14,
letterSpacing: 0.22,
lineHeight: 1.5,
primary: {
fontFamily: "Roboto",
fontWeight: 400
},
fallback: {
fontFamily: "Arial",
fontWeight: 400
}
}
}
};
var progressIndicator$t = {
standard: {
borderRadius: 12
},
semi: {
borderRadius: 16
},
medium: {
borderRadius: 24
},
large: {
borderRadius: 32
},
color: {
stroke: "#333333",
layer: "#4e4e4e"
}
};
var radioButton$t = {
label: {
fontSize: 14,
letterSpacing: 0.22,
lineHeight: 1.5,
primary: {
fontFamily: "Roboto",
fontWeight: 400
},
fallback: {
fontFamily: "Arial",
fontWeight: 400
}
},
borderRadius: 12,
color: {
select: {
border: "#333333",
content: "#333333"
},
unselect: {
border: "#ffffff",
content: "#ffffff"
},
disable: {
border: "#bdbdbd",
content: "#bdbdbd"
}
}
};
var rating$t = {
counter: {
label: {
fontSize: 14,
letterSpacing: 0.22,
lineHeight: 1.5,
primary: {
fontFamily: "Roboto",
fontWeight: 400
},
fallback: {
fontFamily: "Arial",
fontWeight: 400
}
}
},
input: {
label: {
fontSize: 12,
letterSpacing: 0.38,
lineHeight: 1.5,
primary: {
fontFamily: "Roboto",
fontWeight: 400
},
fallback: {
fontFamily: "Arial",
fontWeight: 400
}
}
}
};
var select$t = {
label: {
primary: {
fontFamily: "Roboto",
fontWeight: 500
},
fallback: {
fontFamily: "Arial",
fontWeight: 400
},
fontSize: 14,
letterSpacing: 0.11,
lineHeight: 1.5
},
content: {
primary: {
fontFamily: "Roboto",
fontWeight: 400
},
fallback: {
fontFamily: "Arial",
fontWeight: 400
},
fontSize: 16,
letterSpacing: 0.51,
lineHeight: 1.25
},
helperText: {
primary: {
fontFamily: "Roboto",
fontWeight: 400
},
fallback: {
fontFamily: "Arial",
fontWeight: 400
},
fontSize: 12,
letterSpacing: 0.38,
lineHeight: 1.25
},
borderRadius: 4
};
var shortcut$t = {
label: {
fontSize: 12,
letterSpacing: 0.38,
lineHeight: 1.5,
primary: {
fontFamily: "Roboto",
fontWeight: 400
},
fallback: {
fontFamily: "Arial",
fontWeight: 400
}
},
contained: {
color: {
enable: {
primary: {
background: "#333333",
border: "#FFFFFF00",
label: "#fafafa"
},
neutral: {
background: "#4e4e4e",
border: "#FFFFFF00",
label: "#fafafa"
}
},
disable: {
primary: {
background: "#bdbdbd",
border: "#FFFFFF00",
label: "#c9c9c9"
},
neutral: {
background: "#bdbdbd",
border: "#FFFFFF00",
label: "#c9c9c9"
}
},
hover: {
primary: {
background: "#2b2b2b",
border: "#FFFFFF00",
label: "#fafafa"
},
neutral: {
background: "#4e4e4e",
border: "#FFFFFF00",
label: "#fafafa"
}
},
focus: {
primary: {
background: "#232323",
border: "#FFFFFF00",
label: "#fafafa"
},
neutral: {
background: "#737373",
border: "#FFFFFF00",
label: "#fafafa"
}
}
}
},
outlined: {
color: {
enable: {
primary: {
background: "#FFFFFF00",
border: "#333333",
label: "#fafafa"
},
neutral: {
background: "#FFFFFF00",
border: "#bdbdbd",
label: "#fafafa"
}
},
disable: {
primary: {
background: "#4e4e4e",
border: "#bdbdbd",
label: "#bdbdbd"
},
neutral: {
background: "#4e4e4e",
border: "#bdbdbd",
label: "#bdbdbd"
}
},
hover: {
primary: {
background: "#4e4e4e",
border: "#2b2b2b",
label: "#fafafa"
},
neutral: {
background: "#4e4e4e",
border: "#c9c9c9",
label: "#fafafa"
}
},
focus: {
primary: {
background: "#737373",
border: "#2b2b2b",
label: "#fafafa"
},
neutral: {
background: "#737373",
border: "#c9c9c9",
label: "#fafafa"
}
}
}
},
borderRadius: 28
};
var snackbar$t = {
content: {
fontSize: 14,
letterSpacing: 0.22,
lineHeight: 1.5,
primary: {
fontFamily: "Roboto",
fontWeight: 400
},
fallback: {
fontFamily: "Arial",
fontWeight: 400
}
},
borderRadius: 4
};
var tab$t = {
label: {
fontSize: 14,
letterSpacing: 1.23,
lineHeight: 1.5,
primary: {
fontFamily: "Roboto",
fontWeight: 500
},
fallback: {
fontFamily: "Arial",
fontWeight: 400
}
}
};
var tag$t = {
label: {
fontSize: 12,
letterSpacing: 0.38,
lineHeight: 1.25,
primary: {
fontFamily: "Roboto",
fontWeight: 400
},
fallback: {
fontFamily: "Arial",
fontWeight: 400
}
},
small: {
borderRadius: {
enable: 8,
disable: 0
}
},
standard: {
borderRadius: {
enable: 12,
disable: 0
}
},
color: {
background: {
primary: "#333333",
secondary: "#a6672b",
success: "#92d492",
alert: "#ffa392",
warning: "#e5b815",
link: "#a5c0fc"
},
label: {
primary: "#ffffff",
secondary: "#ffffff",
success: "#111111",
alert: "#111111",
warning: "#111111",
link: "#111111"
}
}
};
var textField$t = {
label: {
primary: {
fontFamily: "Roboto",
fontWeight: 500
},
fallback: {
fontFamily: "Arial",
fontWeight: 400
},
fontSize: 14,
letterSpacing: 0.11,
lineHeight: 1.5
},
content: {
primary: {
fontFamily: "Roboto",
fontWeight: 400
},
fallback: {
fontFamily: "Arial",
fontWeight: 400
},
fontSize: 16,
letterSpacing: 0.51,
lineHeight: 1.25
},
helperText: {
primary: {
fontFamily: "Roboto",
fontWeight: 400
},
fallback: {
fontFamily: "Arial",
fontWeight: 400
},
fontSize: 12,
letterSpacing: 0.38,
lineHeight: 1.25
},
borderRadius: 4
};
var heading1$t = {
fontSize: 96,
fontWeight: 400,
lineHeight: 1.5,
letterSpacing: 0
};
var heading2$t = {
fontSize: 64,
fontWeight: 400,
lineHeight: 1.5,
letterSpacing: 0
};
var heading3$t = {
fontSize: 48,
fontWeight: 400,
lineHeight: 1.5,
letterSpacing: 0
};
var heading4$t = {
fontSize: 32,
fontWeight: 400,
lineHeight: 1.5,
letterSpacing: 0
};
var heading5$t = {
fontSize: 24,
fontWeight: 400,
lineHeight: 1.5,
letterSpacing: 0
};
var heading6$t = {
fontSize: 20,
fontWeight: 500,
lineHeight: 1.5,
letterSpacing: 0.24
};
var subtitle1$t = {
fontSize: 16,
fontWeight: 500,
lineHeight: 1.5,
letterSpacing: 0.13
};
var subtitle2$t = {
fontSize: 14,
fontWeight: 500,
lineHeight: 1.5,
letterSpacing: 0.11
};
var body1$t = {
fontSize: 16,
fontWeight: 400,
lineHeight: 1.5,
letterSpacing: 0.51
};
var body2$t = {
fontSize: 14,
fontWeight: 400,
lineHeight: 1.5,
letterSpacing: 0.22
};
var caption$t = {
fontSize: 12,
fontWeight: 400,
lineHeight: 1.5,
letterSpacing: 0.38
};
var overline$t = {
fontSize: 12,
fontWeight: 500,
lineHeight: 1.5,
letterSpacing: 1.92
};
var opacity$t = {
transparent: 0,
lower: 0.04,
veryLow: 0.08,
low: 0.12,
mediumLow: 0.16,
disabledLow: 0.24,
disabled: 0.32,
medium: 0.48,
mediumHigh: 0.56,
high: 0.64,
veryHigh: 0.8,
opaque: 1
};
var size$t = {
none: 0,
micro: 4,
tiny: 8,
small: 16,
standard: 24,
semi: 32,
semiX: 40,
medium: 48,
mediumX: 56,
large: 64,
largeX: 72,
largeXX: 80,
largeXXX: 88,
huge: 96,
hugeX: 128,
hugeXX: 144,
hugeXXX: 192,
veryHuge: 256
};
var typography$t = {
fontSize: {
level1: 13,
level2: 14,
level3: 16,
level4: 18,
level5: 20,
level6: 23,
level7: 26,
level8: 29,
level9: 32,
level10: 36,
level11: 41,
level12: 46,
level13: 52,
level14: 58,
level15: 66,
level16: 74,
level17: 83
},
lineHeight: {
auto: 1,
reset: 1,
small: 1.25,
medium: 1.5,
large: 2
},
fontFamily: {
primary: "Roboto",
secondary: "sans-serif",
branding: "Roboto",
code: "Roboto Mono"
},
fontWeight: {
regular: 400,
medium: 500
},
display: {
fontFamily: "ZapfHumnst BT",
fontWeight: 400
},
headline: {
fontFamily: "Suisse Int'l",
fontWeight: 400
},
body: {
regular: {
fontFamily: "Suisse Int'l",
fontWeight: 400
},
bold: {
fontFamily: "Suisse Int'l Medium",
fontWeight: 500
}
},
fallback: {
fontFamily: "Arial",
fontWeight: 400
}
};
var spacing$t = {
none: 0,
micro: 4,
tiny: 8,
small: 16,
standard: 24,
semi: 32,
large: 48,
xLarge: 64
};
var spectrum$t = {
dark: "#000000",
light: "#ffffff",
pink: {
"50": "#fff0f6",
"100": "#ffdeeb",
"200": "#fcc2d7",
"300": "#faa2c1",
"400": "#f783ac",
"500": "#f06595",
"600": "#e64980",
"700": "#d6336c",
"800": "#c2255c",
"900": "#a61e4d"
},
grape: {
"50": "#f8f0fc",
"100": "#f3d9fa",
"200": "#eebefa",
"300": "#e599f7",
"400": "#da77f2",
"500": "#cc5de8",
"600": "#be4bdb",
"700": "#ae3ec9",
"800": "#9c36b5",
"900": "#862e9c"
},
violet: {
"50": "#f3f0ff",
"100": "#e5dbff",
"200": "#d0bfff",
"300": "#b197fc",
"400": "#9775fa",
"500": "#845ef7",
"600": "#7950f2",
"700": "#7048e8",
"800": "#6741d9",
"900": "#5f3dc4"
},
indigo: {
"50": "#edf2ff",
"100": "#dbe4ff",
"200": "#bac8ff",
"300": "#91a7ff",
"400": "#748ffc",
"500": "#5c7cfa",
"600": "#4c6ef5",
"700": "#4263eb",
"800": "#3b5bdb",
"900": "#364fc7"
},
blue: {
"50": "#e7f5ff",
"100": "#d0ebff",
"200": "#a5d8ff",
"300": "#74c0fc",
"400": "#4dabf7",
"500": "#339af0",
"600": "#228be6",
"700": "#1c7ed6",
"800": "#1971c2",
"900": "#1864ab"
},
cyan: {
"50": "#e3fafc",
"100": "#c5f6fa",
"200": "#99e9f2",
"300": "#66d9e8",
"400": "#3bc9db",
"500": "#22b8cf",
"600": "#15aabf",
"700": "#1098ad",
"800": "#0c8599",
"900": "#0b7285"
},
teal: {
"50": "#e6fcf5",
"100": "#c3fae8",
"200": "#96f2d7",
"300": "#63e6be",
"400": "#38d9a9",
"500": "#20c997",
"600": "#12b886",
"700": "#0ca678",
"800": "#099268",
"900": "#087f5b"
},
green: {
"50": "#ebfbee",
"100": "#d3f9d8",
"200": "#b2f2bb",
"300": "#8ce99a",
"400": "#69db7c",
"500": "#51cf66",
"600": "#40c057",
"700": "#37b24d",
"800": "#2f9e44",
"900": "#2b8a3e"
},
lime: {
"50": "#f4fce3",
"100": "#e9fac8",
"200": "#d8f5a2",
"300": "#c0eb75",
"400": "#a9e34b",
"500": "#94d82d",
"600": "#82c91e",
"700": "#74b816",
"800": "#66a80f",
"900": "#5c940d"
},
yellow: {
"50": "#fff9db",
"100": "#fff3bf",
"200": "#ffec99",
"300": "#ffe066",
"400": "#ffd43b",
"500": "#fcc419",
"600": "#fab005",
"700": "#f59f00",
"800": "#f08c00",
"900": "#e67700"
},
orange: {
"50": "#fff4e6",
"100": "#ffe8cc",
"200": "#ffd8a8",
"300": "#ffc078",
"400": "#ffa94d",
"500": "#ff922b",
"600": "#fd7e14",
"700": "#f76707",
"800": "#e8590c",
"900": "#d9480f"
},
color: {
brand: {
a: {
lightest: "#747474",
light: "#545454",
main: "#333333",
dark: "#2B2B2B",
darkest: "#232323"
},
b: {
lightest: "#C2986F",
light: "#B47F4D",
main: "#A6672B",
dark: "#8B5724",
darkest: "#71461D"
},
c: {
lightest: "#FFFEF6",
light: "#FFFEF4",
main: "#FFFEF2",
dark: "#D6D5CB",
darkest: "#ADADA5"
},
gradient: {
primary: {
type: "linear",
angle: 101,
start: "#333333",
end: "#A6672B"
}
}
}
},
gray: {
"50": "#F7F7F7",
"100": "#EEEEEE",
"200": "#E3E3E3",
"300": "#D1D1D1",
"400": "#ACACAC",
"500": "#8B8B8B",
"600": "#646464",
"700": "#515151",
"800": "#333333",
"900": "#131313"
},
red: {
"50": "#FEEDEE",
"100": "#FDD2D3",
"200": "#ECA49E",
"300": "#E18278",
"400": "#EA6A56",
"500": "#ED603D",
"600": "#E0573D",
"700": "#CD4E37",
"800": "#C04831",
"900": "#B23F25"
}
};
var color$t = {
neutral0: "#111111",
neutral50: "#363636",
neutral75: "#1d1d1d",
neutral100: "#4e4e4e",
neutral200: "#737373",
neutral300: "#8c8c8c",
neutral400: "#a4a4a4",
neutral500: "#bdbdbd",
neutral600: "#c9c9c9",
neutral700: "#e1e1e1",
neutral800: "#fafafa",
neutral900: "#ffffff",
surface: "#4e4e4e",
surfaceDark: "#ffffff",
surfaceFixedLight: "#ffffff",
surfaceFixedDark: "#4e4e4e",
surfaceDisabled: "#a4a4a4",
onSurface: "#ffffff",
onSurfaceDark: "#363636",
onSurfaceFixedLight: "#363636",
onSurfaceFixedDark: "#ffffff",
onSurfaceDisabled: "#363636",
background: "#111111",
onBackground: "#ffffff",
surfaceInverse: "#ffffff",
onSurfaceInverse: "#363636",
highlight: "#ffffff",
highEmphasis: "#fafafa",
mediumEmphasis: "#c9c9c9",
lowEmphasis: "#bdbdbd",
lowLight: "#000000",
info: "#a5c0fc",
onInfo: "#111111",
infoLight: "#d1ddfd",
onInfoLight: "#111111",
infoLightest: "#edf0ff",
onInfoLightest: "#111111",
infoDark: "#70a1fc",
onInfoDark: "#111111",
infoDarkest: "#418afd",
onInfoDarkest: "#111111",
link: "#a5c0fc",
onLink: "#111111",
linkLight: "#d1ddfd",
onLinkLight: "#111111",
linkLightest: "#edf0ff",
onLinkLightest: "#111111",
linkDark: "#70a1fc",
onLinkDark: "#111111",
linkDarkest: "#418afd",
onLinkDarkest: "#111111",
success: "#92d492",
onSuccess: "#111111",
successLight: "#c8eec4",
onSuccessLight: "#111111",
successLightest: "#ebffe6",
onSuccessLightest: "#111111",
successDark: "#68c170",
onSuccessDark: "#111111",
successDarkest: "#35ac4f",
onSuccessDarkest: "#111111",
warning: "#e5b815",
onWarning: "#111111",
warningLight: "#ffd75d",
onWarningLight: "#111111",
warningLightest: "#ffefcd",
onWarningLightest: "#111111",
warningDark: "#cba41d",
onWarningDark: "#111111",
warningDarkest: "#b09020",
onWarningDarkest: "#111111",
alert: "#ffa392",
onAlert: "#111111",
alertLight: "#ffd1c8",
onAlertLight: "#111111",
alertLightest: "#ffedea",
onAlertLightest: "#111111",
alertDark: "#ff7d69",
onAlertDark: "#111111",
alertDarkest: "#fa5140",
onAlertDarkest: "#111111",
neutralLightest: "#ffffff",
neutralLight: "#fafafa",
neutralMedium: "#bbbbbb",
neutralDark: "#777777",
neutralDarkest: "#333333",
primary: "#333333",
onPrimary: "#ffffff",
primaryLight: "#545454",
onPrimaryLight: "#ffffff",
primaryLightest: "#747474",
onPrimaryLightest: "#ffffff",
primaryDark: "#2b2b2b",
onPrimaryDark: "#ffffff",
primaryDarkest: "#232323",
onPrimaryDarkest: "#ffffff",
secondary: "#a6672b",
onSecondary: "#ffffff",
secondaryLight: "#b47f4d",
onSecondaryLight: "#ffffff",
secondaryLightest: "#c2986f",
onSecondaryLightest: "#ffffff",
secondaryDark: "#8b5724",
onSecondaryDark: "#ffffff",
secondaryDarkest: "#71461d",
onSecondaryDarkest: "#ffffff",
contentHighlight: "#ffffff",
contentHighEmphasis: "#fafafa",
contentMediumEmphasis: "#c9c9c9",
contentLowEmphasis: "#bdbdbd",
contentDisabled: "#a4a4a4",
contentHighlightFixedLight: "#ffffff",
contentHighEmphasisFixedLight: "#fafafa",
contentMediumEmphasisFixedLight: "#c9c9c9",
contentLowEmphasisFixedLight: "#bdbdbd"
};
var asset$t = {
font: {
file: {
display: "zapf_humanist601bt_roman",
headline: "suisse_intl_regular",
body: {
regular: "suisse_intl_regular",
bold: "suisse_intl_medium"
}
}
},
brand: {
neutral: {
a: {
file: "<svg width=\"256\" height=\"82\" viewBox=\"0 0 256 82\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#clip0)\"><path d=\"M14.928 36.73a137.814 137.814 0 0 0-7.803 21.96 16.278 16.278 0 0 0-3.435-.492c-1.243.05-2.48.215-3.692.492C7.459 42.436 19.865 15.09 25.815 0c.693.138 1.396.22 2.102.246A6.695 6.695 0 0 0 29.769 0c6.45 17.62 24.977 58.367 25.152 58.69a26.014 26.014 0 0 0-4.951-.492 31.76 31.76 0 0 0-5.369.492 153.224 153.224 0 0 0-8.469-21.96H14.928zm10.484-24.99-8.815 20.8h17.867l-9.052-20.8zM68.417 38.322c0 2.349 0 7.125 2.261 10.973a12.8 12.8 0 0 0 11.74 6.545 15.686 15.686 0 0 0 13.34-6.777l1.009.232a27.06 27.06 0 0 0-.595 5.031c-3.685 3.529-8.805 5.463-15.596 5.463-12.747 0-20.545-8.049-20.545-20.972 0-11.569 6.373-21.292 20.131-21.292 18.693 0 18.439 16.27 18.363 20.8l-30.108-.003zm21.72-3.528c0-2.767 0-13.921-10.06-13.921-7.298 0-10.822 5.538-11.578 13.92h21.638zM130.459 27.247a7.816 7.816 0 0 0-3.265-5.023 9.68 9.68 0 0 0-5.45-1.429c-5.112 0-7.794 2.683-7.794 6.284 0 4.866 4.951 6.63 7.877 7.385 7.464 1.927 13.51 3.529 13.51 11.911 0 6.373-4.452 13.495-16.107 13.495a22.744 22.744 0 0 1-12.403-3.514c.947-2.14 1.595-4.4 1.926-6.717l1.001-.246a10.101 10.101 0 0 0 4.533 5.539 11.75 11.75 0 0 0 6.118 1.587c4.365 0 8.469-2.092 8.469-6.873 0-4.782-2.851-5.705-11.649-8.55-3.611-1.18-9.566-3.78-9.566-11.155 0-4.772 2.938-12.486 14.515-12.486 3.864-.069 7.68.88 11.06 2.753a24.503 24.503 0 0 0-1.675 7.046l-1.1-.007zM187.065 38.15c0 13.336-9.224 21.718-21.956 21.718-8.902 0-21.31-4.03-21.31-21.223 0-13.07 8.718-21.199 21.31-21.199 15.916.001 21.956 10.483 21.956 20.704zm-34.717.255c0 11.657 5.117 18.108 12.83 18.108 8.054 0 13.336-6.957 13.336-18.028 0-6.54-2.014-17.69-12.923-17.69-13.244-.001-13.244 15.086-13.244 17.61h.001zM219.182 59.953c-7.891 0-12.324-4.353-13.671-7.793 0 13.154-.082 20.8.423 28.5a15.319 15.319 0 0 0-4.367-.491 16.495 16.495 0 0 0-4.522.492c.668-10.895.919-21.876.919-32.78 0-7.631-.162-17.946-.422-30.102a18.77 18.77 0 0 0 4.112.492c1.384-.02 2.76-.185 4.108-.492-.333 4.609-.333 5.862-.333 7.63a15.5 15.5 0 0 1 14.246-8.049c8.388 0 18.628 6.118 18.628 21.046-.001 13.243-8.143 21.547-19.121 21.547zm-10.398-34.04c-1.68 2.092-3.446 5.115-3.446 13.415 0 7.376 1.675 10.151 3.446 12.236a10.978 10.978 0 0 0 8.88 4.117c11.994 0 11.994-14.17 11.994-16.861 0-12.662-6.04-17.258-11.483-17.258a11.334 11.334 0 0 0-9.391 4.35zM92.09 9.669H68.918V7.05H92.09V9.67zM250.513 48.562a5.5 5.5 0 1 1-5.467 5.502 5.433 5.433 0 0 1 3.364-5.088 5.443 5.443 0 0 1 2.103-.414zm0 .985a4.513 4.513 0 0 0 0 9.028 4.518 4.518 0 0 0 4.441-4.514 4.518 4.518 0 0 0-4.441-4.514zm2.976 7.478a4.488 4.488 0 0 0-.627-.065c-.213 0-.426.042-.761.065a30.923 30.923 0 0 0-2.451-3.036h-.204c0 .951 0 1.69.079 3.036a5.796 5.796 0 0 0-.7-.065 2.987 2.987 0 0 0-.58.065c.09-1.07.124-2.143.102-3.217 0-1.556-.032-2.321-.07-2.98.464.019.794.019 1.504.019 1.537 0 3.105-.019 3.105 1.467 0 1.295-1.402 1.494-2.02 1.554.404.558 2.275 2.661 2.67 3.059l-.047.098zm-4.019-5.746c-.024.827-.024 1.56-.024 2.288.664 0 2.251 0 2.251-1.183.001-1.102-1.221-1.102-2.227-1.102v-.003z\" fill=\"#fff\"/></g><defs><clipPath id=\"clip0\"><path fill=\"#fff\" d=\"M0 0H256V81.231H0z\"/></clipPath></defs></svg>",
width: 256,
height: 82
},
b: {
file: "<svg width=\"256\" height=\"82\" viewBox=\"0 0 256 82\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#clip0)\"><path d=\"M14.928 36.73a137.814 137.814 0 0 0-7.803 21.96 16.278 16.278 0 0 0-3.435-.492c-1.243.05-2.48.215-3.692.492C7.459 42.436 19.865 15.09 25.815 0c.693.138 1.396.22 2.102.246A6.695 6.695 0 0 0 29.769 0c6.45 17.62 24.977 58.367 25.152 58.69a26.014 26.014 0 0 0-4.951-.492 31.76 31.76 0 0 0-5.369.492 153.224 153.224 0 0 0-8.469-21.96H14.928zm10.484-24.99-8.815 20.8h17.867l-9.052-20.8zM68.417 38.322c0 2.349 0 7.125 2.261 10.973a12.8 12.8 0 0 0 11.74 6.545 15.686 15.686 0 0 0 13.34-6.777l1.009.232a27.06 27.06 0 0 0-.595 5.031c-3.685 3.529-8.805 5.463-15.596 5.463-12.747 0-20.545-8.049-20.545-20.972 0-11.569 6.373-21.292 20.131-21.292 18.693 0 18.439 16.27 18.363 20.8l-30.108-.003zm21.72-3.528c0-2.767 0-13.921-10.06-13.921-7.298 0-10.822 5.538-11.578 13.92h21.638zM130.459 27.247a7.816 7.816 0 0 0-3.265-5.023 9.68 9.68 0 0 0-5.45-1.429c-5.112 0-7.794 2.683-7.794 6.284 0 4.866 4.951 6.63 7.877 7.385 7.464 1.927 13.51 3.529 13.51 11.911 0 6.373-4.452 13.495-16.107 13.495a22.744 22.744 0 0 1-12.403-3.514c.947-2.14 1.595-4.4 1.926-6.717l1.001-.246a10.101 10.101 0 0 0 4.533 5.539 11.75 11.75 0 0 0 6.118 1.587c4.365 0 8.469-2.092 8.469-6.873 0-4.782-2.851-5.705-11.649-8.55-3.611-1.18-9.566-3.78-9.566-11.155 0-4.772 2.938-12.486 14.515-12.486 3.864-.069 7.68.88 11.06 2.753a24.503 24.503 0 0 0-1.675 7.046l-1.1-.007zM187.065 38.15c0 13.336-9.224 21.718-21.956 21.718-8.902 0-21.31-4.03-21.31-21.223 0-13.07 8.718-21.199 21.31-21.199 15.916.001 21.956 10.483 21.956 20.704zm-34.717.255c0 11.657 5.117 18.108 12.83 18.108 8.054 0 13.336-6.957 13.336-18.028 0-6.54-2.014-17.69-12.923-17.69-13.244-.001-13.244 15.086-13.244 17.61h.001zM219.182 59.953c-7.891 0-12.324-4.353-13.671-7.793 0 13.154-.082 20.8.423 28.5a15.319 15.319 0 0 0-4.367-.491 16.495 16.495 0 0 0-4.522.492c.668-10.895.919-21.876.919-32.78 0-7.631-.162-17.946-.422-30.102a18.77 18.77 0 0 0 4.112.492c1.384-.02 2.76-.185 4.108-.492-.333 4.609-.333 5.862-.333 7.63a15.5 15.5 0 0 1 14.246-8.049c8.388 0 18.628 6.118 18.628 21.046-.001 13.243-8.143 21.547-19.121 21.547zm-10.398-34.04c-1.68 2.092-3.446 5.115-3.446 13.415 0 7.376 1.675 10.151 3.446 12.236a10.978 10.978 0 0 0 8.88 4.117c11.994 0 11.994-14.17 11.994-16.861 0-12.662-6.04-17.258-11.483-17.258a11.334 11.334 0 0 0-9.391 4.35zM92.09 9.669H68.918V7.05H92.09V9.67zM250.513 48.562a5.5 5.5 0 1 1-5.467 5.502 5.433 5.433 0 0 1 3.364-5.088 5.443 5.443 0 0 1 2.103-.414zm0 .985a4.513 4.513 0 0 0 0 9.028 4.518 4.518 0 0 0 4.441-4.514 4.518 4.518 0 0 0-4.441-4.514zm2.976 7.478a4.488 4.488 0 0 0-.627-.065c-.213 0-.426.042-.761.065a30.923 30.923 0 0 0-2.451-3.036h-.204c0 .951 0 1.69.079 3.036a5.796 5.796 0 0 0-.7-.065 2.987 2.987 0 0 0-.58.065c.09-1.07.124-2.143.102-3.217 0-1.556-.032-2.321-.07-2.98.464.019.794.019 1.504.019 1.537 0 3.105-.019 3.105 1.467 0 1.295-1.402 1.494-2.02 1.554.404.558 2.275 2.661 2.67 3.059l-.047.098zm-4.019-5.746c-.024.827-.024 1.56-.024 2.288.664 0 2.251 0 2.251-1.183.001-1.102-1.221-1.102-2.227-1.102v-.003z\" fill=\"#fff\"/></g><defs><clipPath id=\"clip0\"><path fill=\"#fff\" d=\"M0 0H256V81.231H0z\"/></clipPath></defs></svg>",
width: 256,
height: 82
}
},
custom: {
a: {
file: "<svg width=\"256\" height=\"82\" viewBox=\"0 0 256 82\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#clip0)\"><path d=\"M14.928 36.73a137.814 137.814 0 0 0-7.803 21.96 16.278 16.278 0 0 0-3.435-.492c-1.243.05-2.48.215-3.692.492C7.459 42.436 19.865 15.09 25.815 0c.693.138 1.396.22 2.102.246A6.695 6.695 0 0 0 29.769 0c6.45 17.62 24.977 58.367 25.152 58.69a26.014 26.014 0 0 0-4.951-.492 31.76 31.76 0 0 0-5.369.492 153.224 153.224 0 0 0-8.469-21.96H14.928zm10.484-24.99-8.815 20.8h17.867l-9.052-20.8zM68.417 38.322c0 2.349 0 7.125 2.261 10.973a12.8 12.8 0 0 0 11.74 6.545 15.687 15.687 0 0 0 13.34-6.777l1.009.232a27.06 27.06 0 0 0-.595 5.031c-3.685 3.529-8.805 5.463-15.596 5.463-12.747 0-20.545-8.049-20.545-20.972 0-11.569 6.373-21.292 20.131-21.292 18.693 0 18.439 16.27 18.363 20.8l-30.108-.003zm21.72-3.528c0-2.767 0-13.921-10.06-13.921-7.298 0-10.822 5.538-11.578 13.92h21.638zM130.459 27.247a7.816 7.816 0 0 0-3.265-5.023 9.678 9.678 0 0 0-5.45-1.429c-5.112 0-7.794 2.683-7.794 6.284 0 4.866 4.951 6.63 7.877 7.385 7.464 1.927 13.51 3.529 13.51 11.911 0 6.373-4.452 13.495-16.107 13.495a22.744 22.744 0 0 1-12.403-3.514c.947-2.14 1.595-4.4 1.926-6.717l1.001-.246a10.101 10.101 0 0 0 4.533 5.539 11.75 11.75 0 0 0 6.118 1.587c4.365 0 8.469-2.092 8.469-6.873 0-4.782-2.851-5.705-11.649-8.55-3.611-1.18-9.566-3.78-9.566-11.155 0-4.772 2.938-12.486 14.515-12.486 3.864-.069 7.68.88 11.06 2.753a24.503 24.503 0 0 0-1.675 7.046l-1.1-.007zM187.065 38.15c0 13.336-9.224 21.718-21.956 21.718-8.902 0-21.31-4.03-21.31-21.223 0-13.07 8.718-21.199 21.31-21.199 15.916.001 21.956 10.483 21.956 20.704zm-34.717.255c0 11.657 5.117 18.108 12.83 18.108 8.054 0 13.336-6.957 13.336-18.028 0-6.54-2.014-17.69-12.923-17.69-13.244-.001-13.244 15.086-13.244 17.61h.001zM219.182 59.953c-7.891 0-12.324-4.353-13.671-7.793 0 13.154-.082 20.8.423 28.5a15.319 15.319 0 0 0-4.367-.491 16.491 16.491 0 0 0-4.522.492c.668-10.895.919-21.876.919-32.78 0-7.631-.162-17.946-.422-30.102a18.77 18.77 0 0 0 4.112.492c1.384-.02 2.76-.185 4.108-.492-.333 4.609-.333 5.862-.333 7.63a15.5 15.5 0 0 1 14.246-8.049c8.388 0 18.628 6.118 18.628 21.046-.001 13.243-8.143 21.547-19.121 21.547zm-10.398-34.04c-1.68 2.092-3.446 5.115-3.446 13.415 0 7.376 1.675 10.151 3.446 12.236a10.977 10.977 0 0 0 8.88 4.117c11.994 0 11.994-14.17 11.994-16.861 0-12.663-6.04-17.258-11.483-17.258a11.336 11.336 0 0 0-9.391 4.35zM92.09 9.669H68.918V7.05H92.09V9.67zM250.513 48.563a5.5 5.5 0 1 1-5.467 5.501 5.433 5.433 0 0 1 3.364-5.088 5.441 5.441 0 0 1 2.103-.413zm0 .984a4.513 4.513 0 0 0 0 9.028 4.518 4.518 0 0 0 4.441-4.514 4.518 4.518 0 0 0-4.441-4.514zm2.976 7.478a4.488 4.488 0 0 0-.627-.065c-.213 0-.426.042-.761.065a30.935 30.935 0 0 0-2.451-3.036h-.204c0 .951 0 1.69.079 3.036a5.796 5.796 0 0 0-.7-.065 2.987 2.987 0 0 0-.58.065c.09-1.07.124-2.143.102-3.217 0-1.556-.032-2.321-.07-2.98.464.019.794.019 1.504.019 1.537 0 3.105-.019 3.105 1.467 0 1.295-1.402 1.494-2.02 1.554.404.558 2.275 2.661 2.67 3.059l-.047.098zm-4.019-5.746c-.024.827-.024 1.56-.024 2.288.664 0 2.251 0 2.251-1.183.001-1.102-1.221-1.102-2.227-1.102v-.003z\" fill=\"#000\"/></g><defs><clipPath id=\"clip0\"><path fill=\"#fff\" d=\"M0 0H256V81.231H0z\"/></clipPath></defs></svg>",
width: 256,
height: 82
},
b: {
file: "<svg width=\"256\" height=\"82\" viewBox=\"0 0 256 82\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#clip0)\"><path d=\"M14.928 36.73a137.814 137.814 0 0 0-7.803 21.96 16.278 16.278 0 0 0-3.435-.492c-1.243.05-2.48.215-3.692.492C7.459 42.436 19.865 15.09 25.815 0c.693.138 1.396.22 2.102.246A6.695 6.695 0 0 0 29.769 0c6.45 17.62 24.977 58.367 25.152 58.69a26.014 26.014 0 0 0-4.951-.492 31.76 31.76 0 0 0-5.369.492 153.224 153.224 0 0 0-8.469-21.96H14.928zm10.484-24.99-8.815 20.8h17.867l-9.052-20.8zM68.417 38.322c0 2.349 0 7.125 2.261 10.973a12.8 12.8 0 0 0 11.74 6.545 15.687 15.687 0 0 0 13.34-6.777l1.009.232a27.06 27.06