.about-us-b998e096OAwrHg { display: flex; margin-inline-end: 8px; } .about-us-b998e096OAwrHg1 { height: 18px; width: 18px; } .about-us-b998e096OAwrHg2 { height: 24px; width: 24px; } .about-us-b998e096OAwrHg3 { align-items: center; background-color: transparent; border-radius: 50px; border: none; color: var(--xdlColorText); display: inline-flex; font-size: 14px; font-weight: 700; justify-content: center; margin: 0; padding: 0; position: relative; text-decoration: none; vertical-align: top; z-index: 0; &::after { border-radius: 50px; box-sizing: border-box; content: ''; cursor: pointer; height: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; transition-duration: 70ms 150ms; transition-property: transform, background-color, width, height, inset-block-start, inset-inline-start; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); width: 100%; z-index: -100; } &:hover, &:focus { cursor: pointer; text-decoration: none; } &:hover { &::after { width: calc(100% + 4px); height: calc(100% + 4px); inset-block-start: -2px; inset-inline-start: -2px; } } &:active { &::after { transform: scale(0.95); } } &:focus { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:focus:not(:focus-visible) { outline: none; } &:focus-visible { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:disabled { cursor: default; } &:disabled { &::after { cursor: default; width: 100%; height: 100%; inset-block-start: 0; inset-inline-start: 0; transform: none; user-select: none; } } } .about-us-b998e096OAwrHg4 { color: var(--xdlColorText); &::after { background-color: var(--xdlColorInfoSoft); } &:hover { color: var(--xdlColorText); &::after { background-color: var(--xdlColorHoverTertiary); @media (hover: none) { background-color: var(--xdlColorHoverTertiary); } } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:visited { color: var(--xdlColorText); } &:disabled { color: var(--xdlColorDisabledStrong); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorText); } &::after { background-color: var(--xdlColorDisabledSoft); } } &[data-loading='true'] { &::after { background-color: var(--xdlColorInfoSoft); } } } .about-us-b998e096OAwrHg5 { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorControlFillLight); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; color: var(--xdlColorTextOnLight); } &:hover { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorHoverOnColor); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; @media (hover: none) { background-color: var(--xdlColorControlFillLight); } } } &:visited { color: var(--xdlColorTextOnLight); } &:active { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorControlFillDark); border: none; } } &:disabled { color: var(--xdlColorDisabledOnColor); &::after { background-color: var(--xdlColorControlFillLight); border: none; } } &[data-loading='true'] { color: var(--xdlColorTextOnLight); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnLight); } &::after { background-color: var(--xdlColorControlFillLight); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } } } .about-us-b998e096OAwrHg6 { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorControlFillDark); color: var(--xdlColorTextOnDark); } &:hover { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorHoverOnColorStrong); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; @media (hover: none) { background-color: var(--xdlColorControlFillDark); } } } &:visited { color: var(--xdlColorTextOnDark); } &:active { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorControlFillLight); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } } &:disabled { color: var(--xdlColorDisabledOnColor); &::after { background-color: var(--xdlColorControlFillLight); border: none; } } &[data-loading='true'] { color: var(--xdlColorTextOnDark); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnDark); } &::after { background-color: var(--xdlColorControlFillDark); } } } .about-us-b998e096OAwrHg7 { && { color: var(--xdlColorTextOnDark); } &::before { border-color: var(--xdlColorA11yBorder); border-radius: 50px; border-style: solid; border-width: 2px; box-sizing: border-box; content: ''; cursor: pointer; height: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; transition-duration: 70ms; transition-property: transform; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); width: 100%; z-index: calc(-100 + 1); } &::after { background-color: var(--xdlColorControlFillQuaternary); opacity: 0.6; } &:hover { &::before { border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } } &:hover { &::after { background-color: var(--xdlColorControlFillQuaternary); opacity: 0.8; @media (hover: none) { opacity: 0.6; } } } &:active { color: var(--xdlColorTextInvert); &::before { transform: scale(0.95); } &::after { background-color: var(--xdlColorSelected); border: none; opacity: 1; } } &:disabled { color: var(--xdlColorTextOnDark); /** Button Text */ & > div > span { opacity: 0.4; } /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnDark); } &::before { border: none; } &::after { background-color: var(--xdlColorControlFillQuaternary); opacity: 0.6; } } &[data-loading='true'] { &::before { border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } &::after { background-color: var(--xdlColorControlFillQuaternary); } } } .about-us-b998e096OAwrHg8 { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorPremium); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; color: var(--xdlColorTextOnDark); } &:hover { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorPremiumSecondary); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; @media (hover: none) { background-color: var(--xdlColorPremium); } } } &:visited { color: var(--xdlColorTextOnDark); } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnDark); } &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { &::after { background-color: var(--xdlColorPremium); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } } } .about-us-b998e096OAwrHg9 { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorXING); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } &:hover { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorPrimaryButtonHover); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; color: var(--xdlColorTextOnLight); @media (hover: none) { background-color: var(--xdlColorXING); } } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; color: var(--xdlColorTextInvert); } } &:disabled { color: var(--xdlColorDisabledStrong); &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnLight); } &::after { background-color: var(--xdlColorXING); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } } } .about-us-b998e096OAwrHg10 { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorProBusiness); } &:hover { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorProBusinessSecondary); @media (hover: none) { background-color: var(--xdlColorProBusiness); } } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:visited { color: var(--xdlColorTextOnDark); } &:disabled { color: var(--xdlColorDisabledStrong); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnDark); } &::after { background-color: var(--xdlColorDisabledSoft); } } &[data-loading='true'] { &::after { background-color: var(--xdlColorProBusiness); } } } .about-us-b998e096OAwrHg11 { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorProJobsFill); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } &:hover { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorProJobsSecondary); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; @media (hover: none) { background-color: var(--xdlColorProJobsFill); } } } &:visited { color: var(--xdlColorTextOnLight); } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnLight); } &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { &::after { background-color: var(--xdlColorProJobsFill); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } } } .about-us-b998e096OAwrHg12 { color: var(--xdlColorText); &::after { background-color: transparent; border-color: var(--xdlColorText); border-style: solid; border-width: 2px; } &:hover { @media (hover: none) { color: var(--xdlColorText); } &::after { background: var(--xdlColorButtonSecondaryHover); border-color: var(--xdlColorText); @media (hover: none) { background-color: var(--xdlColorButtonSecondaryHover); color: var(--xdlColorText); } } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); pointer-events: none; &::after { background-color: transparent; border-color: var(--xdlColorDisabledStrong); color: var(--xdlColorDisabledStrong); } } &[data-loading='true'] { &::after { background-color: transparent; border-color: var(--xdlColorText); } } } .about-us-b998e096OAwrHg13 { color: var(--xdlColorText); &::after { background-color: var(--xdlColorControlFillTertiary); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } &:hover { &::after { background-color: var(--xdlColorHoverTertiary); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; @media (hover: none) { background-color: var(--xdlColorControlFillTertiary); } } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); &::after { background-color: var(--xdlColorDisabledSoft); border: none; &:hover::after { background-color: transparent; } } } &[data-loading='true'] { &::after { background-color: var(--xdlColorControlFillTertiary); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } } } .about-us-b998e096OAwrHg14 { font-size: 14px; height: 32px; min-width: 32px; padding-inline-end: calc(32px / 2); padding-inline-start: calc(32px / 2); } .about-us-b998e096OAwrHg15 { font-size: 16px; height: 42px; min-width: 42px; padding-inline-end: calc(42px / 2); padding-inline-start: calc(42px / 2); } .about-us-b998e096OAwrHg16 { font-size: 18px; height: 48px; min-width: 48px; padding-inline-end: calc(48px / 2); padding-inline-start: calc(48px / 2); } .about-us-b998e096OAwrHg17 { font-size: 18px; height: 54px; min-width: 54px; padding-inline-end: calc(54px / 2); padding-inline-start: calc(54px / 2); } .about-us-b998e096OAwrHg18 { @media (min-width: 740px) { font-size: 14px; height: 32px; min-width: 32px; padding-inline-end: calc(32px / 2); padding-inline-start: calc(32px / 2); } } .about-us-b998e096OAwrHg19 { @media (min-width: 740px) { font-size: 16px; height: 42px; min-width: 42px; padding-inline-end: calc(42px / 2); padding-inline-start: calc(42px / 2); } } .about-us-b998e096OAwrHg20 { @media (min-width: 740px) { font-size: 18px; height: 48px; min-width: 48px; padding-inline-end: calc(48px / 2); padding-inline-start: calc(48px / 2); } } .about-us-b998e096OAwrHg21 { @media (min-width: 740px) { font-size: 18px; height: 54px; min-width: 54px; padding-inline-end: calc(54px / 2); padding-inline-start: calc(54px / 2); } } .about-us-b998e096OAwrHg22 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 14px; height: 32px; min-width: 32px; padding-inline-end: calc(32px / 2); padding-inline-start: calc(32px / 2); } } .about-us-b998e096OAwrHg23 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 16px; height: 42px; min-width: 42px; padding-inline-end: calc(42px / 2); padding-inline-start: calc(42px / 2); } } .about-us-b998e096OAwrHg24 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 18px; height: 48px; min-width: 48px; padding-inline-end: calc(48px / 2); padding-inline-start: calc(48px / 2); } } .about-us-b998e096OAwrHg25 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 18px; height: 54px; min-width: 54px; padding-inline-end: calc(54px / 2); padding-inline-start: calc(54px / 2); } } .about-us-b998e096OAwrHg26 { padding: 0; & .about-us-b998e096OAwrHg { margin: 0; } } .about-us-b998e096OAwrHg27 { align-items: center; background-color: transparent; border-radius: 50px; border: none; color: var(--xdlColorText); display: inline-flex; font-size: 14px; font-weight: 700; justify-content: center; margin: 0; padding: 0; position: relative; text-decoration: none; vertical-align: top; z-index: 0; &::after { border-radius: 50px; box-sizing: border-box; content: ''; cursor: pointer; height: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; transition-duration: 70ms 150ms; transition-property: transform, background-color, width, height, inset-block-start, inset-inline-start; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); width: 100%; z-index: -100; } &:hover, &:focus { cursor: pointer; text-decoration: none; } &:hover { &::after { width: calc(100% + 4px); height: calc(100% + 4px); inset-block-start: -2px; inset-inline-start: -2px; } } &:active { &::after { transform: scale(0.95); } } &:focus { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:focus:not(:focus-visible) { outline: none; } &:focus-visible { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:disabled { cursor: default; } &:disabled { &::after { cursor: default; width: 100%; height: 100%; inset-block-start: 0; inset-inline-start: 0; transform: none; user-select: none; } } } .about-us-b998e096OAwrHg4 { color: var(--xdlColorText); &::after { background-color: var(--xdlColorInfoSoft); } &:hover { color: var(--xdlColorText); &::after { background-color: var(--xdlColorHoverTertiary); @media (hover: none) { background-color: var(--xdlColorHoverTertiary); } } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:visited { color: var(--xdlColorText); } &:disabled { color: var(--xdlColorDisabledStrong); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorText); } &::after { background-color: var(--xdlColorDisabledSoft); } } &[data-loading='true'] { &::after { background-color: var(--xdlColorInfoSoft); } } } .about-us-b998e096OAwrHg5 { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorControlFillLight); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; color: var(--xdlColorTextOnLight); } &:hover { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorHoverOnColor); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; @media (hover: none) { background-color: var(--xdlColorControlFillLight); } } } &:visited { color: var(--xdlColorTextOnLight); } &:active { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorControlFillDark); border: none; } } &:disabled { color: var(--xdlColorDisabledOnColor); &::after { background-color: var(--xdlColorControlFillLight); border: none; } } &[data-loading='true'] { color: var(--xdlColorTextOnLight); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnLight); } &::after { background-color: var(--xdlColorControlFillLight); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } } } .about-us-b998e096OAwrHg6 { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorControlFillDark); color: var(--xdlColorTextOnDark); } &:hover { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorHoverOnColorStrong); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; @media (hover: none) { background-color: var(--xdlColorControlFillDark); } } } &:visited { color: var(--xdlColorTextOnDark); } &:active { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorControlFillLight); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } } &:disabled { color: var(--xdlColorDisabledOnColor); &::after { background-color: var(--xdlColorControlFillLight); border: none; } } &[data-loading='true'] { color: var(--xdlColorTextOnDark); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnDark); } &::after { background-color: var(--xdlColorControlFillDark); } } } .about-us-b998e096OAwrHg7 { && { color: var(--xdlColorTextOnDark); } &::before { border-color: var(--xdlColorA11yBorder); border-radius: 50px; border-style: solid; border-width: 2px; box-sizing: border-box; content: ''; cursor: pointer; height: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; transition-duration: 70ms; transition-property: transform; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); width: 100%; z-index: calc(-100 + 1); } &::after { background-color: var(--xdlColorControlFillQuaternary); opacity: 0.6; } &:hover { &::before { border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } } &:hover { &::after { background-color: var(--xdlColorControlFillQuaternary); opacity: 0.8; @media (hover: none) { opacity: 0.6; } } } &:active { color: var(--xdlColorTextInvert); &::before { transform: scale(0.95); } &::after { background-color: var(--xdlColorSelected); border: none; opacity: 1; } } &:disabled { color: var(--xdlColorTextOnDark); /** Button Text */ & > div > span { opacity: 0.4; } /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnDark); } &::before { border: none; } &::after { background-color: var(--xdlColorControlFillQuaternary); opacity: 0.6; } } &[data-loading='true'] { &::before { border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } &::after { background-color: var(--xdlColorControlFillQuaternary); } } } .about-us-b998e096OAwrHg8 { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorPremium); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; color: var(--xdlColorTextOnDark); } &:hover { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorPremiumSecondary); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; @media (hover: none) { background-color: var(--xdlColorPremium); } } } &:visited { color: var(--xdlColorTextOnDark); } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnDark); } &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { &::after { background-color: var(--xdlColorPremium); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } } } .about-us-b998e096OAwrHg9 { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorXING); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } &:hover { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorPrimaryButtonHover); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; color: var(--xdlColorTextOnLight); @media (hover: none) { background-color: var(--xdlColorXING); } } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; color: var(--xdlColorTextInvert); } } &:disabled { color: var(--xdlColorDisabledStrong); &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnLight); } &::after { background-color: var(--xdlColorXING); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } } } .about-us-b998e096OAwrHg10 { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorProBusiness); } &:hover { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorProBusinessSecondary); @media (hover: none) { background-color: var(--xdlColorProBusiness); } } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:visited { color: var(--xdlColorTextOnDark); } &:disabled { color: var(--xdlColorDisabledStrong); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnDark); } &::after { background-color: var(--xdlColorDisabledSoft); } } &[data-loading='true'] { &::after { background-color: var(--xdlColorProBusiness); } } } .about-us-b998e096OAwrHg11 { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorProJobsFill); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } &:hover { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorProJobsSecondary); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; @media (hover: none) { background-color: var(--xdlColorProJobsFill); } } } &:visited { color: var(--xdlColorTextOnLight); } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnLight); } &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { &::after { background-color: var(--xdlColorProJobsFill); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } } } .about-us-b998e096OAwrHg12 { color: var(--xdlColorText); &::after { background-color: transparent; border-color: var(--xdlColorText); border-style: solid; border-width: 2px; } &:hover { @media (hover: none) { color: var(--xdlColorText); } &::after { background: var(--xdlColorButtonSecondaryHover); border-color: var(--xdlColorText); @media (hover: none) { background-color: var(--xdlColorButtonSecondaryHover); color: var(--xdlColorText); } } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); pointer-events: none; &::after { background-color: transparent; border-color: var(--xdlColorDisabledStrong); color: var(--xdlColorDisabledStrong); } } &[data-loading='true'] { &::after { background-color: transparent; border-color: var(--xdlColorText); } } } .about-us-b998e096OAwrHg13 { color: var(--xdlColorText); &::after { background-color: var(--xdlColorControlFillTertiary); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } &:hover { &::after { background-color: var(--xdlColorHoverTertiary); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; @media (hover: none) { background-color: var(--xdlColorControlFillTertiary); } } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); &::after { background-color: var(--xdlColorDisabledSoft); border: none; &:hover::after { background-color: transparent; } } } &[data-loading='true'] { &::after { background-color: var(--xdlColorControlFillTertiary); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } } } .about-us-b998e096OAwrHg14 { font-size: 14px; height: 32px; min-width: 32px; padding-inline-end: calc(32px / 2); padding-inline-start: calc(32px / 2); } .about-us-b998e096OAwrHg15 { font-size: 16px; height: 42px; min-width: 42px; padding-inline-end: calc(42px / 2); padding-inline-start: calc(42px / 2); } .about-us-b998e096OAwrHg16 { font-size: 18px; height: 48px; min-width: 48px; padding-inline-end: calc(48px / 2); padding-inline-start: calc(48px / 2); } .about-us-b998e096OAwrHg17 { font-size: 18px; height: 54px; min-width: 54px; padding-inline-end: calc(54px / 2); padding-inline-start: calc(54px / 2); } .about-us-b998e096OAwrHg28 { @media (min-width: 740px) { font-size: 14px; height: 32px; min-width: 32px; padding-inline-end: calc(32px / 2); padding-inline-start: calc(32px / 2); } } .about-us-b998e096OAwrHg29 { @media (min-width: 740px) { font-size: 16px; height: 42px; min-width: 42px; padding-inline-end: calc(42px / 2); padding-inline-start: calc(42px / 2); } } .about-us-b998e096OAwrHg30 { @media (min-width: 740px) { font-size: 18px; height: 48px; min-width: 48px; padding-inline-end: calc(48px / 2); padding-inline-start: calc(48px / 2); } } .about-us-b998e096OAwrHg31 { @media (min-width: 740px) { font-size: 18px; height: 54px; min-width: 54px; padding-inline-end: calc(54px / 2); padding-inline-start: calc(54px / 2); } } .about-us-b998e096OAwrHg32 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 14px; height: 32px; min-width: 32px; padding-inline-end: calc(32px / 2); padding-inline-start: calc(32px / 2); } } .about-us-b998e096OAwrHg33 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 16px; height: 42px; min-width: 42px; padding-inline-end: calc(42px / 2); padding-inline-start: calc(42px / 2); } } .about-us-b998e096OAwrHg34 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 18px; height: 48px; min-width: 48px; padding-inline-end: calc(48px / 2); padding-inline-start: calc(48px / 2); } } .about-us-b998e096OAwrHg35 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 18px; height: 54px; min-width: 54px; padding-inline-end: calc(54px / 2); padding-inline-start: calc(54px / 2); } } .about-us-b998e096OAwrHg26 { padding: 0; & .about-us-b998e096OAwrHg { margin: 0; } } .about-us-b998e096OAwrHg36 { align-items: center; display: flex; justify-content: center; } .about-us-b998e096OAwrHg37 { overflow: hidden; white-space: nowrap; } .about-us-b998e096OAwrHg38 { inset-block-start: 50%; inset-inline-start: 50%; position: absolute; transform: translate(-50%, -50%); } .about-us-b998e096OAwrHg39 { transform: translate(-50%, -50%) scale(0.6); } .about-us-b998e096OAwrHg40 { transform: translate(-50%, -50%) scale(0.7); } .about-us-b998e096OAwrHg41 { @media (min-width: 740px) { transform: translate(-50%, -50%) scale(0.6); } } .about-us-b998e096OAwrHg42 { @media (min-width: 740px) { transform: translate(-50%, -50%) scale(0.7); } } .about-us-b998e096OAwrHg43 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { transform: translate(-50%, -50%) scale(0.6); } } .about-us-b998e096OAwrHg44 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { transform: translate(-50%, -50%) scale(0.7); } } .about-us-b998e096OAwrHg45 { display: inline-flex; } .about-us-b998e096OAwrHg46 { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .about-us-b998e096OAwrHg47 { visibility: hidden; } @keyframes about-us-b998e096bGEl63 { 0% { transform: scale(1); } /* 0ms */ 25.5% { transform: scale(1); } /* 240ms */ 51.1% { transform: scale(0.6); } /* 480ms */ 76.6% { transform: scale(1); } /* 720ms */ 100% { transform: scale(1); } /* 940ms */ } @keyframes about-us-b998e096bGEl631 { 0% { transform: scale(1); } /* 0ms */ 37.2% { transform: scale(1); } /* 350ms */ 62.8% { transform: scale(0.6); } /* 590ms */ 88.3% { transform: scale(1); } /* 830ms */ 100% { transform: scale(1); } /* 940ms */ } @keyframes about-us-b998e096bGEl632 { 0% { transform: scale(1); } /* 0ms */ 48.9% { transform: scale(1); } /* 460ms */ 74.5% { transform: scale(0.6); } /* 700ms */ 100% { transform: scale(1); } /* 940ms */ } .about-us-b998e096bGEl633 { align-items: center; display: flex; height: calc(8px * 1.2); /* 1.2 is max. scale transformation */ } .about-us-b998e096bGEl634 { animation-duration: calc(3 * 240ms + 2 * 110ms); animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); background-color: var(--xdlColorText); border-radius: 100%; height: 8px; min-width: 8px; /* needed for IE 11 */ width: 8px; animation-name: about-us-b998e096bGEl63; margin-right: 8px; } .about-us-b998e096bGEl635 { animation-duration: calc(3 * 240ms + 2 * 110ms); animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); background-color: var(--xdlColorText); border-radius: 100%; height: 8px; min-width: 8px; /* needed for IE 11 */ width: 8px; animation-name: about-us-b998e096bGEl631; } .about-us-b998e096bGEl636 { animation-duration: calc(3 * 240ms + 2 * 110ms); animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); background-color: var(--xdlColorText); border-radius: 100%; height: 8px; min-width: 8px; /* needed for IE 11 */ width: 8px; animation-name: about-us-b998e096bGEl632; margin-left: 8px; } .about-us-b998e096oOj59E1 { height: 18px; width: 18px; } .about-us-b998e096oOj59E2 { height: 24px; width: 24px; } .about-us-b998e096oOj59E3 { align-items: center; background-color: transparent; border-radius: 50%; border: 0; color: var(--xdlColorText); cursor: pointer; display: inline-flex; justify-content: center; margin: 0; padding: 0; position: relative; text-decoration: none; vertical-align: top; z-index: 0; &::after { background-color: transparent; border-radius: 50%; box-sizing: border-box; content: ''; height: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; transition-duration: 150ms; transition-property: transform, background-color; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); width: 100%; z-index: -100; } &:hover { color: var(--xdlColorText); &::after { background-color: var(--xdlColorHoverSecondary); transform: scale(1.05); } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); transform: scale(0.95); } } &:focus { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:focus:not(:focus-visible) { outline: none; } &:focus-visible { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:disabled { color: var(--xdlColorDisabledStrong); cursor: default; &::after { background-color: transparent; transform: none; user-select: none; } } &:visited { color: var(--xdlColorText); } } .about-us-b998e096oOj59E4 { height: 32px; width: 32px; } .about-us-b998e096oOj59E5 { height: 42px; width: 42px; } .about-us-b998e096oOj59E6 { height: 48px; width: 48px; } .about-us-b998e096oOj59E7 { @media (min-width: 740px) { height: 32px; width: 32px; } } .about-us-b998e096oOj59E8 { @media (min-width: 740px) { height: 42px; width: 42px; } } .about-us-b998e096oOj59E9 { @media (min-width: 740px) { height: 48px; width: 48px; } } .about-us-b998e096oOj59E10 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 32px; width: 32px; } } .about-us-b998e096oOj59E11 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 42px; width: 42px; } } .about-us-b998e096oOj59E12 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 48px; width: 48px; } } .about-us-b998e096oOj59E13 { align-items: center; background-color: transparent; border-radius: 50%; border: 0; color: var(--xdlColorText); cursor: pointer; display: inline-flex; justify-content: center; margin: 0; padding: 0; position: relative; text-decoration: none; vertical-align: top; z-index: 0; &::after { background-color: transparent; border-radius: 50%; box-sizing: border-box; content: ''; height: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; transition-duration: 150ms; transition-property: transform, background-color; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); width: 100%; z-index: -100; } &:hover { color: var(--xdlColorText); &::after { background-color: var(--xdlColorHoverSecondary); transform: scale(1.05); } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); transform: scale(0.95); } } &:focus { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:focus:not(:focus-visible) { outline: none; } &:focus-visible { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:disabled { color: var(--xdlColorDisabledStrong); cursor: default; &::after { background-color: transparent; transform: none; user-select: none; } } &:visited { color: var(--xdlColorText); } } .about-us-b998e096oOj59E4 { height: 32px; width: 32px; } .about-us-b998e096oOj59E5 { height: 42px; width: 42px; } .about-us-b998e096oOj59E6 { height: 48px; width: 48px; } .about-us-b998e096oOj59E14 { @media (min-width: 740px) { height: 32px; width: 32px; } } .about-us-b998e096oOj59E15 { @media (min-width: 740px) { height: 42px; width: 42px; } } .about-us-b998e096oOj59E16 { @media (min-width: 740px) { height: 48px; width: 48px; } } .about-us-b998e096oOj59E17 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 32px; width: 32px; } } .about-us-b998e096oOj59E18 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 42px; width: 42px; } } .about-us-b998e096oOj59E19 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 48px; width: 48px; } } .about-us-b998e096oOj59E20 { inset-block-start: 50%; inset-inline-start: 50%; position: absolute; transform: translate(-50%, -50%); } .about-us-b998e096oOj59E21 { transform: translate(-50%, -50%) scale(0.6); } .about-us-b998e096oOj59E22 { transform: translate(-50%, -50%) scale(0.7); } .about-us-b998e096oOj59E23 { @media (min-width: 740px) { transform: translate(-50%, -50%) scale(0.6); } } .about-us-b998e096oOj59E24 { @media (min-width: 740px) { transform: translate(-50%, -50%) scale(0.7); } } .about-us-b998e096oOj59E25 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { transform: translate(-50%, -50%) scale(0.6); } } .about-us-b998e096oOj59E26 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { transform: translate(-50%, -50%) scale(0.7); } } .about-us-b998e096c63iFT { inset-block-end: 1px; /* Position hack for ellipsis */ margin-inline-end: 8px; position: relative; } .about-us-b998e096c63iFT1 { height: 18px; width: 18px; } .about-us-b998e096c63iFT2 { height: 24px; width: 24px; } .about-us-b998e096c63iFT3 { margin-inline-end: 0; margin-inline-start: 8px; order: 1; } .about-us-b998e096c63iFT4 { align-items: center; background-color: transparent; border: 0; color: var(--xdlColorText); display: inline-flex; font-size: 14px; font-weight: 700; justify-content: center; margin: 0; padding: 0; position: relative; text-decoration: none; vertical-align: top; z-index: 0; &::after { box-sizing: border-box; content: ''; cursor: pointer; height: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; transition-duration: 150ms; transition-property: transform, background-color; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); width: 100%; z-index: -100; } &:active, &:hover, &:focus { cursor: pointer; text-decoration: none; } &:hover { text-decoration-line: underline; text-decoration-skip-ink: none; text-decoration-style: solid; text-decoration-thickness: 13%; text-underline-offset: 20%; text-underline-position: from-font; } &:focus { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:focus:not(:focus-visible) { outline: none; } &:focus-visible { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:disabled { color: var(--xdlColorDisabledStrong); cursor: default; } &:disabled { &:hover { text-decoration: none; } &::after { cursor: default; user-select: none; } } &:visited { color: var(--xdlColorText); } } .about-us-b998e096c63iFT5 { font-size: 14px; height: 32px; min-width: 32px; } .about-us-b998e096c63iFT6 { font-size: 16px; height: 42px; min-width: 42px; } .about-us-b998e096c63iFT7 { font-size: 18px; height: 48px; min-width: 48px; } .about-us-b998e096c63iFT8 { overflow: hidden; } .about-us-b998e096c63iFT9 { @media (min-width: 740px) { font-size: 14px; height: 32px; min-width: 32px; } } .about-us-b998e096c63iFT10 { @media (min-width: 740px) { font-size: 16px; height: 42px; min-width: 42px; } } .about-us-b998e096c63iFT11 { @media (min-width: 740px) { font-size: 18px; height: 48px; min-width: 48px; } } .about-us-b998e096c63iFT12 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 14px; height: 32px; min-width: 32px; } } .about-us-b998e096c63iFT13 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 16px; height: 42px; min-width: 42px; } } .about-us-b998e096c63iFT14 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 18px; height: 48px; min-width: 48px; } } .about-us-b998e096c63iFT15 { color: var(--xdlColorText); font-weight: 400; padding: 0; } .about-us-b998e096c63iFT16 { color: var(--xdlColorError); } .about-us-b998e096c63iFT17 { border-radius: 50%; padding: 0; & .about-us-b998e096c63iFT { margin: 0; } } .about-us-b998e096c63iFT18 { align-items: center; background-color: transparent; border: 0; color: var(--xdlColorText); display: inline-flex; font-size: 14px; font-weight: 700; justify-content: center; margin: 0; padding: 0; position: relative; text-decoration: none; vertical-align: top; z-index: 0; &::after { box-sizing: border-box; content: ''; cursor: pointer; height: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; transition-duration: 150ms; transition-property: transform, background-color; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); width: 100%; z-index: -100; } &:active, &:hover, &:focus { cursor: pointer; text-decoration: none; } &:hover { text-decoration-line: underline; text-decoration-skip-ink: none; text-decoration-style: solid; text-decoration-thickness: 13%; text-underline-offset: 20%; text-underline-position: from-font; } &:focus { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:focus:not(:focus-visible) { outline: none; } &:focus-visible { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:disabled { color: var(--xdlColorDisabledStrong); cursor: default; } &:disabled { &:hover { text-decoration: none; } &::after { cursor: default; user-select: none; } } &:visited { color: var(--xdlColorText); } } .about-us-b998e096c63iFT5 { font-size: 14px; height: 32px; min-width: 32px; } .about-us-b998e096c63iFT6 { font-size: 16px; height: 42px; min-width: 42px; } .about-us-b998e096c63iFT7 { font-size: 18px; height: 48px; min-width: 48px; } .about-us-b998e096c63iFT19 { overflow: hidden; } .about-us-b998e096c63iFT20 { @media (min-width: 740px) { font-size: 14px; height: 32px; min-width: 32px; } } .about-us-b998e096c63iFT21 { @media (min-width: 740px) { font-size: 16px; height: 42px; min-width: 42px; } } .about-us-b998e096c63iFT22 { @media (min-width: 740px) { font-size: 18px; height: 48px; min-width: 48px; } } .about-us-b998e096c63iFT23 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 14px; height: 32px; min-width: 32px; } } .about-us-b998e096c63iFT24 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 16px; height: 42px; min-width: 42px; } } .about-us-b998e096c63iFT25 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 18px; height: 48px; min-width: 48px; } } .about-us-b998e096c63iFT15 { color: var(--xdlColorText); font-weight: 400; padding: 0; } .about-us-b998e096c63iFT16 { color: var(--xdlColorError); } .about-us-b998e096c63iFT17 { border-radius: 50%; padding: 0; & .about-us-b998e096c63iFT { margin: 0; } } .about-us-b998e096c63iFT26 { align-items: center; display: flex; inset-block-end: -2px; /* Position hack for ellipsis */ justify-content: center; position: relative; } .about-us-b998e096c63iFT27 { overflow: hidden; white-space: nowrap; } .about-us-b998e096c63iFT28 { inset-block-start: 50%; inset-inline-start: 50%; position: absolute; transform: translate(-50%, -50%); } .about-us-b998e096c63iFT29 { transform: translate(-50%, -50%) scale(0.6); } .about-us-b998e096c63iFT30 { transform: translate(-50%, -50%) scale(0.7); } .about-us-b998e096c63iFT31 { @media (min-width: 740px) { transform: translate(-50%, -50%) scale(0.6); } } .about-us-b998e096c63iFT32 { @media (min-width: 740px) { transform: translate(-50%, -50%) scale(0.7); } } .about-us-b998e096c63iFT33 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { transform: translate(-50%, -50%) scale(0.6); } } .about-us-b998e096c63iFT34 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { transform: translate(-50%, -50%) scale(0.7); } } .about-us-b998e096c63iFT35 { display: inline-flex; padding-block-end: 2px; /* Position hack for ellipsis */ position: relative; } .about-us-b998e096c63iFT36 { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .about-us-b998e096c63iFT37 { visibility: hidden; } .about-us-b998e096AINrrt1 { height: 24px; width: 24px; & > svg { height: 24px; width: 24px; } } .about-us-b998e096AINrrt2 { height: 32px; width: 32px; & > svg { height: 32px; width: 32px; } } .about-us-b998e096AINrrt3 { height: 32px; width: 32px; & > svg { height: 32px; width: 32px; } } .about-us-b998e096AINrrt4 { @media (min-width: 740px) { height: 24px; width: 24px; & > svg { height: 24px; width: 24px; } } } .about-us-b998e096AINrrt5 { @media (min-width: 740px) { height: 32px; width: 32px; & > svg { height: 32px; width: 32px; } } } .about-us-b998e096AINrrt6 { @media (min-width: 740px) { height: 32px; width: 32px; & > svg { height: 32px; width: 32px; } } } .about-us-b998e096AINrrt7 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 24px; width: 24px; & > svg { height: 24px; width: 24px; } } } .about-us-b998e096AINrrt8 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 32px; width: 32px; & > svg { height: 32px; width: 32px; } } } .about-us-b998e096AINrrt9 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 32px; width: 32px; & > svg { height: 32px; width: 32px; } } } .about-us-b998e096AINrrt10 { align-items: center; background-color: transparent; border-radius: 50%; border: 0; cursor: pointer; display: inline-flex; justify-content: center; margin: 0; padding: 0; position: relative; text-decoration: none; vertical-align: top; z-index: 0; &::after { background-color: transparent; border-radius: 50%; box-shadow: 0 4px 16px 3px rgba(33, 42, 54, 0.13); box-sizing: border-box; content: ''; height: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; transition-duration: 240ms; transition-property: transform, width, height, inset-block-start, inset-inline-start, background-color; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); width: 100%; z-index: -100; } &:hover { &::after { height: calc(100% + 4px * 2); inset-block-start: -4px; inset-inline-start: -4px; width: calc(100% + 4px * 2); } } &:active { transform: scale(1.125); transition-duration: 150ms; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); &::after { height: calc(100% - 4px * 2); inset-block-start: 4px; inset-inline-start: 4px; transition-duration: 150ms; width: calc(100% - 4px * 2); } } &:focus { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:focus:not(:focus-visible) { outline: none; } &:focus-visible { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:disabled { cursor: default; pointer-events: none; &::after { background-color: transparent; user-select: none; } } } .about-us-b998e096AINrrt11 { height: 48px; width: 48px; } .about-us-b998e096AINrrt12 { height: 60px; width: 60px; } .about-us-b998e096AINrrt13 { height: 68px; width: 68px; } .about-us-b998e096AINrrt14 { @media (min-width: 740px) { height: 48px; width: 48px; } } .about-us-b998e096AINrrt15 { @media (min-width: 740px) { height: 60px; width: 60px; } } .about-us-b998e096AINrrt16 { @media (min-width: 740px) { height: 68px; width: 68px; } } .about-us-b998e096AINrrt17 { @media (min-width: 740px) { height: 48px; width: 48px; } } .about-us-b998e096AINrrt18 { @media (min-width: 740px) { height: 60px; width: 60px; } } .about-us-b998e096AINrrt19 { @media (min-width: 740px) { height: 68px; width: 68px; } } .about-us-b998e096AINrrt20 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 48px; width: 48px; } } .about-us-b998e096AINrrt21 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 60px; width: 60px; } } .about-us-b998e096AINrrt22 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 68px; width: 68px; } } .about-us-b998e096AINrrt23 { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorControlFillInvert); border: none; } &:visited { color: var(--xdlColorTextInvert); } &:hover, &:focus { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorHoverQuaternary); border: none; } } &:active { color: var(--xdlColorText); &::after { background-color: var(--xdlColorControlFill); border-color: var(--xdlColorModalBorder); border-style: solid; border-width: 2px; } } &:disabled { color: var(--xdlColorDisabledStrong); &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { color: var(--xdlColorTextInvert); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextInvert); } &::after { background-color: var(--xdlColorSelected); border: none; } } } .about-us-b998e096AINrrt24 { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorXING); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } &:visited { color: var(--xdlColorTextOnLight); } &:hover, &:focus { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorPrimaryButtonHover); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { color: var(--xdlColorTextOnLight); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnLight); } &::after { background-color: var(--xdlColorXING); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } } } .about-us-b998e096AINrrt25 { color: var(--xdlColorText); &::after { background-color: var(--xdlColorControlFill); border-color: var(--xdlColorModalBorder); border-style: solid; border-width: 2px; } &:visited { color: var(--xdlColorText); } &:hover, &:focus { color: var(--xdlColorText); &::after { background-color: var(--xdlColorControlFillSecondary); border-color: var(--xdlColorModalBorder); border-style: solid; border-width: 2px; } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { color: var(--xdlColorText); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorText); } &::after { background-color: var(--xdlColorControlFill); border-color: var(--xdlColorModalBorder); border-style: solid; border-width: 2px; } } } .about-us-b998e096AINrrt26 { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorButtonHighlight); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } &:visited { color: var(--xdlColorTextOnDark); } &:hover, &:focus { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorButtonHighlightHover); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { color: var(--xdlColorTextOnDark); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnDark); } &::after { background-color: var(--xdlColorButtonHighlight); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } } } .about-us-b998e096AINrrt27 { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorButtonDecline); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } &:visited { color: var(--xdlColorTextOnDark); } &:hover, &:focus { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorButtonDeclineHover); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { color: var(--xdlColorTextOnDark); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnDark); } &::after { background-color: var(--xdlColorButtonDecline); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } } } .about-us-b998e096AINrrt28 { align-items: center; background-color: transparent; border-radius: 50%; border: 0; cursor: pointer; display: inline-flex; justify-content: center; margin: 0; padding: 0; position: relative; text-decoration: none; vertical-align: top; z-index: 0; &::after { background-color: transparent; border-radius: 50%; box-shadow: 0 4px 16px 3px rgba(33, 42, 54, 0.13); box-sizing: border-box; content: ''; height: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; transition-duration: 240ms; transition-property: transform, width, height, inset-block-start, inset-inline-start, background-color; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); width: 100%; z-index: -100; } &:hover { &::after { height: calc(100% + 4px * 2); inset-block-start: -4px; inset-inline-start: -4px; width: calc(100% + 4px * 2); } } &:active { transform: scale(1.125); transition-duration: 150ms; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); &::after { height: calc(100% - 4px * 2); inset-block-start: 4px; inset-inline-start: 4px; transition-duration: 150ms; width: calc(100% - 4px * 2); } } &:focus { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:focus:not(:focus-visible) { outline: none; } &:focus-visible { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:disabled { cursor: default; pointer-events: none; &::after { background-color: transparent; user-select: none; } } } .about-us-b998e096AINrrt11 { height: 48px; width: 48px; } .about-us-b998e096AINrrt12 { height: 60px; width: 60px; } .about-us-b998e096AINrrt13 { height: 68px; width: 68px; } .about-us-b998e096AINrrt29 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 48px; width: 48px; } } .about-us-b998e096AINrrt30 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 60px; width: 60px; } } .about-us-b998e096AINrrt31 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 68px; width: 68px; } } .about-us-b998e096AINrrt23 { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorControlFillInvert); border: none; } &:visited { color: var(--xdlColorTextInvert); } &:hover, &:focus { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorHoverQuaternary); border: none; } } &:active { color: var(--xdlColorText); &::after { background-color: var(--xdlColorControlFill); border-color: var(--xdlColorModalBorder); border-style: solid; border-width: 2px; } } &:disabled { color: var(--xdlColorDisabledStrong); &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { color: var(--xdlColorTextInvert); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextInvert); } &::after { background-color: var(--xdlColorSelected); border: none; } } } .about-us-b998e096AINrrt24 { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorXING); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } &:visited { color: var(--xdlColorTextOnLight); } &:hover, &:focus { color: var(--xdlColorTextOnLight); &::after { background-color: var(--xdlColorPrimaryButtonHover); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { color: var(--xdlColorTextOnLight); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnLight); } &::after { background-color: var(--xdlColorXING); border-color: var(--xdlColorA11yBorderOnLight); border-style: solid; border-width: 2px; } } } .about-us-b998e096AINrrt25 { color: var(--xdlColorText); &::after { background-color: var(--xdlColorControlFill); border-color: var(--xdlColorModalBorder); border-style: solid; border-width: 2px; } &:visited { color: var(--xdlColorText); } &:hover, &:focus { color: var(--xdlColorText); &::after { background-color: var(--xdlColorControlFillSecondary); border-color: var(--xdlColorModalBorder); border-style: solid; border-width: 2px; } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { color: var(--xdlColorText); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorText); } &::after { background-color: var(--xdlColorControlFill); border-color: var(--xdlColorModalBorder); border-style: solid; border-width: 2px; } } } .about-us-b998e096AINrrt26 { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorButtonHighlight); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } &:visited { color: var(--xdlColorTextOnDark); } &:hover, &:focus { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorButtonHighlightHover); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { color: var(--xdlColorTextOnDark); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnDark); } &::after { background-color: var(--xdlColorButtonHighlight); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } } } .about-us-b998e096AINrrt27 { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorButtonDecline); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } &:visited { color: var(--xdlColorTextOnDark); } &:hover, &:focus { color: var(--xdlColorTextOnDark); &::after { background-color: var(--xdlColorButtonDeclineHover); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } } &:active { color: var(--xdlColorTextInvert); &::after { background-color: var(--xdlColorSelected); border: none; } } &:disabled { color: var(--xdlColorDisabledStrong); &::after { background-color: var(--xdlColorDisabledSoft); border: none; } } &[data-loading='true'] { color: var(--xdlColorTextOnDark); /** The loading dots */ & [data-xds='DotLoadingIndicator'] > div { background-color: var(--xdlColorTextOnDark); } &::after { background-color: var(--xdlColorButtonDecline); border-color: var(--xdlColorA11yBorder); border-style: solid; border-width: 2px; } } } .about-us-b998e096AINrrt32 { inset-block-start: 50%; inset-inline-start: 50%; position: absolute; transform: translate(-50%, -50%); } .about-us-b998e096AINrrt33 { transform: translate(-50%, -50%) scale(0.75); } .about-us-b998e096AINrrt34 { transform: translate(-50%, -50%) scale(0.9); } .about-us-b998e096AINrrt35 { @media (min-width: 740px) { transform: translate(-50%, -50%) scale(0.75); } } .about-us-b998e096AINrrt36 { @media (min-width: 740px) { transform: translate(-50%, -50%) scale(0.9); } } .about-us-b998e096AINrrt37 { @media (min-width: 740px) { transform: translate(-50%, -50%); } } .about-us-b998e096AINrrt38 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { transform: translate(-50%, -50%) scale(0.75); } } .about-us-b998e096AINrrt39 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { transform: translate(-50%, -50%) scale(0.9); } } .about-us-b998e096AINrrt40 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { transform: translate(-50%, -50%); } } :root{--columnWidth1:calc(100%/12 - .01px);--columnWidth2:calc(100%/12*2 - .01px);--columnWidth3:25%;--columnWidth4:calc(100%/12*4 - .01px);--columnWidth5:calc(100%/12*5 - .01px);--columnWidth6:50%;--columnWidth7:calc(100%/12*7 - .01px);--columnWidth8:calc(100%/12*8 - .01px);--columnWidth9:75%;--columnWidth10:calc(100%/12*10 - .01px);--columnWidth11:calc(100%/12*11 - .01px);--columnWidth12:100%;--armstrongTypeMaxWidth:740px;--standardTypeMaxWidth:984px;--wideTypeMaxWidth:1356px;--pageMaxWidth:2136px;--columnPaddingS:4px;--rowPaddingS:16px;--containerPaddingS:20px;--pagePaddingS:0;--columnPaddingM:8px;--rowPaddingM:8px;--containerPaddingM:16px;--pagePaddingM:18px;--columnPaddingL:10px;--rowPaddingL:8px;--containerPaddingL:18px;--pagePaddingL:18px;--columnPaddingXL:12px;--rowPaddingXL:12px;--containerPaddingXL:24px;--pagePaddingXL:32px;--pagePaddingWXGA:60px;--columnPaddingXXL:16px;--rowPaddingXXL:12px;--containerPaddingXXL:28px;--pagePaddingXXL:66px;--pagePaddingHD:72px;--zIndexBelowContent:-100;--zIndexContent:0;--zIndexAboveContent:100;--zIndexSticky:200;--zIndexSheet:300;--zIndexBanner:400;--zIndexAlert:500;--zIndexBackgroundLayer1:-100;--zIndexContentLayer2:0;--zIndexStickyLayer3:100;--zIndexElevatedLayer4:200;--zIndexElevatedLayer5:300}.about-us-b998e096-gridContainer-WXUgJq{width:100%;margin:0 auto;padding:0}@media (width>=740px){.about-us-b998e096-gridContainer-WXUgJq{padding:0 var(--containerPaddingM)}}@media (width>=1025px){.about-us-b998e096-gridContainer-WXUgJq{padding:0 var(--containerPaddingL)}}@media (width>=1113px){.about-us-b998e096-gridContainer-WXUgJq{padding:0 var(--containerPaddingXL)}}@media (width>=1680px){.about-us-b998e096-gridContainer-WXUgJq.about-us-b998e096-wideGridContainer-WXUgJq{padding:0 var(--containerPaddingXXL)}}.about-us-b998e096-gridContainer-WXUgJq.about-us-b998e096-gridContainer-WXUgJq.about-us-b998e096-armstrongGridContainer-WXUgJq{margin:0 auto;padding:0}@media (width>=740px){.about-us-b998e096-gridContainer-WXUgJq.about-us-b998e096-armstrongGridContainer-WXUgJq{max-width:var(--armstrongTypeMaxWidth)}}@media (width>=1113px){.about-us-b998e096-gridContainer-WXUgJq.about-us-b998e096-standardGridContainer-WXUgJq{max-width:var(--standardTypeMaxWidth)}.about-us-b998e096-gridContainer-WXUgJq.about-us-b998e096-wideGridContainer-WXUgJq{max-width:var(--wideTypeMaxWidth)}}.about-us-b998e096-grid-WXUgJq{width:100%}.about-us-b998e096-row-WXUgJq{padding-left:var(--rowPaddingS);padding-right:var(--rowPaddingS);flex-wrap:wrap;margin-left:0;margin-right:0;display:flex}@media (width>=740px){.about-us-b998e096-row-WXUgJq{margin-left:calc(-1*var(--containerPaddingM));margin-right:calc(-1*var(--containerPaddingM));padding-left:var(--rowPaddingM);padding-right:var(--rowPaddingM)}}@media (width>=1025px){.about-us-b998e096-row-WXUgJq{margin-left:calc(-1*var(--containerPaddingL));margin-right:calc(-1*var(--containerPaddingL));padding-left:var(--rowPaddingL);padding-right:var(--rowPaddingL)}}@media (width>=1113px){.about-us-b998e096-row-WXUgJq{margin-left:calc(-1*var(--containerPaddingXL));margin-right:calc(-1*var(--containerPaddingXL));padding-left:var(--rowPaddingXL);padding-right:var(--rowPaddingXL)}}@media (width>=1680px){.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-row-WXUgJq{margin-left:calc(-1*var(--containerPaddingXXL));margin-right:calc(-1*var(--containerPaddingXXL));padding-left:calc(var(--rowPaddingXXL) + var(--containerPaddingS));padding-right:calc(var(--rowPaddingXXL) + var(--containerPaddingS))}}.about-us-b998e096-gridContainer-WXUgJq.about-us-b998e096-armstrongGridContainer-WXUgJq .about-us-b998e096-row-WXUgJq{padding-left:var(--rowPaddingS);padding-right:var(--rowPaddingS);margin-left:0;margin-right:0}.about-us-b998e096-row-WXUgJq .about-us-b998e096-row-WXUgJq{margin-left:calc(-1*var(--containerPaddingS));margin-right:calc(-1*var(--containerPaddingS));padding-left:var(--rowPaddingS);padding-right:var(--rowPaddingS)}@media (width>=740px){.about-us-b998e096-row-WXUgJq .about-us-b998e096-row-WXUgJq{margin-left:calc(-1*var(--containerPaddingM));margin-right:calc(-1*var(--containerPaddingM));padding-left:var(--columnPaddingM);padding-right:var(--columnPaddingM)}}@media (width>=1025px){.about-us-b998e096-row-WXUgJq .about-us-b998e096-row-WXUgJq{margin-left:calc(-1*var(--containerPaddingL));margin-right:calc(-1*var(--containerPaddingL));padding-left:var(--columnPaddingL);padding-right:var(--columnPaddingL)}}@media (width>=1113px){.about-us-b998e096-row-WXUgJq .about-us-b998e096-row-WXUgJq{margin-left:calc(-1*var(--containerPaddingXL));margin-right:calc(-1*var(--containerPaddingXL));padding-left:var(--columnPaddingXL);padding-right:var(--columnPaddingXL)}}.about-us-b998e096-gridContainer-WXUgJq.about-us-b998e096-armstrongGridContainer-WXUgJq .about-us-b998e096-row-WXUgJq .about-us-b998e096-row-WXUgJq{margin-left:calc(-1*var(--containerPaddingS));margin-right:calc(-1*var(--containerPaddingS));padding-left:var(--rowPaddingS);padding-right:var(--rowPaddingS)}.about-us-b998e096-col-WXUgJq{padding-left:var(--columnPaddingS);padding-right:var(--columnPaddingS)}@media (width>=740px){.about-us-b998e096-col-WXUgJq{padding-left:var(--columnPaddingM);padding-right:var(--columnPaddingM)}}@media (width>=1025px){.about-us-b998e096-col-WXUgJq{padding-left:var(--columnPaddingL);padding-right:var(--columnPaddingL)}}@media (width>=1113px){.about-us-b998e096-col-WXUgJq{padding-left:var(--columnPaddingXL);padding-right:var(--columnPaddingXL)}}@media (width>=1680px){.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-col-WXUgJq{padding-left:var(--columnPaddingXXL);padding-right:var(--columnPaddingXXL)}}.about-us-b998e096-gridContainer-WXUgJq.about-us-b998e096-armstrongGridContainer-WXUgJq .about-us-b998e096-col-WXUgJq{padding-left:var(--columnPaddingS);padding-right:var(--columnPaddingS)}.about-us-b998e096-default0-WXUgJq{display:none}.about-us-b998e096-default1-WXUgJq{width:var(--columnWidth1)}.about-us-b998e096-default2-WXUgJq{width:var(--columnWidth2)}.about-us-b998e096-default3-WXUgJq{width:var(--columnWidth3)}.about-us-b998e096-default4-WXUgJq{width:var(--columnWidth4)}.about-us-b998e096-default5-WXUgJq{width:var(--columnWidth5)}.about-us-b998e096-default6-WXUgJq{width:var(--columnWidth6)}.about-us-b998e096-default7-WXUgJq{width:var(--columnWidth7)}.about-us-b998e096-default8-WXUgJq{width:var(--columnWidth8)}.about-us-b998e096-default9-WXUgJq{width:var(--columnWidth9)}.about-us-b998e096-default10-WXUgJq{width:var(--columnWidth10)}.about-us-b998e096-default11-WXUgJq{width:var(--columnWidth11)}.about-us-b998e096-default12-WXUgJq{width:var(--columnWidth12)}.about-us-b998e096-defaultOffset1-WXUgJq{margin-left:var(--columnWidth1)}.about-us-b998e096-defaultOffset2-WXUgJq{margin-left:var(--columnWidth2)}.about-us-b998e096-defaultOffset3-WXUgJq{margin-left:var(--columnWidth3)}.about-us-b998e096-defaultOffset4-WXUgJq{margin-left:var(--columnWidth4)}.about-us-b998e096-defaultOffset5-WXUgJq{margin-left:var(--columnWidth5)}.about-us-b998e096-defaultOffset6-WXUgJq{margin-left:var(--columnWidth6)}.about-us-b998e096-defaultOffset7-WXUgJq{margin-left:var(--columnWidth7)}.about-us-b998e096-defaultOffset8-WXUgJq{margin-left:var(--columnWidth8)}.about-us-b998e096-defaultOffset9-WXUgJq{margin-left:var(--columnWidth9)}.about-us-b998e096-defaultOffset10-WXUgJq{margin-left:var(--columnWidth10)}.about-us-b998e096-defaultOffset11-WXUgJq{margin-left:var(--columnWidth11)}@media (width<=539px){.about-us-b998e096-tiny0-WXUgJq{display:none}.about-us-b998e096-tiny1-WXUgJq,.about-us-b998e096-tiny2-WXUgJq,.about-us-b998e096-tiny3-WXUgJq,.about-us-b998e096-tiny4-WXUgJq,.about-us-b998e096-tiny5-WXUgJq,.about-us-b998e096-tiny6-WXUgJq,.about-us-b998e096-tiny7-WXUgJq,.about-us-b998e096-tiny8-WXUgJq,.about-us-b998e096-tiny9-WXUgJq,.about-us-b998e096-tiny10-WXUgJq,.about-us-b998e096-tiny11-WXUgJq,.about-us-b998e096-tiny12-WXUgJq{display:block}.about-us-b998e096-tiny1-WXUgJq{width:var(--columnWidth1)}.about-us-b998e096-tiny2-WXUgJq{width:var(--columnWidth2)}.about-us-b998e096-tiny3-WXUgJq{width:var(--columnWidth3)}.about-us-b998e096-tiny4-WXUgJq{width:var(--columnWidth4)}.about-us-b998e096-tiny5-WXUgJq{width:var(--columnWidth5)}.about-us-b998e096-tiny6-WXUgJq{width:var(--columnWidth6)}.about-us-b998e096-tiny7-WXUgJq{width:var(--columnWidth7)}.about-us-b998e096-tiny8-WXUgJq{width:var(--columnWidth8)}.about-us-b998e096-tiny9-WXUgJq{width:var(--columnWidth9)}.about-us-b998e096-tiny10-WXUgJq{width:var(--columnWidth10)}.about-us-b998e096-tiny11-WXUgJq{width:var(--columnWidth11)}.about-us-b998e096-tiny12-WXUgJq{width:var(--columnWidth12)}.about-us-b998e096-tinyOffset0-WXUgJq{margin-left:0}.about-us-b998e096-tinyOffset1-WXUgJq{margin-left:var(--columnWidth1)}.about-us-b998e096-tinyOffset2-WXUgJq{margin-left:var(--columnWidth2)}.about-us-b998e096-tinyOffset3-WXUgJq{margin-left:var(--columnWidth3)}.about-us-b998e096-tinyOffset4-WXUgJq{margin-left:var(--columnWidth4)}.about-us-b998e096-tinyOffset5-WXUgJq{margin-left:var(--columnWidth5)}.about-us-b998e096-tinyOffset6-WXUgJq{margin-left:var(--columnWidth6)}.about-us-b998e096-tinyOffset7-WXUgJq{margin-left:var(--columnWidth7)}.about-us-b998e096-tinyOffset8-WXUgJq{margin-left:var(--columnWidth8)}.about-us-b998e096-tinyOffset9-WXUgJq{margin-left:var(--columnWidth9)}.about-us-b998e096-tinyOffset10-WXUgJq{margin-left:var(--columnWidth10)}.about-us-b998e096-tinyOffset11-WXUgJq{margin-left:var(--columnWidth11)}}@media (width>=740px){.about-us-b998e096-confined0-WXUgJq{display:none}.about-us-b998e096-confined1-WXUgJq,.about-us-b998e096-confined2-WXUgJq,.about-us-b998e096-confined3-WXUgJq,.about-us-b998e096-confined4-WXUgJq,.about-us-b998e096-confined5-WXUgJq,.about-us-b998e096-confined6-WXUgJq,.about-us-b998e096-confined7-WXUgJq,.about-us-b998e096-confined8-WXUgJq,.about-us-b998e096-confined9-WXUgJq,.about-us-b998e096-confined10-WXUgJq,.about-us-b998e096-confined11-WXUgJq,.about-us-b998e096-confined12-WXUgJq{display:block}.about-us-b998e096-confined1-WXUgJq{width:var(--columnWidth1)}.about-us-b998e096-confined2-WXUgJq{width:var(--columnWidth2)}.about-us-b998e096-confined3-WXUgJq{width:var(--columnWidth3)}.about-us-b998e096-confined4-WXUgJq{width:var(--columnWidth4)}.about-us-b998e096-confined5-WXUgJq{width:var(--columnWidth5)}.about-us-b998e096-confined6-WXUgJq{width:var(--columnWidth6)}.about-us-b998e096-confined7-WXUgJq{width:var(--columnWidth7)}.about-us-b998e096-confined8-WXUgJq{width:var(--columnWidth8)}.about-us-b998e096-confined9-WXUgJq{width:var(--columnWidth9)}.about-us-b998e096-confined10-WXUgJq{width:var(--columnWidth10)}.about-us-b998e096-confined11-WXUgJq{width:var(--columnWidth11)}.about-us-b998e096-confined12-WXUgJq{width:var(--columnWidth12)}.about-us-b998e096-confinedOffset0-WXUgJq{margin-left:0}.about-us-b998e096-confinedOffset1-WXUgJq{margin-left:var(--columnWidth1)}.about-us-b998e096-confinedOffset2-WXUgJq{margin-left:var(--columnWidth2)}.about-us-b998e096-confinedOffset3-WXUgJq{margin-left:var(--columnWidth3)}.about-us-b998e096-confinedOffset4-WXUgJq{margin-left:var(--columnWidth4)}.about-us-b998e096-confinedOffset5-WXUgJq{margin-left:var(--columnWidth5)}.about-us-b998e096-confinedOffset6-WXUgJq{margin-left:var(--columnWidth6)}.about-us-b998e096-confinedOffset7-WXUgJq{margin-left:var(--columnWidth7)}.about-us-b998e096-confinedOffset8-WXUgJq{margin-left:var(--columnWidth8)}.about-us-b998e096-confinedOffset9-WXUgJq{margin-left:var(--columnWidth9)}.about-us-b998e096-confinedOffset10-WXUgJq{margin-left:var(--columnWidth10)}.about-us-b998e096-confinedOffset11-WXUgJq{margin-left:var(--columnWidth11)}}@media ((width>=883px) and (width<=1024px)) or (width>=1113px){.about-us-b998e096-wide0-WXUgJq{display:none}.about-us-b998e096-wide1-WXUgJq,.about-us-b998e096-wide2-WXUgJq,.about-us-b998e096-wide3-WXUgJq,.about-us-b998e096-wide4-WXUgJq,.about-us-b998e096-wide5-WXUgJq,.about-us-b998e096-wide6-WXUgJq,.about-us-b998e096-wide7-WXUgJq,.about-us-b998e096-wide8-WXUgJq,.about-us-b998e096-wide9-WXUgJq,.about-us-b998e096-wide10-WXUgJq,.about-us-b998e096-wide11-WXUgJq,.about-us-b998e096-wide12-WXUgJq{display:block}.about-us-b998e096-wide1-WXUgJq{width:var(--columnWidth1)}.about-us-b998e096-wide2-WXUgJq{width:var(--columnWidth2)}.about-us-b998e096-wide3-WXUgJq{width:var(--columnWidth3)}.about-us-b998e096-wide4-WXUgJq{width:var(--columnWidth4)}.about-us-b998e096-wide5-WXUgJq{width:var(--columnWidth5)}.about-us-b998e096-wide6-WXUgJq{width:var(--columnWidth6)}.about-us-b998e096-wide7-WXUgJq{width:var(--columnWidth7)}.about-us-b998e096-wide8-WXUgJq{width:var(--columnWidth8)}.about-us-b998e096-wide9-WXUgJq{width:var(--columnWidth9)}.about-us-b998e096-wide10-WXUgJq{width:var(--columnWidth10)}.about-us-b998e096-wide11-WXUgJq{width:var(--columnWidth11)}.about-us-b998e096-wide12-WXUgJq{width:var(--columnWidth12)}.about-us-b998e096-wideOffset0-WXUgJq{margin-left:0}.about-us-b998e096-wideOffset1-WXUgJq{margin-left:var(--columnWidth1)}.about-us-b998e096-wideOffset2-WXUgJq{margin-left:var(--columnWidth2)}.about-us-b998e096-wideOffset3-WXUgJq{margin-left:var(--columnWidth3)}.about-us-b998e096-wideOffset4-WXUgJq{margin-left:var(--columnWidth4)}.about-us-b998e096-wideOffset5-WXUgJq{margin-left:var(--columnWidth5)}.about-us-b998e096-wideOffset6-WXUgJq{margin-left:var(--columnWidth6)}.about-us-b998e096-wideOffset7-WXUgJq{margin-left:var(--columnWidth7)}.about-us-b998e096-wideOffset8-WXUgJq{margin-left:var(--columnWidth8)}.about-us-b998e096-wideOffset9-WXUgJq{margin-left:var(--columnWidth9)}.about-us-b998e096-wideOffset10-WXUgJq{margin-left:var(--columnWidth10)}.about-us-b998e096-wideOffset11-WXUgJq{margin-left:var(--columnWidth11)}}@media (width>=1310px){.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwide0-WXUgJq{display:none}.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwide1-WXUgJq,.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwide2-WXUgJq,.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwide3-WXUgJq,.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwide4-WXUgJq,.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwide5-WXUgJq,.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwide6-WXUgJq,.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwide7-WXUgJq,.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwide8-WXUgJq,.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwide9-WXUgJq,.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwide10-WXUgJq,.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwide11-WXUgJq,.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwide12-WXUgJq{display:block}.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwide1-WXUgJq{width:var(--columnWidth1)}.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwide2-WXUgJq{width:var(--columnWidth2)}.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwide3-WXUgJq{width:var(--columnWidth3)}.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwide4-WXUgJq{width:var(--columnWidth4)}.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwide5-WXUgJq{width:var(--columnWidth5)}.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwide6-WXUgJq{width:var(--columnWidth6)}.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwide7-WXUgJq{width:var(--columnWidth7)}.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwide8-WXUgJq{width:var(--columnWidth8)}.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwide9-WXUgJq{width:var(--columnWidth9)}.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwide10-WXUgJq{width:var(--columnWidth10)}.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwide11-WXUgJq{width:var(--columnWidth11)}.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwide12-WXUgJq{width:var(--columnWidth12)}.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwideOffset0-WXUgJq{margin-left:0}.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwideOffset1-WXUgJq{margin-left:var(--columnWidth1)}.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwideOffset2-WXUgJq{margin-left:var(--columnWidth2)}.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwideOffset3-WXUgJq{margin-left:var(--columnWidth3)}.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwideOffset4-WXUgJq{margin-left:var(--columnWidth4)}.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwideOffset5-WXUgJq{margin-left:var(--columnWidth5)}.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwideOffset6-WXUgJq{margin-left:var(--columnWidth6)}.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwideOffset7-WXUgJq{margin-left:var(--columnWidth7)}.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwideOffset8-WXUgJq{margin-left:var(--columnWidth8)}.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwideOffset9-WXUgJq{margin-left:var(--columnWidth9)}.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwideOffset10-WXUgJq{margin-left:var(--columnWidth10)}.about-us-b998e096-wideGridContainer-WXUgJq .about-us-b998e096-xwideOffset11-WXUgJq{margin-left:var(--columnWidth11)}} .about-us-b998e096hF90XZ { border-top-left-radius: 16px; border-top-right-radius: 16px; bottom: 0; display: flex; left: 0; max-height: calc(100vh - 90px); position: fixed; transform: translateY(100%); width: 100%; z-index: 300; &:focus { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:focus:not(:focus-visible) { outline: none; } &:focus-visible { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } /* BottomSheet Animation */ &.slide-enter { transform: translateY(99.9%); } &.slide-enter-active { transform: translateY(0%); transition-duration: 240ms; transition-property: transform; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } &.slide-enter-done { transform: translateY(0%); transition-duration: 240ms; transition-property: transform; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } &.slide-exit { transform: translateY(0%); } &.slide-exit-active { transform: translateY(99.9%); transition-duration: 240ms; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } &.slide-exit-done { transform: translateY(100%); transition-duration: 240ms; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } } .about-us-b998e096hF90XZ1 { background: var(--xdlColorBackground); border-top-color: var(--xdlColorModalBorder); border-top-left-radius: 24px; border-top-right-radius: 24px; border-top-width: 1px; border-top-style: solid; flex-basis: 0; flex-grow: 1; flex-shrink: 0; overflow-y: auto; padding-bottom: env(safe-area-inset-bottom); } .about-us-b998e096hF90XZ2 { inset-block-start: 0; inset-inline-end: 0; position: absolute; z-index: 1; } .about-us-b998e096hF90XZ3 { overflow-y: hidden; /* Dimmer Animation */ &.fade-enter { opacity: 0; } &.fade-appear { opacity: 0; } &.fade-enter-active { opacity: 60%; transition-duration: 240ms; transition-property: opacity; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } &.fade-appear-active { opacity: 60%; transition-duration: 240ms; transition-property: opacity; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } &.fade-enter-done { opacity: 60%; } &.fade-appear-done { opacity: 60%; } &.fade-exit { opacity: 60%; } &.fade-exit-active { opacity: 0; transition-duration: 240ms; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } &.fade-exit-done { opacity: 0; } } .about-us-b998e096hF90XZ4 { cursor: default; } .about-us-b998e096j7ZpSk3 { align-items: center; background-color: transparent; border: none; color: var(--xdlColorText); display: inline-flex; justify-content: center; margin: 0; padding: 0; position: relative; text-decoration: none; vertical-align: top; z-index: 0; &::after { background-color: var(--xdlColorBackground); border-color: var(--xdlColorA11yBorder); border-radius: 50%; border-style: solid; border-width: 2px; box-sizing: border-box; content: ''; cursor: pointer; height: 24px; position: absolute; transition-duration: 70ms; transition-property: transform, background-color; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); width: 24px; z-index: -100; } &:hover { &::after { transform: scale(1.1667); } } &:active { &::after { transform: scale(1); } } &:hover, &:active, &:focus { color: var(--xdlColorTextInvert); cursor: pointer; text-decoration: none; &::after { background-color: var(--xdlColorSelected); } } &:focus { border-radius: 50%; outline-offset: -2px; outline: 2px solid var(--xdlColorFocusRing); } &:focus:not(:focus-visible) { outline: none; } &:focus-visible { border-radius: 50%; outline-offset: -2px; outline: 2px solid var(--xdlColorFocusRing); } &:disabled { cursor: default; } &:disabled::after { cursor: default; user-select: none; } } .about-us-b998e096j7ZpSk1 { width: 32px; height: 32px; } .about-us-b998e096j7ZpSk2 { width: 42px; height: 42px; } .about-us-b998e096j7ZpSk4 { align-items: center; background-color: transparent; border: none; color: var(--xdlColorText); display: inline-flex; justify-content: center; margin: 0; padding: 0; position: relative; text-decoration: none; vertical-align: top; z-index: 0; &::after { background-color: var(--xdlColorBackground); border-color: var(--xdlColorA11yBorder); border-radius: 50%; border-style: solid; border-width: 2px; box-sizing: border-box; content: ''; cursor: pointer; height: 24px; position: absolute; transition-duration: 70ms; transition-property: transform, background-color; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); width: 24px; z-index: -100; } &:hover { &::after { transform: scale(1.1667); } } &:active { &::after { transform: scale(1); } } &:hover, &:active, &:focus { color: var(--xdlColorTextInvert); cursor: pointer; text-decoration: none; &::after { background-color: var(--xdlColorSelected); } } &:focus { border-radius: 50%; outline-offset: -2px; outline: 2px solid var(--xdlColorFocusRing); } &:focus:not(:focus-visible) { outline: none; } &:focus-visible { border-radius: 50%; outline-offset: -2px; outline: 2px solid var(--xdlColorFocusRing); } &:disabled { cursor: default; } &:disabled::after { cursor: default; user-select: none; } } .about-us-b998e096j7ZpSk1 { width: 32px; height: 32px; } .about-us-b998e096j7ZpSk2 { width: 42px; height: 42px; } .about-us-b998e096r2tg0S { background: var(--xdlColorDimming); content: ''; cursor: pointer; height: 100vh; left: 0; opacity: 60%; position: fixed; top: 0; width: 100%; z-index: calc(300 - 1); } .about-us-b998e096rj8NId { background: var(--xdlColorBackground); border-color: var(--xdlColorModalBorder); border-radius: 16px; border-style: solid; border-width: 1px; box-shadow: 0 4px 16px 3px rgba(33, 42, 54, 0.13); padding-bottom: 24px; padding-left: 24px; padding-right: 24px; padding-top: 24px; position: absolute; z-index: 200; &:focus { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:focus:not(:focus-visible) { outline: none; } &:focus-visible { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } } .about-us-b998e096rj8NId1 { inset-block-start: 0; inset-inline-end: 0; position: absolute; z-index: 1; } .about-us-b998e096bRNy1Q { align-items: center; border-radius: 100px; display: inline-flex; justify-content: center; margin: 0; padding: 0; /** Alignmet fix for IE11 */ @media all and (-ms-high-contrast: none) { padding-top: 3px; } @media (min-width: 1310px) { } } .about-us-b998e096bRNy1Q1 { font-size: 10px; height: 20px; width: 20px; } .about-us-b998e096bRNy1Q2 { font-size: 14px; height: 24px; width: 24px; } .about-us-b998e096bRNy1Q3 { font-size: 20px; height: 32px; width: 32px; } .about-us-b998e096bRNy1Q4 { @media (min-width: 740px) { font-size: 10px; height: 20px; width: 20px; } } .about-us-b998e096bRNy1Q5 { @media (min-width: 740px) { font-size: 14px; height: 24px; width: 24px; } } .about-us-b998e096bRNy1Q6 { @media (min-width: 740px) { font-size: 20px; height: 32px; width: 32px; } } .about-us-b998e096bRNy1Q7 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 10px; height: 20px; width: 20px; } } .about-us-b998e096bRNy1Q8 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 14px; height: 24px; width: 24px; } } .about-us-b998e096bRNy1Q9 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { font-size: 20px; height: 32px; width: 32px; } } .about-us-b998e096bRNy1Q1 { font-size: 10px; height: 20px; width: 20px; } .about-us-b998e096bRNy1Q2 { font-size: 14px; height: 24px; width: 24px; } .about-us-b998e096bRNy1Q3 { font-size: 20px; height: 32px; width: 32px; } .about-us-b998e096bJ9CwT { background: var(--xdlColorControlFillQuaternary); border-color: var(--xdlColorTextOnDark); border-style: solid; border-width: 2px; color: var(--xdlColorTextOnDark); } .about-us-b998e096bJ9CwT1 { align-items: center; border-radius: 50px; display: flex; fill: var(--xdlColorTextOnDark); font-weight: 700; height: 18%; justify-content: center; max-height: 32px; max-width: 32px; min-height: 20px; min-width: 20px; position: absolute; width: 18%; } @keyframes about-us-b998e096LuzUTG { 0% { animation-timing-function: cubic-bezier(0.4, 0, 1, 1); opacity: 1; transform: translate3d(-50%, -50%, -1px) scale(0.8); } 28.571428571428573% { animation-timing-function: cubic-bezier(0, 0, 0.2, 1); opacity: 0.3; transform: translate3d(-50%, -50%, -1px) scale(2.6); } 57.142857142857146% { animation-timing-function: step-end; opacity: 0; transform: translate3d(-50%, -50%, -1px) scale(2.6); } } .about-us-b998e096LuzUTG1 { background: var(--xdlColorMarkerHighlightText); border-color: var(--xdlColorBackground); border-radius: 50%; border-style: solid; border-width: 2px; box-sizing: content-box; display: inline-flex; height: 10px; position: relative; transform-style: preserve-3d; width: 10px; &::after { animation-name: about-us-b998e096LuzUTG; animation-duration: 3500ms; animation-fill-mode: forwards; animation-iteration-count: 5; background-color: var(--xdlColorMarkerHighlightText); border-radius: 50%; content: ''; height: 10px; left: 50%; position: absolute; top: 50%; transform: translate3d(-50%, -50%, -1px); width: 10px; @media (prefers-reduced-motion: reduce) { animation: none; } } } .about-us-b998e096LuzUTG2 {&::after { animation: none; }} .about-us-b998e096fwx36x { background: var(--xdlColorNotification); border-radius: 50%; display: inline-flex; height: 6px; width: 6px; } .about-us-b998e096TCQAAw { background-color: var(--xdlColorNotification); border-color: var(--xdlColorTextOnDark); border-radius: 10px; border-style: solid; border-width: 2px; color: var(--xdlColorTextOnDark); font-size: 12px; font-weight: bold; height: 20px; line-height: 0; } .about-us-b998e096TCQAAw1 { width: 20px; } .about-us-b998e096TCQAAw2 { width: 24px; } .about-us-b998e096TCQAAw3 { width: 32px; } .about-us-b998e096wmuHRM { align-items: center !important; border-radius: 2px; border: 2px solid var(--about-us-b998e096wmuHRM1); box-sizing: border-box; display: inline-flex; justify-content: center; margin: 0; text-decoration: none; user-select: none; white-space: nowrap; &:focus { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } &:focus:not(:focus-visible) { outline: none; } &:focus-visible { outline: 2px solid var(--xdlColorFocusRing); outline-offset: 2px; } } .about-us-b998e096wmuHRM2 { height: 16px; padding-inline-end: calc(4px - 2px); padding-inline-start: calc(4px - 2px); } .about-us-b998e096wmuHRM3 { height: 20px; padding-inline-end: calc(8px - 2px); padding-inline-start: calc(8px - 2px); } .about-us-b998e096wmuHRM4 { @media (min-width: 740px) { height: 16px; padding-inline-end: calc(4px - 2px); padding-inline-start: calc(4px - 2px); } } .about-us-b998e096wmuHRM5 { @media (min-width: 740px) { height: 20px; padding-inline-end: calc(8px - 2px); padding-inline-start: calc(8px - 2px); } } .about-us-b998e096wmuHRM6 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 16px; padding-inline-end: calc(4px - 2px); padding-inline-start: calc(4px - 2px); } } .about-us-b998e096wmuHRM7 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 20px; padding-inline-end: calc(8px - 2px); padding-inline-start: calc(8px - 2px); } } .about-us-b998e096wmuHRM8 { background-color: var(--xdlColorControlFillTertiary); } .about-us-b998e096wmuHRM9 { background-color: var(--xdlColorPremium); } .about-us-b998e096wmuHRM10 { background-color: var(--xdlColorProJobsFill); } .about-us-b998e096wmuHRM11 { background-color: var(--xdlColorUserRoles); } .about-us-b998e096wmuHRM12 { background-color: var(--xdlColorNotification); } .about-us-b998e096wmuHRM13 { background-color: var(--xdlColorNotification); } .about-us-b998e096wmuHRM14 { background-color: var(--xdlColorUserRoles); } .about-us-b998e096wmuHRM15 { background-color: var(--xdlColorUserRoles); } .about-us-b998e096wmuHRM16 { background-color: var(--xdlColorProBusiness); } .about-us-b998e096wmuHRM17 { background-color: var(--xdlColorPremium); } .about-us-b998e096wmuHRM18 { background-color: var(--xdlColorPremium); } .about-us-b998e096wmuHRM19 { align-items: center; display: flex; justify-content: center; line-height: 1; } .about-us-b998e096wmuHRM20 { color: var(--xdlColorText); } .about-us-b998e096wmuHRM21 { color: var(--xdlColorTextOnDark); } .about-us-b998e096wmuHRM22 { color: var(--xdlColorTextOnLight); } .about-us-b998e096wmuHRM23 { color: var(--xdlColorTextOnDark); } .about-us-b998e096wmuHRM24 { color: var(--xdlColorTextOnDark); } .about-us-b998e096wmuHRM25 { color: var(--xdlColorTextOnDark); } .about-us-b998e096wmuHRM26 { color: var(--xdlColorTextOnDark); } .about-us-b998e096wmuHRM27 { color: var(--xdlColorTextOnDark); } .about-us-b998e096wmuHRM28 { color: var(--xdlColorTextOnDark); } .about-us-b998e096wmuHRM29 { color: var(--xdlColorTextOnDark); } .about-us-b998e096wmuHRM30 { color: var(--xdlColorTextOnDark); } .about-us-b998e096yzUblk { cursor: pointer; padding-left: 8px; padding-right: 4px; position: relative; &::before { content: ''; inset-block-end: -4px; inset-block-start: -4px; inset-inline-end: -2px; inset-inline-start: -2px; min-height: 24px; position: absolute; } } .about-us-b998e096yzUblk1 { margin-left: 2px; @media (prefers-reduced-motion: no-preference) { } @media (prefers-reduced-motion: reduce) { transform: rotate(var(--about-us-b998e096yzUblk4)); transition: none; } } .about-us-b998e096yzUblk2 {@media (prefers-reduced-motion: no-preference) { transform: rotate(-180deg); transition: transform 0.2s linear; }} .about-us-b998e096yzUblk3 {@media (prefers-reduced-motion: no-preference) { transform: rotate(0deg); transition: transform 0.2s linear; }} .about-us-b998e096RKxlqo { display: inline-table; position: relative; } .about-us-b998e096RKxlqo1 { height: 24px; width: 24px; } .about-us-b998e096RKxlqo2 { height: 32px; width: 32px; } .about-us-b998e096RKxlqo3 { height: 48px; width: 48px; } .about-us-b998e096RKxlqo4 { height: 68px; width: 68px; } .about-us-b998e096RKxlqo5 { height: 92px; width: 92px; } .about-us-b998e096RKxlqo6 { height: 122px; width: 122px; } .about-us-b998e096RKxlqo7 { height: 156px; width: 156px; } .about-us-b998e096RKxlqo8 { height: 194px; width: 194px; } .about-us-b998e096RKxlqo9 { height: 236px; width: 236px; } .about-us-b998e096RKxlqo10 { @media (min-width: 740px) { height: 24px; width: 24px; } } .about-us-b998e096RKxlqo11 { @media (min-width: 740px) { height: 32px; width: 32px; } } .about-us-b998e096RKxlqo12 { @media (min-width: 740px) { height: 48px; width: 48px; } } .about-us-b998e096RKxlqo13 { @media (min-width: 740px) { height: 68px; width: 68px; } } .about-us-b998e096RKxlqo14 { @media (min-width: 740px) { height: 92px; width: 92px; } } .about-us-b998e096RKxlqo15 { @media (min-width: 740px) { height: 122px; width: 122px; } } .about-us-b998e096RKxlqo16 { @media (min-width: 740px) { height: 156px; width: 156px; } } .about-us-b998e096RKxlqo17 { @media (min-width: 740px) { height: 194px; width: 194px; } } .about-us-b998e096RKxlqo18 { @media (min-width: 740px) { height: 236px; width: 236px; } } .about-us-b998e096RKxlqo19 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 24px; width: 24px; } } .about-us-b998e096RKxlqo20 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 32px; width: 32px; } } .about-us-b998e096RKxlqo21 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 48px; width: 48px; } } .about-us-b998e096RKxlqo22 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 68px; width: 68px; } } .about-us-b998e096RKxlqo23 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 92px; width: 92px; } } .about-us-b998e096RKxlqo24 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 122px; width: 122px; } } .about-us-b998e096RKxlqo25 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 156px; width: 156px; } } .about-us-b998e096RKxlqo26 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 194px; width: 194px; } } .about-us-b998e096RKxlqo27 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { height: 236px; width: 236px; } } .about-us-b998e096RKxlqo28 { @media (min-width: 1310px) { height: 24px; width: 24px; } } .about-us-b998e096RKxlqo29 { @media (min-width: 1310px) { height: 32px; width: 32px; } } .about-us-b998e096RKxlqo30 { @media (min-width: 1310px) { height: 48px; width: 48px; } } .about-us-b998e096RKxlqo31 { @media (min-width: 1310px) { height: 68px; width: 68px; } } .about-us-b998e096RKxlqo32 { @media (min-width: 1310px) { height: 92px; width: 92px; } } .about-us-b998e096RKxlqo33 { @media (min-width: 1310px) { height: 122px; width: 122px; } } .about-us-b998e096RKxlqo34 { @media (min-width: 1310px) { height: 156px; width: 156px; } } .about-us-b998e096RKxlqo35 { @media (min-width: 1310px) { height: 194px; width: 194px; } } .about-us-b998e096RKxlqo36 { @media (min-width: 1310px) { height: 236px; width: 236px; } } .about-us-b998e096RKxlqo37 { position: absolute; z-index: 1; } .about-us-b998e096RKxlqo38 { inset-block-end: -1px; inset-inline-end: -9px; } .about-us-b998e096RKxlqo39 { inset-block-end: -3px; inset-inline-end: -3px; } .about-us-b998e096RKxlqo40 { inset-block-end: -3px; inset-inline-end: -3px; } .about-us-b998e096RKxlqo41 { inset-block-end: -3px; inset-inline-end: -3px; } .about-us-b998e096RKxlqo42 { inset-block-end: -4px; inset-inline-end: -4px; } .about-us-b998e096RKxlqo43 { inset-block-end: -4px; inset-inline-end: -4px; } .about-us-b998e096RKxlqo44 { inset-block-end: -4px; inset-inline-end: -4px; } .about-us-b998e096RKxlqo45 { inset-block-end: 0; inset-inline-end: 0; } .about-us-b998e096RKxlqo46 { inset-block-end: -2px; inset-inline-end: -2px; } .about-us-b998e096RKxlqo47 { @media (min-width: 740px) { inset-block-end: -1px; inset-inline-end: -9px; } } .about-us-b998e096RKxlqo48 { @media (min-width: 740px) { inset-block-end: -3px; inset-inline-end: -3px; } } .about-us-b998e096RKxlqo49 { @media (min-width: 740px) { inset-block-end: -3px; inset-inline-end: -3px; } } .about-us-b998e096RKxlqo50 { @media (min-width: 740px) { inset-block-end: -3px; inset-inline-end: -3px; } } .about-us-b998e096RKxlqo51 { @media (min-width: 740px) { inset-block-end: -4px; inset-inline-end: -4px; } } .about-us-b998e096RKxlqo52 { @media (min-width: 740px) { inset-block-end: -4px; inset-inline-end: -4px; } } .about-us-b998e096RKxlqo53 { @media (min-width: 740px) { inset-block-end: -4px; inset-inline-end: -4px; } } .about-us-b998e096RKxlqo54 { @media (min-width: 740px) { inset-block-end: 0; inset-inline-end: 0; } } .about-us-b998e096RKxlqo55 { @media (min-width: 740px) { inset-block-end: -2px; inset-inline-end: -2px; } } .about-us-b998e096RKxlqo56 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { inset-block-end: -1px; inset-inline-end: -9px; } } .about-us-b998e096RKxlqo57 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { inset-block-end: -3px; inset-inline-end: -3px; } } .about-us-b998e096RKxlqo58 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { inset-block-end: -3px; inset-inline-end: -3px; } } .about-us-b998e096RKxlqo59 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { inset-block-end: -3px; inset-inline-end: -3px; } } .about-us-b998e096RKxlqo60 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { inset-block-end: -4px; inset-inline-end: -4px; } } .about-us-b998e096RKxlqo61 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { inset-block-end: -4px; inset-inline-end: -4px; } } .about-us-b998e096RKxlqo62 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { inset-block-end: -4px; inset-inline-end: -4px; } } .about-us-b998e096RKxlqo63 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { inset-block-end: 0; inset-inline-end: 0; } } .about-us-b998e096RKxlqo64 { @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) { inset-block-end: -2px; inset-inline-end: -2px; } } .about-us-b998e096RKxlqo65 { @media (min-width: 1310px) { inset-block-end: -1px; inset-inline-end: -9px; } } .about-us-b998e096RKxlqo66 { @media (min-width: 1310px) { inset-block-end: -3px; inset-inline-end: -3px; } } .about-us-b998e096RKxlqo67 { @media (min-width: 1310px) { inset-block-end: -3px; inset-inline-end: -3px; } } .about-us-b998e096RKxlqo68 { @media (min-width: 1310px) { inset-block-end: -3px; inset-inline-end: -3px; } } .about-us-b998e096RKxlqo69 { @media (min-width: 1310px) { inset-block-end: -4px; inset-inline-end: -4px; } } .about-us-b998e096RKxlqo70 { @media (min-width: 1310px) { inset-block-end: -4px; inset-inline-end: -4px; } } .about-us-b998e096RKxlqo71 { @media (min-width: 1310px) { inset-block-end: -4px; inset-inline-end: -4px; } } .about-us-b998e096RKxlqo72 { @media (min-width: 1310px) { inset-block-end: 0; inset-inline-end: 0; } } .about-us-b998e096RKxlqo73 { @media (min-width: 1310px) { inset-block-end: -2px; inset-inline-end: -2px; } } .about-us-b998e096RKxlqo74 { position: absolute; z-index: 1; } .about-us-b998e096RKxlqo75 { inset-block-start: 19px; inset-inline-start: 14px; } .about-us-b998e096RKxlqo76 { inset-block-start: 32px; inset-inline-start: 24px; } .about-us-b998e096rjcd1X { max-height: 318px; max-width: 318px; position: relative; } .about-us-b998e096rjcd1X1 { height: 0; padding-block-start: 100%; width: 100%; } .about-us-b998e096rjcd1X2 { inset-block-end: -4px; inset-inline-end: -2px; z-index: 2; } /*# sourceMappingURL=chunk-luffu315.css.map*/