:root { --typography-heading-1: 32px; --typography-heading-2: 24px; --typography-heading-3: 18px; --typography-heading-4: 12px; --typography-body-small: 14px; --typography-body-default: 16px; --typography-body-large: 17.6px; --typography-card-text: 14px; --typography-card-title: 18px; --typography-button-default: 12px; --typography-letter-spacing-very-wide: 2px; --typography-navigation-item: 20px; --spacing-0: 4px; --spacing-1: 8px; --spacing-2: 16px; --spacing-3: 24px; --spacing-4: 32px; --spacing-5: 40px; --spacing-6: 48px; --spacing-7: 56px; --spacing-8: 64px; --spacing-9: 72px; --spacing-10: 80px; --spacing-11: 88px; --spacing-12: 96px; --spacing-13: 104px; --spacing-14: 112px; --spacing-23: 184px; --radius-0: 4px; --radius-1: 8px; --radius-2: 16px; --radius-3: 24px; --radius-4: 32px; --radius-5: 40px; --radius-6: 48px; --radius-7: 56px; --radius-8: 64px; --radius-9: 72px; --radius-10: 80px; --radius-11: 88px; --radius-12: 96px; --radius-13: 104px; --radius-14: 112px; } @media (min-width: 768px) { :root { --typography-heading-4: 14px; --typography-card-text: 16px; --typography-card-title: 20px; --typography-heading-3: 24px; --typography-heading-2: 32px; --typography-heading-1: 48px; } } @media (min-width: 1280px) { :root { --typography-navigation-item: 16px; } } .account ._button_15y2i_72, .account-dark ._button_15y2i_72 { --button-background-base-1: var(--font-color-base); --button-background-base-2: var(--font-color-base); } .essence ._primary_15y2i_78 { background: linear-gradient(90deg,hsla(var(--button-background-base-2),.85),hsla(var(--button-background-base-1),.85)); border: 1px solid rgba(255, 255, 255, 0.1); } .essence ._primary_15y2i_78:hover, .essence ._primary_15y2i_78._hovered_15y2i_82 { background: linear-gradient(90deg,var(--accent-2-60) 0%,var(--accent-1-60) 100%); backdrop-filter: blur(10px); } .belgium ._primary_15y2i_78, .thailand ._primary_15y2i_78, .winter ._primary_15y2i_78, .brasil ._primary_15y2i_78, .essence ._primary_15y2i_78, .account ._primary_15y2i_78 { color: var(--font-color-light); } .account-dark ._primary_15y2i_78 { color: var(--font-color-dark); } .account-dark ._secondary_15y2i_99 { color: var(--font-color-dark); background: var(--font-color-light); } ._small_15y2i_105 { padding-block: var(--spacing-1); padding-inline: var(--spacing-2); height: var(--spacing-5); } ._large_15y2i_111 { padding-inline: var(--spacing-2); height: var(--spacing-5); } @media (min-width: 768px) { ._large_15y2i_111 { padding-block: var(--spacing-2); padding-inline: var(--spacing-3); height: fit-content; } } ._card_15y2i_123 { padding-block: var(--spacing-1); } ._right_arrow_15y2i_127, ._left_arrow_15y2i_128 { height: 2.5rem; width: 2.5rem; border-radius: 50%; padding: var(--spacing-2); } ._left_arrow_15y2i_128 svg { height: 0.875rem; width: 0.875rem; transform: rotate(180deg); } ._button_15y2i_72 { --button-background-base-1: var(--accent-1-base); --button-background-base-2: var(--accent-2-base); line-height: normal; box-sizing: border-box; position: relative; display: flex; align-items: center; justify-content: center; border-radius: 100px; text-decoration: none; font-size: 0.75rem; font-weight: 700; letter-spacing: var(--typography-letter-spacing-very-wide); text-transform: uppercase; text-wrap: nowrap; transition: all 0.25s ease-in-out 0s; opacity: 1; border: none; } ._button_15y2i_72:hover { cursor: pointer; } ._button_15y2i_72 ._content_15y2i_168 { position: relative; display: flex; gap: 10px; width: 100%; justify-content: space-around; align-items: center; } ._button_15y2i_72 ._content_15y2i_168 ._icon_15y2i_176 { display: flex; align-items: center; width: 24px; height: 24px; } ._primary_15y2i_78 { color: var(--font-color-dark); background: linear-gradient(90deg,hsl(var(--button-background-base-2)),hsl(var(--button-background-base-1))); } ._primary_15y2i_78:hover, ._primary_15y2i_78._hovered_15y2i_82 { background: linear-gradient(90deg,hsla(var(--button-background-base-2),.85),hsla(var(--button-background-base-1),.85)); } ._secondary_15y2i_99 { color: var(--font-color-dark); background: var(--background-secondary); } ._secondary_15y2i_99:hover, ._secondary_15y2i_99._hovered_15y2i_82 { background: var(--background-secondary-85); } ._tertiary_15y2i_199 { color: var(--font-color-primary); background: transparent; box-shadow: inset 0 0 0 1px hsl(var(--button-background-base-1)); } ._tertiary_15y2i_199:hover, ._tertiary_15y2i_199._hovered_15y2i_82 { box-shadow: inset 0 0 0 1px hsla(var(--button-background-base-1),.85); } ._link_15y2i_208 { background: transparent; color: var(--font-color-primary); padding-inline: 0px; } ._link_15y2i_208 ._content_15y2i_168 { gap: var(--spacing-1); } ._link_15y2i_208:hover ._content_15y2i_168, ._link_15y2i_208._hovered_15y2i_82 ._content_15y2i_168 { gap: 10px; } ._disabled_15y2i_220 { opacity: 0.8; } :root { --typography-heading-1: 32px; --typography-heading-2: 24px; --typography-heading-3: 18px; --typography-heading-4: 12px; --typography-body-small: 14px; --typography-body-default: 16px; --typography-body-large: 17.6px; --typography-card-text: 14px; --typography-card-title: 18px; --typography-button-default: 12px; --typography-letter-spacing-very-wide: 2px; --typography-navigation-item: 20px; --spacing-0: 4px; --spacing-1: 8px; --spacing-2: 16px; --spacing-3: 24px; --spacing-4: 32px; --spacing-5: 40px; --spacing-6: 48px; --spacing-7: 56px; --spacing-8: 64px; --spacing-9: 72px; --spacing-10: 80px; --spacing-11: 88px; --spacing-12: 96px; --spacing-13: 104px; --spacing-14: 112px; --spacing-23: 184px; --radius-0: 4px; --radius-1: 8px; --radius-2: 16px; --radius-3: 24px; --radius-4: 32px; --radius-5: 40px; --radius-6: 48px; --radius-7: 56px; --radius-8: 64px; --radius-9: 72px; --radius-10: 80px; --radius-11: 88px; --radius-12: 96px; --radius-13: 104px; --radius-14: 112px; } @media (min-width: 768px) { :root { --typography-heading-4: 14px; --typography-card-text: 16px; --typography-card-title: 20px; --typography-heading-3: 24px; --typography-heading-2: 32px; --typography-heading-1: 48px; } } @media (min-width: 1280px) { :root { --typography-navigation-item: 16px; } } ._theme_12iqw_71 { height: 100%; width: 100%; } :root { --accent-1-base: 0, 0%, 96%; --accent-1: hsla(var(--accent-1-base), 1); --accent-1-5: hsla( var(--accent-1-base), .05 ); --accent-1-10: hsla( var(--accent-1-base), .1 ); --accent-1-15: hsla( var(--accent-1-base), .15 ); --accent-1-20: hsla( var(--accent-1-base), .2 ); --accent-1-25: hsla( var(--accent-1-base), .25 ); --accent-1-30: hsla( var(--accent-1-base), .3 ); --accent-1-35: hsla( var(--accent-1-base), .35 ); --accent-1-40: hsla( var(--accent-1-base), .4 ); --accent-1-45: hsla( var(--accent-1-base), .45 ); --accent-1-50: hsla( var(--accent-1-base), .5 ); --accent-1-55: hsla( var(--accent-1-base), .55 ); --accent-1-60: hsla( var(--accent-1-base), .6 ); --accent-1-65: hsla( var(--accent-1-base), .65 ); --accent-1-70: hsla( var(--accent-1-base), .7 ); --accent-1-75: hsla( var(--accent-1-base), .75 ); --accent-1-80: hsla( var(--accent-1-base), .8 ); --accent-1-85: hsla( var(--accent-1-base), .85 ); --accent-1-90: hsla( var(--accent-1-base), .9 ); --accent-1-95: hsla( var(--accent-1-base), .95 ); --accent-2-base: 0, 0%, 90%; --accent-2: hsla(var(--accent-2-base), 1); --accent-2-5: hsla( var(--accent-2-base), .05 ); --accent-2-10: hsla( var(--accent-2-base), .1 ); --accent-2-15: hsla( var(--accent-2-base), .15 ); --accent-2-20: hsla( var(--accent-2-base), .2 ); --accent-2-25: hsla( var(--accent-2-base), .25 ); --accent-2-30: hsla( var(--accent-2-base), .3 ); --accent-2-35: hsla( var(--accent-2-base), .35 ); --accent-2-40: hsla( var(--accent-2-base), .4 ); --accent-2-45: hsla( var(--accent-2-base), .45 ); --accent-2-50: hsla( var(--accent-2-base), .5 ); --accent-2-55: hsla( var(--accent-2-base), .55 ); --accent-2-60: hsla( var(--accent-2-base), .6 ); --accent-2-65: hsla( var(--accent-2-base), .65 ); --accent-2-70: hsla( var(--accent-2-base), .7 ); --accent-2-75: hsla( var(--accent-2-base), .75 ); --accent-2-80: hsla( var(--accent-2-base), .8 ); --accent-2-85: hsla( var(--accent-2-base), .85 ); --accent-2-90: hsla( var(--accent-2-base), .9 ); --accent-2-95: hsla( var(--accent-2-base), .95 ); --accent-2-dark-base: 0, 0%, 85%; --accent-2-dark: hsla(var(--accent-2-dark-base), 1); --accent-2-dark-5: hsla( var(--accent-2-dark-base), .05 ); --accent-2-dark-10: hsla( var(--accent-2-dark-base), .1 ); --accent-2-dark-15: hsla( var(--accent-2-dark-base), .15 ); --accent-2-dark-20: hsla( var(--accent-2-dark-base), .2 ); --accent-2-dark-25: hsla( var(--accent-2-dark-base), .25 ); --accent-2-dark-30: hsla( var(--accent-2-dark-base), .3 ); --accent-2-dark-35: hsla( var(--accent-2-dark-base), .35 ); --accent-2-dark-40: hsla( var(--accent-2-dark-base), .4 ); --accent-2-dark-45: hsla( var(--accent-2-dark-base), .45 ); --accent-2-dark-50: hsla( var(--accent-2-dark-base), .5 ); --accent-2-dark-55: hsla( var(--accent-2-dark-base), .55 ); --accent-2-dark-60: hsla( var(--accent-2-dark-base), .6 ); --accent-2-dark-65: hsla( var(--accent-2-dark-base), .65 ); --accent-2-dark-70: hsla( var(--accent-2-dark-base), .7 ); --accent-2-dark-75: hsla( var(--accent-2-dark-base), .75 ); --accent-2-dark-80: hsla( var(--accent-2-dark-base), .8 ); --accent-2-dark-85: hsla( var(--accent-2-dark-base), .85 ); --accent-2-dark-90: hsla( var(--accent-2-dark-base), .9 ); --accent-2-dark-95: hsla( var(--accent-2-dark-base), .95 ); --accent-warning-base: 18, 100%, 57%; --accent-warning: hsla(var(--accent-warning-base), 1); --accent-warning-5: hsla( var(--accent-warning-base), .05 ); --accent-warning-10: hsla( var(--accent-warning-base), .1 ); --accent-warning-15: hsla( var(--accent-warning-base), .15 ); --accent-warning-20: hsla( var(--accent-warning-base), .2 ); --accent-warning-25: hsla( var(--accent-warning-base), .25 ); --accent-warning-30: hsla( var(--accent-warning-base), .3 ); --accent-warning-35: hsla( var(--accent-warning-base), .35 ); --accent-warning-40: hsla( var(--accent-warning-base), .4 ); --accent-warning-45: hsla( var(--accent-warning-base), .45 ); --accent-warning-50: hsla( var(--accent-warning-base), .5 ); --accent-warning-55: hsla( var(--accent-warning-base), .55 ); --accent-warning-60: hsla( var(--accent-warning-base), .6 ); --accent-warning-65: hsla( var(--accent-warning-base), .65 ); --accent-warning-70: hsla( var(--accent-warning-base), .7 ); --accent-warning-75: hsla( var(--accent-warning-base), .75 ); --accent-warning-80: hsla( var(--accent-warning-base), .8 ); --accent-warning-85: hsla( var(--accent-warning-base), .85 ); --accent-warning-90: hsla( var(--accent-warning-base), .9 ); --accent-warning-95: hsla( var(--accent-warning-base), .95 ); --accent-warning-extra-subtle: hsl(18, 74%, 89%); --background-base: 165, 20%, 4%; --background: hsla(var(--background-base), 1); --background-5: hsla( var(--background-base), .05 ); --background-10: hsla( var(--background-base), .1 ); --background-15: hsla( var(--background-base), .15 ); --background-20: hsla( var(--background-base), .2 ); --background-25: hsla( var(--background-base), .25 ); --background-30: hsla( var(--background-base), .3 ); --background-35: hsla( var(--background-base), .35 ); --background-40: hsla( var(--background-base), .4 ); --background-45: hsla( var(--background-base), .45 ); --background-50: hsla( var(--background-base), .5 ); --background-55: hsla( var(--background-base), .55 ); --background-60: hsla( var(--background-base), .6 ); --background-65: hsla( var(--background-base), .65 ); --background-70: hsla( var(--background-base), .7 ); --background-75: hsla( var(--background-base), .75 ); --background-80: hsla( var(--background-base), .8 ); --background-85: hsla( var(--background-base), .85 ); --background-90: hsla( var(--background-base), .9 ); --background-95: hsla( var(--background-base), .95 ); --background-dark-base: 334, 26%, 5%; --background-dark: hsla(var(--background-dark-base), 1); --background-dark-5: hsla( var(--background-dark-base), .05 ); --background-dark-10: hsla( var(--background-dark-base), .1 ); --background-dark-15: hsla( var(--background-dark-base), .15 ); --background-dark-20: hsla( var(--background-dark-base), .2 ); --background-dark-25: hsla( var(--background-dark-base), .25 ); --background-dark-30: hsla( var(--background-dark-base), .3 ); --background-dark-35: hsla( var(--background-dark-base), .35 ); --background-dark-40: hsla( var(--background-dark-base), .4 ); --background-dark-45: hsla( var(--background-dark-base), .45 ); --background-dark-50: hsla( var(--background-dark-base), .5 ); --background-dark-55: hsla( var(--background-dark-base), .55 ); --background-dark-60: hsla( var(--background-dark-base), .6 ); --background-dark-65: hsla( var(--background-dark-base), .65 ); --background-dark-70: hsla( var(--background-dark-base), .7 ); --background-dark-75: hsla( var(--background-dark-base), .75 ); --background-dark-80: hsla( var(--background-dark-base), .8 ); --background-dark-85: hsla( var(--background-dark-base), .85 ); --background-dark-90: hsla( var(--background-dark-base), .9 ); --background-dark-95: hsla( var(--background-dark-base), .95 ); --background-secondary-base: 0, 0%, 96%; --background-secondary: hsla(var(--background-secondary-base), 1); --background-secondary-5: hsla( var(--background-secondary-base), .05 ); --background-secondary-10: hsla( var(--background-secondary-base), .1 ); --background-secondary-15: hsla( var(--background-secondary-base), .15 ); --background-secondary-20: hsla( var(--background-secondary-base), .2 ); --background-secondary-25: hsla( var(--background-secondary-base), .25 ); --background-secondary-30: hsla( var(--background-secondary-base), .3 ); --background-secondary-35: hsla( var(--background-secondary-base), .35 ); --background-secondary-40: hsla( var(--background-secondary-base), .4 ); --background-secondary-45: hsla( var(--background-secondary-base), .45 ); --background-secondary-50: hsla( var(--background-secondary-base), .5 ); --background-secondary-55: hsla( var(--background-secondary-base), .55 ); --background-secondary-60: hsla( var(--background-secondary-base), .6 ); --background-secondary-65: hsla( var(--background-secondary-base), .65 ); --background-secondary-70: hsla( var(--background-secondary-base), .7 ); --background-secondary-75: hsla( var(--background-secondary-base), .75 ); --background-secondary-80: hsla( var(--background-secondary-base), .8 ); --background-secondary-85: hsla( var(--background-secondary-base), .85 ); --background-secondary-90: hsla( var(--background-secondary-base), .9 ); --background-secondary-95: hsla( var(--background-secondary-base), .95 ); --font-color-base: 0, 0%, 96%; --font-color-primary: hsla(var(--font-color-base), 1); --font-color-primary-5: hsla( var(--font-color-base), .05 ); --font-color-primary-10: hsla( var(--font-color-base), .1 ); --font-color-primary-15: hsla( var(--font-color-base), .15 ); --font-color-primary-20: hsla( var(--font-color-base), .2 ); --font-color-primary-25: hsla( var(--font-color-base), .25 ); --font-color-primary-30: hsla( var(--font-color-base), .3 ); --font-color-primary-35: hsla( var(--font-color-base), .35 ); --font-color-primary-40: hsla( var(--font-color-base), .4 ); --font-color-primary-45: hsla( var(--font-color-base), .45 ); --font-color-primary-50: hsla( var(--font-color-base), .5 ); --font-color-primary-55: hsla( var(--font-color-base), .55 ); --font-color-primary-60: hsla( var(--font-color-base), .6 ); --font-color-primary-65: hsla( var(--font-color-base), .65 ); --font-color-primary-70: hsla( var(--font-color-base), .7 ); --font-color-primary-75: hsla( var(--font-color-base), .75 ); --font-color-primary-80: hsla( var(--font-color-base), .8 ); --font-color-primary-85: hsla( var(--font-color-base), .85 ); --font-color-primary-90: hsla( var(--font-color-base), .9 ); --font-color-primary-95: hsla( var(--font-color-base), .95 ); --font-color-secondary-base: 165, 20%, 4%; --font-color-secondary: hsla(var(--font-color-secondary-base), 1); --font-color-secondary-5: hsla( var(--font-color-secondary-base), .05 ); --font-color-secondary-10: hsla( var(--font-color-secondary-base), .1 ); --font-color-secondary-15: hsla( var(--font-color-secondary-base), .15 ); --font-color-secondary-20: hsla( var(--font-color-secondary-base), .2 ); --font-color-secondary-25: hsla( var(--font-color-secondary-base), .25 ); --font-color-secondary-30: hsla( var(--font-color-secondary-base), .3 ); --font-color-secondary-35: hsla( var(--font-color-secondary-base), .35 ); --font-color-secondary-40: hsla( var(--font-color-secondary-base), .4 ); --font-color-secondary-45: hsla( var(--font-color-secondary-base), .45 ); --font-color-secondary-50: hsla( var(--font-color-secondary-base), .5 ); --font-color-secondary-55: hsla( var(--font-color-secondary-base), .55 ); --font-color-secondary-60: hsla( var(--font-color-secondary-base), .6 ); --font-color-secondary-65: hsla( var(--font-color-secondary-base), .65 ); --font-color-secondary-70: hsla( var(--font-color-secondary-base), .7 ); --font-color-secondary-75: hsla( var(--font-color-secondary-base), .75 ); --font-color-secondary-80: hsla( var(--font-color-secondary-base), .8 ); --font-color-secondary-85: hsla( var(--font-color-secondary-base), .85 ); --font-color-secondary-90: hsla( var(--font-color-secondary-base), .9 ); --font-color-secondary-95: hsla( var(--font-color-secondary-base), .95 ); --font-color-light-base: var(--font-color-base); --font-color-light: hsla(var(--font-color-light-base), 1); --font-color-light-5: hsla( var(--font-color-light-base), .05 ); --font-color-light-10: hsla( var(--font-color-light-base), .1 ); --font-color-light-15: hsla( var(--font-color-light-base), .15 ); --font-color-light-20: hsla( var(--font-color-light-base), .2 ); --font-color-light-25: hsla( var(--font-color-light-base), .25 ); --font-color-light-30: hsla( var(--font-color-light-base), .3 ); --font-color-light-35: hsla( var(--font-color-light-base), .35 ); --font-color-light-40: hsla( var(--font-color-light-base), .4 ); --font-color-light-45: hsla( var(--font-color-light-base), .45 ); --font-color-light-50: hsla( var(--font-color-light-base), .5 ); --font-color-light-55: hsla( var(--font-color-light-base), .55 ); --font-color-light-60: hsla( var(--font-color-light-base), .6 ); --font-color-light-65: hsla( var(--font-color-light-base), .65 ); --font-color-light-70: hsla( var(--font-color-light-base), .7 ); --font-color-light-75: hsla( var(--font-color-light-base), .75 ); --font-color-light-80: hsla( var(--font-color-light-base), .8 ); --font-color-light-85: hsla( var(--font-color-light-base), .85 ); --font-color-light-90: hsla( var(--font-color-light-base), .9 ); --font-color-light-95: hsla( var(--font-color-light-base), .95 ); --font-color-dark-base: var(--font-color-secondary-base); --font-color-dark: hsla(var(--font-color-dark-base), 1); --font-color-dark-5: hsla( var(--font-color-dark-base), .05 ); --font-color-dark-10: hsla( var(--font-color-dark-base), .1 ); --font-color-dark-15: hsla( var(--font-color-dark-base), .15 ); --font-color-dark-20: hsla( var(--font-color-dark-base), .2 ); --font-color-dark-25: hsla( var(--font-color-dark-base), .25 ); --font-color-dark-30: hsla( var(--font-color-dark-base), .3 ); --font-color-dark-35: hsla( var(--font-color-dark-base), .35 ); --font-color-dark-40: hsla( var(--font-color-dark-base), .4 ); --font-color-dark-45: hsla( var(--font-color-dark-base), .45 ); --font-color-dark-50: hsla( var(--font-color-dark-base), .5 ); --font-color-dark-55: hsla( var(--font-color-dark-base), .55 ); --font-color-dark-60: hsla( var(--font-color-dark-base), .6 ); --font-color-dark-65: hsla( var(--font-color-dark-base), .65 ); --font-color-dark-70: hsla( var(--font-color-dark-base), .7 ); --font-color-dark-75: hsla( var(--font-color-dark-base), .75 ); --font-color-dark-80: hsla( var(--font-color-dark-base), .8 ); --font-color-dark-85: hsla( var(--font-color-dark-base), .85 ); --font-color-dark-90: hsla( var(--font-color-dark-base), .9 ); --font-color-dark-95: hsla( var(--font-color-dark-base), .95 ); --font-color-button: var(--font-color-dark); --font-color-button-secondary: var(--font-color-secondary); --token-badge-bg: var(--font-color-primary); --token-badge-bg-gradient: linear-gradient( 90deg, var(--accent-2) 0%, var(--accent-1) 100% ); --token-badge-c-text: var(--font-color-secondary); --token-badge-c-text-gradient: var(--font-color-secondary); } .default { --accent-1-base: 0, 0%, 96%; --accent-1: hsla(var(--accent-1-base), 1); --accent-1-5: hsla( var(--accent-1-base), .05 ); --accent-1-10: hsla( var(--accent-1-base), .1 ); --accent-1-15: hsla( var(--accent-1-base), .15 ); --accent-1-20: hsla( var(--accent-1-base), .2 ); --accent-1-25: hsla( var(--accent-1-base), .25 ); --accent-1-30: hsla( var(--accent-1-base), .3 ); --accent-1-35: hsla( var(--accent-1-base), .35 ); --accent-1-40: hsla( var(--accent-1-base), .4 ); --accent-1-45: hsla( var(--accent-1-base), .45 ); --accent-1-50: hsla( var(--accent-1-base), .5 ); --accent-1-55: hsla( var(--accent-1-base), .55 ); --accent-1-60: hsla( var(--accent-1-base), .6 ); --accent-1-65: hsla( var(--accent-1-base), .65 ); --accent-1-70: hsla( var(--accent-1-base), .7 ); --accent-1-75: hsla( var(--accent-1-base), .75 ); --accent-1-80: hsla( var(--accent-1-base), .8 ); --accent-1-85: hsla( var(--accent-1-base), .85 ); --accent-1-90: hsla( var(--accent-1-base), .9 ); --accent-1-95: hsla( var(--accent-1-base), .95 ); --accent-2-base: 0, 0%, 90%; --accent-2: hsla(var(--accent-2-base), 1); --accent-2-5: hsla( var(--accent-2-base), .05 ); --accent-2-10: hsla( var(--accent-2-base), .1 ); --accent-2-15: hsla( var(--accent-2-base), .15 ); --accent-2-20: hsla( var(--accent-2-base), .2 ); --accent-2-25: hsla( var(--accent-2-base), .25 ); --accent-2-30: hsla( var(--accent-2-base), .3 ); --accent-2-35: hsla( var(--accent-2-base), .35 ); --accent-2-40: hsla( var(--accent-2-base), .4 ); --accent-2-45: hsla( var(--accent-2-base), .45 ); --accent-2-50: hsla( var(--accent-2-base), .5 ); --accent-2-55: hsla( var(--accent-2-base), .55 ); --accent-2-60: hsla( var(--accent-2-base), .6 ); --accent-2-65: hsla( var(--accent-2-base), .65 ); --accent-2-70: hsla( var(--accent-2-base), .7 ); --accent-2-75: hsla( var(--accent-2-base), .75 ); --accent-2-80: hsla( var(--accent-2-base), .8 ); --accent-2-85: hsla( var(--accent-2-base), .85 ); --accent-2-90: hsla( var(--accent-2-base), .9 ); --accent-2-95: hsla( var(--accent-2-base), .95 ); --accent-2-dark-base: 0, 0%, 85%; --accent-2-dark: hsla(var(--accent-2-dark-base), 1); --accent-2-dark-5: hsla( var(--accent-2-dark-base), .05 ); --accent-2-dark-10: hsla( var(--accent-2-dark-base), .1 ); --accent-2-dark-15: hsla( var(--accent-2-dark-base), .15 ); --accent-2-dark-20: hsla( var(--accent-2-dark-base), .2 ); --accent-2-dark-25: hsla( var(--accent-2-dark-base), .25 ); --accent-2-dark-30: hsla( var(--accent-2-dark-base), .3 ); --accent-2-dark-35: hsla( var(--accent-2-dark-base), .35 ); --accent-2-dark-40: hsla( var(--accent-2-dark-base), .4 ); --accent-2-dark-45: hsla( var(--accent-2-dark-base), .45 ); --accent-2-dark-50: hsla( var(--accent-2-dark-base), .5 ); --accent-2-dark-55: hsla( var(--accent-2-dark-base), .55 ); --accent-2-dark-60: hsla( var(--accent-2-dark-base), .6 ); --accent-2-dark-65: hsla( var(--accent-2-dark-base), .65 ); --accent-2-dark-70: hsla( var(--accent-2-dark-base), .7 ); --accent-2-dark-75: hsla( var(--accent-2-dark-base), .75 ); --accent-2-dark-80: hsla( var(--accent-2-dark-base), .8 ); --accent-2-dark-85: hsla( var(--accent-2-dark-base), .85 ); --accent-2-dark-90: hsla( var(--accent-2-dark-base), .9 ); --accent-2-dark-95: hsla( var(--accent-2-dark-base), .95 ); --accent-warning-base: 18, 100%, 57%; --accent-warning: hsla(var(--accent-warning-base), 1); --accent-warning-5: hsla( var(--accent-warning-base), .05 ); --accent-warning-10: hsla( var(--accent-warning-base), .1 ); --accent-warning-15: hsla( var(--accent-warning-base), .15 ); --accent-warning-20: hsla( var(--accent-warning-base), .2 ); --accent-warning-25: hsla( var(--accent-warning-base), .25 ); --accent-warning-30: hsla( var(--accent-warning-base), .3 ); --accent-warning-35: hsla( var(--accent-warning-base), .35 ); --accent-warning-40: hsla( var(--accent-warning-base), .4 ); --accent-warning-45: hsla( var(--accent-warning-base), .45 ); --accent-warning-50: hsla( var(--accent-warning-base), .5 ); --accent-warning-55: hsla( var(--accent-warning-base), .55 ); --accent-warning-60: hsla( var(--accent-warning-base), .6 ); --accent-warning-65: hsla( var(--accent-warning-base), .65 ); --accent-warning-70: hsla( var(--accent-warning-base), .7 ); --accent-warning-75: hsla( var(--accent-warning-base), .75 ); --accent-warning-80: hsla( var(--accent-warning-base), .8 ); --accent-warning-85: hsla( var(--accent-warning-base), .85 ); --accent-warning-90: hsla( var(--accent-warning-base), .9 ); --accent-warning-95: hsla( var(--accent-warning-base), .95 ); --accent-warning-extra-subtle: hsl(18, 74%, 89%); --background-base: 165, 20%, 4%; --background: hsla(var(--background-base), 1); --background-5: hsla( var(--background-base), .05 ); --background-10: hsla( var(--background-base), .1 ); --background-15: hsla( var(--background-base), .15 ); --background-20: hsla( var(--background-base), .2 ); --background-25: hsla( var(--background-base), .25 ); --background-30: hsla( var(--background-base), .3 ); --background-35: hsla( var(--background-base), .35 ); --background-40: hsla( var(--background-base), .4 ); --background-45: hsla( var(--background-base), .45 ); --background-50: hsla( var(--background-base), .5 ); --background-55: hsla( var(--background-base), .55 ); --background-60: hsla( var(--background-base), .6 ); --background-65: hsla( var(--background-base), .65 ); --background-70: hsla( var(--background-base), .7 ); --background-75: hsla( var(--background-base), .75 ); --background-80: hsla( var(--background-base), .8 ); --background-85: hsla( var(--background-base), .85 ); --background-90: hsla( var(--background-base), .9 ); --background-95: hsla( var(--background-base), .95 ); --background-dark-base: 334, 26%, 5%; --background-dark: hsla(var(--background-dark-base), 1); --background-dark-5: hsla( var(--background-dark-base), .05 ); --background-dark-10: hsla( var(--background-dark-base), .1 ); --background-dark-15: hsla( var(--background-dark-base), .15 ); --background-dark-20: hsla( var(--background-dark-base), .2 ); --background-dark-25: hsla( var(--background-dark-base), .25 ); --background-dark-30: hsla( var(--background-dark-base), .3 ); --background-dark-35: hsla( var(--background-dark-base), .35 ); --background-dark-40: hsla( var(--background-dark-base), .4 ); --background-dark-45: hsla( var(--background-dark-base), .45 ); --background-dark-50: hsla( var(--background-dark-base), .5 ); --background-dark-55: hsla( var(--background-dark-base), .55 ); --background-dark-60: hsla( var(--background-dark-base), .6 ); --background-dark-65: hsla( var(--background-dark-base), .65 ); --background-dark-70: hsla( var(--background-dark-base), .7 ); --background-dark-75: hsla( var(--background-dark-base), .75 ); --background-dark-80: hsla( var(--background-dark-base), .8 ); --background-dark-85: hsla( var(--background-dark-base), .85 ); --background-dark-90: hsla( var(--background-dark-base), .9 ); --background-dark-95: hsla( var(--background-dark-base), .95 ); --background-secondary-base: 0, 0%, 96%; --background-secondary: hsla(var(--background-secondary-base), 1); --background-secondary-5: hsla( var(--background-secondary-base), .05 ); --background-secondary-10: hsla( var(--background-secondary-base), .1 ); --background-secondary-15: hsla( var(--background-secondary-base), .15 ); --background-secondary-20: hsla( var(--background-secondary-base), .2 ); --background-secondary-25: hsla( var(--background-secondary-base), .25 ); --background-secondary-30: hsla( var(--background-secondary-base), .3 ); --background-secondary-35: hsla( var(--background-secondary-base), .35 ); --background-secondary-40: hsla( var(--background-secondary-base), .4 ); --background-secondary-45: hsla( var(--background-secondary-base), .45 ); --background-secondary-50: hsla( var(--background-secondary-base), .5 ); --background-secondary-55: hsla( var(--background-secondary-base), .55 ); --background-secondary-60: hsla( var(--background-secondary-base), .6 ); --background-secondary-65: hsla( var(--background-secondary-base), .65 ); --background-secondary-70: hsla( var(--background-secondary-base), .7 ); --background-secondary-75: hsla( var(--background-secondary-base), .75 ); --background-secondary-80: hsla( var(--background-secondary-base), .8 ); --background-secondary-85: hsla( var(--background-secondary-base), .85 ); --background-secondary-90: hsla( var(--background-secondary-base), .9 ); --background-secondary-95: hsla( var(--background-secondary-base), .95 ); --font-color-base: 0, 0%, 96%; --font-color-primary: hsla(var(--font-color-base), 1); --font-color-primary-5: hsla( var(--font-color-base), .05 ); --font-color-primary-10: hsla( var(--font-color-base), .1 ); --font-color-primary-15: hsla( var(--font-color-base), .15 ); --font-color-primary-20: hsla( var(--font-color-base), .2 ); --font-color-primary-25: hsla( var(--font-color-base), .25 ); --font-color-primary-30: hsla( var(--font-color-base), .3 ); --font-color-primary-35: hsla( var(--font-color-base), .35 ); --font-color-primary-40: hsla( var(--font-color-base), .4 ); --font-color-primary-45: hsla( var(--font-color-base), .45 ); --font-color-primary-50: hsla( var(--font-color-base), .5 ); --font-color-primary-55: hsla( var(--font-color-base), .55 ); --font-color-primary-60: hsla( var(--font-color-base), .6 ); --font-color-primary-65: hsla( var(--font-color-base), .65 ); --font-color-primary-70: hsla( var(--font-color-base), .7 ); --font-color-primary-75: hsla( var(--font-color-base), .75 ); --font-color-primary-80: hsla( var(--font-color-base), .8 ); --font-color-primary-85: hsla( var(--font-color-base), .85 ); --font-color-primary-90: hsla( var(--font-color-base), .9 ); --font-color-primary-95: hsla( var(--font-color-base), .95 ); --font-color-secondary-base: 165, 20%, 4%; --font-color-secondary: hsla(var(--font-color-secondary-base), 1); --font-color-secondary-5: hsla( var(--font-color-secondary-base), .05 ); --font-color-secondary-10: hsla( var(--font-color-secondary-base), .1 ); --font-color-secondary-15: hsla( var(--font-color-secondary-base), .15 ); --font-color-secondary-20: hsla( var(--font-color-secondary-base), .2 ); --font-color-secondary-25: hsla( var(--font-color-secondary-base), .25 ); --font-color-secondary-30: hsla( var(--font-color-secondary-base), .3 ); --font-color-secondary-35: hsla( var(--font-color-secondary-base), .35 ); --font-color-secondary-40: hsla( var(--font-color-secondary-base), .4 ); --font-color-secondary-45: hsla( var(--font-color-secondary-base), .45 ); --font-color-secondary-50: hsla( var(--font-color-secondary-base), .5 ); --font-color-secondary-55: hsla( var(--font-color-secondary-base), .55 ); --font-color-secondary-60: hsla( var(--font-color-secondary-base), .6 ); --font-color-secondary-65: hsla( var(--font-color-secondary-base), .65 ); --font-color-secondary-70: hsla( var(--font-color-secondary-base), .7 ); --font-color-secondary-75: hsla( var(--font-color-secondary-base), .75 ); --font-color-secondary-80: hsla( var(--font-color-secondary-base), .8 ); --font-color-secondary-85: hsla( var(--font-color-secondary-base), .85 ); --font-color-secondary-90: hsla( var(--font-color-secondary-base), .9 ); --font-color-secondary-95: hsla( var(--font-color-secondary-base), .95 ); --font-color-light-base: var(--font-color-base); --font-color-light: hsla(var(--font-color-light-base), 1); --font-color-light-5: hsla( var(--font-color-light-base), .05 ); --font-color-light-10: hsla( var(--font-color-light-base), .1 ); --font-color-light-15: hsla( var(--font-color-light-base), .15 ); --font-color-light-20: hsla( var(--font-color-light-base), .2 ); --font-color-light-25: hsla( var(--font-color-light-base), .25 ); --font-color-light-30: hsla( var(--font-color-light-base), .3 ); --font-color-light-35: hsla( var(--font-color-light-base), .35 ); --font-color-light-40: hsla( var(--font-color-light-base), .4 ); --font-color-light-45: hsla( var(--font-color-light-base), .45 ); --font-color-light-50: hsla( var(--font-color-light-base), .5 ); --font-color-light-55: hsla( var(--font-color-light-base), .55 ); --font-color-light-60: hsla( var(--font-color-light-base), .6 ); --font-color-light-65: hsla( var(--font-color-light-base), .65 ); --font-color-light-70: hsla( var(--font-color-light-base), .7 ); --font-color-light-75: hsla( var(--font-color-light-base), .75 ); --font-color-light-80: hsla( var(--font-color-light-base), .8 ); --font-color-light-85: hsla( var(--font-color-light-base), .85 ); --font-color-light-90: hsla( var(--font-color-light-base), .9 ); --font-color-light-95: hsla( var(--font-color-light-base), .95 ); --font-color-dark-base: var(--font-color-secondary-base); --font-color-dark: hsla(var(--font-color-dark-base), 1); --font-color-dark-5: hsla( var(--font-color-dark-base), .05 ); --font-color-dark-10: hsla( var(--font-color-dark-base), .1 ); --font-color-dark-15: hsla( var(--font-color-dark-base), .15 ); --font-color-dark-20: hsla( var(--font-color-dark-base), .2 ); --font-color-dark-25: hsla( var(--font-color-dark-base), .25 ); --font-color-dark-30: hsla( var(--font-color-dark-base), .3 ); --font-color-dark-35: hsla( var(--font-color-dark-base), .35 ); --font-color-dark-40: hsla( var(--font-color-dark-base), .4 ); --font-color-dark-45: hsla( var(--font-color-dark-base), .45 ); --font-color-dark-50: hsla( var(--font-color-dark-base), .5 ); --font-color-dark-55: hsla( var(--font-color-dark-base), .55 ); --font-color-dark-60: hsla( var(--font-color-dark-base), .6 ); --font-color-dark-65: hsla( var(--font-color-dark-base), .65 ); --font-color-dark-70: hsla( var(--font-color-dark-base), .7 ); --font-color-dark-75: hsla( var(--font-color-dark-base), .75 ); --font-color-dark-80: hsla( var(--font-color-dark-base), .8 ); --font-color-dark-85: hsla( var(--font-color-dark-base), .85 ); --font-color-dark-90: hsla( var(--font-color-dark-base), .9 ); --font-color-dark-95: hsla( var(--font-color-dark-base), .95 ); --font-color-button: var(--font-color-dark); --font-color-button-secondary: var(--font-color-secondary); --token-badge-bg: var(--font-color-primary); --token-badge-bg-gradient: linear-gradient( 90deg, var(--accent-2) 0%, var(--accent-1) 100% ); --token-badge-c-text: var(--font-color-secondary); --token-badge-c-text-gradient: var(--font-color-secondary); } .account { --accent-1-base: 38, 50%, 61%; --accent-1: hsla(var(--accent-1-base), 1); --accent-1-5: hsla( var(--accent-1-base), .05 ); --accent-1-10: hsla( var(--accent-1-base), .1 ); --accent-1-15: hsla( var(--accent-1-base), .15 ); --accent-1-20: hsla( var(--accent-1-base), .2 ); --accent-1-25: hsla( var(--accent-1-base), .25 ); --accent-1-30: hsla( var(--accent-1-base), .3 ); --accent-1-35: hsla( var(--accent-1-base), .35 ); --accent-1-40: hsla( var(--accent-1-base), .4 ); --accent-1-45: hsla( var(--accent-1-base), .45 ); --accent-1-50: hsla( var(--accent-1-base), .5 ); --accent-1-55: hsla( var(--accent-1-base), .55 ); --accent-1-60: hsla( var(--accent-1-base), .6 ); --accent-1-65: hsla( var(--accent-1-base), .65 ); --accent-1-70: hsla( var(--accent-1-base), .7 ); --accent-1-75: hsla( var(--accent-1-base), .75 ); --accent-1-80: hsla( var(--accent-1-base), .8 ); --accent-1-85: hsla( var(--accent-1-base), .85 ); --accent-1-90: hsla( var(--accent-1-base), .9 ); --accent-1-95: hsla( var(--accent-1-base), .95 ); --accent-2-base: 41, 32%, 47%; --accent-2: hsla(var(--accent-2-base), 1); --accent-2-5: hsla( var(--accent-2-base), .05 ); --accent-2-10: hsla( var(--accent-2-base), .1 ); --accent-2-15: hsla( var(--accent-2-base), .15 ); --accent-2-20: hsla( var(--accent-2-base), .2 ); --accent-2-25: hsla( var(--accent-2-base), .25 ); --accent-2-30: hsla( var(--accent-2-base), .3 ); --accent-2-35: hsla( var(--accent-2-base), .35 ); --accent-2-40: hsla( var(--accent-2-base), .4 ); --accent-2-45: hsla( var(--accent-2-base), .45 ); --accent-2-50: hsla( var(--accent-2-base), .5 ); --accent-2-55: hsla( var(--accent-2-base), .55 ); --accent-2-60: hsla( var(--accent-2-base), .6 ); --accent-2-65: hsla( var(--accent-2-base), .65 ); --accent-2-70: hsla( var(--accent-2-base), .7 ); --accent-2-75: hsla( var(--accent-2-base), .75 ); --accent-2-80: hsla( var(--accent-2-base), .8 ); --accent-2-85: hsla( var(--accent-2-base), .85 ); --accent-2-90: hsla( var(--accent-2-base), .9 ); --accent-2-95: hsla( var(--accent-2-base), .95 ); --accent-2-dark-base: 39, 34%, 18%; --accent-2-dark: hsla(var(--accent-2-dark-base), 1); --accent-2-dark-5: hsla( var(--accent-2-dark-base), .05 ); --accent-2-dark-10: hsla( var(--accent-2-dark-base), .1 ); --accent-2-dark-15: hsla( var(--accent-2-dark-base), .15 ); --accent-2-dark-20: hsla( var(--accent-2-dark-base), .2 ); --accent-2-dark-25: hsla( var(--accent-2-dark-base), .25 ); --accent-2-dark-30: hsla( var(--accent-2-dark-base), .3 ); --accent-2-dark-35: hsla( var(--accent-2-dark-base), .35 ); --accent-2-dark-40: hsla( var(--accent-2-dark-base), .4 ); --accent-2-dark-45: hsla( var(--accent-2-dark-base), .45 ); --accent-2-dark-50: hsla( var(--accent-2-dark-base), .5 ); --accent-2-dark-55: hsla( var(--accent-2-dark-base), .55 ); --accent-2-dark-60: hsla( var(--accent-2-dark-base), .6 ); --accent-2-dark-65: hsla( var(--accent-2-dark-base), .65 ); --accent-2-dark-70: hsla( var(--accent-2-dark-base), .7 ); --accent-2-dark-75: hsla( var(--accent-2-dark-base), .75 ); --accent-2-dark-80: hsla( var(--accent-2-dark-base), .8 ); --accent-2-dark-85: hsla( var(--accent-2-dark-base), .85 ); --accent-2-dark-90: hsla( var(--accent-2-dark-base), .9 ); --accent-2-dark-95: hsla( var(--accent-2-dark-base), .95 ); --accent-success-base: 178, 100%, 16%; --accent-success: hsla(var(--accent-success-base), 1); --accent-success-5: hsla( var(--accent-success-base), .05 ); --accent-success-10: hsla( var(--accent-success-base), .1 ); --accent-success-15: hsla( var(--accent-success-base), .15 ); --accent-success-20: hsla( var(--accent-success-base), .2 ); --accent-success-25: hsla( var(--accent-success-base), .25 ); --accent-success-30: hsla( var(--accent-success-base), .3 ); --accent-success-35: hsla( var(--accent-success-base), .35 ); --accent-success-40: hsla( var(--accent-success-base), .4 ); --accent-success-45: hsla( var(--accent-success-base), .45 ); --accent-success-50: hsla( var(--accent-success-base), .5 ); --accent-success-55: hsla( var(--accent-success-base), .55 ); --accent-success-60: hsla( var(--accent-success-base), .6 ); --accent-success-65: hsla( var(--accent-success-base), .65 ); --accent-success-70: hsla( var(--accent-success-base), .7 ); --accent-success-75: hsla( var(--accent-success-base), .75 ); --accent-success-80: hsla( var(--accent-success-base), .8 ); --accent-success-85: hsla( var(--accent-success-base), .85 ); --accent-success-90: hsla( var(--accent-success-base), .9 ); --accent-success-95: hsla( var(--accent-success-base), .95 ); --accent-success-extra-subtle: hsl(171, 45%, 91%); --background-base: 26, 26%, 95%; --background: hsla(var(--background-base), 1); --background-5: hsla( var(--background-base), .05 ); --background-10: hsla( var(--background-base), .1 ); --background-15: hsla( var(--background-base), .15 ); --background-20: hsla( var(--background-base), .2 ); --background-25: hsla( var(--background-base), .25 ); --background-30: hsla( var(--background-base), .3 ); --background-35: hsla( var(--background-base), .35 ); --background-40: hsla( var(--background-base), .4 ); --background-45: hsla( var(--background-base), .45 ); --background-50: hsla( var(--background-base), .5 ); --background-55: hsla( var(--background-base), .55 ); --background-60: hsla( var(--background-base), .6 ); --background-65: hsla( var(--background-base), .65 ); --background-70: hsla( var(--background-base), .7 ); --background-75: hsla( var(--background-base), .75 ); --background-80: hsla( var(--background-base), .8 ); --background-85: hsla( var(--background-base), .85 ); --background-90: hsla( var(--background-base), .9 ); --background-95: hsla( var(--background-base), .95 ); --background-dark-base: 23, 13%, 19%; --background-dark: hsla(var(--background-dark-base), 1); --background-dark-5: hsla( var(--background-dark-base), .05 ); --background-dark-10: hsla( var(--background-dark-base), .1 ); --background-dark-15: hsla( var(--background-dark-base), .15 ); --background-dark-20: hsla( var(--background-dark-base), .2 ); --background-dark-25: hsla( var(--background-dark-base), .25 ); --background-dark-30: hsla( var(--background-dark-base), .3 ); --background-dark-35: hsla( var(--background-dark-base), .35 ); --background-dark-40: hsla( var(--background-dark-base), .4 ); --background-dark-45: hsla( var(--background-dark-base), .45 ); --background-dark-50: hsla( var(--background-dark-base), .5 ); --background-dark-55: hsla( var(--background-dark-base), .55 ); --background-dark-60: hsla( var(--background-dark-base), .6 ); --background-dark-65: hsla( var(--background-dark-base), .65 ); --background-dark-70: hsla( var(--background-dark-base), .7 ); --background-dark-75: hsla( var(--background-dark-base), .75 ); --background-dark-80: hsla( var(--background-dark-base), .8 ); --background-dark-85: hsla( var(--background-dark-base), .85 ); --background-dark-90: hsla( var(--background-dark-base), .9 ); --background-dark-95: hsla( var(--background-dark-base), .95 ); --background-secondary-base: 30, 40%, 98%; --background-secondary: hsla(var(--background-secondary-base), 1); --background-secondary-5: hsla( var(--background-secondary-base), .05 ); --background-secondary-10: hsla( var(--background-secondary-base), .1 ); --background-secondary-15: hsla( var(--background-secondary-base), .15 ); --background-secondary-20: hsla( var(--background-secondary-base), .2 ); --background-secondary-25: hsla( var(--background-secondary-base), .25 ); --background-secondary-30: hsla( var(--background-secondary-base), .3 ); --background-secondary-35: hsla( var(--background-secondary-base), .35 ); --background-secondary-40: hsla( var(--background-secondary-base), .4 ); --background-secondary-45: hsla( var(--background-secondary-base), .45 ); --background-secondary-50: hsla( var(--background-secondary-base), .5 ); --background-secondary-55: hsla( var(--background-secondary-base), .55 ); --background-secondary-60: hsla( var(--background-secondary-base), .6 ); --background-secondary-65: hsla( var(--background-secondary-base), .65 ); --background-secondary-70: hsla( var(--background-secondary-base), .7 ); --background-secondary-75: hsla( var(--background-secondary-base), .75 ); --background-secondary-80: hsla( var(--background-secondary-base), .8 ); --background-secondary-85: hsla( var(--background-secondary-base), .85 ); --background-secondary-90: hsla( var(--background-secondary-base), .9 ); --background-secondary-95: hsla( var(--background-secondary-base), .95 ); --font-color-base: 0, 0%, 14%; --font-color-primary: hsla(var(--font-color-base), 1); --font-color-primary-5: hsla( var(--font-color-base), .05 ); --font-color-primary-10: hsla( var(--font-color-base), .1 ); --font-color-primary-15: hsla( var(--font-color-base), .15 ); --font-color-primary-20: hsla( var(--font-color-base), .2 ); --font-color-primary-25: hsla( var(--font-color-base), .25 ); --font-color-primary-30: hsla( var(--font-color-base), .3 ); --font-color-primary-35: hsla( var(--font-color-base), .35 ); --font-color-primary-40: hsla( var(--font-color-base), .4 ); --font-color-primary-45: hsla( var(--font-color-base), .45 ); --font-color-primary-50: hsla( var(--font-color-base), .5 ); --font-color-primary-55: hsla( var(--font-color-base), .55 ); --font-color-primary-60: hsla( var(--font-color-base), .6 ); --font-color-primary-65: hsla( var(--font-color-base), .65 ); --font-color-primary-70: hsla( var(--font-color-base), .7 ); --font-color-primary-75: hsla( var(--font-color-base), .75 ); --font-color-primary-80: hsla( var(--font-color-base), .8 ); --font-color-primary-85: hsla( var(--font-color-base), .85 ); --font-color-primary-90: hsla( var(--font-color-base), .9 ); --font-color-primary-95: hsla( var(--font-color-base), .95 ); --font-color-secondary-base: 0, 0%, 100%; --font-color-secondary: hsla(var(--font-color-secondary-base), 1); --font-color-secondary-5: hsla( var(--font-color-secondary-base), .05 ); --font-color-secondary-10: hsla( var(--font-color-secondary-base), .1 ); --font-color-secondary-15: hsla( var(--font-color-secondary-base), .15 ); --font-color-secondary-20: hsla( var(--font-color-secondary-base), .2 ); --font-color-secondary-25: hsla( var(--font-color-secondary-base), .25 ); --font-color-secondary-30: hsla( var(--font-color-secondary-base), .3 ); --font-color-secondary-35: hsla( var(--font-color-secondary-base), .35 ); --font-color-secondary-40: hsla( var(--font-color-secondary-base), .4 ); --font-color-secondary-45: hsla( var(--font-color-secondary-base), .45 ); --font-color-secondary-50: hsla( var(--font-color-secondary-base), .5 ); --font-color-secondary-55: hsla( var(--font-color-secondary-base), .55 ); --font-color-secondary-60: hsla( var(--font-color-secondary-base), .6 ); --font-color-secondary-65: hsla( var(--font-color-secondary-base), .65 ); --font-color-secondary-70: hsla( var(--font-color-secondary-base), .7 ); --font-color-secondary-75: hsla( var(--font-color-secondary-base), .75 ); --font-color-secondary-80: hsla( var(--font-color-secondary-base), .8 ); --font-color-secondary-85: hsla( var(--font-color-secondary-base), .85 ); --font-color-secondary-90: hsla( var(--font-color-secondary-base), .9 ); --font-color-secondary-95: hsla( var(--font-color-secondary-base), .95 ); --font-color-light-base: var(--font-color-secondary-base); --font-color-light: hsla(var(--font-color-light-base), 1); --font-color-light-5: hsla( var(--font-color-light-base), .05 ); --font-color-light-10: hsla( var(--font-color-light-base), .1 ); --font-color-light-15: hsla( var(--font-color-light-base), .15 ); --font-color-light-20: hsla( var(--font-color-light-base), .2 ); --font-color-light-25: hsla( var(--font-color-light-base), .25 ); --font-color-light-30: hsla( var(--font-color-light-base), .3 ); --font-color-light-35: hsla( var(--font-color-light-base), .35 ); --font-color-light-40: hsla( var(--font-color-light-base), .4 ); --font-color-light-45: hsla( var(--font-color-light-base), .45 ); --font-color-light-50: hsla( var(--font-color-light-base), .5 ); --font-color-light-55: hsla( var(--font-color-light-base), .55 ); --font-color-light-60: hsla( var(--font-color-light-base), .6 ); --font-color-light-65: hsla( var(--font-color-light-base), .65 ); --font-color-light-70: hsla( var(--font-color-light-base), .7 ); --font-color-light-75: hsla( var(--font-color-light-base), .75 ); --font-color-light-80: hsla( var(--font-color-light-base), .8 ); --font-color-light-85: hsla( var(--font-color-light-base), .85 ); --font-color-light-90: hsla( var(--font-color-light-base), .9 ); --font-color-light-95: hsla( var(--font-color-light-base), .95 ); --font-color-dark-base: var(--font-color-base); --font-color-dark: hsla(var(--font-color-dark-base), 1); --font-color-dark-5: hsla( var(--font-color-dark-base), .05 ); --font-color-dark-10: hsla( var(--font-color-dark-base), .1 ); --font-color-dark-15: hsla( var(--font-color-dark-base), .15 ); --font-color-dark-20: hsla( var(--font-color-dark-base), .2 ); --font-color-dark-25: hsla( var(--font-color-dark-base), .25 ); --font-color-dark-30: hsla( var(--font-color-dark-base), .3 ); --font-color-dark-35: hsla( var(--font-color-dark-base), .35 ); --font-color-dark-40: hsla( var(--font-color-dark-base), .4 ); --font-color-dark-45: hsla( var(--font-color-dark-base), .45 ); --font-color-dark-50: hsla( var(--font-color-dark-base), .5 ); --font-color-dark-55: hsla( var(--font-color-dark-base), .55 ); --font-color-dark-60: hsla( var(--font-color-dark-base), .6 ); --font-color-dark-65: hsla( var(--font-color-dark-base), .65 ); --font-color-dark-70: hsla( var(--font-color-dark-base), .7 ); --font-color-dark-75: hsla( var(--font-color-dark-base), .75 ); --font-color-dark-80: hsla( var(--font-color-dark-base), .8 ); --font-color-dark-85: hsla( var(--font-color-dark-base), .85 ); --font-color-dark-90: hsla( var(--font-color-dark-base), .9 ); --font-color-dark-95: hsla( var(--font-color-dark-base), .95 ); --font-color-button: var(--font-color-secondary); --font-color-button-secondary: var(--font-color-secondary); --icons-inverted: true; --token-badge-bg: var(--accent-warning-extra-subtle); --token-badge-bg-gradient: var(--token-badge-bg); --token-badge-c-text: var(--accent-warning); --token-badge-c-text-gradient: var(--token-badge-c-text); --token-badge-bg-success: var(--accent-success-extra-subtle); --token-badge-c-text-success: var(--accent-success); } .account-dark { --accent-1-base: 0, 0%, 95%; --accent-1: hsla(var(--accent-1-base), 1); --accent-1-5: hsla( var(--accent-1-base), .05 ); --accent-1-10: hsla( var(--accent-1-base), .1 ); --accent-1-15: hsla( var(--accent-1-base), .15 ); --accent-1-20: hsla( var(--accent-1-base), .2 ); --accent-1-25: hsla( var(--accent-1-base), .25 ); --accent-1-30: hsla( var(--accent-1-base), .3 ); --accent-1-35: hsla( var(--accent-1-base), .35 ); --accent-1-40: hsla( var(--accent-1-base), .4 ); --accent-1-45: hsla( var(--accent-1-base), .45 ); --accent-1-50: hsla( var(--accent-1-base), .5 ); --accent-1-55: hsla( var(--accent-1-base), .55 ); --accent-1-60: hsla( var(--accent-1-base), .6 ); --accent-1-65: hsla( var(--accent-1-base), .65 ); --accent-1-70: hsla( var(--accent-1-base), .7 ); --accent-1-75: hsla( var(--accent-1-base), .75 ); --accent-1-80: hsla( var(--accent-1-base), .8 ); --accent-1-85: hsla( var(--accent-1-base), .85 ); --accent-1-90: hsla( var(--accent-1-base), .9 ); --accent-1-95: hsla( var(--accent-1-base), .95 ); --accent-2-base: 0, 0%, 84%; --accent-2: hsla(var(--accent-2-base), 1); --accent-2-5: hsla( var(--accent-2-base), .05 ); --accent-2-10: hsla( var(--accent-2-base), .1 ); --accent-2-15: hsla( var(--accent-2-base), .15 ); --accent-2-20: hsla( var(--accent-2-base), .2 ); --accent-2-25: hsla( var(--accent-2-base), .25 ); --accent-2-30: hsla( var(--accent-2-base), .3 ); --accent-2-35: hsla( var(--accent-2-base), .35 ); --accent-2-40: hsla( var(--accent-2-base), .4 ); --accent-2-45: hsla( var(--accent-2-base), .45 ); --accent-2-50: hsla( var(--accent-2-base), .5 ); --accent-2-55: hsla( var(--accent-2-base), .55 ); --accent-2-60: hsla( var(--accent-2-base), .6 ); --accent-2-65: hsla( var(--accent-2-base), .65 ); --accent-2-70: hsla( var(--accent-2-base), .7 ); --accent-2-75: hsla( var(--accent-2-base), .75 ); --accent-2-80: hsla( var(--accent-2-base), .8 ); --accent-2-85: hsla( var(--accent-2-base), .85 ); --accent-2-90: hsla( var(--accent-2-base), .9 ); --accent-2-95: hsla( var(--accent-2-base), .95 ); --accent-2-dark-base: 38, 35%, 19%; --accent-2-dark: hsla(var(--accent-2-dark-base), 1); --accent-2-dark-5: hsla( var(--accent-2-dark-base), .05 ); --accent-2-dark-10: hsla( var(--accent-2-dark-base), .1 ); --accent-2-dark-15: hsla( var(--accent-2-dark-base), .15 ); --accent-2-dark-20: hsla( var(--accent-2-dark-base), .2 ); --accent-2-dark-25: hsla( var(--accent-2-dark-base), .25 ); --accent-2-dark-30: hsla( var(--accent-2-dark-base), .3 ); --accent-2-dark-35: hsla( var(--accent-2-dark-base), .35 ); --accent-2-dark-40: hsla( var(--accent-2-dark-base), .4 ); --accent-2-dark-45: hsla( var(--accent-2-dark-base), .45 ); --accent-2-dark-50: hsla( var(--accent-2-dark-base), .5 ); --accent-2-dark-55: hsla( var(--accent-2-dark-base), .55 ); --accent-2-dark-60: hsla( var(--accent-2-dark-base), .6 ); --accent-2-dark-65: hsla( var(--accent-2-dark-base), .65 ); --accent-2-dark-70: hsla( var(--accent-2-dark-base), .7 ); --accent-2-dark-75: hsla( var(--accent-2-dark-base), .75 ); --accent-2-dark-80: hsla( var(--accent-2-dark-base), .8 ); --accent-2-dark-85: hsla( var(--accent-2-dark-base), .85 ); --accent-2-dark-90: hsla( var(--accent-2-dark-base), .9 ); --accent-2-dark-95: hsla( var(--accent-2-dark-base), .95 ); --accent-success-base: 171, 45%, 91%; --accent-success: hsla(var(--accent-success-base), 1); --accent-success-5: hsla( var(--accent-success-base), .05 ); --accent-success-10: hsla( var(--accent-success-base), .1 ); --accent-success-15: hsla( var(--accent-success-base), .15 ); --accent-success-20: hsla( var(--accent-success-base), .2 ); --accent-success-25: hsla( var(--accent-success-base), .25 ); --accent-success-30: hsla( var(--accent-success-base), .3 ); --accent-success-35: hsla( var(--accent-success-base), .35 ); --accent-success-40: hsla( var(--accent-success-base), .4 ); --accent-success-45: hsla( var(--accent-success-base), .45 ); --accent-success-50: hsla( var(--accent-success-base), .5 ); --accent-success-55: hsla( var(--accent-success-base), .55 ); --accent-success-60: hsla( var(--accent-success-base), .6 ); --accent-success-65: hsla( var(--accent-success-base), .65 ); --accent-success-70: hsla( var(--accent-success-base), .7 ); --accent-success-75: hsla( var(--accent-success-base), .75 ); --accent-success-80: hsla( var(--accent-success-base), .8 ); --accent-success-85: hsla( var(--accent-success-base), .85 ); --accent-success-90: hsla( var(--accent-success-base), .9 ); --accent-success-95: hsla( var(--accent-success-base), .95 ); --accent-success-extra-subtle: hsl(178, 100%, 16%); --accent-warning-extra-subtle: hsl(17, 41%, 15%); --background-base: 0, 0%, 8%; --background: hsla(var(--background-base), 1); --background-5: hsla( var(--background-base), .05 ); --background-10: hsla( var(--background-base), .1 ); --background-15: hsla( var(--background-base), .15 ); --background-20: hsla( var(--background-base), .2 ); --background-25: hsla( var(--background-base), .25 ); --background-30: hsla( var(--background-base), .3 ); --background-35: hsla( var(--background-base), .35 ); --background-40: hsla( var(--background-base), .4 ); --background-45: hsla( var(--background-base), .45 ); --background-50: hsla( var(--background-base), .5 ); --background-55: hsla( var(--background-base), .55 ); --background-60: hsla( var(--background-base), .6 ); --background-65: hsla( var(--background-base), .65 ); --background-70: hsla( var(--background-base), .7 ); --background-75: hsla( var(--background-base), .75 ); --background-80: hsla( var(--background-base), .8 ); --background-85: hsla( var(--background-base), .85 ); --background-90: hsla( var(--background-base), .9 ); --background-95: hsla( var(--background-base), .95 ); --background-secondary-base: 0, 0%, 12%; --background-secondary: hsla(var(--background-secondary-base), 1); --background-secondary-5: hsla( var(--background-secondary-base), .05 ); --background-secondary-10: hsla( var(--background-secondary-base), .1 ); --background-secondary-15: hsla( var(--background-secondary-base), .15 ); --background-secondary-20: hsla( var(--background-secondary-base), .2 ); --background-secondary-25: hsla( var(--background-secondary-base), .25 ); --background-secondary-30: hsla( var(--background-secondary-base), .3 ); --background-secondary-35: hsla( var(--background-secondary-base), .35 ); --background-secondary-40: hsla( var(--background-secondary-base), .4 ); --background-secondary-45: hsla( var(--background-secondary-base), .45 ); --background-secondary-50: hsla( var(--background-secondary-base), .5 ); --background-secondary-55: hsla( var(--background-secondary-base), .55 ); --background-secondary-60: hsla( var(--background-secondary-base), .6 ); --background-secondary-65: hsla( var(--background-secondary-base), .65 ); --background-secondary-70: hsla( var(--background-secondary-base), .7 ); --background-secondary-75: hsla( var(--background-secondary-base), .75 ); --background-secondary-80: hsla( var(--background-secondary-base), .8 ); --background-secondary-85: hsla( var(--background-secondary-base), .85 ); --background-secondary-90: hsla( var(--background-secondary-base), .9 ); --background-secondary-95: hsla( var(--background-secondary-base), .95 ); --font-color-base: 0, 0%, 98%; --font-color-primary: hsla(var(--font-color-base), 1); --font-color-primary-5: hsla( var(--font-color-base), .05 ); --font-color-primary-10: hsla( var(--font-color-base), .1 ); --font-color-primary-15: hsla( var(--font-color-base), .15 ); --font-color-primary-20: hsla( var(--font-color-base), .2 ); --font-color-primary-25: hsla( var(--font-color-base), .25 ); --font-color-primary-30: hsla( var(--font-color-base), .3 ); --font-color-primary-35: hsla( var(--font-color-base), .35 ); --font-color-primary-40: hsla( var(--font-color-base), .4 ); --font-color-primary-45: hsla( var(--font-color-base), .45 ); --font-color-primary-50: hsla( var(--font-color-base), .5 ); --font-color-primary-55: hsla( var(--font-color-base), .55 ); --font-color-primary-60: hsla( var(--font-color-base), .6 ); --font-color-primary-65: hsla( var(--font-color-base), .65 ); --font-color-primary-70: hsla( var(--font-color-base), .7 ); --font-color-primary-75: hsla( var(--font-color-base), .75 ); --font-color-primary-80: hsla( var(--font-color-base), .8 ); --font-color-primary-85: hsla( var(--font-color-base), .85 ); --font-color-primary-90: hsla( var(--font-color-base), .9 ); --font-color-primary-95: hsla( var(--font-color-base), .95 ); --font-color-secondary-base: 0, 0%, 14%; --font-color-secondary: hsla(var(--font-color-secondary-base), 1); --font-color-secondary-5: hsla( var(--font-color-secondary-base), .05 ); --font-color-secondary-10: hsla( var(--font-color-secondary-base), .1 ); --font-color-secondary-15: hsla( var(--font-color-secondary-base), .15 ); --font-color-secondary-20: hsla( var(--font-color-secondary-base), .2 ); --font-color-secondary-25: hsla( var(--font-color-secondary-base), .25 ); --font-color-secondary-30: hsla( var(--font-color-secondary-base), .3 ); --font-color-secondary-35: hsla( var(--font-color-secondary-base), .35 ); --font-color-secondary-40: hsla( var(--font-color-secondary-base), .4 ); --font-color-secondary-45: hsla( var(--font-color-secondary-base), .45 ); --font-color-secondary-50: hsla( var(--font-color-secondary-base), .5 ); --font-color-secondary-55: hsla( var(--font-color-secondary-base), .55 ); --font-color-secondary-60: hsla( var(--font-color-secondary-base), .6 ); --font-color-secondary-65: hsla( var(--font-color-secondary-base), .65 ); --font-color-secondary-70: hsla( var(--font-color-secondary-base), .7 ); --font-color-secondary-75: hsla( var(--font-color-secondary-base), .75 ); --font-color-secondary-80: hsla( var(--font-color-secondary-base), .8 ); --font-color-secondary-85: hsla( var(--font-color-secondary-base), .85 ); --font-color-secondary-90: hsla( var(--font-color-secondary-base), .9 ); --font-color-secondary-95: hsla( var(--font-color-secondary-base), .95 ); --font-color-light-base: var(--font-color-base); --font-color-light: hsla(var(--font-color-light-base), 1); --font-color-light-5: hsla( var(--font-color-light-base), .05 ); --font-color-light-10: hsla( var(--font-color-light-base), .1 ); --font-color-light-15: hsla( var(--font-color-light-base), .15 ); --font-color-light-20: hsla( var(--font-color-light-base), .2 ); --font-color-light-25: hsla( var(--font-color-light-base), .25 ); --font-color-light-30: hsla( var(--font-color-light-base), .3 ); --font-color-light-35: hsla( var(--font-color-light-base), .35 ); --font-color-light-40: hsla( var(--font-color-light-base), .4 ); --font-color-light-45: hsla( var(--font-color-light-base), .45 ); --font-color-light-50: hsla( var(--font-color-light-base), .5 ); --font-color-light-55: hsla( var(--font-color-light-base), .55 ); --font-color-light-60: hsla( var(--font-color-light-base), .6 ); --font-color-light-65: hsla( var(--font-color-light-base), .65 ); --font-color-light-70: hsla( var(--font-color-light-base), .7 ); --font-color-light-75: hsla( var(--font-color-light-base), .75 ); --font-color-light-80: hsla( var(--font-color-light-base), .8 ); --font-color-light-85: hsla( var(--font-color-light-base), .85 ); --font-color-light-90: hsla( var(--font-color-light-base), .9 ); --font-color-light-95: hsla( var(--font-color-light-base), .95 ); --font-color-dark-base: var(--font-color-secondary-base); --font-color-dark: hsla(var(--font-color-dark-base), 1); --font-color-dark-5: hsla( var(--font-color-dark-base), .05 ); --font-color-dark-10: hsla( var(--font-color-dark-base), .1 ); --font-color-dark-15: hsla( var(--font-color-dark-base), .15 ); --font-color-dark-20: hsla( var(--font-color-dark-base), .2 ); --font-color-dark-25: hsla( var(--font-color-dark-base), .25 ); --font-color-dark-30: hsla( var(--font-color-dark-base), .3 ); --font-color-dark-35: hsla( var(--font-color-dark-base), .35 ); --font-color-dark-40: hsla( var(--font-color-dark-base), .4 ); --font-color-dark-45: hsla( var(--font-color-dark-base), .45 ); --font-color-dark-50: hsla( var(--font-color-dark-base), .5 ); --font-color-dark-55: hsla( var(--font-color-dark-base), .55 ); --font-color-dark-60: hsla( var(--font-color-dark-base), .6 ); --font-color-dark-65: hsla( var(--font-color-dark-base), .65 ); --font-color-dark-70: hsla( var(--font-color-dark-base), .7 ); --font-color-dark-75: hsla( var(--font-color-dark-base), .75 ); --font-color-dark-80: hsla( var(--font-color-dark-base), .8 ); --font-color-dark-85: hsla( var(--font-color-dark-base), .85 ); --font-color-dark-90: hsla( var(--font-color-dark-base), .9 ); --font-color-dark-95: hsla( var(--font-color-dark-base), .95 ); --font-color-button: var(--font-color-secondary); --font-color-button-secondary: var(--font-color-secondary); --token-badge-bg: var(--accent-warning-extra-subtle); --token-badge-bg-gradient: var(--token-badge-bg); --token-badge-c-text: var(--accent-warning); --token-badge-c-text-gradient: var(--token-badge-c-text); --token-badge-bg-success: var(--accent-success-extra-subtle); --token-badge-c-text-success: var(--accent-success); } .account-dark { --accent-1-base: 0, 0%, 95%; --accent-1: hsla(var(--accent-1-base), 1); --accent-1-5: hsla( var(--accent-1-base), .05 ); --accent-1-10: hsla( var(--accent-1-base), .1 ); --accent-1-15: hsla( var(--accent-1-base), .15 ); --accent-1-20: hsla( var(--accent-1-base), .2 ); --accent-1-25: hsla( var(--accent-1-base), .25 ); --accent-1-30: hsla( var(--accent-1-base), .3 ); --accent-1-35: hsla( var(--accent-1-base), .35 ); --accent-1-40: hsla( var(--accent-1-base), .4 ); --accent-1-45: hsla( var(--accent-1-base), .45 ); --accent-1-50: hsla( var(--accent-1-base), .5 ); --accent-1-55: hsla( var(--accent-1-base), .55 ); --accent-1-60: hsla( var(--accent-1-base), .6 ); --accent-1-65: hsla( var(--accent-1-base), .65 ); --accent-1-70: hsla( var(--accent-1-base), .7 ); --accent-1-75: hsla( var(--accent-1-base), .75 ); --accent-1-80: hsla( var(--accent-1-base), .8 ); --accent-1-85: hsla( var(--accent-1-base), .85 ); --accent-1-90: hsla( var(--accent-1-base), .9 ); --accent-1-95: hsla( var(--accent-1-base), .95 ); --accent-2-base: 0, 0%, 84%; --accent-2: hsla(var(--accent-2-base), 1); --accent-2-5: hsla( var(--accent-2-base), .05 ); --accent-2-10: hsla( var(--accent-2-base), .1 ); --accent-2-15: hsla( var(--accent-2-base), .15 ); --accent-2-20: hsla( var(--accent-2-base), .2 ); --accent-2-25: hsla( var(--accent-2-base), .25 ); --accent-2-30: hsla( var(--accent-2-base), .3 ); --accent-2-35: hsla( var(--accent-2-base), .35 ); --accent-2-40: hsla( var(--accent-2-base), .4 ); --accent-2-45: hsla( var(--accent-2-base), .45 ); --accent-2-50: hsla( var(--accent-2-base), .5 ); --accent-2-55: hsla( var(--accent-2-base), .55 ); --accent-2-60: hsla( var(--accent-2-base), .6 ); --accent-2-65: hsla( var(--accent-2-base), .65 ); --accent-2-70: hsla( var(--accent-2-base), .7 ); --accent-2-75: hsla( var(--accent-2-base), .75 ); --accent-2-80: hsla( var(--accent-2-base), .8 ); --accent-2-85: hsla( var(--accent-2-base), .85 ); --accent-2-90: hsla( var(--accent-2-base), .9 ); --accent-2-95: hsla( var(--accent-2-base), .95 ); --accent-2-dark-base: 38, 35%, 19%; --accent-2-dark: hsla(var(--accent-2-dark-base), 1); --accent-2-dark-5: hsla( var(--accent-2-dark-base), .05 ); --accent-2-dark-10: hsla( var(--accent-2-dark-base), .1 ); --accent-2-dark-15: hsla( var(--accent-2-dark-base), .15 ); --accent-2-dark-20: hsla( var(--accent-2-dark-base), .2 ); --accent-2-dark-25: hsla( var(--accent-2-dark-base), .25 ); --accent-2-dark-30: hsla( var(--accent-2-dark-base), .3 ); --accent-2-dark-35: hsla( var(--accent-2-dark-base), .35 ); --accent-2-dark-40: hsla( var(--accent-2-dark-base), .4 ); --accent-2-dark-45: hsla( var(--accent-2-dark-base), .45 ); --accent-2-dark-50: hsla( var(--accent-2-dark-base), .5 ); --accent-2-dark-55: hsla( var(--accent-2-dark-base), .55 ); --accent-2-dark-60: hsla( var(--accent-2-dark-base), .6 ); --accent-2-dark-65: hsla( var(--accent-2-dark-base), .65 ); --accent-2-dark-70: hsla( var(--accent-2-dark-base), .7 ); --accent-2-dark-75: hsla( var(--accent-2-dark-base), .75 ); --accent-2-dark-80: hsla( var(--accent-2-dark-base), .8 ); --accent-2-dark-85: hsla( var(--accent-2-dark-base), .85 ); --accent-2-dark-90: hsla( var(--accent-2-dark-base), .9 ); --accent-2-dark-95: hsla( var(--accent-2-dark-base), .95 ); --accent-success-base: 171, 45%, 91%; --accent-success: hsla(var(--accent-success-base), 1); --accent-success-5: hsla( var(--accent-success-base), .05 ); --accent-success-10: hsla( var(--accent-success-base), .1 ); --accent-success-15: hsla( var(--accent-success-base), .15 ); --accent-success-20: hsla( var(--accent-success-base), .2 ); --accent-success-25: hsla( var(--accent-success-base), .25 ); --accent-success-30: hsla( var(--accent-success-base), .3 ); --accent-success-35: hsla( var(--accent-success-base), .35 ); --accent-success-40: hsla( var(--accent-success-base), .4 ); --accent-success-45: hsla( var(--accent-success-base), .45 ); --accent-success-50: hsla( var(--accent-success-base), .5 ); --accent-success-55: hsla( var(--accent-success-base), .55 ); --accent-success-60: hsla( var(--accent-success-base), .6 ); --accent-success-65: hsla( var(--accent-success-base), .65 ); --accent-success-70: hsla( var(--accent-success-base), .7 ); --accent-success-75: hsla( var(--accent-success-base), .75 ); --accent-success-80: hsla( var(--accent-success-base), .8 ); --accent-success-85: hsla( var(--accent-success-base), .85 ); --accent-success-90: hsla( var(--accent-success-base), .9 ); --accent-success-95: hsla( var(--accent-success-base), .95 ); --accent-success-extra-subtle: hsl(178, 100%, 16%); --accent-warning-extra-subtle: hsl(17, 41%, 15%); --background-base: 0, 0%, 8%; --background: hsla(var(--background-base), 1); --background-5: hsla( var(--background-base), .05 ); --background-10: hsla( var(--background-base), .1 ); --background-15: hsla( var(--background-base), .15 ); --background-20: hsla( var(--background-base), .2 ); --background-25: hsla( var(--background-base), .25 ); --background-30: hsla( var(--background-base), .3 ); --background-35: hsla( var(--background-base), .35 ); --background-40: hsla( var(--background-base), .4 ); --background-45: hsla( var(--background-base), .45 ); --background-50: hsla( var(--background-base), .5 ); --background-55: hsla( var(--background-base), .55 ); --background-60: hsla( var(--background-base), .6 ); --background-65: hsla( var(--background-base), .65 ); --background-70: hsla( var(--background-base), .7 ); --background-75: hsla( var(--background-base), .75 ); --background-80: hsla( var(--background-base), .8 ); --background-85: hsla( var(--background-base), .85 ); --background-90: hsla( var(--background-base), .9 ); --background-95: hsla( var(--background-base), .95 ); --background-secondary-base: 0, 0%, 12%; --background-secondary: hsla(var(--background-secondary-base), 1); --background-secondary-5: hsla( var(--background-secondary-base), .05 ); --background-secondary-10: hsla( var(--background-secondary-base), .1 ); --background-secondary-15: hsla( var(--background-secondary-base), .15 ); --background-secondary-20: hsla( var(--background-secondary-base), .2 ); --background-secondary-25: hsla( var(--background-secondary-base), .25 ); --background-secondary-30: hsla( var(--background-secondary-base), .3 ); --background-secondary-35: hsla( var(--background-secondary-base), .35 ); --background-secondary-40: hsla( var(--background-secondary-base), .4 ); --background-secondary-45: hsla( var(--background-secondary-base), .45 ); --background-secondary-50: hsla( var(--background-secondary-base), .5 ); --background-secondary-55: hsla( var(--background-secondary-base), .55 ); --background-secondary-60: hsla( var(--background-secondary-base), .6 ); --background-secondary-65: hsla( var(--background-secondary-base), .65 ); --background-secondary-70: hsla( var(--background-secondary-base), .7 ); --background-secondary-75: hsla( var(--background-secondary-base), .75 ); --background-secondary-80: hsla( var(--background-secondary-base), .8 ); --background-secondary-85: hsla( var(--background-secondary-base), .85 ); --background-secondary-90: hsla( var(--background-secondary-base), .9 ); --background-secondary-95: hsla( var(--background-secondary-base), .95 ); --font-color-base: 0, 0%, 98%; --font-color-primary: hsla(var(--font-color-base), 1); --font-color-primary-5: hsla( var(--font-color-base), .05 ); --font-color-primary-10: hsla( var(--font-color-base), .1 ); --font-color-primary-15: hsla( var(--font-color-base), .15 ); --font-color-primary-20: hsla( var(--font-color-base), .2 ); --font-color-primary-25: hsla( var(--font-color-base), .25 ); --font-color-primary-30: hsla( var(--font-color-base), .3 ); --font-color-primary-35: hsla( var(--font-color-base), .35 ); --font-color-primary-40: hsla( var(--font-color-base), .4 ); --font-color-primary-45: hsla( var(--font-color-base), .45 ); --font-color-primary-50: hsla( var(--font-color-base), .5 ); --font-color-primary-55: hsla( var(--font-color-base), .55 ); --font-color-primary-60: hsla( var(--font-color-base), .6 ); --font-color-primary-65: hsla( var(--font-color-base), .65 ); --font-color-primary-70: hsla( var(--font-color-base), .7 ); --font-color-primary-75: hsla( var(--font-color-base), .75 ); --font-color-primary-80: hsla( var(--font-color-base), .8 ); --font-color-primary-85: hsla( var(--font-color-base), .85 ); --font-color-primary-90: hsla( var(--font-color-base), .9 ); --font-color-primary-95: hsla( var(--font-color-base), .95 ); --font-color-secondary-base: 0, 0%, 14%; --font-color-secondary: hsla(var(--font-color-secondary-base), 1); --font-color-secondary-5: hsla( var(--font-color-secondary-base), .05 ); --font-color-secondary-10: hsla( var(--font-color-secondary-base), .1 ); --font-color-secondary-15: hsla( var(--font-color-secondary-base), .15 ); --font-color-secondary-20: hsla( var(--font-color-secondary-base), .2 ); --font-color-secondary-25: hsla( var(--font-color-secondary-base), .25 ); --font-color-secondary-30: hsla( var(--font-color-secondary-base), .3 ); --font-color-secondary-35: hsla( var(--font-color-secondary-base), .35 ); --font-color-secondary-40: hsla( var(--font-color-secondary-base), .4 ); --font-color-secondary-45: hsla( var(--font-color-secondary-base), .45 ); --font-color-secondary-50: hsla( var(--font-color-secondary-base), .5 ); --font-color-secondary-55: hsla( var(--font-color-secondary-base), .55 ); --font-color-secondary-60: hsla( var(--font-color-secondary-base), .6 ); --font-color-secondary-65: hsla( var(--font-color-secondary-base), .65 ); --font-color-secondary-70: hsla( var(--font-color-secondary-base), .7 ); --font-color-secondary-75: hsla( var(--font-color-secondary-base), .75 ); --font-color-secondary-80: hsla( var(--font-color-secondary-base), .8 ); --font-color-secondary-85: hsla( var(--font-color-secondary-base), .85 ); --font-color-secondary-90: hsla( var(--font-color-secondary-base), .9 ); --font-color-secondary-95: hsla( var(--font-color-secondary-base), .95 ); --font-color-light-base: var(--font-color-base); --font-color-light: hsla(var(--font-color-light-base), 1); --font-color-light-5: hsla( var(--font-color-light-base), .05 ); --font-color-light-10: hsla( var(--font-color-light-base), .1 ); --font-color-light-15: hsla( var(--font-color-light-base), .15 ); --font-color-light-20: hsla( var(--font-color-light-base), .2 ); --font-color-light-25: hsla( var(--font-color-light-base), .25 ); --font-color-light-30: hsla( var(--font-color-light-base), .3 ); --font-color-light-35: hsla( var(--font-color-light-base), .35 ); --font-color-light-40: hsla( var(--font-color-light-base), .4 ); --font-color-light-45: hsla( var(--font-color-light-base), .45 ); --font-color-light-50: hsla( var(--font-color-light-base), .5 ); --font-color-light-55: hsla( var(--font-color-light-base), .55 ); --font-color-light-60: hsla( var(--font-color-light-base), .6 ); --font-color-light-65: hsla( var(--font-color-light-base), .65 ); --font-color-light-70: hsla( var(--font-color-light-base), .7 ); --font-color-light-75: hsla( var(--font-color-light-base), .75 ); --font-color-light-80: hsla( var(--font-color-light-base), .8 ); --font-color-light-85: hsla( var(--font-color-light-base), .85 ); --font-color-light-90: hsla( var(--font-color-light-base), .9 ); --font-color-light-95: hsla( var(--font-color-light-base), .95 ); --font-color-dark-base: var(--font-color-secondary-base); --font-color-dark: hsla(var(--font-color-dark-base), 1); --font-color-dark-5: hsla( var(--font-color-dark-base), .05 ); --font-color-dark-10: hsla( var(--font-color-dark-base), .1 ); --font-color-dark-15: hsla( var(--font-color-dark-base), .15 ); --font-color-dark-20: hsla( var(--font-color-dark-base), .2 ); --font-color-dark-25: hsla( var(--font-color-dark-base), .25 ); --font-color-dark-30: hsla( var(--font-color-dark-base), .3 ); --font-color-dark-35: hsla( var(--font-color-dark-base), .35 ); --font-color-dark-40: hsla( var(--font-color-dark-base), .4 ); --font-color-dark-45: hsla( var(--font-color-dark-base), .45 ); --font-color-dark-50: hsla( var(--font-color-dark-base), .5 ); --font-color-dark-55: hsla( var(--font-color-dark-base), .55 ); --font-color-dark-60: hsla( var(--font-color-dark-base), .6 ); --font-color-dark-65: hsla( var(--font-color-dark-base), .65 ); --font-color-dark-70: hsla( var(--font-color-dark-base), .7 ); --font-color-dark-75: hsla( var(--font-color-dark-base), .75 ); --font-color-dark-80: hsla( var(--font-color-dark-base), .8 ); --font-color-dark-85: hsla( var(--font-color-dark-base), .85 ); --font-color-dark-90: hsla( var(--font-color-dark-base), .9 ); --font-color-dark-95: hsla( var(--font-color-dark-base), .95 ); --font-color-button: var(--font-color-secondary); --font-color-button-secondary: var(--font-color-secondary); } .belgium { --accent-1-base: 340, 63%, 44%; --accent-1: hsla(var(--accent-1-base), 1); --accent-1-5: hsla( var(--accent-1-base), .05 ); --accent-1-10: hsla( var(--accent-1-base), .1 ); --accent-1-15: hsla( var(--accent-1-base), .15 ); --accent-1-20: hsla( var(--accent-1-base), .2 ); --accent-1-25: hsla( var(--accent-1-base), .25 ); --accent-1-30: hsla( var(--accent-1-base), .3 ); --accent-1-35: hsla( var(--accent-1-base), .35 ); --accent-1-40: hsla( var(--accent-1-base), .4 ); --accent-1-45: hsla( var(--accent-1-base), .45 ); --accent-1-50: hsla( var(--accent-1-base), .5 ); --accent-1-55: hsla( var(--accent-1-base), .55 ); --accent-1-60: hsla( var(--accent-1-base), .6 ); --accent-1-65: hsla( var(--accent-1-base), .65 ); --accent-1-70: hsla( var(--accent-1-base), .7 ); --accent-1-75: hsla( var(--accent-1-base), .75 ); --accent-1-80: hsla( var(--accent-1-base), .8 ); --accent-1-85: hsla( var(--accent-1-base), .85 ); --accent-1-90: hsla( var(--accent-1-base), .9 ); --accent-1-95: hsla( var(--accent-1-base), .95 ); --accent-2-base: 335, 73%, 26%; --accent-2: hsla(var(--accent-2-base), 1); --accent-2-5: hsla( var(--accent-2-base), .05 ); --accent-2-10: hsla( var(--accent-2-base), .1 ); --accent-2-15: hsla( var(--accent-2-base), .15 ); --accent-2-20: hsla( var(--accent-2-base), .2 ); --accent-2-25: hsla( var(--accent-2-base), .25 ); --accent-2-30: hsla( var(--accent-2-base), .3 ); --accent-2-35: hsla( var(--accent-2-base), .35 ); --accent-2-40: hsla( var(--accent-2-base), .4 ); --accent-2-45: hsla( var(--accent-2-base), .45 ); --accent-2-50: hsla( var(--accent-2-base), .5 ); --accent-2-55: hsla( var(--accent-2-base), .55 ); --accent-2-60: hsla( var(--accent-2-base), .6 ); --accent-2-65: hsla( var(--accent-2-base), .65 ); --accent-2-70: hsla( var(--accent-2-base), .7 ); --accent-2-75: hsla( var(--accent-2-base), .75 ); --accent-2-80: hsla( var(--accent-2-base), .8 ); --accent-2-85: hsla( var(--accent-2-base), .85 ); --accent-2-90: hsla( var(--accent-2-base), .9 ); --accent-2-95: hsla( var(--accent-2-base), .95 ); --accent-2-dark-base: 336, 95%, 17%; --accent-2-dark: hsla(var(--accent-2-dark-base), 1); --accent-2-dark-5: hsla( var(--accent-2-dark-base), .05 ); --accent-2-dark-10: hsla( var(--accent-2-dark-base), .1 ); --accent-2-dark-15: hsla( var(--accent-2-dark-base), .15 ); --accent-2-dark-20: hsla( var(--accent-2-dark-base), .2 ); --accent-2-dark-25: hsla( var(--accent-2-dark-base), .25 ); --accent-2-dark-30: hsla( var(--accent-2-dark-base), .3 ); --accent-2-dark-35: hsla( var(--accent-2-dark-base), .35 ); --accent-2-dark-40: hsla( var(--accent-2-dark-base), .4 ); --accent-2-dark-45: hsla( var(--accent-2-dark-base), .45 ); --accent-2-dark-50: hsla( var(--accent-2-dark-base), .5 ); --accent-2-dark-55: hsla( var(--accent-2-dark-base), .55 ); --accent-2-dark-60: hsla( var(--accent-2-dark-base), .6 ); --accent-2-dark-65: hsla( var(--accent-2-dark-base), .65 ); --accent-2-dark-70: hsla( var(--accent-2-dark-base), .7 ); --accent-2-dark-75: hsla( var(--accent-2-dark-base), .75 ); --accent-2-dark-80: hsla( var(--accent-2-dark-base), .8 ); --accent-2-dark-85: hsla( var(--accent-2-dark-base), .85 ); --accent-2-dark-90: hsla( var(--accent-2-dark-base), .9 ); --accent-2-dark-95: hsla( var(--accent-2-dark-base), .95 ); --background-base: 334, 26%, 5%; --background: hsla(var(--background-base), 1); --background-5: hsla( var(--background-base), .05 ); --background-10: hsla( var(--background-base), .1 ); --background-15: hsla( var(--background-base), .15 ); --background-20: hsla( var(--background-base), .2 ); --background-25: hsla( var(--background-base), .25 ); --background-30: hsla( var(--background-base), .3 ); --background-35: hsla( var(--background-base), .35 ); --background-40: hsla( var(--background-base), .4 ); --background-45: hsla( var(--background-base), .45 ); --background-50: hsla( var(--background-base), .5 ); --background-55: hsla( var(--background-base), .55 ); --background-60: hsla( var(--background-base), .6 ); --background-65: hsla( var(--background-base), .65 ); --background-70: hsla( var(--background-base), .7 ); --background-75: hsla( var(--background-base), .75 ); --background-80: hsla( var(--background-base), .8 ); --background-85: hsla( var(--background-base), .85 ); --background-90: hsla( var(--background-base), .9 ); --background-95: hsla( var(--background-base), .95 ); --background-dark-base: 336, 95%, 17%; --background-dark: hsla(var(--background-dark-base), 1); --background-dark-5: hsla( var(--background-dark-base), .05 ); --background-dark-10: hsla( var(--background-dark-base), .1 ); --background-dark-15: hsla( var(--background-dark-base), .15 ); --background-dark-20: hsla( var(--background-dark-base), .2 ); --background-dark-25: hsla( var(--background-dark-base), .25 ); --background-dark-30: hsla( var(--background-dark-base), .3 ); --background-dark-35: hsla( var(--background-dark-base), .35 ); --background-dark-40: hsla( var(--background-dark-base), .4 ); --background-dark-45: hsla( var(--background-dark-base), .45 ); --background-dark-50: hsla( var(--background-dark-base), .5 ); --background-dark-55: hsla( var(--background-dark-base), .55 ); --background-dark-60: hsla( var(--background-dark-base), .6 ); --background-dark-65: hsla( var(--background-dark-base), .65 ); --background-dark-70: hsla( var(--background-dark-base), .7 ); --background-dark-75: hsla( var(--background-dark-base), .75 ); --background-dark-80: hsla( var(--background-dark-base), .8 ); --background-dark-85: hsla( var(--background-dark-base), .85 ); --background-dark-90: hsla( var(--background-dark-base), .9 ); --background-dark-95: hsla( var(--background-dark-base), .95 ); --background-secondary-base: 0, 0%, 96%; --background-secondary: hsla(var(--background-secondary-base), 1); --background-secondary-5: hsla( var(--background-secondary-base), .05 ); --background-secondary-10: hsla( var(--background-secondary-base), .1 ); --background-secondary-15: hsla( var(--background-secondary-base), .15 ); --background-secondary-20: hsla( var(--background-secondary-base), .2 ); --background-secondary-25: hsla( var(--background-secondary-base), .25 ); --background-secondary-30: hsla( var(--background-secondary-base), .3 ); --background-secondary-35: hsla( var(--background-secondary-base), .35 ); --background-secondary-40: hsla( var(--background-secondary-base), .4 ); --background-secondary-45: hsla( var(--background-secondary-base), .45 ); --background-secondary-50: hsla( var(--background-secondary-base), .5 ); --background-secondary-55: hsla( var(--background-secondary-base), .55 ); --background-secondary-60: hsla( var(--background-secondary-base), .6 ); --background-secondary-65: hsla( var(--background-secondary-base), .65 ); --background-secondary-70: hsla( var(--background-secondary-base), .7 ); --background-secondary-75: hsla( var(--background-secondary-base), .75 ); --background-secondary-80: hsla( var(--background-secondary-base), .8 ); --background-secondary-85: hsla( var(--background-secondary-base), .85 ); --background-secondary-90: hsla( var(--background-secondary-base), .9 ); --background-secondary-95: hsla( var(--background-secondary-base), .95 ); --font-color-base: 0, 0%, 96%; --font-color-primary: hsla(var(--font-color-base), 1); --font-color-primary-5: hsla( var(--font-color-base), .05 ); --font-color-primary-10: hsla( var(--font-color-base), .1 ); --font-color-primary-15: hsla( var(--font-color-base), .15 ); --font-color-primary-20: hsla( var(--font-color-base), .2 ); --font-color-primary-25: hsla( var(--font-color-base), .25 ); --font-color-primary-30: hsla( var(--font-color-base), .3 ); --font-color-primary-35: hsla( var(--font-color-base), .35 ); --font-color-primary-40: hsla( var(--font-color-base), .4 ); --font-color-primary-45: hsla( var(--font-color-base), .45 ); --font-color-primary-50: hsla( var(--font-color-base), .5 ); --font-color-primary-55: hsla( var(--font-color-base), .55 ); --font-color-primary-60: hsla( var(--font-color-base), .6 ); --font-color-primary-65: hsla( var(--font-color-base), .65 ); --font-color-primary-70: hsla( var(--font-color-base), .7 ); --font-color-primary-75: hsla( var(--font-color-base), .75 ); --font-color-primary-80: hsla( var(--font-color-base), .8 ); --font-color-primary-85: hsla( var(--font-color-base), .85 ); --font-color-primary-90: hsla( var(--font-color-base), .9 ); --font-color-primary-95: hsla( var(--font-color-base), .95 ); --font-color-secondary-base: 334, 26%, 5%; --font-color-secondary: hsla(var(--font-color-secondary-base), 1); --font-color-secondary-5: hsla( var(--font-color-secondary-base), .05 ); --font-color-secondary-10: hsla( var(--font-color-secondary-base), .1 ); --font-color-secondary-15: hsla( var(--font-color-secondary-base), .15 ); --font-color-secondary-20: hsla( var(--font-color-secondary-base), .2 ); --font-color-secondary-25: hsla( var(--font-color-secondary-base), .25 ); --font-color-secondary-30: hsla( var(--font-color-secondary-base), .3 ); --font-color-secondary-35: hsla( var(--font-color-secondary-base), .35 ); --font-color-secondary-40: hsla( var(--font-color-secondary-base), .4 ); --font-color-secondary-45: hsla( var(--font-color-secondary-base), .45 ); --font-color-secondary-50: hsla( var(--font-color-secondary-base), .5 ); --font-color-secondary-55: hsla( var(--font-color-secondary-base), .55 ); --font-color-secondary-60: hsla( var(--font-color-secondary-base), .6 ); --font-color-secondary-65: hsla( var(--font-color-secondary-base), .65 ); --font-color-secondary-70: hsla( var(--font-color-secondary-base), .7 ); --font-color-secondary-75: hsla( var(--font-color-secondary-base), .75 ); --font-color-secondary-80: hsla( var(--font-color-secondary-base), .8 ); --font-color-secondary-85: hsla( var(--font-color-secondary-base), .85 ); --font-color-secondary-90: hsla( var(--font-color-secondary-base), .9 ); --font-color-secondary-95: hsla( var(--font-color-secondary-base), .95 ); --font-color-light-base: var(--font-color-base); --font-color-light: hsla(var(--font-color-light-base), 1); --font-color-light-5: hsla( var(--font-color-light-base), .05 ); --font-color-light-10: hsla( var(--font-color-light-base), .1 ); --font-color-light-15: hsla( var(--font-color-light-base), .15 ); --font-color-light-20: hsla( var(--font-color-light-base), .2 ); --font-color-light-25: hsla( var(--font-color-light-base), .25 ); --font-color-light-30: hsla( var(--font-color-light-base), .3 ); --font-color-light-35: hsla( var(--font-color-light-base), .35 ); --font-color-light-40: hsla( var(--font-color-light-base), .4 ); --font-color-light-45: hsla( var(--font-color-light-base), .45 ); --font-color-light-50: hsla( var(--font-color-light-base), .5 ); --font-color-light-55: hsla( var(--font-color-light-base), .55 ); --font-color-light-60: hsla( var(--font-color-light-base), .6 ); --font-color-light-65: hsla( var(--font-color-light-base), .65 ); --font-color-light-70: hsla( var(--font-color-light-base), .7 ); --font-color-light-75: hsla( var(--font-color-light-base), .75 ); --font-color-light-80: hsla( var(--font-color-light-base), .8 ); --font-color-light-85: hsla( var(--font-color-light-base), .85 ); --font-color-light-90: hsla( var(--font-color-light-base), .9 ); --font-color-light-95: hsla( var(--font-color-light-base), .95 ); --font-color-dark-base: var(--font-color-secondary-base); --font-color-dark: hsla(var(--font-color-dark-base), 1); --font-color-dark-5: hsla( var(--font-color-dark-base), .05 ); --font-color-dark-10: hsla( var(--font-color-dark-base), .1 ); --font-color-dark-15: hsla( var(--font-color-dark-base), .15 ); --font-color-dark-20: hsla( var(--font-color-dark-base), .2 ); --font-color-dark-25: hsla( var(--font-color-dark-base), .25 ); --font-color-dark-30: hsla( var(--font-color-dark-base), .3 ); --font-color-dark-35: hsla( var(--font-color-dark-base), .35 ); --font-color-dark-40: hsla( var(--font-color-dark-base), .4 ); --font-color-dark-45: hsla( var(--font-color-dark-base), .45 ); --font-color-dark-50: hsla( var(--font-color-dark-base), .5 ); --font-color-dark-55: hsla( var(--font-color-dark-base), .55 ); --font-color-dark-60: hsla( var(--font-color-dark-base), .6 ); --font-color-dark-65: hsla( var(--font-color-dark-base), .65 ); --font-color-dark-70: hsla( var(--font-color-dark-base), .7 ); --font-color-dark-75: hsla( var(--font-color-dark-base), .75 ); --font-color-dark-80: hsla( var(--font-color-dark-base), .8 ); --font-color-dark-85: hsla( var(--font-color-dark-base), .85 ); --font-color-dark-90: hsla( var(--font-color-dark-base), .9 ); --font-color-dark-95: hsla( var(--font-color-dark-base), .95 ); --font-color-button: var(--font-color-primary); --font-color-button-secondary: var(--font-color-secondary); --token-badge-bg: var(--font-color-primary); --token-badge-bg-gradient: linear-gradient( 90deg, var(--accent-2) 0%, var(--accent-1) 100% ); --token-badge-c-text: var(--font-color-secondary); --token-badge-c-text-gradient: var(--font-color-primary); } .brasil { --accent-1-base: 166, 91%, 31%; --accent-1: hsla(var(--accent-1-base), 1); --accent-1-5: hsla( var(--accent-1-base), .05 ); --accent-1-10: hsla( var(--accent-1-base), .1 ); --accent-1-15: hsla( var(--accent-1-base), .15 ); --accent-1-20: hsla( var(--accent-1-base), .2 ); --accent-1-25: hsla( var(--accent-1-base), .25 ); --accent-1-30: hsla( var(--accent-1-base), .3 ); --accent-1-35: hsla( var(--accent-1-base), .35 ); --accent-1-40: hsla( var(--accent-1-base), .4 ); --accent-1-45: hsla( var(--accent-1-base), .45 ); --accent-1-50: hsla( var(--accent-1-base), .5 ); --accent-1-55: hsla( var(--accent-1-base), .55 ); --accent-1-60: hsla( var(--accent-1-base), .6 ); --accent-1-65: hsla( var(--accent-1-base), .65 ); --accent-1-70: hsla( var(--accent-1-base), .7 ); --accent-1-75: hsla( var(--accent-1-base), .75 ); --accent-1-80: hsla( var(--accent-1-base), .8 ); --accent-1-85: hsla( var(--accent-1-base), .85 ); --accent-1-90: hsla( var(--accent-1-base), .9 ); --accent-1-95: hsla( var(--accent-1-base), .95 ); --accent-2-base: 174, 60%, 20%; --accent-2: hsla(var(--accent-2-base), 1); --accent-2-5: hsla( var(--accent-2-base), .05 ); --accent-2-10: hsla( var(--accent-2-base), .1 ); --accent-2-15: hsla( var(--accent-2-base), .15 ); --accent-2-20: hsla( var(--accent-2-base), .2 ); --accent-2-25: hsla( var(--accent-2-base), .25 ); --accent-2-30: hsla( var(--accent-2-base), .3 ); --accent-2-35: hsla( var(--accent-2-base), .35 ); --accent-2-40: hsla( var(--accent-2-base), .4 ); --accent-2-45: hsla( var(--accent-2-base), .45 ); --accent-2-50: hsla( var(--accent-2-base), .5 ); --accent-2-55: hsla( var(--accent-2-base), .55 ); --accent-2-60: hsla( var(--accent-2-base), .6 ); --accent-2-65: hsla( var(--accent-2-base), .65 ); --accent-2-70: hsla( var(--accent-2-base), .7 ); --accent-2-75: hsla( var(--accent-2-base), .75 ); --accent-2-80: hsla( var(--accent-2-base), .8 ); --accent-2-85: hsla( var(--accent-2-base), .85 ); --accent-2-90: hsla( var(--accent-2-base), .9 ); --accent-2-95: hsla( var(--accent-2-base), .95 ); --accent-2-dark-base: 168, 95%, 16%; --accent-2-dark: hsla(var(--accent-2-dark-base), 1); --accent-2-dark-5: hsla( var(--accent-2-dark-base), .05 ); --accent-2-dark-10: hsla( var(--accent-2-dark-base), .1 ); --accent-2-dark-15: hsla( var(--accent-2-dark-base), .15 ); --accent-2-dark-20: hsla( var(--accent-2-dark-base), .2 ); --accent-2-dark-25: hsla( var(--accent-2-dark-base), .25 ); --accent-2-dark-30: hsla( var(--accent-2-dark-base), .3 ); --accent-2-dark-35: hsla( var(--accent-2-dark-base), .35 ); --accent-2-dark-40: hsla( var(--accent-2-dark-base), .4 ); --accent-2-dark-45: hsla( var(--accent-2-dark-base), .45 ); --accent-2-dark-50: hsla( var(--accent-2-dark-base), .5 ); --accent-2-dark-55: hsla( var(--accent-2-dark-base), .55 ); --accent-2-dark-60: hsla( var(--accent-2-dark-base), .6 ); --accent-2-dark-65: hsla( var(--accent-2-dark-base), .65 ); --accent-2-dark-70: hsla( var(--accent-2-dark-base), .7 ); --accent-2-dark-75: hsla( var(--accent-2-dark-base), .75 ); --accent-2-dark-80: hsla( var(--accent-2-dark-base), .8 ); --accent-2-dark-85: hsla( var(--accent-2-dark-base), .85 ); --accent-2-dark-90: hsla( var(--accent-2-dark-base), .9 ); --accent-2-dark-95: hsla( var(--accent-2-dark-base), .95 ); --background-base: 165, 20%, 4%; --background: hsla(var(--background-base), 1); --background-5: hsla( var(--background-base), .05 ); --background-10: hsla( var(--background-base), .1 ); --background-15: hsla( var(--background-base), .15 ); --background-20: hsla( var(--background-base), .2 ); --background-25: hsla( var(--background-base), .25 ); --background-30: hsla( var(--background-base), .3 ); --background-35: hsla( var(--background-base), .35 ); --background-40: hsla( var(--background-base), .4 ); --background-45: hsla( var(--background-base), .45 ); --background-50: hsla( var(--background-base), .5 ); --background-55: hsla( var(--background-base), .55 ); --background-60: hsla( var(--background-base), .6 ); --background-65: hsla( var(--background-base), .65 ); --background-70: hsla( var(--background-base), .7 ); --background-75: hsla( var(--background-base), .75 ); --background-80: hsla( var(--background-base), .8 ); --background-85: hsla( var(--background-base), .85 ); --background-90: hsla( var(--background-base), .9 ); --background-95: hsla( var(--background-base), .95 ); --background-dark-base: 167, 100%, 11%; --background-dark: hsla(var(--background-dark-base), 1); --background-dark-5: hsla( var(--background-dark-base), .05 ); --background-dark-10: hsla( var(--background-dark-base), .1 ); --background-dark-15: hsla( var(--background-dark-base), .15 ); --background-dark-20: hsla( var(--background-dark-base), .2 ); --background-dark-25: hsla( var(--background-dark-base), .25 ); --background-dark-30: hsla( var(--background-dark-base), .3 ); --background-dark-35: hsla( var(--background-dark-base), .35 ); --background-dark-40: hsla( var(--background-dark-base), .4 ); --background-dark-45: hsla( var(--background-dark-base), .45 ); --background-dark-50: hsla( var(--background-dark-base), .5 ); --background-dark-55: hsla( var(--background-dark-base), .55 ); --background-dark-60: hsla( var(--background-dark-base), .6 ); --background-dark-65: hsla( var(--background-dark-base), .65 ); --background-dark-70: hsla( var(--background-dark-base), .7 ); --background-dark-75: hsla( var(--background-dark-base), .75 ); --background-dark-80: hsla( var(--background-dark-base), .8 ); --background-dark-85: hsla( var(--background-dark-base), .85 ); --background-dark-90: hsla( var(--background-dark-base), .9 ); --background-dark-95: hsla( var(--background-dark-base), .95 ); --background-secondary-base: 0, 0%, 96%; --background-secondary: hsla(var(--background-secondary-base), 1); --background-secondary-5: hsla( var(--background-secondary-base), .05 ); --background-secondary-10: hsla( var(--background-secondary-base), .1 ); --background-secondary-15: hsla( var(--background-secondary-base), .15 ); --background-secondary-20: hsla( var(--background-secondary-base), .2 ); --background-secondary-25: hsla( var(--background-secondary-base), .25 ); --background-secondary-30: hsla( var(--background-secondary-base), .3 ); --background-secondary-35: hsla( var(--background-secondary-base), .35 ); --background-secondary-40: hsla( var(--background-secondary-base), .4 ); --background-secondary-45: hsla( var(--background-secondary-base), .45 ); --background-secondary-50: hsla( var(--background-secondary-base), .5 ); --background-secondary-55: hsla( var(--background-secondary-base), .55 ); --background-secondary-60: hsla( var(--background-secondary-base), .6 ); --background-secondary-65: hsla( var(--background-secondary-base), .65 ); --background-secondary-70: hsla( var(--background-secondary-base), .7 ); --background-secondary-75: hsla( var(--background-secondary-base), .75 ); --background-secondary-80: hsla( var(--background-secondary-base), .8 ); --background-secondary-85: hsla( var(--background-secondary-base), .85 ); --background-secondary-90: hsla( var(--background-secondary-base), .9 ); --background-secondary-95: hsla( var(--background-secondary-base), .95 ); --font-color-base: 0, 0%, 96%; --font-color-primary: hsla(var(--font-color-base), 1); --font-color-primary-5: hsla( var(--font-color-base), .05 ); --font-color-primary-10: hsla( var(--font-color-base), .1 ); --font-color-primary-15: hsla( var(--font-color-base), .15 ); --font-color-primary-20: hsla( var(--font-color-base), .2 ); --font-color-primary-25: hsla( var(--font-color-base), .25 ); --font-color-primary-30: hsla( var(--font-color-base), .3 ); --font-color-primary-35: hsla( var(--font-color-base), .35 ); --font-color-primary-40: hsla( var(--font-color-base), .4 ); --font-color-primary-45: hsla( var(--font-color-base), .45 ); --font-color-primary-50: hsla( var(--font-color-base), .5 ); --font-color-primary-55: hsla( var(--font-color-base), .55 ); --font-color-primary-60: hsla( var(--font-color-base), .6 ); --font-color-primary-65: hsla( var(--font-color-base), .65 ); --font-color-primary-70: hsla( var(--font-color-base), .7 ); --font-color-primary-75: hsla( var(--font-color-base), .75 ); --font-color-primary-80: hsla( var(--font-color-base), .8 ); --font-color-primary-85: hsla( var(--font-color-base), .85 ); --font-color-primary-90: hsla( var(--font-color-base), .9 ); --font-color-primary-95: hsla( var(--font-color-base), .95 ); --font-color-secondary-base: 165, 20%, 4%; --font-color-secondary: hsla(var(--font-color-secondary-base), 1); --font-color-secondary-5: hsla( var(--font-color-secondary-base), .05 ); --font-color-secondary-10: hsla( var(--font-color-secondary-base), .1 ); --font-color-secondary-15: hsla( var(--font-color-secondary-base), .15 ); --font-color-secondary-20: hsla( var(--font-color-secondary-base), .2 ); --font-color-secondary-25: hsla( var(--font-color-secondary-base), .25 ); --font-color-secondary-30: hsla( var(--font-color-secondary-base), .3 ); --font-color-secondary-35: hsla( var(--font-color-secondary-base), .35 ); --font-color-secondary-40: hsla( var(--font-color-secondary-base), .4 ); --font-color-secondary-45: hsla( var(--font-color-secondary-base), .45 ); --font-color-secondary-50: hsla( var(--font-color-secondary-base), .5 ); --font-color-secondary-55: hsla( var(--font-color-secondary-base), .55 ); --font-color-secondary-60: hsla( var(--font-color-secondary-base), .6 ); --font-color-secondary-65: hsla( var(--font-color-secondary-base), .65 ); --font-color-secondary-70: hsla( var(--font-color-secondary-base), .7 ); --font-color-secondary-75: hsla( var(--font-color-secondary-base), .75 ); --font-color-secondary-80: hsla( var(--font-color-secondary-base), .8 ); --font-color-secondary-85: hsla( var(--font-color-secondary-base), .85 ); --font-color-secondary-90: hsla( var(--font-color-secondary-base), .9 ); --font-color-secondary-95: hsla( var(--font-color-secondary-base), .95 ); --font-color-light-base: var(--font-color-base); --font-color-light: hsla(var(--font-color-light-base), 1); --font-color-light-5: hsla( var(--font-color-light-base), .05 ); --font-color-light-10: hsla( var(--font-color-light-base), .1 ); --font-color-light-15: hsla( var(--font-color-light-base), .15 ); --font-color-light-20: hsla( var(--font-color-light-base), .2 ); --font-color-light-25: hsla( var(--font-color-light-base), .25 ); --font-color-light-30: hsla( var(--font-color-light-base), .3 ); --font-color-light-35: hsla( var(--font-color-light-base), .35 ); --font-color-light-40: hsla( var(--font-color-light-base), .4 ); --font-color-light-45: hsla( var(--font-color-light-base), .45 ); --font-color-light-50: hsla( var(--font-color-light-base), .5 ); --font-color-light-55: hsla( var(--font-color-light-base), .55 ); --font-color-light-60: hsla( var(--font-color-light-base), .6 ); --font-color-light-65: hsla( var(--font-color-light-base), .65 ); --font-color-light-70: hsla( var(--font-color-light-base), .7 ); --font-color-light-75: hsla( var(--font-color-light-base), .75 ); --font-color-light-80: hsla( var(--font-color-light-base), .8 ); --font-color-light-85: hsla( var(--font-color-light-base), .85 ); --font-color-light-90: hsla( var(--font-color-light-base), .9 ); --font-color-light-95: hsla( var(--font-color-light-base), .95 ); --font-color-dark-base: var(--font-color-secondary-base); --font-color-dark: hsla(var(--font-color-dark-base), 1); --font-color-dark-5: hsla( var(--font-color-dark-base), .05 ); --font-color-dark-10: hsla( var(--font-color-dark-base), .1 ); --font-color-dark-15: hsla( var(--font-color-dark-base), .15 ); --font-color-dark-20: hsla( var(--font-color-dark-base), .2 ); --font-color-dark-25: hsla( var(--font-color-dark-base), .25 ); --font-color-dark-30: hsla( var(--font-color-dark-base), .3 ); --font-color-dark-35: hsla( var(--font-color-dark-base), .35 ); --font-color-dark-40: hsla( var(--font-color-dark-base), .4 ); --font-color-dark-45: hsla( var(--font-color-dark-base), .45 ); --font-color-dark-50: hsla( var(--font-color-dark-base), .5 ); --font-color-dark-55: hsla( var(--font-color-dark-base), .55 ); --font-color-dark-60: hsla( var(--font-color-dark-base), .6 ); --font-color-dark-65: hsla( var(--font-color-dark-base), .65 ); --font-color-dark-70: hsla( var(--font-color-dark-base), .7 ); --font-color-dark-75: hsla( var(--font-color-dark-base), .75 ); --font-color-dark-80: hsla( var(--font-color-dark-base), .8 ); --font-color-dark-85: hsla( var(--font-color-dark-base), .85 ); --font-color-dark-90: hsla( var(--font-color-dark-base), .9 ); --font-color-dark-95: hsla( var(--font-color-dark-base), .95 ); --font-color-button: var(--font-color-primary); --font-color-button-secondary: var(--font-color-secondary); --token-badge-bg: var(--font-color-primary); --token-badge-bg-gradient: linear-gradient( 90deg, var(--accent-2) 0%, var(--accent-1) 100% ); --token-badge-c-text: var(--font-color-secondary); --token-badge-c-text-gradient: var(--font-color-primary); } .winter { --accent-1-base: 202, 57%, 42%; --accent-1: hsla(var(--accent-1-base), 1); --accent-1-5: hsla( var(--accent-1-base), .05 ); --accent-1-10: hsla( var(--accent-1-base), .1 ); --accent-1-15: hsla( var(--accent-1-base), .15 ); --accent-1-20: hsla( var(--accent-1-base), .2 ); --accent-1-25: hsla( var(--accent-1-base), .25 ); --accent-1-30: hsla( var(--accent-1-base), .3 ); --accent-1-35: hsla( var(--accent-1-base), .35 ); --accent-1-40: hsla( var(--accent-1-base), .4 ); --accent-1-45: hsla( var(--accent-1-base), .45 ); --accent-1-50: hsla( var(--accent-1-base), .5 ); --accent-1-55: hsla( var(--accent-1-base), .55 ); --accent-1-60: hsla( var(--accent-1-base), .6 ); --accent-1-65: hsla( var(--accent-1-base), .65 ); --accent-1-70: hsla( var(--accent-1-base), .7 ); --accent-1-75: hsla( var(--accent-1-base), .75 ); --accent-1-80: hsla( var(--accent-1-base), .8 ); --accent-1-85: hsla( var(--accent-1-base), .85 ); --accent-1-90: hsla( var(--accent-1-base), .9 ); --accent-1-95: hsla( var(--accent-1-base), .95 ); --accent-2-base: 201, 62%, 33%; --accent-2: hsla(var(--accent-2-base), 1); --accent-2-5: hsla( var(--accent-2-base), .05 ); --accent-2-10: hsla( var(--accent-2-base), .1 ); --accent-2-15: hsla( var(--accent-2-base), .15 ); --accent-2-20: hsla( var(--accent-2-base), .2 ); --accent-2-25: hsla( var(--accent-2-base), .25 ); --accent-2-30: hsla( var(--accent-2-base), .3 ); --accent-2-35: hsla( var(--accent-2-base), .35 ); --accent-2-40: hsla( var(--accent-2-base), .4 ); --accent-2-45: hsla( var(--accent-2-base), .45 ); --accent-2-50: hsla( var(--accent-2-base), .5 ); --accent-2-55: hsla( var(--accent-2-base), .55 ); --accent-2-60: hsla( var(--accent-2-base), .6 ); --accent-2-65: hsla( var(--accent-2-base), .65 ); --accent-2-70: hsla( var(--accent-2-base), .7 ); --accent-2-75: hsla( var(--accent-2-base), .75 ); --accent-2-80: hsla( var(--accent-2-base), .8 ); --accent-2-85: hsla( var(--accent-2-base), .85 ); --accent-2-90: hsla( var(--accent-2-base), .9 ); --accent-2-95: hsla( var(--accent-2-base), .95 ); --accent-2-dark-base: 202, 57%, 22%; --accent-2-dark: hsla(var(--accent-2-dark-base), 1); --accent-2-dark-5: hsla( var(--accent-2-dark-base), .05 ); --accent-2-dark-10: hsla( var(--accent-2-dark-base), .1 ); --accent-2-dark-15: hsla( var(--accent-2-dark-base), .15 ); --accent-2-dark-20: hsla( var(--accent-2-dark-base), .2 ); --accent-2-dark-25: hsla( var(--accent-2-dark-base), .25 ); --accent-2-dark-30: hsla( var(--accent-2-dark-base), .3 ); --accent-2-dark-35: hsla( var(--accent-2-dark-base), .35 ); --accent-2-dark-40: hsla( var(--accent-2-dark-base), .4 ); --accent-2-dark-45: hsla( var(--accent-2-dark-base), .45 ); --accent-2-dark-50: hsla( var(--accent-2-dark-base), .5 ); --accent-2-dark-55: hsla( var(--accent-2-dark-base), .55 ); --accent-2-dark-60: hsla( var(--accent-2-dark-base), .6 ); --accent-2-dark-65: hsla( var(--accent-2-dark-base), .65 ); --accent-2-dark-70: hsla( var(--accent-2-dark-base), .7 ); --accent-2-dark-75: hsla( var(--accent-2-dark-base), .75 ); --accent-2-dark-80: hsla( var(--accent-2-dark-base), .8 ); --accent-2-dark-85: hsla( var(--accent-2-dark-base), .85 ); --accent-2-dark-90: hsla( var(--accent-2-dark-base), .9 ); --accent-2-dark-95: hsla( var(--accent-2-dark-base), .95 ); --background-base: 0, 0%, 100%; --background: hsla(var(--background-base), 1); --background-5: hsla( var(--background-base), .05 ); --background-10: hsla( var(--background-base), .1 ); --background-15: hsla( var(--background-base), .15 ); --background-20: hsla( var(--background-base), .2 ); --background-25: hsla( var(--background-base), .25 ); --background-30: hsla( var(--background-base), .3 ); --background-35: hsla( var(--background-base), .35 ); --background-40: hsla( var(--background-base), .4 ); --background-45: hsla( var(--background-base), .45 ); --background-50: hsla( var(--background-base), .5 ); --background-55: hsla( var(--background-base), .55 ); --background-60: hsla( var(--background-base), .6 ); --background-65: hsla( var(--background-base), .65 ); --background-70: hsla( var(--background-base), .7 ); --background-75: hsla( var(--background-base), .75 ); --background-80: hsla( var(--background-base), .8 ); --background-85: hsla( var(--background-base), .85 ); --background-90: hsla( var(--background-base), .9 ); --background-95: hsla( var(--background-base), .95 ); --background-dark-base: 208, 38%, 21%; --background-dark: hsla(var(--background-dark-base), 1); --background-dark-5: hsla( var(--background-dark-base), .05 ); --background-dark-10: hsla( var(--background-dark-base), .1 ); --background-dark-15: hsla( var(--background-dark-base), .15 ); --background-dark-20: hsla( var(--background-dark-base), .2 ); --background-dark-25: hsla( var(--background-dark-base), .25 ); --background-dark-30: hsla( var(--background-dark-base), .3 ); --background-dark-35: hsla( var(--background-dark-base), .35 ); --background-dark-40: hsla( var(--background-dark-base), .4 ); --background-dark-45: hsla( var(--background-dark-base), .45 ); --background-dark-50: hsla( var(--background-dark-base), .5 ); --background-dark-55: hsla( var(--background-dark-base), .55 ); --background-dark-60: hsla( var(--background-dark-base), .6 ); --background-dark-65: hsla( var(--background-dark-base), .65 ); --background-dark-70: hsla( var(--background-dark-base), .7 ); --background-dark-75: hsla( var(--background-dark-base), .75 ); --background-dark-80: hsla( var(--background-dark-base), .8 ); --background-dark-85: hsla( var(--background-dark-base), .85 ); --background-dark-90: hsla( var(--background-dark-base), .9 ); --background-dark-95: hsla( var(--background-dark-base), .95 ); --background-secondary-base: 0, 0%, 96%; --background-secondary: hsla(var(--background-secondary-base), 1); --background-secondary-5: hsla( var(--background-secondary-base), .05 ); --background-secondary-10: hsla( var(--background-secondary-base), .1 ); --background-secondary-15: hsla( var(--background-secondary-base), .15 ); --background-secondary-20: hsla( var(--background-secondary-base), .2 ); --background-secondary-25: hsla( var(--background-secondary-base), .25 ); --background-secondary-30: hsla( var(--background-secondary-base), .3 ); --background-secondary-35: hsla( var(--background-secondary-base), .35 ); --background-secondary-40: hsla( var(--background-secondary-base), .4 ); --background-secondary-45: hsla( var(--background-secondary-base), .45 ); --background-secondary-50: hsla( var(--background-secondary-base), .5 ); --background-secondary-55: hsla( var(--background-secondary-base), .55 ); --background-secondary-60: hsla( var(--background-secondary-base), .6 ); --background-secondary-65: hsla( var(--background-secondary-base), .65 ); --background-secondary-70: hsla( var(--background-secondary-base), .7 ); --background-secondary-75: hsla( var(--background-secondary-base), .75 ); --background-secondary-80: hsla( var(--background-secondary-base), .8 ); --background-secondary-85: hsla( var(--background-secondary-base), .85 ); --background-secondary-90: hsla( var(--background-secondary-base), .9 ); --background-secondary-95: hsla( var(--background-secondary-base), .95 ); --font-color-base: 201, 47%, 6%; --font-color-primary: hsla(var(--font-color-base), 1); --font-color-primary-5: hsla( var(--font-color-base), .05 ); --font-color-primary-10: hsla( var(--font-color-base), .1 ); --font-color-primary-15: hsla( var(--font-color-base), .15 ); --font-color-primary-20: hsla( var(--font-color-base), .2 ); --font-color-primary-25: hsla( var(--font-color-base), .25 ); --font-color-primary-30: hsla( var(--font-color-base), .3 ); --font-color-primary-35: hsla( var(--font-color-base), .35 ); --font-color-primary-40: hsla( var(--font-color-base), .4 ); --font-color-primary-45: hsla( var(--font-color-base), .45 ); --font-color-primary-50: hsla( var(--font-color-base), .5 ); --font-color-primary-55: hsla( var(--font-color-base), .55 ); --font-color-primary-60: hsla( var(--font-color-base), .6 ); --font-color-primary-65: hsla( var(--font-color-base), .65 ); --font-color-primary-70: hsla( var(--font-color-base), .7 ); --font-color-primary-75: hsla( var(--font-color-base), .75 ); --font-color-primary-80: hsla( var(--font-color-base), .8 ); --font-color-primary-85: hsla( var(--font-color-base), .85 ); --font-color-primary-90: hsla( var(--font-color-base), .9 ); --font-color-primary-95: hsla( var(--font-color-base), .95 ); --font-color-secondary-base: 0, 0%, 96%; --font-color-secondary: hsla(var(--font-color-secondary-base), 1); --font-color-secondary-5: hsla( var(--font-color-secondary-base), .05 ); --font-color-secondary-10: hsla( var(--font-color-secondary-base), .1 ); --font-color-secondary-15: hsla( var(--font-color-secondary-base), .15 ); --font-color-secondary-20: hsla( var(--font-color-secondary-base), .2 ); --font-color-secondary-25: hsla( var(--font-color-secondary-base), .25 ); --font-color-secondary-30: hsla( var(--font-color-secondary-base), .3 ); --font-color-secondary-35: hsla( var(--font-color-secondary-base), .35 ); --font-color-secondary-40: hsla( var(--font-color-secondary-base), .4 ); --font-color-secondary-45: hsla( var(--font-color-secondary-base), .45 ); --font-color-secondary-50: hsla( var(--font-color-secondary-base), .5 ); --font-color-secondary-55: hsla( var(--font-color-secondary-base), .55 ); --font-color-secondary-60: hsla( var(--font-color-secondary-base), .6 ); --font-color-secondary-65: hsla( var(--font-color-secondary-base), .65 ); --font-color-secondary-70: hsla( var(--font-color-secondary-base), .7 ); --font-color-secondary-75: hsla( var(--font-color-secondary-base), .75 ); --font-color-secondary-80: hsla( var(--font-color-secondary-base), .8 ); --font-color-secondary-85: hsla( var(--font-color-secondary-base), .85 ); --font-color-secondary-90: hsla( var(--font-color-secondary-base), .9 ); --font-color-secondary-95: hsla( var(--font-color-secondary-base), .95 ); --font-color-light-base: var(--font-color-secondary-base); --font-color-light: hsla(var(--font-color-light-base), 1); --font-color-light-5: hsla( var(--font-color-light-base), .05 ); --font-color-light-10: hsla( var(--font-color-light-base), .1 ); --font-color-light-15: hsla( var(--font-color-light-base), .15 ); --font-color-light-20: hsla( var(--font-color-light-base), .2 ); --font-color-light-25: hsla( var(--font-color-light-base), .25 ); --font-color-light-30: hsla( var(--font-color-light-base), .3 ); --font-color-light-35: hsla( var(--font-color-light-base), .35 ); --font-color-light-40: hsla( var(--font-color-light-base), .4 ); --font-color-light-45: hsla( var(--font-color-light-base), .45 ); --font-color-light-50: hsla( var(--font-color-light-base), .5 ); --font-color-light-55: hsla( var(--font-color-light-base), .55 ); --font-color-light-60: hsla( var(--font-color-light-base), .6 ); --font-color-light-65: hsla( var(--font-color-light-base), .65 ); --font-color-light-70: hsla( var(--font-color-light-base), .7 ); --font-color-light-75: hsla( var(--font-color-light-base), .75 ); --font-color-light-80: hsla( var(--font-color-light-base), .8 ); --font-color-light-85: hsla( var(--font-color-light-base), .85 ); --font-color-light-90: hsla( var(--font-color-light-base), .9 ); --font-color-light-95: hsla( var(--font-color-light-base), .95 ); --font-color-dark-base: var(--font-color-base); --font-color-dark: hsla(var(--font-color-dark-base), 1); --font-color-dark-5: hsla( var(--font-color-dark-base), .05 ); --font-color-dark-10: hsla( var(--font-color-dark-base), .1 ); --font-color-dark-15: hsla( var(--font-color-dark-base), .15 ); --font-color-dark-20: hsla( var(--font-color-dark-base), .2 ); --font-color-dark-25: hsla( var(--font-color-dark-base), .25 ); --font-color-dark-30: hsla( var(--font-color-dark-base), .3 ); --font-color-dark-35: hsla( var(--font-color-dark-base), .35 ); --font-color-dark-40: hsla( var(--font-color-dark-base), .4 ); --font-color-dark-45: hsla( var(--font-color-dark-base), .45 ); --font-color-dark-50: hsla( var(--font-color-dark-base), .5 ); --font-color-dark-55: hsla( var(--font-color-dark-base), .55 ); --font-color-dark-60: hsla( var(--font-color-dark-base), .6 ); --font-color-dark-65: hsla( var(--font-color-dark-base), .65 ); --font-color-dark-70: hsla( var(--font-color-dark-base), .7 ); --font-color-dark-75: hsla( var(--font-color-dark-base), .75 ); --font-color-dark-80: hsla( var(--font-color-dark-base), .8 ); --font-color-dark-85: hsla( var(--font-color-dark-base), .85 ); --font-color-dark-90: hsla( var(--font-color-dark-base), .9 ); --font-color-dark-95: hsla( var(--font-color-dark-base), .95 ); --font-color-button: var(--font-color-light); --font-color-button-secondary: var(--font-color-primary); --icons-inverted: true; --token-badge-bg: var(--font-color-primary); --token-badge-bg-gradient: linear-gradient( 90deg, var(--accent-2) 0%, var(--accent-1) 100% ); --token-badge-c-text: var(--font-color-secondary); --token-badge-c-text-gradient: var(--font-color-secondary); } .thailand { --accent-1-base: 33, 100%, 46%; --accent-1: hsla(var(--accent-1-base), 1); --accent-1-5: hsla( var(--accent-1-base), .05 ); --accent-1-10: hsla( var(--accent-1-base), .1 ); --accent-1-15: hsla( var(--accent-1-base), .15 ); --accent-1-20: hsla( var(--accent-1-base), .2 ); --accent-1-25: hsla( var(--accent-1-base), .25 ); --accent-1-30: hsla( var(--accent-1-base), .3 ); --accent-1-35: hsla( var(--accent-1-base), .35 ); --accent-1-40: hsla( var(--accent-1-base), .4 ); --accent-1-45: hsla( var(--accent-1-base), .45 ); --accent-1-50: hsla( var(--accent-1-base), .5 ); --accent-1-55: hsla( var(--accent-1-base), .55 ); --accent-1-60: hsla( var(--accent-1-base), .6 ); --accent-1-65: hsla( var(--accent-1-base), .65 ); --accent-1-70: hsla( var(--accent-1-base), .7 ); --accent-1-75: hsla( var(--accent-1-base), .75 ); --accent-1-80: hsla( var(--accent-1-base), .8 ); --accent-1-85: hsla( var(--accent-1-base), .85 ); --accent-1-90: hsla( var(--accent-1-base), .9 ); --accent-1-95: hsla( var(--accent-1-base), .95 ); --accent-2-base: 25, 100%, 27%; --accent-2: hsla(var(--accent-2-base), 1); --accent-2-5: hsla( var(--accent-2-base), .05 ); --accent-2-10: hsla( var(--accent-2-base), .1 ); --accent-2-15: hsla( var(--accent-2-base), .15 ); --accent-2-20: hsla( var(--accent-2-base), .2 ); --accent-2-25: hsla( var(--accent-2-base), .25 ); --accent-2-30: hsla( var(--accent-2-base), .3 ); --accent-2-35: hsla( var(--accent-2-base), .35 ); --accent-2-40: hsla( var(--accent-2-base), .4 ); --accent-2-45: hsla( var(--accent-2-base), .45 ); --accent-2-50: hsla( var(--accent-2-base), .5 ); --accent-2-55: hsla( var(--accent-2-base), .55 ); --accent-2-60: hsla( var(--accent-2-base), .6 ); --accent-2-65: hsla( var(--accent-2-base), .65 ); --accent-2-70: hsla( var(--accent-2-base), .7 ); --accent-2-75: hsla( var(--accent-2-base), .75 ); --accent-2-80: hsla( var(--accent-2-base), .8 ); --accent-2-85: hsla( var(--accent-2-base), .85 ); --accent-2-90: hsla( var(--accent-2-base), .9 ); --accent-2-95: hsla( var(--accent-2-base), .95 ); --accent-2-dark-base: 25, 97%, 15%; --accent-2-dark: hsla(var(--accent-2-dark-base), 1); --accent-2-dark-5: hsla( var(--accent-2-dark-base), .05 ); --accent-2-dark-10: hsla( var(--accent-2-dark-base), .1 ); --accent-2-dark-15: hsla( var(--accent-2-dark-base), .15 ); --accent-2-dark-20: hsla( var(--accent-2-dark-base), .2 ); --accent-2-dark-25: hsla( var(--accent-2-dark-base), .25 ); --accent-2-dark-30: hsla( var(--accent-2-dark-base), .3 ); --accent-2-dark-35: hsla( var(--accent-2-dark-base), .35 ); --accent-2-dark-40: hsla( var(--accent-2-dark-base), .4 ); --accent-2-dark-45: hsla( var(--accent-2-dark-base), .45 ); --accent-2-dark-50: hsla( var(--accent-2-dark-base), .5 ); --accent-2-dark-55: hsla( var(--accent-2-dark-base), .55 ); --accent-2-dark-60: hsla( var(--accent-2-dark-base), .6 ); --accent-2-dark-65: hsla( var(--accent-2-dark-base), .65 ); --accent-2-dark-70: hsla( var(--accent-2-dark-base), .7 ); --accent-2-dark-75: hsla( var(--accent-2-dark-base), .75 ); --accent-2-dark-80: hsla( var(--accent-2-dark-base), .8 ); --accent-2-dark-85: hsla( var(--accent-2-dark-base), .85 ); --accent-2-dark-90: hsla( var(--accent-2-dark-base), .9 ); --accent-2-dark-95: hsla( var(--accent-2-dark-base), .95 ); --background-base: 334, 26%, 5%; --background: hsla(var(--background-base), 1); --background-5: hsla( var(--background-base), .05 ); --background-10: hsla( var(--background-base), .1 ); --background-15: hsla( var(--background-base), .15 ); --background-20: hsla( var(--background-base), .2 ); --background-25: hsla( var(--background-base), .25 ); --background-30: hsla( var(--background-base), .3 ); --background-35: hsla( var(--background-base), .35 ); --background-40: hsla( var(--background-base), .4 ); --background-45: hsla( var(--background-base), .45 ); --background-50: hsla( var(--background-base), .5 ); --background-55: hsla( var(--background-base), .55 ); --background-60: hsla( var(--background-base), .6 ); --background-65: hsla( var(--background-base), .65 ); --background-70: hsla( var(--background-base), .7 ); --background-75: hsla( var(--background-base), .75 ); --background-80: hsla( var(--background-base), .8 ); --background-85: hsla( var(--background-base), .85 ); --background-90: hsla( var(--background-base), .9 ); --background-95: hsla( var(--background-base), .95 ); --background-dark-base: 25, 100%, 9%; --background-dark: hsla(var(--background-dark-base), 1); --background-dark-5: hsla( var(--background-dark-base), .05 ); --background-dark-10: hsla( var(--background-dark-base), .1 ); --background-dark-15: hsla( var(--background-dark-base), .15 ); --background-dark-20: hsla( var(--background-dark-base), .2 ); --background-dark-25: hsla( var(--background-dark-base), .25 ); --background-dark-30: hsla( var(--background-dark-base), .3 ); --background-dark-35: hsla( var(--background-dark-base), .35 ); --background-dark-40: hsla( var(--background-dark-base), .4 ); --background-dark-45: hsla( var(--background-dark-base), .45 ); --background-dark-50: hsla( var(--background-dark-base), .5 ); --background-dark-55: hsla( var(--background-dark-base), .55 ); --background-dark-60: hsla( var(--background-dark-base), .6 ); --background-dark-65: hsla( var(--background-dark-base), .65 ); --background-dark-70: hsla( var(--background-dark-base), .7 ); --background-dark-75: hsla( var(--background-dark-base), .75 ); --background-dark-80: hsla( var(--background-dark-base), .8 ); --background-dark-85: hsla( var(--background-dark-base), .85 ); --background-dark-90: hsla( var(--background-dark-base), .9 ); --background-dark-95: hsla( var(--background-dark-base), .95 ); --background-secondary-base: 0, 0%, 96%; --background-secondary: hsla(var(--background-secondary-base), 1); --background-secondary-5: hsla( var(--background-secondary-base), .05 ); --background-secondary-10: hsla( var(--background-secondary-base), .1 ); --background-secondary-15: hsla( var(--background-secondary-base), .15 ); --background-secondary-20: hsla( var(--background-secondary-base), .2 ); --background-secondary-25: hsla( var(--background-secondary-base), .25 ); --background-secondary-30: hsla( var(--background-secondary-base), .3 ); --background-secondary-35: hsla( var(--background-secondary-base), .35 ); --background-secondary-40: hsla( var(--background-secondary-base), .4 ); --background-secondary-45: hsla( var(--background-secondary-base), .45 ); --background-secondary-50: hsla( var(--background-secondary-base), .5 ); --background-secondary-55: hsla( var(--background-secondary-base), .55 ); --background-secondary-60: hsla( var(--background-secondary-base), .6 ); --background-secondary-65: hsla( var(--background-secondary-base), .65 ); --background-secondary-70: hsla( var(--background-secondary-base), .7 ); --background-secondary-75: hsla( var(--background-secondary-base), .75 ); --background-secondary-80: hsla( var(--background-secondary-base), .8 ); --background-secondary-85: hsla( var(--background-secondary-base), .85 ); --background-secondary-90: hsla( var(--background-secondary-base), .9 ); --background-secondary-95: hsla( var(--background-secondary-base), .95 ); --font-color-base: 0, 0%, 96%; --font-color-primary: hsla(var(--font-color-base), 1); --font-color-primary-5: hsla( var(--font-color-base), .05 ); --font-color-primary-10: hsla( var(--font-color-base), .1 ); --font-color-primary-15: hsla( var(--font-color-base), .15 ); --font-color-primary-20: hsla( var(--font-color-base), .2 ); --font-color-primary-25: hsla( var(--font-color-base), .25 ); --font-color-primary-30: hsla( var(--font-color-base), .3 ); --font-color-primary-35: hsla( var(--font-color-base), .35 ); --font-color-primary-40: hsla( var(--font-color-base), .4 ); --font-color-primary-45: hsla( var(--font-color-base), .45 ); --font-color-primary-50: hsla( var(--font-color-base), .5 ); --font-color-primary-55: hsla( var(--font-color-base), .55 ); --font-color-primary-60: hsla( var(--font-color-base), .6 ); --font-color-primary-65: hsla( var(--font-color-base), .65 ); --font-color-primary-70: hsla( var(--font-color-base), .7 ); --font-color-primary-75: hsla( var(--font-color-base), .75 ); --font-color-primary-80: hsla( var(--font-color-base), .8 ); --font-color-primary-85: hsla( var(--font-color-base), .85 ); --font-color-primary-90: hsla( var(--font-color-base), .9 ); --font-color-primary-95: hsla( var(--font-color-base), .95 ); --font-color-secondary-base: 334, 26%, 5%; --font-color-secondary: hsla(var(--font-color-secondary-base), 1); --font-color-secondary-5: hsla( var(--font-color-secondary-base), .05 ); --font-color-secondary-10: hsla( var(--font-color-secondary-base), .1 ); --font-color-secondary-15: hsla( var(--font-color-secondary-base), .15 ); --font-color-secondary-20: hsla( var(--font-color-secondary-base), .2 ); --font-color-secondary-25: hsla( var(--font-color-secondary-base), .25 ); --font-color-secondary-30: hsla( var(--font-color-secondary-base), .3 ); --font-color-secondary-35: hsla( var(--font-color-secondary-base), .35 ); --font-color-secondary-40: hsla( var(--font-color-secondary-base), .4 ); --font-color-secondary-45: hsla( var(--font-color-secondary-base), .45 ); --font-color-secondary-50: hsla( var(--font-color-secondary-base), .5 ); --font-color-secondary-55: hsla( var(--font-color-secondary-base), .55 ); --font-color-secondary-60: hsla( var(--font-color-secondary-base), .6 ); --font-color-secondary-65: hsla( var(--font-color-secondary-base), .65 ); --font-color-secondary-70: hsla( var(--font-color-secondary-base), .7 ); --font-color-secondary-75: hsla( var(--font-color-secondary-base), .75 ); --font-color-secondary-80: hsla( var(--font-color-secondary-base), .8 ); --font-color-secondary-85: hsla( var(--font-color-secondary-base), .85 ); --font-color-secondary-90: hsla( var(--font-color-secondary-base), .9 ); --font-color-secondary-95: hsla( var(--font-color-secondary-base), .95 ); --font-color-light-base: var(--font-color-base); --font-color-light: hsla(var(--font-color-light-base), 1); --font-color-light-5: hsla( var(--font-color-light-base), .05 ); --font-color-light-10: hsla( var(--font-color-light-base), .1 ); --font-color-light-15: hsla( var(--font-color-light-base), .15 ); --font-color-light-20: hsla( var(--font-color-light-base), .2 ); --font-color-light-25: hsla( var(--font-color-light-base), .25 ); --font-color-light-30: hsla( var(--font-color-light-base), .3 ); --font-color-light-35: hsla( var(--font-color-light-base), .35 ); --font-color-light-40: hsla( var(--font-color-light-base), .4 ); --font-color-light-45: hsla( var(--font-color-light-base), .45 ); --font-color-light-50: hsla( var(--font-color-light-base), .5 ); --font-color-light-55: hsla( var(--font-color-light-base), .55 ); --font-color-light-60: hsla( var(--font-color-light-base), .6 ); --font-color-light-65: hsla( var(--font-color-light-base), .65 ); --font-color-light-70: hsla( var(--font-color-light-base), .7 ); --font-color-light-75: hsla( var(--font-color-light-base), .75 ); --font-color-light-80: hsla( var(--font-color-light-base), .8 ); --font-color-light-85: hsla( var(--font-color-light-base), .85 ); --font-color-light-90: hsla( var(--font-color-light-base), .9 ); --font-color-light-95: hsla( var(--font-color-light-base), .95 ); --font-color-dark-base: var(--font-color-secondary-base); --font-color-dark: hsla(var(--font-color-dark-base), 1); --font-color-dark-5: hsla( var(--font-color-dark-base), .05 ); --font-color-dark-10: hsla( var(--font-color-dark-base), .1 ); --font-color-dark-15: hsla( var(--font-color-dark-base), .15 ); --font-color-dark-20: hsla( var(--font-color-dark-base), .2 ); --font-color-dark-25: hsla( var(--font-color-dark-base), .25 ); --font-color-dark-30: hsla( var(--font-color-dark-base), .3 ); --font-color-dark-35: hsla( var(--font-color-dark-base), .35 ); --font-color-dark-40: hsla( var(--font-color-dark-base), .4 ); --font-color-dark-45: hsla( var(--font-color-dark-base), .45 ); --font-color-dark-50: hsla( var(--font-color-dark-base), .5 ); --font-color-dark-55: hsla( var(--font-color-dark-base), .55 ); --font-color-dark-60: hsla( var(--font-color-dark-base), .6 ); --font-color-dark-65: hsla( var(--font-color-dark-base), .65 ); --font-color-dark-70: hsla( var(--font-color-dark-base), .7 ); --font-color-dark-75: hsla( var(--font-color-dark-base), .75 ); --font-color-dark-80: hsla( var(--font-color-dark-base), .8 ); --font-color-dark-85: hsla( var(--font-color-dark-base), .85 ); --font-color-dark-90: hsla( var(--font-color-dark-base), .9 ); --font-color-dark-95: hsla( var(--font-color-dark-base), .95 ); --font-color-button: var(--font-color-primary); --font-color-button-secondary: var(--font-color-secondary); --token-badge-bg: var(--font-color-primary); --token-badge-bg-gradient: linear-gradient( 90deg, var(--accent-2) 0%, var(--accent-1) 100% ); --token-badge-c-text: var(--font-color-secondary); --token-badge-c-text-gradient: var(--font-color-primary); } .essence { --accent-1-base: 30, 12%, 40%; --accent-1: hsla(var(--accent-1-base), 1); --accent-1-5: hsla( var(--accent-1-base), .05 ); --accent-1-10: hsla( var(--accent-1-base), .1 ); --accent-1-15: hsla( var(--accent-1-base), .15 ); --accent-1-20: hsla( var(--accent-1-base), .2 ); --accent-1-25: hsla( var(--accent-1-base), .25 ); --accent-1-30: hsla( var(--accent-1-base), .3 ); --accent-1-35: hsla( var(--accent-1-base), .35 ); --accent-1-40: hsla( var(--accent-1-base), .4 ); --accent-1-45: hsla( var(--accent-1-base), .45 ); --accent-1-50: hsla( var(--accent-1-base), .5 ); --accent-1-55: hsla( var(--accent-1-base), .55 ); --accent-1-60: hsla( var(--accent-1-base), .6 ); --accent-1-65: hsla( var(--accent-1-base), .65 ); --accent-1-70: hsla( var(--accent-1-base), .7 ); --accent-1-75: hsla( var(--accent-1-base), .75 ); --accent-1-80: hsla( var(--accent-1-base), .8 ); --accent-1-85: hsla( var(--accent-1-base), .85 ); --accent-1-90: hsla( var(--accent-1-base), .9 ); --accent-1-95: hsla( var(--accent-1-base), .95 ); --accent-2-base: 23, 13%, 19%; --accent-2: hsla(var(--accent-2-base), 1); --accent-2-5: hsla( var(--accent-2-base), .05 ); --accent-2-10: hsla( var(--accent-2-base), .1 ); --accent-2-15: hsla( var(--accent-2-base), .15 ); --accent-2-20: hsla( var(--accent-2-base), .2 ); --accent-2-25: hsla( var(--accent-2-base), .25 ); --accent-2-30: hsla( var(--accent-2-base), .3 ); --accent-2-35: hsla( var(--accent-2-base), .35 ); --accent-2-40: hsla( var(--accent-2-base), .4 ); --accent-2-45: hsla( var(--accent-2-base), .45 ); --accent-2-50: hsla( var(--accent-2-base), .5 ); --accent-2-55: hsla( var(--accent-2-base), .55 ); --accent-2-60: hsla( var(--accent-2-base), .6 ); --accent-2-65: hsla( var(--accent-2-base), .65 ); --accent-2-70: hsla( var(--accent-2-base), .7 ); --accent-2-75: hsla( var(--accent-2-base), .75 ); --accent-2-80: hsla( var(--accent-2-base), .8 ); --accent-2-85: hsla( var(--accent-2-base), .85 ); --accent-2-90: hsla( var(--accent-2-base), .9 ); --accent-2-95: hsla( var(--accent-2-base), .95 ); --accent-2-dark-base: 25, 97%, 15%; --accent-2-dark: hsla(var(--accent-2-dark-base), 1); --accent-2-dark-5: hsla( var(--accent-2-dark-base), .05 ); --accent-2-dark-10: hsla( var(--accent-2-dark-base), .1 ); --accent-2-dark-15: hsla( var(--accent-2-dark-base), .15 ); --accent-2-dark-20: hsla( var(--accent-2-dark-base), .2 ); --accent-2-dark-25: hsla( var(--accent-2-dark-base), .25 ); --accent-2-dark-30: hsla( var(--accent-2-dark-base), .3 ); --accent-2-dark-35: hsla( var(--accent-2-dark-base), .35 ); --accent-2-dark-40: hsla( var(--accent-2-dark-base), .4 ); --accent-2-dark-45: hsla( var(--accent-2-dark-base), .45 ); --accent-2-dark-50: hsla( var(--accent-2-dark-base), .5 ); --accent-2-dark-55: hsla( var(--accent-2-dark-base), .55 ); --accent-2-dark-60: hsla( var(--accent-2-dark-base), .6 ); --accent-2-dark-65: hsla( var(--accent-2-dark-base), .65 ); --accent-2-dark-70: hsla( var(--accent-2-dark-base), .7 ); --accent-2-dark-75: hsla( var(--accent-2-dark-base), .75 ); --accent-2-dark-80: hsla( var(--accent-2-dark-base), .8 ); --accent-2-dark-85: hsla( var(--accent-2-dark-base), .85 ); --accent-2-dark-90: hsla( var(--accent-2-dark-base), .9 ); --accent-2-dark-95: hsla( var(--accent-2-dark-base), .95 ); --background-base: 39, 74%, 94%; --background: hsla(var(--background-base), 1); --background-5: hsla( var(--background-base), .05 ); --background-10: hsla( var(--background-base), .1 ); --background-15: hsla( var(--background-base), .15 ); --background-20: hsla( var(--background-base), .2 ); --background-25: hsla( var(--background-base), .25 ); --background-30: hsla( var(--background-base), .3 ); --background-35: hsla( var(--background-base), .35 ); --background-40: hsla( var(--background-base), .4 ); --background-45: hsla( var(--background-base), .45 ); --background-50: hsla( var(--background-base), .5 ); --background-55: hsla( var(--background-base), .55 ); --background-60: hsla( var(--background-base), .6 ); --background-65: hsla( var(--background-base), .65 ); --background-70: hsla( var(--background-base), .7 ); --background-75: hsla( var(--background-base), .75 ); --background-80: hsla( var(--background-base), .8 ); --background-85: hsla( var(--background-base), .85 ); --background-90: hsla( var(--background-base), .9 ); --background-95: hsla( var(--background-base), .95 ); --background-dark-base: 23, 13%, 19%; --background-dark: hsla(var(--background-dark-base), 1); --background-dark-5: hsla( var(--background-dark-base), .05 ); --background-dark-10: hsla( var(--background-dark-base), .1 ); --background-dark-15: hsla( var(--background-dark-base), .15 ); --background-dark-20: hsla( var(--background-dark-base), .2 ); --background-dark-25: hsla( var(--background-dark-base), .25 ); --background-dark-30: hsla( var(--background-dark-base), .3 ); --background-dark-35: hsla( var(--background-dark-base), .35 ); --background-dark-40: hsla( var(--background-dark-base), .4 ); --background-dark-45: hsla( var(--background-dark-base), .45 ); --background-dark-50: hsla( var(--background-dark-base), .5 ); --background-dark-55: hsla( var(--background-dark-base), .55 ); --background-dark-60: hsla( var(--background-dark-base), .6 ); --background-dark-65: hsla( var(--background-dark-base), .65 ); --background-dark-70: hsla( var(--background-dark-base), .7 ); --background-dark-75: hsla( var(--background-dark-base), .75 ); --background-dark-80: hsla( var(--background-dark-base), .8 ); --background-dark-85: hsla( var(--background-dark-base), .85 ); --background-dark-90: hsla( var(--background-dark-base), .9 ); --background-dark-95: hsla( var(--background-dark-base), .95 ); --background-secondary-base: 30, 40%, 98%; --background-secondary: hsla(var(--background-secondary-base), 1); --background-secondary-5: hsla( var(--background-secondary-base), .05 ); --background-secondary-10: hsla( var(--background-secondary-base), .1 ); --background-secondary-15: hsla( var(--background-secondary-base), .15 ); --background-secondary-20: hsla( var(--background-secondary-base), .2 ); --background-secondary-25: hsla( var(--background-secondary-base), .25 ); --background-secondary-30: hsla( var(--background-secondary-base), .3 ); --background-secondary-35: hsla( var(--background-secondary-base), .35 ); --background-secondary-40: hsla( var(--background-secondary-base), .4 ); --background-secondary-45: hsla( var(--background-secondary-base), .45 ); --background-secondary-50: hsla( var(--background-secondary-base), .5 ); --background-secondary-55: hsla( var(--background-secondary-base), .55 ); --background-secondary-60: hsla( var(--background-secondary-base), .6 ); --background-secondary-65: hsla( var(--background-secondary-base), .65 ); --background-secondary-70: hsla( var(--background-secondary-base), .7 ); --background-secondary-75: hsla( var(--background-secondary-base), .75 ); --background-secondary-80: hsla( var(--background-secondary-base), .8 ); --background-secondary-85: hsla( var(--background-secondary-base), .85 ); --background-secondary-90: hsla( var(--background-secondary-base), .9 ); --background-secondary-95: hsla( var(--background-secondary-base), .95 ); --font-color-base: 201, 47%, 6%; --font-color-primary: hsla(var(--font-color-base), 1); --font-color-primary-5: hsla( var(--font-color-base), .05 ); --font-color-primary-10: hsla( var(--font-color-base), .1 ); --font-color-primary-15: hsla( var(--font-color-base), .15 ); --font-color-primary-20: hsla( var(--font-color-base), .2 ); --font-color-primary-25: hsla( var(--font-color-base), .25 ); --font-color-primary-30: hsla( var(--font-color-base), .3 ); --font-color-primary-35: hsla( var(--font-color-base), .35 ); --font-color-primary-40: hsla( var(--font-color-base), .4 ); --font-color-primary-45: hsla( var(--font-color-base), .45 ); --font-color-primary-50: hsla( var(--font-color-base), .5 ); --font-color-primary-55: hsla( var(--font-color-base), .55 ); --font-color-primary-60: hsla( var(--font-color-base), .6 ); --font-color-primary-65: hsla( var(--font-color-base), .65 ); --font-color-primary-70: hsla( var(--font-color-base), .7 ); --font-color-primary-75: hsla( var(--font-color-base), .75 ); --font-color-primary-80: hsla( var(--font-color-base), .8 ); --font-color-primary-85: hsla( var(--font-color-base), .85 ); --font-color-primary-90: hsla( var(--font-color-base), .9 ); --font-color-primary-95: hsla( var(--font-color-base), .95 ); --font-color-secondary-base: 0, 0%, 96%; --font-color-secondary: hsla(var(--font-color-secondary-base), 1); --font-color-secondary-5: hsla( var(--font-color-secondary-base), .05 ); --font-color-secondary-10: hsla( var(--font-color-secondary-base), .1 ); --font-color-secondary-15: hsla( var(--font-color-secondary-base), .15 ); --font-color-secondary-20: hsla( var(--font-color-secondary-base), .2 ); --font-color-secondary-25: hsla( var(--font-color-secondary-base), .25 ); --font-color-secondary-30: hsla( var(--font-color-secondary-base), .3 ); --font-color-secondary-35: hsla( var(--font-color-secondary-base), .35 ); --font-color-secondary-40: hsla( var(--font-color-secondary-base), .4 ); --font-color-secondary-45: hsla( var(--font-color-secondary-base), .45 ); --font-color-secondary-50: hsla( var(--font-color-secondary-base), .5 ); --font-color-secondary-55: hsla( var(--font-color-secondary-base), .55 ); --font-color-secondary-60: hsla( var(--font-color-secondary-base), .6 ); --font-color-secondary-65: hsla( var(--font-color-secondary-base), .65 ); --font-color-secondary-70: hsla( var(--font-color-secondary-base), .7 ); --font-color-secondary-75: hsla( var(--font-color-secondary-base), .75 ); --font-color-secondary-80: hsla( var(--font-color-secondary-base), .8 ); --font-color-secondary-85: hsla( var(--font-color-secondary-base), .85 ); --font-color-secondary-90: hsla( var(--font-color-secondary-base), .9 ); --font-color-secondary-95: hsla( var(--font-color-secondary-base), .95 ); --font-color-light-base: 0, 0%, 96%; --font-color-light: hsla(var(--font-color-light-base), 1); --font-color-light-5: hsla( var(--font-color-light-base), .05 ); --font-color-light-10: hsla( var(--font-color-light-base), .1 ); --font-color-light-15: hsla( var(--font-color-light-base), .15 ); --font-color-light-20: hsla( var(--font-color-light-base), .2 ); --font-color-light-25: hsla( var(--font-color-light-base), .25 ); --font-color-light-30: hsla( var(--font-color-light-base), .3 ); --font-color-light-35: hsla( var(--font-color-light-base), .35 ); --font-color-light-40: hsla( var(--font-color-light-base), .4 ); --font-color-light-45: hsla( var(--font-color-light-base), .45 ); --font-color-light-50: hsla( var(--font-color-light-base), .5 ); --font-color-light-55: hsla( var(--font-color-light-base), .55 ); --font-color-light-60: hsla( var(--font-color-light-base), .6 ); --font-color-light-65: hsla( var(--font-color-light-base), .65 ); --font-color-light-70: hsla( var(--font-color-light-base), .7 ); --font-color-light-75: hsla( var(--font-color-light-base), .75 ); --font-color-light-80: hsla( var(--font-color-light-base), .8 ); --font-color-light-85: hsla( var(--font-color-light-base), .85 ); --font-color-light-90: hsla( var(--font-color-light-base), .9 ); --font-color-light-95: hsla( var(--font-color-light-base), .95 ); --font-color-dark-base: 201, 47%, 6%; --font-color-dark: hsla(var(--font-color-dark-base), 1); --font-color-dark-5: hsla( var(--font-color-dark-base), .05 ); --font-color-dark-10: hsla( var(--font-color-dark-base), .1 ); --font-color-dark-15: hsla( var(--font-color-dark-base), .15 ); --font-color-dark-20: hsla( var(--font-color-dark-base), .2 ); --font-color-dark-25: hsla( var(--font-color-dark-base), .25 ); --font-color-dark-30: hsla( var(--font-color-dark-base), .3 ); --font-color-dark-35: hsla( var(--font-color-dark-base), .35 ); --font-color-dark-40: hsla( var(--font-color-dark-base), .4 ); --font-color-dark-45: hsla( var(--font-color-dark-base), .45 ); --font-color-dark-50: hsla( var(--font-color-dark-base), .5 ); --font-color-dark-55: hsla( var(--font-color-dark-base), .55 ); --font-color-dark-60: hsla( var(--font-color-dark-base), .6 ); --font-color-dark-65: hsla( var(--font-color-dark-base), .65 ); --font-color-dark-70: hsla( var(--font-color-dark-base), .7 ); --font-color-dark-75: hsla( var(--font-color-dark-base), .75 ); --font-color-dark-80: hsla( var(--font-color-dark-base), .8 ); --font-color-dark-85: hsla( var(--font-color-dark-base), .85 ); --font-color-dark-90: hsla( var(--font-color-dark-base), .9 ); --font-color-dark-95: hsla( var(--font-color-dark-base), .95 ); --icons-inverted: true; --token-badge-bg: var(--font-color-primary); --token-badge-bg-gradient: linear-gradient( 90deg, var(--accent-2) 0%, var(--accent-1) 100% ); --token-badge-c-text: var(--font-color-secondary); --token-badge-c-text-gradient: var(--font-color-secondary); } :root { --typography-heading-1: 32px; --typography-heading-2: 24px; --typography-heading-3: 18px; --typography-heading-4: 12px; --typography-body-small: 14px; --typography-body-default: 16px; --typography-body-large: 17.6px; --typography-card-text: 14px; --typography-card-title: 18px; --typography-button-default: 12px; --typography-letter-spacing-very-wide: 2px; --typography-navigation-item: 20px; --spacing-0: 4px; --spacing-1: 8px; --spacing-2: 16px; --spacing-3: 24px; --spacing-4: 32px; --spacing-5: 40px; --spacing-6: 48px; --spacing-7: 56px; --spacing-8: 64px; --spacing-9: 72px; --spacing-10: 80px; --spacing-11: 88px; --spacing-12: 96px; --spacing-13: 104px; --spacing-14: 112px; --spacing-23: 184px; --radius-0: 4px; --radius-1: 8px; --radius-2: 16px; --radius-3: 24px; --radius-4: 32px; --radius-5: 40px; --radius-6: 48px; --radius-7: 56px; --radius-8: 64px; --radius-9: 72px; --radius-10: 80px; --radius-11: 88px; --radius-12: 96px; --radius-13: 104px; --radius-14: 112px; } @media (min-width: 768px) { :root { --typography-heading-4: 14px; --typography-card-text: 16px; --typography-card-title: 20px; --typography-heading-3: 24px; --typography-heading-2: 32px; --typography-heading-1: 48px; } } @media (min-width: 1280px) { :root { --typography-navigation-item: 16px; } } @keyframes _pulseLive_cy0gf_1 { 0% { box-shadow: red 0px 0px; } 70% { box-shadow: rgba(255, 0, 0, 0) 0px 0px 0px 4px; } 100% { box-shadow: rgba(255, 0, 0, 0) 0px 0px; } } ._liveTag_cy0gf_82 { z-index: 1; display: flex; justify-content: center; align-items: center; gap: 6px; background-color: rgb(246, 246, 246); color: rgb(8, 12, 11); border-radius: var(--radius-8); padding-block: 6px; padding-inline: 12px; } ._liveTag_cy0gf_82 p { font-weight: 700; font-size: 10px; margin: 0px; letter-spacing: 2px; text-transform: uppercase; } @media (min-width: 1024px) { ._liveTag_cy0gf_82 p { font-size: 12px; } } ._liveTag_cy0gf_82 ._dot_cy0gf_106 { position: relative; width: 5px; height: 5px; outline: rgb(255, 0, 0) solid 1px; border-radius: 50%; display: flex; gap: var(--spacing-1); align-items: center; justify-content: center; padding: 2px; animation: 2s ease 0s infinite normal none running _pulseLive_cy0gf_1; box-sizing: content-box; } ._liveTag_cy0gf_82 ._dot_cy0gf_106::before { content: ""; display: block; width: 5px; height: 5px; border-radius: 50%; background: red; } :root { --typography-heading-1: 32px; --typography-heading-2: 24px; --typography-heading-3: 18px; --typography-heading-4: 12px; --typography-body-small: 14px; --typography-body-default: 16px; --typography-body-large: 17.6px; --typography-card-text: 14px; --typography-card-title: 18px; --typography-button-default: 12px; --typography-letter-spacing-very-wide: 2px; --typography-navigation-item: 20px; --spacing-0: 4px; --spacing-1: 8px; --spacing-2: 16px; --spacing-3: 24px; --spacing-4: 32px; --spacing-5: 40px; --spacing-6: 48px; --spacing-7: 56px; --spacing-8: 64px; --spacing-9: 72px; --spacing-10: 80px; --spacing-11: 88px; --spacing-12: 96px; --spacing-13: 104px; --spacing-14: 112px; --spacing-23: 184px; --radius-0: 4px; --radius-1: 8px; --radius-2: 16px; --radius-3: 24px; --radius-4: 32px; --radius-5: 40px; --radius-6: 48px; --radius-7: 56px; --radius-8: 64px; --radius-9: 72px; --radius-10: 80px; --radius-11: 88px; --radius-12: 96px; --radius-13: 104px; --radius-14: 112px; } @media (min-width: 768px) { :root { --typography-heading-4: 14px; --typography-card-text: 16px; --typography-card-title: 20px; --typography-heading-3: 24px; --typography-heading-2: 32px; --typography-heading-1: 48px; } } @media (min-width: 1280px) { :root { --typography-navigation-item: 16px; } } .belgium ._cardLink_18yb2_71 ._tag_18yb2_71, .brasil ._cardLink_18yb2_71 ._tag_18yb2_71, .winter ._cardLink_18yb2_71 ._tag_18yb2_71, .thailand ._cardLink_18yb2_71 ._tag_18yb2_71, .essence ._cardLink_18yb2_71 ._tag_18yb2_71, .account ._cardLink_18yb2_71 ._tag_18yb2_71 { color: var(--font-color-light); } ._cardLink_18yb2_71 { color-scheme: unset; forced-color-adjust: unset; mask: unset; math-depth: unset; position: relative; position-anchor: unset; appearance: unset; color: var(--font-color-primary); font-family: unset; font-feature-settings: unset; font-kerning: unset; font-optical-sizing: unset; font-palette: unset; font-size: var(--typography-body-default); font-stretch: unset; font-style: normal; font-synthesis: unset; font-variant: unset; font-variation-settings: unset; font-weight: 400; inset-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; align-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; animation-composition: unset; animation: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: var(--background); background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: var(--radius-1); border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-shadow: 0 1px var(--spacing-0) 0 var(--font-color-primary-10); box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-color: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: unset; cx: unset; cy: unset; d: unset; display: flex; dominant-baseline: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-direction: column; flex-wrap: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: 100%; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; isolation: unset; justify-content: flex-end; letter-spacing: unset; lighting-color: unset; line-break: unset; line-height: normal; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-clip-margin: unset; overflow-wrap: unset; overflow: hidden; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; quotes: unset; r: unset; resize: unset; rotate: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-combine-upright: unset; text-decoration: none; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-overflow: unset; text-shadow: unset; text-size-adjust: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; white-space: unset; timeline-scope: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: box-shadow 256ms ease-in-out 0s; translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-print-color-adjust: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; widows: unset; width: 100%; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; } ._cardLink_18yb2_71 ._live_18yb2_101 { z-index: 2; position: absolute; top: var(--spacing-1); left: var(--spacing-1); } @media (min-width: 768px) { ._cardLink_18yb2_71 ._live_18yb2_101 { top: var(--spacing-2); left: var(--spacing-2); } } ._cardLink_18yb2_71._clickable_18yb2_113 { cursor: pointer; } ._cardLink_18yb2_71:hover { box-shadow: 0 1px 20px 0 var(--font-color-primary-25); } ._cardLink_18yb2_71 ._link_18yb2_119 { position: absolute; inset: 0px; } ._cardLink_18yb2_71 ._image_18yb2_123 { position: relative; height: 216px; width: 100%; display: flex; flex-shrink: 1; flex-grow: 0; } ._cardLink_18yb2_71 ._image_18yb2_123 img { position: absolute; top: 0px; width: 100%; height: 216px; border-radius: var(--radius-1) var(--radius-1) 0px 0px; object-fit: cover; object-position: center center; aspect-ratio: 6 / 4; } ._cardLink_18yb2_71 ._image_18yb2_123:has(._playButton_18yb2_141) { justify-content: center; align-items: center; } ._cardLink_18yb2_71 ._image_18yb2_123::after { z-index: 1; content: ""; position: absolute; bottom: 0px; width: 100%; height: 130px; background: linear-gradient(180deg,hsla(var(--background-base),0) 0%,hsla(var(--background-base),.04) 10%,hsla(var(--background-base),.12) 25%,hsla(var(--background-base),.28) 40%,hsla(var(--background-base),.52) 55%,hsla(var(--background-base),.76) 70%,hsla(var(--background-base),.92) 85%,var(--background) 100%); } ._cardLink_18yb2_71 ._image_18yb2_123 ._icons_18yb2_154 { position: absolute; bottom: 0px; z-index: 2; align-self: flex-start; display: flex; justify-content: center; align-items: center; gap: var(--spacing-3); padding-block: 10px; padding-inline: var(--spacing-2); margin-block: var(--spacing-2); margin-inline: var(--spacing-2); min-width: 48px; width: fit-content; border-radius: 100px; box-shadow: 0 3px 20px 0 var(--accent-1-15) inset; background: linear-gradient(rgba(255, 255, 255, 0.09), rgba(153, 153, 153, 0)); backdrop-filter: blur(50px); color: var(--font-color-primary-80); } @media (min-width: 1024px) { ._cardLink_18yb2_71 ._image_18yb2_123 ._icons_18yb2_154 { margin-inline: var(--spacing-3); } } ._cardLink_18yb2_71 ._image_18yb2_123 ._icons_18yb2_154 ._cardIcon_18yb2_180 { display: flex; justify-content: center; align-items: center; } ._cardLink_18yb2_71 ._image_18yb2_123 ._icons_18yb2_154 ._cardIcon_18yb2_180 + ._cardIcon_18yb2_180 { position: relative; } ._cardLink_18yb2_71 ._image_18yb2_123 ._icons_18yb2_154 ._cardIcon_18yb2_180 + ._cardIcon_18yb2_180 svg { width: 20px; height: 20px; } ._cardLink_18yb2_71 ._image_18yb2_123 ._icons_18yb2_154 ._cardIcon_18yb2_180 + ._cardIcon_18yb2_180::after { z-index: 1; position: absolute; content: ""; left: -12px; width: 1px; height: 27px; background: linear-gradient(180deg,var(--font-color-primary-10) 0%,var(--font-color-primary-50) 50%,var(--font-color-primary-10) 100%); } ._cardLink_18yb2_71 ._tag_18yb2_71 { font-size: 10px; position: absolute; top: var(--spacing-1); left: var(--spacing-1); border-radius: var(--radius-8); color: var(--font-color-dark); text-transform: uppercase; font-weight: 700; letter-spacing: 2px; padding: 6px 12px; background: linear-gradient(90deg,var(--accent-2) 0%,var(--accent-1) 100%); } @media (min-width: 768px) { ._cardLink_18yb2_71 ._tag_18yb2_71 { font-size: 12px; top: var(--spacing-2); left: var(--spacing-2); } } ._cardLink_18yb2_71 ._content_18yb2_221 { z-index: 2; pointer-events: none; position: relative; display: flex; flex: 1 0 auto; flex-direction: column; gap: var(--spacing-1); border-radius: 0px 0px var(--radius-1) var(--radius-1); padding-inline: var(--spacing-2); padding-block-end: var(--spacing-2); text-align: start; overflow: hidden; } @media (min-width: 1024px) { ._cardLink_18yb2_71 ._content_18yb2_221 { padding-inline: var(--spacing-3); padding-block-end: var(--spacing-3); } } ._cardLink_18yb2_71 ._content_18yb2_221::before { z-index: -1; content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100%; background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: cover; opacity: 0.5; mask: linear-gradient(black, black, transparent); filter: blur(50px); transform: scaleX(-1) rotate(180deg); } ._cardLink_18yb2_71 ._content_18yb2_221 ._textBlock_18yb2_256 { overflow: hidden; } ._cardLink_18yb2_71 ._content_18yb2_221 ._titleContainer_18yb2_259 { pointer-events: none; display: flex; flex-direction: column; } ._cardLink_18yb2_71 ._content_18yb2_221 ._titleContainer_18yb2_259 ._title_18yb2_259 { font-weight: 700; pointer-events: none; display: -webkit-box; width: 100%; margin-block: 0px; text-overflow: ellipsis; overflow: hidden; font-size: var(--typography-card-title); } ._cardLink_18yb2_71 ._content_18yb2_221 ._description_18yb2_275 { pointer-events: none; display: -webkit-box; margin: 0px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; font-size: var(--typography-card-text); min-width: 250px; overflow: hidden; color: var(--font-color-primary-70); margin-block-start: var(--spacing-1); } ._cardLink_18yb2_71 ._content_18yb2_221 button, ._cardLink_18yb2_71 ._content_18yb2_221 a { pointer-events: all; z-index: 2; width: fit-content; flex-shrink: 0; margin-top: auto; padding-top: var(--spacing-2); } ._cardLink_18yb2_71 ._content_18yb2_221 > ._playButton_18yb2_141 { position: absolute; bottom: var(--spacing-2); right: var(--spacing-2); } ._playButton_18yb2_141 { display: flex; justify-content: center; align-items: center; width: var(--spacing-5); height: var(--spacing-5); border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px, rgba(255, 255, 255, 0.05) 0px -1px 10px inset; backdrop-filter: blur(25px); } ._playButton_18yb2_141 svg { width: 16px; height: 16px; } ._richText_jejul_1 { color: var(--font-color-primary); } ._richText_jejul_1 a { color: var(--font-color-primary); text-decoration: underline; } ._richText_jejul_1 strong { font-weight: 700; } ._richText_jejul_1 em { font-style: italic; } ._richText_jejul_1 p:not(:empty) { margin: 0px; } ._richText_jejul_1 p:last-child { margin: 0px; } ._fadeEnter_1ft92_1 { opacity: 0; } ._fadeEnter_1ft92_1._left_1ft92_4 { transform: translate(20px); } ._fadeEnter_1ft92_1._right_1ft92_7 { transform: translate(-20px); } ._fadeEnterActive_1ft92_11 { opacity: 1; transition: opacity 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s; } ._fadeEnterActive_1ft92_11._left_1ft92_4, ._fadeEnterActive_1ft92_11._right_1ft92_7 { transform: translate(0px); } ._fadeExit_1ft92_22 { opacity: 1; transform: translate(0px); } ._fadeExitActive_1ft92_27 { opacity: 0; transition: opacity 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s; } ._fadeExitActive_1ft92_27._left_1ft92_4 { transform: translate(-20px); } ._fadeExitActive_1ft92_27._right_1ft92_7 { transform: translate(20px); } ._breadcrumbs_hyzey_10 { gap: 36px; } ._breadcrumbs_hyzey_10 ._chevron_left_hyzey_13 { transform: rotate(-180deg); } ._breadcrumbs_hyzey_10._mobile_hyzey_16 { display: flex; gap: 6px; align-self: flex-start; font-size: 14px; } ._breadcrumbs_hyzey_10._mobile_hyzey_16 > a { color: var(--font-color-primary); text-decoration: none; } @media (min-width: 768px) { ._breadcrumbs_hyzey_10._mobile_hyzey_16, ._breadcrumbs_hyzey_10._mobile_hyzey_16 ._breadcrumbs_hyzey_10 { display: none; } } ._breadcrumbs_hyzey_10._desktop_hyzey_34 { display: none; font-size: 14px; } ._breadcrumbs_hyzey_10._desktop_hyzey_34 ._breadcrumb_hyzey_10:not(:first-child)::before { position: absolute; top: 50%; left: -18px; content: ""; display: block; width: 3px; height: 3px; border-radius: 3px; background-color: var(--font-color-primary); } @media (min-width: 768px) { ._breadcrumbs_hyzey_10._desktop_hyzey_34 { display: flex; } } ._breadcrumbs_hyzey_10 ._breadcrumb_hyzey_10 { position: relative; } ._breadcrumbs_hyzey_10 ._breadcrumb_hyzey_10 > a { font-size: 14px; color: var(--font-color-primary); text-decoration: underline; text-underline-offset: var(--spacing-1); } :root { --typography-heading-1: 32px; --typography-heading-2: 24px; --typography-heading-3: 18px; --typography-heading-4: 12px; --typography-body-small: 14px; --typography-body-default: 16px; --typography-body-large: 17.6px; --typography-card-text: 14px; --typography-card-title: 18px; --typography-button-default: 12px; --typography-letter-spacing-very-wide: 2px; --typography-navigation-item: 20px; --spacing-0: 4px; --spacing-1: 8px; --spacing-2: 16px; --spacing-3: 24px; --spacing-4: 32px; --spacing-5: 40px; --spacing-6: 48px; --spacing-7: 56px; --spacing-8: 64px; --spacing-9: 72px; --spacing-10: 80px; --spacing-11: 88px; --spacing-12: 96px; --spacing-13: 104px; --spacing-14: 112px; --spacing-23: 184px; --radius-0: 4px; --radius-1: 8px; --radius-2: 16px; --radius-3: 24px; --radius-4: 32px; --radius-5: 40px; --radius-6: 48px; --radius-7: 56px; --radius-8: 64px; --radius-9: 72px; --radius-10: 80px; --radius-11: 88px; --radius-12: 96px; --radius-13: 104px; --radius-14: 112px; } @media (min-width: 768px) { :root { --typography-heading-4: 14px; --typography-card-text: 16px; --typography-card-title: 20px; --typography-heading-3: 24px; --typography-heading-2: 32px; --typography-heading-1: 48px; } } @media (min-width: 1280px) { :root { --typography-navigation-item: 16px; } } .essence ._heroContainer_envje_71 { --font-color: var(--font-color-light); } .essence ._heroContainer_envje_71 ._heroButtons_envje_74 ._heroButton_envje_74 { color: var(--font-color-light); box-shadow: inset 0 0 0 1px var(--font-color-light); } ._heroContainer_envje_71 { --font-color: var(--font-color-primary); --font-color-50: var(--font-color-primary-50); position: relative; display: flex; justify-content: center; padding-block: calc(2 * var(--spacing-9)); } @media (min-width: 1280px) { ._heroContainer_envje_71 { padding-block-start: var(--spacing-23); padding-block-end: var(--spacing-14); } } ._heroContainer_envje_71[data-size="full"] { min-height: calc(100dvh - var(--spacing-7)); padding-block: 0px; display: flex; flex-direction: column; justify-content: center; } @media (min-width: 1280px) { ._heroContainer_envje_71[data-size="full"] { min-height: 100dvh; } } ._heroContainer_envje_71[data-size="full"] ._contentContainer_envje_105 { padding-block-start: calc(var(--spacing-9) + var(--spacing-4)); } @media (min-width: 1280px) { ._heroContainer_envje_71[data-size="full"] ._contentContainer_envje_105 { padding-block: var(--spacing-9); } } ._heroContainer_envje_71 ._contentContainer_envje_105 { width: 100%; position: relative; padding-block: var(--spacing-4); padding-inline: var(--spacing-2); } @media (min-width: 1280px) { ._heroContainer_envje_71 ._contentContainer_envje_105 { padding-block: var(--spacing-9); } } ._heroContainer_envje_71 ._contentContainer_envje_105 ._content_envje_105 { position: relative; display: flex; flex-direction: column; align-items: center; word-break: break-word; color: var(--font-color); gap: var(--spacing-1); } ._heroContainer_envje_71 ._contentContainer_envje_105 ._content_envje_105 ._breadcrumbs_envje_133 { color: var(--font-color); padding-block-end: calc(var(--spacing-1) + var(--spacing-4)); } @media (min-width: 1280px) { ._heroContainer_envje_71 ._contentContainer_envje_105 ._content_envje_105 ._breadcrumbs_envje_133 { padding-block-end: calc(var(--spacing-1) + var(--spacing-2)); } } ._heroContainer_envje_71 ._contentContainer_envje_105 ._content_envje_105 ._breadcrumbs_envje_133 > div a { color: var(--font-color); } ._heroContainer_envje_71 ._contentContainer_envje_105 ._content_envje_105 ._breadcrumbs_envje_133 > div::before { background-color: var(--font-color); } ._heroContainer_envje_71 ._contentContainer_envje_105 ._content_envje_105 ._title_envje_148 { font-size: var(--typography-heading-1); font-weight: 700; margin: 0px; text-align: center; } ._heroContainer_envje_71 ._contentContainer_envje_105 ._content_envje_105 ._subtitle_envje_154 { font-size: var(--typography-heading-4); font-weight: 700; letter-spacing: 3px; text-transform: uppercase; text-align: center; margin: 0px; } ._heroContainer_envje_71 ._contentContainer_envje_105 ._content_envje_105 ._descriptionContainer_envje_162 { display: flex; flex-direction: column; align-items: center; } ._heroContainer_envje_71 ._contentContainer_envje_105 ._content_envje_105 ._descriptionContainer_envje_162 ._description_envje_162 { color: var(--font-color); max-width: 568px; text-align: center; margin: 0px; } ._heroContainer_envje_71 ._contentContainer_envje_105 ._content_envje_105 ._buttonsAndLogosContainer_envje_173:not(:empty) { margin-block-start: var(--spacing-4); } ._heroContainer_envje_71 ._contentContainer_envje_105 ._content_envje_105 ._buttonsAndLogosContainer_envje_173 { display: flex; flex-direction: column; gap: var(--spacing-5); } ._heroContainer_envje_71 ._contentContainer_envje_105 ._content_envje_105 ._buttonsAndLogosContainer_envje_173 ._heroButtons_envje_74 { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: var(--spacing-2); } ._heroContainer_envje_71 ._contentContainer_envje_105 ._content_envje_105 ._buttonsAndLogosContainer_envje_173 ._logoContainer_envje_188 { display: flex; justify-content: center; align-items: center; gap: var(--spacing-2); } ._heroContainer_envje_71 ._contentContainer_envje_105 ._content_envje_105 ._buttonsAndLogosContainer_envje_173 ._logoContainer_envje_188 ._logo_envje_188 { width: 100px; } @media (min-width: 768px) { ._heroContainer_envje_71 ._contentContainer_envje_105 ._content_envje_105 ._buttonsAndLogosContainer_envje_173 ._logoContainer_envje_188 ._logo_envje_188 { width: 150px; } } ._heroContainer_envje_71 ._heroBackground_envje_202 { z-index: -1; position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; overflow: hidden; } ._heroContainer_envje_71 ._heroBackground_envje_202[data-variant="gradient"]::after { position: absolute; content: ""; display: block; width: 100%; height: 100%; background: linear-gradient(180deg,transparent 25%,var(--background) 100%); } @media (min-width: 768px) { ._heroContainer_envje_71 ._heroBackground_envje_202[data-variant="gradient"]::after { background: linear-gradient(180deg,transparent 0%,var(--background-30) 30%,var(--background-50) 50%,var(--background-70) 70%,var(--background) 100%); } } ._heroContainer_envje_71 ._heroBackground_envje_202[data-variant="full"]::after { --c-background: var(--background-dark-35); position: absolute; content: ""; display: block; width: 100%; height: 100%; background: linear-gradient(0deg,var(--c-background) 0%,var(--c-background) 100%); } @media (min-width: 768px) { ._heroContainer_envje_71 ._heroBackground_envje_202[data-variant="full"]::after { --c-background: var(--background-dark-15); } } ._heroContainer_envje_71 ._heroBackground_envje_202 ._backgroundImage_envje_238 { z-index: -1; position: absolute; inset: 0px; background-image: var(--background-image); background-repeat: no-repeat; background-size: cover; background-position: center center; opacity: 0.8; } ._heroContainer_envje_71 ._heroBackground_envje_202 ._backgroundVideo_envje_251 { z-index: -1; position: absolute; height: 100%; left: 0px; right: 0px; opacity: 0.8; } ._heroContainer_envje_71 ._heroBackground_envje_202 ._backgroundVideo_envje_251::after { content: ""; position: absolute; inset: 0px; background-color: hsla(var(--theme-color),.2); } ._heroContainer_envje_71 ._heroBackground_envje_202 ._backgroundVideo_envje_251 video { width: 100%; height: 100%; object-fit: cover; display: block; overflow: hidden; } ._container_envje_273 { margin: auto; display: flex; justify-content: center; flex-direction: column; padding-inline: var(--page-padding-inline); margin-block: var(--spacing-4); } @media (min-width: 576px) { ._container_envje_273 { width: 400px; } } @media (min-width: 768px) { ._container_envje_273 { flex-direction: row; width: 100%; margin-block: var(--spacing-5); } } ._container_envje_273 ._gridField_envje_293 { position: relative; text-align: center; display: flex; flex-direction: column; gap: var(--spacing-1); } ._container_envje_273 ._gridField_envje_293:first-child { padding-block-end: var(--spacing-2); } ._container_envje_273 ._gridField_envje_293:last-child { padding-block-start: var(--spacing-2); } @media (min-width: 768px) { ._container_envje_273 ._gridField_envje_293 { margin-inline: 0px; padding-block: var(--spacing-1); padding-inline: var(--spacing-4); min-width: 350px; max-width: 400px; } ._container_envje_273 ._gridField_envje_293:first-child, ._container_envje_273 ._gridField_envje_293:last-child { padding-block: var(--spacing-1); } } ._container_envje_273 ._gridField_envje_293 h2 { font-size: 1rem; font-weight: 700; text-transform: uppercase; margin: 0px; letter-spacing: 3px; color: var(--font-color); } ._container_envje_273 ._gridField_envje_293 p { margin: 0px; font-size: 0.875rem; color: var(--font-color); text-transform: uppercase; letter-spacing: 3px; font-weight: 700; } ._container_envje_273 div + div::before { content: ""; position: absolute; top: 0px; align-self: center; width: 64px; height: 1px; background-color: var(--font-color-50); } @media (min-width: 768px) { ._container_envje_273 div + div::before { left: 0px; width: 1px; height: 100%; } } ._embla_1tnn4_10 { padding: var(--spacing-2); margin: calc(-1 * var(--spacing-2)); position: relative; overflow: hidden; } ._embla_1tnn4_10._scrollNext_1tnn4_16 { --gradient-right-opacity: 0; } ._embla_1tnn4_10._scrollPrev_1tnn4_19 { --gradient-left-opacity: 0; } ._embla_1tnn4_10 { --gradient-right-opacity: 1; --gradient-left-opacity: 1; } ._embla_1tnn4_10 ._emblaViewport_1tnn4_26 { padding: var(--spacing-2); margin: calc(-1 * var(--spacing-2)); } ._embla_1tnn4_10 ._emblaContainer_1tnn4_30 { display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--spacing-2); } ._embla_1tnn4_10 ._emblaContainer_1tnn4_30 > div { flex: 1 1 100%; } ._embla_1tnn4_10 ._emblaContainer_1tnn4_30:has(> :last-child:nth-child(n+4)) { flex-wrap: nowrap; } @media (min-width: 1024px) { ._embla_1tnn4_10 ._emblaContainer_1tnn4_30 > div { flex-basis: 0%; } } @media (min-width: 768px) { ._embla_1tnn4_10 ._emblaContainer_1tnn4_30 { gap: var(--spacing-3); } } ._highlighted_1tnn4_54 ._emblaContainer_1tnn4_30 { display: flex; flex-wrap: wrap; } ._highlighted_1tnn4_54 ._emblaContainer_1tnn4_30 > div:first-child { flex-basis: 100%; } @media (min-width: 1024px) { ._highlighted_1tnn4_54 ._emblaContainer_1tnn4_30 > div:first-child { flex-basis: 50%; } } ._highlighted_1tnn4_54 ._emblaContainer_1tnn4_30 > div:not(:first-child) { flex: 1 1 0%; } @media (min-width: 1024px) { ._highlighted_1tnn4_54 ._emblaContainer_1tnn4_30 { flex-wrap: nowrap; } } ._controls_1tnn4_75 { display: none; } ._active_1tnn4_79 ._controls_1tnn4_75 { z-index: 3; display: flex; position: relative; justify-content: center; align-items: center; gap: var(--spacing-4); margin-block-start: var(--spacing-3); max-width: 450px; } ._active_1tnn4_79 ._controls_1tnn4_75 ._emblaProgress_1tnn4_89 { display: grid; width: 100%; height: var(--spacing-0); border-radius: 9999px; background-color: var(--font-color-primary-10); } ._active_1tnn4_79 ._controls_1tnn4_75 ._emblaProgress_1tnn4_89 ._emblaProgressLine_1tnn4_96 { height: var(--spacing-0); transition: background-color 0.3s ease-in-out 0s; background-color: var(--font-color-primary-10); } ._active_1tnn4_79 ._controls_1tnn4_75 ._emblaProgress_1tnn4_89 ._emblaProgressLine_1tnn4_96:last-child { border-radius: 0px 9999px 9999px 0px; } ._active_1tnn4_79 ._controls_1tnn4_75 ._emblaProgress_1tnn4_89 ._emblaProgressLine_1tnn4_96:first-child { border-radius: 9999px 0px 0px 9999px; } ._active_1tnn4_79 ._controls_1tnn4_75 ._emblaProgress_1tnn4_89 ._emblaProgressLine_1tnn4_96._emblaProgressLineActive_1tnn4_107 { background-color: var(--accent-1); border-radius: 9999px; } ._active_1tnn4_79 ._controls_1tnn4_75._standalone_1tnn4_111 ._emblaProgress_1tnn4_89 { background-color: var(--font-color-primary-10); } ._active_1tnn4_79 ._controls_1tnn4_75._standalone_1tnn4_111 ._emblaProgress_1tnn4_89 ._emblaProgressLineActive_1tnn4_107 { background-color: var(--accent-1); } ._active_1tnn4_79._gradient_1tnn4_117 ._emblaViewport_1tnn4_26 { mask-image: none; } @media (min-width: 768px) { ._active_1tnn4_79._gradient_1tnn4_117 ._emblaViewport_1tnn4_26 { mask-image: linear-gradient(to right,rgba(0,0,0,var(--gradient-left-opacity)) 0,#000 calc(var(--spacing-6)) calc(100% - var(--spacing-6)),rgba(0,0,0,var(--gradient-right-opacity))); } } ._emblaItem_10ifb_10 { margin-right: 0px; display: flex; } [data-theme="default"] body { --accent-1-base: 0, 0%, 96%; --accent-1: hsla(var(--accent-1-base), 1); --accent-1-5: hsla( var(--accent-1-base), .05 ); --accent-1-10: hsla( var(--accent-1-base), .1 ); --accent-1-15: hsla( var(--accent-1-base), .15 ); --accent-1-20: hsla( var(--accent-1-base), .2 ); --accent-1-25: hsla( var(--accent-1-base), .25 ); --accent-1-30: hsla( var(--accent-1-base), .3 ); --accent-1-35: hsla( var(--accent-1-base), .35 ); --accent-1-40: hsla( var(--accent-1-base), .4 ); --accent-1-45: hsla( var(--accent-1-base), .45 ); --accent-1-50: hsla( var(--accent-1-base), .5 ); --accent-1-55: hsla( var(--accent-1-base), .55 ); --accent-1-60: hsla( var(--accent-1-base), .6 ); --accent-1-65: hsla( var(--accent-1-base), .65 ); --accent-1-70: hsla( var(--accent-1-base), .7 ); --accent-1-75: hsla( var(--accent-1-base), .75 ); --accent-1-80: hsla( var(--accent-1-base), .8 ); --accent-1-85: hsla( var(--accent-1-base), .85 ); --accent-1-90: hsla( var(--accent-1-base), .9 ); --accent-1-95: hsla( var(--accent-1-base), .95 ); --accent-2-base: 0, 0%, 90%; --accent-2: hsla(var(--accent-2-base), 1); --accent-2-5: hsla( var(--accent-2-base), .05 ); --accent-2-10: hsla( var(--accent-2-base), .1 ); --accent-2-15: hsla( var(--accent-2-base), .15 ); --accent-2-20: hsla( var(--accent-2-base), .2 ); --accent-2-25: hsla( var(--accent-2-base), .25 ); --accent-2-30: hsla( var(--accent-2-base), .3 ); --accent-2-35: hsla( var(--accent-2-base), .35 ); --accent-2-40: hsla( var(--accent-2-base), .4 ); --accent-2-45: hsla( var(--accent-2-base), .45 ); --accent-2-50: hsla( var(--accent-2-base), .5 ); --accent-2-55: hsla( var(--accent-2-base), .55 ); --accent-2-60: hsla( var(--accent-2-base), .6 ); --accent-2-65: hsla( var(--accent-2-base), .65 ); --accent-2-70: hsla( var(--accent-2-base), .7 ); --accent-2-75: hsla( var(--accent-2-base), .75 ); --accent-2-80: hsla( var(--accent-2-base), .8 ); --accent-2-85: hsla( var(--accent-2-base), .85 ); --accent-2-90: hsla( var(--accent-2-base), .9 ); --accent-2-95: hsla( var(--accent-2-base), .95 ); --accent-2-dark-base: 0, 0%, 85%; --accent-2-dark: hsla(var(--accent-2-dark-base), 1); --accent-2-dark-5: hsla( var(--accent-2-dark-base), .05 ); --accent-2-dark-10: hsla( var(--accent-2-dark-base), .1 ); --accent-2-dark-15: hsla( var(--accent-2-dark-base), .15 ); --accent-2-dark-20: hsla( var(--accent-2-dark-base), .2 ); --accent-2-dark-25: hsla( var(--accent-2-dark-base), .25 ); --accent-2-dark-30: hsla( var(--accent-2-dark-base), .3 ); --accent-2-dark-35: hsla( var(--accent-2-dark-base), .35 ); --accent-2-dark-40: hsla( var(--accent-2-dark-base), .4 ); --accent-2-dark-45: hsla( var(--accent-2-dark-base), .45 ); --accent-2-dark-50: hsla( var(--accent-2-dark-base), .5 ); --accent-2-dark-55: hsla( var(--accent-2-dark-base), .55 ); --accent-2-dark-60: hsla( var(--accent-2-dark-base), .6 ); --accent-2-dark-65: hsla( var(--accent-2-dark-base), .65 ); --accent-2-dark-70: hsla( var(--accent-2-dark-base), .7 ); --accent-2-dark-75: hsla( var(--accent-2-dark-base), .75 ); --accent-2-dark-80: hsla( var(--accent-2-dark-base), .8 ); --accent-2-dark-85: hsla( var(--accent-2-dark-base), .85 ); --accent-2-dark-90: hsla( var(--accent-2-dark-base), .9 ); --accent-2-dark-95: hsla( var(--accent-2-dark-base), .95 ); --accent-warning-base: 18, 100%, 57%; --accent-warning: hsla(var(--accent-warning-base), 1); --accent-warning-5: hsla( var(--accent-warning-base), .05 ); --accent-warning-10: hsla( var(--accent-warning-base), .1 ); --accent-warning-15: hsla( var(--accent-warning-base), .15 ); --accent-warning-20: hsla( var(--accent-warning-base), .2 ); --accent-warning-25: hsla( var(--accent-warning-base), .25 ); --accent-warning-30: hsla( var(--accent-warning-base), .3 ); --accent-warning-35: hsla( var(--accent-warning-base), .35 ); --accent-warning-40: hsla( var(--accent-warning-base), .4 ); --accent-warning-45: hsla( var(--accent-warning-base), .45 ); --accent-warning-50: hsla( var(--accent-warning-base), .5 ); --accent-warning-55: hsla( var(--accent-warning-base), .55 ); --accent-warning-60: hsla( var(--accent-warning-base), .6 ); --accent-warning-65: hsla( var(--accent-warning-base), .65 ); --accent-warning-70: hsla( var(--accent-warning-base), .7 ); --accent-warning-75: hsla( var(--accent-warning-base), .75 ); --accent-warning-80: hsla( var(--accent-warning-base), .8 ); --accent-warning-85: hsla( var(--accent-warning-base), .85 ); --accent-warning-90: hsla( var(--accent-warning-base), .9 ); --accent-warning-95: hsla( var(--accent-warning-base), .95 ); --accent-warning-extra-subtle: hsl(18, 74%, 89%); --background-base: 165, 20%, 4%; --background: hsla(var(--background-base), 1); --background-5: hsla( var(--background-base), .05 ); --background-10: hsla( var(--background-base), .1 ); --background-15: hsla( var(--background-base), .15 ); --background-20: hsla( var(--background-base), .2 ); --background-25: hsla( var(--background-base), .25 ); --background-30: hsla( var(--background-base), .3 ); --background-35: hsla( var(--background-base), .35 ); --background-40: hsla( var(--background-base), .4 ); --background-45: hsla( var(--background-base), .45 ); --background-50: hsla( var(--background-base), .5 ); --background-55: hsla( var(--background-base), .55 ); --background-60: hsla( var(--background-base), .6 ); --background-65: hsla( var(--background-base), .65 ); --background-70: hsla( var(--background-base), .7 ); --background-75: hsla( var(--background-base), .75 ); --background-80: hsla( var(--background-base), .8 ); --background-85: hsla( var(--background-base), .85 ); --background-90: hsla( var(--background-base), .9 ); --background-95: hsla( var(--background-base), .95 ); --background-dark-base: 334, 26%, 5%; --background-dark: hsla(var(--background-dark-base), 1); --background-dark-5: hsla( var(--background-dark-base), .05 ); --background-dark-10: hsla( var(--background-dark-base), .1 ); --background-dark-15: hsla( var(--background-dark-base), .15 ); --background-dark-20: hsla( var(--background-dark-base), .2 ); --background-dark-25: hsla( var(--background-dark-base), .25 ); --background-dark-30: hsla( var(--background-dark-base), .3 ); --background-dark-35: hsla( var(--background-dark-base), .35 ); --background-dark-40: hsla( var(--background-dark-base), .4 ); --background-dark-45: hsla( var(--background-dark-base), .45 ); --background-dark-50: hsla( var(--background-dark-base), .5 ); --background-dark-55: hsla( var(--background-dark-base), .55 ); --background-dark-60: hsla( var(--background-dark-base), .6 ); --background-dark-65: hsla( var(--background-dark-base), .65 ); --background-dark-70: hsla( var(--background-dark-base), .7 ); --background-dark-75: hsla( var(--background-dark-base), .75 ); --background-dark-80: hsla( var(--background-dark-base), .8 ); --background-dark-85: hsla( var(--background-dark-base), .85 ); --background-dark-90: hsla( var(--background-dark-base), .9 ); --background-dark-95: hsla( var(--background-dark-base), .95 ); --background-secondary-base: 0, 0%, 96%; --background-secondary: hsla(var(--background-secondary-base), 1); --background-secondary-5: hsla( var(--background-secondary-base), .05 ); --background-secondary-10: hsla( var(--background-secondary-base), .1 ); --background-secondary-15: hsla( var(--background-secondary-base), .15 ); --background-secondary-20: hsla( var(--background-secondary-base), .2 ); --background-secondary-25: hsla( var(--background-secondary-base), .25 ); --background-secondary-30: hsla( var(--background-secondary-base), .3 ); --background-secondary-35: hsla( var(--background-secondary-base), .35 ); --background-secondary-40: hsla( var(--background-secondary-base), .4 ); --background-secondary-45: hsla( var(--background-secondary-base), .45 ); --background-secondary-50: hsla( var(--background-secondary-base), .5 ); --background-secondary-55: hsla( var(--background-secondary-base), .55 ); --background-secondary-60: hsla( var(--background-secondary-base), .6 ); --background-secondary-65: hsla( var(--background-secondary-base), .65 ); --background-secondary-70: hsla( var(--background-secondary-base), .7 ); --background-secondary-75: hsla( var(--background-secondary-base), .75 ); --background-secondary-80: hsla( var(--background-secondary-base), .8 ); --background-secondary-85: hsla( var(--background-secondary-base), .85 ); --background-secondary-90: hsla( var(--background-secondary-base), .9 ); --background-secondary-95: hsla( var(--background-secondary-base), .95 ); --font-color-base: 0, 0%, 96%; --font-color-primary: hsla(var(--font-color-base), 1); --font-color-primary-5: hsla( var(--font-color-base), .05 ); --font-color-primary-10: hsla( var(--font-color-base), .1 ); --font-color-primary-15: hsla( var(--font-color-base), .15 ); --font-color-primary-20: hsla( var(--font-color-base), .2 ); --font-color-primary-25: hsla( var(--font-color-base), .25 ); --font-color-primary-30: hsla( var(--font-color-base), .3 ); --font-color-primary-35: hsla( var(--font-color-base), .35 ); --font-color-primary-40: hsla( var(--font-color-base), .4 ); --font-color-primary-45: hsla( var(--font-color-base), .45 ); --font-color-primary-50: hsla( var(--font-color-base), .5 ); --font-color-primary-55: hsla( var(--font-color-base), .55 ); --font-color-primary-60: hsla( var(--font-color-base), .6 ); --font-color-primary-65: hsla( var(--font-color-base), .65 ); --font-color-primary-70: hsla( var(--font-color-base), .7 ); --font-color-primary-75: hsla( var(--font-color-base), .75 ); --font-color-primary-80: hsla( var(--font-color-base), .8 ); --font-color-primary-85: hsla( var(--font-color-base), .85 ); --font-color-primary-90: hsla( var(--font-color-base), .9 ); --font-color-primary-95: hsla( var(--font-color-base), .95 ); --font-color-secondary-base: 165, 20%, 4%; --font-color-secondary: hsla(var(--font-color-secondary-base), 1); --font-color-secondary-5: hsla( var(--font-color-secondary-base), .05 ); --font-color-secondary-10: hsla( var(--font-color-secondary-base), .1 ); --font-color-secondary-15: hsla( var(--font-color-secondary-base), .15 ); --font-color-secondary-20: hsla( var(--font-color-secondary-base), .2 ); --font-color-secondary-25: hsla( var(--font-color-secondary-base), .25 ); --font-color-secondary-30: hsla( var(--font-color-secondary-base), .3 ); --font-color-secondary-35: hsla( var(--font-color-secondary-base), .35 ); --font-color-secondary-40: hsla( var(--font-color-secondary-base), .4 ); --font-color-secondary-45: hsla( var(--font-color-secondary-base), .45 ); --font-color-secondary-50: hsla( var(--font-color-secondary-base), .5 ); --font-color-secondary-55: hsla( var(--font-color-secondary-base), .55 ); --font-color-secondary-60: hsla( var(--font-color-secondary-base), .6 ); --font-color-secondary-65: hsla( var(--font-color-secondary-base), .65 ); --font-color-secondary-70: hsla( var(--font-color-secondary-base), .7 ); --font-color-secondary-75: hsla( var(--font-color-secondary-base), .75 ); --font-color-secondary-80: hsla( var(--font-color-secondary-base), .8 ); --font-color-secondary-85: hsla( var(--font-color-secondary-base), .85 ); --font-color-secondary-90: hsla( var(--font-color-secondary-base), .9 ); --font-color-secondary-95: hsla( var(--font-color-secondary-base), .95 ); --font-color-light-base: var(--font-color-base); --font-color-light: hsla(var(--font-color-light-base), 1); --font-color-light-5: hsla( var(--font-color-light-base), .05 ); --font-color-light-10: hsla( var(--font-color-light-base), .1 ); --font-color-light-15: hsla( var(--font-color-light-base), .15 ); --font-color-light-20: hsla( var(--font-color-light-base), .2 ); --font-color-light-25: hsla( var(--font-color-light-base), .25 ); --font-color-light-30: hsla( var(--font-color-light-base), .3 ); --font-color-light-35: hsla( var(--font-color-light-base), .35 ); --font-color-light-40: hsla( var(--font-color-light-base), .4 ); --font-color-light-45: hsla( var(--font-color-light-base), .45 ); --font-color-light-50: hsla( var(--font-color-light-base), .5 ); --font-color-light-55: hsla( var(--font-color-light-base), .55 ); --font-color-light-60: hsla( var(--font-color-light-base), .6 ); --font-color-light-65: hsla( var(--font-color-light-base), .65 ); --font-color-light-70: hsla( var(--font-color-light-base), .7 ); --font-color-light-75: hsla( var(--font-color-light-base), .75 ); --font-color-light-80: hsla( var(--font-color-light-base), .8 ); --font-color-light-85: hsla( var(--font-color-light-base), .85 ); --font-color-light-90: hsla( var(--font-color-light-base), .9 ); --font-color-light-95: hsla( var(--font-color-light-base), .95 ); --font-color-dark-base: var(--font-color-secondary-base); --font-color-dark: hsla(var(--font-color-dark-base), 1); --font-color-dark-5: hsla( var(--font-color-dark-base), .05 ); --font-color-dark-10: hsla( var(--font-color-dark-base), .1 ); --font-color-dark-15: hsla( var(--font-color-dark-base), .15 ); --font-color-dark-20: hsla( var(--font-color-dark-base), .2 ); --font-color-dark-25: hsla( var(--font-color-dark-base), .25 ); --font-color-dark-30: hsla( var(--font-color-dark-base), .3 ); --font-color-dark-35: hsla( var(--font-color-dark-base), .35 ); --font-color-dark-40: hsla( var(--font-color-dark-base), .4 ); --font-color-dark-45: hsla( var(--font-color-dark-base), .45 ); --font-color-dark-50: hsla( var(--font-color-dark-base), .5 ); --font-color-dark-55: hsla( var(--font-color-dark-base), .55 ); --font-color-dark-60: hsla( var(--font-color-dark-base), .6 ); --font-color-dark-65: hsla( var(--font-color-dark-base), .65 ); --font-color-dark-70: hsla( var(--font-color-dark-base), .7 ); --font-color-dark-75: hsla( var(--font-color-dark-base), .75 ); --font-color-dark-80: hsla( var(--font-color-dark-base), .8 ); --font-color-dark-85: hsla( var(--font-color-dark-base), .85 ); --font-color-dark-90: hsla( var(--font-color-dark-base), .9 ); --font-color-dark-95: hsla( var(--font-color-dark-base), .95 ); --font-color-button: var(--font-color-dark); --font-color-button-secondary: var(--font-color-secondary); --token-badge-bg: var(--font-color-primary); --token-badge-bg-gradient: linear-gradient( 90deg, var(--accent-2) 0%, var(--accent-1) 100% ); --token-badge-c-text: var(--font-color-secondary); --token-badge-c-text-gradient: var(--font-color-secondary); background-color: var(--background); } [data-theme="belgium"] body { --accent-1-base: 340, 63%, 44%; --accent-1: hsla(var(--accent-1-base), 1); --accent-1-5: hsla( var(--accent-1-base), .05 ); --accent-1-10: hsla( var(--accent-1-base), .1 ); --accent-1-15: hsla( var(--accent-1-base), .15 ); --accent-1-20: hsla( var(--accent-1-base), .2 ); --accent-1-25: hsla( var(--accent-1-base), .25 ); --accent-1-30: hsla( var(--accent-1-base), .3 ); --accent-1-35: hsla( var(--accent-1-base), .35 ); --accent-1-40: hsla( var(--accent-1-base), .4 ); --accent-1-45: hsla( var(--accent-1-base), .45 ); --accent-1-50: hsla( var(--accent-1-base), .5 ); --accent-1-55: hsla( var(--accent-1-base), .55 ); --accent-1-60: hsla( var(--accent-1-base), .6 ); --accent-1-65: hsla( var(--accent-1-base), .65 ); --accent-1-70: hsla( var(--accent-1-base), .7 ); --accent-1-75: hsla( var(--accent-1-base), .75 ); --accent-1-80: hsla( var(--accent-1-base), .8 ); --accent-1-85: hsla( var(--accent-1-base), .85 ); --accent-1-90: hsla( var(--accent-1-base), .9 ); --accent-1-95: hsla( var(--accent-1-base), .95 ); --accent-2-base: 335, 73%, 26%; --accent-2: hsla(var(--accent-2-base), 1); --accent-2-5: hsla( var(--accent-2-base), .05 ); --accent-2-10: hsla( var(--accent-2-base), .1 ); --accent-2-15: hsla( var(--accent-2-base), .15 ); --accent-2-20: hsla( var(--accent-2-base), .2 ); --accent-2-25: hsla( var(--accent-2-base), .25 ); --accent-2-30: hsla( var(--accent-2-base), .3 ); --accent-2-35: hsla( var(--accent-2-base), .35 ); --accent-2-40: hsla( var(--accent-2-base), .4 ); --accent-2-45: hsla( var(--accent-2-base), .45 ); --accent-2-50: hsla( var(--accent-2-base), .5 ); --accent-2-55: hsla( var(--accent-2-base), .55 ); --accent-2-60: hsla( var(--accent-2-base), .6 ); --accent-2-65: hsla( var(--accent-2-base), .65 ); --accent-2-70: hsla( var(--accent-2-base), .7 ); --accent-2-75: hsla( var(--accent-2-base), .75 ); --accent-2-80: hsla( var(--accent-2-base), .8 ); --accent-2-85: hsla( var(--accent-2-base), .85 ); --accent-2-90: hsla( var(--accent-2-base), .9 ); --accent-2-95: hsla( var(--accent-2-base), .95 ); --accent-2-dark-base: 336, 95%, 17%; --accent-2-dark: hsla(var(--accent-2-dark-base), 1); --accent-2-dark-5: hsla( var(--accent-2-dark-base), .05 ); --accent-2-dark-10: hsla( var(--accent-2-dark-base), .1 ); --accent-2-dark-15: hsla( var(--accent-2-dark-base), .15 ); --accent-2-dark-20: hsla( var(--accent-2-dark-base), .2 ); --accent-2-dark-25: hsla( var(--accent-2-dark-base), .25 ); --accent-2-dark-30: hsla( var(--accent-2-dark-base), .3 ); --accent-2-dark-35: hsla( var(--accent-2-dark-base), .35 ); --accent-2-dark-40: hsla( var(--accent-2-dark-base), .4 ); --accent-2-dark-45: hsla( var(--accent-2-dark-base), .45 ); --accent-2-dark-50: hsla( var(--accent-2-dark-base), .5 ); --accent-2-dark-55: hsla( var(--accent-2-dark-base), .55 ); --accent-2-dark-60: hsla( var(--accent-2-dark-base), .6 ); --accent-2-dark-65: hsla( var(--accent-2-dark-base), .65 ); --accent-2-dark-70: hsla( var(--accent-2-dark-base), .7 ); --accent-2-dark-75: hsla( var(--accent-2-dark-base), .75 ); --accent-2-dark-80: hsla( var(--accent-2-dark-base), .8 ); --accent-2-dark-85: hsla( var(--accent-2-dark-base), .85 ); --accent-2-dark-90: hsla( var(--accent-2-dark-base), .9 ); --accent-2-dark-95: hsla( var(--accent-2-dark-base), .95 ); --background-base: 334, 26%, 5%; --background: hsla(var(--background-base), 1); --background-5: hsla( var(--background-base), .05 ); --background-10: hsla( var(--background-base), .1 ); --background-15: hsla( var(--background-base), .15 ); --background-20: hsla( var(--background-base), .2 ); --background-25: hsla( var(--background-base), .25 ); --background-30: hsla( var(--background-base), .3 ); --background-35: hsla( var(--background-base), .35 ); --background-40: hsla( var(--background-base), .4 ); --background-45: hsla( var(--background-base), .45 ); --background-50: hsla( var(--background-base), .5 ); --background-55: hsla( var(--background-base), .55 ); --background-60: hsla( var(--background-base), .6 ); --background-65: hsla( var(--background-base), .65 ); --background-70: hsla( var(--background-base), .7 ); --background-75: hsla( var(--background-base), .75 ); --background-80: hsla( var(--background-base), .8 ); --background-85: hsla( var(--background-base), .85 ); --background-90: hsla( var(--background-base), .9 ); --background-95: hsla( var(--background-base), .95 ); --background-dark-base: 336, 95%, 17%; --background-dark: hsla(var(--background-dark-base), 1); --background-dark-5: hsla( var(--background-dark-base), .05 ); --background-dark-10: hsla( var(--background-dark-base), .1 ); --background-dark-15: hsla( var(--background-dark-base), .15 ); --background-dark-20: hsla( var(--background-dark-base), .2 ); --background-dark-25: hsla( var(--background-dark-base), .25 ); --background-dark-30: hsla( var(--background-dark-base), .3 ); --background-dark-35: hsla( var(--background-dark-base), .35 ); --background-dark-40: hsla( var(--background-dark-base), .4 ); --background-dark-45: hsla( var(--background-dark-base), .45 ); --background-dark-50: hsla( var(--background-dark-base), .5 ); --background-dark-55: hsla( var(--background-dark-base), .55 ); --background-dark-60: hsla( var(--background-dark-base), .6 ); --background-dark-65: hsla( var(--background-dark-base), .65 ); --background-dark-70: hsla( var(--background-dark-base), .7 ); --background-dark-75: hsla( var(--background-dark-base), .75 ); --background-dark-80: hsla( var(--background-dark-base), .8 ); --background-dark-85: hsla( var(--background-dark-base), .85 ); --background-dark-90: hsla( var(--background-dark-base), .9 ); --background-dark-95: hsla( var(--background-dark-base), .95 ); --background-secondary-base: 0, 0%, 96%; --background-secondary: hsla(var(--background-secondary-base), 1); --background-secondary-5: hsla( var(--background-secondary-base), .05 ); --background-secondary-10: hsla( var(--background-secondary-base), .1 ); --background-secondary-15: hsla( var(--background-secondary-base), .15 ); --background-secondary-20: hsla( var(--background-secondary-base), .2 ); --background-secondary-25: hsla( var(--background-secondary-base), .25 ); --background-secondary-30: hsla( var(--background-secondary-base), .3 ); --background-secondary-35: hsla( var(--background-secondary-base), .35 ); --background-secondary-40: hsla( var(--background-secondary-base), .4 ); --background-secondary-45: hsla( var(--background-secondary-base), .45 ); --background-secondary-50: hsla( var(--background-secondary-base), .5 ); --background-secondary-55: hsla( var(--background-secondary-base), .55 ); --background-secondary-60: hsla( var(--background-secondary-base), .6 ); --background-secondary-65: hsla( var(--background-secondary-base), .65 ); --background-secondary-70: hsla( var(--background-secondary-base), .7 ); --background-secondary-75: hsla( var(--background-secondary-base), .75 ); --background-secondary-80: hsla( var(--background-secondary-base), .8 ); --background-secondary-85: hsla( var(--background-secondary-base), .85 ); --background-secondary-90: hsla( var(--background-secondary-base), .9 ); --background-secondary-95: hsla( var(--background-secondary-base), .95 ); --font-color-base: 0, 0%, 96%; --font-color-primary: hsla(var(--font-color-base), 1); --font-color-primary-5: hsla( var(--font-color-base), .05 ); --font-color-primary-10: hsla( var(--font-color-base), .1 ); --font-color-primary-15: hsla( var(--font-color-base), .15 ); --font-color-primary-20: hsla( var(--font-color-base), .2 ); --font-color-primary-25: hsla( var(--font-color-base), .25 ); --font-color-primary-30: hsla( var(--font-color-base), .3 ); --font-color-primary-35: hsla( var(--font-color-base), .35 ); --font-color-primary-40: hsla( var(--font-color-base), .4 ); --font-color-primary-45: hsla( var(--font-color-base), .45 ); --font-color-primary-50: hsla( var(--font-color-base), .5 ); --font-color-primary-55: hsla( var(--font-color-base), .55 ); --font-color-primary-60: hsla( var(--font-color-base), .6 ); --font-color-primary-65: hsla( var(--font-color-base), .65 ); --font-color-primary-70: hsla( var(--font-color-base), .7 ); --font-color-primary-75: hsla( var(--font-color-base), .75 ); --font-color-primary-80: hsla( var(--font-color-base), .8 ); --font-color-primary-85: hsla( var(--font-color-base), .85 ); --font-color-primary-90: hsla( var(--font-color-base), .9 ); --font-color-primary-95: hsla( var(--font-color-base), .95 ); --font-color-secondary-base: 334, 26%, 5%; --font-color-secondary: hsla(var(--font-color-secondary-base), 1); --font-color-secondary-5: hsla( var(--font-color-secondary-base), .05 ); --font-color-secondary-10: hsla( var(--font-color-secondary-base), .1 ); --font-color-secondary-15: hsla( var(--font-color-secondary-base), .15 ); --font-color-secondary-20: hsla( var(--font-color-secondary-base), .2 ); --font-color-secondary-25: hsla( var(--font-color-secondary-base), .25 ); --font-color-secondary-30: hsla( var(--font-color-secondary-base), .3 ); --font-color-secondary-35: hsla( var(--font-color-secondary-base), .35 ); --font-color-secondary-40: hsla( var(--font-color-secondary-base), .4 ); --font-color-secondary-45: hsla( var(--font-color-secondary-base), .45 ); --font-color-secondary-50: hsla( var(--font-color-secondary-base), .5 ); --font-color-secondary-55: hsla( var(--font-color-secondary-base), .55 ); --font-color-secondary-60: hsla( var(--font-color-secondary-base), .6 ); --font-color-secondary-65: hsla( var(--font-color-secondary-base), .65 ); --font-color-secondary-70: hsla( var(--font-color-secondary-base), .7 ); --font-color-secondary-75: hsla( var(--font-color-secondary-base), .75 ); --font-color-secondary-80: hsla( var(--font-color-secondary-base), .8 ); --font-color-secondary-85: hsla( var(--font-color-secondary-base), .85 ); --font-color-secondary-90: hsla( var(--font-color-secondary-base), .9 ); --font-color-secondary-95: hsla( var(--font-color-secondary-base), .95 ); --font-color-light-base: var(--font-color-base); --font-color-light: hsla(var(--font-color-light-base), 1); --font-color-light-5: hsla( var(--font-color-light-base), .05 ); --font-color-light-10: hsla( var(--font-color-light-base), .1 ); --font-color-light-15: hsla( var(--font-color-light-base), .15 ); --font-color-light-20: hsla( var(--font-color-light-base), .2 ); --font-color-light-25: hsla( var(--font-color-light-base), .25 ); --font-color-light-30: hsla( var(--font-color-light-base), .3 ); --font-color-light-35: hsla( var(--font-color-light-base), .35 ); --font-color-light-40: hsla( var(--font-color-light-base), .4 ); --font-color-light-45: hsla( var(--font-color-light-base), .45 ); --font-color-light-50: hsla( var(--font-color-light-base), .5 ); --font-color-light-55: hsla( var(--font-color-light-base), .55 ); --font-color-light-60: hsla( var(--font-color-light-base), .6 ); --font-color-light-65: hsla( var(--font-color-light-base), .65 ); --font-color-light-70: hsla( var(--font-color-light-base), .7 ); --font-color-light-75: hsla( var(--font-color-light-base), .75 ); --font-color-light-80: hsla( var(--font-color-light-base), .8 ); --font-color-light-85: hsla( var(--font-color-light-base), .85 ); --font-color-light-90: hsla( var(--font-color-light-base), .9 ); --font-color-light-95: hsla( var(--font-color-light-base), .95 ); --font-color-dark-base: var(--font-color-secondary-base); --font-color-dark: hsla(var(--font-color-dark-base), 1); --font-color-dark-5: hsla( var(--font-color-dark-base), .05 ); --font-color-dark-10: hsla( var(--font-color-dark-base), .1 ); --font-color-dark-15: hsla( var(--font-color-dark-base), .15 ); --font-color-dark-20: hsla( var(--font-color-dark-base), .2 ); --font-color-dark-25: hsla( var(--font-color-dark-base), .25 ); --font-color-dark-30: hsla( var(--font-color-dark-base), .3 ); --font-color-dark-35: hsla( var(--font-color-dark-base), .35 ); --font-color-dark-40: hsla( var(--font-color-dark-base), .4 ); --font-color-dark-45: hsla( var(--font-color-dark-base), .45 ); --font-color-dark-50: hsla( var(--font-color-dark-base), .5 ); --font-color-dark-55: hsla( var(--font-color-dark-base), .55 ); --font-color-dark-60: hsla( var(--font-color-dark-base), .6 ); --font-color-dark-65: hsla( var(--font-color-dark-base), .65 ); --font-color-dark-70: hsla( var(--font-color-dark-base), .7 ); --font-color-dark-75: hsla( var(--font-color-dark-base), .75 ); --font-color-dark-80: hsla( var(--font-color-dark-base), .8 ); --font-color-dark-85: hsla( var(--font-color-dark-base), .85 ); --font-color-dark-90: hsla( var(--font-color-dark-base), .9 ); --font-color-dark-95: hsla( var(--font-color-dark-base), .95 ); --font-color-button: var(--font-color-primary); --font-color-button-secondary: var(--font-color-secondary); --token-badge-bg: var(--font-color-primary); --token-badge-bg-gradient: linear-gradient( 90deg, var(--accent-2) 0%, var(--accent-1) 100% ); --token-badge-c-text: var(--font-color-secondary); --token-badge-c-text-gradient: var(--font-color-primary); background-color: var(--background); } [data-theme="brasil"] body { --accent-1-base: 166, 91%, 31%; --accent-1: hsla(var(--accent-1-base), 1); --accent-1-5: hsla( var(--accent-1-base), .05 ); --accent-1-10: hsla( var(--accent-1-base), .1 ); --accent-1-15: hsla( var(--accent-1-base), .15 ); --accent-1-20: hsla( var(--accent-1-base), .2 ); --accent-1-25: hsla( var(--accent-1-base), .25 ); --accent-1-30: hsla( var(--accent-1-base), .3 ); --accent-1-35: hsla( var(--accent-1-base), .35 ); --accent-1-40: hsla( var(--accent-1-base), .4 ); --accent-1-45: hsla( var(--accent-1-base), .45 ); --accent-1-50: hsla( var(--accent-1-base), .5 ); --accent-1-55: hsla( var(--accent-1-base), .55 ); --accent-1-60: hsla( var(--accent-1-base), .6 ); --accent-1-65: hsla( var(--accent-1-base), .65 ); --accent-1-70: hsla( var(--accent-1-base), .7 ); --accent-1-75: hsla( var(--accent-1-base), .75 ); --accent-1-80: hsla( var(--accent-1-base), .8 ); --accent-1-85: hsla( var(--accent-1-base), .85 ); --accent-1-90: hsla( var(--accent-1-base), .9 ); --accent-1-95: hsla( var(--accent-1-base), .95 ); --accent-2-base: 174, 60%, 20%; --accent-2: hsla(var(--accent-2-base), 1); --accent-2-5: hsla( var(--accent-2-base), .05 ); --accent-2-10: hsla( var(--accent-2-base), .1 ); --accent-2-15: hsla( var(--accent-2-base), .15 ); --accent-2-20: hsla( var(--accent-2-base), .2 ); --accent-2-25: hsla( var(--accent-2-base), .25 ); --accent-2-30: hsla( var(--accent-2-base), .3 ); --accent-2-35: hsla( var(--accent-2-base), .35 ); --accent-2-40: hsla( var(--accent-2-base), .4 ); --accent-2-45: hsla( var(--accent-2-base), .45 ); --accent-2-50: hsla( var(--accent-2-base), .5 ); --accent-2-55: hsla( var(--accent-2-base), .55 ); --accent-2-60: hsla( var(--accent-2-base), .6 ); --accent-2-65: hsla( var(--accent-2-base), .65 ); --accent-2-70: hsla( var(--accent-2-base), .7 ); --accent-2-75: hsla( var(--accent-2-base), .75 ); --accent-2-80: hsla( var(--accent-2-base), .8 ); --accent-2-85: hsla( var(--accent-2-base), .85 ); --accent-2-90: hsla( var(--accent-2-base), .9 ); --accent-2-95: hsla( var(--accent-2-base), .95 ); --accent-2-dark-base: 168, 95%, 16%; --accent-2-dark: hsla(var(--accent-2-dark-base), 1); --accent-2-dark-5: hsla( var(--accent-2-dark-base), .05 ); --accent-2-dark-10: hsla( var(--accent-2-dark-base), .1 ); --accent-2-dark-15: hsla( var(--accent-2-dark-base), .15 ); --accent-2-dark-20: hsla( var(--accent-2-dark-base), .2 ); --accent-2-dark-25: hsla( var(--accent-2-dark-base), .25 ); --accent-2-dark-30: hsla( var(--accent-2-dark-base), .3 ); --accent-2-dark-35: hsla( var(--accent-2-dark-base), .35 ); --accent-2-dark-40: hsla( var(--accent-2-dark-base), .4 ); --accent-2-dark-45: hsla( var(--accent-2-dark-base), .45 ); --accent-2-dark-50: hsla( var(--accent-2-dark-base), .5 ); --accent-2-dark-55: hsla( var(--accent-2-dark-base), .55 ); --accent-2-dark-60: hsla( var(--accent-2-dark-base), .6 ); --accent-2-dark-65: hsla( var(--accent-2-dark-base), .65 ); --accent-2-dark-70: hsla( var(--accent-2-dark-base), .7 ); --accent-2-dark-75: hsla( var(--accent-2-dark-base), .75 ); --accent-2-dark-80: hsla( var(--accent-2-dark-base), .8 ); --accent-2-dark-85: hsla( var(--accent-2-dark-base), .85 ); --accent-2-dark-90: hsla( var(--accent-2-dark-base), .9 ); --accent-2-dark-95: hsla( var(--accent-2-dark-base), .95 ); --background-base: 165, 20%, 4%; --background: hsla(var(--background-base), 1); --background-5: hsla( var(--background-base), .05 ); --background-10: hsla( var(--background-base), .1 ); --background-15: hsla( var(--background-base), .15 ); --background-20: hsla( var(--background-base), .2 ); --background-25: hsla( var(--background-base), .25 ); --background-30: hsla( var(--background-base), .3 ); --background-35: hsla( var(--background-base), .35 ); --background-40: hsla( var(--background-base), .4 ); --background-45: hsla( var(--background-base), .45 ); --background-50: hsla( var(--background-base), .5 ); --background-55: hsla( var(--background-base), .55 ); --background-60: hsla( var(--background-base), .6 ); --background-65: hsla( var(--background-base), .65 ); --background-70: hsla( var(--background-base), .7 ); --background-75: hsla( var(--background-base), .75 ); --background-80: hsla( var(--background-base), .8 ); --background-85: hsla( var(--background-base), .85 ); --background-90: hsla( var(--background-base), .9 ); --background-95: hsla( var(--background-base), .95 ); --background-dark-base: 167, 100%, 11%; --background-dark: hsla(var(--background-dark-base), 1); --background-dark-5: hsla( var(--background-dark-base), .05 ); --background-dark-10: hsla( var(--background-dark-base), .1 ); --background-dark-15: hsla( var(--background-dark-base), .15 ); --background-dark-20: hsla( var(--background-dark-base), .2 ); --background-dark-25: hsla( var(--background-dark-base), .25 ); --background-dark-30: hsla( var(--background-dark-base), .3 ); --background-dark-35: hsla( var(--background-dark-base), .35 ); --background-dark-40: hsla( var(--background-dark-base), .4 ); --background-dark-45: hsla( var(--background-dark-base), .45 ); --background-dark-50: hsla( var(--background-dark-base), .5 ); --background-dark-55: hsla( var(--background-dark-base), .55 ); --background-dark-60: hsla( var(--background-dark-base), .6 ); --background-dark-65: hsla( var(--background-dark-base), .65 ); --background-dark-70: hsla( var(--background-dark-base), .7 ); --background-dark-75: hsla( var(--background-dark-base), .75 ); --background-dark-80: hsla( var(--background-dark-base), .8 ); --background-dark-85: hsla( var(--background-dark-base), .85 ); --background-dark-90: hsla( var(--background-dark-base), .9 ); --background-dark-95: hsla( var(--background-dark-base), .95 ); --background-secondary-base: 0, 0%, 96%; --background-secondary: hsla(var(--background-secondary-base), 1); --background-secondary-5: hsla( var(--background-secondary-base), .05 ); --background-secondary-10: hsla( var(--background-secondary-base), .1 ); --background-secondary-15: hsla( var(--background-secondary-base), .15 ); --background-secondary-20: hsla( var(--background-secondary-base), .2 ); --background-secondary-25: hsla( var(--background-secondary-base), .25 ); --background-secondary-30: hsla( var(--background-secondary-base), .3 ); --background-secondary-35: hsla( var(--background-secondary-base), .35 ); --background-secondary-40: hsla( var(--background-secondary-base), .4 ); --background-secondary-45: hsla( var(--background-secondary-base), .45 ); --background-secondary-50: hsla( var(--background-secondary-base), .5 ); --background-secondary-55: hsla( var(--background-secondary-base), .55 ); --background-secondary-60: hsla( var(--background-secondary-base), .6 ); --background-secondary-65: hsla( var(--background-secondary-base), .65 ); --background-secondary-70: hsla( var(--background-secondary-base), .7 ); --background-secondary-75: hsla( var(--background-secondary-base), .75 ); --background-secondary-80: hsla( var(--background-secondary-base), .8 ); --background-secondary-85: hsla( var(--background-secondary-base), .85 ); --background-secondary-90: hsla( var(--background-secondary-base), .9 ); --background-secondary-95: hsla( var(--background-secondary-base), .95 ); --font-color-base: 0, 0%, 96%; --font-color-primary: hsla(var(--font-color-base), 1); --font-color-primary-5: hsla( var(--font-color-base), .05 ); --font-color-primary-10: hsla( var(--font-color-base), .1 ); --font-color-primary-15: hsla( var(--font-color-base), .15 ); --font-color-primary-20: hsla( var(--font-color-base), .2 ); --font-color-primary-25: hsla( var(--font-color-base), .25 ); --font-color-primary-30: hsla( var(--font-color-base), .3 ); --font-color-primary-35: hsla( var(--font-color-base), .35 ); --font-color-primary-40: hsla( var(--font-color-base), .4 ); --font-color-primary-45: hsla( var(--font-color-base), .45 ); --font-color-primary-50: hsla( var(--font-color-base), .5 ); --font-color-primary-55: hsla( var(--font-color-base), .55 ); --font-color-primary-60: hsla( var(--font-color-base), .6 ); --font-color-primary-65: hsla( var(--font-color-base), .65 ); --font-color-primary-70: hsla( var(--font-color-base), .7 ); --font-color-primary-75: hsla( var(--font-color-base), .75 ); --font-color-primary-80: hsla( var(--font-color-base), .8 ); --font-color-primary-85: hsla( var(--font-color-base), .85 ); --font-color-primary-90: hsla( var(--font-color-base), .9 ); --font-color-primary-95: hsla( var(--font-color-base), .95 ); --font-color-secondary-base: 165, 20%, 4%; --font-color-secondary: hsla(var(--font-color-secondary-base), 1); --font-color-secondary-5: hsla( var(--font-color-secondary-base), .05 ); --font-color-secondary-10: hsla( var(--font-color-secondary-base), .1 ); --font-color-secondary-15: hsla( var(--font-color-secondary-base), .15 ); --font-color-secondary-20: hsla( var(--font-color-secondary-base), .2 ); --font-color-secondary-25: hsla( var(--font-color-secondary-base), .25 ); --font-color-secondary-30: hsla( var(--font-color-secondary-base), .3 ); --font-color-secondary-35: hsla( var(--font-color-secondary-base), .35 ); --font-color-secondary-40: hsla( var(--font-color-secondary-base), .4 ); --font-color-secondary-45: hsla( var(--font-color-secondary-base), .45 ); --font-color-secondary-50: hsla( var(--font-color-secondary-base), .5 ); --font-color-secondary-55: hsla( var(--font-color-secondary-base), .55 ); --font-color-secondary-60: hsla( var(--font-color-secondary-base), .6 ); --font-color-secondary-65: hsla( var(--font-color-secondary-base), .65 ); --font-color-secondary-70: hsla( var(--font-color-secondary-base), .7 ); --font-color-secondary-75: hsla( var(--font-color-secondary-base), .75 ); --font-color-secondary-80: hsla( var(--font-color-secondary-base), .8 ); --font-color-secondary-85: hsla( var(--font-color-secondary-base), .85 ); --font-color-secondary-90: hsla( var(--font-color-secondary-base), .9 ); --font-color-secondary-95: hsla( var(--font-color-secondary-base), .95 ); --font-color-light-base: var(--font-color-base); --font-color-light: hsla(var(--font-color-light-base), 1); --font-color-light-5: hsla( var(--font-color-light-base), .05 ); --font-color-light-10: hsla( var(--font-color-light-base), .1 ); --font-color-light-15: hsla( var(--font-color-light-base), .15 ); --font-color-light-20: hsla( var(--font-color-light-base), .2 ); --font-color-light-25: hsla( var(--font-color-light-base), .25 ); --font-color-light-30: hsla( var(--font-color-light-base), .3 ); --font-color-light-35: hsla( var(--font-color-light-base), .35 ); --font-color-light-40: hsla( var(--font-color-light-base), .4 ); --font-color-light-45: hsla( var(--font-color-light-base), .45 ); --font-color-light-50: hsla( var(--font-color-light-base), .5 ); --font-color-light-55: hsla( var(--font-color-light-base), .55 ); --font-color-light-60: hsla( var(--font-color-light-base), .6 ); --font-color-light-65: hsla( var(--font-color-light-base), .65 ); --font-color-light-70: hsla( var(--font-color-light-base), .7 ); --font-color-light-75: hsla( var(--font-color-light-base), .75 ); --font-color-light-80: hsla( var(--font-color-light-base), .8 ); --font-color-light-85: hsla( var(--font-color-light-base), .85 ); --font-color-light-90: hsla( var(--font-color-light-base), .9 ); --font-color-light-95: hsla( var(--font-color-light-base), .95 ); --font-color-dark-base: var(--font-color-secondary-base); --font-color-dark: hsla(var(--font-color-dark-base), 1); --font-color-dark-5: hsla( var(--font-color-dark-base), .05 ); --font-color-dark-10: hsla( var(--font-color-dark-base), .1 ); --font-color-dark-15: hsla( var(--font-color-dark-base), .15 ); --font-color-dark-20: hsla( var(--font-color-dark-base), .2 ); --font-color-dark-25: hsla( var(--font-color-dark-base), .25 ); --font-color-dark-30: hsla( var(--font-color-dark-base), .3 ); --font-color-dark-35: hsla( var(--font-color-dark-base), .35 ); --font-color-dark-40: hsla( var(--font-color-dark-base), .4 ); --font-color-dark-45: hsla( var(--font-color-dark-base), .45 ); --font-color-dark-50: hsla( var(--font-color-dark-base), .5 ); --font-color-dark-55: hsla( var(--font-color-dark-base), .55 ); --font-color-dark-60: hsla( var(--font-color-dark-base), .6 ); --font-color-dark-65: hsla( var(--font-color-dark-base), .65 ); --font-color-dark-70: hsla( var(--font-color-dark-base), .7 ); --font-color-dark-75: hsla( var(--font-color-dark-base), .75 ); --font-color-dark-80: hsla( var(--font-color-dark-base), .8 ); --font-color-dark-85: hsla( var(--font-color-dark-base), .85 ); --font-color-dark-90: hsla( var(--font-color-dark-base), .9 ); --font-color-dark-95: hsla( var(--font-color-dark-base), .95 ); --font-color-button: var(--font-color-primary); --font-color-button-secondary: var(--font-color-secondary); --token-badge-bg: var(--font-color-primary); --token-badge-bg-gradient: linear-gradient( 90deg, var(--accent-2) 0%, var(--accent-1) 100% ); --token-badge-c-text: var(--font-color-secondary); --token-badge-c-text-gradient: var(--font-color-primary); background-color: var(--background); } [data-theme="winter"] body { --accent-1-base: 202, 57%, 42%; --accent-1: hsla(var(--accent-1-base), 1); --accent-1-5: hsla( var(--accent-1-base), .05 ); --accent-1-10: hsla( var(--accent-1-base), .1 ); --accent-1-15: hsla( var(--accent-1-base), .15 ); --accent-1-20: hsla( var(--accent-1-base), .2 ); --accent-1-25: hsla( var(--accent-1-base), .25 ); --accent-1-30: hsla( var(--accent-1-base), .3 ); --accent-1-35: hsla( var(--accent-1-base), .35 ); --accent-1-40: hsla( var(--accent-1-base), .4 ); --accent-1-45: hsla( var(--accent-1-base), .45 ); --accent-1-50: hsla( var(--accent-1-base), .5 ); --accent-1-55: hsla( var(--accent-1-base), .55 ); --accent-1-60: hsla( var(--accent-1-base), .6 ); --accent-1-65: hsla( var(--accent-1-base), .65 ); --accent-1-70: hsla( var(--accent-1-base), .7 ); --accent-1-75: hsla( var(--accent-1-base), .75 ); --accent-1-80: hsla( var(--accent-1-base), .8 ); --accent-1-85: hsla( var(--accent-1-base), .85 ); --accent-1-90: hsla( var(--accent-1-base), .9 ); --accent-1-95: hsla( var(--accent-1-base), .95 ); --accent-2-base: 201, 62%, 33%; --accent-2: hsla(var(--accent-2-base), 1); --accent-2-5: hsla( var(--accent-2-base), .05 ); --accent-2-10: hsla( var(--accent-2-base), .1 ); --accent-2-15: hsla( var(--accent-2-base), .15 ); --accent-2-20: hsla( var(--accent-2-base), .2 ); --accent-2-25: hsla( var(--accent-2-base), .25 ); --accent-2-30: hsla( var(--accent-2-base), .3 ); --accent-2-35: hsla( var(--accent-2-base), .35 ); --accent-2-40: hsla( var(--accent-2-base), .4 ); --accent-2-45: hsla( var(--accent-2-base), .45 ); --accent-2-50: hsla( var(--accent-2-base), .5 ); --accent-2-55: hsla( var(--accent-2-base), .55 ); --accent-2-60: hsla( var(--accent-2-base), .6 ); --accent-2-65: hsla( var(--accent-2-base), .65 ); --accent-2-70: hsla( var(--accent-2-base), .7 ); --accent-2-75: hsla( var(--accent-2-base), .75 ); --accent-2-80: hsla( var(--accent-2-base), .8 ); --accent-2-85: hsla( var(--accent-2-base), .85 ); --accent-2-90: hsla( var(--accent-2-base), .9 ); --accent-2-95: hsla( var(--accent-2-base), .95 ); --accent-2-dark-base: 202, 57%, 22%; --accent-2-dark: hsla(var(--accent-2-dark-base), 1); --accent-2-dark-5: hsla( var(--accent-2-dark-base), .05 ); --accent-2-dark-10: hsla( var(--accent-2-dark-base), .1 ); --accent-2-dark-15: hsla( var(--accent-2-dark-base), .15 ); --accent-2-dark-20: hsla( var(--accent-2-dark-base), .2 ); --accent-2-dark-25: hsla( var(--accent-2-dark-base), .25 ); --accent-2-dark-30: hsla( var(--accent-2-dark-base), .3 ); --accent-2-dark-35: hsla( var(--accent-2-dark-base), .35 ); --accent-2-dark-40: hsla( var(--accent-2-dark-base), .4 ); --accent-2-dark-45: hsla( var(--accent-2-dark-base), .45 ); --accent-2-dark-50: hsla( var(--accent-2-dark-base), .5 ); --accent-2-dark-55: hsla( var(--accent-2-dark-base), .55 ); --accent-2-dark-60: hsla( var(--accent-2-dark-base), .6 ); --accent-2-dark-65: hsla( var(--accent-2-dark-base), .65 ); --accent-2-dark-70: hsla( var(--accent-2-dark-base), .7 ); --accent-2-dark-75: hsla( var(--accent-2-dark-base), .75 ); --accent-2-dark-80: hsla( var(--accent-2-dark-base), .8 ); --accent-2-dark-85: hsla( var(--accent-2-dark-base), .85 ); --accent-2-dark-90: hsla( var(--accent-2-dark-base), .9 ); --accent-2-dark-95: hsla( var(--accent-2-dark-base), .95 ); --background-base: 0, 0%, 100%; --background: hsla(var(--background-base), 1); --background-5: hsla( var(--background-base), .05 ); --background-10: hsla( var(--background-base), .1 ); --background-15: hsla( var(--background-base), .15 ); --background-20: hsla( var(--background-base), .2 ); --background-25: hsla( var(--background-base), .25 ); --background-30: hsla( var(--background-base), .3 ); --background-35: hsla( var(--background-base), .35 ); --background-40: hsla( var(--background-base), .4 ); --background-45: hsla( var(--background-base), .45 ); --background-50: hsla( var(--background-base), .5 ); --background-55: hsla( var(--background-base), .55 ); --background-60: hsla( var(--background-base), .6 ); --background-65: hsla( var(--background-base), .65 ); --background-70: hsla( var(--background-base), .7 ); --background-75: hsla( var(--background-base), .75 ); --background-80: hsla( var(--background-base), .8 ); --background-85: hsla( var(--background-base), .85 ); --background-90: hsla( var(--background-base), .9 ); --background-95: hsla( var(--background-base), .95 ); --background-dark-base: 208, 38%, 21%; --background-dark: hsla(var(--background-dark-base), 1); --background-dark-5: hsla( var(--background-dark-base), .05 ); --background-dark-10: hsla( var(--background-dark-base), .1 ); --background-dark-15: hsla( var(--background-dark-base), .15 ); --background-dark-20: hsla( var(--background-dark-base), .2 ); --background-dark-25: hsla( var(--background-dark-base), .25 ); --background-dark-30: hsla( var(--background-dark-base), .3 ); --background-dark-35: hsla( var(--background-dark-base), .35 ); --background-dark-40: hsla( var(--background-dark-base), .4 ); --background-dark-45: hsla( var(--background-dark-base), .45 ); --background-dark-50: hsla( var(--background-dark-base), .5 ); --background-dark-55: hsla( var(--background-dark-base), .55 ); --background-dark-60: hsla( var(--background-dark-base), .6 ); --background-dark-65: hsla( var(--background-dark-base), .65 ); --background-dark-70: hsla( var(--background-dark-base), .7 ); --background-dark-75: hsla( var(--background-dark-base), .75 ); --background-dark-80: hsla( var(--background-dark-base), .8 ); --background-dark-85: hsla( var(--background-dark-base), .85 ); --background-dark-90: hsla( var(--background-dark-base), .9 ); --background-dark-95: hsla( var(--background-dark-base), .95 ); --background-secondary-base: 0, 0%, 96%; --background-secondary: hsla(var(--background-secondary-base), 1); --background-secondary-5: hsla( var(--background-secondary-base), .05 ); --background-secondary-10: hsla( var(--background-secondary-base), .1 ); --background-secondary-15: hsla( var(--background-secondary-base), .15 ); --background-secondary-20: hsla( var(--background-secondary-base), .2 ); --background-secondary-25: hsla( var(--background-secondary-base), .25 ); --background-secondary-30: hsla( var(--background-secondary-base), .3 ); --background-secondary-35: hsla( var(--background-secondary-base), .35 ); --background-secondary-40: hsla( var(--background-secondary-base), .4 ); --background-secondary-45: hsla( var(--background-secondary-base), .45 ); --background-secondary-50: hsla( var(--background-secondary-base), .5 ); --background-secondary-55: hsla( var(--background-secondary-base), .55 ); --background-secondary-60: hsla( var(--background-secondary-base), .6 ); --background-secondary-65: hsla( var(--background-secondary-base), .65 ); --background-secondary-70: hsla( var(--background-secondary-base), .7 ); --background-secondary-75: hsla( var(--background-secondary-base), .75 ); --background-secondary-80: hsla( var(--background-secondary-base), .8 ); --background-secondary-85: hsla( var(--background-secondary-base), .85 ); --background-secondary-90: hsla( var(--background-secondary-base), .9 ); --background-secondary-95: hsla( var(--background-secondary-base), .95 ); --font-color-base: 201, 47%, 6%; --font-color-primary: hsla(var(--font-color-base), 1); --font-color-primary-5: hsla( var(--font-color-base), .05 ); --font-color-primary-10: hsla( var(--font-color-base), .1 ); --font-color-primary-15: hsla( var(--font-color-base), .15 ); --font-color-primary-20: hsla( var(--font-color-base), .2 ); --font-color-primary-25: hsla( var(--font-color-base), .25 ); --font-color-primary-30: hsla( var(--font-color-base), .3 ); --font-color-primary-35: hsla( var(--font-color-base), .35 ); --font-color-primary-40: hsla( var(--font-color-base), .4 ); --font-color-primary-45: hsla( var(--font-color-base), .45 ); --font-color-primary-50: hsla( var(--font-color-base), .5 ); --font-color-primary-55: hsla( var(--font-color-base), .55 ); --font-color-primary-60: hsla( var(--font-color-base), .6 ); --font-color-primary-65: hsla( var(--font-color-base), .65 ); --font-color-primary-70: hsla( var(--font-color-base), .7 ); --font-color-primary-75: hsla( var(--font-color-base), .75 ); --font-color-primary-80: hsla( var(--font-color-base), .8 ); --font-color-primary-85: hsla( var(--font-color-base), .85 ); --font-color-primary-90: hsla( var(--font-color-base), .9 ); --font-color-primary-95: hsla( var(--font-color-base), .95 ); --font-color-secondary-base: 0, 0%, 96%; --font-color-secondary: hsla(var(--font-color-secondary-base), 1); --font-color-secondary-5: hsla( var(--font-color-secondary-base), .05 ); --font-color-secondary-10: hsla( var(--font-color-secondary-base), .1 ); --font-color-secondary-15: hsla( var(--font-color-secondary-base), .15 ); --font-color-secondary-20: hsla( var(--font-color-secondary-base), .2 ); --font-color-secondary-25: hsla( var(--font-color-secondary-base), .25 ); --font-color-secondary-30: hsla( var(--font-color-secondary-base), .3 ); --font-color-secondary-35: hsla( var(--font-color-secondary-base), .35 ); --font-color-secondary-40: hsla( var(--font-color-secondary-base), .4 ); --font-color-secondary-45: hsla( var(--font-color-secondary-base), .45 ); --font-color-secondary-50: hsla( var(--font-color-secondary-base), .5 ); --font-color-secondary-55: hsla( var(--font-color-secondary-base), .55 ); --font-color-secondary-60: hsla( var(--font-color-secondary-base), .6 ); --font-color-secondary-65: hsla( var(--font-color-secondary-base), .65 ); --font-color-secondary-70: hsla( var(--font-color-secondary-base), .7 ); --font-color-secondary-75: hsla( var(--font-color-secondary-base), .75 ); --font-color-secondary-80: hsla( var(--font-color-secondary-base), .8 ); --font-color-secondary-85: hsla( var(--font-color-secondary-base), .85 ); --font-color-secondary-90: hsla( var(--font-color-secondary-base), .9 ); --font-color-secondary-95: hsla( var(--font-color-secondary-base), .95 ); --font-color-light-base: var(--font-color-secondary-base); --font-color-light: hsla(var(--font-color-light-base), 1); --font-color-light-5: hsla( var(--font-color-light-base), .05 ); --font-color-light-10: hsla( var(--font-color-light-base), .1 ); --font-color-light-15: hsla( var(--font-color-light-base), .15 ); --font-color-light-20: hsla( var(--font-color-light-base), .2 ); --font-color-light-25: hsla( var(--font-color-light-base), .25 ); --font-color-light-30: hsla( var(--font-color-light-base), .3 ); --font-color-light-35: hsla( var(--font-color-light-base), .35 ); --font-color-light-40: hsla( var(--font-color-light-base), .4 ); --font-color-light-45: hsla( var(--font-color-light-base), .45 ); --font-color-light-50: hsla( var(--font-color-light-base), .5 ); --font-color-light-55: hsla( var(--font-color-light-base), .55 ); --font-color-light-60: hsla( var(--font-color-light-base), .6 ); --font-color-light-65: hsla( var(--font-color-light-base), .65 ); --font-color-light-70: hsla( var(--font-color-light-base), .7 ); --font-color-light-75: hsla( var(--font-color-light-base), .75 ); --font-color-light-80: hsla( var(--font-color-light-base), .8 ); --font-color-light-85: hsla( var(--font-color-light-base), .85 ); --font-color-light-90: hsla( var(--font-color-light-base), .9 ); --font-color-light-95: hsla( var(--font-color-light-base), .95 ); --font-color-dark-base: var(--font-color-base); --font-color-dark: hsla(var(--font-color-dark-base), 1); --font-color-dark-5: hsla( var(--font-color-dark-base), .05 ); --font-color-dark-10: hsla( var(--font-color-dark-base), .1 ); --font-color-dark-15: hsla( var(--font-color-dark-base), .15 ); --font-color-dark-20: hsla( var(--font-color-dark-base), .2 ); --font-color-dark-25: hsla( var(--font-color-dark-base), .25 ); --font-color-dark-30: hsla( var(--font-color-dark-base), .3 ); --font-color-dark-35: hsla( var(--font-color-dark-base), .35 ); --font-color-dark-40: hsla( var(--font-color-dark-base), .4 ); --font-color-dark-45: hsla( var(--font-color-dark-base), .45 ); --font-color-dark-50: hsla( var(--font-color-dark-base), .5 ); --font-color-dark-55: hsla( var(--font-color-dark-base), .55 ); --font-color-dark-60: hsla( var(--font-color-dark-base), .6 ); --font-color-dark-65: hsla( var(--font-color-dark-base), .65 ); --font-color-dark-70: hsla( var(--font-color-dark-base), .7 ); --font-color-dark-75: hsla( var(--font-color-dark-base), .75 ); --font-color-dark-80: hsla( var(--font-color-dark-base), .8 ); --font-color-dark-85: hsla( var(--font-color-dark-base), .85 ); --font-color-dark-90: hsla( var(--font-color-dark-base), .9 ); --font-color-dark-95: hsla( var(--font-color-dark-base), .95 ); --font-color-button: var(--font-color-light); --font-color-button-secondary: var(--font-color-primary); --icons-inverted: true; --token-badge-bg: var(--font-color-primary); --token-badge-bg-gradient: linear-gradient( 90deg, var(--accent-2) 0%, var(--accent-1) 100% ); --token-badge-c-text: var(--font-color-secondary); --token-badge-c-text-gradient: var(--font-color-secondary); background-color: var(--background); } [data-theme="thailand"] body { --accent-1-base: 33, 100%, 46%; --accent-1: hsla(var(--accent-1-base), 1); --accent-1-5: hsla( var(--accent-1-base), .05 ); --accent-1-10: hsla( var(--accent-1-base), .1 ); --accent-1-15: hsla( var(--accent-1-base), .15 ); --accent-1-20: hsla( var(--accent-1-base), .2 ); --accent-1-25: hsla( var(--accent-1-base), .25 ); --accent-1-30: hsla( var(--accent-1-base), .3 ); --accent-1-35: hsla( var(--accent-1-base), .35 ); --accent-1-40: hsla( var(--accent-1-base), .4 ); --accent-1-45: hsla( var(--accent-1-base), .45 ); --accent-1-50: hsla( var(--accent-1-base), .5 ); --accent-1-55: hsla( var(--accent-1-base), .55 ); --accent-1-60: hsla( var(--accent-1-base), .6 ); --accent-1-65: hsla( var(--accent-1-base), .65 ); --accent-1-70: hsla( var(--accent-1-base), .7 ); --accent-1-75: hsla( var(--accent-1-base), .75 ); --accent-1-80: hsla( var(--accent-1-base), .8 ); --accent-1-85: hsla( var(--accent-1-base), .85 ); --accent-1-90: hsla( var(--accent-1-base), .9 ); --accent-1-95: hsla( var(--accent-1-base), .95 ); --accent-2-base: 25, 100%, 27%; --accent-2: hsla(var(--accent-2-base), 1); --accent-2-5: hsla( var(--accent-2-base), .05 ); --accent-2-10: hsla( var(--accent-2-base), .1 ); --accent-2-15: hsla( var(--accent-2-base), .15 ); --accent-2-20: hsla( var(--accent-2-base), .2 ); --accent-2-25: hsla( var(--accent-2-base), .25 ); --accent-2-30: hsla( var(--accent-2-base), .3 ); --accent-2-35: hsla( var(--accent-2-base), .35 ); --accent-2-40: hsla( var(--accent-2-base), .4 ); --accent-2-45: hsla( var(--accent-2-base), .45 ); --accent-2-50: hsla( var(--accent-2-base), .5 ); --accent-2-55: hsla( var(--accent-2-base), .55 ); --accent-2-60: hsla( var(--accent-2-base), .6 ); --accent-2-65: hsla( var(--accent-2-base), .65 ); --accent-2-70: hsla( var(--accent-2-base), .7 ); --accent-2-75: hsla( var(--accent-2-base), .75 ); --accent-2-80: hsla( var(--accent-2-base), .8 ); --accent-2-85: hsla( var(--accent-2-base), .85 ); --accent-2-90: hsla( var(--accent-2-base), .9 ); --accent-2-95: hsla( var(--accent-2-base), .95 ); --accent-2-dark-base: 25, 97%, 15%; --accent-2-dark: hsla(var(--accent-2-dark-base), 1); --accent-2-dark-5: hsla( var(--accent-2-dark-base), .05 ); --accent-2-dark-10: hsla( var(--accent-2-dark-base), .1 ); --accent-2-dark-15: hsla( var(--accent-2-dark-base), .15 ); --accent-2-dark-20: hsla( var(--accent-2-dark-base), .2 ); --accent-2-dark-25: hsla( var(--accent-2-dark-base), .25 ); --accent-2-dark-30: hsla( var(--accent-2-dark-base), .3 ); --accent-2-dark-35: hsla( var(--accent-2-dark-base), .35 ); --accent-2-dark-40: hsla( var(--accent-2-dark-base), .4 ); --accent-2-dark-45: hsla( var(--accent-2-dark-base), .45 ); --accent-2-dark-50: hsla( var(--accent-2-dark-base), .5 ); --accent-2-dark-55: hsla( var(--accent-2-dark-base), .55 ); --accent-2-dark-60: hsla( var(--accent-2-dark-base), .6 ); --accent-2-dark-65: hsla( var(--accent-2-dark-base), .65 ); --accent-2-dark-70: hsla( var(--accent-2-dark-base), .7 ); --accent-2-dark-75: hsla( var(--accent-2-dark-base), .75 ); --accent-2-dark-80: hsla( var(--accent-2-dark-base), .8 ); --accent-2-dark-85: hsla( var(--accent-2-dark-base), .85 ); --accent-2-dark-90: hsla( var(--accent-2-dark-base), .9 ); --accent-2-dark-95: hsla( var(--accent-2-dark-base), .95 ); --background-base: 334, 26%, 5%; --background: hsla(var(--background-base), 1); --background-5: hsla( var(--background-base), .05 ); --background-10: hsla( var(--background-base), .1 ); --background-15: hsla( var(--background-base), .15 ); --background-20: hsla( var(--background-base), .2 ); --background-25: hsla( var(--background-base), .25 ); --background-30: hsla( var(--background-base), .3 ); --background-35: hsla( var(--background-base), .35 ); --background-40: hsla( var(--background-base), .4 ); --background-45: hsla( var(--background-base), .45 ); --background-50: hsla( var(--background-base), .5 ); --background-55: hsla( var(--background-base), .55 ); --background-60: hsla( var(--background-base), .6 ); --background-65: hsla( var(--background-base), .65 ); --background-70: hsla( var(--background-base), .7 ); --background-75: hsla( var(--background-base), .75 ); --background-80: hsla( var(--background-base), .8 ); --background-85: hsla( var(--background-base), .85 ); --background-90: hsla( var(--background-base), .9 ); --background-95: hsla( var(--background-base), .95 ); --background-dark-base: 25, 100%, 9%; --background-dark: hsla(var(--background-dark-base), 1); --background-dark-5: hsla( var(--background-dark-base), .05 ); --background-dark-10: hsla( var(--background-dark-base), .1 ); --background-dark-15: hsla( var(--background-dark-base), .15 ); --background-dark-20: hsla( var(--background-dark-base), .2 ); --background-dark-25: hsla( var(--background-dark-base), .25 ); --background-dark-30: hsla( var(--background-dark-base), .3 ); --background-dark-35: hsla( var(--background-dark-base), .35 ); --background-dark-40: hsla( var(--background-dark-base), .4 ); --background-dark-45: hsla( var(--background-dark-base), .45 ); --background-dark-50: hsla( var(--background-dark-base), .5 ); --background-dark-55: hsla( var(--background-dark-base), .55 ); --background-dark-60: hsla( var(--background-dark-base), .6 ); --background-dark-65: hsla( var(--background-dark-base), .65 ); --background-dark-70: hsla( var(--background-dark-base), .7 ); --background-dark-75: hsla( var(--background-dark-base), .75 ); --background-dark-80: hsla( var(--background-dark-base), .8 ); --background-dark-85: hsla( var(--background-dark-base), .85 ); --background-dark-90: hsla( var(--background-dark-base), .9 ); --background-dark-95: hsla( var(--background-dark-base), .95 ); --background-secondary-base: 0, 0%, 96%; --background-secondary: hsla(var(--background-secondary-base), 1); --background-secondary-5: hsla( var(--background-secondary-base), .05 ); --background-secondary-10: hsla( var(--background-secondary-base), .1 ); --background-secondary-15: hsla( var(--background-secondary-base), .15 ); --background-secondary-20: hsla( var(--background-secondary-base), .2 ); --background-secondary-25: hsla( var(--background-secondary-base), .25 ); --background-secondary-30: hsla( var(--background-secondary-base), .3 ); --background-secondary-35: hsla( var(--background-secondary-base), .35 ); --background-secondary-40: hsla( var(--background-secondary-base), .4 ); --background-secondary-45: hsla( var(--background-secondary-base), .45 ); --background-secondary-50: hsla( var(--background-secondary-base), .5 ); --background-secondary-55: hsla( var(--background-secondary-base), .55 ); --background-secondary-60: hsla( var(--background-secondary-base), .6 ); --background-secondary-65: hsla( var(--background-secondary-base), .65 ); --background-secondary-70: hsla( var(--background-secondary-base), .7 ); --background-secondary-75: hsla( var(--background-secondary-base), .75 ); --background-secondary-80: hsla( var(--background-secondary-base), .8 ); --background-secondary-85: hsla( var(--background-secondary-base), .85 ); --background-secondary-90: hsla( var(--background-secondary-base), .9 ); --background-secondary-95: hsla( var(--background-secondary-base), .95 ); --font-color-base: 0, 0%, 96%; --font-color-primary: hsla(var(--font-color-base), 1); --font-color-primary-5: hsla( var(--font-color-base), .05 ); --font-color-primary-10: hsla( var(--font-color-base), .1 ); --font-color-primary-15: hsla( var(--font-color-base), .15 ); --font-color-primary-20: hsla( var(--font-color-base), .2 ); --font-color-primary-25: hsla( var(--font-color-base), .25 ); --font-color-primary-30: hsla( var(--font-color-base), .3 ); --font-color-primary-35: hsla( var(--font-color-base), .35 ); --font-color-primary-40: hsla( var(--font-color-base), .4 ); --font-color-primary-45: hsla( var(--font-color-base), .45 ); --font-color-primary-50: hsla( var(--font-color-base), .5 ); --font-color-primary-55: hsla( var(--font-color-base), .55 ); --font-color-primary-60: hsla( var(--font-color-base), .6 ); --font-color-primary-65: hsla( var(--font-color-base), .65 ); --font-color-primary-70: hsla( var(--font-color-base), .7 ); --font-color-primary-75: hsla( var(--font-color-base), .75 ); --font-color-primary-80: hsla( var(--font-color-base), .8 ); --font-color-primary-85: hsla( var(--font-color-base), .85 ); --font-color-primary-90: hsla( var(--font-color-base), .9 ); --font-color-primary-95: hsla( var(--font-color-base), .95 ); --font-color-secondary-base: 334, 26%, 5%; --font-color-secondary: hsla(var(--font-color-secondary-base), 1); --font-color-secondary-5: hsla( var(--font-color-secondary-base), .05 ); --font-color-secondary-10: hsla( var(--font-color-secondary-base), .1 ); --font-color-secondary-15: hsla( var(--font-color-secondary-base), .15 ); --font-color-secondary-20: hsla( var(--font-color-secondary-base), .2 ); --font-color-secondary-25: hsla( var(--font-color-secondary-base), .25 ); --font-color-secondary-30: hsla( var(--font-color-secondary-base), .3 ); --font-color-secondary-35: hsla( var(--font-color-secondary-base), .35 ); --font-color-secondary-40: hsla( var(--font-color-secondary-base), .4 ); --font-color-secondary-45: hsla( var(--font-color-secondary-base), .45 ); --font-color-secondary-50: hsla( var(--font-color-secondary-base), .5 ); --font-color-secondary-55: hsla( var(--font-color-secondary-base), .55 ); --font-color-secondary-60: hsla( var(--font-color-secondary-base), .6 ); --font-color-secondary-65: hsla( var(--font-color-secondary-base), .65 ); --font-color-secondary-70: hsla( var(--font-color-secondary-base), .7 ); --font-color-secondary-75: hsla( var(--font-color-secondary-base), .75 ); --font-color-secondary-80: hsla( var(--font-color-secondary-base), .8 ); --font-color-secondary-85: hsla( var(--font-color-secondary-base), .85 ); --font-color-secondary-90: hsla( var(--font-color-secondary-base), .9 ); --font-color-secondary-95: hsla( var(--font-color-secondary-base), .95 ); --font-color-light-base: var(--font-color-base); --font-color-light: hsla(var(--font-color-light-base), 1); --font-color-light-5: hsla( var(--font-color-light-base), .05 ); --font-color-light-10: hsla( var(--font-color-light-base), .1 ); --font-color-light-15: hsla( var(--font-color-light-base), .15 ); --font-color-light-20: hsla( var(--font-color-light-base), .2 ); --font-color-light-25: hsla( var(--font-color-light-base), .25 ); --font-color-light-30: hsla( var(--font-color-light-base), .3 ); --font-color-light-35: hsla( var(--font-color-light-base), .35 ); --font-color-light-40: hsla( var(--font-color-light-base), .4 ); --font-color-light-45: hsla( var(--font-color-light-base), .45 ); --font-color-light-50: hsla( var(--font-color-light-base), .5 ); --font-color-light-55: hsla( var(--font-color-light-base), .55 ); --font-color-light-60: hsla( var(--font-color-light-base), .6 ); --font-color-light-65: hsla( var(--font-color-light-base), .65 ); --font-color-light-70: hsla( var(--font-color-light-base), .7 ); --font-color-light-75: hsla( var(--font-color-light-base), .75 ); --font-color-light-80: hsla( var(--font-color-light-base), .8 ); --font-color-light-85: hsla( var(--font-color-light-base), .85 ); --font-color-light-90: hsla( var(--font-color-light-base), .9 ); --font-color-light-95: hsla( var(--font-color-light-base), .95 ); --font-color-dark-base: var(--font-color-secondary-base); --font-color-dark: hsla(var(--font-color-dark-base), 1); --font-color-dark-5: hsla( var(--font-color-dark-base), .05 ); --font-color-dark-10: hsla( var(--font-color-dark-base), .1 ); --font-color-dark-15: hsla( var(--font-color-dark-base), .15 ); --font-color-dark-20: hsla( var(--font-color-dark-base), .2 ); --font-color-dark-25: hsla( var(--font-color-dark-base), .25 ); --font-color-dark-30: hsla( var(--font-color-dark-base), .3 ); --font-color-dark-35: hsla( var(--font-color-dark-base), .35 ); --font-color-dark-40: hsla( var(--font-color-dark-base), .4 ); --font-color-dark-45: hsla( var(--font-color-dark-base), .45 ); --font-color-dark-50: hsla( var(--font-color-dark-base), .5 ); --font-color-dark-55: hsla( var(--font-color-dark-base), .55 ); --font-color-dark-60: hsla( var(--font-color-dark-base), .6 ); --font-color-dark-65: hsla( var(--font-color-dark-base), .65 ); --font-color-dark-70: hsla( var(--font-color-dark-base), .7 ); --font-color-dark-75: hsla( var(--font-color-dark-base), .75 ); --font-color-dark-80: hsla( var(--font-color-dark-base), .8 ); --font-color-dark-85: hsla( var(--font-color-dark-base), .85 ); --font-color-dark-90: hsla( var(--font-color-dark-base), .9 ); --font-color-dark-95: hsla( var(--font-color-dark-base), .95 ); --font-color-button: var(--font-color-primary); --font-color-button-secondary: var(--font-color-secondary); --token-badge-bg: var(--font-color-primary); --token-badge-bg-gradient: linear-gradient( 90deg, var(--accent-2) 0%, var(--accent-1) 100% ); --token-badge-c-text: var(--font-color-secondary); --token-badge-c-text-gradient: var(--font-color-primary); background-color: var(--background); } [data-theme="account"] body { --accent-1-base: 38, 50%, 61%; --accent-1: hsla(var(--accent-1-base), 1); --accent-1-5: hsla( var(--accent-1-base), .05 ); --accent-1-10: hsla( var(--accent-1-base), .1 ); --accent-1-15: hsla( var(--accent-1-base), .15 ); --accent-1-20: hsla( var(--accent-1-base), .2 ); --accent-1-25: hsla( var(--accent-1-base), .25 ); --accent-1-30: hsla( var(--accent-1-base), .3 ); --accent-1-35: hsla( var(--accent-1-base), .35 ); --accent-1-40: hsla( var(--accent-1-base), .4 ); --accent-1-45: hsla( var(--accent-1-base), .45 ); --accent-1-50: hsla( var(--accent-1-base), .5 ); --accent-1-55: hsla( var(--accent-1-base), .55 ); --accent-1-60: hsla( var(--accent-1-base), .6 ); --accent-1-65: hsla( var(--accent-1-base), .65 ); --accent-1-70: hsla( var(--accent-1-base), .7 ); --accent-1-75: hsla( var(--accent-1-base), .75 ); --accent-1-80: hsla( var(--accent-1-base), .8 ); --accent-1-85: hsla( var(--accent-1-base), .85 ); --accent-1-90: hsla( var(--accent-1-base), .9 ); --accent-1-95: hsla( var(--accent-1-base), .95 ); --accent-2-base: 41, 32%, 47%; --accent-2: hsla(var(--accent-2-base), 1); --accent-2-5: hsla( var(--accent-2-base), .05 ); --accent-2-10: hsla( var(--accent-2-base), .1 ); --accent-2-15: hsla( var(--accent-2-base), .15 ); --accent-2-20: hsla( var(--accent-2-base), .2 ); --accent-2-25: hsla( var(--accent-2-base), .25 ); --accent-2-30: hsla( var(--accent-2-base), .3 ); --accent-2-35: hsla( var(--accent-2-base), .35 ); --accent-2-40: hsla( var(--accent-2-base), .4 ); --accent-2-45: hsla( var(--accent-2-base), .45 ); --accent-2-50: hsla( var(--accent-2-base), .5 ); --accent-2-55: hsla( var(--accent-2-base), .55 ); --accent-2-60: hsla( var(--accent-2-base), .6 ); --accent-2-65: hsla( var(--accent-2-base), .65 ); --accent-2-70: hsla( var(--accent-2-base), .7 ); --accent-2-75: hsla( var(--accent-2-base), .75 ); --accent-2-80: hsla( var(--accent-2-base), .8 ); --accent-2-85: hsla( var(--accent-2-base), .85 ); --accent-2-90: hsla( var(--accent-2-base), .9 ); --accent-2-95: hsla( var(--accent-2-base), .95 ); --accent-2-dark-base: 39, 34%, 18%; --accent-2-dark: hsla(var(--accent-2-dark-base), 1); --accent-2-dark-5: hsla( var(--accent-2-dark-base), .05 ); --accent-2-dark-10: hsla( var(--accent-2-dark-base), .1 ); --accent-2-dark-15: hsla( var(--accent-2-dark-base), .15 ); --accent-2-dark-20: hsla( var(--accent-2-dark-base), .2 ); --accent-2-dark-25: hsla( var(--accent-2-dark-base), .25 ); --accent-2-dark-30: hsla( var(--accent-2-dark-base), .3 ); --accent-2-dark-35: hsla( var(--accent-2-dark-base), .35 ); --accent-2-dark-40: hsla( var(--accent-2-dark-base), .4 ); --accent-2-dark-45: hsla( var(--accent-2-dark-base), .45 ); --accent-2-dark-50: hsla( var(--accent-2-dark-base), .5 ); --accent-2-dark-55: hsla( var(--accent-2-dark-base), .55 ); --accent-2-dark-60: hsla( var(--accent-2-dark-base), .6 ); --accent-2-dark-65: hsla( var(--accent-2-dark-base), .65 ); --accent-2-dark-70: hsla( var(--accent-2-dark-base), .7 ); --accent-2-dark-75: hsla( var(--accent-2-dark-base), .75 ); --accent-2-dark-80: hsla( var(--accent-2-dark-base), .8 ); --accent-2-dark-85: hsla( var(--accent-2-dark-base), .85 ); --accent-2-dark-90: hsla( var(--accent-2-dark-base), .9 ); --accent-2-dark-95: hsla( var(--accent-2-dark-base), .95 ); --accent-success-base: 178, 100%, 16%; --accent-success: hsla(var(--accent-success-base), 1); --accent-success-5: hsla( var(--accent-success-base), .05 ); --accent-success-10: hsla( var(--accent-success-base), .1 ); --accent-success-15: hsla( var(--accent-success-base), .15 ); --accent-success-20: hsla( var(--accent-success-base), .2 ); --accent-success-25: hsla( var(--accent-success-base), .25 ); --accent-success-30: hsla( var(--accent-success-base), .3 ); --accent-success-35: hsla( var(--accent-success-base), .35 ); --accent-success-40: hsla( var(--accent-success-base), .4 ); --accent-success-45: hsla( var(--accent-success-base), .45 ); --accent-success-50: hsla( var(--accent-success-base), .5 ); --accent-success-55: hsla( var(--accent-success-base), .55 ); --accent-success-60: hsla( var(--accent-success-base), .6 ); --accent-success-65: hsla( var(--accent-success-base), .65 ); --accent-success-70: hsla( var(--accent-success-base), .7 ); --accent-success-75: hsla( var(--accent-success-base), .75 ); --accent-success-80: hsla( var(--accent-success-base), .8 ); --accent-success-85: hsla( var(--accent-success-base), .85 ); --accent-success-90: hsla( var(--accent-success-base), .9 ); --accent-success-95: hsla( var(--accent-success-base), .95 ); --accent-success-extra-subtle: hsl(171, 45%, 91%); --background-base: 26, 26%, 95%; --background: hsla(var(--background-base), 1); --background-5: hsla( var(--background-base), .05 ); --background-10: hsla( var(--background-base), .1 ); --background-15: hsla( var(--background-base), .15 ); --background-20: hsla( var(--background-base), .2 ); --background-25: hsla( var(--background-base), .25 ); --background-30: hsla( var(--background-base), .3 ); --background-35: hsla( var(--background-base), .35 ); --background-40: hsla( var(--background-base), .4 ); --background-45: hsla( var(--background-base), .45 ); --background-50: hsla( var(--background-base), .5 ); --background-55: hsla( var(--background-base), .55 ); --background-60: hsla( var(--background-base), .6 ); --background-65: hsla( var(--background-base), .65 ); --background-70: hsla( var(--background-base), .7 ); --background-75: hsla( var(--background-base), .75 ); --background-80: hsla( var(--background-base), .8 ); --background-85: hsla( var(--background-base), .85 ); --background-90: hsla( var(--background-base), .9 ); --background-95: hsla( var(--background-base), .95 ); --background-dark-base: 23, 13%, 19%; --background-dark: hsla(var(--background-dark-base), 1); --background-dark-5: hsla( var(--background-dark-base), .05 ); --background-dark-10: hsla( var(--background-dark-base), .1 ); --background-dark-15: hsla( var(--background-dark-base), .15 ); --background-dark-20: hsla( var(--background-dark-base), .2 ); --background-dark-25: hsla( var(--background-dark-base), .25 ); --background-dark-30: hsla( var(--background-dark-base), .3 ); --background-dark-35: hsla( var(--background-dark-base), .35 ); --background-dark-40: hsla( var(--background-dark-base), .4 ); --background-dark-45: hsla( var(--background-dark-base), .45 ); --background-dark-50: hsla( var(--background-dark-base), .5 ); --background-dark-55: hsla( var(--background-dark-base), .55 ); --background-dark-60: hsla( var(--background-dark-base), .6 ); --background-dark-65: hsla( var(--background-dark-base), .65 ); --background-dark-70: hsla( var(--background-dark-base), .7 ); --background-dark-75: hsla( var(--background-dark-base), .75 ); --background-dark-80: hsla( var(--background-dark-base), .8 ); --background-dark-85: hsla( var(--background-dark-base), .85 ); --background-dark-90: hsla( var(--background-dark-base), .9 ); --background-dark-95: hsla( var(--background-dark-base), .95 ); --background-secondary-base: 30, 40%, 98%; --background-secondary: hsla(var(--background-secondary-base), 1); --background-secondary-5: hsla( var(--background-secondary-base), .05 ); --background-secondary-10: hsla( var(--background-secondary-base), .1 ); --background-secondary-15: hsla( var(--background-secondary-base), .15 ); --background-secondary-20: hsla( var(--background-secondary-base), .2 ); --background-secondary-25: hsla( var(--background-secondary-base), .25 ); --background-secondary-30: hsla( var(--background-secondary-base), .3 ); --background-secondary-35: hsla( var(--background-secondary-base), .35 ); --background-secondary-40: hsla( var(--background-secondary-base), .4 ); --background-secondary-45: hsla( var(--background-secondary-base), .45 ); --background-secondary-50: hsla( var(--background-secondary-base), .5 ); --background-secondary-55: hsla( var(--background-secondary-base), .55 ); --background-secondary-60: hsla( var(--background-secondary-base), .6 ); --background-secondary-65: hsla( var(--background-secondary-base), .65 ); --background-secondary-70: hsla( var(--background-secondary-base), .7 ); --background-secondary-75: hsla( var(--background-secondary-base), .75 ); --background-secondary-80: hsla( var(--background-secondary-base), .8 ); --background-secondary-85: hsla( var(--background-secondary-base), .85 ); --background-secondary-90: hsla( var(--background-secondary-base), .9 ); --background-secondary-95: hsla( var(--background-secondary-base), .95 ); --font-color-base: 0, 0%, 14%; --font-color-primary: hsla(var(--font-color-base), 1); --font-color-primary-5: hsla( var(--font-color-base), .05 ); --font-color-primary-10: hsla( var(--font-color-base), .1 ); --font-color-primary-15: hsla( var(--font-color-base), .15 ); --font-color-primary-20: hsla( var(--font-color-base), .2 ); --font-color-primary-25: hsla( var(--font-color-base), .25 ); --font-color-primary-30: hsla( var(--font-color-base), .3 ); --font-color-primary-35: hsla( var(--font-color-base), .35 ); --font-color-primary-40: hsla( var(--font-color-base), .4 ); --font-color-primary-45: hsla( var(--font-color-base), .45 ); --font-color-primary-50: hsla( var(--font-color-base), .5 ); --font-color-primary-55: hsla( var(--font-color-base), .55 ); --font-color-primary-60: hsla( var(--font-color-base), .6 ); --font-color-primary-65: hsla( var(--font-color-base), .65 ); --font-color-primary-70: hsla( var(--font-color-base), .7 ); --font-color-primary-75: hsla( var(--font-color-base), .75 ); --font-color-primary-80: hsla( var(--font-color-base), .8 ); --font-color-primary-85: hsla( var(--font-color-base), .85 ); --font-color-primary-90: hsla( var(--font-color-base), .9 ); --font-color-primary-95: hsla( var(--font-color-base), .95 ); --font-color-secondary-base: 0, 0%, 100%; --font-color-secondary: hsla(var(--font-color-secondary-base), 1); --font-color-secondary-5: hsla( var(--font-color-secondary-base), .05 ); --font-color-secondary-10: hsla( var(--font-color-secondary-base), .1 ); --font-color-secondary-15: hsla( var(--font-color-secondary-base), .15 ); --font-color-secondary-20: hsla( var(--font-color-secondary-base), .2 ); --font-color-secondary-25: hsla( var(--font-color-secondary-base), .25 ); --font-color-secondary-30: hsla( var(--font-color-secondary-base), .3 ); --font-color-secondary-35: hsla( var(--font-color-secondary-base), .35 ); --font-color-secondary-40: hsla( var(--font-color-secondary-base), .4 ); --font-color-secondary-45: hsla( var(--font-color-secondary-base), .45 ); --font-color-secondary-50: hsla( var(--font-color-secondary-base), .5 ); --font-color-secondary-55: hsla( var(--font-color-secondary-base), .55 ); --font-color-secondary-60: hsla( var(--font-color-secondary-base), .6 ); --font-color-secondary-65: hsla( var(--font-color-secondary-base), .65 ); --font-color-secondary-70: hsla( var(--font-color-secondary-base), .7 ); --font-color-secondary-75: hsla( var(--font-color-secondary-base), .75 ); --font-color-secondary-80: hsla( var(--font-color-secondary-base), .8 ); --font-color-secondary-85: hsla( var(--font-color-secondary-base), .85 ); --font-color-secondary-90: hsla( var(--font-color-secondary-base), .9 ); --font-color-secondary-95: hsla( var(--font-color-secondary-base), .95 ); --font-color-light-base: var(--font-color-secondary-base); --font-color-light: hsla(var(--font-color-light-base), 1); --font-color-light-5: hsla( var(--font-color-light-base), .05 ); --font-color-light-10: hsla( var(--font-color-light-base), .1 ); --font-color-light-15: hsla( var(--font-color-light-base), .15 ); --font-color-light-20: hsla( var(--font-color-light-base), .2 ); --font-color-light-25: hsla( var(--font-color-light-base), .25 ); --font-color-light-30: hsla( var(--font-color-light-base), .3 ); --font-color-light-35: hsla( var(--font-color-light-base), .35 ); --font-color-light-40: hsla( var(--font-color-light-base), .4 ); --font-color-light-45: hsla( var(--font-color-light-base), .45 ); --font-color-light-50: hsla( var(--font-color-light-base), .5 ); --font-color-light-55: hsla( var(--font-color-light-base), .55 ); --font-color-light-60: hsla( var(--font-color-light-base), .6 ); --font-color-light-65: hsla( var(--font-color-light-base), .65 ); --font-color-light-70: hsla( var(--font-color-light-base), .7 ); --font-color-light-75: hsla( var(--font-color-light-base), .75 ); --font-color-light-80: hsla( var(--font-color-light-base), .8 ); --font-color-light-85: hsla( var(--font-color-light-base), .85 ); --font-color-light-90: hsla( var(--font-color-light-base), .9 ); --font-color-light-95: hsla( var(--font-color-light-base), .95 ); --font-color-dark-base: var(--font-color-base); --font-color-dark: hsla(var(--font-color-dark-base), 1); --font-color-dark-5: hsla( var(--font-color-dark-base), .05 ); --font-color-dark-10: hsla( var(--font-color-dark-base), .1 ); --font-color-dark-15: hsla( var(--font-color-dark-base), .15 ); --font-color-dark-20: hsla( var(--font-color-dark-base), .2 ); --font-color-dark-25: hsla( var(--font-color-dark-base), .25 ); --font-color-dark-30: hsla( var(--font-color-dark-base), .3 ); --font-color-dark-35: hsla( var(--font-color-dark-base), .35 ); --font-color-dark-40: hsla( var(--font-color-dark-base), .4 ); --font-color-dark-45: hsla( var(--font-color-dark-base), .45 ); --font-color-dark-50: hsla( var(--font-color-dark-base), .5 ); --font-color-dark-55: hsla( var(--font-color-dark-base), .55 ); --font-color-dark-60: hsla( var(--font-color-dark-base), .6 ); --font-color-dark-65: hsla( var(--font-color-dark-base), .65 ); --font-color-dark-70: hsla( var(--font-color-dark-base), .7 ); --font-color-dark-75: hsla( var(--font-color-dark-base), .75 ); --font-color-dark-80: hsla( var(--font-color-dark-base), .8 ); --font-color-dark-85: hsla( var(--font-color-dark-base), .85 ); --font-color-dark-90: hsla( var(--font-color-dark-base), .9 ); --font-color-dark-95: hsla( var(--font-color-dark-base), .95 ); --font-color-button: var(--font-color-secondary); --font-color-button-secondary: var(--font-color-secondary); --icons-inverted: true; --token-badge-bg: var(--accent-warning-extra-subtle); --token-badge-bg-gradient: var(--token-badge-bg); --token-badge-c-text: var(--accent-warning); --token-badge-c-text-gradient: var(--token-badge-c-text); --token-badge-bg-success: var(--accent-success-extra-subtle); --token-badge-c-text-success: var(--accent-success); background-color: var(--background); } [data-theme="account-dark"] body { --accent-1-base: 0, 0%, 95%; --accent-1: hsla(var(--accent-1-base), 1); --accent-1-5: hsla( var(--accent-1-base), .05 ); --accent-1-10: hsla( var(--accent-1-base), .1 ); --accent-1-15: hsla( var(--accent-1-base), .15 ); --accent-1-20: hsla( var(--accent-1-base), .2 ); --accent-1-25: hsla( var(--accent-1-base), .25 ); --accent-1-30: hsla( var(--accent-1-base), .3 ); --accent-1-35: hsla( var(--accent-1-base), .35 ); --accent-1-40: hsla( var(--accent-1-base), .4 ); --accent-1-45: hsla( var(--accent-1-base), .45 ); --accent-1-50: hsla( var(--accent-1-base), .5 ); --accent-1-55: hsla( var(--accent-1-base), .55 ); --accent-1-60: hsla( var(--accent-1-base), .6 ); --accent-1-65: hsla( var(--accent-1-base), .65 ); --accent-1-70: hsla( var(--accent-1-base), .7 ); --accent-1-75: hsla( var(--accent-1-base), .75 ); --accent-1-80: hsla( var(--accent-1-base), .8 ); --accent-1-85: hsla( var(--accent-1-base), .85 ); --accent-1-90: hsla( var(--accent-1-base), .9 ); --accent-1-95: hsla( var(--accent-1-base), .95 ); --accent-2-base: 0, 0%, 84%; --accent-2: hsla(var(--accent-2-base), 1); --accent-2-5: hsla( var(--accent-2-base), .05 ); --accent-2-10: hsla( var(--accent-2-base), .1 ); --accent-2-15: hsla( var(--accent-2-base), .15 ); --accent-2-20: hsla( var(--accent-2-base), .2 ); --accent-2-25: hsla( var(--accent-2-base), .25 ); --accent-2-30: hsla( var(--accent-2-base), .3 ); --accent-2-35: hsla( var(--accent-2-base), .35 ); --accent-2-40: hsla( var(--accent-2-base), .4 ); --accent-2-45: hsla( var(--accent-2-base), .45 ); --accent-2-50: hsla( var(--accent-2-base), .5 ); --accent-2-55: hsla( var(--accent-2-base), .55 ); --accent-2-60: hsla( var(--accent-2-base), .6 ); --accent-2-65: hsla( var(--accent-2-base), .65 ); --accent-2-70: hsla( var(--accent-2-base), .7 ); --accent-2-75: hsla( var(--accent-2-base), .75 ); --accent-2-80: hsla( var(--accent-2-base), .8 ); --accent-2-85: hsla( var(--accent-2-base), .85 ); --accent-2-90: hsla( var(--accent-2-base), .9 ); --accent-2-95: hsla( var(--accent-2-base), .95 ); --accent-2-dark-base: 38, 35%, 19%; --accent-2-dark: hsla(var(--accent-2-dark-base), 1); --accent-2-dark-5: hsla( var(--accent-2-dark-base), .05 ); --accent-2-dark-10: hsla( var(--accent-2-dark-base), .1 ); --accent-2-dark-15: hsla( var(--accent-2-dark-base), .15 ); --accent-2-dark-20: hsla( var(--accent-2-dark-base), .2 ); --accent-2-dark-25: hsla( var(--accent-2-dark-base), .25 ); --accent-2-dark-30: hsla( var(--accent-2-dark-base), .3 ); --accent-2-dark-35: hsla( var(--accent-2-dark-base), .35 ); --accent-2-dark-40: hsla( var(--accent-2-dark-base), .4 ); --accent-2-dark-45: hsla( var(--accent-2-dark-base), .45 ); --accent-2-dark-50: hsla( var(--accent-2-dark-base), .5 ); --accent-2-dark-55: hsla( var(--accent-2-dark-base), .55 ); --accent-2-dark-60: hsla( var(--accent-2-dark-base), .6 ); --accent-2-dark-65: hsla( var(--accent-2-dark-base), .65 ); --accent-2-dark-70: hsla( var(--accent-2-dark-base), .7 ); --accent-2-dark-75: hsla( var(--accent-2-dark-base), .75 ); --accent-2-dark-80: hsla( var(--accent-2-dark-base), .8 ); --accent-2-dark-85: hsla( var(--accent-2-dark-base), .85 ); --accent-2-dark-90: hsla( var(--accent-2-dark-base), .9 ); --accent-2-dark-95: hsla( var(--accent-2-dark-base), .95 ); --accent-success-base: 171, 45%, 91%; --accent-success: hsla(var(--accent-success-base), 1); --accent-success-5: hsla( var(--accent-success-base), .05 ); --accent-success-10: hsla( var(--accent-success-base), .1 ); --accent-success-15: hsla( var(--accent-success-base), .15 ); --accent-success-20: hsla( var(--accent-success-base), .2 ); --accent-success-25: hsla( var(--accent-success-base), .25 ); --accent-success-30: hsla( var(--accent-success-base), .3 ); --accent-success-35: hsla( var(--accent-success-base), .35 ); --accent-success-40: hsla( var(--accent-success-base), .4 ); --accent-success-45: hsla( var(--accent-success-base), .45 ); --accent-success-50: hsla( var(--accent-success-base), .5 ); --accent-success-55: hsla( var(--accent-success-base), .55 ); --accent-success-60: hsla( var(--accent-success-base), .6 ); --accent-success-65: hsla( var(--accent-success-base), .65 ); --accent-success-70: hsla( var(--accent-success-base), .7 ); --accent-success-75: hsla( var(--accent-success-base), .75 ); --accent-success-80: hsla( var(--accent-success-base), .8 ); --accent-success-85: hsla( var(--accent-success-base), .85 ); --accent-success-90: hsla( var(--accent-success-base), .9 ); --accent-success-95: hsla( var(--accent-success-base), .95 ); --accent-success-extra-subtle: hsl(178, 100%, 16%); --accent-warning-extra-subtle: hsl(17, 41%, 15%); --background-base: 0, 0%, 8%; --background: hsla(var(--background-base), 1); --background-5: hsla( var(--background-base), .05 ); --background-10: hsla( var(--background-base), .1 ); --background-15: hsla( var(--background-base), .15 ); --background-20: hsla( var(--background-base), .2 ); --background-25: hsla( var(--background-base), .25 ); --background-30: hsla( var(--background-base), .3 ); --background-35: hsla( var(--background-base), .35 ); --background-40: hsla( var(--background-base), .4 ); --background-45: hsla( var(--background-base), .45 ); --background-50: hsla( var(--background-base), .5 ); --background-55: hsla( var(--background-base), .55 ); --background-60: hsla( var(--background-base), .6 ); --background-65: hsla( var(--background-base), .65 ); --background-70: hsla( var(--background-base), .7 ); --background-75: hsla( var(--background-base), .75 ); --background-80: hsla( var(--background-base), .8 ); --background-85: hsla( var(--background-base), .85 ); --background-90: hsla( var(--background-base), .9 ); --background-95: hsla( var(--background-base), .95 ); --background-secondary-base: 0, 0%, 12%; --background-secondary: hsla(var(--background-secondary-base), 1); --background-secondary-5: hsla( var(--background-secondary-base), .05 ); --background-secondary-10: hsla( var(--background-secondary-base), .1 ); --background-secondary-15: hsla( var(--background-secondary-base), .15 ); --background-secondary-20: hsla( var(--background-secondary-base), .2 ); --background-secondary-25: hsla( var(--background-secondary-base), .25 ); --background-secondary-30: hsla( var(--background-secondary-base), .3 ); --background-secondary-35: hsla( var(--background-secondary-base), .35 ); --background-secondary-40: hsla( var(--background-secondary-base), .4 ); --background-secondary-45: hsla( var(--background-secondary-base), .45 ); --background-secondary-50: hsla( var(--background-secondary-base), .5 ); --background-secondary-55: hsla( var(--background-secondary-base), .55 ); --background-secondary-60: hsla( var(--background-secondary-base), .6 ); --background-secondary-65: hsla( var(--background-secondary-base), .65 ); --background-secondary-70: hsla( var(--background-secondary-base), .7 ); --background-secondary-75: hsla( var(--background-secondary-base), .75 ); --background-secondary-80: hsla( var(--background-secondary-base), .8 ); --background-secondary-85: hsla( var(--background-secondary-base), .85 ); --background-secondary-90: hsla( var(--background-secondary-base), .9 ); --background-secondary-95: hsla( var(--background-secondary-base), .95 ); --font-color-base: 0, 0%, 98%; --font-color-primary: hsla(var(--font-color-base), 1); --font-color-primary-5: hsla( var(--font-color-base), .05 ); --font-color-primary-10: hsla( var(--font-color-base), .1 ); --font-color-primary-15: hsla( var(--font-color-base), .15 ); --font-color-primary-20: hsla( var(--font-color-base), .2 ); --font-color-primary-25: hsla( var(--font-color-base), .25 ); --font-color-primary-30: hsla( var(--font-color-base), .3 ); --font-color-primary-35: hsla( var(--font-color-base), .35 ); --font-color-primary-40: hsla( var(--font-color-base), .4 ); --font-color-primary-45: hsla( var(--font-color-base), .45 ); --font-color-primary-50: hsla( var(--font-color-base), .5 ); --font-color-primary-55: hsla( var(--font-color-base), .55 ); --font-color-primary-60: hsla( var(--font-color-base), .6 ); --font-color-primary-65: hsla( var(--font-color-base), .65 ); --font-color-primary-70: hsla( var(--font-color-base), .7 ); --font-color-primary-75: hsla( var(--font-color-base), .75 ); --font-color-primary-80: hsla( var(--font-color-base), .8 ); --font-color-primary-85: hsla( var(--font-color-base), .85 ); --font-color-primary-90: hsla( var(--font-color-base), .9 ); --font-color-primary-95: hsla( var(--font-color-base), .95 ); --font-color-secondary-base: 0, 0%, 14%; --font-color-secondary: hsla(var(--font-color-secondary-base), 1); --font-color-secondary-5: hsla( var(--font-color-secondary-base), .05 ); --font-color-secondary-10: hsla( var(--font-color-secondary-base), .1 ); --font-color-secondary-15: hsla( var(--font-color-secondary-base), .15 ); --font-color-secondary-20: hsla( var(--font-color-secondary-base), .2 ); --font-color-secondary-25: hsla( var(--font-color-secondary-base), .25 ); --font-color-secondary-30: hsla( var(--font-color-secondary-base), .3 ); --font-color-secondary-35: hsla( var(--font-color-secondary-base), .35 ); --font-color-secondary-40: hsla( var(--font-color-secondary-base), .4 ); --font-color-secondary-45: hsla( var(--font-color-secondary-base), .45 ); --font-color-secondary-50: hsla( var(--font-color-secondary-base), .5 ); --font-color-secondary-55: hsla( var(--font-color-secondary-base), .55 ); --font-color-secondary-60: hsla( var(--font-color-secondary-base), .6 ); --font-color-secondary-65: hsla( var(--font-color-secondary-base), .65 ); --font-color-secondary-70: hsla( var(--font-color-secondary-base), .7 ); --font-color-secondary-75: hsla( var(--font-color-secondary-base), .75 ); --font-color-secondary-80: hsla( var(--font-color-secondary-base), .8 ); --font-color-secondary-85: hsla( var(--font-color-secondary-base), .85 ); --font-color-secondary-90: hsla( var(--font-color-secondary-base), .9 ); --font-color-secondary-95: hsla( var(--font-color-secondary-base), .95 ); --font-color-light-base: var(--font-color-base); --font-color-light: hsla(var(--font-color-light-base), 1); --font-color-light-5: hsla( var(--font-color-light-base), .05 ); --font-color-light-10: hsla( var(--font-color-light-base), .1 ); --font-color-light-15: hsla( var(--font-color-light-base), .15 ); --font-color-light-20: hsla( var(--font-color-light-base), .2 ); --font-color-light-25: hsla( var(--font-color-light-base), .25 ); --font-color-light-30: hsla( var(--font-color-light-base), .3 ); --font-color-light-35: hsla( var(--font-color-light-base), .35 ); --font-color-light-40: hsla( var(--font-color-light-base), .4 ); --font-color-light-45: hsla( var(--font-color-light-base), .45 ); --font-color-light-50: hsla( var(--font-color-light-base), .5 ); --font-color-light-55: hsla( var(--font-color-light-base), .55 ); --font-color-light-60: hsla( var(--font-color-light-base), .6 ); --font-color-light-65: hsla( var(--font-color-light-base), .65 ); --font-color-light-70: hsla( var(--font-color-light-base), .7 ); --font-color-light-75: hsla( var(--font-color-light-base), .75 ); --font-color-light-80: hsla( var(--font-color-light-base), .8 ); --font-color-light-85: hsla( var(--font-color-light-base), .85 ); --font-color-light-90: hsla( var(--font-color-light-base), .9 ); --font-color-light-95: hsla( var(--font-color-light-base), .95 ); --font-color-dark-base: var(--font-color-secondary-base); --font-color-dark: hsla(var(--font-color-dark-base), 1); --font-color-dark-5: hsla( var(--font-color-dark-base), .05 ); --font-color-dark-10: hsla( var(--font-color-dark-base), .1 ); --font-color-dark-15: hsla( var(--font-color-dark-base), .15 ); --font-color-dark-20: hsla( var(--font-color-dark-base), .2 ); --font-color-dark-25: hsla( var(--font-color-dark-base), .25 ); --font-color-dark-30: hsla( var(--font-color-dark-base), .3 ); --font-color-dark-35: hsla( var(--font-color-dark-base), .35 ); --font-color-dark-40: hsla( var(--font-color-dark-base), .4 ); --font-color-dark-45: hsla( var(--font-color-dark-base), .45 ); --font-color-dark-50: hsla( var(--font-color-dark-base), .5 ); --font-color-dark-55: hsla( var(--font-color-dark-base), .55 ); --font-color-dark-60: hsla( var(--font-color-dark-base), .6 ); --font-color-dark-65: hsla( var(--font-color-dark-base), .65 ); --font-color-dark-70: hsla( var(--font-color-dark-base), .7 ); --font-color-dark-75: hsla( var(--font-color-dark-base), .75 ); --font-color-dark-80: hsla( var(--font-color-dark-base), .8 ); --font-color-dark-85: hsla( var(--font-color-dark-base), .85 ); --font-color-dark-90: hsla( var(--font-color-dark-base), .9 ); --font-color-dark-95: hsla( var(--font-color-dark-base), .95 ); --font-color-button: var(--font-color-secondary); --font-color-button-secondary: var(--font-color-secondary); --token-badge-bg: var(--accent-warning-extra-subtle); --token-badge-bg-gradient: var(--token-badge-bg); --token-badge-c-text: var(--accent-warning); --token-badge-c-text-gradient: var(--token-badge-c-text); --token-badge-bg-success: var(--accent-success-extra-subtle); --token-badge-c-text-success: var(--accent-success); background-color: var(--background); } [data-theme="essence"] { --accent-1-base: 30, 12%, 40%; --accent-1: hsla(var(--accent-1-base), 1); --accent-1-5: hsla( var(--accent-1-base), .05 ); --accent-1-10: hsla( var(--accent-1-base), .1 ); --accent-1-15: hsla( var(--accent-1-base), .15 ); --accent-1-20: hsla( var(--accent-1-base), .2 ); --accent-1-25: hsla( var(--accent-1-base), .25 ); --accent-1-30: hsla( var(--accent-1-base), .3 ); --accent-1-35: hsla( var(--accent-1-base), .35 ); --accent-1-40: hsla( var(--accent-1-base), .4 ); --accent-1-45: hsla( var(--accent-1-base), .45 ); --accent-1-50: hsla( var(--accent-1-base), .5 ); --accent-1-55: hsla( var(--accent-1-base), .55 ); --accent-1-60: hsla( var(--accent-1-base), .6 ); --accent-1-65: hsla( var(--accent-1-base), .65 ); --accent-1-70: hsla( var(--accent-1-base), .7 ); --accent-1-75: hsla( var(--accent-1-base), .75 ); --accent-1-80: hsla( var(--accent-1-base), .8 ); --accent-1-85: hsla( var(--accent-1-base), .85 ); --accent-1-90: hsla( var(--accent-1-base), .9 ); --accent-1-95: hsla( var(--accent-1-base), .95 ); --accent-2-base: 23, 13%, 19%; --accent-2: hsla(var(--accent-2-base), 1); --accent-2-5: hsla( var(--accent-2-base), .05 ); --accent-2-10: hsla( var(--accent-2-base), .1 ); --accent-2-15: hsla( var(--accent-2-base), .15 ); --accent-2-20: hsla( var(--accent-2-base), .2 ); --accent-2-25: hsla( var(--accent-2-base), .25 ); --accent-2-30: hsla( var(--accent-2-base), .3 ); --accent-2-35: hsla( var(--accent-2-base), .35 ); --accent-2-40: hsla( var(--accent-2-base), .4 ); --accent-2-45: hsla( var(--accent-2-base), .45 ); --accent-2-50: hsla( var(--accent-2-base), .5 ); --accent-2-55: hsla( var(--accent-2-base), .55 ); --accent-2-60: hsla( var(--accent-2-base), .6 ); --accent-2-65: hsla( var(--accent-2-base), .65 ); --accent-2-70: hsla( var(--accent-2-base), .7 ); --accent-2-75: hsla( var(--accent-2-base), .75 ); --accent-2-80: hsla( var(--accent-2-base), .8 ); --accent-2-85: hsla( var(--accent-2-base), .85 ); --accent-2-90: hsla( var(--accent-2-base), .9 ); --accent-2-95: hsla( var(--accent-2-base), .95 ); --accent-2-dark-base: 25, 97%, 15%; --accent-2-dark: hsla(var(--accent-2-dark-base), 1); --accent-2-dark-5: hsla( var(--accent-2-dark-base), .05 ); --accent-2-dark-10: hsla( var(--accent-2-dark-base), .1 ); --accent-2-dark-15: hsla( var(--accent-2-dark-base), .15 ); --accent-2-dark-20: hsla( var(--accent-2-dark-base), .2 ); --accent-2-dark-25: hsla( var(--accent-2-dark-base), .25 ); --accent-2-dark-30: hsla( var(--accent-2-dark-base), .3 ); --accent-2-dark-35: hsla( var(--accent-2-dark-base), .35 ); --accent-2-dark-40: hsla( var(--accent-2-dark-base), .4 ); --accent-2-dark-45: hsla( var(--accent-2-dark-base), .45 ); --accent-2-dark-50: hsla( var(--accent-2-dark-base), .5 ); --accent-2-dark-55: hsla( var(--accent-2-dark-base), .55 ); --accent-2-dark-60: hsla( var(--accent-2-dark-base), .6 ); --accent-2-dark-65: hsla( var(--accent-2-dark-base), .65 ); --accent-2-dark-70: hsla( var(--accent-2-dark-base), .7 ); --accent-2-dark-75: hsla( var(--accent-2-dark-base), .75 ); --accent-2-dark-80: hsla( var(--accent-2-dark-base), .8 ); --accent-2-dark-85: hsla( var(--accent-2-dark-base), .85 ); --accent-2-dark-90: hsla( var(--accent-2-dark-base), .9 ); --accent-2-dark-95: hsla( var(--accent-2-dark-base), .95 ); --background-base: 39, 74%, 94%; --background: hsla(var(--background-base), 1); --background-5: hsla( var(--background-base), .05 ); --background-10: hsla( var(--background-base), .1 ); --background-15: hsla( var(--background-base), .15 ); --background-20: hsla( var(--background-base), .2 ); --background-25: hsla( var(--background-base), .25 ); --background-30: hsla( var(--background-base), .3 ); --background-35: hsla( var(--background-base), .35 ); --background-40: hsla( var(--background-base), .4 ); --background-45: hsla( var(--background-base), .45 ); --background-50: hsla( var(--background-base), .5 ); --background-55: hsla( var(--background-base), .55 ); --background-60: hsla( var(--background-base), .6 ); --background-65: hsla( var(--background-base), .65 ); --background-70: hsla( var(--background-base), .7 ); --background-75: hsla( var(--background-base), .75 ); --background-80: hsla( var(--background-base), .8 ); --background-85: hsla( var(--background-base), .85 ); --background-90: hsla( var(--background-base), .9 ); --background-95: hsla( var(--background-base), .95 ); --background-dark-base: 23, 13%, 19%; --background-dark: hsla(var(--background-dark-base), 1); --background-dark-5: hsla( var(--background-dark-base), .05 ); --background-dark-10: hsla( var(--background-dark-base), .1 ); --background-dark-15: hsla( var(--background-dark-base), .15 ); --background-dark-20: hsla( var(--background-dark-base), .2 ); --background-dark-25: hsla( var(--background-dark-base), .25 ); --background-dark-30: hsla( var(--background-dark-base), .3 ); --background-dark-35: hsla( var(--background-dark-base), .35 ); --background-dark-40: hsla( var(--background-dark-base), .4 ); --background-dark-45: hsla( var(--background-dark-base), .45 ); --background-dark-50: hsla( var(--background-dark-base), .5 ); --background-dark-55: hsla( var(--background-dark-base), .55 ); --background-dark-60: hsla( var(--background-dark-base), .6 ); --background-dark-65: hsla( var(--background-dark-base), .65 ); --background-dark-70: hsla( var(--background-dark-base), .7 ); --background-dark-75: hsla( var(--background-dark-base), .75 ); --background-dark-80: hsla( var(--background-dark-base), .8 ); --background-dark-85: hsla( var(--background-dark-base), .85 ); --background-dark-90: hsla( var(--background-dark-base), .9 ); --background-dark-95: hsla( var(--background-dark-base), .95 ); --background-secondary-base: 30, 40%, 98%; --background-secondary: hsla(var(--background-secondary-base), 1); --background-secondary-5: hsla( var(--background-secondary-base), .05 ); --background-secondary-10: hsla( var(--background-secondary-base), .1 ); --background-secondary-15: hsla( var(--background-secondary-base), .15 ); --background-secondary-20: hsla( var(--background-secondary-base), .2 ); --background-secondary-25: hsla( var(--background-secondary-base), .25 ); --background-secondary-30: hsla( var(--background-secondary-base), .3 ); --background-secondary-35: hsla( var(--background-secondary-base), .35 ); --background-secondary-40: hsla( var(--background-secondary-base), .4 ); --background-secondary-45: hsla( var(--background-secondary-base), .45 ); --background-secondary-50: hsla( var(--background-secondary-base), .5 ); --background-secondary-55: hsla( var(--background-secondary-base), .55 ); --background-secondary-60: hsla( var(--background-secondary-base), .6 ); --background-secondary-65: hsla( var(--background-secondary-base), .65 ); --background-secondary-70: hsla( var(--background-secondary-base), .7 ); --background-secondary-75: hsla( var(--background-secondary-base), .75 ); --background-secondary-80: hsla( var(--background-secondary-base), .8 ); --background-secondary-85: hsla( var(--background-secondary-base), .85 ); --background-secondary-90: hsla( var(--background-secondary-base), .9 ); --background-secondary-95: hsla( var(--background-secondary-base), .95 ); --font-color-base: 201, 47%, 6%; --font-color-primary: hsla(var(--font-color-base), 1); --font-color-primary-5: hsla( var(--font-color-base), .05 ); --font-color-primary-10: hsla( var(--font-color-base), .1 ); --font-color-primary-15: hsla( var(--font-color-base), .15 ); --font-color-primary-20: hsla( var(--font-color-base), .2 ); --font-color-primary-25: hsla( var(--font-color-base), .25 ); --font-color-primary-30: hsla( var(--font-color-base), .3 ); --font-color-primary-35: hsla( var(--font-color-base), .35 ); --font-color-primary-40: hsla( var(--font-color-base), .4 ); --font-color-primary-45: hsla( var(--font-color-base), .45 ); --font-color-primary-50: hsla( var(--font-color-base), .5 ); --font-color-primary-55: hsla( var(--font-color-base), .55 ); --font-color-primary-60: hsla( var(--font-color-base), .6 ); --font-color-primary-65: hsla( var(--font-color-base), .65 ); --font-color-primary-70: hsla( var(--font-color-base), .7 ); --font-color-primary-75: hsla( var(--font-color-base), .75 ); --font-color-primary-80: hsla( var(--font-color-base), .8 ); --font-color-primary-85: hsla( var(--font-color-base), .85 ); --font-color-primary-90: hsla( var(--font-color-base), .9 ); --font-color-primary-95: hsla( var(--font-color-base), .95 ); --font-color-secondary-base: 0, 0%, 96%; --font-color-secondary: hsla(var(--font-color-secondary-base), 1); --font-color-secondary-5: hsla( var(--font-color-secondary-base), .05 ); --font-color-secondary-10: hsla( var(--font-color-secondary-base), .1 ); --font-color-secondary-15: hsla( var(--font-color-secondary-base), .15 ); --font-color-secondary-20: hsla( var(--font-color-secondary-base), .2 ); --font-color-secondary-25: hsla( var(--font-color-secondary-base), .25 ); --font-color-secondary-30: hsla( var(--font-color-secondary-base), .3 ); --font-color-secondary-35: hsla( var(--font-color-secondary-base), .35 ); --font-color-secondary-40: hsla( var(--font-color-secondary-base), .4 ); --font-color-secondary-45: hsla( var(--font-color-secondary-base), .45 ); --font-color-secondary-50: hsla( var(--font-color-secondary-base), .5 ); --font-color-secondary-55: hsla( var(--font-color-secondary-base), .55 ); --font-color-secondary-60: hsla( var(--font-color-secondary-base), .6 ); --font-color-secondary-65: hsla( var(--font-color-secondary-base), .65 ); --font-color-secondary-70: hsla( var(--font-color-secondary-base), .7 ); --font-color-secondary-75: hsla( var(--font-color-secondary-base), .75 ); --font-color-secondary-80: hsla( var(--font-color-secondary-base), .8 ); --font-color-secondary-85: hsla( var(--font-color-secondary-base), .85 ); --font-color-secondary-90: hsla( var(--font-color-secondary-base), .9 ); --font-color-secondary-95: hsla( var(--font-color-secondary-base), .95 ); --font-color-light-base: 0, 0%, 96%; --font-color-light: hsla(var(--font-color-light-base), 1); --font-color-light-5: hsla( var(--font-color-light-base), .05 ); --font-color-light-10: hsla( var(--font-color-light-base), .1 ); --font-color-light-15: hsla( var(--font-color-light-base), .15 ); --font-color-light-20: hsla( var(--font-color-light-base), .2 ); --font-color-light-25: hsla( var(--font-color-light-base), .25 ); --font-color-light-30: hsla( var(--font-color-light-base), .3 ); --font-color-light-35: hsla( var(--font-color-light-base), .35 ); --font-color-light-40: hsla( var(--font-color-light-base), .4 ); --font-color-light-45: hsla( var(--font-color-light-base), .45 ); --font-color-light-50: hsla( var(--font-color-light-base), .5 ); --font-color-light-55: hsla( var(--font-color-light-base), .55 ); --font-color-light-60: hsla( var(--font-color-light-base), .6 ); --font-color-light-65: hsla( var(--font-color-light-base), .65 ); --font-color-light-70: hsla( var(--font-color-light-base), .7 ); --font-color-light-75: hsla( var(--font-color-light-base), .75 ); --font-color-light-80: hsla( var(--font-color-light-base), .8 ); --font-color-light-85: hsla( var(--font-color-light-base), .85 ); --font-color-light-90: hsla( var(--font-color-light-base), .9 ); --font-color-light-95: hsla( var(--font-color-light-base), .95 ); --font-color-dark-base: 201, 47%, 6%; --font-color-dark: hsla(var(--font-color-dark-base), 1); --font-color-dark-5: hsla( var(--font-color-dark-base), .05 ); --font-color-dark-10: hsla( var(--font-color-dark-base), .1 ); --font-color-dark-15: hsla( var(--font-color-dark-base), .15 ); --font-color-dark-20: hsla( var(--font-color-dark-base), .2 ); --font-color-dark-25: hsla( var(--font-color-dark-base), .25 ); --font-color-dark-30: hsla( var(--font-color-dark-base), .3 ); --font-color-dark-35: hsla( var(--font-color-dark-base), .35 ); --font-color-dark-40: hsla( var(--font-color-dark-base), .4 ); --font-color-dark-45: hsla( var(--font-color-dark-base), .45 ); --font-color-dark-50: hsla( var(--font-color-dark-base), .5 ); --font-color-dark-55: hsla( var(--font-color-dark-base), .55 ); --font-color-dark-60: hsla( var(--font-color-dark-base), .6 ); --font-color-dark-65: hsla( var(--font-color-dark-base), .65 ); --font-color-dark-70: hsla( var(--font-color-dark-base), .7 ); --font-color-dark-75: hsla( var(--font-color-dark-base), .75 ); --font-color-dark-80: hsla( var(--font-color-dark-base), .8 ); --font-color-dark-85: hsla( var(--font-color-dark-base), .85 ); --font-color-dark-90: hsla( var(--font-color-dark-base), .9 ); --font-color-dark-95: hsla( var(--font-color-dark-base), .95 ); --icons-inverted: true; --token-badge-bg: var(--font-color-primary); --token-badge-bg-gradient: linear-gradient( 90deg, var(--accent-2) 0%, var(--accent-1) 100% ); --token-badge-c-text: var(--font-color-secondary); --token-badge-c-text-gradient: var(--font-color-secondary); } [data-theme="essence"] h1 { font-family: dxmonstral, sans-serif; text-transform: uppercase; font-weight: 400 !important; } [data-theme="essence"] h2, [data-theme="essence"] h3, [data-theme="essence"] h2 *, [data-theme="essence"] h3 * { font-family: romie, sans-serif; font-weight: 500 !important; } ._logo_18clv_10 { color: var(--font-color-primary); display: flex; flex-direction: column; line-height: normal; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-decoration: none; } ._logo_18clv_10 span { line-height: normal; text-transform: uppercase; font-weight: 400; font-size: 10px; letter-spacing: 2.5px; } ._item_18clv_29 { position: relative; text-decoration: none; color: var(--font-color-primary); display: flex; align-items: center; gap: var(--spacing-0); font-size: var(--typography-body-default); cursor: pointer; padding-inline: var(--spacing-2); width: 100%; line-height: normal; } @media (min-width: 1280px) { ._item_18clv_29 { display: inline-flex; justify-content: space-between; align-items: center; width: auto; } } ._item_18clv_29 span[data-label] { display: flex; flex-direction: column; } ._item_18clv_29 span[data-label]::after { content: attr(data-label); font-weight: 700; height: 0px; visibility: hidden; overflow: hidden; pointer-events: none; } ._item_18clv_29[data-isactive] span[data-label], ._item_18clv_29:focus-visible span[data-label] { font-weight: 700; } ._item_18clv_29[data-isactive] { font-weight: 700; } @media (max-width: 1280px) { ._item_18clv_29 { border-block-end: 1px solid var(--font-color-primary-10); padding-block: var(--spacing-2); justify-content: space-between; padding-inline: 0px; } ._item_18clv_29:active { font-weight: 700; } } ._languagePickerTrigger_18clv_80 { color-scheme: unset; forced-color-adjust: unset; mask: unset; math-depth: unset; position: unset; position-anchor: unset; appearance: unset; color: var(--font-color-primary); font: unset; font-palette: unset; font-synthesis: unset; inset-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; align-content: unset; align-items: center; place-self: unset; alignment-baseline: unset; anchor-name: unset; animation-composition: unset; animation: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: 1px solid var(--font-color-primary-25); border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-color: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: pointer; cx: unset; cy: unset; d: unset; display: flex; dominant-baseline: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; isolation: unset; justify-content: space-between; justify-items: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-clip-margin: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: var(--spacing-2) var(--spacing-1); padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; quotes: unset; r: unset; resize: unset; rotate: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-overflow: unset; text-shadow: unset; text-size-adjust: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; white-space: unset; timeline-scope: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-print-color-adjust: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; widows: unset; width: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; } ._languagePickerTrigger_18clv_80[aria-expanded="true"] ._caret_18clv_90 { transform: rotate(180deg); } @media (min-width: 1280px) { ._languagePickerTrigger_18clv_80 { gap: var(--spacing-0); padding: var(--spacing-0) var(--spacing-1); border-radius: var(--radius-13); height: 36px; box-sizing: border-box; letter-spacing: var(--typography-letter-spacing-very-wide); font-weight: 700; font-size: var(--typography-button-default); } ._languagePickerTrigger_18clv_80 ._caret_18clv_90 { transition: transform 0.3s ease 0s; } } @media (max-width: 1280px) { ._positioner_18clv_110 { width: var(--anchor-width); } } ._list_18clv_115 { display: flex; flex-direction: column; gap: var(--spacing-1); } ._popup_18clv_122 { padding: var(--spacing-1); min-width: 220px; background-color: var(--background-60); backdrop-filter: blur(25px); border-radius: var(--radius-0); border: 1px solid var(--font-color-primary-10); opacity: 1; transform: scale(1); transform-origin: var(--transform-origin); transition: transform 0.1s ease-in-out 0s, opacity 0.1s ease-in-out 0s; } ._popup_18clv_122[data-starting-style], ._popup_18clv_122[data-ending-style] { opacity: 0; transform: scale(0.9); } ._popup_18clv_122 ._languagePickerItem_18clv_138 { position: relative; display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: var(--spacing-1); color: var(--font-color-primary); font-size: 18px; line-height: normal; transition: background-color 0.1s ease-in-out 0s; border-radius: var(--spacing-0); } ._popup_18clv_122 ._languagePickerItem_18clv_138 [data-highlighted] { background-color: var(--accent-1-10); } ._popup_18clv_122 ._languagePickerItem_18clv_138[data-selected] { background-color: var(--accent-1-50); } ._popup_18clv_122 ._languagePickerItem_18clv_138[data-font="th"] { font-family: sukhumvit-set, sans-serif; } ._popup_18clv_122 ._languagePickerItem_18clv_138[data-font="zh"] { font-family: pingfang, sans-serif; } ._profile_18clv_164 { box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex-shrink: 0; padding: var(--spacing-2); font-weight: 700; font-size: 12px; text-transform: uppercase; text-decoration: none; color: inherit; } ._profile_18clv_164[data-loggedin] { border-radius: 999px; background: var(--tml-navigation-profile-background-color, var(--font-color-primary-25)); width: 18px; height: 18px; } ._profile_18clv_164 ._user_18clv_183 { display: flex; gap: 2px; } ._itemGroup_18clv_189 { position: relative; display: flex; flex-direction: column; align-items: stretch; } @media (min-width: 1280px) { ._itemGroup_18clv_189 { height: 100%; flex-direction: row; align-items: center; } } ._indicator_18clv_203 { position: absolute; top: calc(var(--spacing-9) - 1px); left: var(--indicator-left, 0px); width: var(--indicator-width, 0px); height: 1px; background-color: var(--font-color-primary); pointer-events: none; transition: left 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s; } @media (max-width: 1280px) { ._indicator_18clv_203 { display: none; } } ._accordion_1yn0c_1 ._accordionItem_1yn0c_1 { border-block-end: 1px solid var(--font-color-primary-10); } ._accordion_1yn0c_1 ._accordionItem_1yn0c_1 ._accordionHeader_1yn0c_4 { font-weight: 400; font-size: var(--typography-card-title); line-height: normal; margin-block: var(--spacing-2); display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-2); font-family: europa, sans-serif !important; } ._accordion_1yn0c_1 ._accordionItem_1yn0c_1 ._accordionHeader_1yn0c_4 > a { padding: 0px; } ._accordion_1yn0c_1 ._accordionItem_1yn0c_1 ._accordionHeader_1yn0c_4 ._accordionTrigger_1yn0c_18 { color-scheme: unset; forced-color-adjust: unset; mask: unset; math-depth: unset; position: unset; position-anchor: unset; appearance: unset; color: unset; font: unset; font-palette: unset; font-synthesis: unset; inset-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; align-content: unset; align-items: center; place-self: unset; alignment-baseline: unset; anchor-name: unset; animation-composition: unset; animation: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-color: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: pointer; cx: unset; cy: unset; d: unset; display: flex; dominant-baseline: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: 100%; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; isolation: unset; justify-content: space-between; justify-items: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-clip-margin: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; quotes: unset; r: unset; resize: unset; rotate: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-overflow: unset; text-shadow: unset; text-size-adjust: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; white-space: unset; timeline-scope: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-print-color-adjust: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; widows: unset; width: 100%; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; } ._accordion_1yn0c_1 ._accordionItem_1yn0c_1 ._accordionHeader_1yn0c_4 ._accordionTrigger_1yn0c_18:focus-visible { outline: 1px solid var(--font-color-primary); } ._accordion_1yn0c_1 ._accordionItem_1yn0c_1 ._accordionHeader_1yn0c_4 ._accordionLabel_1yn0c_30 { font-weight: 400; font-size: var(--typography-card-title); line-height: normal; flex: 1 1 0%; min-width: 0px; padding-inline: 0px; border-block-end: none; font-family: europa, sans-serif !important; } ._accordion_1yn0c_1 ._accordionItem_1yn0c_1 ._accordionHeader_1yn0c_4 ._accordionLabel_1yn0c_30:focus-visible { text-decoration: underline; } ._accordion_1yn0c_1 ._accordionItem_1yn0c_1 ._accordionHeader_1yn0c_4 ._accordionCaretButton_1yn0c_43 { color-scheme: unset; forced-color-adjust: unset; mask: unset; math-depth: unset; position: unset; position-anchor: unset; appearance: unset; color: unset; font: unset; font-palette: unset; font-synthesis: unset; inset-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; align-content: unset; align-items: center; place-self: unset; alignment-baseline: unset; anchor-name: unset; animation-composition: unset; animation: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-color: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: pointer; cx: unset; cy: unset; d: unset; display: flex; dominant-baseline: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex-basis: unset; flex-flow: unset; flex-grow: unset; flex-shrink: 0; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: 40px; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; isolation: unset; justify-content: center; justify-items: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-clip-margin: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; quotes: unset; r: unset; resize: unset; rotate: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-overflow: unset; text-shadow: unset; text-size-adjust: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; white-space: unset; timeline-scope: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-print-color-adjust: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; widows: unset; width: 40px; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; } ._accordion_1yn0c_1 ._accordionItem_1yn0c_1 ._accordionHeader_1yn0c_4 ._accordionCaretButton_1yn0c_43:focus-visible { outline: 1px solid var(--font-color-primary); } ._accordion_1yn0c_1 ._accordionItem_1yn0c_1 ._accordionHeader_1yn0c_4 ._caret_1yn0c_56 { transition: transform 0.15s ease-in-out 0s; } ._accordion_1yn0c_1 ._accordionItem_1yn0c_1 ._accordionHeader_1yn0c_4 ._accordionTrigger_1yn0c_18[data-panel-open] ._caret_1yn0c_56, ._accordion_1yn0c_1 ._accordionItem_1yn0c_1 ._accordionHeader_1yn0c_4 ._accordionCaretButton_1yn0c_43[data-panel-open] ._caret_1yn0c_56 { transform: rotate(180deg); } ._accordion_1yn0c_1 ._accordionItem_1yn0c_1 ._accordionPanel_1yn0c_63 { box-sizing: border-box; overflow: hidden; height: var(--accordion-panel-height); padding-block-end: var(--spacing-2); transition: height 0.15s ease-out 0s; display: flex; flex-direction: column; gap: var(--spacing-2); } ._accordion_1yn0c_1 ._accordionItem_1yn0c_1 ._accordionPanel_1yn0c_63[data-starting-style], ._accordion_1yn0c_1 ._accordionItem_1yn0c_1 ._accordionPanel_1yn0c_63[data-ending-style] { height: 0px; } ._accordion_1yn0c_1 ._accordionItem_1yn0c_1 ._accordionPanel_1yn0c_63 ._accordionLink_1yn0c_76 { text-decoration: none; color: var(--font-color-primary); font-size: var(--typography-body-default); font-weight: 400; } ._accordion_1yn0c_1 ._accordionItem_1yn0c_1 ._accordionPanel_1yn0c_63 ._accordionLink_1yn0c_76:hover { text-decoration: underline; } ._accordion_1yn0c_1 ._accordionItem_1yn0c_1 ._accordionPanel_1yn0c_63 ._accordionLink_1yn0c_76:focus-visible { outline: none; text-decoration: underline; } :root { --typography-heading-1: 32px; --typography-heading-2: 24px; --typography-heading-3: 18px; --typography-heading-4: 12px; --typography-body-small: 14px; --typography-body-default: 16px; --typography-body-large: 17.6px; --typography-card-text: 14px; --typography-card-title: 18px; --typography-button-default: 12px; --typography-letter-spacing-very-wide: 2px; --typography-navigation-item: 20px; --spacing-0: 4px; --spacing-1: 8px; --spacing-2: 16px; --spacing-3: 24px; --spacing-4: 32px; --spacing-5: 40px; --spacing-6: 48px; --spacing-7: 56px; --spacing-8: 64px; --spacing-9: 72px; --spacing-10: 80px; --spacing-11: 88px; --spacing-12: 96px; --spacing-13: 104px; --spacing-14: 112px; --spacing-23: 184px; --radius-0: 4px; --radius-1: 8px; --radius-2: 16px; --radius-3: 24px; --radius-4: 32px; --radius-5: 40px; --radius-6: 48px; --radius-7: 56px; --radius-8: 64px; --radius-9: 72px; --radius-10: 80px; --radius-11: 88px; --radius-12: 96px; --radius-13: 104px; --radius-14: 112px; } @media (min-width: 768px) { :root { --typography-heading-4: 14px; --typography-card-text: 16px; --typography-card-title: 20px; --typography-heading-3: 24px; --typography-heading-2: 32px; --typography-heading-1: 48px; } } @media (min-width: 1280px) { :root { --typography-navigation-item: 16px; } } ._drawerSection_935ra_71 { width: 100%; } @media (min-width: 1280px) { ._drawerSection_935ra_71 { max-width: 400px; } } ._drawerSection_935ra_71 ._sectionTitle_935ra_79 { font-size: var(--typography-button-default); letter-spacing: var(--typography-letter-spacing-very-wide); text-transform: uppercase; line-height: normal; font-weight: 700; color: var(--font-color-primary-50); margin: 0px; font-family: europa, sans-serif !important; } ._drawerSection_935ra_71 ._sectionColumn_935ra_89 { display: flex; flex-direction: column; margin-block-start: var(--spacing-2); } ._drawerSection_935ra_71 ._sectionColumn_935ra_89 ._item_935ra_94 { display: flex; align-items: center; gap: var(--spacing-0); color: var(--font-color-primary); text-decoration: none; margin-block: var(--spacing-2); font-size: var(--typography-body-default); line-height: normal; } ._drawerSection_935ra_71 ._sectionColumn_935ra_89 ._item_935ra_94:first-child { margin-block-start: 0px; } ._drawerSection_935ra_71 ._sectionColumn_935ra_89 ._item_935ra_94:hover, ._drawerSection_935ra_71 ._sectionColumn_935ra_89 ._item_935ra_94:focus-visible { text-decoration: underline; outline: none; } ._media_935ra_112 { display: flex; flex-direction: column; gap: var(--spacing-2); text-decoration: none; color: inherit; } ._media_935ra_112 ._image_935ra_119 { border-radius: var(--radius-0); width: 100%; aspect-ratio: 21 / 9; object-fit: cover; } ._media_935ra_112 ._mediaContent_935ra_125 { display: flex; flex-direction: column; gap: var(--spacing-0); } ._media_935ra_112 ._mediaContent_935ra_125 h3 { font-size: var(--typography-card-title); line-height: normal; font-family: europa, sans-serif !important; } ._media_935ra_112 ._mediaContent_935ra_125 > * { padding: 0px; margin: 0px; font-size: var(--typography-body-default); line-height: normal; } :root { --typography-heading-1: 32px; --typography-heading-2: 24px; --typography-heading-3: 18px; --typography-heading-4: 12px; --typography-body-small: 14px; --typography-body-default: 16px; --typography-body-large: 17.6px; --typography-card-text: 14px; --typography-card-title: 18px; --typography-button-default: 12px; --typography-letter-spacing-very-wide: 2px; --typography-navigation-item: 20px; --spacing-0: 4px; --spacing-1: 8px; --spacing-2: 16px; --spacing-3: 24px; --spacing-4: 32px; --spacing-5: 40px; --spacing-6: 48px; --spacing-7: 56px; --spacing-8: 64px; --spacing-9: 72px; --spacing-10: 80px; --spacing-11: 88px; --spacing-12: 96px; --spacing-13: 104px; --spacing-14: 112px; --spacing-23: 184px; --radius-0: 4px; --radius-1: 8px; --radius-2: 16px; --radius-3: 24px; --radius-4: 32px; --radius-5: 40px; --radius-6: 48px; --radius-7: 56px; --radius-8: 64px; --radius-9: 72px; --radius-10: 80px; --radius-11: 88px; --radius-12: 96px; --radius-13: 104px; --radius-14: 112px; } @media (min-width: 768px) { :root { --typography-heading-4: 14px; --typography-card-text: 16px; --typography-card-title: 20px; --typography-heading-3: 24px; --typography-heading-2: 32px; --typography-heading-1: 48px; } } @media (min-width: 1280px) { :root { --typography-navigation-item: 16px; } } ._navigation_19v3w_71 { font-family: europa; --duration: .3s; } ._navigation_19v3w_71[data-variant="home"] ._content_19v3w_75 { padding-block: 0px; } ._navigation_19v3w_71[data-variant="home"] ._content_19v3w_75 ._items_19v3w_78 { gap: 0px; } ._navigation_19v3w_71[data-variant="home"] ._content_19v3w_75 ._items_19v3w_78 ._tab_19v3w_81 { color-scheme: unset; forced-color-adjust: unset; mask: unset; math-depth: unset; position: relative; position-anchor: unset; appearance: unset; color: var(--font-color-primary); font-family: unset; font-feature-settings: unset; font-kerning: unset; font-optical-sizing: unset; font-palette: unset; font-size: var(--typography-body-default); font-stretch: unset; font-style: unset; font-synthesis: unset; font-variant: unset; font-variation-settings: unset; font-weight: unset; inset-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; align-items: center; place-self: unset; alignment-baseline: unset; anchor-name: unset; animation-composition: unset; animation: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-color: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: var(--spacing-0); column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: pointer; cx: unset; cy: unset; d: unset; display: flex; dominant-baseline: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; isolation: unset; justify-items: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; line-height: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-clip-margin: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: var(--spacing-2); padding: unset; padding-inline: calc(var(--spacing-1) + var(--spacing-3) / 2); page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; quotes: unset; r: unset; resize: unset; rotate: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-overflow: unset; text-shadow: unset; text-size-adjust: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; white-space: unset; timeline-scope: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-print-color-adjust: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; widows: unset; width: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; } ._navigation_19v3w_71[data-variant="home"] ._content_19v3w_75 ._items_19v3w_78 ._tab_19v3w_81[data-active] ._caret_19v3w_93 { transform: rotate(180deg); } ._navigation_19v3w_71[data-variant="home"] ._content_19v3w_75 ._items_19v3w_78 ._tab_19v3w_81:focus-visible { outline: 1px solid var(--font-color-primary); outline-offset: 2px; } ._navigation_19v3w_71[data-variant="home"] ._content_19v3w_75 ._items_19v3w_78 ._tabIndicator_19v3w_100[hidden] { display: block; } ._navigation_19v3w_71[data-variant="home"] ._content_19v3w_75 ._items_19v3w_78 ._tabIndicator_19v3w_100::after { content: ""; position: absolute; bottom: 0px; left: var(--hover-left, var(--active-tab-left, 0px)); width: var(--hover-width, var(--active-tab-width, 0px)); height: 1px; background: var(--font-color-primary); pointer-events: none; transition: left var(--duration) ease-in-out,width var(--duration) ease-in-out; } ._navigation_19v3w_71[data-variant="home"] ._dropdown_19v3w_114 { z-index: 0; position: absolute; inset: -100dvh 0px 0px; min-height: fit-content; background: var(--background-50); backdrop-filter: blur(22px); padding-inline: var(--spacing-6); padding-block-start: calc(var(--spacing-9) + var(--spacing-5)); padding-block-end: var(--spacing-5); overflow-y: auto; overscroll-behavior: none; pointer-events: none; transition: top var(--duration) ease,bottom var(--duration) ease; } ._navigation_19v3w_71[data-variant="home"] ._dropdown_19v3w_114[data-open="true"] { top: 0px; bottom: calc(-100dvh + var(--spacing-9)); pointer-events: auto; } ._navigation_19v3w_71[data-variant="home"] ._dropdown_19v3w_114 ._dropdownPanels_19v3w_137 { position: relative; width: 100%; } ._navigation_19v3w_71[data-variant="home"] ._dropdown_19v3w_114 ._dropdownContent_19v3w_141 { position: absolute; top: 0px; left: 0px; right: 0px; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: var(--spacing-7); color: var(--font-color-primary); transition: transform var(--duration) ease-in-out,opacity var(--duration) ease-in-out; } ._navigation_19v3w_71[data-variant="home"] ._dropdown_19v3w_114 ._dropdownContent_19v3w_141 [data-drawer-media] { grid-column: 3; } ._navigation_19v3w_71[data-variant="home"] ._dropdown_19v3w_114 ._dropdownContent_19v3w_141[data-starting-style] { opacity: 0; } ._navigation_19v3w_71[data-variant="home"] ._dropdown_19v3w_114 ._dropdownContent_19v3w_141[data-starting-style][data-activation-direction="left"] { transform: translate(-50%); } ._navigation_19v3w_71[data-variant="home"] ._dropdown_19v3w_114 ._dropdownContent_19v3w_141[data-starting-style][data-activation-direction="right"] { transform: translate(50%); } ._navigation_19v3w_71[data-variant="home"] ._dropdown_19v3w_114 ._dropdownContent_19v3w_141[data-ending-style] { opacity: 0; } ._navigation_19v3w_71[data-variant="home"] ._dropdown_19v3w_114 ._dropdownContent_19v3w_141[data-ending-style][data-activation-direction="left"] { transform: translate(50%); } ._navigation_19v3w_71[data-variant="home"] ._dropdown_19v3w_114 ._dropdownContent_19v3w_141[data-ending-style][data-activation-direction="right"] { transform: translate(-50%); } ._navigation_19v3w_71 ._content_19v3w_75 { z-index: 1; position: relative; color: var(--font-color-primary); box-sizing: border-box; display: grid; align-items: stretch; grid-template-columns: 1fr auto 1fr; width: 100%; height: var(--spacing-9); padding-inline: var(--spacing-6); container-type: inline-size; transition: backdrop-filter,background-color var(--duration) ease-in-out; } ._navigation_19v3w_71 ._content_19v3w_75[aria-expanded="true"] { background-color: var(--background-50); backdrop-filter: blur(25px); } ._navigation_19v3w_71 ._content_19v3w_75 ._left_19v3w_191 { color: var(--font-color-primary); display: flex; align-items: center; gap: var(--spacing-2); } ._navigation_19v3w_71 ._content_19v3w_75 ._left_19v3w_191 ._menuButton_19v3w_197 { color-scheme: unset; forced-color-adjust: unset; mask: unset; math-depth: unset; position: relative; position-anchor: unset; appearance: unset; color: unset; font: unset; font-palette: unset; font-synthesis: unset; inset-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; align-content: unset; align-items: center; place-self: unset; alignment-baseline: unset; anchor-name: unset; animation-composition: unset; animation: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background-attachment: unset; background-blend-mode: unset; background-clip: unset; background-color: var(--background-60); background-image: unset; background-origin: unset; background-position: unset; background-repeat: unset; background-size: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: 1px solid var(--font-color-primary-25); border-radius: 90%; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-color: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: pointer; cx: unset; cy: unset; d: unset; display: flex; dominant-baseline: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: 36px; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; isolation: unset; justify-content: center; justify-items: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-clip-margin: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; quotes: unset; r: unset; resize: unset; rotate: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-overflow: unset; text-shadow: unset; text-size-adjust: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; white-space: unset; timeline-scope: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-print-color-adjust: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; widows: unset; width: 36px; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; } ._navigation_19v3w_71 ._content_19v3w_75 ._left_19v3w_191 ._menuButton_19v3w_197 ._menuIcon_19v3w_210 { position: absolute; padding: 2px; transition: opacity var(--duration) cubic-bezier(.4,0,.2,1),transform var(--duration) cubic-bezier(.4,0,.2,1); } ._navigation_19v3w_71 ._content_19v3w_75 ._left_19v3w_191 ._menuButton_19v3w_197 ._dotsIcon_19v3w_215 { opacity: 1; transform: rotate(0deg) scale(1); } ._navigation_19v3w_71 ._content_19v3w_75 ._left_19v3w_191 ._menuButton_19v3w_197 ._crossIcon_19v3w_219 { opacity: 0; transform: rotate(-90deg) scale(0.6); } ._navigation_19v3w_71 ._content_19v3w_75 ._left_19v3w_191 ._logo_19v3w_223 { color: inherit; display: flex; align-items: center; gap: 6px; transition: transform var(--duration) ease-in; } ._navigation_19v3w_71 ._content_19v3w_75 ._left_19v3w_191 ._logo_19v3w_223 > * { opacity: 1; max-width: 100%; transition: opacity 0.5s ease-in-out 0.2s; text-decoration: none; color: inherit; display: flex; } ._navigation_19v3w_71 ._content_19v3w_75 ._left_19v3w_191 ._logo_19v3w_223 slot::slotted(*) { opacity: 1; max-width: 100%; transition: opacity 0.5s ease-in-out 0.2s; } ._navigation_19v3w_71 ._content_19v3w_75 ._left_19v3w_191 ._logo_19v3w_223 ._tmlIcon_19v3w_243 { translate: 0px; transition: translate 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.5s ease-in-out 0s; } ._navigation_19v3w_71 ._content_19v3w_75 ._items_19v3w_78 { position: relative; display: flex; align-items: stretch; justify-content: center; height: 100%; anchor-name: --nav-items; transition: opacity var(--duration) cubic-bezier(.4,0,.2,1),transform var(--duration) cubic-bezier(.4,0,.2,1); } ._navigation_19v3w_71 ._content_19v3w_75 ._indicator_19v3w_256 { position-anchor: --nav-items; position: absolute; bottom: 0px; left: var(--indicator-left, anchor(left)); width: var(--indicator-width, 0px); height: 1px; background-color: var(--font-color-primary); pointer-events: none; transition: left var(--duration) ease-in-out,width var(--duration) ease-in-out; } ._navigation_19v3w_71 ._content_19v3w_75 ._right_19v3w_267 { display: flex; align-items: center; justify-content: flex-end; gap: var(--spacing-2); } ._navigation_19v3w_71 ._content_19v3w_75[aria-expanded="true"] ._left_19v3w_191 ._menuButton_19v3w_197 ._dotsIcon_19v3w_215 { opacity: 0; transform: rotate(90deg) scale(0.6); } ._navigation_19v3w_71 ._content_19v3w_75[aria-expanded="true"] ._left_19v3w_191 ._menuButton_19v3w_197 ._crossIcon_19v3w_219 { opacity: 1; transform: rotate(0deg) scale(1); } ._navigation_19v3w_71 ._content_19v3w_75[aria-expanded="true"] ._left_19v3w_191 ._logo_19v3w_223 { pointer-events: none; } ._navigation_19v3w_71 ._content_19v3w_75[aria-expanded="true"] ._left_19v3w_191 ._logo_19v3w_223 > * { transition: opacity .1s ease-in-out,max-width var(--duration) var(--duration) ease; opacity: 0; max-width: 0px; } ._navigation_19v3w_71 ._content_19v3w_75[aria-expanded="true"] ._left_19v3w_191 ._logo_19v3w_223 slot::slotted(*) { transition: opacity .1s ease-in-out,max-width var(--duration) var(--duration) ease; opacity: 0; max-width: 0px; } ._navigation_19v3w_71 ._content_19v3w_75[aria-expanded="true"] ._left_19v3w_191 ._logo_19v3w_223 ._tmlIcon_19v3w_243 { pointer-events: auto; opacity: 1; max-width: 100%; translate: calc(50cqi - 38px - var(--spacing-2) - 50%) 0; transition: translate 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.5s ease-in-out 0s; } ._navigation_19v3w_71 ._content_19v3w_75[aria-expanded="true"] ._items_19v3w_78 { opacity: 0; transform: scale(0.95) translateY(-4px); pointer-events: none; } ._navigation_19v3w_71 ._content_19v3w_75[aria-expanded="true"] ._indicator_19v3w_256 { opacity: 0 !important; } ._navigation_19v3w_71 ._drawer_19v3w_310 { z-index: 0; position: absolute; inset: -100dvh 0px 0px; background: var(--background-50); backdrop-filter: blur(25px); transition: top var(--duration) ease,bottom var(--duration) ease; padding-inline: var(--spacing-6); overscroll-behavior: none; font-family: europa !important; } ._navigation_19v3w_71 ._drawer_19v3w_310[aria-expanded="true"] { top: 0px; bottom: calc(-100dvh + var(--spacing-9)); } ._navigation_19v3w_71 ._drawer_19v3w_310 ._tabs_19v3w_328 { flex-direction: column; margin-block-start: var(--spacing-9); position: relative; width: 100%; display: flex; gap: var(--spacing-5); color: var(--font-color-primary); } ._navigation_19v3w_71 ._drawer_19v3w_310 ._tabs_19v3w_328 ._tabsList_19v3w_338 { position: relative; border-bottom: 1px solid var(--font-color-primary-10); anchor-name: --tablist; margin-block-start: var(--spacing-4); } ._navigation_19v3w_71 ._drawer_19v3w_310 ._tabs_19v3w_328 ._tabsList_19v3w_338 ._tab_19v3w_81 { color-scheme: unset; forced-color-adjust: unset; mask: unset; math-depth: unset; position: relative; position-anchor: unset; appearance: unset; color: unset; font-family: unset; font-feature-settings: unset; font-kerning: unset; font-optical-sizing: unset; font-palette: unset; font-size: 20px; font-stretch: unset; font-style: unset; font-synthesis: unset; font-variant: unset; font-variation-settings: unset; font-weight: unset; inset-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; animation-composition: unset; animation: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-color: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: pointer; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; line-height: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-clip-margin: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block-end: var(--spacing-3); padding-block-start: unset; padding: unset; padding-inline: 12px; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; quotes: unset; r: unset; resize: unset; rotate: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-overflow: unset; text-shadow: unset; text-size-adjust: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; white-space: unset; timeline-scope: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-print-color-adjust: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; widows: unset; width: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; } ._navigation_19v3w_71 ._drawer_19v3w_310 ._tabs_19v3w_328 ._tabsList_19v3w_338 ._tab_19v3w_81 span { display: flex; flex-direction: column; } ._navigation_19v3w_71 ._drawer_19v3w_310 ._tabs_19v3w_328 ._tabsList_19v3w_338 ._tab_19v3w_81 span::after { content: attr(data-label); font-weight: 700; height: 0px; visibility: hidden; overflow: hidden; pointer-events: none; } ._navigation_19v3w_71 ._drawer_19v3w_310 ._tabs_19v3w_328 ._tabsList_19v3w_338 ._tab_19v3w_81[data-active] span { font-weight: 700; } ._navigation_19v3w_71 ._drawer_19v3w_310 ._tabs_19v3w_328 ._tabsList_19v3w_338 ._tab_19v3w_81:focus-visible { border: 1px solid var(--font-color-primary); } ._navigation_19v3w_71 ._drawer_19v3w_310 ._tabs_19v3w_328 ._tabsList_19v3w_338 ._indicator_19v3w_256[hidden] { display: block; } ._navigation_19v3w_71 ._drawer_19v3w_310 ._tabs_19v3w_328 ._tabsList_19v3w_338 ._indicator_19v3w_256::after { content: ""; position: absolute; width: var(--hover-width, var(--active-tab-width, 0px)); left: var(--hover-left, var(--active-tab-left, 0px)); height: 1px; bottom: 0px; background: var(--font-color-primary); pointer-events: none; transition: width var(--duration) ease-in-out,left var(--duration) ease-in-out; } ._navigation_19v3w_71 ._drawer_19v3w_310 ._drawerContent_19v3w_384 { position: absolute; position-anchor: --tablist; top: anchor(bottom); left: 0px; right: 0px; padding-block-start: var(--spacing-5); display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: var(--spacing-7); transition: transform var(--duration) ease-in-out,opacity var(--duration) ease-in-out; } ._navigation_19v3w_71 ._drawer_19v3w_310 ._drawerContent_19v3w_384:focus-visible { outline: 1px solid var(--font-color-primary); } ._navigation_19v3w_71 ._drawer_19v3w_310 ._drawerContent_19v3w_384[data-starting-style] { opacity: 0; } ._navigation_19v3w_71 ._drawer_19v3w_310 ._drawerContent_19v3w_384[data-starting-style][data-activation-direction="left"] { transform: translate(-50%); } ._navigation_19v3w_71 ._drawer_19v3w_310 ._drawerContent_19v3w_384[data-starting-style][data-activation-direction="right"] { transform: translate(50%); } ._navigation_19v3w_71 ._drawer_19v3w_310 ._drawerContent_19v3w_384[data-ending-style] { opacity: 0; } ._navigation_19v3w_71 ._drawer_19v3w_310 ._drawerContent_19v3w_384[data-ending-style][data-activation-direction="left"] { transform: translate(50%); } ._navigation_19v3w_71 ._drawer_19v3w_310 ._drawerContent_19v3w_384[data-ending-style][data-activation-direction="right"] { transform: translate(-50%); } ._navigation_19v3w_71 ._drawer_19v3w_310 ._drawerContent_19v3w_384 [data-drawer-media] { grid-column: 3; } :root { --typography-heading-1: 32px; --typography-heading-2: 24px; --typography-heading-3: 18px; --typography-heading-4: 12px; --typography-body-small: 14px; --typography-body-default: 16px; --typography-body-large: 17.6px; --typography-card-text: 14px; --typography-card-title: 18px; --typography-button-default: 12px; --typography-letter-spacing-very-wide: 2px; --typography-navigation-item: 20px; --spacing-0: 4px; --spacing-1: 8px; --spacing-2: 16px; --spacing-3: 24px; --spacing-4: 32px; --spacing-5: 40px; --spacing-6: 48px; --spacing-7: 56px; --spacing-8: 64px; --spacing-9: 72px; --spacing-10: 80px; --spacing-11: 88px; --spacing-12: 96px; --spacing-13: 104px; --spacing-14: 112px; --spacing-23: 184px; --radius-0: 4px; --radius-1: 8px; --radius-2: 16px; --radius-3: 24px; --radius-4: 32px; --radius-5: 40px; --radius-6: 48px; --radius-7: 56px; --radius-8: 64px; --radius-9: 72px; --radius-10: 80px; --radius-11: 88px; --radius-12: 96px; --radius-13: 104px; --radius-14: 112px; } @media (min-width: 768px) { :root { --typography-heading-4: 14px; --typography-card-text: 16px; --typography-card-title: 20px; --typography-heading-3: 24px; --typography-heading-2: 32px; --typography-heading-1: 48px; } } @media (min-width: 1280px) { :root { --typography-navigation-item: 16px; } } ._navigation_1q7vh_71 { font-family: europa; --duration: .3s; } ._navigation_1q7vh_71 ._content_1q7vh_75 { z-index: 1; position: relative; color: var(--font-color-primary); box-sizing: border-box; display: grid; align-items: stretch; align-content: center; grid-template-columns: 1fr auto 1fr; width: 100%; height: var(--spacing-7); background: var(--tml-navigation-background-color, var(--background)); padding-block: var(--spacing-1); padding-inline: var(--spacing-2); container-type: inline-size; } ._navigation_1q7vh_71 ._content_1q7vh_75 ._left_1q7vh_91 { color: var(--font-color-primary); display: flex; align-items: center; gap: var(--spacing-2); } ._navigation_1q7vh_71 ._content_1q7vh_75 ._left_1q7vh_91 ._menuButton_1q7vh_97 { color-scheme: unset; forced-color-adjust: unset; mask: unset; math-depth: unset; position: relative; position-anchor: unset; appearance: unset; color: unset; font: unset; font-palette: unset; font-synthesis: unset; inset-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; align-content: unset; align-items: center; place-self: unset; alignment-baseline: unset; anchor-name: unset; animation-composition: unset; animation: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: 1px solid var(--font-color-primary-25); border-radius: 90%; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-color: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: pointer; cx: unset; cy: unset; d: unset; display: flex; dominant-baseline: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: 36px; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; isolation: unset; justify-content: center; justify-items: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-clip-margin: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; quotes: unset; r: unset; resize: unset; rotate: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-overflow: unset; text-shadow: unset; text-size-adjust: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; white-space: unset; timeline-scope: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-print-color-adjust: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; widows: unset; width: 36px; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; } ._navigation_1q7vh_71 ._content_1q7vh_75 ._left_1q7vh_91 ._menuButton_1q7vh_97 ._menuIcon_1q7vh_109 { position: absolute; padding: 2px; transition: opacity var(--duration) cubic-bezier(.4,0,.2,1),transform var(--duration) cubic-bezier(.4,0,.2,1); } ._navigation_1q7vh_71 ._content_1q7vh_75 ._left_1q7vh_91 ._menuButton_1q7vh_97 ._dotsIcon_1q7vh_114 { opacity: 1; transform: rotate(0deg) scale(1); } ._navigation_1q7vh_71 ._content_1q7vh_75 ._left_1q7vh_91 ._menuButton_1q7vh_97 ._crossIcon_1q7vh_118 { opacity: 0; transform: rotate(-90deg) scale(0.6); } ._navigation_1q7vh_71 ._content_1q7vh_75 ._center_1q7vh_122 { display: flex; align-items: center; } ._navigation_1q7vh_71 ._content_1q7vh_75 ._center_1q7vh_122 ._logo_1q7vh_126 { color: inherit; text-decoration: none; display: flex; } ._navigation_1q7vh_71 ._content_1q7vh_75 ._center_1q7vh_122 ._tmlIcon_1q7vh_131 { display: block; height: 27px; width: auto; } ._navigation_1q7vh_71 ._content_1q7vh_75 ._right_1q7vh_136 { display: flex; justify-content: flex-end; align-items: center; color: var(--font-color-primary); gap: var(--spacing-2); } ._navigation_1q7vh_71 ._content_1q7vh_75 ._right_1q7vh_136 ._profile_1q7vh_143 { display: flex; align-items: center; border-radius: 999px; padding: var(--spacing-1); background-color: var(--tml-navigation-profile-background-color, var(--font-color-primary-25)); text-decoration: none; color: inherit; } ._navigation_1q7vh_71 ._content_1q7vh_75[aria-expanded="true"] ._left_1q7vh_91 ._menuButton_1q7vh_97 ._dotsIcon_1q7vh_114 { opacity: 0; transform: rotate(90deg) scale(0.6); } ._navigation_1q7vh_71 ._content_1q7vh_75[aria-expanded="true"] ._left_1q7vh_91 ._menuButton_1q7vh_97 ._crossIcon_1q7vh_118 { opacity: 1; transform: rotate(0deg) scale(1); } ._navigation_1q7vh_71 ._blurContainer_1q7vh_160 { z-index: 1; position: absolute; width: 100%; background: var(--background-50); backdrop-filter: blur(25px); height: var(--spacing-9); transition: height var(--duration) ease; display: flex; flex-direction: column; } ._navigation_1q7vh_71 ._blurContainer_1q7vh_160[data-variant="home"] { height: 0px; } ._navigation_1q7vh_71 ._blurContainer_1q7vh_160[data-variant="home"] ._drawer_1q7vh_174 { top: 0px; } ._navigation_1q7vh_71 ._blurContainer_1q7vh_160[data-expanded="true"], ._navigation_1q7vh_71 ._blurContainer_1q7vh_160[data-menu-open="true"] { height: 100lvh; } ._navigation_1q7vh_71 ._blurContainer_1q7vh_160[data-expanded="true"] ._secondaryBar_1q7vh_180 ._hamburger_1q7vh_180 ._listIcon_1q7vh_180 { opacity: 0; transform: rotate(90deg) scale(1); } ._navigation_1q7vh_71 ._blurContainer_1q7vh_160[data-expanded="true"] ._secondaryBar_1q7vh_180 ._hamburger_1q7vh_180 ._crossIcon_1q7vh_118 { opacity: 1; transform: rotate(0deg) scale(1); } ._navigation_1q7vh_71 ._blurContainer_1q7vh_160[data-menu-open="true"] ._secondaryBar_1q7vh_180 { opacity: 0; padding-block: 0px; pointer-events: none; overflow: hidden; height: 0px; transition: opacity var(--duration) ease,transform var(--duration) ease,padding-block var(--duration) ease,height var(--duration) ease; } ._navigation_1q7vh_71 ._blurContainer_1q7vh_160[data-menu-open="true"] ._drawer_1q7vh_174 { height: 100dvh; } ._navigation_1q7vh_71 ._blurContainer_1q7vh_160 ._secondaryBar_1q7vh_180 { box-sizing: border-box; position: relative; z-index: 1; color: var(--font-color-primary); display: flex; justify-content: space-between; align-items: center; padding-block: var(--spacing-2); padding-inline: var(--spacing-2) var(--spacing-1); height: var(--spacing-9); box-shadow: 0 1px 4px 0 var(--accent-1-15, rgba(182, 41, 89, .15)); transition: opacity var(--duration) .2s ease,transform var(--duration) .2s ease,padding-block var(--duration) .2s ease,height var(--duration) .2s ease; } ._navigation_1q7vh_71 ._blurContainer_1q7vh_160 ._secondaryBar_1q7vh_180 ._brand_1q7vh_213 > * { text-decoration: none; } ._navigation_1q7vh_71 ._blurContainer_1q7vh_160 ._secondaryBar_1q7vh_180 ._hamburger_1q7vh_180 { color-scheme: unset; forced-color-adjust: unset; mask: unset; math-depth: unset; position: relative; position-anchor: unset; appearance: unset; color: unset; font: unset; font-palette: unset; font-synthesis: unset; inset-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; align-content: unset; align-items: center; place-self: unset; alignment-baseline: unset; anchor-name: unset; animation-composition: unset; animation: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-color: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: pointer; cx: unset; cy: unset; d: unset; display: flex; dominant-baseline: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: 40px; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; isolation: unset; justify-content: center; justify-items: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-clip-margin: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; quotes: unset; r: unset; resize: unset; rotate: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-overflow: unset; text-shadow: unset; text-size-adjust: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; white-space: unset; timeline-scope: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-print-color-adjust: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; widows: unset; width: 40px; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; } ._navigation_1q7vh_71 ._blurContainer_1q7vh_160 ._secondaryBar_1q7vh_180 ._hamburger_1q7vh_180 ._navListIcon_1q7vh_226 { position: absolute; transition: opacity var(--duration) cubic-bezier(.4,0,.2,1),transform var(--duration) cubic-bezier(.4,0,.2,1); padding: 2px; } ._navigation_1q7vh_71 ._blurContainer_1q7vh_160 ._secondaryBar_1q7vh_180 ._hamburger_1q7vh_180 ._listIcon_1q7vh_180 { opacity: 1; transform: rotate(0deg); } ._navigation_1q7vh_71 ._blurContainer_1q7vh_160 ._secondaryBar_1q7vh_180 ._hamburger_1q7vh_180 ._crossIcon_1q7vh_118 { opacity: 0; transform: rotate(-90deg); } ._navigation_1q7vh_71 ._blurContainer_1q7vh_160 ._secondaryBar_1q7vh_180 { anchor-name: --navbar; } ._navigation_1q7vh_71 ._blurContainer_1q7vh_160 ._navList_1q7vh_226 { flex: 1 1 0%; box-sizing: border-box; z-index: 0; width: 100%; display: flex; flex-direction: column; justify-content: space-between; padding-inline: var(--spacing-2); padding-block-end: var(--spacing-4); translate: 0px -60px; max-height: calc(100dvh - var(--spacing-7) - var(--spacing-9)); opacity: 0; pointer-events: none; overflow: hidden; transition: translate var(--duration) ease,opacity var(--duration) ease; } ._navigation_1q7vh_71 ._blurContainer_1q7vh_160 ._navList_1q7vh_226[aria-expanded="true"] { pointer-events: initial; translate: 0px; opacity: 1; } ._navigation_1q7vh_71 ._blurContainer_1q7vh_160 ._drawer_1q7vh_174 { z-index: 0; box-sizing: border-box; position: absolute; position-anchor: --navbar; top: anchor(bottom); width: 100%; height: 100dvh; overflow: hidden; color: var(--font-color-primary); translate: 0px -100%; clip-path: inset(100% 0px 0px); transition: translate var(--duration) ease,clip-path var(--duration) ease; font-family: europa !important; } ._navigation_1q7vh_71 ._blurContainer_1q7vh_160 ._drawer_1q7vh_174[aria-expanded="true"] { translate: 0px; clip-path: inset(0px); } ._navigation_1q7vh_71 ._blurContainer_1q7vh_160 ._drawer_1q7vh_174 ._drawerView_1q7vh_283 { box-sizing: border-box; position: absolute; inset: 0px; padding-inline: var(--spacing-2); padding-block-end: var(--spacing-4); overflow-y: auto; overscroll-behavior: contain; transition: transform var(--duration) ease; } ._navigation_1q7vh_71 ._blurContainer_1q7vh_160 ._drawer_1q7vh_174 ._drawerView_1q7vh_283:nth-child(1) { transform: translate(0px); } ._navigation_1q7vh_71 ._blurContainer_1q7vh_160 ._drawer_1q7vh_174 ._drawerView_1q7vh_283:nth-child(2) { transform: translate(100%); } ._navigation_1q7vh_71 ._blurContainer_1q7vh_160 ._drawer_1q7vh_174[data-detail-open="true"] ._drawerView_1q7vh_283:nth-child(1) { transform: translate(-100%); } ._navigation_1q7vh_71 ._blurContainer_1q7vh_160 ._drawer_1q7vh_174[data-detail-open="true"] ._drawerView_1q7vh_283:nth-child(2) { transform: translate(0px); } ._navigation_1q7vh_71 ._blurContainer_1q7vh_160 ._drawer_1q7vh_174 ._tabList_1q7vh_305 { list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; padding-block: var(--spacing-2); box-sizing: border-box; } ._navigation_1q7vh_71 ._blurContainer_1q7vh_160 ._drawer_1q7vh_174 ._tabList_1q7vh_305 ._tabItem_1q7vh_314 { color-scheme: unset; forced-color-adjust: unset; mask: unset; math-depth: unset; position: unset; position-anchor: unset; appearance: unset; color: var(--font-color-primary); font-family: unset; font-feature-settings: unset; font-kerning: unset; font-optical-sizing: unset; font-palette: unset; font-size: var(--typography-navigation-item); font-stretch: unset; font-style: unset; font-synthesis: unset; font-variant: unset; font-variation-settings: unset; font-weight: unset; inset-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; align-content: unset; align-items: center; place-self: unset; alignment-baseline: unset; anchor-name: unset; animation-composition: unset; animation: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block-end: 1px solid var(--font-color-primary-10); border-block-start: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-shadow: unset; box-sizing: border-box; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-color: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: pointer; cx: unset; cy: unset; d: unset; display: flex; dominant-baseline: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; isolation: unset; justify-content: space-between; justify-items: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; line-height: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-clip-margin: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: var(--spacing-2); padding: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; quotes: unset; r: unset; resize: unset; rotate: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-overflow: unset; text-shadow: unset; text-size-adjust: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; white-space: unset; timeline-scope: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-print-color-adjust: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; widows: unset; width: 100%; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; } ._navigation_1q7vh_71 ._blurContainer_1q7vh_160 ._drawer_1q7vh_174 ._tabList_1q7vh_305 ._tabItem_1q7vh_314:focus-visible { outline: 1px solid var(--font-color-primary); } ._navigation_1q7vh_71 ._blurContainer_1q7vh_160 ._drawer_1q7vh_174 ._backButton_1q7vh_330 { color-scheme: unset; forced-color-adjust: unset; mask: unset; math-depth: unset; position: unset; position-anchor: unset; appearance: unset; color: var(--font-color-primary); font-family: unset; font-feature-settings: unset; font-kerning: unset; font-optical-sizing: unset; font-palette: unset; font-size: var(--typography-body-default); font-stretch: unset; font-style: unset; font-synthesis: unset; font-variant: unset; font-variation-settings: unset; font-weight: unset; inset-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; align-items: center; place-self: unset; alignment-baseline: unset; anchor-name: unset; animation-composition: unset; animation: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-color: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: var(--spacing-1); column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: pointer; cx: unset; cy: unset; d: unset; display: flex; dominant-baseline: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; isolation: unset; justify-items: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; line-height: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-clip-margin: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block-end: unset; padding-block-start: var(--spacing-4); padding: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; quotes: unset; r: unset; resize: unset; rotate: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-overflow: unset; text-shadow: unset; text-size-adjust: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; white-space: unset; timeline-scope: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-print-color-adjust: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; widows: unset; width: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; } ._navigation_1q7vh_71 ._blurContainer_1q7vh_160 ._drawer_1q7vh_174 ._backButton_1q7vh_330:focus-visible { outline: 1px solid var(--font-color-primary); } ._navigation_1q7vh_71 ._blurContainer_1q7vh_160 ._drawer_1q7vh_174 ._detailContent_1q7vh_343 { display: flex; flex-direction: column; gap: var(--spacing-4); padding-block-start: var(--spacing-3); } ._root_1c5uf_10 { position: fixed; width: 100%; z-index: 20; top: 0px; } ._spacer_1c5uf_17 { height: var(--spacing-7); } @media (min-width: 1280px) { ._spacer_1c5uf_17 { display: none; } } :root { --typography-heading-1: 32px; --typography-heading-2: 24px; --typography-heading-3: 18px; --typography-heading-4: 12px; --typography-body-small: 14px; --typography-body-default: 16px; --typography-body-large: 17.6px; --typography-card-text: 14px; --typography-card-title: 18px; --typography-button-default: 12px; --typography-letter-spacing-very-wide: 2px; --typography-navigation-item: 20px; --spacing-0: 4px; --spacing-1: 8px; --spacing-2: 16px; --spacing-3: 24px; --spacing-4: 32px; --spacing-5: 40px; --spacing-6: 48px; --spacing-7: 56px; --spacing-8: 64px; --spacing-9: 72px; --spacing-10: 80px; --spacing-11: 88px; --spacing-12: 96px; --spacing-13: 104px; --spacing-14: 112px; --spacing-23: 184px; --radius-0: 4px; --radius-1: 8px; --radius-2: 16px; --radius-3: 24px; --radius-4: 32px; --radius-5: 40px; --radius-6: 48px; --radius-7: 56px; --radius-8: 64px; --radius-9: 72px; --radius-10: 80px; --radius-11: 88px; --radius-12: 96px; --radius-13: 104px; --radius-14: 112px; } @media (min-width: 768px) { :root { --typography-heading-4: 14px; --typography-card-text: 16px; --typography-card-title: 20px; --typography-heading-3: 24px; --typography-heading-2: 32px; --typography-heading-1: 48px; } } @media (min-width: 1280px) { :root { --typography-navigation-item: 16px; } } @keyframes _hideThumbnail_vy44p_1 { 0% { opacity: 1; display: flex; } 100% { opacity: 0; display: none; } } ._container_vy44p_81 { align-self: stretch; position: relative; aspect-ratio: 16 / 9; border-radius: var(--radius-1); overflow: hidden; max-width: 1280px; } ._container_vy44p_81 ._tag_vy44p_89 { position: absolute; z-index: 1; top: var(--spacing-1); left: var(--spacing-1); } ._container_vy44p_81 ._thumbnail_vy44p_95 { position: absolute; inset: 0px; background-size: cover; background-position: center center; cursor: pointer; border: none; display: flex; justify-content: center; align-items: center; opacity: 1; } ._container_vy44p_81 ._thumbnail_vy44p_95._hidden_vy44p_110 { opacity: 0; display: none; animation: 0.5s ease-in-out 0s 1 normal none running _hideThumbnail_vy44p_1; } ._container_vy44p_81 ._thumbnail_vy44p_95 ._playButton_vy44p_115 { display: flex; justify-content: center; align-items: center; color: var(--font-color-light); width: 80px; height: 80px; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px, rgba(255, 255, 255, 0.05) 0px -1px 10px inset; backdrop-filter: blur(25px); } ._container_vy44p_81 ._thumbnail_vy44p_95 ._playButton_vy44p_115 svg { height: 32px; width: 32px; } ._container_vy44p_81 ._thumbnail_vy44p_95 ._playButton_vy44p_115._small_vy44p_131 { width: 48px; height: 48px; } ._container_vy44p_81 ._thumbnail_vy44p_95 ._playButton_vy44p_115._small_vy44p_131 svg { width: 20px; } ._wrapper_1sft9_1 { position: fixed; z-index: 9999; inset: 0px; height: 100%; width: 100%; } ._wrapper_1sft9_1 ._videoContainer_1sft9_8 { width: 100%; height: 100%; overflow: hidden; max-width: unset !important; aspect-ratio: unset !important; border-radius: unset !important; } ._wrapper_1sft9_1 ._videoContainer_1sft9_8 ._videoFrame_1sft9_16 { position: absolute; border: 0px; transform: translateY(-45%); width: 100vw !important; height: 1000% !important; } ._wrapper_1sft9_1 ._closeButton_1sft9_23 { color-scheme: unset; forced-color-adjust: unset; mask: unset; math-depth: unset; position: absolute; position-anchor: unset; appearance: unset; color: unset; font: unset; font-palette: unset; font-synthesis: unset; inset-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; animation-composition: unset; animation: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; bottom: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-color: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: pointer; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; isolation: unset; left: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-clip-margin: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: 12px; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; quotes: unset; r: unset; resize: unset; right: var(--spacing-2); rotate: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-overflow: unset; text-shadow: unset; text-size-adjust: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; white-space: unset; timeline-scope: unset; top: var(--spacing-2); touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-print-color-adjust: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; widows: unset; width: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: 2; } ._fab_1sft9_33 { position: absolute; bottom: var(--spacing-2); right: var(--spacing-2); } ._embla_3gr2x_10 { position: relative; overflow: hidden; } ._embla_3gr2x_10._scrollNext_3gr2x_14 { --gradient-right-opacity: 0; } ._embla_3gr2x_10._scrollPrev_3gr2x_17 { --gradient-left-opacity: 0; } ._embla_3gr2x_10 { --gradient-right-opacity: 1; --gradient-left-opacity: 1; } ._embla_3gr2x_10 ._emblaContainer_3gr2x_24 { display: grid; grid-template-columns: repeat(auto-fit, minmax(302px, 1fr)); align-items: center; gap: var(--spacing-2); } ._embla_3gr2x_10 ._emblaContainer_3gr2x_24 ._emblaSlide_3gr2x_30 { flex: 0 0 100%; min-width: 0px; aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--spacing-1); } @media (min-width: 768px) { ._embla_3gr2x_10 ._emblaContainer_3gr2x_24 ._emblaSlide_3gr2x_30 { border-radius: var(--radius-2); } } ._embla_3gr2x_10 ._emblaContainer_3gr2x_24 ._emblaSlide_3gr2x_30 ._image_3gr2x_42 { width: 100%; object-fit: cover; aspect-ratio: 16 / 9; } ._embla_3gr2x_10 ._emblaContainer_3gr2x_24 ._emblaSlide_3gr2x_30._portrait_3gr2x_47, ._embla_3gr2x_10 ._emblaContainer_3gr2x_24 ._emblaSlide_3gr2x_30._portrait_3gr2x_47 ._image_3gr2x_42 { aspect-ratio: 3 / 4; } ._embla_3gr2x_10 ._emblaContainer_3gr2x_24 ._emblaSlide_3gr2x_30._square_3gr2x_53, ._embla_3gr2x_10 ._emblaContainer_3gr2x_24 ._emblaSlide_3gr2x_30._square_3gr2x_53 ._image_3gr2x_42 { aspect-ratio: 1 / 1; } ._controls_3gr2x_60 { z-index: 3; display: none; position: relative; justify-content: center; align-items: center; gap: var(--spacing-4); margin: var(--spacing-2) auto 0; max-width: 450px; } @media (min-width: 768px) { ._controls_3gr2x_60 { margin-block-start: var(--spacing-4); } } ._controls_3gr2x_60 ._emblaProgress_3gr2x_75 { display: grid; width: 100%; height: 4px; border-radius: 9999px; } ._controls_3gr2x_60 ._emblaProgress_3gr2x_75 ._emblaProgressLine_3gr2x_81 { height: 4px; transition: background-color 0.3s ease-in-out 0s; background-color: var(--font-color-primary-10); } ._controls_3gr2x_60 ._emblaProgress_3gr2x_75 ._emblaProgressLine_3gr2x_81:last-child { border-radius: 0px 9999px 9999px 0px; } ._controls_3gr2x_60 ._emblaProgress_3gr2x_75 ._emblaProgressLine_3gr2x_81:first-child { border-radius: 9999px 0px 0px 9999px; } ._controls_3gr2x_60 ._emblaProgress_3gr2x_75 ._emblaProgressLine_3gr2x_81._emblaProgressLineActive_3gr2x_92 { border-radius: 9999px; background-color: var(--accent-1); } ._controls_3gr2x_60._standalone_3gr2x_96 ._emblaProgress_3gr2x_75 { background-color: var(--font-color-primary-10); } ._controls_3gr2x_60._standalone_3gr2x_96 ._emblaProgress_3gr2x_75 ._emblaProgressLineActive_3gr2x_92 { background-color: var(--accent-1); } ._active_3gr2x_103._gradient_3gr2x_103 { mask-image: linear-gradient(to right,rgba(0,0,0,var(--gradient-left-opacity)) 0,rgb(0,0,0) var(--spacing-6),rgb(0,0,0) calc(100% - var(--spacing-6)),rgba(0,0,0,var(--gradient-right-opacity)) 100%); } ._active_3gr2x_103 ._emblaContainer_3gr2x_24 { display: flex; flex-wrap: nowrap; gap: 0px; } ._active_3gr2x_103 ._controls_3gr2x_60 { display: flex; } :root { --typography-heading-1: 32px; --typography-heading-2: 24px; --typography-heading-3: 18px; --typography-heading-4: 12px; --typography-body-small: 14px; --typography-body-default: 16px; --typography-body-large: 17.6px; --typography-card-text: 14px; --typography-card-title: 18px; --typography-button-default: 12px; --typography-letter-spacing-very-wide: 2px; --typography-navigation-item: 20px; --spacing-0: 4px; --spacing-1: 8px; --spacing-2: 16px; --spacing-3: 24px; --spacing-4: 32px; --spacing-5: 40px; --spacing-6: 48px; --spacing-7: 56px; --spacing-8: 64px; --spacing-9: 72px; --spacing-10: 80px; --spacing-11: 88px; --spacing-12: 96px; --spacing-13: 104px; --spacing-14: 112px; --spacing-23: 184px; --radius-0: 4px; --radius-1: 8px; --radius-2: 16px; --radius-3: 24px; --radius-4: 32px; --radius-5: 40px; --radius-6: 48px; --radius-7: 56px; --radius-8: 64px; --radius-9: 72px; --radius-10: 80px; --radius-11: 88px; --radius-12: 96px; --radius-13: 104px; --radius-14: 112px; } @media (min-width: 768px) { :root { --typography-heading-4: 14px; --typography-card-text: 16px; --typography-card-title: 20px; --typography-heading-3: 24px; --typography-heading-2: 32px; --typography-heading-1: 48px; } } @media (min-width: 1280px) { :root { --typography-navigation-item: 16px; } } ._container_16aag_71 { align-self: stretch; display: flex; flex-direction: column; gap: var(--spacing-3); } @media (min-width: 768px) { ._container_16aag_71 { flex-direction: row-reverse; gap: var(--spacing-5); } ._container_16aag_71._reverse_16aag_82 { flex-direction: row; } } @media (min-width: 768px) { ._container_16aag_71 > * { flex-basis: 50%; } } ._container_16aag_71 ._video_16aag_91 { flex: 1 1 0%; } ._container_16aag_71 > img { width: 100%; aspect-ratio: 1.4 / 1; border-radius: var(--radius-1); object-fit: cover; } @media (min-width: 768px) { ._container_16aag_71 > img { min-width: 0px; flex: 1 1 0%; aspect-ratio: 1.5 / 1; } } ._container_16aag_71 ._textContainer_16aag_107 { display: flex; flex-direction: column; align-items: flex-start; color: var(--font-color-primary); } @media (min-width: 768px) { ._container_16aag_71 ._textContainer_16aag_107 { flex: 1 1 0%; justify-content: center; } } ._container_16aag_71 ._textContainer_16aag_107 ._superTitle_16aag_119 { font-size: var(--typography-heading-4); font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: hsla(var(--font-color-base),.5); } ._container_16aag_71 ._textContainer_16aag_107 h2 { margin: var(--spacing-1) 0; } ._container_16aag_71 ._textContainer_16aag_107 ._richText_16aag_129 { margin-bottom: var(--spacing-3); } @media (min-width: 768px) { ._container_16aag_71 ._textContainer_16aag_107 ._richText_16aag_129 { margin-bottom: var(--spacing-5); } } ._container_16aag_71 ._textContainer_16aag_107 ._richText_16aag_129 p:not(:last-child) { margin-bottom: var(--spacing-4); } ._blob_110ja_1 { --blob-color-1: var(--accent-1); --blob-color-2: var(--accent-1-90); } ._blob_110ja_1 ._svgContainer_110ja_5 { width: 100%; height: 100%; position: relative; filter: blur(50px); } ._blob_110ja_1 ._svgContainer_110ja_5._large_110ja_11 svg { height: 150%; } ._blob_110ja_1 ._svgContainer_110ja_5._small_110ja_14 svg { height: 100%; } ._blob_110ja_1 ._svgContainer_110ja_5 svg { position: absolute; width: 100%; opacity: 0.2; background-repeat: no-repeat; animation: 4s ease-in-out 0s infinite normal none running _glowPulse_110ja_1; } @keyframes _glowPulse_110ja_1 { 0% { transform: scale(1); opacity: 0.2; } 50% { transform: scale(1.1); opacity: 0.25; } 100% { transform: scale(1); opacity: 0.2; } } ._academy_110ja_40 { --blob-color-1: hsl(13, 68%, 49%); --blob-color-2: hsl(24, 71%, 51%); } ._owr_110ja_45 { --blob-color-1: hsla(275, 64%, 40%, 1); --blob-color-2: hsla(273, 70%, 37%, 1); } :root { --typography-heading-1: 32px; --typography-heading-2: 24px; --typography-heading-3: 18px; --typography-heading-4: 12px; --typography-body-small: 14px; --typography-body-default: 16px; --typography-body-large: 17.6px; --typography-card-text: 14px; --typography-card-title: 18px; --typography-button-default: 12px; --typography-letter-spacing-very-wide: 2px; --typography-navigation-item: 20px; --spacing-0: 4px; --spacing-1: 8px; --spacing-2: 16px; --spacing-3: 24px; --spacing-4: 32px; --spacing-5: 40px; --spacing-6: 48px; --spacing-7: 56px; --spacing-8: 64px; --spacing-9: 72px; --spacing-10: 80px; --spacing-11: 88px; --spacing-12: 96px; --spacing-13: 104px; --spacing-14: 112px; --spacing-23: 184px; --radius-0: 4px; --radius-1: 8px; --radius-2: 16px; --radius-3: 24px; --radius-4: 32px; --radius-5: 40px; --radius-6: 48px; --radius-7: 56px; --radius-8: 64px; --radius-9: 72px; --radius-10: 80px; --radius-11: 88px; --radius-12: 96px; --radius-13: 104px; --radius-14: 112px; } @media (min-width: 768px) { :root { --typography-heading-4: 14px; --typography-card-text: 16px; --typography-card-title: 20px; --typography-heading-3: 24px; --typography-heading-2: 32px; --typography-heading-1: 48px; } } @media (min-width: 1280px) { :root { --typography-navigation-item: 16px; } } ._section_e4rkg_71 { position: relative; z-index: 1; color: var(--font-color-primary); display: flex; flex-direction: column; align-items: center; max-width: calc(var(--content-width, 1280px) + 2 * var(--spacing-2)); padding-inline: var(--spacing-2); margin: auto; overflow: visible; } ._section_e4rkg_71._centered_e4rkg_83 ._content_e4rkg_83 ._header_e4rkg_83 { justify-content: center; align-items: center; flex-direction: column; text-align: center; gap: var(--spacing-2); } ._section_e4rkg_71 ._content_e4rkg_83 { width: 100%; } ._section_e4rkg_71 ._content_e4rkg_83 ._header_e4rkg_83 { display: flex; flex-direction: column; align-items: flex-start; gap: var(--spacing-2); width: 100%; margin-block-end: var(--spacing-3); } @media (min-width: 768px) { ._section_e4rkg_71 ._content_e4rkg_83 ._header_e4rkg_83 { flex-direction: row; align-items: center; justify-content: space-between; margin-block-end: var(--spacing-6); } } ._section_e4rkg_71 ._content_e4rkg_83 ._header_e4rkg_83:has(._text_e4rkg_109:empty):not(:has(._cta_e4rkg_109)) { margin-block-end: 0px; } ._section_e4rkg_71 ._content_e4rkg_83 ._header_e4rkg_83 p, ._section_e4rkg_71 ._content_e4rkg_83 ._header_e4rkg_83 h2 { padding: 0px; margin: 0px; } ._section_e4rkg_71 ._content_e4rkg_83 ._header_e4rkg_83 ._text_e4rkg_109 ._kicker_e4rkg_117 { color: var(--font-color-primary-50); font-size: var(--typography-heading-4); font-weight: 700; line-height: normal; letter-spacing: 3px; text-transform: uppercase; } ._section_e4rkg_71 ._content_e4rkg_83 ._header_e4rkg_83 ._text_e4rkg_109 ._title_e4rkg_125 { font-size: var(--typography-heading-2); } ._section_e4rkg_71 ._content_e4rkg_83 ._header_e4rkg_83 ._text_e4rkg_109 ._subtitle_e4rkg_128 { color: var(--font-color-primary-80); } ._section_e4rkg_71 ._blob_e4rkg_131 { position: absolute; z-index: -1; inset: 0px; overflow: visible; } ._section_e4rkg_71 { margin-top: 0px; } @media (min-width: 768px) { ._section_e4rkg_71 { margin-top: var(--spacing-2); } } ._section_e4rkg_71 ~ ._section_e4rkg_71 { margin-top: var(--spacing-10); } @media (min-width: 768px) { ._section_e4rkg_71 ~ ._section_e4rkg_71 { margin-top: var(--spacing-14); } } .cookieconsent-optin, .cookieconsent-optin-preferences, .cookieconsent-optin-statistics, .cookieconsent-optin-marketing { display: initial; } .cookieconsent-optout-preferences, .cookieconsent-optout-statistics, .cookieconsent-optout-marketing, .cookieconsent-optout { display: none; } @media (max-width: 35.99375em) { .mantine-visible-from-xs { display: none !important; } } @media (min-width: 36em) { .mantine-hidden-from-xs { display: none !important; } } @media (max-width: 47.99375em) { .mantine-visible-from-sm { display: none !important; } } @media (min-width: 48em) { .mantine-hidden-from-sm { display: none !important; } } @media (max-width: 61.99375em) { .mantine-visible-from-md { display: none !important; } } @media (min-width: 62em) { .mantine-hidden-from-md { display: none !important; } } @media (max-width: 74.99375em) { .mantine-visible-from-lg { display: none !important; } } @media (min-width: 75em) { .mantine-hidden-from-lg { display: none !important; } } @media (max-width: 87.99375em) { .mantine-visible-from-xl { display: none !important; } } @media (min-width: 88em) { .mantine-hidden-from-xl { display: none !important; } } #tmlicon { container-name: tmlicon; --inverted: var(--icons-inverted,false); & .icon-default { display: block; } & .icon-inverted { display: none; } } @container tmlicon style(--inverted: true) { .icon-default { display: none !important; } .icon-inverted { display: block !important; } } .rsme-embed .rsme-d-none { display: none; } .rsme-embed .twitter-tweet { margin: 0px !important; } .rsme-embed blockquote { margin: 0px !important; padding: 0px !important; } .rsme-embed.rsme-facebook-embed .fb-post iframe { width: 100% !important; } .rsme-embed.rsme-facebook-embed .fb-post span { width: 100% !important; }