* { scroll-margin-top: 80px; -webkit-tap-highlight-color: transparent; } *  { box-sizing: border-box; margin: 0; padding: 0; } :root { --blackAlfa100: rgba(33, 37, 42, 1); --whiteAlfa100: rgba(255, 255, 255, 1); --grey100: #787878; --grey90: #cdcdcd; --grey80: #e8e8e8; --grey70: #f1f1f3; --grey60: #f9f9fb; --chartreuse100: #e2fa5c; --azure100: #006aff; --azure90: #1a79ff; --azure80: #3388ff; --azure20: #d0e3ff; --kellyGreen100: #00a802; --kellyGreen10: #e6f7e6; --scarlet100: #ff3317; --scarlet10: #ffebe8; --finalTileDefault: var(--grey60); --finalTileHover: var(--grey70); --finalStrokePrimary: var(--grey70); --finalStrokeSecondary: var(--grey80); --finalStrokeError: var(--scarlet100); --finalStrokeHover: var(--blackAlfa100); --finalStrokeBrand: var(--azure100); --finalBackgroundWhite: var(--whiteAlfa100); --finalBackgroundBlack: var(--blackAlfa100); --finalBackgroundSecondary: var(--grey60); --finalBackgroundBlue: var(--azure20); --finalBackgroundYellow: var(--chartreuse100); --finalBackgroundError: var(--scarlet10); --finalBackgroundSuccessSecondary: var(--kellyGreen10); --finalChipPrimary: var(--blackAlfa100); --finalChipSecondary: var(--grey60); --finalTextPrimary: var(--blackAlfa100); --finalTextInvert: var(--whiteAlfa100); --finalTextSecondary: var(--grey100); --finalTextTetriary: var(--grey90); --finalTextDisabled: var(--grey70); --finalTextBrand: var(--azure100); --finalTextError: var(--scarlet100); --finalTextHightlight: var(--chartreuse100); --finalButtonActive: var(--azure100); --finalButtonHover: var(--azure90); --finalButtonFocused: var(--azure80); --finalButtonDisabled: var(--grey80); --finalIconPrimary: var(--blackAlfa100); --finalIconSecondary: var(--grey100); --finalIconInvert: var(--whiteAlfa100); --finalIconBrand: var(--azure100); --iconGreen: var(--kellyGreen100); --iconRed: var(--scarlet100); --iconBlack: var(--blackAlfa100); --iconWhite: var(--whiteAlfa100); --iconYellow: var(--chartreuse100); --iconBlue: var(--azure100); --fontFamilyPrimary: "Inter", "Arial", "Helvetica", sans-serif; --fontWeightRegular: 400; --fontWeightSemiBold: 600; --fontWeightBold: 700; --fontSizeSmall: 14px; --fontSizeRegular: 16px; --finalContentMaxWidth: 960px; --borderOutlinePrimary: 1px solid var(--finalStrokePrimary); --zIndexDefault: 0; } .iRF-kg6 { display: flex; flex-direction: column; row-gap: 1px; max-width: var(--finalContentMaxWidth); } @media (min-width: 960px){ .iRF-kg6 { width: 100%; margin: 0px auto; } } .jwD-v25 { display: flex; flex-flow: row; overflow-x: scroll; column-gap: 8px; margin: 24px 0px 0px; max-width: var(--finalContentMaxWidth); scrollbar-width: none; min-height: 32px; } @media (min-width: 700px){ .jwD-v25 { margin: 32px 0px 0px; } } @media (min-width: 960px){ .jwD-v25 { margin: 32px 32px 0px; } } @media (min-width: 1024px){ .jwD-v25 { width: 100%; margin: 32px auto 0px; justify-content: space-between; } } .jwD-v25:-webkit-scrollbar { display: none; } .gxt-wlz { display: grid; grid-template-columns: 1fr; margin: 0px 16px; gap: 8px; } @media (min-width: 700px){ .gxt-wlz { height: inherit; margin: 8px 32px 0px; gap: 16px; } } @media (min-width: 960px){ .gxt-wlz { padding-left: 14px; padding-right: 10px; } } @media (min-width: 1024px){ .gxt-wlz { width: 100%; margin: 8px auto 0px; } } .jtR-niy { text-decoration: none; display: flex; align-items: center; justify-content: center; margin: 0px 16px 16px; } @media (min-width: 700px){ .jtR-niy { margin: 0px 32px 16px; } } @media (min-width: 960px){ .jtR-niy { margin: 0px auto; } } .itu-7xx { white-space: nowrap; border-radius: 16px; line-height: 16px; padding: 8px 12px; cursor: pointer; font-size: var(--fontSizeSmall); color: #000000; background: #ffffff;} .itu-7xx:first-child { margin-left: 16px; } @media (min-width: 700px){ .itu-7xx:first-child { margin-left: 32px; } } @media (min-width: 960px){ .itu-7xx:first-child { margin-left: 0px; } } .jFi-did { white-space: nowrap; border-radius: 9999px; line-height: 16px; padding: 8px 12px; cursor: pointer; font-size: var(--fontSizeSmall); background-color: #232323; color: rgb(255 255 255); } .jFi-did:last-child { margin-right: 16px; } @media (min-width: 700px){ .jFi-did:last-child { margin-right: 32px; } } @media (min-width: 960px){ .jFi-did:last-child { margin-right: 0px; } } .cVz-hm6 { display: inline-flex; margin-bottom: 8px; } @media (min-width: 700px){ .cVz-hm6 { margin-bottom: 0px; } } a { background-color: transparent; } .lci-a2i { width: 100%; padding: 0px 16px; text-align: left; display: flex; align-items: center; border-radius: 9999px; height: 64px; text-decoration: none; position: relative; overflow: hidden; background-color: var(--section_bg_color); } button { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button { overflow: visible; } button { text-transform: none; } button { -webkit-appearance: button; } .hGX-xdq { border-radius: 10px; padding: 0px 12px; font-weight: var(--fontWeightBold); font-size: var(--fontSizeRegular); line-height: 22px; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; border: none; outline: transparent; white-space: nowrap; transition: background-color 0.3s, color 0.3s, border 0.3s; } .iAx-agc { background-color: var(--finalButtonActive); color: var(--finalTextInvert); height: 52px; min-width: 52px; transition: background-color 0.1s, border 0.1s; } .cxV-rly { margin: 0px auto; width: 100%; } @media (min-width: 960px){ .cxV-rly { width: 164px; } } .bsx-371 { width: 100%; padding: 0px 16px 0px 0px; display: flex; align-items: center; border-radius: 9999px; height: 64px; text-decoration: none; overflow: hidden; position: relative; background-color: var(--section_bg_color); } .iKK-igq { width: 32px; height: 32px; border-radius: 16px; margin-right: 10px; margin-left: 5px; } .gBf-1oo { display: flex; flex-direction: column; row-gap: 4px; width: 75%; } .cSr-pnv { margin-left: auto; } .imq-89i { position: absolute; top: 0px; right: 0px; font-size: 12px; text-transform: uppercase; padding: 2px 12px; border-bottom-left-radius: 16px; font-weight: var(--fontWeightSemiBold); color: var(--finalTextPrimary); background-color: var(--finalBackgroundBlue); } .eDn-98k { width: 64px; height: 64px; overflow: hidden; display: flex; justify-content: center; align-items: center; position: relative; } .hjd-bi8 { display: flex; flex-direction: column; row-gap: 4px; } .kGS-msb { display: flex; align-items: center; justify-content: center; margin-left: auto; height: 16px; width: 16px; } .hHI-7ow { overflow: hidden; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; border: none; } .huD-qdj { white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; color: var(--text-color); font-size: var(--fontSizeRegular); font-weight: var(--fontWeightSemiBold); } .ggg-ecn { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; max-width: 16px; min-width: 16px; max-height: 16px; } .eDn-98k picture  { position: absolute; top: 6px; left: -8px; } .hAQ-39x { text-align: left; max-width: 180px; line-height: 22px; margin-right: 8px; color: var(--text-color); font-size: var(--fontSizeRegular); font-weight: var(--fontWeightSemiBold); } @media (min-width: 360px){ .hAQ-39x { max-width: 100%; } } .hqz-gxk { line-height: 14px; color: var(--hint-color); font-size: var(--fontSizeSmall); } img { border-style: none; } .dBj-2jo { display: block; width: 32px; height: 32px; } .ggg-ecn svg  { transition: transform 0.3s; width: 16px; height: 16px; } .eDn-98k picture img  { width: 64px; height: 64px; } /* These were inline style tags. Uses id+class to override almost everything */ #style-L1Lfh.style-L1Lfh { object-fit: cover; margin-right: 0px; box-shadow: inset 0 0 3px var(--blackAlfa100); } #style-vftmo.style-vftmo { object-fit: cover; margin-right: 0px; box-shadow: inset 0 0 3px var(--blackAlfa100); } #style-FNvg7.style-FNvg7 { object-fit: cover; margin-right: 0px; box-shadow: inset 0 0 3px var(--blackAlfa100); } #style-JwH12.style-JwH12 { object-fit: cover; margin-right: 0px; box-shadow: inset 0 0 3px var(--blackAlfa100); } #style-M7orC.style-M7orC { object-fit: cover; margin-right: 0px; box-shadow: inset 0 0 3px var(--blackAlfa100); }