/* /assets/css/fonts.css */
/* Web fonts, self-hosted: the rules and files Google Fonts served for
Outfit, Roboto and Chakra Petch (OFL), fetched on 2026-10-16 with a current browser's user agent.
unicode-range lets a browser download only the subsets a page uses. */
/* thai */
@font-face {
font-family: 'Chakra Petch';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIfnMapbsEk7TDLdtEz1BwkWmpLJQq_T9AIG0TzGyR8.woff2) format('woff2');
unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
font-family: 'Chakra Petch';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIfnMapbsEk7TDLdtEz1BwkWmpLJQq_I9AIG0TzGyR8.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Chakra Petch';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIfnMapbsEk7TDLdtEz1BwkWmpLJQq_J9AIG0TzGyR8.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Chakra Petch';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIfnMapbsEk7TDLdtEz1BwkWmpLJQq_H9AIG0TzG.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
font-family: 'Chakra Petch';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIfkMapbsEk7TDLdtEz1BwkWmpp2YLrq1g8s6zU.woff2) format('woff2');
unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
font-family: 'Chakra Petch';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIfkMapbsEk7TDLdtEz1BwkWmpptYLrq1g8s6zU.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Chakra Petch';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIfkMapbsEk7TDLdtEz1BwkWmppsYLrq1g8s6zU.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Chakra Petch';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIfkMapbsEk7TDLdtEz1BwkWmppiYLrq1g8s.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
font-family: 'Chakra Petch';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIfnMapbsEk7TDLdtEz1BwkWmpKRQ6_T9AIG0TzGyR8.woff2) format('woff2');
unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
font-family: 'Chakra Petch';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIfnMapbsEk7TDLdtEz1BwkWmpKRQ6_I9AIG0TzGyR8.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Chakra Petch';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIfnMapbsEk7TDLdtEz1BwkWmpKRQ6_J9AIG0TzGyR8.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Chakra Petch';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIfnMapbsEk7TDLdtEz1BwkWmpKRQ6_H9AIG0TzG.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
font-family: 'Chakra Petch';
font-style: italic;
font-weight: 600;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIfnMapbsEk7TDLdtEz1BwkWmpK9RK_T9AIG0TzGyR8.woff2) format('woff2');
unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
font-family: 'Chakra Petch';
font-style: italic;
font-weight: 600;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIfnMapbsEk7TDLdtEz1BwkWmpK9RK_I9AIG0TzGyR8.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Chakra Petch';
font-style: italic;
font-weight: 600;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIfnMapbsEk7TDLdtEz1BwkWmpK9RK_J9AIG0TzGyR8.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Chakra Petch';
font-style: italic;
font-weight: 600;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIfnMapbsEk7TDLdtEz1BwkWmpK9RK_H9AIG0TzG.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
font-family: 'Chakra Petch';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIfnMapbsEk7TDLdtEz1BwkWmpLZRa_T9AIG0TzGyR8.woff2) format('woff2');
unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
font-family: 'Chakra Petch';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIfnMapbsEk7TDLdtEz1BwkWmpLZRa_I9AIG0TzGyR8.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Chakra Petch';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIfnMapbsEk7TDLdtEz1BwkWmpLZRa_J9AIG0TzGyR8.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Chakra Petch';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIfnMapbsEk7TDLdtEz1BwkWmpLZRa_H9AIG0TzG.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIflMapbsEk7TDLdtEz1BwkeNIh1U5_F_gUk0wzH.woff2) format('woff2');
unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIflMapbsEk7TDLdtEz1BwkeNIh1SJ_F_gUk0wzH.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIflMapbsEk7TDLdtEz1BwkeNIh1SZ_F_gUk0wzH.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIflMapbsEk7TDLdtEz1BwkeNIh1R5_F_gUk0w.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIf6MapbsEk7TDLdtEz1BwkWi6pgar3I1D8t.woff2) format('woff2');
unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIf6MapbsEk7TDLdtEz1BwkWkKpgar3I1D8t.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIf6MapbsEk7TDLdtEz1BwkWkapgar3I1D8t.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIf6MapbsEk7TDLdtEz1BwkWn6pgar3I1A.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIflMapbsEk7TDLdtEz1BwkebIl1U5_F_gUk0wzH.woff2) format('woff2');
unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIflMapbsEk7TDLdtEz1BwkebIl1SJ_F_gUk0wzH.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIflMapbsEk7TDLdtEz1BwkebIl1SZ_F_gUk0wzH.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIflMapbsEk7TDLdtEz1BwkebIl1R5_F_gUk0w.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIflMapbsEk7TDLdtEz1BwkeQI51U5_F_gUk0wzH.woff2) format('woff2');
unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIflMapbsEk7TDLdtEz1BwkeQI51SJ_F_gUk0wzH.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIflMapbsEk7TDLdtEz1BwkeQI51SZ_F_gUk0wzH.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIflMapbsEk7TDLdtEz1BwkeQI51R5_F_gUk0w.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIflMapbsEk7TDLdtEz1BwkeJI91U5_F_gUk0wzH.woff2) format('woff2');
unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIflMapbsEk7TDLdtEz1BwkeJI91SJ_F_gUk0wzH.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIflMapbsEk7TDLdtEz1BwkeJI91SZ_F_gUk0wzH.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/chakrapetch-cIflMapbsEk7TDLdtEz1BwkeJI91R5_F_gUk0w.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(/assets/fonts/outfit-QGYvz_MVcBeNP4NJuktqUYLkn8BJ.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(/assets/fonts/outfit-QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/assets/fonts/outfit-QGYvz_MVcBeNP4NJuktqUYLkn8BJ.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/assets/fonts/outfit-QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/outfit-QGYvz_MVcBeNP4NJuktqUYLkn8BJ.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/outfit-QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/outfit-QGYvz_MVcBeNP4NJuktqUYLkn8BJ.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/outfit-QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/outfit-QGYvz_MVcBeNP4NJuktqUYLkn8BJ.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/outfit-QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(/assets/fonts/outfit-QGYvz_MVcBeNP4NJuktqUYLkn8BJ.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(/assets/fonts/outfit-QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/roboto-KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* /assets/css/flags.css */
/* Country flags: flag-icons 7.0.0 (MIT, (c) Panayiotis Lipiridis), the ones the site
uses, written by tools/flags_css.py. */
.fib,.fi{background-size:contain;background-position:50%;background-repeat:no-repeat}.fi{position:relative;display:inline-block;width:1.333333em;line-height:1em}.fi:before{content:" "}.fi.fis{width:1em}
.fi-at{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 id=%22flag-icons-at%22 viewBox=%220 0 640 480%22%3E %3Cg fill-rule=%22evenodd%22%3E %3Cpath fill=%22%23fff%22 d=%22M640 480H0V0h640z%22/%3E %3Cpath fill=%22%23c8102e%22 d=%22M640 480H0V320h640zm0-319.9H0V.1h640z%22/%3E %3C/g%3E %3C/svg%3E")}
.fi-au{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 id=%22flag-icons-au%22 viewBox=%220 0 640 480%22%3E %3Cpath fill=%22%2300008B%22 d=%22M0 0h640v480H0z%22/%3E %3Cpath fill=%22%23fff%22 d=%22m37.5 0 122 90.5L281 0h39v31l-120 89.5 120 89V240h-40l-120-89.5L40.5 240H0v-30l119.5-89L0 32V0z%22/%3E %3Cpath fill=%22red%22 d=%22M212 140.5 320 220v20l-135.5-99.5zm-92 10 3 17.5-96 72H0zM320 0v1.5l-124.5 94 1-22L295 0zM0 0l119.5 88h-30L0 21z%22/%3E %3Cpath fill=%22%23fff%22 d=%22M120.5 0v240h80V0h-80ZM0 80v80h320V80H0Z%22/%3E %3Cpath fill=%22red%22 d=%22M0 96.5v48h320v-48zM136.5 0v240h48V0z%22/%3E %3Cpath fill=%22%23fff%22 d=%22m527 396.7-20.5 2.6 2.2 20.5-14.8-14.4-14.7 14.5 2-20.5-20.5-2.4 17.3-11.2-10.9-17.5 19.6 6.5 6.9-19.5 7.1 19.4 19.5-6.7-10.7 17.6 17.4 11.1Zm-3.7-117.2 2.7-13-9.8-9 13.2-1.5 5.5-12.1 5.5 12.1 13.2 1.5-9.8 9 2.7 13-11.6-6.6-11.6 6.6Zm-104.1-60-20.3 2.2 1.8 20.3-14.4-14.5-14.8 14.1 2.4-20.3-20.2-2.7 17.3-10.8-10.5-17.5 19.3 6.8L387 178l6.7 19.3 19.4-6.3-10.9 17.3 17.1 11.2ZM623 186.7l-20.9 2.7 2.3 20.9-15.1-14.7-15 14.8 2.1-21-20.9-2.4 17.7-11.5-11.1-17.9 20 6.7 7-19.8 7.2 19.8 19.9-6.9-11 18 17.8 11.3Zm-96.1-83.5-20.7 2.3 1.9 20.8-14.7-14.8-15.1 14.4 2.4-20.7-20.7-2.8 17.7-11L467 73.5l19.7 6.9 7.3-19.5 6.8 19.7 19.8-6.5-11.1 17.6 17.4 11.5ZM234 385.7l-45.8 5.4 4.6 45.9-32.8-32.4-33 32.2 4.9-45.9-45.8-5.8 38.9-24.8-24-39.4 43.6 15 15.8-43.4 15.5 43.5 43.7-14.7-24.3 39.2 38.8 25.1Z%22/%3E %3C/svg%3E")}
.fi-be{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 id=%22flag-icons-be%22 viewBox=%220 0 640 480%22%3E %3Cg fill-rule=%22evenodd%22 stroke-width=%221pt%22%3E %3Cpath d=%22M0 0h213.3v480H0z%22/%3E %3Cpath fill=%22%23ffd90c%22 d=%22M213.3 0h213.4v480H213.3z%22/%3E %3Cpath fill=%22%23f31830%22 d=%22M426.7 0H640v480H426.7z%22/%3E %3C/g%3E %3C/svg%3E")}
.fi-ca{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 id=%22flag-icons-ca%22 viewBox=%220 0 640 480%22%3E %3Cpath fill=%22%23fff%22 d=%22M150.1 0h339.7v480H150z%22/%3E %3Cpath fill=%22%23d52b1e%22 d=%22M-19.7 0h169.8v480H-19.7zm509.5 0h169.8v480H489.9zM201 232l-13.3 4.4 61.4 54c4.7 13.7-1.6 17.8-5.6 25l66.6-8.4-1.6 67 13.9-.3-3.1-66.6 66.7 8c-4.1-8.7-7.8-13.3-4-27.2l61.3-51-10.7-4c-8.8-6.8 3.8-32.6 5.6-48.9 0 0-35.7 12.3-38 5.8l-9.2-17.5-32.6 35.8c-3.5.9-5-.5-5.9-3.5l15-74.8-23.8 13.4c-2 .9-4 .1-5.2-2.2l-23-46-23.6 47.8c-1.8 1.7-3.6 1.9-5 .7L264 130.8l13.7 74.1c-1.1 3-3.7 3.8-6.7 2.2l-31.2-35.3c-4 6.5-6.8 17.1-12.2 19.5-5.4 2.3-23.5-4.5-35.6-7 4.2 14.8 17 39.6 9 47.7z%22/%3E %3C/svg%3E")}
.fi-ch{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 id=%22flag-icons-ch%22 viewBox=%220 0 640 480%22%3E %3Cg fill-rule=%22evenodd%22 stroke-width=%221pt%22%3E %3Cpath fill=%22red%22 d=%22M0 0h640v480H0z%22/%3E %3Cg fill=%22%23fff%22%3E %3Cpath d=%22M170 195h300v90H170z%22/%3E %3Cpath d=%22M275 90h90v300h-90z%22/%3E %3C/g%3E %3C/g%3E %3C/svg%3E")}
.fi-de{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 id=%22flag-icons-de%22 viewBox=%220 0 640 480%22%3E %3Cpath fill=%22%23ffce00%22 d=%22M0 320h640v160H0z%22/%3E %3Cpath d=%22M0 0h640v160H0z%22/%3E %3Cpath fill=%22%23d00%22 d=%22M0 160h640v160H0z%22/%3E %3C/svg%3E")}
.fi-dk{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 id=%22flag-icons-dk%22 viewBox=%220 0 640 480%22%3E %3Cpath fill=%22%23c8102e%22 d=%22M0 0h640.1v480H0z%22/%3E %3Cpath fill=%22%23fff%22 d=%22M205.7 0h68.6v480h-68.6z%22/%3E %3Cpath fill=%22%23fff%22 d=%22M0 205.7h640.1v68.6H0z%22/%3E %3C/svg%3E")}
.fi-ee{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 id=%22flag-icons-ee%22 viewBox=%220 0 640 480%22%3E %3Cg fill-rule=%22evenodd%22 stroke-width=%221pt%22%3E %3Crect width=%22640%22 height=%22477.9%22 rx=%220%22 ry=%220%22/%3E %3Crect width=%22640%22 height=%22159.3%22 y=%22320.7%22 fill=%22%23fff%22 rx=%220%22 ry=%220%22/%3E %3Cpath fill=%22%231791ff%22 d=%22M0 0h640v159.3H0z%22/%3E %3C/g%3E %3C/svg%3E")}
.fi-es{background-image:url(/assets/img/flags/es.svg)}
.fi-eu{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 id=%22flag-icons-eu%22 viewBox=%220 0 640 480%22%3E %3Cdefs%3E %3Cg id=%22eu-d%22%3E %3Cg id=%22eu-b%22%3E %3Cpath id=%22eu-a%22 d=%22m0-1-.3 1 .5.1z%22/%3E %3Cuse xlink:href=%22%23eu-a%22 transform=%22scale(-1 1)%22/%3E %3C/g%3E %3Cg id=%22eu-c%22%3E %3Cuse xlink:href=%22%23eu-b%22 transform=%22rotate(72)%22/%3E %3Cuse xlink:href=%22%23eu-b%22 transform=%22rotate(144)%22/%3E %3C/g%3E %3Cuse xlink:href=%22%23eu-c%22 transform=%22scale(-1 1)%22/%3E %3C/g%3E %3C/defs%3E %3Cpath fill=%22%23039%22 d=%22M0 0h640v480H0z%22/%3E %3Cg fill=%22%23fc0%22 transform=%22translate(320 242.3)scale(23.7037)%22%3E %3Cuse xlink:href=%22%23eu-d%22 width=%22100%25%22 height=%22100%25%22 y=%22-6%22/%3E %3Cuse xlink:href=%22%23eu-d%22 width=%22100%25%22 height=%22100%25%22 y=%226%22/%3E %3Cg id=%22eu-e%22%3E %3Cuse xlink:href=%22%23eu-d%22 width=%22100%25%22 height=%22100%25%22 x=%22-6%22/%3E %3Cuse xlink:href=%22%23eu-d%22 width=%22100%25%22 height=%22100%25%22 transform=%22rotate(-144 -2.3 -2.1)%22/%3E %3Cuse xlink:href=%22%23eu-d%22 width=%22100%25%22 height=%22100%25%22 transform=%22rotate(144 -2.1 -2.3)%22/%3E %3Cuse xlink:href=%22%23eu-d%22 width=%22100%25%22 height=%22100%25%22 transform=%22rotate(72 -4.7 -2)%22/%3E %3Cuse xlink:href=%22%23eu-d%22 width=%22100%25%22 height=%22100%25%22 transform=%22rotate(72 -5 .5)%22/%3E %3C/g%3E %3Cuse xlink:href=%22%23eu-e%22 width=%22100%25%22 height=%22100%25%22 transform=%22scale(-1 1)%22/%3E %3C/g%3E %3C/svg%3E")}
.fi-fi{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 id=%22flag-icons-fi%22 viewBox=%220 0 640 480%22%3E %3Cpath fill=%22%23fff%22 d=%22M0 0h640v480H0z%22/%3E %3Cpath fill=%22%23002f6c%22 d=%22M0 174.5h640v131H0z%22/%3E %3Cpath fill=%22%23002f6c%22 d=%22M175.5 0h130.9v480h-131z%22/%3E %3C/svg%3E")}
.fi-fr{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 id=%22flag-icons-fr%22 viewBox=%220 0 640 480%22%3E %3Cpath fill=%22%23fff%22 d=%22M0 0h640v480H0z%22/%3E %3Cpath fill=%22%23000091%22 d=%22M0 0h213.3v480H0z%22/%3E %3Cpath fill=%22%23e1000f%22 d=%22M426.7 0H640v480H426.7z%22/%3E %3C/svg%3E")}
.fi-gb{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 id=%22flag-icons-gb%22 viewBox=%220 0 640 480%22%3E %3Cpath fill=%22%23012169%22 d=%22M0 0h640v480H0z%22/%3E %3Cpath fill=%22%23FFF%22 d=%22m75 0 244 181L562 0h78v62L400 241l240 178v61h-80L320 301 81 480H0v-60l239-178L0 64V0h75z%22/%3E %3Cpath fill=%22%23C8102E%22 d=%22m424 281 216 159v40L369 281h55zm-184 20 6 35L54 480H0l240-179zM640 0v3L391 191l2-44L590 0h50zM0 0l239 176h-60L0 42V0z%22/%3E %3Cpath fill=%22%23FFF%22 d=%22M241 0v480h160V0H241zM0 160v160h640V160H0z%22/%3E %3Cpath fill=%22%23C8102E%22 d=%22M0 193v96h640v-96H0zM273 0v480h96V0h-96z%22/%3E %3C/svg%3E")}
.fi-ie{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 id=%22flag-icons-ie%22 viewBox=%220 0 640 480%22%3E %3Cg fill-rule=%22evenodd%22 stroke-width=%221pt%22%3E %3Cpath fill=%22%23fff%22 d=%22M0 0h640v480H0z%22/%3E %3Cpath fill=%22%23009A49%22 d=%22M0 0h213.3v480H0z%22/%3E %3Cpath fill=%22%23FF7900%22 d=%22M426.7 0H640v480H426.7z%22/%3E %3C/g%3E %3C/svg%3E")}
.fi-il{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 id=%22flag-icons-il%22 viewBox=%220 0 640 480%22%3E %3Cdefs%3E %3CclipPath id=%22il-a%22%3E %3Cpath fill-opacity=%22.7%22 d=%22M-87.6 0H595v512H-87.6z%22/%3E %3C/clipPath%3E %3C/defs%3E %3Cg fill-rule=%22evenodd%22 clip-path=%22url(%23il-a)%22 transform=%22translate(82.1)scale(.94)%22%3E %3Cpath fill=%22%23fff%22 d=%22M619.4 512H-112V0h731.4z%22/%3E %3Cpath fill=%22%230038b8%22 d=%22M619.4 115.2H-112V48h731.4zm0 350.5H-112v-67.2h731.4zm-483-275 110.1 191.6L359 191.6l-222.6-.8z%22/%3E %3Cpath fill=%22%23fff%22 d=%22m225.8 317.8 20.9 35.5 21.4-35.3-42.4-.2z%22/%3E %3Cpath fill=%22%230038b8%22 d=%22M136 320.6 246.2 129l112.4 190.8-222.6.8z%22/%3E %3Cpath fill=%22%23fff%22 d=%22m225.8 191.6 20.9-35.5 21.4 35.4-42.4.1zM182 271.1l-21.7 36 41-.1-19.3-36zm-21.3-66.5 41.2.3-19.8 36.3-21.4-36.6zm151.2 67 20.9 35.5-41.7-.5 20.8-35zm20.5-67-41.2.3 19.8 36.3 21.4-36.6zm-114.3 0L189.7 256l28.8 50.3 52.8 1.2 32-51.5-29.6-52-55.6.5z%22/%3E %3C/g%3E %3C/svg%3E")}
.fi-is{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 id=%22flag-icons-is%22 viewBox=%220 0 640 480%22%3E %3Cdefs%3E %3CclipPath id=%22is-a%22%3E %3Cpath fill-opacity=%22.7%22 d=%22M0 0h640v480H0z%22/%3E %3C/clipPath%3E %3C/defs%3E %3Cg fill-rule=%22evenodd%22 stroke-width=%220%22 clip-path=%22url(%23is-a)%22%3E %3Cpath fill=%22%23003897%22 d=%22M0 0h666.7v480H0z%22/%3E %3Cpath fill=%22%23fff%22 d=%22M0 186.7h186.7V0h106.6v186.7h373.4v106.6H293.3V480H186.7V293.3H0V186.7z%22/%3E %3Cpath fill=%22%23d72828%22 d=%22M0 213.3h213.3V0h53.4v213.3h400v53.4h-400V480h-53.4V266.7H0v-53.4z%22/%3E %3C/g%3E %3C/svg%3E")}
.fi-it{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 id=%22flag-icons-it%22 viewBox=%220 0 640 480%22%3E %3Cg fill-rule=%22evenodd%22 stroke-width=%221pt%22%3E %3Cpath fill=%22%23fff%22 d=%22M0 0h640v480H0z%22/%3E %3Cpath fill=%22%23009246%22 d=%22M0 0h213.3v480H0z%22/%3E %3Cpath fill=%22%23ce2b37%22 d=%22M426.7 0H640v480H426.7z%22/%3E %3C/g%3E %3C/svg%3E")}
.fi-jp{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 id=%22flag-icons-jp%22 viewBox=%220 0 640 480%22%3E %3Cdefs%3E %3CclipPath id=%22jp-a%22%3E %3Cpath fill-opacity=%22.7%22 d=%22M-88 32h640v480H-88z%22/%3E %3C/clipPath%3E %3C/defs%3E %3Cg fill-rule=%22evenodd%22 stroke-width=%221pt%22 clip-path=%22url(%23jp-a)%22 transform=%22translate(88 -32)%22%3E %3Cpath fill=%22%23fff%22 d=%22M-128 32h720v480h-720z%22/%3E %3Ccircle cx=%22523.1%22 cy=%22344.1%22 r=%22194.9%22 fill=%22%23bc002d%22 transform=%22translate(-168.4 8.6)scale(.76554)%22/%3E %3C/g%3E %3C/svg%3E")}
.fi-lt{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 id=%22flag-icons-lt%22 viewBox=%220 0 640 480%22%3E %3Cg fill-rule=%22evenodd%22 stroke-width=%221pt%22 transform=%22scale(.64143 .96773)%22%3E %3Crect width=%221063%22 height=%22708.7%22 fill=%22%23006a44%22 rx=%220%22 ry=%220%22 transform=%22scale(.93865 .69686)%22/%3E %3Crect width=%221063%22 height=%22236.2%22 y=%22475.6%22 fill=%22%23c1272d%22 rx=%220%22 ry=%220%22 transform=%22scale(.93865 .69686)%22/%3E %3Cpath fill=%22%23fdb913%22 d=%22M0 0h997.8v164.6H0z%22/%3E %3C/g%3E %3C/svg%3E")}
.fi-lv{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 id=%22flag-icons-lv%22 viewBox=%220 0 640 480%22%3E %3Cg fill-rule=%22evenodd%22%3E %3Cpath fill=%22%23fff%22 d=%22M0 0h640v480H0z%22/%3E %3Cpath fill=%22%23981e32%22 d=%22M0 0h640v192H0zm0 288h640v192H0z%22/%3E %3C/g%3E %3C/svg%3E")}
.fi-nl{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 id=%22flag-icons-nl%22 viewBox=%220 0 640 480%22%3E %3Cpath fill=%22%2321468b%22 d=%22M0 0h640v480H0z%22/%3E %3Cpath fill=%22%23fff%22 d=%22M0 0h640v320H0z%22/%3E %3Cpath fill=%22%23ae1c28%22 d=%22M0 0h640v160H0z%22/%3E %3C/svg%3E")}
.fi-no{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 id=%22flag-icons-no%22 viewBox=%220 0 640 480%22%3E %3Cpath fill=%22%23ed2939%22 d=%22M0 0h640v480H0z%22/%3E %3Cpath fill=%22%23fff%22 d=%22M180 0h120v480H180z%22/%3E %3Cpath fill=%22%23fff%22 d=%22M0 180h640v120H0z%22/%3E %3Cpath fill=%22%23002664%22 d=%22M210 0h60v480h-60z%22/%3E %3Cpath fill=%22%23002664%22 d=%22M0 210h640v60H0z%22/%3E %3C/svg%3E")}
.fi-nz{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 id=%22flag-icons-nz%22 viewBox=%220 0 640 480%22%3E %3Cdefs%3E %3Cg id=%22nz-b%22%3E %3Cg id=%22nz-a%22%3E %3Cpath d=%22M0-.3v.5l1-.5z%22/%3E %3Cpath d=%22M.2.3 0-.1l1-.2z%22/%3E %3C/g%3E %3Cuse xlink:href=%22%23nz-a%22 transform=%22scale(-1 1)%22/%3E %3Cuse xlink:href=%22%23nz-a%22 transform=%22rotate(72 0 0)%22/%3E %3Cuse xlink:href=%22%23nz-a%22 transform=%22rotate(-72 0 0)%22/%3E %3Cuse xlink:href=%22%23nz-a%22 transform=%22scale(-1 1)rotate(72)%22/%3E %3C/g%3E %3C/defs%3E %3Cpath fill=%22%2300247d%22 fill-rule=%22evenodd%22 d=%22M0 0h640v480H0z%22/%3E %3Cg transform=%22translate(-111 36.1)scale(.66825)%22%3E %3Cuse xlink:href=%22%23nz-b%22 width=%22100%25%22 height=%22100%25%22 fill=%22%23fff%22 transform=%22translate(900 120)scale(45.4)%22/%3E %3Cuse xlink:href=%22%23nz-b%22 width=%22100%25%22 height=%22100%25%22 fill=%22%23cc142b%22 transform=%22matrix(30 0 0 30 900 120)%22/%3E %3C/g%3E %3Cg transform=%22rotate(82 525.2 114.6)scale(.66825)%22%3E %3Cuse xlink:href=%22%23nz-b%22 width=%22100%25%22 height=%22100%25%22 fill=%22%23fff%22 transform=%22rotate(-82 519 -457.7)scale(40.4)%22/%3E %3Cuse xlink:href=%22%23nz-b%22 width=%22100%25%22 height=%22100%25%22 fill=%22%23cc142b%22 transform=%22rotate(-82 519 -457.7)scale(25)%22/%3E %3C/g%3E %3Cg transform=%22rotate(82 525.2 114.6)scale(.66825)%22%3E %3Cuse xlink:href=%22%23nz-b%22 width=%22100%25%22 height=%22100%25%22 fill=%22%23fff%22 transform=%22rotate(-82 668.6 -327.7)scale(45.4)%22/%3E %3Cuse xlink:href=%22%23nz-b%22 width=%22100%25%22 height=%22100%25%22 fill=%22%23cc142b%22 transform=%22rotate(-82 668.6 -327.7)scale(30)%22/%3E %3C/g%3E %3Cg transform=%22translate(-111 36.1)scale(.66825)%22%3E %3Cuse xlink:href=%22%23nz-b%22 width=%22100%25%22 height=%22100%25%22 fill=%22%23fff%22 transform=%22translate(900 480)scale(50.4)%22/%3E %3Cuse xlink:href=%22%23nz-b%22 width=%22100%25%22 height=%22100%25%22 fill=%22%23cc142b%22 transform=%22matrix(35 0 0 35 900 480)%22/%3E %3C/g%3E %3Cpath fill=%22%23012169%22 d=%22M0 0h320v240H0z%22/%3E %3Cpath fill=%22%23fff%22 d=%22m37.5 0 122 90.5L281 0h39v31l-120 89.5 120 89V240h-40l-120-89.5L40.5 240H0v-30l119.5-89L0 32V0z%22/%3E %3Cpath fill=%22%23c8102e%22 d=%22M212 140.5 320 220v20l-135.5-99.5zm-92 10 3 17.5-96 72H0zM320 0v1.5l-124.5 94 1-22L295 0zM0 0l119.5 88h-30L0 21z%22/%3E %3Cpath fill=%22%23fff%22 d=%22M120.5 0v240h80V0zM0 80v80h320V80z%22/%3E %3Cpath fill=%22%23c8102e%22 d=%22M0 96.5v48h320v-48zM136.5 0v240h48V0z%22/%3E %3C/svg%3E")}
.fi-pl{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 id=%22flag-icons-pl%22 viewBox=%220 0 640 480%22%3E %3Cg fill-rule=%22evenodd%22%3E %3Cpath fill=%22%23fff%22 d=%22M640 480H0V0h640z%22/%3E %3Cpath fill=%22%23dc143c%22 d=%22M640 480H0V240h640z%22/%3E %3C/g%3E %3C/svg%3E")}
.fi-pt{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 id=%22flag-icons-pt%22 viewBox=%220 0 640 480%22%3E %3Cpath fill=%22red%22 d=%22M256 0h384v480H256z%22/%3E %3Cpath fill=%22%23060%22 d=%22M0 0h256v480H0z%22/%3E %3Cg fill=%22%23ff0%22 fill-rule=%22evenodd%22 stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%22.6%22%3E %3Cpath d=%22M339.5 306.2c-32.3-1-180-93.2-181-108l8.1-13.5c14.7 21.3 165.7 111 180.6 107.8l-7.7 13.7%22/%3E %3Cpath d=%22M164.9 182.8c-2.9 7.8 38.6 33.4 88.4 63.8 49.9 30.3 92.9 49 96 46.4l1.5-2.8c-.6 1-2 1.3-4.3.6-13.5-3.9-48.6-20-92.1-46.4-43.6-26.4-81.4-50.7-87.3-61a6.3 6.3 0 0 1-.6-3.1h-.2l-1.2 2.2-.2.3zm175.3 123.8c-.5 1-1.6 1-3.5.8-12-1.3-48.6-19.1-91.9-45-50.4-30.2-92-57.6-87.4-64.8l1.2-2.2.2.1c-4 12.2 82.1 61.4 87.2 64.6 49.8 30.8 91.8 48.9 95.5 44.2l-1.3 2.3z%22/%3E %3Cpath d=%22M256.2 207.2c32.2-.3 72-4.4 95-13.6l-5-8c-13.5 7.5-53.5 12.5-90.3 13.2-43.4-.4-74.1-4.5-89.5-14.8l-4.6 8.6c28.2 12 57.2 14.5 94.4 14.6%22/%3E %3Cpath d=%22M352.5 193.8c-.8 1.3-15.8 6.4-37.8 10.2a381.2 381.2 0 0 1-58.6 4.3 416.1 416.1 0 0 1-56.2-3.6c-23.1-3.6-35-8.6-39.5-10.4l1.1-2.2c12.7 5 24.7 8 38.7 10.2A411.5 411.5 0 0 0 256 206a391.8 391.8 0 0 0 58.3-4.3c22.5-3.7 34.8-8.4 36.6-10.5l1.6 2.7zm-4.4-8.1c-2.4 2-14.6 6.3-36 9.7a388.2 388.2 0 0 1-55.8 4c-22 0-40.1-1.6-53.8-3.6-21.8-2.8-33.4-8-37.6-9.4l1.3-2.2c3.3 1.7 14.4 6.2 36.5 9.3a385 385 0 0 0 53.6 3.4 384 384 0 0 0 55.4-4c21.5-3 33.1-8.4 34.9-9.8l1.5 2.6zM150.3 246c19.8 10.7 63.9 16 105.6 16.4 38 .1 87.4-5.8 105.9-15.6l-.5-10.7c-5.8 9-58.8 17.7-105.8 17.4-47-.4-90.7-7.6-105.3-17v9.5%22/%3E %3Cpath d=%22M362.8 244.5v2.5c-2.8 3.4-20.2 8.4-42 12a434 434 0 0 1-65.4 4.4 400 400 0 0 1-62-4.3 155 155 0 0 1-44.4-12v-2.9c9.7 6.4 35.9 11.2 44.7 12.6 15.8 2.4 36.1 4.2 61.7 4.2 26.9 0 48.4-1.9 65-4.4 15.7-2.3 38-8.2 42.4-12.1zm0-9v2.5c-2.8 3.3-20.2 8.3-42 11.9a434 434 0 0 1-65.4 4.5 414 414 0 0 1-62-4.3 155 155 0 0 1-44.4-12v-3c9.7 6.5 36 11.2 44.7 12.6a408 408 0 0 0 61.7 4.3c26.9 0 48.5-2 65-4.5 15.7-2.2 38-8.1 42.4-12zm-107 68.8c-45.6-.2-84.7-12.4-93-14.4l6 9.4a249.8 249.8 0 0 0 87.4 14.3c34.7-1 65-3.7 86.3-14.1l6.2-9.8c-14.5 6.9-64 14.6-93 14.6%22/%3E %3Cpath d=%22M344.9 297.3a143 143 0 0 1-2.8 4c-10 3.6-26 7.4-32.6 8.4a295.5 295.5 0 0 1-53.7 5c-40.4-.6-73.5-8.5-89-15.3l-1.3-2.1.2-.4 2.1.9a286.5 286.5 0 0 0 88.2 14.5c18.8 0 37.5-2.1 52.6-4.8 23.2-4.7 32.6-8.2 35.5-9.8l.7-.4zm5.3-8.8a287.2 287.2 0 0 1-2 3.5c-5.4 2-20 6.2-41.3 9.2-14 1.9-22.7 3.8-50.6 4.3a347.4 347.4 0 0 1-94.2-14L161 289a390 390 0 0 0 95.4 14c25.5-.5 36.4-2.4 50.3-4.3 24.8-3.8 37.3-8 41-9.1a2.9 2.9 0 0 0 0-.2l2.6-1z%22/%3E %3Cpath d=%22M350.8 237.6c.1 30-15.3 57-27.6 68.8a99.3 99.3 0 0 1-67.8 28.2c-30.3.5-58.8-19.2-66.5-27.9a101 101 0 0 1-27.5-67.4c1.8-32.8 14.7-55.6 33.3-71.3a99.6 99.6 0 0 1 64.2-22.7 98.2 98.2 0 0 1 71 35.6c12.5 15.2 18 31.7 20.9 56.7zM255.6 135a106 106 0 0 1 106 105.2 105.6 105.6 0 1 1-211.4 0c-.1-58 47.3-105.2 105.4-105.2%22/%3E %3Cpath d=%22M255.9 134.5c58.2 0 105.6 47.4 105.6 105.6S314.1 345.7 256 345.7s-105.6-47.4-105.6-105.6c0-58.2 47.4-105.6 105.6-105.6zM152.6 240c0 56.8 46.7 103.3 103.3 103.3 56.6 0 103.3-46.5 103.3-103.3s-46.7-103.3-103.3-103.3S152.6 183.2 152.6 240z%22/%3E %3Cpath d=%22M256 143.3a97 97 0 0 1 96.7 96.7 97.1 97.1 0 0 1-96.7 96.8c-53 0-96.7-43.6-96.7-96.8a97.1 97.1 0 0 1 96.7-96.7zM161.6 240c0 52 42.6 94.4 94.4 94.4s94.4-42.5 94.4-94.4c0-52-42.6-94.4-94.4-94.4a94.8 94.8 0 0 0-94.4 94.4z%22/%3E %3Cpath d=%22M260.3 134h-9.1v212.3h9z%22/%3E %3Cpath d=%22M259.3 132.8h2.3v214.7h-2.2V132.8zm-9 0h2.4v214.7h-2.3V132.8z%22/%3E %3Cpath d=%22M361.6 244.2v-7.8l-6.4-6-36.3-9.6-52.2-5.3-63 3.2-44.8 10.6-9 6.7v7.9l22.9-10.3 54.4-8.5h52.3l38.4 4.2 26.6 6.4z%22/%3E %3Cpath d=%22M256 223.8c24.9 0 49 2.3 68.3 6 19.8 4 33.7 9 38.5 14.5v2.8c-5.8-7-24.5-12-39-15-19-3.6-43-6-67.9-6-26.1 0-50.5 2.6-69.3 6.2-15 3-35.1 9-37.6 14.8v-2.9c1.3-4 16.3-10 37.3-14.3 18.9-3.7 43.3-6.1 69.6-6.1zm0-9.1a383 383 0 0 1 68.3 6c19.8 4 33.7 9 38.5 14.6v2.7c-5.8-6.9-24.5-12-39-14.9-19-3.7-43-6-67.9-6a376 376 0 0 0-69.2 6.2c-14.5 2.7-35.4 8.9-37.7 14.7v-2.8c1.4-4 16.6-10.3 37.3-14.3 19-3.7 43.3-6.2 69.7-6.2zm-.6-46.2c39.3-.2 73.6 5.5 89.3 13.5l5.7 10c-13.6-7.4-50.6-15-94.9-14-36.1.3-74.7 4-94 14.4l6.8-11.4c15.9-8.3 53.3-12.5 87.1-12.5%22/%3E %3Cpath d=%22M256 176.7a354 354 0 0 1 61.3 4.3c16 3 31.3 7.4 33.5 9.8l1.7 3c-5.3-3.4-18.6-7.3-35.6-10.5s-38.7-4.3-61-4.2c-25.3-.1-45 1.2-61.8 4.2a108.9 108.9 0 0 0-33.3 10.3l1.7-3.1c6-3 15.3-6.7 31.1-9.6 17.5-3.2 37.4-4.1 62.4-4.2zm0-9c21.4-.2 42.6 1 59.1 4a96 96 0 0 1 30.6 10l2.5 4c-4.2-4.7-20-9.2-34.1-11.6-16.4-2.9-36.7-4-58.1-4.2a361 361 0 0 0-59.5 4.4 97.3 97.3 0 0 0-29.6 9.1l2.2-3.3c5.8-3 15.2-5.8 27-8.1a357 357 0 0 1 59.9-4.4zM308.4 284a276.4 276.4 0 0 0-52.5-4c-65.5.8-86.6 13.5-89.2 17.3l-5-8c16.8-12 52.4-18.8 94.6-18.2 21.9.4 40.8 1.9 56.6 5l-4.5 8%22/%3E %3Cpath d=%22M255.6 278.9c18.2.3 36 1 53.3 4.2l-1.2 2.2c-16-3-33.2-4-52-4-24.3-.2-48.7 2.1-70 8.2-6.7 1.9-17.8 6.2-19 9.8l-1.2-2c.4-2.2 7-6.6 19.6-10 24.4-7 47.2-8.3 70.5-8.4zm.8-9.2a327 327 0 0 1 57.3 5l-1.3 2.3a299 299 0 0 0-56-4.9c-24.2 0-49.9 1.8-73.3 8.6-7.5 2.2-20.6 7-21 10.7l-1.2-2.2c.2-3.4 11.5-7.9 21.7-10.8 23.5-6.9 49.3-8.6 73.8-8.7z%22/%3E %3Cpath d=%22m349.4 290.5-7.8 12.3-22.7-20.1-58.6-39.5-66.2-36.3-34.3-11.7 7.3-13.6 2.5-1.3 21.3 5.3 70.4 36.3 40.6 25.6L336 272l13.9 16z%22/%3E %3Cpath d=%22M158.6 195.5c6-4 50.2 15.6 96.6 43.6 46.1 28 90.3 59.6 86.3 65.5l-1.3 2.1-.6.5c.1-.1.8-1 0-3.1-2-6.5-33.4-31.5-85.3-62.9-50.7-30.1-92.9-48.3-97-43.1l1.3-2.6zM351 290.4c3.8-7.6-37.2-38.5-88.1-68.6-52-29.5-89.6-46.9-96.5-41.7L165 183c0 .1 0-.2.4-.5 1.2-1 3.3-1 4.2-1 11.8.2 45.5 15.7 92.8 42.8 20.8 12 87.6 55 87.3 67 0 1 .1 1.2-.3 1.8l1.7-2.6z%22/%3E %3C/g%3E %3Cg transform=%22translate(0 26.7)scale(1.06667)%22%3E %3Cpath fill=%22%23fff%22 stroke=%22%23000%22 stroke-width=%22.7%22 d=%22M180.6 211a58.7 58.7 0 0 0 17.5 41.7 59 59 0 0 0 41.8 17.6 59.4 59.4 0 0 0 42-17.4 59 59 0 0 0 17.4-41.8v-79.2l-118.7-.2V211z%22/%3E %3Cpath fill=%22red%22 stroke=%22%23000%22 stroke-width=%22.5%22 d=%22M183 211.1a56.4 56.4 0 0 0 16.8 40 57 57 0 0 0 40.2 16.8 56.9 56.9 0 0 0 40.2-16.6 56.4 56.4 0 0 0 16.7-40v-77H183v76.8m91-53.7v48.9l-.1 5.1a33.2 33.2 0 0 1-10 24 34 34 0 0 1-24 10c-9.4 0-17.7-4-23.9-10.2a34 34 0 0 1-10-24v-54l68 .2z%22/%3E %3Cg id=%22pt-e%22%3E %3Cg id=%22pt-d%22 fill=%22%23ff0%22 stroke=%22%23000%22 stroke-width=%22.5%22%3E %3Cpath stroke=%22none%22 d=%22M190.2 154.4c.1-5.5 4-6.8 4-6.8.1 0 4.3 1.4 4.3 6.9h-8.3%22/%3E %3Cpath d=%22m186.8 147.7-.7 6.3h4.2c0-5.2 4-6 4-6 .1 0 4 1.1 4.1 6h4.2l-.8-6.4h-15zm-1 6.4h17c.3 0 .6.3.6.7 0 .5-.3.8-.6.8h-17c-.3 0-.6-.3-.6-.8 0-.4.3-.7.7-.7z%22/%3E %3Cpath d=%22M192 154c0-3.3 2.3-4.2 2.3-4.2s2.3 1 2.3 4.2H192m-5.8-9h16.3c.3 0 .6.4.6.8 0 .3-.3.6-.6.6h-16.3c-.3 0-.6-.3-.6-.7 0-.3.3-.6.6-.6zm.4 1.5H202c.3 0 .6.3.6.7 0 .4-.3.7-.6.7h-15.5c-.4 0-.6-.3-.6-.7 0-.4.2-.7.6-.7zm5-10.6h1.2v.8h.9v-.8h1.3v.9h.9v-1h1.2v2c0 .4-.2.6-.5.6h-4.4c-.3 0-.6-.2-.6-.5v-2zm4.6 2.7.3 6.4h-4.3l.3-6.5h3.7%22/%3E %3Cpath id=%22pt-a%22 d=%22M191 141.6v3.4h-4v-3.4h4z%22/%3E %3Cuse xlink:href=%22%23pt-a%22 width=%22100%25%22 height=%22100%25%22 x=%2210.6%22/%3E %3Cpath id=%22pt-b%22 d=%22M186.3 139h1.2v1h.9v-1h1.2v1h.9v-1h1.2v2c0 .4-.2.6-.5.6h-4.3a.6.6 0 0 1-.6-.6v-2z%22/%3E %3Cuse xlink:href=%22%23pt-b%22 width=%22100%25%22 height=%22100%25%22 x=%2210.6%22/%3E %3Cpath fill=%22%23000%22 stroke=%22none%22 d=%22M193.9 140.6c0-.6.9-.6.9 0v1.6h-.9v-1.6%22/%3E %3Cpath id=%22pt-c%22 fill=%22%23000%22 stroke=%22none%22 d=%22M188.6 142.8c0-.6.8-.6.8 0v1.2h-.8v-1.2%22/%3E %3Cuse xlink:href=%22%23pt-c%22 width=%22100%25%22 height=%22100%25%22 x=%2210.6%22/%3E %3C/g%3E %3Cuse xlink:href=%22%23pt-d%22 width=%22100%25%22 height=%22100%25%22 y=%2246.3%22/%3E %3Cuse xlink:href=%22%23pt-d%22 width=%22100%25%22 height=%22100%25%22 transform=%22rotate(-45.2 312.8 180)%22/%3E %3C/g%3E %3Cuse xlink:href=%22%23pt-d%22 width=%22100%25%22 height=%22100%25%22 x=%2245.7%22/%3E %3Cuse xlink:href=%22%23pt-e%22 width=%22100%25%22 height=%22100%25%22 transform=%22matrix(-1 0 0 1 479.8 0)%22/%3E %3Cg id=%22pt-f%22 fill=%22%23fff%22%3E %3Cpath fill=%22%23039%22 d=%22M232.6 202.4a8.3 8.3 0 0 0 2.2 5.7 7.2 7.2 0 0 0 5.3 2.4c2.1 0 4-1 5.3-2.4a8.3 8.3 0 0 0 2.2-5.7v-10.8h-15v10.8%22/%3E %3Ccircle cx=%22236.1%22 cy=%22195.7%22 r=%221.5%22/%3E %3Ccircle cx=%22244.4%22 cy=%22195.7%22 r=%221.5%22/%3E %3Ccircle cx=%22240.2%22 cy=%22199.7%22 r=%221.5%22/%3E %3Ccircle cx=%22236.1%22 cy=%22203.9%22 r=%221.5%22/%3E %3Ccircle cx=%22244.4%22 cy=%22203.9%22 r=%221.5%22/%3E %3C/g%3E %3Cuse xlink:href=%22%23pt-f%22 width=%22100%25%22 height=%22100%25%22 y=%22-26%22/%3E %3Cuse xlink:href=%22%23pt-f%22 width=%22100%25%22 height=%22100%25%22 x=%22-20.8%22/%3E %3Cuse xlink:href=%22%23pt-f%22 width=%22100%25%22 height=%22100%25%22 x=%2220.8%22/%3E %3Cuse xlink:href=%22%23pt-f%22 width=%22100%25%22 height=%22100%25%22 y=%2225.8%22/%3E %3C/g%3E %3C/svg%3E")}
.fi-se{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 id=%22flag-icons-se%22 viewBox=%220 0 640 480%22%3E %3Cpath fill=%22%23005293%22 d=%22M0 0h640v480H0z%22/%3E %3Cpath fill=%22%23fecb00%22 d=%22M176 0v192H0v96h176v192h96V288h368v-96H272V0h-96z%22/%3E %3C/svg%3E")}
.fi-us{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 id=%22flag-icons-us%22 viewBox=%220 0 640 480%22%3E %3Cpath fill=%22%23bd3d44%22 d=%22M0 0h640v480H0%22/%3E %3Cpath stroke=%22%23fff%22 stroke-width=%2237%22 d=%22M0 55.3h640M0 129h640M0 203h640M0 277h640M0 351h640M0 425h640%22/%3E %3Cpath fill=%22%23192f5d%22 d=%22M0 0h364.8v258.5H0%22/%3E %3Cmarker id=%22us-a%22 markerHeight=%2230%22 markerWidth=%2230%22%3E %3Cpath fill=%22%23fff%22 d=%22m14 0 9 27L0 10h28L5 27z%22/%3E %3C/marker%3E %3Cpath fill=%22none%22 marker-mid=%22url(%23us-a)%22 d=%22m0 0 16 11h61 61 61 61 60L47 37h61 61 60 61L16 63h61 61 61 61 60L47 89h61 61 60 61L16 115h61 61 61 61 60L47 141h61 61 60 61L16 166h61 61 61 61 60L47 192h61 61 60 61L16 218h61 61 61 61 60L0 0%22/%3E %3C/svg%3E")}
/* /assets/theme/user/css/header.css */
header {
height: var(--header-height);
}
.header {
min-width: 320px;
visibility: visible;
font-family: 'Outfit', sans-serif;
height: var(--header-height);
opacity: 1;
width: 100%;
position: fixed;
margin-bottom: 0;
top: 0;
padding: 0;
box-sizing: border-box;
align-items: center;
transition: all .1s linear;
border-bottom: 1px solid var(--divider-header);
z-index: 997;
color: white;
background: var(--background-header-home);
backdrop-filter: var(--blur-background-header);
-webkit-backdrop-filter: var(--blur-background-header);
box-shadow: var(--box-shadow);
-webkit-box-shadow: var(--box-shadow);
}
.header .wrapperHeader {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
margin: 0 auto;
max-width: 1222px;
width: 100%;
height: 100%;
position: relative;
box-sizing: border-box;
align-items: center;
padding: 0 var(--padding-cards);
}
#headerButton,
.homeButton,
.search-input-overlay.visible {
transition: opacity 0.5s ease-in, visibility 0.5s ease-in;
visibility: visible;
}
.search-input-overlay.visible {
opacity: 1;
}
.hidden {
opacity: 0 !important;
visibility: hidden !important;
}
.header .wrapperHeader .homeButton {
display: flex;
cursor: pointer;
align-items: center;
height: 100%;
opacity: 1;
min-width: 60px;
}
.header .wrapperHeader .homeButton a {
text-decoration: none;
-webkit-user-drag: none;
user-select: none;
color: inherit;
display: flex;
align-items: center;
height: 100%;
}
.header .wrapperHeader .homeButton:hover {
color: var(--text-link);
}
.header .wrapperHeader .dropdownContainer {
display: flex;
grid-template-columns: 1fr 1fr 1fr 1fr;
flex-direction: row;
height: 100%;
gap: 40px;
margin: 0 40px 0 20px;
}
.header .imgLogo {
width: 40px;
height: 80%;
padding-right: 20px;
display: flex;
align-items: center;
user-select: none;
}
.header .imgLogo .coverImage {
height: 100%;
width: 100%;
object-fit: contain;
}
.headerMobile {
visibility: hidden;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
max-height: 0;
background-color: #3b3838;
z-index: 3;
overflow: auto;
overflow-y: hidden;
}
.headerMobile .headerMobileWrapper {
width: 100%;
height: 100%;
padding-top: var(--padding-top);
padding-left: var(--padding-default);
padding-right: var(--padding-default);
box-sizing: border-box;
overflow-y: auto;
scrollbar-width: thin;
}
.headerMobile .headerMobileWrapper .dropdownContainerMobile {
display: grid;
gap: var(--padding-cards);
}
.headerMobile.active {
max-height: 100%;
transition: max-height ease-out 0.5s;
}
@media only screen and (min-width: 1200px) {
.headerMobile {
visibility: hidden !important;
}
.header .plate {
display: none;
}
}
/* TODO script en progress para meter algunas animaciones en el resize en el header */
/*
.header .wrapperHeader .dropdownContainer .dropdown {
transition: opacity 0.5s ease, transform 0.5s ease;
opacity: 1;
}
@media only screen and (max-width: 1199px) {
.header .wrapperHeader .dropdownContainer .dropdown:last-child {
opacity: 0;
transform: translateY(-20px);
}
}
@media only screen and (max-width: 999px) {
.header .wrapperHeader .dropdownContainer .dropdown:nth-last-child(2) {
opacity: 0;
transform: translateY(-20px);
}
}
@media only screen and (max-width: 899px) {
.header .wrapperHeader .dropdownContainer .dropdown:nth-last-child(3) {
display: none;
}
}
@media only screen and (max-width: 768px) {
.header .wrapperHeader .dropdownContainer {
display: none;
}
}
*/
@media only screen and (max-width: 1199px) {
.header .wrapperHeader .dropdownContainer .dropdown:last-child {
display: none;
}
}
@media only screen and (max-width: 999px) {
.header .wrapperHeader .dropdownContainer .dropdown:nth-last-child(2) {
display: none;
}
}
@media only screen and (max-width: 899px) {
.header .wrapperHeader .dropdownContainer .dropdown:nth-last-child(3) {
display: none;
}
}
@media only screen and (max-width: 768px) {
.header .wrapperHeader .dropdownContainer {
display: none;
}
}
header svg {
position: absolute;
height: 80px;
width: 80px;
margin-left: -4px;
z-index: -1;
}
.plate {
height: 100%;
width: 60px;
position: relative;
align-items: center;
display: flex;
opacity: .81;
}
.burger {
filter: url(#gooeyness);
}
.x {
transform: scale(0);
transition: transform 400ms;
}
.active .x {
transform: scale(1);
transition: transform 400ms 350ms;
}
.line {
fill: none;
stroke: rgb(255, 255, 255);
stroke-width: 6px;
stroke-linecap: round;
stroke-linejoin: round;
transform-origin: 50%;
transition: stroke-dasharray 500ms 200ms, stroke-dashoffset 500ms 200ms, transform 500ms 200ms;
}
.x .line {
stroke-width: 5.5px;
}
/* El segundo plato */
.plate2 .line1 {
stroke-dasharray: 21 185.62753295898438;
transition-delay: 0;
}
.plate2 .line2 {
stroke-dasharray: 21 178.6514129638672;
transition-delay: 30ms;
}
.plate2 .line3 {
stroke-dasharray: 21 197.92425537109375;
transition-delay: 60ms;
}
.plate2 .line4 {
stroke-dasharray: 21 190.6597137451172;
transition-delay: 90ms;
}
.plate2 .line5 {
stroke-dasharray: 21 208.52874755859375;
transition-delay: 120ms;
}
.plate2 .line6 {
stroke-dasharray: 21 186.59703063964844;
transition-delay: 150ms;
}
.active.plate2 .line1 {
stroke-dasharray: 5 185.62753295898438;
stroke-dashoffset: -141px;
}
.active.plate2 .line2 {
stroke-dasharray: 5 178.6514129638672;
stroke-dashoffset: -137px;
}
.active.plate2 .line3 {
stroke-dasharray: 5 197.92425537109375;
stroke-dashoffset: -176px;
}
.active.plate2 .line4 {
stroke-dasharray: 5 190.6597137451172;
stroke-dashoffset: -159px;
}
.active.plate2 .line5 {
stroke-dasharray: 5 208.52874755859375;
stroke-dashoffset: -139px;
}
.active.plate2 .line6 {
stroke-dasharray: 5 186.59703063964844;
stroke-dashoffset: -176px;
}
.active.plate2 .x {
transition: transform 400ms 250ms;
}
/* /assets/theme/user/css/footer.css */
footer {
position: relative;
height: fit-content;
bottom: 0;
width: 100%;
display: flex;
flex-direction: column;
font-family: 'Outfit', sans-serif;
}
footer .upper .wrapperFooter,
footer .lower .wrapperFooter,
footer .lower-responsability .wrapperFooter,
footer .lower-copyright .wrapperFooter {
max-width: 1200px;
height: 100%;
margin: auto;
padding: 0 1.4rem;
box-sizing: border-box;
}
footer .upper {
width: 100%;
height: 30%;
background-color: #252423;
display: none;
}
footer .upper .wrapperFooter {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
}
footer .upper .wrapperFooter .socialText {
text-align: center;
}
footer .upper .wrapperFooter .socialWrapper {
display: grid;
grid-template-columns: repeat(6, 1fr);
height: 4rem;
align-items: center;
}
footer .upper .wrapperFooter .socialWrapper .socialLogo {
cursor: pointer;
width: 3rem;
height: 3rem;
}
footer .upper .wrapperFooter .socialWrapper .socialLogo .coverImage {
width: 3rem;
height: 3rem;
transition: transform 0.4s ease-out;
}
footer .upper .wrapperFooter .socialWrapper .socialLogo .coverImage:hover {
transform: scale(1.2);
}
footer .lower {
width: 100%;
height: 70%;
background-color: rgba(37, 36, 35, .78);
}
footer .lower .wrapperFooter {
display: grid;
grid-template-columns: 50% repeat(2, 1fr);
padding: var(--gap-huge) var(--padding-default);
}
footer .lower .wrapperFooter .imgLogo {
display: flex;
flex-direction: column;
justify-content: space-around;
}
footer .lower .wrapperFooter .imgLogo .coverImage {
width: fit-content;
}
footer .lower .wrapperFooter .footerLinks {
display: flex;
flex-direction: column;
gap: 7px;
}
footer .lower .wrapperFooter .footerLinks .title {
font-size: var(--font-size-larger);
font-weight: 400;
user-select: none;
}
footer .lower .wrapperFooter .footerLinks .white-link {
font-size: var(--font-size-smaller);
color: var(--text-color);
font-weight: 300;
opacity: .81;
}
footer .lower-responsability {
background-color: rgb(26 26 26 / 78%);
/* padding: 50px 0 10px; */
padding-top: 20px;
padding-bottom: 10px;
font-size: 14px;
line-height: 1.2rem;
}
footer .lower-copyright {
text-align: center;
padding: 10px;
}
@media only screen and (max-width: 900px) {
footer .lower .wrapperFooter {
row-gap: var(--gap-huge);
grid-template-columns: repeat(2, 1fr);
}
footer .lower .wrapperFooter .imgLogo {
display: flex;
flex-direction: column;
gap: var(--gap-big);
grid-column: 1/-1;
}
footer .lower .wrapperFooter .footerLinks .link {
width: 100%;
}
}
@media only screen and (max-width: 576px) {
footer .lower .wrapperFooter .imgLogo {
max-width: fit-content;
}
footer .lower .wrapperFooter .imgLogo .coverImage {
max-width: calc(100vw - 40px);
}
}
/* /assets/theme/user/css/dropdown.css */
.dropdown {
cursor: pointer;
position: relative;
height: 100%;
text-align: center;
}
.dropdown.span {
cursor: default;
}
.dropdown .dropdownPlaceholder {
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
white-space: nowrap;
}
.dropdown .dropdownPlaceholder .arrow-container {
display: flex;
justify-content: space-between;
align-items: center;
gap: var(--padding-items);
opacity: .81;
user-select: none;
}
.dropdown .dropdownPlaceholder .arrow-container .arrow {
scale: .63;
bottom: -4px;
}
.dropdown:hover .dropdownPlaceholder .arrow-container .arrow {
transform: rotate(45deg) translate(-5px, -5px);
}
.dropdown:hover .dropdownPlaceholder .arrow-container .arrow:before {
transform: translate(10px, 0);
}
.dropdown:hover .dropdownPlaceholder .arrow-container .arrow:after {
transform: rotate(90deg) translate(10px, 0);
}
.dropdown a {
text-decoration: none;
-webkit-user-drag: none;
user-select: none;
color: inherit;
opacity: .81;
transition: color 0.2s ease-out, opacity 0.2s ease-out;
}
.dropdown.active a {
position: relative;
font-weight: 300;
box-sizing: border-box;
opacity: .7 !important;
outline: none;
}
.dropdown.active a::after {
content: '';
position: absolute;
top: -10px;
left: -15px;
right: -15px;
bottom: -10px;
outline: none;
border-radius: var(--border-radius);
z-index: -1;
background-color: #2c2b2b;
}
.dropdown.active:hover .dropdownPlaceholder a {
color: inherit !important;
cursor: inherit !important;
}
.dropdown:hover .dropdownPlaceholder a,
.dropdownMenu:hover .dropdownPlaceholder a {
color: #cda439;
opacity: 1;
}
.dropdown.active:hover {
cursor: default !important;
}
.dropdown:hover .dropdownMenu,
.dropdownMenu:hover .dropdownMenu {
visibility: visible;
opacity: 1;
max-height: calc(100vh - 80px);
transition: max-height ease-out 3s;
/* TODO faltaria un scroll en algunos casos */
}
.dropdownPlaceholder {
transition: color 0.2s ease-out;
}
.dropdownMenu {
opacity: 0;
visibility: hidden;
position: absolute;
width: 100%;
background-color: rgb(35 33 32);
border-radius: 0 0 1.5rem 1.5rem;
padding: 0.6rem 0;
max-height: 0;
overflow: hidden;
}
.dropdownMenu .dropdownItem {
height: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
margin: 0.2rem 0.8rem;
border-radius: 1.5rem;
}
.dropdownMenu .dropdownItem:hover {
background-color: #7561cf;
transition: background-color ease-out 0.4s;
}
.dropdownMobile {
position: relative;
text-align: center;
font-family: 'Outfit', sans-serif;
}
.dropdownMobile .dropdownMobilePlaceholder {
cursor: pointer;
height: 50px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
font-size: var(--font-size-larger);
background-color: #292727;
border-radius: var(--border-radius);
padding: 0 var(--padding-items);
box-sizing: border-box;
position: relative;
z-index: 1;
}
.dropdownMobile.active .dropdownMobilePlaceholder {
color: #cda439;
}
.dropdownMobile a {
text-decoration: none;
-webkit-user-drag: none;
user-select: none;
color: inherit;
}
/* .dropdownMobile:hover {
.dropdownMobilePlaceholder {
color: $text-hover-link;
}
}
*/
.dropdownMobile.active .dropdownMobileMenu {
max-height: 100vh;
transition: max-height ease-out 3s;
opacity: 1;
}
.dropdownMobile.active .arrow {
transform: rotate(45deg) translate(-5px, -5px);
}
.dropdownMobile.active .arrow:before {
transform: translate(10px, 0);
}
.dropdownMobile.active .arrow:after {
transform: rotate(90deg) translate(10px, 0);
}
.dropdownMobilePlaceholder {
transition: color 0.2s ease-out;
font-size: var(--font-size-larger);
}
.dropdownMobilePlaceholder a {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
font-size: var(--font-size-larger);
}
.dropdownMobileMenu {
width: 100%;
background-color: rgb(35 33 32);
border-radius: 0 0 1.5rem 1.5rem;
max-height: 0;
overflow: hidden;
box-sizing: border-box;
margin-top: -1.3rem;
padding-top: 1.3rem;
opacity: 0;
}
.dropdownMobileMenu .dropdownMobileItem {
height: 2.5rem;
display: flex;
justify-content: space-between;
align-items: center;
margin: 0.2rem 0.8rem;
border-radius: 1.5rem;
font-size: 1.1rem;
}
.dropdownMobileMenu .dropdownMobileItem:hover {
background-color: #7561cf;
transition: background-color ease-out 0.4s;
}
.dropdownMenu.indexes {
width: 900px;
padding: var(--gap-big);
color: var(--text-color);
box-shadow: #a5a5a52b 10px 20px 25px -5px, #a5a5a529 -10px 10px 20px -10px;
transform: translate(-50%, 0);
}
.dropdown:hover .dropdownMenu.indexes {
position: fixed;
left: 50%;
}
.dropdownMenu.indexes .indexesContainer {
display: grid;
grid-template-columns: 3fr 1fr 1fr;
gap: var(--gap-big);
font-size: var(--font-size-smaller);
flex-wrap: wrap;
justify-content: center;
}
.dropdownMenu.indexes .indexesContainer .group.mostImportantCountries {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: var(--gap-big);
}
.dropdownMenu.indexes .indexesContainer .group:not(.mostImportantCountries) {
display: flex;
flex-direction: column;
align-items: baseline;
gap: var(--padding-items);
}
.dropdownMenu.indexes .countryGroup {
display: flex;
flex-direction: column;
gap: var(--padding-items);
align-items: start;
}
.dropdownMenu.indexes .nameContainer {
display: flex;
flex-direction: row;
gap: var(--padding-items);
white-space: nowrap;
}
.dropdownMenu.indexes .indexLink {
width: 100%;
text-align: left;
padding-left: 38px;
color: var(--text-color);
}
.languageSelectorWrapper {
margin-left: 20px;
height: 100%;
}
.dropdownMenu.languageSelector {
width: fit-content;
padding: var(--gap-big);
color: var(--text-color);
box-shadow: rgb(255 255 255 / 7%) 0px 3px 30px;
scrollbar-width: thin;
scrollbar-color: rgb(77, 77, 77) #232120;
transition: .4s ease;
}
.dropdown:hover .dropdownMenu.languageSelector {
transform: translate(-33px, 0);
max-height: calc(100vh - 140px);
transition: .4s ease, max-height 1.33s ease-out;
}
.dropdownMenu.languageSelector .languageContainer {
display: flex;
flex-direction: column;
gap: var(--padding-items);
}
.languageSelectorWrapper .langCode,
.dropdownMobile .languageContainer .langCode,
.dropdownMobile .languageSelectorMainMobile .langCode {
border: 1px solid var(--text-color);
border-radius: 100%;
min-width: 25px;
min-height: 25px;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
font-size: var(--font-size-small);
opacity: .93;
-webkit-font-smoothing: subpixel-antialiased;
}
.languageSelectorWrapper .languageGroup {
display: flex;
flex-direction: row;
gap: var(--padding-items);
align-items: center;
}
.languageSelectorWrapper .languageGroup .langCode,
.dropdownMobile .dropdownMobilePlaceholder .langCode {
transition: border-color .4s ease;
}
.languageSelectorWrapper .languageGroup:hover .langCode {
border-color: var(--text-link);
transition: border-color .4s ease;
}
.languageSelectorWrapper .languageGroup .langName {
transition: color .4s ease;
}
.languageSelectorWrapper .languageGroup:hover .langName {
color: var(--text-link);
transition: color .4s ease;
}
@media only screen and (max-width: 1400px) {
.dropdown:hover .dropdownMenu.languageSelector {
transform: translate(-110px, 0);
}
}
@media only screen and (max-width: 1199px) {
.languageSelectorWrapper {
display: none;
}
}
.dropdownMobile.languageSelectorWrapperMobile {
padding-bottom: 20px;
}
.dropdownMobile.languageSelectorWrapperMobile.active {
padding-bottom: 20px;
}
.dropdownMobile.languageSelectorWrapperMobile.active .dropdownMobileMenu {
max-height: 1300px;
}
.dropdownMobile .languageContainer {
display: flex;
flex-direction: column;
align-items: start;
}
.dropdownMobile .languageSelector {
padding-top: 5px;
}
.dropdownMobile .languageContainer .languageGroup {
display: flex;
padding: var(--padding-items);
justify-content: space-between;
width: 100%;
box-sizing: border-box;
}
.dropdownMobile .languageSelectorMainMobile {
display: flex;
flex-direction: row;
justify-content: center;
gap: var(--padding-items);
}
.dropdownMobile.active .dropdownMobilePlaceholder .langCode {
color: var(--text-color);
border-color: var(--text-link);
transition: border-color .4s ease;
}
.dropdownMobilePlaceholder span.calendar {}
.dropdownMobilePlaceholder span.calendar::before, .search-dropdown-item span.calendar::before {
width: 16px;
height: 18px;
margin-right: 2px;
margin-top: 2px;
}
.dropdownMobilePlaceholder span.calculator {}
.dropdownMobilePlaceholder span.calculator::before {
width: 16px;
height: 16px;
margin-right: 2px;
}
.dropdownMobileMenu .indexes .indexesContainer .group.mostImportantCountries {
padding-bottom: 0;
}
.dropdownMobileMenu .indexesContainer .group.mostImportantCountries,
.dropdownMobileMenu .indexesContainer .group.rest {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--padding-default);
padding: var(--padding-default);
}
.dropdownMobileMenu .indexesContainer .group.mostImportantCountries .countryGroup,
.dropdownMobileMenu .indexesContainer .group.europe,
.dropdownMobileMenu .indexesContainer .group.world {
display: flex;
flex-direction: column;
align-items: start;
gap: var(--padding-items);
}
.dropdownMobileMenu .indexesContainer .nameContainer {
display: flex;
flex-direction: row;
gap: var(--padding-items);
font-size: var(--font-size-smaller);
}
.dropdownMobileMenu .indexesContainer .indexLink {
text-align: left;
color: var(--text-color);
width: 100%;
}
.dropdownMobile.indexesDropdown.active .dropdownMobileMenu {
max-height: 1000px;
}
/* /assets/theme/user/css/countryFlags.css */
.fi {
width: 28px;
line-height: 1em;
border-radius: 4px;
background-size: cover;
background-position: center;
height: 20px;
}
.fi-europe {
background-image: url(/assets/uploads/Flag_of_Europe.svg);
}
.fi-world {
background-image: url(/assets/uploads/World_Flag.svg);
}
/* /assets/theme/variables.css */
/* variables.css */
:root {
--background-general: #100F0E;
--header-height: 80px;
--divider-header: #353535;
--background-header-home: linear-gradient(180deg, rgba(37, 36, 35, .2), rgba(37, 36, 35, .6) 99%);
--blur-background-header: blur(44px);
--box-shadow: 0 2px 2.4rem 0 rgba(0, 0, 0, .1);
--padding-default: 20px;
--padding-items: 10px;
--padding-cards: 15px;
--padding-items-big: 15px;
--gap-small: 10px;
--gap-big: 20px;
--gap-huge: 30px;
--text-link: #cda439;
--text-link-light: #fbe08e;
--text-hover-link-main: #c09352;
--padding-top: 100px;
--text-color: #d2d0ce;
--border-radius: 16px;
--border-radius-small: 10px;
--background-card-post-item: #252423;
--background-card-item: #21201F;
--text-color-special: #E2A231;
--padding-card: 20px;
--button-background-default: #E2A231;
--button-color-default: #1A1A19;
--button-background-default-hover: rgb(180, 128, 56);
--button-color-default-hover: #1A1A19;
--button-font-weight-default: 500;
--hr-width: 2px;
--font-size-large: 20px;
--font-size-larger: 18px;
--font-size-default: 16px;
--font-size-smaller: 14px;
--font-size-small: 12px;
}
/* /assets/theme/style.css */
/*
Theme Name: DividendPedia
Theme URI: http://dividendpedia.com
Author: DividendPedia.com
Author URI: http://dividendpedia.com
Description: :)
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: :)
Text Domain: dividendpedia
*/
/* For Chrome, Safari, and Opera */
::-webkit-selection {
background-color: #553b00;
}
/* For Firefox */
::-moz-selection {
background-color: #553b00;
}
/* For Internet Explorer and Edge */
::-ms-selection {
background-color: #553b00;
}
::selection {
background-color: rgba(112, 112, 86, 0.494);
}
body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #575757;
}
body::-webkit-scrollbar {
width: 12px;
background-color: rgb(193, 193, 193);
}
body::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: rgb(193, 193, 193);
}
html {
scrollbar-width: thin;
scrollbar-color: rgb(193, 193, 193) #575757;
scroll-behavior: smooth;
}
body {
background-color: var(--background-general);
margin: 0;
color: var(--text-color);
display: flex;
flex-direction: column;
min-height: 100vh;
font-family: 'Outfit', sans-serif;
font-weight: 400;
min-width: 320px;
}
img {
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
}
a {
text-decoration: none;
-webkit-user-drag: none;
user-select: none;
color: inherit;
}
strong {
font-weight: 500;
color: white;
opacity: 1;
}
@media only screen and (max-width: 768px) {
.nameLogo {
display: none;
}
.wrapperMain .card-item {
padding: var(--padding-cards);
}
}
.arrow {
width: 13px;
height: 13px;
position: relative;
bottom: -5px;
left: -10px;
transition: 0.4s ease;
text-align: left;
transform: rotate(45deg);
transition: transform 0.4s ease;
}
.arrow:before,
.arrow:after {
position: absolute;
content: '';
width: 12px;
height: 3px;
background-color: #fff;
transition: transform 0.4s ease;
}
.arrow:after {
position: absolute;
transform: rotate(90deg);
top: -5px;
left: 5px;
}
@media only screen and (min-width: 1025px) {
body.desktop.no-scroll .site-content {
margin-left: -5px;
margin-right: 5px;
}
}
@media only screen and (min-width: 1232px) {
body.desktop.no-scroll header, body.desktop.no-scroll footer {
margin-left: -5px;
margin-right: 5px;
}
}
.wrapperMain {
flex-wrap: wrap;
flex: 1 1;
margin: 0 auto;
max-width: 1022px;
width: 100%;
position: relative;
box-sizing: border-box;
padding: var(--padding-cards);
}
.card-item {
background-color: var(--background-card-item);
padding: var(--padding-card);
border-radius: var(--border-radius);
}
.card-item.partial {
padding: 0;
}
.card-item h2 {
margin: 0;
margin-bottom: var(--gap-huge);
font-size: 22px;
font-weight: 500;
}
.card-item.partial h2 {
padding: var(--padding-card);
margin-bottom: 0;
}
.card-item.partial hr {
margin: 0;
border-color: var(--background-general);
/*border-width: var(--hr-width);*/
border-style: solid;
}
.site-content {
display: flex;
flex-direction: column;
gap: var(--padding-cards);
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
input:-internal-autofill-selected {
transition: background-color 5000s;
-webkit-text-fill-color: var(--text-color) !important;
/* TODO esto hace que al pinchar el efecto del active se pierda, pero sino sale del color que quiere */
-webkit-box-shadow: 0 0 0 30px #353535 inset !important;
background-color: #353535 !important;
caret-color: white;
-webkit-background-clip: text !important;
background-clip: text !important;
}
select {
display: block;
padding: var(--padding-items);
border-radius: var(--border-radius);
border: none;
background-color: #373636;
color: inherit;
outline: none;
transition: .3s ease-out;
font-family: inherit;
}
select:hover {
cursor: pointer;
background-color: #444444;
}
select option:first-child {}
select option {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: var(--padding-items);
}
input {
font-family: inherit;
}
.cell-content-index {
display: flex;
align-items: center;
max-width: 150px;
background-color: #373636;
padding: 5px var(--padding-items);
border-radius: var(--border-radius);
transition: .4s ease;
gap: var(--padding-items);
height: 32px;
}
.cell-content-index:hover {
cursor: pointer;
background-color: #515151;
}
.cell-content-index .text-content {
white-space: nowrap;
}
#notification-center {
position: fixed;
bottom: var(--padding-items);
right: var(--padding-items);
background: var(--background-card-item);
border: 1px solid transparent;
border-left-width: 4px;
margin: 5px 15px 2px;
padding: 1px 12px;
outline: 0;
border-radius: 8px;
box-shadow: rgba(149, 157, 165, 0.095) 0px 8px 24px;
display: none;
transition: opacity 0.4s ease;
z-index: 1000;
}
#notification-center.notice-success {
border-left-color: #3eef94;
}
#notification-center.notice-error {
border-left-color: #d63638;
}
#notification-center p {
margin: 0.5em 0;
padding: 2px;
font-size: 14px;
line-height: 1.5;
}
span.variation {
padding: var(--hr-width) var(--padding-items);
border-radius: var(--border-radius-small);
font-size: var(--font-size-smaller);
background-color: #585757;
}
.mobile span.variation {
background-color: #373636;
}
span.variation::before {
content: '';
display: inline-block;
width: 10px;
height: 10px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7 0V12.175L1.4 6.575L0 8L8 16L16 8L14.6 6.575L9 12.175V0H7Z' fill='%23D2D0CE'/%3E%3C/svg%3E");
background-size: cover;
background-repeat: no-repeat;
transform: rotate(180deg);
margin-right: 1px;
}
span.variation.up::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7 0V12.175L1.4 6.575L0 8L8 16L16 8L14.6 6.575L9 12.175V0H7Z' fill='%23065F46'/%3E%3C/svg%3E");
}
span.variation.down::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7 0V12.175L1.4 6.575L0 8L8 16L16 8L14.6 6.575L9 12.175V0H7Z' fill='%23af1f31'/%3E%3C/svg%3E");
transform: rotate(0deg);
}
span.variation.up {
background-color: #d1fae5;
color: #065F46;
}
span.variation.down {
background-color: #ffc2ca;
color: #af1f31;
}
/* /assets/theme/user/css/auxiliar.css */
.grid-two-items {
display: grid;
gap: var(--padding-cards);
grid-template-columns: 1fr 1fr;
}
.grid-two-items.left {
grid-template-columns: auto minmax(350px, 350px);
}
.grid-two-items.right {
grid-template-columns: minmax(350px, 350px) auto;
}
.button-default {
display: flex;
padding: var(--padding-items);
border-radius: var(--border-radius-small);
background-color: var(--button-background-default);
color: var(--button-color-default);
text-align: center;
align-items: center;
font-weight: var(--button-font-weight-default);
transition: .4s ease-out;
}
.button-default:hover {
background-color: var(--button-background-default-hover);
color: var(--button-color-default-hover);
cursor: pointer;
}
a.button-default {
text-decoration: none;
user-select: none;
}
button.button-default {
text-decoration: none;
user-select: none;
border: none;
font-size: var(--font-size-default);
font-family: inherit;
}
button.button-default.button-auxiliar {
background-color: transparent;
border: 1px solid var(--text-color);
color: var(--text-color);
}
button.button-default.button-auxiliar:hover {
border: 1px solid rgba(245, 245, 245, 0.902);
box-shadow: 0 0 5px #ffffff96;
transition: border 0.6s ease, box-shadow 0.6s ease;
}
.specialText {
color: var(--text-color-special);
}
.positive {
color: #3DBE00;
font-weight: 400;
}
.negative {
color: #ff7171;
font-weight: 400;
}
a.text-link {
color: var(--text-link);
transition: color 0.2s ease-out;
text-decoration: underline;
}
a.text-link:hover {
color: var(--text-hover-link-main);
}
.text-lighter {
font-weight: 300;
}
.text-light {
font-weight: 300;
opacity: .7;
}
.text-center {
text-align: center;
}
.text-smaller {
font-size: var(--font-size-smaller);
}
.text-small {
font-size: var(--font-size-small);
}
.text-larger {
font-size: 18px;
}
.text-large {
font-size: 20px;
}
.text-italic {
font-style: italic;
}
.text-right {
text-align: right !important;
}
.no-wrap {
white-space: nowrap !important;
}
.no-scroll {
overflow: hidden;
}
.h1-default {
margin: 0;
font-weight: 500;
font-size: 24px;
}
.text-link {
color: var(--text-link);
}
.nonDraggable {
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
}
a.white-link {
cursor: pointer;
transition: color 0.2s ease-out;
width: fit-content;
}
a.white-link:hover {
color: #cda439 !important;
}
@media only screen and (max-width: 768px) {
.nameLogo {
display: none;
}
.grid-two-items {
display: grid;
gap: var(--padding-cards);
grid-template-columns: 1fr !important;
}
}
/* /assets/theme/user/css/stock_card.css */
.stockCard-container {
display: flex;
flex-direction: column;
gap: var(--hr-width);
}
.stockCard-container .mainDataWrapper {
width: 100%;
height: 64px;
border-top-left-radius: var(--border-radius);
border-top-right-radius: var(--border-radius);
background-color: var(--background-card-item);
box-sizing: border-box;
display: flex;
align-items: center;
padding: 0 var(--padding-items);
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
gap: var(--padding-items);
align-items: center;
scrollbar-width: thin;
}
.stockCard-container .mainDataWrapper div {
display: flex;
align-items: center;
}
.stockCard-container .mainDataWrapper div.mainData {
white-space: nowrap;
padding-right: 0.5rem;
}
.stockCard-container .mainDataWrapper .stockName {
max-width: 200px;
text-overflow: ellipsis;
overflow: hidden;
}
.stockCard-container .mainDataWrapper div.mainData .imgRank {
position: relative;
}
.stockCard-container .mainDataWrapper div.mainData .imgRank img {
height: 32px;
width: 32px;
margin-right: var(--padding-items);
border-radius: 100%;
}
.stockCard-container .mainDataWrapper div.mainData span {
font-size: 20px;
font-weight: 400;
}
.stockCard-container .mainDataWrapper .property {
padding: 0 var(--font-size-default);
background-color: #57575769;
border-radius: var(--border-radius);
font-size: var(--font-size-default);
height: 32px;
flex: 0 0 auto;
gap: var(--padding-items);
}
.stockCard-container .mainDataWrapper .property .right {
color: var(--text-color-special);
}
.stockCard-container .mainDataWrapper .property .right .ticker {
margin-left: 3px;
font-size: small;
opacity: .7;
color: var(--text-color);
}
.stockCard-container .mainDataWrapper::-webkit-scrollbar {
display: none;
}
.stockCard-container .mainDataWrapper .price-change {
display: flex;
flex-direction: row;
gap: 3px;
margin-left: -3px;
}
.price-arrow {
font-size: small;
}
.price-arrow.arrow-down {
font-size: small;
margin-top: 3px;
}
.stockCard-container .secondaryData {
display: flex;
flex-direction: row;
gap: var(--hr-width);
justify-content: space-between;
border-bottom-left-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
overflow: hidden;
}
.stockCard-container .secondaryData .leftWrapper {
display: flex;
flex-direction: row;
row-gap: var(--padding-items);
column-gap: var(--gap-huge);
flex-grow: 1;
background-color: var(--background-card-item);
padding: var(--padding-items);
font-size: var(--font-size-smaller);
flex-wrap: wrap;
}
.stockCard-container .secondaryData .property {
display: flex;
white-space: nowrap;
gap: 5px;
}
.stockCard-container .secondaryData .rightWrapper {
background-color: var(--background-card-item);
padding: var(--padding-items);
font-size: var(--font-size-small);
white-space: nowrap;
}
@media only screen and (max-width: 1024px) {
.stockCard-container .secondaryData {
flex-direction: column;
}
.stockCard-container .secondaryData .rightWrapper {
margin-left: auto;
border-bottom-left-radius: var(--border-radius);
}
.stockCard-container .secondaryData .leftWrapper {
border-bottom-left-radius: var(--border-radius);
}
}
@media only screen and (max-width: 576px) {
.stockCard-container .mainDataWrapper .stockName {
max-width: 120px;
}
}
@media only screen and (max-width: 480px) {
.stockCard-container .mainDataWrapper {
gap: 0.5rem;
padding: 0 0.5rem;
height: 48px;
}
.stockCard-container .mainDataWrapper div.mainData span {
font-size: 1.2rem;
}
.stockCard-container .mainDataWrapper .property {
font-size: 0.9rem;
padding: 0 0.7rem;
}
}
/* /assets/theme/user/css/charts.css */
.stock-chart-container {
background-color: var(--background-card-item);
/* padding: 10px; */
border-radius: var(--border-radius);
/* margin-top: 25px; */
}
.stock-chart-container .search-dropdown-item:hover {
background-color: initial;
cursor: initial;
}
.stock-chart-container .search-dropdown-item .suggestion-image {
border-radius: 100%;
}
.stock-chart-container .price-wrapper {
line-height: 1;
padding: 5px;
width: 100%;
justify-content: space-around;
box-sizing: border-box;
height: 32px;
}
.stock-chart-container .price-wrapper .price {
font-size: 22px !important;
}
.stock-chart-container .price-wrapper .price .currency {
font-size: var(--font-size-smaller);
}
.stock-chart-container .price-wrapper .price-change {
font-size: 16px !important;
}
.stock-chart-container .price-wrapper .price-change .chart-arrow {
scale: .9;
margin-bottom: -1px;
}
.stock-chart-container .price-wrapper .price-change .change-percent {
margin-bottom: 1px;
}
.stock-chart-container .search-dropdown-item .content .market-state,
.stock-data-container .market-state {
height: 32px;
width: 32px;
align-self: center;
box-sizing: border-box;
}
.stock-chart-container .chart-arrow_box {
display: flex;
flex-direction: column;
align-items: center;
}
.stock-chart-container .chart-arrow_box .currency {
font-size: smaller;
}
.stock-chart-container .chart-arrow_box .date {
font-size: smaller;
}
.button-stock-chart-container {
margin-top: -25px;
display: flex;
justify-content: center;
margin-bottom: 5px;
}
.button-stock-chart-container button {
padding: 1px 6px;
font: inherit;
font-size: 13px;
line-height: 18px;
background-color: initial;
color: #f5f5f5a6;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
outline: none;
border: 0px solid transparent;
border-radius: 0;
box-shadow: none;
vertical-align: middle;
text-align: center;
text-decoration: none;
text-transform: uppercase;
text-shadow: none;
font-weight: 500;
cursor: pointer;
transition: color .25s ease, background-color .25s ease, border-color .25s ease, box-shadow .25s ease, opacity .25s ease;
}
.button-stock-chart-container button:hover {
box-shadow: none;
color: white;
}
.button-stock-chart-container button.active {
border-bottom: solid var(--hr-width) var(--text-link);
box-shadow: none;
color: var(--text-link);
}
.stock-chart-container .market-state .tooltip,
.stock-data-container .market-state .tooltip {
visibility: hidden;
background-color: #555555b3;
color: #fff;
text-align: center;
padding: 5px var(--padding-items);
border-radius: var(--border-radius-small);
font-weight: 300;
/* Position the tooltip text */
position: absolute;
z-index: 1;
bottom: 125%;
/* Place tooltip above the element */
/*left: 50%;
margin-left: -60px;*/
transform: translateX(-90%);
/* Fade in tooltip */
opacity: 0;
transition: opacity 1s;
white-space: nowrap;
}
.stock-chart-container .market-state:hover,
.stock-data-container .market-state:hover {
box-shadow: 0px 0px 15px rgb(132 132 132 / 33%);
}
.stock-chart-container .market-state:hover .tooltip,
.stock-data-container .market-state:hover .tooltip {
visibility: visible;
opacity: 1;
}
.stock-chart-container h2.stock-name {
margin: 0 !important;
font-size: 16px;
font-weight: 400;
line-height: 25.6px;
color: rgb(51, 51, 51);
}
.stock-chart-container h2.stock-name::after {
content: none;
}
.stock-chart-container .search-dropdown-item {
display: flex;
align-items: center;
padding: 5px;
text-decoration: none;
cursor: pointer;
border-bottom: 1px solid #9d821a;
min-width: 61px;
}
.stock-chart-container .search-dropdown-item.active {
background-color: #e0e0e0;
}
.stock-chart-container .search-dropdown-item:last-child {
border-bottom: none;
border-width: 0;
}
.stock-chart-container .search-dropdown-item .stock-name {
white-space: nowrap;
max-width: 256px;
overflow: hidden;
text-overflow: ellipsis;
}
@media screen and (min-width: 577px) and (max-width: 768px) {
.stock-chart-container .search-dropdown-item .stock-name {
white-space: nowrap;
max-width: none;
overflow: hidden;
text-overflow: ellipsis;
}
}
.table_dividend_calendar_aside_wrapper .search-dropdown-item:hover {
background-color: initial;
}
.content {
display: flex;
justify-content: space-between;
width: 100%;
}
.stock-name-wrapper {
display: flex;
flex-direction: column;
margin-right: 10px;
}
.ticker {
font-size: 0.8rem;
align-self: flex-start;
}
.market-state {
display: flex;
align-items: center;
padding: 5px 11px;
border-radius: 20px;
transition: ease-out 0.3s;
}
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
.market-state.abierto .state-circle {
animation: blink 2s infinite;
}
.state-text {
margin-right: 5px;
white-space: nowrap;
}
.state-circle {
width: 10px;
height: 10px;
border-radius: 50%;
position: relative;
}
.market-state.pre {
background-color: #fcf3cf45;
/* Light orange background */
}
.market-state.pre .state-circle {
background-color: #F39C12;
/* Orange circle */
}
.market-state.abierto {
background-color: #d4edda3d;
/* Light green background */
}
.market-state.abierto .state-circle {
background-color: #28a745;
/* Green circle */
}
.market-state.post-market {
background-color: #d6eaf838;
/* Light blue background */
}
.market-state.post-market .state-circle {
background-color: #3498DB;
/* Blue circle */
}
.market-state.cerrado {
background-color: #f8d7da3b;
/* Light red background */
}
.market-state.cerrado .state-circle {
background-color: #dc3545;
/* Red circle */
}
.price-wrapper {
display: inline-flex;
align-items: flex-end;
}
.price-wrapper {
display: inline-flex;
align-items: flex-end;
}
.price-wrapper div {
display: flex;
flex-wrap: nowrap;
align-items: flex-end;
gap: 3px;
}
.price {
/*font-weight: bold;*/
font-weight: 400;
}
.arrow-down {
transform: rotate(180deg);
display: inline-flex;
}
.stock-chart-container .search-dropdown-item .suggestion-image {
border-radius: 100%;
}
.suggestion-image {
width: 32px;
height: 32px;
margin-right: 10px;
border-radius: 100%;
}
.stock-chart-container .arrow_box {
display: flex;
flex-direction: column;
align-items: center;
}
.stock-chart-container .arrow_box {
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
color: #3E3E3E;
}
.stock-chart-container .arrow_box strong {
color: #3E3E3E;
}
.arrow_box {
position: relative;
padding: 10px;
font-size: 13px;
color: var(--text-color);
font-weight: 400;
}
.arrow_box strong {
color: whitesmoke;
font-weight: 500;
opacity: 1;
}
.dividend-chart.stacked .apexcharts-tooltip {
box-shadow: rgba(221, 221, 221, 0.082) 0px 7px 29px 0px !important;
}
.apexcharts-tooltip-text-y-value {
max-width: 250px;
white-space: break-spaces;
}
.apexcharts-text.apexcharts-yaxis-title-text {
font-weight: 400;
opacity: .7;
}
.apexcharts-legend-text {
font-weight: 400;
opacity: .85;
}
.change-percent {
font-size: smaller;
}
.poweredBy {
display: flex;
flex-direction: row;
width: 100%;
justify-content: end;
align-items: baseline;
padding: var(--padding-items);
padding-top: 0;
box-sizing: border-box;
margin-top: -10px;
}
.poweredBy img {
height: 20px;
margin-left: var(--padding-items);
}
.donut-chart {
margin-top: var(--padding-items);
}
.donut-chart .apexcharts-legend-text {
font-size: var(--font-size-default);
padding-left: var(--gap-big);
color: inherit !important;
}
.donut-chart .apexcharts-legend-marker {
top: 2px !important;
}
.donut-chart .apexcharts-legend-text .sub-legend {
font-size: 19px;
width: 100%;
display: block;
padding-left: var(--gap-big);
}
.donut-chart .apexcharts-legend {
padding-left: var(--gap-big);
overflow: hidden;
}
/* Deberia ser 650 pero el apexcharts tiene un bug a la hora de calcularlo. Lo calculan distinto en el resize up que en el resize down */
@media screen and (max-width: 649px) {
.donut-chart {
margin-bottom: var(--gap-big);
}
.donut-chart .apexcharts-legend-text .sub-legend {
padding-left: 0 !important;
}
.donut-chart .apexcharts-legend-marker {
top: -13px !important;
}
}
@media screen and (max-width: 576px) {
.dividend-chart.stacked .apexcharts-tooltip {
top: 20px !important;
right: 0 !important;
left: auto !important;
}
}
.charts-container select {
margin-right: 10px;
margin-left: auto;
}
.dividend-chart.chart-line .apexcharts-tooltip .apexcharts-tooltip-text-y-label {
color: var(--text-color);
font-weight: 300;
}
/* /assets/theme/user/css/newsletter.css */
.signup-container {
position: relative;
background-color: var(--background-card-item);
border-radius: var(--border-radius);
}
.signup-container #wrapperToEmpty {
display: flex;
position: relative;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
padding: 20px;
height: 296px;
box-sizing: border-box;
}
.signup-container p {
width: 80%;
margin: 0;
line-height: 30px;
font-weight: 300;
}
.signup-container #newsletter-form {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 15px;
margin-top: auto;
}
.signup-container .input-wrapper {
display: flex;
flex-direction: row;
gap: 10px;
width: 100%;
}
.signup-container #newsletter-form .gdpr-consent-wrapper {
display: flex;
flex-direction: row;
align-items: center;
font-size: 13px;
gap: 5px;
}
.signup-container #newsletter-form .gdpr-consent-wrapper label {
margin-bottom: 0;
}
.signup-container .fake-h2 {
font-size: 20px;
margin-bottom: 30px;
font-weight: 500;
}
.input-wrapper input[type="email"] {
flex: 1;
padding: 10px 15px;
border-radius: var(--border-radius);
background-color: #373636;
border: none;
color: var(--text-color);
border-radius: var(--border-radius);
border: none;
outline: none;
}
.input-wrapper button {
margin-left: auto;
line-height: 18px;
font-family: inherit;
position: relative;
outline: none;
border: 0px solid transparent;
box-shadow: none;
vertical-align: middle;
text-align: center;
text-shadow: none;
cursor: pointer;
transition: color .25s ease, background-color .25s ease, border-color .25s ease, box-shadow .25s ease, opacity .25s ease;
-webkit-appearance: button;
}
/* Basic styling */
[type=checkbox] {
width: 20px;
height: 20px;
color: var(--button-background-default);
;
vertical-align: middle;
-webkit-appearance: none;
background: none;
border: none;
outline: none;
flex-grow: 0;
border-radius: 50%;
background-color: var(--background-card-post-item);
;
transition: background 300ms;
cursor: pointer;
}
/* Pseudo element for check styling */
[type=checkbox]::before {
content: "";
color: transparent;
display: block;
width: inherit;
height: inherit;
border-radius: inherit;
border: 0;
background-color: transparent;
background-size: contain;
box-shadow: inset 0 0 0 1px #a5a5a5;
}
/* Checked */
[type=checkbox]:checked {
background-color: currentcolor;
}
[type=checkbox]:checked::before {
box-shadow: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E");
}
/* Disabled */
[type=checkbox]:disabled {
background-color: #CCD3D8;
opacity: 0.84;
cursor: not-allowed;
}
/* IE */
[type=checkbox]::-ms-check {
content: "";
color: transparent;
display: block;
width: inherit;
height: inherit;
border-radius: inherit;
border: 0;
background-color: transparent;
background-size: contain;
box-shadow: inset 0 0 0 1px #CCD3D8;
}
[type=checkbox]:checked::-ms-check {
box-shadow: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E");
}
@media screen and (max-width: 768px) {
.signup-container {
}
.signup-container .input-wrapper {
width: 100%;
}
.input-wrapper input[type="email"] {
font-size: var(--font-size-default);
}
}
@media screen and (max-width: 576px) {
input[type="checkbox"] {
width: 25px;
height: 25px;
}
.signup-container p {
line-height: 20px;
font-size: 15px;
width: 100%;
margin-bottom: 20px;
}
.signup-container .instructions p {
margin-bottom: inherit;
}
.signup-container .fake-h2 {
margin-bottom: 40px;
}
}
@media screen and (max-width: 389px) {
.input-wrapper input[type="email"] {
width: 100px;
}
}
#loading-overlay {
visibility: hidden;
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgb(73 73 73 / 80%);
backdrop-filter: blur(2.5px);
z-index: 9999;
border-radius: var(--border-radius);
transition: opacity .7s ease, visibility .7s ease;
}
#loading-overlay .spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 4px solid rgba(255, 255, 255, 0.3);
border-radius: 50%;
border-top: 4px solid #000;
width: 40px;
height: 40px;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: translate(-50%, -50%) rotate(0deg); }
100% { transform: translate(-50%, -50%) rotate(360deg); }
}
.signup-container .confirmation-container {
border-radius: var(--border-radius);
display: flex;
flex-direction: column;
gap: var(--gap-big);
}
.signup-container .confirmation-container .confirmation-message {
display: flex;
flex-direction: column;
padding: var(--padding-items);
/* justify-content: space-between; */
flex: 1;
gap: var(--gap-big);
border: var(--hr-width) solid #373737;
border-radius: var(--border-radius);
text-align: center;
}
.signup-container .confirmation-container .confirmation-message span {
display: flex;
justify-content: center;
align-items: center;
}
.signup-container .confirmation-container .confirmation-message span::before {
content: "";
box-shadow: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23000'/%3E %3C/svg%3E");
display: inline-flex;
min-width: 20px;
min-height: 20px;
background-color: #d1f225;
border-radius: 100%;
padding-bottom: 3px;
padding-right: 3px;
margin-right: 5px;
}
.signup-container .confirmation-container .confirmation-message span.non::before {
display: none;
}
.signup-container .confirmation-container .instructions {
display: flex;
flex-direction: column;
gap: var(--gap-big);
padding: var(--padding-items);
}
.signup-container .confirmation-container .instructions .fake-h2 {
margin-bottom: 0;
}
.signup-container .confirmation-container .instructions p {
width: 100%;
}
.signup-container .confirmation-container .button-container {
display: flex;
flex-direction: row;
gap: var(--padding-items);
margin: auto;
}
.goBackButton {
position: relative;
color: var(--text-color);
background-color: #2c2b2b;
}
.goBackButton:hover {
color: inherit;
background-color: #373737;
}
.goBackButton::before {
content: '';
left: 0;
transform: translateY(-50%);
border: solid var(--text-color);
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
transform: rotate(135deg);
margin-right: 5px;
}
@media only screen and (max-width: 768px) {
.signup-container #wrapperToEmpty {
padding: var(--padding-cards);
}
}
/* /assets/theme/user/css/stock_nextDividends.css */
.upcomingDividends-h1 {
margin: 0;
margin-bottom: var(--gap-huge);
font-size: 24px;
font-weight: 500;
}
.upcomingDividends-h1.mobile {
margin-bottom: var(--padding-items);
}
.upcomingDividends-top {
display: flex;
flex-direction: row;
margin-bottom: var(--gap-huge);
}
.upcomingDividends-top .row {
display: flex;
flex-direction: row;
width: 100%;
gap: var(--gap-big);
flex-wrap: wrap;
}
.mobile .upcomingDividends-top .row {
justify-content: center;
}
.upcomingDividends-top .upcomingDividends-mainSpan {
margin-top: 13px;
font-weight: 300;
}
.mobile .upcomingDividends-top .upcomingDividends-mainSpan {
display: block;
width: 100%;
margin-left: 0;
}
.upcomingDividends-top .timer-box {
display: flex;
align-items: baseline;
flex-direction: column;
justify-content: center;
}
.upcomingDividends-top .timer-box .timer-blur {
filter: blur(8px);
opacity: 0.6;
transition: filter 0.5s cubic-bezier(0.4, 0.0, 0.2, 1), opacity 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
}
.upcomingDividends-top .timer {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
}
.upcomingDividends-top .unit-box {
display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
}
.upcomingDividends-top .timer-value {
font-size: 20px;
font-weight: 400;
background-color: #564321;
padding: var(--padding-items);
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--border-radius-small);
}
.upcomingDividends-top .timer-unit {
font-size: var(--font-size-smaller);
color: #888;
}
.upcomingDividends-top .timer-label {
font-size: var(--font-size-smaller);
color: #888;
padding-left: 3px;
}
.upcomingDividends-top .separator {
margin-top: 13px;
}
.upcomingDividends-top .right-infoDividends-container {
display: flex;
flex-direction: row;
gap: 20px;
height: fit-content;
margin-left: auto;
flex-wrap: wrap;
}
.mobile .upcomingDividends-top .right-infoDividends-container {
margin-left: inherit;
}
.upcomingDividends-top .confirmation {
padding: var(--padding-items) 60px;
border-radius: 40px;
font-size: 18px;
/*color: #62e9b5;*/
color: var(--button-background-default);
display: flex;
align-items: center;
border: 1px solid var(--button-background-default);
}
.mobile .upcomingDividends-top .confirmation {
font-size: var(--font-size-default);
}
.upcomingDividends-top .confirmation.estimado {
/*border-color: #f2af4e;
color: #f2af4e;*/
}
.upcomingDividends-top .confirmation.no-disponible {
/*border-color: #DF5B62;
color: #DF5B62;*/
}
.upcomingDividends-container .wrapperTable.mobile {
gap: var(--gap-big);
}
.upcomingDividends-container .wrapperTable {
display: grid;
box-sizing: border-box;
overflow-x: auto;
}
.upcomingDividends-container figure.table {
overflow-x: auto;
margin: 0;
}
.upcomingDividends-container table {
border-collapse: collapse;
text-align: end;
}
.upcomingDividends-container table thead {
z-index: 1;
}
.upcomingDividends-container table thead tr {
/*border-bottom: 1px solid white;*/
}
.upcomingDividends-container table thead tr th {
white-space: nowrap;
padding: var(--padding-items);
text-align: center;
font-size: var(--font-size-smaller);
}
.upcomingDividends-container .mobile table thead tr th {
text-align: left;
font-size: var(--font-size-larger);
font-weight: 500;
vertical-align: bottom;
}
.upcomingDividends-container table thead tr th.name {
display: block;
text-align: start;
}
.upcomingDividends-container table tbody tr {
/*border-bottom: 1px solid white;*/
}
.upcomingDividends-container .mobile table tbody tr th {
padding: 6px 10px;
font-size: var(--font-size-smaller);
}
.upcomingDividends-container table tbody tr th {
white-space: nowrap;
text-align: left;
padding-right: var(--gap-big);
width: 1%;
}
.upcomingDividends-container .mobile table tbody tr th {
font-weight: 300;
opacity: .8;
}
.upcomingDividends-container table tbody tr td {
white-space: nowrap;
padding: 20px var(--padding-items);
text-align: center;
}
.upcomingDividends-container .mobile table tbody tr td {
font-size: 15px;
}
.upcomingDividends-container table tbody tr td span.name {
display: block;
text-align: start;
}
.upcomingDividends-container .desktop table tr.first-tr td {
background-color: #373636;
}
.upcomingDividends-container .desktop table tr.first-tr th+td {
border-top-left-radius: var(--border-radius-small);
width: 1%;
}
.upcomingDividends-container .desktop table tr.first-tr td:last-child {
border-top-right-radius: var(--border-radius-small);
}
.upcomingDividends-container .desktop table tr.last-tr td {
background-color: #585757;
}
.upcomingDividends-container .desktop table tr.last-tr th+td {
border-bottom-left-radius: var(--border-radius-small);
}
.upcomingDividends-container .desktop table tr.last-tr td:last-child {
border-bottom-right-radius: var(--border-radius-small);
}
.upcomingDividends-container .mobile table tbody tr:first-child th {
border-top-left-radius: var(--border-radius-small);
}
.upcomingDividends-container .mobile table tbody tr:first-child td {
border-top-right-radius: var(--border-radius-small);
}
.upcomingDividends-container .mobile table tbody tr:last-child th {
border-bottom-left-radius: var(--border-radius-small);
}
.upcomingDividends-container .mobile table tbody tr:last-child td {
border-bottom-right-radius: var(--border-radius-small);
}
.upcomingDividends-container .mobile table tr.first-tr {
background-color: #373636;
}
.upcomingDividends-container .mobile table tr.last-tr {
background-color: #585757;
}
.upcomingDividends-container .mobile .button-default {
justify-content: center;
width: fit-content;
margin-left: auto;
font-size: var(--font-size-smaller);
}
@media only screen and (max-width: 768px) {
.upcomingDividends-container thead th,
.upcomingDividends-container tbody td {
padding: 10px 6px !important;
}
.upcomingDividends-container table tbody tr th {
padding-right: var(--padding-items);
}
}
.upcomingDividends-container .wrapperTable::-webkit-scrollbar-track,
figure.table::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #575757;
}
.upcomingDividends-container .wrapperTable::-webkit-scrollbar,
figure.table::-webkit-scrollbar {
height: 5px;
background-color: #c1c1c1;
}
.upcomingDividends-container .wrapperTable::-webkit-scrollbar-thumb,
figure.table::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #c1c1c1;
}
/* /assets/theme/user/css/stock_calendar.css */
figure.dividendCalendar {
padding: var(--padding-default);
padding-top: 0;
margin: 0;
margin-left: 80px;
}
.dividendCalendar-low {
display: flex;
justify-content: space-between;
padding: var(--padding-items);
}
figure.dividendCalendar table {
width: 100%;
border-spacing: 0;
border-collapse: collapse;
line-height: 1.4;
}
figure.dividendCalendar thead tr {
text-align: left;
text-transform: uppercase;
}
figure.dividendCalendar thead th:last-child {
padding-left: 35px;
}
figure.dividendCalendar table td {
padding: 25px 0;
}
figure.dividendCalendar table tbody tr:first-child td {
}
.icon-last-trading::before {
content: '';
display: inline-block;
width: 25px;
height: 25px;
background-image: url('/assets/uploads/last_trading_date_Dividendpedia.svg');
background-size: contain;
background-repeat: no-repeat;
margin-right: 8px;
}
.icon-ex-dividend::before {
content: '';
display: inline-block;
width: 25px;
height: 25px;
background-image: url('/assets/uploads/ex_dividend_date_Dividendpedia.svg');
background-size: contain;
background-repeat: no-repeat;
margin-right: 8px;
}
.icon-record-date::before {
content: '';
display: inline-block;
width: 25px;
height: 25px;
background-image: url('/assets/uploads/record_date_Dividendpedia.svg');
background-size: contain;
background-repeat: no-repeat;
margin-right: 8px;
}
.icon-payment-date::before {
content: '';
display: inline-block;
width: 25px;
height: 25px;
background-image: url('/assets/uploads/payable_date_Dividendpedia.svg');
background-size: contain;
background-repeat: no-repeat;
margin-right: 8px;
}
.icon-last-trading,
.icon-ex-dividend,
.icon-record-date,
.icon-payment-date {
display: flex;
align-items: center;
padding-right: 5px !important;
}
figure.dividendCalendar .event {
position: relative;
}
figure.dividendCalendar .event::before {
content: '';
position: absolute;
left: -30px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
background-color: #373636;
border-radius: 50%;
z-index: 1;
}
figure.dividendCalendar .event.before::before {
background-color: #E2A231;
}
figure.dividendCalendar .event::after {
content: '';
position: absolute;
left: -22px;
width: 4px;
height: 100%;
top: 50%;
background-color: #373636;
}
figure.dividendCalendar .event.after::after {
background-color: #E2A231;
}
figure.dividendCalendar .event.last::after {
content: none;
}
@media only screen and (max-width: 1024px) {
figure.dividendCalendar {
margin-left: 50px;
}
}
@media only screen and (max-width: 768px) {
figure.dividendCalendar {
margin-left: 30px;
}
}
/* /assets/theme/user/css/stock_historical.css */
.historical-table {
padding: 0 !important;
overflow: hidden;
}
.historical-table h2 {
padding: var(--padding-cards);
margin-bottom: 10px;
}
.wrapperTable {
display: grid;
box-sizing: border-box;
overflow-x: auto;
scrollbar-width: thin;
}
table.historicalDividends {
border-collapse: collapse;
text-align: end;
}
table.historicalDividends thead {
z-index: 1;
}
table.historicalDividends thead tr {
border-bottom: 1px solid #4f4f4f40;
}
table.historicalDividends thead tr th {
white-space: nowrap;
padding: var(--padding-items);
text-align: left;
font-weight: 300;
opacity: .7;
}
table.historicalDividends thead tr th.name {
display: block;
text-align: start;
}
table.historicalDividends tbody tr {
border-bottom: 1px solid #4f4f4f40;
}
table.historicalDividends tbody tr th {
white-space: nowrap;
text-align: left;
font-weight: 500;
}
table.historicalDividends tbody tr td {
white-space: nowrap;
padding: var(--padding-items);
text-align: left;
font-weight: 300;
}
table.historicalDividends tbody tr td span.name {
display: block;
text-align: start;
}
table.historicalDividends .year-group-header {
background-color: #373636;
transition: 0.2s ease-out;
}
table.historicalDividends .year-group-header:hover {
cursor: pointer;
background-color: #313131;
}
table.historicalDividends .year-group-header td {
font-weight: 400;
}
@media only screen and (max-width: 768px) {
table.historicalDividends thead th,
table.historicalDividends tbody td {
padding: var(--padding-items) !important;
}
}
.wrapperTable::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #575757;
}
.wrapperTable::-webkit-scrollbar {
height: 5px;
background-color: #c1c1c1;
}
.wrapperTable::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #c1c1c1;
}
button#showMore {
border: none;
outline: none;
margin: auto;
width: 100%;
padding: var(--padding-items) 0;
background-color: transparent;
color: inherit;
font-family: inherit;
transition: .3s ease-in-out;
position: relative;
font-size: 15px;
}
button#showMore:hover {
cursor: pointer;
background-color: #191919;
border-radius: 0 !important;
}
button#showMore::after {
content: '';
display: inline-block;
width: 10px;
height: 10px;
background-image: url("/assets/uploads/arrow.svg");
background-size: cover;
background-repeat: no-repeat;
margin-left: 8px;
}
@media only screen and (min-width: 769px) {
table.historicalDividends thead tr th, table.historicalDividends tbody tr td {
padding: var(--padding-items) var(--gap-big);
}
}
/* /assets/theme/user/css/stock_analysisDividends.css */
.analysisDividends-container {
display: flex;
flex-direction: column;
gap: var(--gap-huge);
}
.analysisDividends-container .gridContainer {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: var(--gap-huge);
color: var(--text-color);
}
.analysisDividends-container .row {
display: flex;
flex-direction: row;
gap: var(--padding-items);
height: 60px;
}
.analysisDividends-container .item {
display: flex;
flex-direction: column;
gap: var(--padding-items);
}
.analysisDividends-container .item.hidden-body {
display: none;
}
.analysisDividends-container .row .left {
border-radius: var(--border-radius-small);
background-color: #585757;
width: 70%;
}
.analysisDividends-container .row .right {
border-radius: var(--border-radius-small);
background-color: #585757;
width: 30%;
}
.analysisDividends-container .row .left,
.analysisDividends-container .row .right {
display: flex;
justify-content: center;
align-items: center;
font-size: var(--font-size-larger);
font-weight: 500;
}
.analysisDividends-container .row .right.zero {
background-color: #8e1b2a;
}
.analysisDividends-container .row .right.one {
background-color: #A14E28;
}
.analysisDividends-container .row .right.two {
background-color: #b58227;
}
.analysisDividends-container .row .right.three {
background-color: #054c38;
}
.analysisDividends-container .scoreContainer {
display: flex;
flex-direction: column;
gap: var(--padding-items);
}
.analysisDividends-container .scoreBarContainer {
display: flex;
flex-direction: row;
gap: var(--gap-huge);
height: 80px;
align-items: center;
}
.analysisDividends-container .bar-container {
display: flex;
width: 100%;
gap: 7px;
height: 100%;
}
.analysisDividends-container .bar {
flex-grow: 1;
background-color: #585757;
}
.analysisDividends-container .bar:first-child {
border-top-left-radius: var(--border-radius-small);
border-bottom-left-radius: var(--border-radius-small);
}
.analysisDividends-container .bar:last-child {
border-top-right-radius: var(--border-radius-small);
border-bottom-right-radius: var(--border-radius-small);
}
.analysisDividends-container .filled {
background-color: #E2A231;
}
.analysisDividends-container .span-finalScore {
font-size: var(--font-size-large);
font-weight: 500;
}
.analysisDividends-container .title {
font-size: 14px;
font-weight: 300;
white-space: nowrap;
}
@media screen and (min-width: 769px) {
.analysisDividends-container .bar-container {
gap: var(--padding-items);
}
.analysisDividends-container .scoreBarContainer {
height: 100px;
}
}
@media screen and (max-width: 768px) {
.analysisDividends-container .gridContainer {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 576px) {
.analysisDividends-container .bar-container {
gap: 4px;
}
.analysisDividends-container .scoreBarContainer {
height: 70px;
}
.analysisDividends-container .scoreBarContainer {
gap: var(--gap-big);
}
}
button#showMore-analysis {
border: none;
outline: none;
margin: 0;
padding: var(--padding-items) 0;
background-color: #2d2d2d;
color: inherit;
font-family: inherit;
transition: .3s ease-in-out;
position: relative;
font-size: 15px;
border-radius: var(--border-radius);
margin-top: -15px;
}
button#showMore-analysis::after {
content: '';
display: inline-block;
width: 10px;
height: 10px;
background-image: url("/assets/uploads/arrow.svg");
background-size: cover;
background-repeat: no-repeat;
margin-left: 8px;
}
/* /assets/theme/user/css/faqContainer.css */
.faq-container {
display: flex;
flex-direction: column;
gap: 10px;
}
.accordion .arrow {
margin-left: 10px;
}
.accordion-checkbox {
display: none;
}
.accordion {
border-radius: 10px;
transition: margin-bottom 0.3s ease-in;
}
.accordion-header {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
padding: 10px 20px;
background-color: #2c2b2b;
margin-bottom: 0;
border-radius: 10px;
}
.accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.8s ease-in-out;
padding: 0 20px;
}
.accordion-checkbox:checked+.accordion-header+.accordion-content {
transition: max-height 1.3s ease-in-out;
max-height: 1000px;
padding: 0 20px;
}
.accordion-content p {
margin-bottom: 0;
font-weight: 300;
opacity: .81;
}
.accordion-checkbox:checked+.accordion-header .arrow {
transform: rotate(45deg) translate(-5px, -5px);
}
.accordion-checkbox:checked+.accordion-header .arrow:before {
transform: translate(10px, 0);
}
.accordion-checkbox:checked+.accordion-header .arrow:after {
transform: rotate(90deg) translate(10px, 0);
}
.faq-container .accordion h2,
.faq-container .accordion h3 {
margin-top: 0 !important;
font-family: inherit !important;
margin-bottom: 0 !important;
font-weight: inherit;
font-size: inherit;
color: inherit;
}
.faq-container .accordion h2::after {
content: none;
}
.accordion-content> :first-child {
padding-top: 10px;
margin-top: 0;
}
.accordion-content> :last-child {
padding-bottom: 10px;
margin-bottom: 0;
}
.accordion-content p:not(:last-child) {
margin-bottom: 10px;
}
.article-section-custom p:last-child {
margin-bottom: 0;
}
/* /assets/theme/user/css/similarCompanies.css */
.grid-similar-companies {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: var(--padding-cards);
}
.grid-similar-companies-row {
display: grid;
grid-template-rows: 1fr 1fr 1fr;
gap: var(--padding-cards);
}
.companyCard {
background-color: #151514;
border-radius: var(--border-radius);
display: flex;
flex-direction: column;
gap: var(--gap-big);
padding: var(--padding-cards);
text-decoration: none;
color: inherit;
position: relative;
}
.companyCard .top {
display: flex;
flex-direction: row;
align-items: center;
}
.companyCard .top img {
border-radius: 100%;
width: 32px;
height: 32px;
margin-right: 10px;
}
.companyCard .bottom {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.companyCard .bottom .left,
.companyCard .bottom .right {
display: flex;
flex-direction: column;
gap: var(--gap-small);
}
.companyCard .bottom .right {
text-align: end;
}
.companyCard .bottom .right .amount {
filter: blur(2px);
}
.companyCard .stock {
font-size: var(--font-size-default);
margin-right: 10px;
}
.companyCard .index {
margin-left: auto;
/*background-color: #585757;*/
background-color: #272727;
padding: 4px 20px;
border-radius: 30px;
white-space: nowrap;
}
.overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgb(44 43 43 / 84%);
display: flex;
justify-content: center;
align-items: center;
border-radius: var(--border-radius);
opacity: 0;
transition: opacity 0.5s ease;
}
.companyCard:hover .overlay {
opacity: 1;
/* make the overlay visible on hover */
}
.more-data {}
@media only screen and (max-width: 1024px) {
.grid-similar-companies {
grid-template-columns: 1fr 1fr;
gap: var(--padding-items);
}
}
@media only screen and (max-width: 768px) {
.grid-similar-companies {
grid-template-columns: 1fr;
gap: var(--padding-items);
}
}
@media screen and (max-width: 350px) {
.companyCard .index {
white-space: wrap;
}
}
/* /assets/theme/user/css/tabSelector.css */
ul.tabs .tabs-container input {
display: none;
}
ul.tabs .tab {
padding: 0 var(--padding-items);
opacity: 0;
visibility: hidden;
transition: opacity 0.7s ease, visibility 0.7s ease;
height: 0;
overflow: hidden;
}
ul.tabs.content1 .content1,
ul.tabs.content2 .content2,
ul.tabs.content3 .content3,
ul.tabs.content4 .content4,
ul.tabs.content5 .content5 {
opacity: 1;
visibility: visible;
height: auto;
}
ul.tabs .tabs-container input+label {
display: inline-block;
background: #2e2e2e;
padding: var(--padding-items) var(--padding-cards);
position: relative;
transition: .3s ease-out;
user-select: none;
white-space: nowrap;
}
ul.tabs .tabs-container input:checked+label {
background: var(--background-card-item);
transition: .3s ease-out;
}
ul.tabs .tabs-container input:not(:checked)+label:hover {
cursor: pointer;
background-color: #515151;
}
ul.tabs {
padding: 0;
margin: 0;
}
.tabs-container {
width: 100%;
box-sizing: border-box;
display: flex;
align-items: center;
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
gap: var(--hr-width);
align-items: center;
margin-bottom: var(--padding-items);
scrollbar-width: thin;
}
.tabs-container::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #575757;
}
.tabs-container::-webkit-scrollbar {
height: 5px;
background-color: #c1c1c1;
}
.tabs-container::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #c1c1c1;
}
.tabs-container label:last-child {
border-bottom-right-radius: var(--border-radius);
}
@media screen and (max-width: 576px) {
.tabs-container label:last-child {
border-bottom-right-radius: 0;
}
}
/* /assets/theme/user/css/calendarTable.css */
.smallCalendar, .fullCalendar {
background-color: #1a1a19;
border-radius: var(--border-radius);
display: flex;
flex-direction: column;
}
.smallCalendar .updated-time, .fullCalendar .updated-time {
font-size: var(--font-size-small);
white-space: nowrap;
width: 100%;
display: block;
text-align: end;
padding: var(--padding-items);
box-sizing: border-box;
}
.fullCalendar .updated-time {
background-color: #252423;
}
.smallCalendar a.button-default, .fullCalendar a.button-default {
width: fit-content;
margin: var(--padding-items) auto var(--padding-default);
border-radius: 100px;
padding: var(--padding-items) var(--gap-huge);
}
/* /assets/theme/user/css/select.css */
.calendar-filters {
display: grid;
gap: var(--gap-huge);
grid-template-columns: repeat(3, 1fr);
}
.select-container {
display: flex;
flex-direction: column;
gap: var(--padding-items);
}
.calendar-filters .select-container select {
width: 100%;
}
@media only screen and (max-width: 768px) {
.calendar-filters {
gap: var(--padding-cards);
}
}
/* /assets/theme/user/css/input.css */
.inputs-wrapper {
display: flex;
flex-direction: column;
gap: 20px;
margin: 20px 0;
}
.buttons-wrapper {
display: flex;
flex-direction: row;
gap: var(--padding-items);
}
.buttons-wrapper button[type=submit] {
flex: 1;
}
.input-container {
display: flex;
flex-direction: column;
gap: var(--padding-items);
}
.input-container label {
position: relative;
}
.input-container label.tooltip-detected {
padding-right: 25px;
}
.input-container label .tooltip-message {
position: absolute;
right: 0;
}
.input-container.required label::after {
content: url('data:image/svg+xml,');
margin-left: 6px;
bottom: 4px;
position: relative;
}
textarea {
font-family: 'Outfit', sans-serif;
font-weight: 400;
color: var(--text-color);
}
.input-container input,
textarea {
height: 100%;
width: 100%;
color: var(--text-color);
border: none;
outline: none;
background-color: #353535;
padding: 0 30px;
box-sizing: border-box;
font-size: var(--font-size-default);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: var(--padding-items) var(--gap-big);
border-radius: var(--border-radius);
}
.input-with-suffix {
position: relative;
}
.input-suffix {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
opacity: .81;
color: #aaa;
}
.input-with-suffix input[type="number"] {
width: 100%;
padding-right: 30px;
}
input[type='number'],
.inputs-wrapper input,
textarea {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
}
input[type='number'],
.inputs-wrapper input,
textarea {
color: white;
border: 1px solid #666;
outline: none;
transition: border 0.3s ease, box-shadow 0.3s ease, background-color 5000s;
}
input[type='number']:hover,
.inputs-wrapper input:hover,
textarea:hover {
border: 1px solid #888;
}
input[type='number']:focus,
.inputs-wrapper input:focus,
textarea:focus {
border: 1px solid #aaa;
box-shadow: 0 0 5px #aaa;
}
input[type='number']:active,
.inputs-wrapper input:active,
textarea:active {
border: 1px solid rgba(245, 245, 245, 0.902);
box-shadow: 0 0 11px #fff;
transition: border 0.6s ease, box-shadow 0.6s ease;
}
input:disabled {
cursor: not-allowed;
}
textarea {
resize: none;
width: 100%;
height: 150px;
scrollbar-width: thin;
scrollbar-color: rgb(193, 193, 193) #575757;
}
textarea::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #575757;
}
textarea::-webkit-scrollbar {
width: 12px;
background-color: rgb(193, 193, 193);
}
textarea::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: rgb(193, 193, 193);
}
@supports (overflow:clip) {
textarea {
/* HACK: NO FUNCIONA AUN EN CHROME BIEN overflow: clip; */
}
}
.password-wrapper {
display: flex;
align-items: center;
position: relative;
}
.password-wrapper input {
flex-grow: 1;
padding-right: 40px;
}
.toggle-password {
display: flex;
position: absolute;
cursor: pointer;
right: 10px;
}
/* /assets/theme/user/css/dividendCalculator.css */
#calculatorFormId .inputs-wrapper {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: var(--gap-huge) var(--gap-big);
margin-top: 5px;
}
#calculatorFormId .inputs-wrapper label {
font-weight: 300;
font-size: var(--font-size-smaller);
}
.calculator-element-container {
display: flex;
gap: var(--padding-items);
flex-direction: column;
}
.summary-grid-container {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: var(--padding-items);
padding: var(--padding-items);
}
.summary-grid-item {
background-color: #353535;
border-radius: 10px;
padding: var(--padding-items);
text-align: center;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
justify-content: space-between;
}
.summary-header {
font-weight: bold;
margin-bottom: 10px;
font-size: var(--font-size-smaller);
color: #9e9e9e;
opacity: .81;
}
.summary-value {
font-size: var(--font-size-larger);
font-weight: bold;
}
#calculatorFormId .buttons-wrapper button[type=submit] {
justify-content: center;
}
#calculatorFormId .buttons-wrapper #resetButton::after {
content: '';
display: inline-block;
width: 24px;
height: 24px;
background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'24px\' viewBox=\'0 -960 960 960\' width=\'24px\' fill=\'%23d2d0ce\'%3E%3Cpath d=\'M440-122q-121-15-200.5-105.5T160-440q0-66 26-126.5T260-672l57 57q-38 34-57.5 79T240-440q0 88 56 155.5T440-202v80Zm80 0v-80q87-16 143.5-83T720-440q0-100-70-170t-170-70h-3l44 44-56 56-140-140 140-140 56 56-44 44h3q134 0 227 93t93 227q0 121-79.5 211.5T520-122Z\'/%3E%3C/svg%3E');
background-size: contain;
background-repeat: no-repeat;
margin-left: 8px;
vertical-align: middle;
}
@media only screen and (max-width: 768px) {
#calculatorFormId .inputs-wrapper {
grid-template-columns: 1fr 1fr;
}
.summary-grid-container {
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (max-width: 576px) {
.summary-grid-container {
grid-template-columns: repeat(2, 1fr);
}
}
/* /assets/theme/user/css/modal.css */
.modal {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.4);
animation: fadeIn 0.3s ease-out;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.modal .modal-content {
position: relative;
margin: auto;
top: 50%;
transform: translateY(-50%);
width: 80%;
max-width: 500px;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
animation: slideIn 0.3s ease-out;
}
@keyframes slideIn {
from {
transform: translateY(-50%) scale(0.8);
}
to {
transform: translateY(-50%) scale(1);
}
}
.modal .close {
position: absolute;
right: 20px;
top: 10px;
color: #aaa;
font-size: 28px;
font-weight: 400;
cursor: pointer;
transition: color 0.44s ease;
}
.modal .close:hover,
.modal .close:focus {
color: rgb(197, 197, 197);
}
@media only screen and (max-width: 576px) {
.modal .modal-content {
width: calc(100% - 40px);
}
}
/* /assets/theme/user/css/ads.css */
.advertisement-main.margin {
margin: 10px 0 !important;
}
.advertisement-main {
clear: both;
}
.advertisement-header {
width: 100%;
text-align: center;
font-family: "Chakra Petch", sans-serif;
position: relative;
text-transform: uppercase;
display: flex;
justify-content: center;
align-items: center;
font-size: 9px;
}
.advertisement-header::before,
.advertisement-header::after {
content: "";
width: 100%;
height: 1px;
background: var(--text-color);;
}
.advertisement-header .text {
color: var(--text-color);
position: relative;
display: inline;
margin: 0 5px;
white-space: nowrap;
}
/* /assets/theme/user/css/stock_search.css */
.searchBar {
height: 100%;
display: flex;
width: 10rem;
align-items: center;
flex-grow: 1;
font-size: var(--font-size-default);
margin: auto;
}
.searchBar.expanded {
transition: width .63s ease-in-out;
}
.searchBar .custom-search-form {
position: relative;
display: flex;
align-items: center;
height: 40px;
width: 100%;
box-sizing: border-box;
transition: .4s ease;
}
form.custom-search-form:focus-within .search-input-wrapper {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.search-input-wrapper {
display: flex;
width: 100%;
height: 100%;
z-index: 2;
padding: 0 1rem;
border-radius: var(--border-radius);
box-sizing: border-box;
background-color: var(--background-card-post-item);
align-items: center;
transition: .4s ease;
}
.home .search-input-wrapper::before {
margin-left: 0;
background-image: url('data:image/svg+xml,');
}
.search-input-wrapper::before {
transition: opacity .2s ease;
content: "";
display: inline-block;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M781.692-136.924 530.461-388.155q-30 24.769-69 38.769t-80.692 14q-102.55 0-173.582-71.014t-71.032-173.537q0-102.524 71.014-173.601 71.014-71.076 173.538-71.076 102.523 0 173.6 71.032T625.384-580q0 42.846-14.385 81.846-14.385 39-38.385 67.846l251.231 251.231-42.153 42.153Zm-400.923-258.46q77.308 0 130.962-53.654Q565.385-502.692 565.385-580q0-77.308-53.654-130.962-53.654-53.654-130.962-53.654-77.308 0-130.962 53.654Q196.154-657.308 196.154-580q0 77.308 53.653 130.962 53.654 53.654 130.962 53.654Z' fill='%23d2d0ce'/%3E%3C/svg%3E");
background-size: cover;
background-repeat: no-repeat;
position: absolute;
width: 30px;
height: 30px;
margin-left: -5px;
}
.searchBar input {
height: 100%;
width: 100%;
color: var(--text-color);
border: none;
outline: none;
background-color: var(--background-card-post-item);
padding: 0 30px;
box-sizing: border-box;
font-size: var(--font-size-default);
font-family: "Chakra Petch", sans-serif;
}
input.custom-search-field {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 5px;
border-radius: 3px;
margin-right: 5px;
padding-left: 40px;
/* Search Icon */
}
form .search-dropdown {
position: absolute;
top: 100%;
left: 0;
background-color: #1a1a19;
width: 100%;
min-height: 10px;
z-index: 2;
border-bottom-left-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
overflow: hidden;
color: var(--text-color);
}
form .search-dropdown-item {
display: flex;
align-items: center;
padding: var(--padding-items);
text-decoration: none;
cursor: pointer;
min-width: 61px;
transition: .4s ease;
box-sizing: border-box;
min-height: 60px;
max-height: 60px;
}
form .search-dropdown-item:nth-child(even) {
background-color: #464646;
}
form .search-dropdown-item:nth-child(odd) {
background-color: #2c2b2b;
}
form .search-dropdown-item.active {
background-color: #6e6e6e;
}
form .search-dropdown-item:last-child {
border-bottom: none;
border-width: 0;
}
.table_dividend_calendar_aside_wrapper .search-dropdown-item:hover {
background-color: initial;
}
form .search-dropdown-item:hover {
background-color: #777777;
}
form .search-dropdown-content a {
color: inherit;
text-decoration: none;
}
.no-results {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
height: 100px;
justify-content: center;
}
.no-results-bold {
font-weight: bold;
font-size: 1.1rem;
margin-bottom: 5px;
}
.no-results-normal {
font-size: .9rem;
}
.search-input-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
opacity: 0;
visibility: hidden;
}
.search-dropdown-hint {
display: flex;
justify-content: end;
/*background-color: #21201f;*/
background-color: #1a1a19;
padding: var(--padding-items);
gap: var(--gap-big);
user-select: none;
font-weight: 300;
font-size: var(--font-size-smaller);
}
.mobile .search-dropdown-hint {
display: none;
}
.search-dropdown-hint .item-svg {
display: flex;
align-items: center;
gap: 5px;
}
.search-dropdown-hint .item-svg svg {
position: inherit;
height: inherit;
width: inherit;
z-index: inherit;
}
.search-dropdown-categories {
display: flex;
justify-content: space-around;
padding: var(--padding-items);
background-color: #21201f;
}
.search-dropdown-categories input[type="radio"] {
display: none;
}
.search-dropdown-categories label {
cursor: pointer;
text-align: center;
border-radius: 1rem;
user-select: none;
white-space: nowrap;
padding: 5px var(--padding-items);
transition: .4s ease;
font-size: var(--font-size-smaller);
font-weight: 300;
}
.search-dropdown-categories input[type="radio"]:checked+label {
background-color: #373636;
}
.search-dropdown-categories input[type="radio"]:not(:checked)+label:hover {
background-color: #565656b1;
}
.search-dropdown-content .suggestion-image {
min-width: 40px;
min-height: 40px;
margin-right: 10px;
border-radius: 100%;
}
.search-dropdown-content .ticker {
font-weight: 300;
opacity: .81;
}
.search-dropdown-content .stock-name-wrapper {
gap: 3px;
}
.search-dropdown-content .category {
font-size: var(--font-size-small);
align-self: flex-end;
white-space: nowrap;
}
.close-search-btn {
display: none;
position: absolute;
right: 10px;
cursor: pointer;
width: 24px;
height: 100%;
align-items: center;
opacity: 0;
visibility: hidden;
}
.close-search-btn.active {
opacity: .81;
visibility: visible;
transition: opacity .33s ease;
}
.close-search-btn::before {
content: "";
transition: opacity .2s ease;
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='m336-293.847 144-144 144 144L666.153-336l-144-144 144-144L624-666.153l-144 144-144-144L293.847-624l144 144-144 144L336-293.847Zm144.067 193.846q-78.836 0-148.204-29.92-69.369-29.92-120.682-81.21-51.314-51.291-81.247-120.629-29.933-69.337-29.933-148.173t29.92-148.204q29.92-69.369 81.21-120.682 51.291-51.314 120.629-81.247 69.337-29.933 148.173-29.933t148.204 29.92q69.369 29.92 120.682 81.21 51.314 51.291 81.247 120.629 29.933 69.337 29.933 148.173t-29.92 148.204q-29.92 69.369-81.21 120.682-51.291 51.314-120.629 81.247-69.337 29.933-148.173 29.933ZM480-160q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z' fill='%23d2d0ce'/%3E%3C/svg%3E");
background-size: cover;
background-repeat: no-repeat;
position: absolute;
opacity: .81;
}
.reset-search-btn {
display: none;
position: absolute;
right: 40px;
bottom: 0;
cursor: pointer;
width: fit-content;
height: 100%;
align-items: center;
padding-left: 5px;
box-sizing: content-box;
color: var(--text-color);
font-weight: 300;
font-size: smaller;
}
.reset-search-btn::after {
content: "|";
margin-left: 9px;
height: 100%;
font-size: 24px;
pointer-events: none;
font-weight: 100;
user-select: none;
display: flex;
align-items: center;
}
form .search-dropdown-content {
border-bottom-left-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
overflow: hidden;
}
.custom-search-form.non-clickable {
z-index: 0;
}
.custom-search-form.non-clickable {
z-index: 0;
border-radius: 20px;
}
.custom-search-form.non-clickable input[disabled] {
opacity: 1 !important;
}
/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {
display: none;
width: 0;
height: 0;
}
input[type=search]::-ms-reveal {
display: none;
width: 0;
height: 0;
}
/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}
form .search-dropdown-content .stock-name-wrapper .stock-name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
form .search-dropdown-content .stock-name-wrapper .stock-name.no-wrap {
font-weight: 300;
font-size: var(--font-size-smaller);
}
@media screen and (max-width: 576px) {
form .search-dropdown-content .stock-name-wrapper .stock-name:not(.no-wrap) {
max-width: 200px;
}
.home-template .searchBar.home {
width: 90%;
}
}
@media screen and (max-width: 350px) {
.search-dropdown-categories label {
white-space: nowrap;
font-size: 13px;
padding: 0 5px;
}
form .search-dropdown-content .stock-name-wrapper .stock-name {
max-width: 170px;
}
.search-dropdown-content .category {
white-space: wrap;
}
}
.home .search-input-wrapper {
border-radius: 100px;
overflow: hidden;
}
/* /assets/theme/user/css/author.css */
.authorWrapper {
display: grid;
row-gap: var(--padding-default);
}
.authorWrapper h1 {
font-family: "Chakra Petch", sans-serif;
letter-spacing: -.77px;
margin-bottom: 0;
}
.authorWrapper .card-item h2 {
margin-bottom: 0;
font-family: "Chakra Petch", sans-serif;
font-weight: 500;
color: whitesmoke;
}
.authorWrapper .authorBanner {
display: flex;
background-color: var(--background-card-item);
padding: var(--padding-card);
border-radius: var(--border-radius);
gap: var(--gap-huge);
}
.authorWrapper .lowWrapper {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
column-gap: var(--padding-default);
row-gap: var(--padding-default);
}
.authorWrapper .card-item {
display: flex;
flex-direction: column;
gap: var(--gap-big);
}
.authorWrapper p {
margin: 0;
}
.authorWrapper .titleWrapper {
display: flex;
align-items: center;
gap: 10px;
}
@media only screen and (max-width: 768px) {
.authorWrapper .lowWrapper {
grid-template-columns: 1fr;
}
}
.authorWrapper .imageWrapper {
border-radius: 50px;
min-width: 200px;
max-width: 200px;
height: 200px;
overflow: hidden;
box-shadow: rgb(0 0 0) 0px 5px 9px 3px;
}
.authorWrapper .coverImage {
pointer-events: none;
object-fit: cover;
width: 100%;
height: 200px;
transition: transform 0.4s ease-out;
transform-origin: 50% 50%;
}
.authorWrapper .rightSide {
display: grid;
flex-grow: 1;
}
.authorWrapper .socialWrapper {
align-self: flex-end;
justify-self: flex-end;
}
@media only screen and (max-width: 576px) {
.authorWrapper .authorBanner {
flex-direction: column;
}
.authorWrapper .imageWrapper {
margin: auto;
border-radius: 50%;
}
.authorWrapper .h1 {
font-size: 1.3rem;
margin-bottom: var(--padding-default);
}
.authorWrapper .quote {
font-size: 0.9rem;
}
.authorWrapper .socialWrapper {
margin-top: 2rem;
}
}
.authorWrapper .authorCard a {
height: 100%;
padding: var(--padding-default) 0;
box-sizing: border-box;
color: inherit;
align-items: inherit;
text-decoration: none;
-webkit-user-drag: none;
user-select: none;
align-items: center;
display: flex;
flex-direction: column;
}
.authorWrapper .authorCard h3 {
margin-top: 0.7rem;
margin-bottom: 0.7rem;
}
.authorWrapper .authorCard p {
margin: 0;
}
.authorWrapper .socialWrapper {
display: flex;
}
.authorWrapper button.href {
display: flex;
justify-content: center;
align-items: center;
background-color: transparent;
border: none;
}
.authorWrapper .href {
width: 3rem;
height: 3rem;
}
.authorWrapper .socialLogo {
cursor: pointer;
transition: transform 0.4s ease-out;
}
.authorWrapper .socialLogo:hover {
transform: scale(1.2);
}
.authorWrapper .timeline {}
.authorWrapper .card {
position: relative;
}
.authorWrapper .card:first-child {
padding-top: 0 !important;
}
.authorWrapper .card:first-child::before {
top: 0 !important;
}
.authorWrapper .card:last-child {
padding-bottom: 0 !important;
}
.authorWrapper .card:last-child::before {
bottom: 0 !important;
}
.authorWrapper .card:nth-child(odd) {
padding: 30px 0 30px 30px;
}
.authorWrapper .card:nth-child(even) {
padding: 30px 30px 30px 0;
}
.authorWrapper .card::before {
content: "";
position: absolute;
width: 50%;
border: solid var(--text-color-special);
}
.authorWrapper .card:nth-child(odd)::before {
left: 0px;
top: -5.5px;
bottom: -4.5px;
border-width: 5px 0 5px 5px;
border-radius: 50px 0 0 50px;
}
@media only screen and (max-width: 768px) {
.authorWrapper .timeline .card:nth-child(odd)>.info>.title::before {
left: -50px;
}
.authorWrapper .timeline .card:nth-child(even)>.info>.title::before {
right: -50px;
}
}
@media only screen and (max-width: 576px) {
.authorWrapper .card:nth-child(odd)::before {
top: -5px;
bottom: -5px;
}
}
.authorWrapper .card:nth-child(even)::before {
right: 0;
top: 0;
bottom: 0;
border-width: 5px 5px 5px 0;
border-radius: 0 50px 50px 0;
}
.authorWrapper .card:first-child::before {
border-top: 0;
border-top-left-radius: 0;
}
.authorWrapper .card:last-child:nth-child(odd)::before {
border-bottom: 0;
border-bottom-left-radius: 0;
}
.authorWrapper .card:last-child:nth-child(even)::before {
border-bottom: 0;
border-bottom-right-radius: 0;
}
.authorWrapper .title {
font-family: "Chakra Petch", sans-serif;
font-weight: 500;
color: #cda439;
position: relative;
margin: 0;
}
.authorWrapper .title::before {
content: "";
position: absolute;
width: 10px;
height: 10px;
background: black;
border-radius: 999px;
border: 3px solid var(--text-color-special);
top: 5px;
}
.authorWrapper .card:nth-child(even)>.info>.title {
text-align: right;
}
.authorWrapper .card:nth-child(odd)>.info>.title::before {
left: -55px;
}
.authorWrapper .card:nth-child(even)>.info>.title::before {
right: -55px;
}
/* /assets/theme/user/css/about.css */
.wrapperMain.about-template {
max-width: 100%;
padding: 0;
padding-bottom: var(--padding-cards);
}
.about-template .headerBanner {
width: 100%;
height: 500px;
position: relative;
display: flex;
align-items: center;
}
.about-template .headerBanner::after {
content: "";
background-image: url('/assets/uploads/intento_banner.webp');
background-position-y: center;
background-size: cover;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: -1;
}
.about-template .headerBanner::before {
content: "";
background-color: rgba(0, 0, 0, 0.73);
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 0;
}
.about-template .headerBanner h1 {
text-align: center;
letter-spacing: -.33px;
font-weight: 800;
font-size: 40px;
font-family: "Chakra Petch", sans-serif;
margin: 0;
}
.about-template .textContainer {
display: flex;
flex-direction: column;
gap: var(--gap-huge);
align-items: center;
}
.about-template .textContainer .auxiliarText {
width: 50%;
}
.about-template .buttonWrapper {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: var(--padding-items);
}
.about-template .buttonWrapper a {
border-radius: 100px;
padding: var(--padding-cards) 40px;
}
.about-template .buttonWrapper a:last-child {
background-color: transparent;
border: var(--hr-width) solid #e2a231;
color: var(--text-color);
}
.about-template .buttonWrapper a:last-child:hover {
border-color: #b37100;
}
.about-template h1,
.about-template h2,
.about-template h3 {
font-family: "Chakra Petch", sans-serif;
}
.about-template h2 {
font-size: 32px;
}
.about-template .backgroundWrapper {
background-color: var(--background-card-item);
}
.about-template .numbers-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--gap-huge);
margin: var(--gap-huge) 0;
}
.about-template .numbers-grid div {
display: flex;
flex-direction: column;
gap: 5px;
}
.about-template .numbers-grid div span:first-child {
font-size: 34px;
font-family: "Chakra Petch", sans-serif;
font-weight: 500;
color: var(--text-color-special);
}
.about-template .numbers-grid div span:last-child {}
.about-template .authorsContainer {
display: flex;
flex-direction: row;
justify-content: center;
gap: var(--gap-huge);
margin-top: 30px;
}
.about-template .authorsContainer a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.about-template .authorsContainer a:hover .imageWrapper {
scale: .97;
}
.about-template .authorsContainer .imageWrapper {
transition: .33s ease-in-out;
border-radius: 50px;
min-width: 300px;
max-width: 300px;
height: 300px;
overflow: hidden;
box-shadow: rgb(0 0 0) 0px 5px 9px 3px;
}
.about-template .authorsContainer h3 {
margin-bottom: 5px;
}
.about-template .authorsContainer p {
margin-top: 0;
}
@media only screen and (max-width: 768px) {
.about-template .numbers-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.about-template .authorsContainer {
flex-direction: column;
}
.about-template .textContainer .auxiliarText {
width: 100%;
}
.about-template .buttonWrapper a {
border-radius: 100px;
padding: var(--padding-cards) 30px;
}
}
@media only screen and (max-width: 370px) {
.about-template .headerBanner h1 {
font-size: 32px;
}
}
/* /assets/theme/user/css/contact.css */
.contactWrapper {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 20px 40px;
gap: 42px;
position: relative;
transition: .4s ease-in-out;
}
.contactWrapper .left {
display: flex;
flex-direction: column;
gap: 20px;
}
.contactWrapper .right {
margin: auto;
}
.contactWrapper h1 {
margin-bottom: 0;
font-family: "Chakra Petch", sans-serif;
}
.contactWrapper::after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
bottom: 0;
width: var(--hr-width);
background-color: #000000;
}
@media only screen and (max-width: 1024px) {
.contactWrapper {
padding: var(--padding-cards);
}
}
@media only screen and (max-width: 768px) {
.contactWrapper {
grid-template-columns: 1fr;
}
.contactWrapper::after {
content: none;
}
.contactWrapper .right {
position: relative;
}
.contactWrapper .right::before {
content: "";
position: absolute;
top: -25px;
width: calc(100% + 30px);
left: -15px;
height: var(--hr-width);
background: black;
}
}
/* /assets/theme/user/css/authModal.css */
#authModal .modal-content {
padding: 0 !important;
overflow: hidden;
}
#authModal .modal-content form {
padding: var(--padding-card) var(--padding-items) 0;
}
#authModal form button.button-default {
justify-content: center;
}
#authModal .input-container.required label::after {
display: none;
}
#authModal .tabs-container {
justify-content: center;
font-size: var(--font-size-large);
}
#authModal .tabs-container label:first-of-type {
border-bottom-left-radius: var(--border-radius);
}
#authModal .tabs-container label:last-of-type {
border-bottom-right-radius: var(--border-radius) !important;
}
#authModal .terms-text {
padding: var(--padding-items);
text-align: center;
max-width: 300px;
margin: 0px auto var(--padding-card);
font-size: var(--font-size-smaller);
}
#authModal .terms-text a {
text-decoration: none;
}
.social-login-section {
text-align: center;
padding: var(--padding-items);
}
.or-separator {
display: flex;
align-items: center;
text-align: center;
margin: 20px 0 40px;
color: #aaa;
font-size: 14px;
}
.or-separator::before,
.or-separator::after {
content: '';
flex: 1;
border-bottom: 1px solid #dddddd75;
margin: 0 10px;
}
.social-login-btn {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin: 10px auto;
background-color: whitesmoke;
}
.social-login-btn:hover {
background-color: #aaa;
}
.social-login-btn::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
margin-right: 10px;
position: absolute;
left: 10px;
}
.social-login-btn.google::before {
background: url('data:image/svg+xml,') no-repeat center center;
background-size: contain;
}
.social-login-btn.apple::before {
background: url('data:image/svg+xml,') no-repeat center center;
background-size: contain;
}
.social-login-btn.facebook::before {
background: url('data:image/svg+xml,') no-repeat center center;
background-size: contain;
}
/* /assets/theme/user/css/tooltip.css */
.tooltip-message button {
overflow: visible;
text-align: center;
transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
color: inherit;
border: 0;
cursor: pointer;
margin: 0;
display: inline-flex;
outline: 0;
padding: 0;
position: relative;
align-items: center;
user-select: none;
border-radius: 0;
vertical-align: middle;
-moz-appearance: none;
justify-content: center;
text-decoration: none;
background-color: transparent;
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
}
.tooltip-message button:hover {
background-color: transparent;
box-shadow: none;
}
.tooltip-hover, .tooltip-message.tooltip-hover {
position: relative;
display: inline-block;
}
.tooltip-message .tooltip-text {
font-size: 12px;
visibility: hidden;
width: 360px;
background-color: #2c2b2b;
padding: 10px;
position: absolute;
z-index: 100;
margin-top: 5px;
left: 50%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s, visibility 0.3s;
box-shadow: rgba(149, 157, 165, 0.2) 0px 4px 12px;
border: 1px solid #666;
border-radius: 8px;
max-height: 250px;
overflow-y: auto;
}
.tooltip-message .tooltip-text .tooltip-title {
font-size: 15px;
margin-bottom: 14px;
display: block;
font-weight: 700;
text-align: center;
}
.tooltip-message .tooltip-text p:last-child {
margin-bottom: 0;
}
.tooltip-message.tooltip-hover:hover .tooltip-text {
visibility: visible;
opacity: 1;
}
@media screen and (max-width: 768px) {
.tooltip-message .tooltip-text {
position: fixed;
bottom: 10px;
right: 0;
left: 0;
margin: auto !important;
width: calc(100vw - 50px);
box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
}
}
/* /assets/theme/user/css/home.css */
.wrapperMain.home-template {
margin: 50px auto;
max-width: 100%;
padding: 0;
}
.home-template h1 {
margin-bottom: 10px;
font-size: 40px;
font-family: "Chakra Petch", sans-serif;
letter-spacing: -.33px;
font-weight: 800;
}
.home-template h2 {
font-weight: 300;
text-align: center;
margin-top: 60px;
}
.gradient {
background-image: linear-gradient(92deg, #6a68d9 10%, #da6cae 60%, #f5a957);
-webkit-text-fill-color: #0000;
-webkit-background-clip: text;
}
.home-template .searchBar {
width: 80%;
height: 100%;
margin: auto;
}
.home-template form.custom-search-form {
height: 72px;
}
.there-items-grid {
display: grid;
grid-template-columns: auto auto auto;
gap: var(--padding-cards);
}
.two-items-grid {
display: grid;
grid-template-columns: auto auto;
gap: var(--padding-cards);
}
.there-items-grid a, .two-items-grid a {
background-color: #2c2b2b;
display: flex;
justify-content: center;
align-items: center;
color: inherit;
font-size: var(--font-size-large);
text-decoration: none;
border-radius: var(--border-radius);
height: 100px;
transition: .4s ease;
}
.there-items-grid a:hover, .two-items-grid a:hover {
cursor: pointer;
background-color: #515151;
}
.there-items-grid a span, .two-items-grid a span {
display: flex;
align-items: center;
}
span.indexes::before,
span.calendar::before,
span.calculator::before {
content: '';
display: inline-block;
width: 30px;
background-size: cover;
background-repeat: no-repeat;
margin-right: 8px;
}
span.indexes::before {
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='34' viewBox='0 0 60 34' fill='none'%3E%3Cpath d='M13.3333 6.66667V0H60V6.66667H13.3333ZM13.3333 20V13.3333H60V20H13.3333ZM13.3333 33.3333V26.6667H60V33.3333H13.3333ZM3.33333 6.66667C2.38889 6.66667 1.59722 6.34722 0.958333 5.70833C0.319444 5.06944 0 4.27778 0 3.33333C0 2.38889 0.319444 1.59722 0.958333 0.958333C1.59722 0.319444 2.38889 0 3.33333 0C4.27778 0 5.06944 0.319444 5.70833 0.958333C6.34722 1.59722 6.66667 2.38889 6.66667 3.33333C6.66667 4.27778 6.34722 5.06944 5.70833 5.70833C5.06944 6.34722 4.27778 6.66667 3.33333 6.66667ZM3.33333 20C2.38889 20 1.59722 19.6806 0.958333 19.0417C0.319444 18.4028 0 17.6111 0 16.6667C0 15.7222 0.319444 14.9306 0.958333 14.2917C1.59722 13.6528 2.38889 13.3333 3.33333 13.3333C4.27778 13.3333 5.06944 13.6528 5.70833 14.2917C6.34722 14.9306 6.66667 15.7222 6.66667 16.6667C6.66667 17.6111 6.34722 18.4028 5.70833 19.0417C5.06944 19.6806 4.27778 20 3.33333 20ZM3.33333 33.3333C2.38889 33.3333 1.59722 33.0139 0.958333 32.375C0.319444 31.7361 0 30.9444 0 30C0 29.0556 0.319444 28.2639 0.958333 27.625C1.59722 26.9861 2.38889 26.6667 3.33333 26.6667C4.27778 26.6667 5.06944 26.9861 5.70833 27.625C6.34722 28.2639 6.66667 29.0556 6.66667 30C6.66667 30.9444 6.34722 31.7361 5.70833 32.375C5.06944 33.0139 4.27778 33.3333 3.33333 33.3333Z' fill='%23D2D0CE'/%3E%3C/svg%3E");
}
span.calendar::before {
height: 33px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='67' viewBox='0 0 60 67' fill='none'%3E%3Cpath d='M6.66667 66.6667C4.83333 66.6667 3.26389 66.0139 1.95833 64.7083C0.652778 63.4028 0 61.8333 0 60V13.3333C0 11.5 0.652778 9.93056 1.95833 8.625C3.26389 7.31944 4.83333 6.66667 6.66667 6.66667H10V0H16.6667V6.66667H43.3333V0H50V6.66667H53.3333C55.1667 6.66667 56.7361 7.31944 58.0417 8.625C59.3472 9.93056 60 11.5 60 13.3333V60C60 61.8333 59.3472 63.4028 58.0417 64.7083C56.7361 66.0139 55.1667 66.6667 53.3333 66.6667H6.66667ZM6.66667 60H53.3333V26.6667H6.66667V60ZM6.66667 20H53.3333V13.3333H6.66667V20ZM30 40C29.0556 40 28.2639 39.6806 27.625 39.0417C26.9861 38.4028 26.6667 37.6111 26.6667 36.6667C26.6667 35.7222 26.9861 34.9306 27.625 34.2917C28.2639 33.6528 29.0556 33.3333 30 33.3333C30.9444 33.3333 31.7361 33.6528 32.375 34.2917C33.0139 34.9306 33.3333 35.7222 33.3333 36.6667C33.3333 37.6111 33.0139 38.4028 32.375 39.0417C31.7361 39.6806 30.9444 40 30 40ZM16.6667 40C15.7222 40 14.9306 39.6806 14.2917 39.0417C13.6528 38.4028 13.3333 37.6111 13.3333 36.6667C13.3333 35.7222 13.6528 34.9306 14.2917 34.2917C14.9306 33.6528 15.7222 33.3333 16.6667 33.3333C17.6111 33.3333 18.4028 33.6528 19.0417 34.2917C19.6806 34.9306 20 35.7222 20 36.6667C20 37.6111 19.6806 38.4028 19.0417 39.0417C18.4028 39.6806 17.6111 40 16.6667 40ZM43.3333 40C42.3889 40 41.5972 39.6806 40.9583 39.0417C40.3194 38.4028 40 37.6111 40 36.6667C40 35.7222 40.3194 34.9306 40.9583 34.2917C41.5972 33.6528 42.3889 33.3333 43.3333 33.3333C44.2778 33.3333 45.0694 33.6528 45.7083 34.2917C46.3472 34.9306 46.6667 35.7222 46.6667 36.6667C46.6667 37.6111 46.3472 38.4028 45.7083 39.0417C45.0694 39.6806 44.2778 40 43.3333 40ZM30 53.3333C29.0556 53.3333 28.2639 53.0139 27.625 52.375C26.9861 51.7361 26.6667 50.9444 26.6667 50C26.6667 49.0556 26.9861 48.2639 27.625 47.625C28.2639 46.9861 29.0556 46.6667 30 46.6667C30.9444 46.6667 31.7361 46.9861 32.375 47.625C33.0139 48.2639 33.3333 49.0556 33.3333 50C33.3333 50.9444 33.0139 51.7361 32.375 52.375C31.7361 53.0139 30.9444 53.3333 30 53.3333ZM16.6667 53.3333C15.7222 53.3333 14.9306 53.0139 14.2917 52.375C13.6528 51.7361 13.3333 50.9444 13.3333 50C13.3333 49.0556 13.6528 48.2639 14.2917 47.625C14.9306 46.9861 15.7222 46.6667 16.6667 46.6667C17.6111 46.6667 18.4028 46.9861 19.0417 47.625C19.6806 48.2639 20 49.0556 20 50C20 50.9444 19.6806 51.7361 19.0417 52.375C18.4028 53.0139 17.6111 53.3333 16.6667 53.3333ZM43.3333 53.3333C42.3889 53.3333 41.5972 53.0139 40.9583 52.375C40.3194 51.7361 40 50.9444 40 50C40 49.0556 40.3194 48.2639 40.9583 47.625C41.5972 46.9861 42.3889 46.6667 43.3333 46.6667C44.2778 46.6667 45.0694 46.9861 45.7083 47.625C46.3472 48.2639 46.6667 49.0556 46.6667 50C46.6667 50.9444 46.3472 51.7361 45.7083 52.375C45.0694 53.0139 44.2778 53.3333 43.3333 53.3333Z' fill='%23D2D0CE'/%3E%3C/svg%3E");
}
span.calculator::before {
height: 30px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Cpath d='M16.6667 50H21.6667V43.3333H28.3333V38.3333H21.6667V31.6667H16.6667V38.3333H10V43.3333H16.6667V50ZM33.3333 47.5H50V42.5H33.3333V47.5ZM33.3333 39.1667H50V34.1667H33.3333V39.1667ZM37 26.5L41.6667 21.8333L46.3333 26.5L49.8333 23L45.1667 18.1667L49.8333 13.5L46.3333 10L41.6667 14.6667L37 10L33.5 13.5L38.1667 18.1667L33.5 23L37 26.5ZM10.8333 20.6667H27.5V15.6667H10.8333V20.6667ZM6.66667 60C4.83333 60 3.26389 59.3472 1.95833 58.0417C0.652778 56.7361 0 55.1667 0 53.3333V6.66667C0 4.83333 0.652778 3.26389 1.95833 1.95833C3.26389 0.652778 4.83333 0 6.66667 0H53.3333C55.1667 0 56.7361 0.652778 58.0417 1.95833C59.3472 3.26389 60 4.83333 60 6.66667V53.3333C60 55.1667 59.3472 56.7361 58.0417 58.0417C56.7361 59.3472 55.1667 60 53.3333 60H6.66667ZM6.66667 53.3333H53.3333V6.66667H6.66667V53.3333Z' fill='%23D2D0CE'/%3E%3C/svg%3E");
}
.parallax-horizontal {
display: flex;
flex-direction: column;
gap: var(--padding-items);
margin: auto;
}
.parallax-horizontal .parallax-wrapper {
width: 100%;
background-color: transparent;
height: 120px;
box-sizing: border-box;
display: grid;
grid-template-columns: repeat(25, 200px);
align-items: center;
padding: 0 var(--padding-items);
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
gap: var(--padding-items);
align-items: center;
scrollbar-width: none;
overflow-y: hidden;
}
.parallax-horizontal .parallax-wrapper div {
display: flex;
align-items: center;
}
.parallax-horizontal .parallax-wrapper a {
border-radius: var(--border-radius);
aspect-ratio: 1.6666 / 1;
overflow: hidden;
display: flex;
}
.parallax-horizontal .parallax-wrapper img {
display: block;
width: 100%;
transition: filter .3s;
user-select: none;
border-radius: var(--border-radius);
box-shadow: 0 0 0 1px rgba(0, 0, 0, .15);
object-fit: contain;
height: 100%;
}
.parallax-horizontal .parallax-wrapper::-webkit-scrollbar {
display: none;
}
.home-template .grid-two-items {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--gap-big);
}
@media only screen and (max-width: 768px) {
.home-template .grid-two-items {
display: grid;
grid-template-columns: 1fr;
}
.card-item .cards-container {
grid-template-columns: auto;
}
.two-items-grid .calendar, .two-items-grid .calculator {
scale: .81;
}
}
@media only screen and (max-width: 576px) {
.defaultTable.home table tbody tr td .cell-content {
max-width: 150px !important;
}
}
.indexes-container {
display: flex;
flex-direction: row;
gap: var(--padding-items);
background-color: var(--background-card-item);
padding: var(--padding-items);
font-size: var(--font-size-smaller);
flex-wrap: wrap;
justify-content: center;
}
.cards-container {
display: grid;
grid-template-columns: auto auto auto;
gap: var(--padding-cards);
}
/* /assets/theme/user/css/table.css */
.mainWrapperTable {
background-color: #1a1a19;
border-radius: var(--border-radius);
overflow: hidden;
}
.fullCalendar .mainWrapperTable {
border-radius: 0;
}
.defaultTable {
display: grid;
box-sizing: border-box;
overflow-x: auto;
margin: 0;
scrollbar-width: thin;
}
.defaultTable table {
overflow-x: auto;
margin: 0;
}
.defaultTable table {
border-collapse: collapse;
text-align: start;
}
.defaultTable table thead {
z-index: 1;
}
.defaultTable table thead tr {
/*border-bottom: 1px solid white;*/
}
.defaultTable.calendar table thead tr th {
background-color: #252423;
}
.defaultTable table thead tr th {
white-space: nowrap;
padding: var(--padding-items);
font-size: var(--font-size-smaller);
text-align: start;
background-color: #1a1a19;
font-weight: 300;
color: #d2d0cec2;
}
.defaultTable table tbody tr {
/*border-bottom: 1px solid white;*/
}
.defaultTable table tbody tr th {
white-space: nowrap;
padding-right: var(--gap-big);
width: 1%;
}
.defaultTable table tbody tr td .cell-content {
display: flex;
align-items: center;
}
.defaultTable.home table tbody tr td .cell-content {
max-width: 250px;
}
.defaultTable table tbody tr td .text-content {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-left: 8px;
/* Adjust as needed for spacing */
flex-grow: 1;
}
.defaultTable table tbody tr td {
white-space: nowrap;
padding: var(--padding-items);
}
.defaultTable table tr:nth-child(even) td {
background-color: #373636;
}
.defaultTable table tr:nth-child(odd) td {
background-color: #585757;
}
.defaultTable table thead th.sticky,
.defaultTable table tbody td.sticky {
position: sticky;
position: -webkit-sticky;
left: 0;
z-index: 2;
}
.defaultTable .sticky.shadow-right::after {
box-shadow: inset 10px 0 8px -8px #00000026;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 30px;
transform: translate(100%);
transition: box-shadow .3s;
content: "";
pointer-events: none;
}
.mainWrapperTable button#showMore:hover, .fullCalendar #showMore:hover {
background-color: #21201f;
}
.fullCalendar #showMore:hover {
background-color: #2c2b2a;
}
.dividend_confirmed_true {
display: inline-block;
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M13.76 23.36L25.04 12.08L22.8 9.84L13.76 18.88L9.2 14.32L6.96 16.56L13.76 23.36ZM16 32C13.7867 32 11.7067 31.58 9.76 30.74C7.81333 29.9 6.12 28.76 4.68 27.32C3.24 25.88 2.1 24.1867 1.26 22.24C0.42 20.2933 0 18.2133 0 16C0 13.7867 0.42 11.7067 1.26 9.76C2.1 7.81333 3.24 6.12 4.68 4.68C6.12 3.24 7.81333 2.1 9.76 1.26C11.7067 0.42 13.7867 0 16 0C18.2133 0 20.2933 0.42 22.24 1.26C24.1867 2.1 25.88 3.24 27.32 4.68C28.76 6.12 29.9 7.81333 30.74 9.76C31.58 11.7067 32 13.7867 32 16C32 18.2133 31.58 20.2933 30.74 22.24C29.9 24.1867 28.76 25.88 27.32 27.32C25.88 28.76 24.1867 29.9 22.24 30.74C20.2933 31.58 18.2133 32 16 32ZM16 28.8C19.5733 28.8 22.6 27.56 25.08 25.08C27.56 22.6 28.8 19.5733 28.8 16C28.8 12.4267 27.56 9.4 25.08 6.92C22.6 4.44 19.5733 3.2 16 3.2C12.4267 3.2 9.4 4.44 6.92 6.92C4.44 9.4 3.2 12.4267 3.2 16C3.2 19.5733 4.44 22.6 6.92 25.08C9.4 27.56 12.4267 28.8 16 28.8Z' fill='%23E2A231'/%3E%3C/svg%3E");
background-size: cover;
background-repeat: no-repeat;
}
.dividend_confirmed_false {
display: inline-block;
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M10.24 24L16 18.24L21.76 24L24 21.76L18.24 16L24 10.24L21.76 8L16 13.76L10.24 8L8 10.24L13.76 16L8 21.76L10.24 24ZM16 32C13.7867 32 11.7067 31.58 9.76 30.74C7.81333 29.9 6.12 28.76 4.68 27.32C3.24 25.88 2.1 24.1867 1.26 22.24C0.42 20.2933 0 18.2133 0 16C0 13.7867 0.42 11.7067 1.26 9.76C2.1 7.81333 3.24 6.12 4.68 4.68C6.12 3.24 7.81333 2.1 9.76 1.26C11.7067 0.42 13.7867 0 16 0C18.2133 0 20.2933 0.42 22.24 1.26C24.1867 2.1 25.88 3.24 27.32 4.68C28.76 6.12 29.9 7.81333 30.74 9.76C31.58 11.7067 32 13.7867 32 16C32 18.2133 31.58 20.2933 30.74 22.24C29.9 24.1867 28.76 25.88 27.32 27.32C25.88 28.76 24.1867 29.9 22.24 30.74C20.2933 31.58 18.2133 32 16 32ZM16 28.8C19.5733 28.8 22.6 27.56 25.08 25.08C27.56 22.6 28.8 19.5733 28.8 16C28.8 12.4267 27.56 9.4 25.08 6.92C22.6 4.44 19.5733 3.2 16 3.2C12.4267 3.2 9.4 4.44 6.92 6.92C4.44 9.4 3.2 12.4267 3.2 16C3.2 19.5733 4.44 22.6 6.92 25.08C9.4 27.56 12.4267 28.8 16 28.8Z' fill='%23B22234'/%3E%3C/svg%3E");
background-size: cover;
background-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
.defaultTable table tbody tr th {
padding-right: var(--padding-items);
}
.defaultTable table tbody tr td .cell-content {
max-width: 150px;
}
}
.defaultTable::-webkit-scrollbar-track,
figure.table::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #575757;
}
.defaultTable::-webkit-scrollbar,
figure.table::-webkit-scrollbar {
height: 5px;
background-color: #c1c1c1;
}
.defaultTable::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #c1c1c1;
}
/* ------------------ SPECIAL CASES ------------------ */
.defaultTable.calendar table thead tr th:last-child, .defaultTable.calendar table thead tr th:nth-child(2) {
text-align: center;
}
.defaultTable.calendar table tbody tr td:last-child {
text-align: center;
}
.calendar .dividend_confirmed_true, .calendar .dividend_confirmed_false {
transform: translateY(3px);
}
.defaultTable table tbody tr td .cell-content.details {
display: flex;
gap: 5px;
justify-content: center;
align-items: center;
color: #e2a231;
font-size: var(--font-size-smaller);
}
.defaultTable table tbody tr td .cell-content.flag {
justify-content: center;
}
.defaultTable table .cell-content.countryCell {
display: flex;
align-items: center;
gap: 18px;
margin-left: 3px;
}
.full-width-row td {
background-color: #1A1A19 !important;
font-size: 13px;
text-align: left !important;
}
.calculator-element-container .defaultTable table thead tr th {
white-space: pre-wrap;
}
/* /assets/theme/user/css/post_card.css */
.postCard {
border-radius: var(--border-radius);
background: #252423;
overflow: hidden;
cursor: pointer;
}
.postCard a {
text-decoration: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
color: inherit;
}
.postCard .imageWrapper {
border-radius: var(--border-radius);
width: 100%;
height: 13rem;
overflow: hidden;
}
.postCard .imageWrapper img {
pointer-events: none;
object-fit: cover;
width: 100%;
height: 13rem;
transition: transform .4s ease-out;
transform-origin: 50% 50%;
}
.postCard:hover .imageWrapper img {
transform: scale(1.2);
width: 100%;
}
.postCard .content {
box-sizing: border-box;
padding: 1rem;
width: 100%;
height: calc(100% - 13rem);
position: relative;
}
.postCard .content .cardTitle {
overflow: hidden;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
word-break: break-word;
color: #ededed;
font-size: var(--font-size-default);
transition: color .2s ease-out;
font-weight: 300;
}
.postCard:hover .content .cardTitle {
color: #cda439;
}
/* /assets/css/site.css */
/* The site's own overrides over the dividendPedia theme CSS (loaded after it, base.html.j2).
The theme files under assets/theme/ stay as live shipped them. */
/* RTL: the market-state tooltip (charts.css) is absolutely positioned with left: auto, so in
RTL its static position is the circle's right edge and translateX(-90%) pushes it past the
chart's left edge, off-screen: the page scrolls sideways (live too). Mirror it instead,
anchored at the circle's right edge and opening towards the chart. */
[dir="rtl"] .stock-chart-container .market-state .tooltip,
[dir="rtl"] .stock-data-container .market-state .tooltip {
right: 0;
transform: translateX(90%);
}
/* Forms: loading overlay active state and response feedback */
#loading-overlay.is-active {
visibility: visible !important;
opacity: 1 !important;
}
.form-feedback {
margin-top: 15px;
padding: 12px 16px;
border-radius: var(--border-radius);
font-size: 0.95rem;
line-height: 1.4;
}
.form-feedback.error {
background-color: rgba(220, 53, 69, 0.15);
border: 1px solid #dc3545;
color: #ff6b6b;
}
.form-feedback.success {
background-color: rgba(40, 167, 69, 0.15);
border: 1px solid #28a745;
color: #d1f225;
}
.form-feedback.success p,
.form-feedback.error p {
margin: 0;
}
/* The stock page's first ad: under the banner on wide screens, after the first block on a
phone (a hidden lazy ad is never asked for). The space is kept so nothing jumps. */
#a_01m { display: none; }
#a_01:empty { min-height: 280px; }
@media (max-width: 767px) {
#a_01 { display: none; }
#a_01m { display: block; }
#a_01m:empty { min-height: 280px; }
}
/* A company that left its exchange: said once, under the banner */
.delisted-notice {
margin: 0 0 16px;
padding: 12px 16px;
border: 1px solid #6b5a1e;
border-left: 4px solid #e0b100;
border-radius: 8px;
background-color: rgba(224, 177, 0, 0.1);
color: #f5f5f5;
}
/* In place of the countdown when the announced dividend has been paid */
.next-not-announced {
padding: 10px 18px;
border: 1px solid #555;
border-radius: 8px;
color: #f5f5f5;
font-weight: 500;
}