:root {
    --border-radius-0: 0;
    --border-radius-1: 8px;
    --border-radius-2: 16px;
    --border-radius-3: 24px;
    --border-radius-4: 32px;
    --border-radius-5: 40px;
    --border-radius-0-25: 2px;
    --border-radius-0-5: 4px;
    --border-radius-1-5: 12px;
    --border-radius-none: 0;
    --border-radius-xxs: 2px;
    --border-radius-xs: 4px;
    --border-radius-sm: 8px;
    --border-radius-md: 16px;
    --border-radius-lg: 24px;
    --border-radius-pill: 500px;
    --border-radius-circle: 50%;
    --border-width-0: 0;
    --border-width-1: 8px;
    --border-width-0-1: 1px;
    --border-width-0-25: 2px;
    --border-width-0-5: 4px;
    --border-width-none: 0;
    --border-width-hairline: 1px;
    --border-width-thin: 2px;
    --border-width-thick: 4px;
    --border-width-heavy: 8px;
    --media-query-sm: 360px;
    --media-query-md: 840px;
    --media-query-lg: 1200px;
    --media-query-xl: 1500px;
    --media-query-xxl: 1720px;
    --color-neutral-70: #ffffff;
    --color-neutral-80: #f5f6f7;
    --color-neutral-90: #cfd4dd;
    --color-neutral-100: #8994a9;
    --color-neutral-110: #5e6a82;
    --color-neutral-120: #3c4453;
    --color-neutral-130: #1a1d23;
    --color-neutral-darkest: #1a1d23;
    --color-neutral-darker: #3c4453;
    --color-neutral-dark: #5e6a82;
    --color-neutral-medium: #8994a9;
    --color-neutral-light: #cfd4dd;
    --color-neutral-lighter: #f5f6f7;
    --color-neutral-lightest: #ffffff;
    --color-feedback-success-80: #def9cc;
    --color-feedback-success-90: #8ce563;
    --color-feedback-success-100: #24a148;
    --color-feedback-success-110: #197b35;
    --color-feedback-success-120: #105323;
    --color-feedback-success-darkest: #105323;
    --color-feedback-success-dark: #197b35;
    --color-feedback-success-medium: #24a148;
    --color-feedback-success-light: #8ce563;
    --color-feedback-success-lightest: #def9cc;
    --color-feedback-error-80: #fff5f5;
    --color-feedback-error-90: #f48787;
    --color-feedback-error-100: #e22828;
    --color-feedback-error-110: #901111;
    --color-feedback-error-120: #3b0505;
    --color-feedback-error-darkest: #3b0505;
    --color-feedback-error-dark: #901111;
    --color-feedback-error-medium: #e22828;
    --color-feedback-error-light: #f48787;
    --color-feedback-error-lightest: #fff5f5;
    --color-feedback-attention-80: #fff7e0;
    --color-feedback-attention-90: #ffe19a;
    --color-feedback-attention-100: #f9af27;
    --color-feedback-attention-110: #7b5613;
    --color-feedback-attention-120: #3c2a09;
    --color-feedback-attention-darkest: #3c2a09;
    --color-feedback-attention-dark: #7b5613;
    --color-feedback-attention-medium: #f9af27;
    --color-feedback-attention-light: #ffe19a;
    --color-feedback-attention-lightest: #fff7e0;
    --color-feedback-info-80: #e1f9ff;
    --color-feedback-info-90: #9ce6f9;
    --color-feedback-info-100: #28b5d9;
    --color-feedback-info-110: #14596b;
    --color-feedback-info-120: #0a2b34;
    --color-feedback-info-darkest: #0a2b34;
    --color-feedback-info-dark: #14596b;
    --color-feedback-info-medium: #28b5d9;
    --color-feedback-info-light: #9ce6f9;
    --color-feedback-info-lightest: #e1f9ff;
    --color-primary-70: #fff3e6;
    --color-primary-80: #ffe1bf;
    --color-primary-90: #ffbb73;
    --color-primary-100: #f28000;
    --color-primary-110: #df7400;
    --color-primary-120: #cb6700;
    --color-primary-130: #b35a00;
    --color-primary-darkest: #b35a00;
    --color-primary-darker: #cb6700;
    --color-primary-dark: #df7400;
    --color-primary-medium: #f28000;
    --color-primary-light: #ffbb73;
    --color-primary-lighter: #ffe1bf;
    --color-primary-lightest: #fff3e6;
    --color-secondary-70: #f0e6ff;
    --color-secondary-80: #c599ff;
    --color-secondary-90: #994dfa;
    --color-secondary-100: #6e0ad6;
    --color-secondary-110: #5c08b2;
    --color-secondary-120: #49078f;
    --color-secondary-130: #37056b;
    --color-secondary-darkest: #37056b;
    --color-secondary-darker: #49078f;
    --color-secondary-dark: #5c08b2;
    --color-secondary-medium: #6e0ad6;
    --color-secondary-light: #994dfa;
    --color-secondary-lighter: #c599ff;
    --color-secondary-lightest: #f0e6ff;
    --elevation-1: 8;
    --elevation-2: 16;
    --elevation-3: 24;
    --elevation-4: 32;
    --elevation-5: 40;
    --elevation-deep: -9999;
    --font-size-2: 16px;
    --font-size-3: 24px;
    --font-size-4: 32px;
    --font-size-5: 40px;
    --font-size-6: 48px;
    --font-size-7: 56px;
    --font-size-8: 64px;
    --font-size-1-25: 10px;
    --font-size-1-5: 12px;
    --font-size-1-75: 14px;
    --font-size-2-25: 18px;
    --font-size-2-5: 20px;
    --font-size-nano: 10px;
    --font-size-xxxs: 12px;
    --font-size-xxs: 14px;
    --font-size-xs: 16px;
    --font-size-sm: 18px;
    --font-size-md: 20px;
    --font-size-lg: 24px;
    --font-size-xl: 30px;
    --font-size-xxl: 36px;
    --font-size-xxxl: 48px;
    --font-size-huge: 64px;
    --font-weight-bold: 700;
    --font-weight-semibold: 600;
    --font-weight-medium: 500;
    --font-weight-regular: 400;
    --font-weight-light: 300;
    --font-lineheight-supertight: 1;
    --font-lineheight-tight: 1.15;
    --font-lineheight-medium: 1.32;
    --font-lineheight-distant: 1.40;
    --font-lineheight-superdistant: 1.50;
    --line-height-supertight: 1;
    --line-height-tight: 1.15;
    --line-height-medium: 1.32;
    --line-height-distant: 1.40;
    --line-height-superdistant: 1.50;
    --opacity-0: 0;
    --opacity-8: 0.08;
    --opacity-16: 0.16;
    --opacity-32: 0.32;
    --opacity-64: 0.64;
    --opacity-80: 0.8;
    --opacity-100: 1;
    --opacity-full: 1;
    --opacity-semiopaque: 0.8;
    --opacity-intense: 0.64;
    --opacity-medium: 0.32;
    --opacity-light: 0.16;
    --opacity-semitransparent: 0.08;
    --opacity-none: 0;
    --shadow-none: 0;
    --shadow-top-1: 0px -1px 1px rgba(0, 0, 0, 0.16);
    --shadow-top-3: 0px -3px 4px rgba(0, 0, 0, 0.16);
    --shadow-top-6: 0px -6px 10px rgba(0, 0, 0, 0.16);
    --shadow-top-9: 0px -9px 12px rgba(0, 0, 0, 0.16);
    --shadow-top-12: 0px -12px 17px rgba(0, 0, 0, 0.16);
    --shadow-bottom-1: 0px 1px 1px rgba(0, 0, 0, 0.16);
    --shadow-bottom-3: 0px 3px 4px rgba(0, 0, 0, 0.16);
    --shadow-bottom-6: 0px 6px 10px rgba(0, 0, 0, 0.16);
    --shadow-bottom-9: 0px 9px 12px rgba(0, 0, 0, 0.16);
    --shadow-bottom-12: 0px 12px 17px rgba(0, 0, 0, 0.16);
    --shadow-level-1: 0px 1px 1px rgba(0, 0, 0, 0.14);
    --shadow-level-2: 0px 2px 2px rgba(0, 0, 0, 0.14);
    --shadow-level-3: 0px 3px 4px rgba(0, 0, 0, 0.14);
    --shadow-level-4: 0px 4px 5px rgba(0, 0, 0, 0.14);
    --shadow-level-6: 0px 6px 10px rgba(0, 0, 0, 0.14);
    --shadow-level-8: 0px 8px 10px rgba(0, 0, 0, 0.14);
    --shadow-level-9: 0px 9px 12px rgba(0, 0, 0, 0.14);
    --shadow-level-12: 0px 12px 17px rgba(0, 0, 0, 0.14);
    --shadow-level-16: 0px 16px 24px rgba(0, 0, 0, 0.14);
    --shadow-level-24: 0px 24px 38px rgba(0, 0, 0, 0.14);
    --spacing-1: 8px;
    --spacing-2: 16px;
    --spacing-3: 24px;
    --spacing-4: 32px;
    --spacing-5: 40px;
    --spacing-6: 48px;
    --spacing-7: 56px;
    --spacing-8: 64px;
    --spacing-9: 72px;
    --spacing-10: 80px;
    --spacing-0-25: 2px;
    --spacing-0-5: 4px;
    --spacing-1-5: 12px;
    --spacing-stack-quarck: 4px;
    --spacing-stack-nano: 8px;
    --spacing-stack-xxxs: 16px;
    --spacing-stack-xxs: 24px;
    --spacing-stack-xs: 32px;
    --spacing-stack-sm: 40px;
    --spacing-stack-md: 48px;
    --spacing-stack-lg: 56px;
    --spacing-stack-xl: 64px;
    --spacing-stack-xxl: 80px;
    --spacing-stack-xxxl: 120px;
    --spacing-stack-huge: 160px;
    --spacing-stack-giant: 200px;
    --spacing-inline-quarck: 4px;
    --spacing-inline-nano: 8px;
    --spacing-inline-xxxs: 16px;
    --spacing-inline-xxs: 24px;
    --spacing-inline-xs: 32px;
    --spacing-inline-sm: 40px;
    --spacing-inline-md: 48px;
    --spacing-inline-lg: 64px;
    --spacing-inline-xl: 80px;
    --spacing-inset-xxs: 2px;
    --spacing-inset-xs: 4px;
    --spacing-inset-sm: 8px;
    --spacing-inset-md: 16px;
    --spacing-inset-lg: 24px;
    --spacing-inset-xl: 32px;
    --spacing-inset-xxl: 40px;
    --spacing-squish-xxs: 2px 4px;
    --spacing-squish-xs: 4px 8px;
    --spacing-squish-sm: 8px 16px;
    --spacing-squish-md: 8px 24px;
    --spacing-squish-lg: 12px 16px;
    --spacing-squish-xl: 16px 24px;
    --spacing-squish-xxl: 16px 32px;
    --spacing-squish-xxxl: 24px 32px;
    --transition-delay-1: 100ms;
    --transition-delay-2: 200ms;
    --transition-delay-3: 300ms;
    --transition-delay-4: 400ms;
    --transition-delay-5: 500ms;
    --transition-delay-slowest: 500ms;
    --transition-delay-slow: 400ms;
    --transition-delay-normal: 300ms;
    --transition-delay-fast: 200ms;
    --transition-delay-fastest: 100ms;
    --transition-timing-ease: cubic-bezier(0.250, 0.100, 0.250, 1.000);
    --transition-timing-ease-in: cubic-bezier(0.420, 0.000, 1.000, 1.000);
    --transition-timing-ease-out: cubic-bezier(0.000, 0.000, 0.580, 1.000);
    --transition-timing-ease-in-out: cubic-bezier(0.420, 0.000, 0.580, 1.000);
    --transition-duration-1: 100ms;
    --transition-duration-2: 200ms;
    --transition-duration-3: 300ms;
    --transition-duration-4: 400ms;
    --transition-duration-5: 500ms;
    --transition-duration-slowest: 500ms;
    --transition-duration-slow: 400ms;
    --transition-duration-normal: 300ms;
    --transition-duration-fast: 200ms;
    --transition-duration-fastest: 100ms;
    --transition-repetition-2: 2;
    --transition-repetition-3: 3;
    --transition-repetition-infinite: infinite;
    --font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --z-index-1-default: 1;
    --z-index-100-masked: 100;
    --z-index-200-mask: 200;
    --z-index-250-mask-button: 250;
    --z-index-300-sticky: 300;
    --z-index-400-header: 400;
    --z-index-500-toast: 500;
    --z-index-600-dropdown: 600;
    --z-index-700-overlay: 700;
    --z-index-800-spinner: 800;
    --z-index-900-modal: 900;
    --z-index-950-popup: 950;
    --z-index-1000-top: 1000;
    --z-index-deep: -9999;
    --button-primary-background-color-base: #f28000;
    --button-primary-background-color-hover: #df7400;
    --button-primary-background-color-loading: #f28000;
    --button-primary-border-color-base: #f28000;
    --button-primary-border-color-hover: #df7400;
    --button-primary-color-font-base: #ffffff;
    --button-primary-color-outline: #ffe1bf;
    --button-secondary-background-color-base: transparent;
    --button-secondary-background-color-hover: #fff3e6;
    --button-secondary-background-color-loading: transparent;
    --button-secondary-border-color-base: #f28000;
    --button-secondary-border-color-hover: #fff3e6;
    --button-secondary-color-font-base: #f28000;
    --button-secondary-color-outline: #ffe1bf;
    --button-secondary-inverted-background-color-base: #ffffff00;
    /* Possui transparência aplicada no hexadecimal */
    --button-secondary-inverted-background-color-hover: #ffffff2B;
    /* Possui transparência aplicada no hexadecimal */
    --button-secondary-inverted-background-color-loading: transparent;
    --button-secondary-inverted-border-color-base: #ffffff;
    --button-secondary-inverted-border-color-hover: #ffffff2B;
    /* Possui transparência aplicada no hexadecimal */
    --button-secondary-inverted-color-font-base: #ffffff;
    --button-secondary-inverted-color-outline: #ffffff52;
    /* Possui transparência aplicada no hexadecimal */
    --button-tertiary-background-color-base: #fff3e6;
    --button-tertiary-background-color-hover: #ffe1bf;
    --button-tertiary-background-color-loading: #df7400;
    --button-tertiary-border-color-base: #fff3e6;
    --button-tertiary-border-color-hover: #ffe1bf;
    --button-tertiary-color-font-base: #cb6700;
    --button-tertiary-color-outline: #ffe1bf;
    --button-link-button-background-color-base: transparent;
    --button-link-button-background-color-hover: #f0e6ff;
    --button-link-button-background-color-loading: #f0e6ff;
    --button-link-button-border-color-base: transparent;
    --button-link-button-border-color-hover: #f0e6ff;
    --button-link-button-color-font-base: #6e0ad6;
    --button-link-button-color-outline: #f0e6ff;
    --button-danger-background-color-base: #e22828;
    --button-danger-background-color-hover: #901111;
    --button-danger-background-color-loading: #e22828;
    --button-danger-border-color-base: #e22828;
    --button-danger-border-color-hover: #901111;
    --button-danger-color-font-base: #ffffff;
    --button-danger-color-outline: #f48787;
    --button-neutral-background-color-base: transparent;
    --button-neutral-background-color-hover: #cfd4dd;
    /* Possui transparência aplicada no hexadecimal */
    --button-neutral-background-color-loading: transparent;
    --button-neutral-border-color-base: #5e6a82;
    --button-neutral-border-color-hover: #5e6a82;
    --button-neutral-color-font-base: #1a1d23;
    --button-neutral-color-outline: #f5f6f7;
    --button-disabled-background-color: #f5f6f7;
    --button-disabled-border-color: transparent;
    --button-disabled-color-font: #5e6a82;
    --carousel-focus: #1a1d23;
    --carousel-arrow-background-color-base: #ffffff;
    --carousel-arrow-background-color-hover: #cfd4dd;
    --carousel-arrow-color: #1a1d23;
    --checkbox-background-color-base: #ffffff;
    --checkbox-background-color-checked: #6e0ad6;
    --checkbox-background-color-checked-hover: #49078f;
    --checkbox-background-color-error: #fff5f5;
    --checkbox-background-color-hover: #f5f6f7;
    --checkbox-border-color-base: #cfd4dd;
    --checkbox-border-color-hover: #cfd4dd;
    --checkbox-border-color-error: #e22828;
    --checkbox-color-outline: #c599ff;
    --checkbox-color-icon: #ffffff;
    --container-background-color: #ffffff;
    --container-border-color-outlined: #cfd4dd;
    --divider-default-background-color: #cfd4dd;
    --divider-inverted-background-color: #5e6a82;
    --dropdown-background-color-base: #ffffff;
    --dropdown-background-color-error: #fff5f5;
    --dropdown-background-color-disabled: #f5f6f7;
    --dropdown-border-color-base: #cfd4dd;
    --dropdown-border-color-disabled: #f5f6f7;
    --dropdown-border-color-error: #e22828;
    --dropdown-border-color-focus: #6e0ad6;
    --dropdown-border-color-hover: #cfd4dd;
    --dropdown-border-color-selected: #1a1d23;
    --dropdown-color-font-base: #8994a9;
    --dropdown-color-font-disabled: #8994a9;
    --dropdown-color-font-selected: #1a1d23;
    --dropdown-icon-color-base: #1a1d23;
    --dropdown-icon-color-disabled: #8994a9;
    --link-color-main-base: #6e0ad6;
    --link-color-main-hover: #5c08b2;
    --link-color-main-active: #49078f;
    --link-color-grey-base: #1a1d23;
    --link-color-grey-hover: #6e0ad6;
    --link-color-grey-active: #5c08b2;
    --link-color-inverted-base: #ffffff;
    --link-color-inverted-hover: #c599ff;
    --link-color-inverted-active: #f0e6ff;
    --modal-background-color: #ffffff;
    --modal-button-background-color-hover: #cfd4dd;
    --modal-button-background-color-focus: #1a1d23;
    --modal-button-color: #1a1d23;
    --radio-background-color-base: #ffffff;
    --radio-background-color-checked: #6e0ad6;
    --radio-background-color-checked-hover: #49078f;
    --radio-background-color-error: #e22828;
    --radio-background-color-hover: #f5f6f7;
    --radio-border-color-base: #5e6a82;
    --radio-border-color-checked: #6e0ad6;
    --radio-border-color-checked-hover: #49078f;
    --radio-border-color-hover: #cfd4dd;
    --radio-border-color-error: #e22828;
    --radio-color-outline: #c599ff;
    --radio-font-color: #1a1d23;
    --skeleton-background-0: linear-gradient(90deg, #f5f6f7 0%, #cfd4dd 0%, #f5f6f7 100%);
    --skeleton-background-20: linear-gradient(90deg, #f5f6f7 0%, #cfd4dd 20%, #f5f6f7 100%);
    --skeleton-background-40: linear-gradient(90deg, #f5f6f7 0%, #cfd4dd 40%, #f5f6f7 100%);
    --skeleton-background-60: linear-gradient(90deg, #f5f6f7 0%, #cfd4dd 60%, #f5f6f7 100%);
    --skeleton-background-80: linear-gradient(90deg, #f5f6f7 0%, #cfd4dd 80%, #f5f6f7 100%);
    --skeleton-background-100: linear-gradient(90deg, #f5f6f7 0%, #cfd4dd 100%, #f5f6f7 100%);
    --spinner-color: #6e0ad6;
    --spinner-inverted-color: #ffffff;
    --spinner-extra-small-size: 16px;
    --spinner-small-size: 24px;
    --spinner-medium-size: 32px;
    --spinner-large-size: 48px;
    --spinner-extra-large-size: 56px;
    --spinner-huge-size: 64px;
    --spots-background-circle: #f0e6ff;
    --spots-background-triangle: #def9cc;
    --spots-background-square: #fff3e6;
    --spots-background-neutral: #f5f6f7;
    --spots-color-circle: #6e0ad6;
    --spots-color-triangle: #8ce563;
    --spots-color-square: #f28000;
    --spots-color-neutral: #cfd4dd;
    --spots-border-color-default: #1a1d23;
    --spots-border-color-neutral: #8994a9;
    --textinput-background-color-base: #ffffff;
    --textinput-background-color-error: #fff5f5;
    --textinput-background-color-disabled: #f5f6f7;
    --textinput-background-color-success: #ffffff;
    --textinput-border-color-empty: #cfd4dd;
    --textinput-border-color-error: #e22828;
    --textinput-border-color-disabled: transparent;
    --textinput-border-color-filled: #1a1d23;
    --textinput-border-color-focus: #6e0ad6;
    --textinput-border-color-hover: #cfd4dd;
    --textinput-border-color-success: #24a148;
    --textinput-border-color-empty-hover: #cfd4dd;
    --textinput-color-font: #1a1d23;
    --textinput-color-placeholder: #8994a9;
    --textinput-color-disabled: #8994a9;
    --textinput-icon-color: #3c4453;
    --textinput-caption-font-color: #3c4453;
    --textinput-feedback-error-font-color: #e22828;
    --text-color: #1a1d23;
    --toast-background-color: #3c4453;
    --toast-font-color: #ffffff;
    --toast-close-icon-color: #ffffff;
    --toggleswitch-background-color-base: #cfd4dd;
    --toggleswitch-background-color-checked: #6e0ad6;
    --toggleswitch-background-color-checked-hover: #49078f;
    --toggleswitch-background-color-hover: #8994a9;
    --toggleswitch-color-outline: #c599ff;
    --toggleswitch-icon-color: #ffffff;
    --font-family-primary: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --font-family-secondary: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --z-index-1-default: var(--elevation-1);
}

.dSfG0A [data-ds-component=DS-Dropdown] {
    z-index: var(--elevation-1) !important;
}


/* sc-component-id: sc-bdVaJa */

body {
    background-color: #f9f9f9;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.bxVNCd {
    color: #4A4A4A;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Nunito Sans', 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;
    margin: 0px;
}

.ldmbnf {
    color: #4A4A4A;
    line-height: 32px;
    font-size: 24px;
    font-weight: 600;
    font-family: 'Nunito Sans', 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;
    margin: 0px;
}

.bOgwhw {
    color: #999999;
    line-height: 16px;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Nunito Sans', 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;
    margin: 0px;
}


/* sc-component-id: sc-jTzLTM */

.iwtnNi {
    box-sizing: border-box;
}


/* sc-component-id: sc-gPWkxV */

.kFbLOJ {
    color: var(--color-neutral-70);
    margin-left: var(--spacing-4);
}

.kFbLOJ>.ds-link-icon-wrapper {
    background-color: #3a5998;
}

.kFbLOJ>.ds-link-icon-wrapperc {
    background-color: #ffffff;
}


/* sc-component-id: sc-jVODtj */

.bKUXip {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 56px;
    width: 40px;
    margin-right: -84px;
    margin-left: 8px;
    -webkit-transform: scale(1.42);
    -ms-transform: scale(1.42);
    transform: scale(1.42);
}


/* sc-component-id: sc-kZmsYB */

.icVKMg {
    padding: 0;
    cursor: unset;
    width: 16px !important;
    height: 16px !important;
}

.jZjvVW {
    padding: 0;
    cursor: unset;
    width: 24px !important;
    height: 24px !important;
}


/* sc-component-id: sc-gpHHfC */

.eEVNwZ {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.55);
    z-index: 9999;
    display: none;
}

.eEVNwZ.fade-enter {
    opacity: 0;
}

.eEVNwZ.fade-enter-active {
    opacity: 1;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.eEVNwZ.fade-exit {
    opacity: 1;
}

.eEVNwZ.fade-exit-active {
    opacity: 0;
    -webkit-transition: opacity 500ms;
    transition: opacity 500ms;
}


/* sc-component-id: sc-iybRtq */

.gRIjWD {
    width: 100%;
    position: relative;
    border-style: solid;
    border-width: 0;
    border-top-width: 1px;
    border-color: var(--color-neutral-90);
}


/* sc-component-id: sc-iQtOjA */

.jaxdpq {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 14px;
    color: #898989;
    background-color: #ffffff;
    padding: 8px;
}


/* sc-component-id: sc-fHxwqH */

.dQOmcf {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer;
}


/* sc-component-id: sc-cBrjTV */

.gvytfs {
    background-color: #fff;
    padding: 32px 24px;
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    border-radius: 10px;
    width: 400px;
}

@media (max-width:440px) {
    .gvytfs {
        width: 90%;
    }
}


/* sc-component-id: sc-iCwjlJ */

.dvpFtN {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    height: 32px;
}


/* sc-component-id: sc-jUpvKA */

.iuExnu {
    margin-left: auto;
}


/* sc-component-id: sc-jRuhRL */

.kmcHyo {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border-style: solid;
    border-color: #e5e5e5;
    border-width: 1px;
    border-radius: 8px;
    padding: 32px;
    margin-bottom: 16px;
}

.bkCPjP {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border-style: solid;
    border-color: #e5e5e5;
    border-width: 1px;
    border-radius: 8px;
    padding: 32px;
}


/* sc-component-id: sc-kNBZmU */

.cpZrFh {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 32px;
    min-height: 32px;
    border-radius: 16px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 24px;
    background-color: #f0e6ff;
}


/* sc-component-id: sc-eopZyb */

.hPJKhM {
    padding-bottom: 8px;
}


/* sc-component-id: sc-eNNmBn */

.kIHfAV {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 32px;
}


/* sc-component-id: sc-eEieub */

.hZtnYL {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}


/* sc-component-id: sc-AUpyg */

.gZLAcm {
    box-sizing: border-box;
}


/* sc-component-id: sc-kIWQTW */

.knWMDv {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--color-neutral-80);
    height: 35px;
    width: 100%;
}

.knWMDv:hover {
    background-color: #f7f1fd;
}

.knWMDv:hover span {
    color: #6e0ad6;
}


/* sc-component-id: sc-gCwZxT */

@media (max-width:36em) {
    .kIOxcP {
        padding: 0 16px 16px 16px;
    }
}


/* sc-component-id: sc-gLdKKF */

.crnIgh {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: var(--spacing-3);
    padding-left: var(--spacing-7);
    padding-right: var(--spacing-7);
}


/* sc-component-id: sc-RWGNv */

.bHSXMf {
    padding-bottom: var(--spacing-5);
}


/* sc-component-id: sc-gCUMDz */

.gZbQsf.gZbQsf {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: auto;
    max-width: 466px;
    padding: 0;
    padding-top: var(--spacing-3);
}


/* sc-component-id: sc-dTsoBL */

.etErfD {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 466px;
    margin: auto;
    margin-top: var(--spacing-1);
    text-align: center;
}


/* sc-component-id: sc-btewqU */

.fCAkzk {
    text-align: center;
}


/* sc-component-id: sc-imapFV */

.olx-button {
    align-items: center;
    background-color: var(--button-background-color);
    border-color: var(--button-border);
    border-radius: var(--border-radius-pill);
    border-style: solid;
    border-width: var(--border-width-hairline);
    color: var(--button-color-font);
    cursor: pointer;
    display: inline-flex;
    font-family: var(--font-family);
    font-size: var(--button-font-size);
    font-weight: var(--font-weight-semibold);
    height: var(--button-height);
    justify-content: center;
    line-height: var(--button-line-height);
    min-width: 72px;
    outline: none;
    padding: var(--button-padding);
    position: relative;
    text-decoration: initial;
    width: -moz-fit-content;
    width: fit-content
}

.olx-button--fullwidth {
    width: 100%
}

.olx-button--a {
    text-decoration: none
}

.olx-button:active {
    transform: scale(.96)
}

.olx-button:active,
.olx-button:not(:active) {
    transition: all var(--transition-duration-1) var(--transition-timing-ease-in) 0ms, outline 0ms, outline-offset 0ms
}

.olx-button:not(:hover) {
    transition: all var(--transition-duration-2) var(--transition-timing-ease-in) 0ms, outline 0ms, outline-offset 0ms
}

.olx-button:focus {
    outline: var(--color-neutral-130) solid var(--border-width-thin);
    outline-offset: var(--border-width-thin);
    transition: outline 0ms, outline-offset 0ms
}

.olx-button:not(.olx-button--disabled):hover {
    background-color: var(--button-background-color-hover);
    border-color: var(--button-border-color-hover);
    transition: all var(--transition-duration-2) var(--transition-timing-ease-in) 0ms, outline 0ms, outline-offset 0ms
}

.olx-button:focus:not(:focus-visible) {
    outline: none;
    outline-offset: 0
}

.olx-button--small {
    --button-height: 32px;
    --button-padding: var(--spacing-1) var(--spacing-2);
    --button-font-size: var(--font-size-xxs);
    --button-line-height: var(--font-lineheight-tight)
}

.olx-button--medium {
    --button-height: 40px;
    --button-padding: var(--spacing-1) var(--spacing-3);
    --button-font-size: var(--font-size-xs);
    --button-line-height: var(--font-lineheight-superdistant)
}

.olx-button--large {
    --button-height: 48px;
    --button-padding: var(--spacing-2) var(--spacing-3);
    --button-font-size: var(--font-size-xs);
    --button-line-height: var(--font-lineheight-supertight)
}

.olx-button--extra-large {
    --button-height: 64px;
    --button-padding: var(--spacing-3) var(--spacing-4);
    --button-font-size: var(--font-size-xs);
    --button-line-height: var(--font-lineheight-supertight)
}

.olx-button--primary {
    --button-background-color: var(--button-primary-background-color-base);
    --button-border: var(--button-primary-border-color-base);
    --button-color-font: var(--button-primary-color-font-base);
    --button-background-color-hover: var(--button-primary-background-color-hover);
    --button-border-color-hover: var(--button-primary-border-color-hover)
}

.olx-button--secondary {
    --button-background-color: var(--button-secondary-background-color-base);
    --button-border: var(--button-secondary-border-color-base);
    --button-color-font: var(--button-secondary-color-font-base);
    --button-background-color-hover: var(--button-secondary-background-color-hover);
    --button-border-color-hover: var(--button-secondary-border-color-hover)
}

.olx-button--secondary-inverted {
    --button-background-color: var(--button-secondary-inverted-background-color-base);
    --button-border: var(--button-secondary-inverted-border-color-base);
    --button-color-font: var(--button-secondary-inverted-color-font-base);
    --button-background-color-hover: var(--button-secondary-inverted-background-color-hover);
    --button-border-color-hover: var(--button-secondary-inverted-border-color-hover)
}

.olx-button--tertiary {
    --button-background-color: var(--button-tertiary-background-color-base);
    --button-border: var(--button-tertiary-border-color-base);
    --button-color-font: var(--button-tertiary-color-font-base);
    --button-background-color-hover: var(--button-tertiary-background-color-hover);
    --button-border-color-hover: var(--button-tertiary-border-color-hover)
}

.olx-button--link-button {
    --button-background-color: var(--button-link-button-background-color-base);
    --button-border: var(--button-link-button-border-color-base);
    --button-color-font: var(--button-link-button-color-font-base);
    --button-background-color-hover: var(--button-link-button-background-color-hover);
    --button-border-color-hover: var(--button-link-button-border-color-hover)
}

.olx-button--danger {
    --button-background-color: var(--button-danger-background-color-base);
    --button-border: var(--button-danger-border-color-base);
    --button-color-font: var(--button-danger-color-font-base);
    --button-background-color-hover: var(--button-danger-background-color-hover);
    --button-border-color-hover: var(--button-danger-border-color-hover)
}

.olx-button--neutral {
    --button-background-color: var(--button-neutral-background-color-base);
    --button-border: var(--button-neutral-border-color-base);
    --button-color-font: var(--button-neutral-color-font-base);
    --button-background-color-hover: var(--button-neutral-background-color-hover);
    --button-border-color-hover: var(--button-neutral-border-color-hover)
}

.olx-button--disabled {
    background-color: var(--button-disabled-background-color);
    border-color: var(--button-disabled-border-color);
    color: var(--button-disabled-color-font);
    cursor: not-allowed
}

.olx-button__content-wrapper {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    visibility: visible
}

.olx-button__content-wrapper--loading {
    visibility: hidden
}

.olx-button__spinner {
    position: absolute
}

.olx-button__icon-wrapper {
    fill: currentcolor;
    align-items: center;
    display: inline-flex;
    height: 24px;
    justify-content: center;
    margin-right: var(--spacing-1);
    pointer-events: none;
    width: 24px
}

.olx-button__icon-wrapper svg {
    height: 24px;
    width: 24px
}

.olx-button__icon-wrapper--small,
.olx-button__icon-wrapper--small svg {
    height: 16px;
    width: 16px
}

.olx-link {
    align-items: center;
    color: var(--link-color);
    cursor: pointer;
    display: inline-flex;
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: var(--font-weight-semibold);
    justify-content: center;
    line-height: var(--font-lineheight);
    outline: none;
    text-decoration: none;
    transition: all var(--transition-duration-3) var(--transition-timing-ease)
}

.olx-link:active {
    color: var(--link-color-active)
}

.olx-link:focus {
    border-radius: var(--border-radius-xxs);
    outline: var(--border-width-thin) solid var(--color-neutral-130)
}

.olx-link:hover {
    color: var(--link-color-hover);
    text-decoration: underline
}

.olx-link:focus:not(:focus-visible) {
    box-shadow: none;
    outline: 0
}

.olx-link--underline {
    text-decoration: underline
}

.olx-link--underline:hover {
    text-decoration: none
}

.olx-link--button {
    background: none;
    border: none;
    padding: 0
}

.olx-link--caption {
    --font-size: var(--font-size-xxxs);
    --font-lineheight: var(--font-lineheight-medium)
}

.olx-link--small {
    --font-size: var(--font-size-xxs);
    --font-lineheight: var(--font-lineheight-distant)
}

.olx-link--medium {
    --font-size: var(--font-size-xs);
    --font-lineheight: var(--font-lineheight-superdistant)
}

.olx-link--large {
    --font-size: var(--font-size-sm);
    --font-lineheight: var(--font-lineheight-superdistant)
}

.olx-link--main {
    --link-color: var(--link-color-main-base);
    --link-color-hover: var(--link-color-main-hover);
    --link-color-active: var(--link-color-main-active)
}

.olx-link--grey {
    --link-color: var(--link-color-grey-base);
    --link-color-hover: var(--link-color-grey-hover);
    --link-color-active: var(--link-color-grey-active)
}

.olx-link--inverted {
    --link-color: var(--link-color-inverted-base);
    --link-color-hover: var(--link-color-inverted-hover);
    --link-color-active: var(--link-color-inverted-active)
}

.olx-link__icon-wrapper {
    fill: currentcolor;
    height: 24px;
    margin-left: 0;
    margin-right: var(--spacing-0-5);
    pointer-events: none;
    width: 24px
}

.olx-link__icon-wrapper--caption,
.olx-link__icon-wrapper--caption svg {
    height: 16px;
    width: 16px
}

.olx-link__icon-wrapper--right {
    margin-left: var(--spacing-0-5);
    margin-right: 0
}

.olx-link--disabled {
    color: var(--color-neutral-110);
    cursor: not-allowed;
    pointer-events: none
}

.olx-text {
    color: var(--text-color);
    display: block;
    font-family: var(--font-family);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    margin: 0;
    padding: 0;
    word-break: break-word
}

.olx-text--display-large {
    font-size: var(--font-size-xxl);
    font-weight: var(--font-weight-bold);
    line-height: var(--font-lineheight-tight)
}

@media screen and (min-width:840px) {
    .olx-text--display-large {
        font-size: var(--font-size-huge)
    }
}

.olx-text--display-medium {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-bold);
    line-height: var(--font-lineheight-tight)
}

@media screen and (min-width:840px) {
    .olx-text--display-medium {
        font-size: var(--font-size-xxxl)
    }
}

.olx-text--title-large {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
    line-height: var(--font-lineheight-medium)
}

@media screen and (min-width:840px) {
    .olx-text--title-large {
        font-size: var(--font-size-xxl)
    }
}

.olx-text--title-medium {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-semibold);
    line-height: var(--font-lineheight-medium)
}

@media screen and (min-width:840px) {
    .olx-text--title-medium {
        font-size: var(--font-size-lg)
    }
}

.olx-text--title-small {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-bold);
    line-height: var(--font-lineheight-medium)
}

@media screen and (min-width:840px) {
    .olx-text--title-small {
        font-size: var(--font-size-md)
    }
}

.olx-text--subtitle-large {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-regular);
    line-height: var(--font-lineheight-medium)
}

@media screen and (min-width:840px) {
    .olx-text--subtitle-large {
        font-size: var(--font-size-lg)
    }
}

.olx-text--subtitle-medium {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-regular);
    line-height: var(--font-lineheight-medium)
}

@media screen and (min-width:840px) {
    .olx-text--subtitle-medium {
        font-size: var(--font-size-md)
    }
}

.olx-text--body-large {
    font-size: var(--font-size-sm)
}

.olx-text--body-large,
.olx-text--body-medium {
    line-height: var(--font-lineheight-superdistant)
}

.olx-text--body-medium {
    font-size: var(--font-size-xs)
}

.olx-text--body-small {
    font-size: var(--font-size-xxs);
    line-height: var(--font-lineheight-distant)
}

.olx-text--caption {
    font-size: var(--font-size-xxxs);
    line-height: var(--font-lineheight-medium)
}

.olx-text--overline {
    font-size: var(--font-size-nano);
    line-height: var(--font-lineheight-supertight);
    text-transform: uppercase
}

.olx-text--light,
.olx-text--regular {
    font-weight: var(--font-weight-regular)
}

.olx-text--medium {
    font-weight: var(--font-weight-medium)
}

.olx-text--semibold {
    font-weight: var(--font-weight-semibold)
}

.olx-text--bold {
    font-weight: var(--font-weight-bold)
}

.olx-text--inline {
    display: inline
}

.olx-text--block {
    display: block
}

.olx-text--uppercase {
    text-transform: uppercase
}

.olx-text--capitalize {
    text-transform: capitalize
}

.olx-text--lowercase {
    text-transform: lowercase
}

.olx-text--italic {
    font-style: italic
}

.olx-spinner {
    animation: circle-spinner 1.4s linear infinite;
    color: var(--spinner-color);
    z-index: var(--z-index-800-spinner, 800)
}

.olx-spinner--extra-small {
    height: var(--spinner-extra-small-size);
    width: var(--spinner-extra-small-size)
}

.olx-spinner--small {
    height: var(--spinner-small-size);
    width: var(--spinner-small-size)
}

.olx-spinner--medium {
    height: var(--spinner-medium-size);
    width: var(--spinner-medium-size)
}

.olx-spinner--large {
    height: var(--spinner-large-size);
    width: var(--spinner-large-size)
}

.olx-spinner--extra-large {
    height: var(--spinner-extra-large-size);
    width: var(--spinner-extra-large-size)
}

.olx-spinner--huge {
    height: var(--spinner-huge-size);
    width: var(--spinner-huge-size)
}

@keyframes circle-spinner {
    0% {
        transform-origin: 50% 50%
    }
    to {
        transform: rotate(1turn)
    }
}

.olx-spinner__animated {
    stroke: currentcolor;
    stroke-dasharray: 80px, 200px;
    stroke-dashoffset: 0;
    animation: circle-stroke 1.4s ease-in-out infinite;
    z-index: var(--z-index-800-spinner, 800)
}

@keyframes circle-stroke {
    0% {
        stroke-dasharray: 1px, 200px;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 100px, 200px;
        stroke-dashoffset: -15px
    }
    to {
        stroke-dasharray: 100px, 200px;
        stroke-dashoffset: -125px
    }
}

.olx-chip {
    background: none;
    border: 0;
    display: inline-flex;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    width: -moz-fit-content;
    width: fit-content
}

.olx-chip--input-wrapper {
    pointer-events: none
}

.olx-chip__content {
    align-items: center;
    background: var(--color-neutral-70);
    border: var(--border-width-hairline) solid var(--color-neutral-90);
    border-radius: var(--border-radius-sm);
    color: var(--color-neutral-130);
    cursor: pointer;
    display: flex;
    font-family: var(--font-family);
    font-size: var(--font-size-xxs);
    font-weight: var(--font-weight-semibold);
    gap: var(--spacing-1);
    height: 36px;
    justify-content: center;
    line-height: var(--font-lineheight-distant);
    padding: var(--spacing-1)
}

.olx-chip__native {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    height: 100%;
    margin: 0;
    opacity: 0;
    padding: 0;
    pointer-events: all;
    position: absolute;
    width: 100%
}

.olx-chip__native:disabled {
    cursor: not-allowed
}

.olx-chip:focus-visible,
input:focus-visible+.olx-chip__content {
    border-radius: var(--border-radius-sm);
    outline: var(--color-neutral-130) solid var(--border-width-thin);
    outline-offset: var(--border-width-thin);
    transition: outline 0ms, outline-offset 0ms
}

.olx-chip__content--checked,
input:checked+.olx-chip__content {
    background-color: var(--color-secondary-70);
    border: 1px solid var(--color-secondary-130);
    color: var(--color-secondary-130)
}

.olx-chip__content:hover:not(.olx-chip__content--disabled) {
    border: var(--border-width-hairline) solid var(--color-neutral-130)
}

.olx-chip__content:active:not(.olx-chip__content--disabled),
input:active:not(:disabled)+.olx-chip__content {
    transform: scale(.96);
    transition: all var(--transition-duration-1) var(--transition-timing-ease-in) 0ms, outline 0ms, outline-offset 0ms
}

input:hover:not(:disabled)+.olx-chip__content {
    border: var(--border-width-hairline) solid var(--color-neutral-130)
}

.olx-chip:focus {
    outline: none
}

.olx-chip__content--disabled {
    background: var(--color-neutral-80);
    border: var(--border-width-hairline) solid var(--color-neutral-80);
    color: var(--color-neutral-100);
    cursor: not-allowed
}

.olx-chip svg {
    max-height: 16px;
    max-width: 16px;
    min-height: 16px;
    min-width: 16px
}

.olx-text-input__input-container {
    align-items: center;
    background-color: var(--textinput-background-color-base);
    border: none;
    border-radius: var(--border-radius-xs);
    box-shadow: 0 0 0 var(--border-width-hairline) var(--textinput-border-color-empty);
    color: var(--textinput-color-font);
    display: inline-flex;
    position: relative;
    width: 100%;
    z-index: var(--z-index-1-default, 1)
}

.olx-text-input__input-container:focus-within {
    outline: var(--border-width-thin) solid var(--textinput-border-color-focus)
}

.olx-text-input__input-container:hover {
    box-shadow: 0 0 0 var(--border-width-thin) var(--textinput-border-color-empty-hover)
}

.olx-text-input__input-container--hascontent {
    box-shadow: 0 0 0 var(--border-width-hairline) var(--textinput-border-color-filled)
}

.olx-text-input__input-container--hascontent:hover {
    box-shadow: 0 0 0 var(--border-width-thin) var(--textinput-border-color-hover)
}

.olx-text-input__input-container--medium {
    border-radius: var(--border-radius-sm)
}

.olx-text-input__input-container--error {
    background-color: var(--textinput-background-color-error);
    box-shadow: 0 0 0 var(--border-width-hairline) var(--textinput-border-color-error)
}

.olx-text-input__input-container--error:hover {
    box-shadow: 0 0 0 var(--border-width-thin) var(--textinput-border-color-error)
}

.olx-text-input__input-container--success {
    background-color: var(--textinput-background-color-success);
    box-shadow: 0 0 0 var(--border-width-hairline) var(--textinput-border-color-success)
}

.olx-text-input__input-container--success:hover {
    box-shadow: 0 0 0 var(--border-width-thin) var(--textinput-border-color-success)
}

.olx-text-input__input-container--disabled {
    background-color: var(--textinput-background-color-disabled);
    box-shadow: 0 0 0 var(--border-width-hairline) var(--textinput-border-color-disabled);
    color: var(--textinput-color-disabled);
    cursor: not-allowed
}

.olx-text-input__input-container--disabled:hover {
    box-shadow: none
}

.olx-text-input__input-field {
    background-color: inherit;
    border: none;
    border-radius: var(--border-radius-xs);
    color: var(--color-neutral-130);
    font-family: var(--font-family);
    font-size: var(--font-size-xxs);
    font-weight: var(--font-weight-regular);
    outline: none;
    padding: var(--spacing-0-5) var(--spacing-1);
    position: relative;
    width: 100%
}

.olx-text-input__input-field--medium {
    border-radius: var(--border-radius-sm);
    font-size: var(--font-size-xs);
    line-height: var(--font-lineheight-distant);
    padding: var(--spacing-1-5) var(--spacing-2)
}

.olx-text-input__input-field::placeholder {
    color: var(--textinput-color-placeholder)
}

.olx-text-input__input-field :disabled {
    cursor: not-allowed
}

.olx-text-input__input-field ::-webkit-inner-spin-button,
.olx-text-input__input-field ::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none
}

.olx-text-input__input-field[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.olx-text-input__input-field--disabled {
    cursor: not-allowed
}

.olx-text-input__button-password {
    align-items: center;
    background-color: transparent;
    border: none;
    color: var(--color-neutral-130);
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: center;
    width: 44px;
    z-index: var(--z-index-1-default)
}

.olx-text-input__button-password svg {
    height: 24px;
    width: 24px
}

.olx-text-input__button-password:focus {
    outline: none
}

.olx-text-input__button-password:focus-visible {
    border-radius: var(--border-radius-xs);
    outline: var(--border-width-thin) solid var(--color-neutral-130)
}

.olx-text-input__icon-wrapper {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    min-height: 16px;
    min-width: 16px
}

.olx-text-input__icon-wrapper .olx-spinner {
    align-items: center;
    display: flex;
    justify-content: center
}

.olx-text-input__icon-wrapper svg {
    fill: var(--textinput-icon-color);
    height: 16px;
    width: 16px
}

.olx-text-input__icon-wrapper[data-size=medium] {
    min-height: 24px;
    min-width: 24px
}

.olx-text-input__icon-wrapper[data-size=medium] svg {
    height: 24px;
    width: 24px
}

.olx-text-input__icon-wrapper[data-position=left] {
    margin-left: var(--spacing-1)
}

.olx-text-input__icon-wrapper[data-position=left][data-size=medium] {
    margin-left: var(--spacing-2)
}

.olx-text-input__icon-wrapper[data-position=right] {
    margin-right: var(--spacing-1)
}

.olx-text-input__icon-wrapper[data-position=right][data-size=medium] {
    margin-right: var(--spacing-2)
}

.olx-text-input__icon-wrapper[data-position=right][data-type=password] {
    margin-right: var(--spacing-1)
}

.olx-text-input__limit-text {
    color: var(--color-neutral-120);
    font-size: var(--font-size-xxxs);
    font-weight: var(--font-weight-regular);
    line-height: var(--font-lineheight-medium);
    margin-left: auto
}

.olx-container {
    background-color: var(--container-background-color);
    border-radius: var(--border-radius-sm);
    overflow: hidden;
    padding: var(--spacing-2)
}

.olx-container--outlined {
    border: var(--border-width-hairline) solid var(--container-border-color-outlined)
}

.olx-container--elevated {
    box-shadow: var(--shadow-level-3)
}

.olx-textarea {
    color: var(--color-neutral-130);
    position: relative
}

.olx-textarea__content {
    background-color: var(--textinput-background-color-base);
    border: none;
    border-radius: var(--border-radius-sm);
    box-shadow: 0 0 0 var(--border-width-hairline) var(--textinput-border-color-empty);
    color: var(--textinput-color-font);
    display: inline-flex;
    padding: var(--spacing-1-5) var(--spacing-2);
    width: 100%
}

.olx-textarea__content:hover {
    box-shadow: 0 0 0 var(--border-width-thin) var(--textinput-border-color-hover)
}

.olx-textarea__content:focus-within {
    outline: var(--border-width-thin) solid var(--color-secondary-100)
}

.olx-textarea__content--hascontent {
    box-shadow: 0 0 0 var(--border-width-hairline) var(--textinput-border-color-filled)
}

.olx-textarea__content--success {
    background-color: var(--textinput-background-color-success);
    box-shadow: 0 0 0 var(--border-width-hairline) var(--textinput-border-color-success)
}

.olx-textarea__content--success:hover {
    box-shadow: 0 0 0 var(--border-width-thin) var(--textinput-border-color-success)
}

.olx-textarea__content--success:focus-within {
    outline: var(--border-width-thin) solid var(--textinput-border-color-success)
}

.olx-textarea__content--error {
    background-color: var(--textinput-background-color-error);
    box-shadow: 0 0 0 var(--border-width-hairline) var(--textinput-border-color-error)
}

.olx-textarea__content--error:hover {
    box-shadow: 0 0 0 var(--border-width-thin) var(--textinput-border-color-error)
}

.olx-textarea__content--error:focus-within {
    outline: var(--border-width-thin) solid var(--textinput-border-color-error)
}

.olx-textarea__content--disabled {
    background-color: var(--textinput-background-color-disabled);
    box-shadow: 0 0 0 var(--border-width-hairline) var(--textinput-border-color-disabled);
    cursor: not-allowed
}

.olx-textarea__content--disabled:hover {
    box-shadow: 0 0 0 var(--border-width-thin) transparent
}

.olx-textarea__content--disabled:focus-within {
    outline: var(--border-width-thin) solid transparent
}

.olx-textarea__content ::placeholder {
    color: var(--textinput-color-placeholder)
}

.olx-textarea__field {
    background-color: inherit;
    border: none;
    color: var(--textinput-color-font);
    font-family: var(--font-family);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-regular);
    height: 72px;
    line-height: var(--font-lineheight-distant);
    outline: none;
    padding: 0;
    resize: none;
    width: 100%
}

.olx-textarea__field--autosize {
    height: var(--spacing-3)
}

.olx-textarea__field :disabled {
    background-color: var(--textinput-background-color-disabled);
    color: var(--textinput-color-font-disabled);
    cursor: not-allowed
}

.olx-textarea__field ::-webkit-inner-spin-button,
.olx-textarea__field ::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none
}

.olx-textarea__icon-wrapper {
    align-items: center;
    display: inline-flex;
    height: 24px;
    justify-content: center;
    max-height: 24px;
    max-width: 24px;
    min-height: 24px;
    min-width: 24px;
    position: absolute;
    right: var(--spacing-1);
    width: 24px
}

.olx-textarea__icon-wrapper svg {
    fill: var(--textinput-icon-color);
    height: 100%;
    width: 100%
}

.olx-textarea__limit-text {
    color: var(--color-neutral-120);
    font-size: var(--font-size-xxxs);
    font-weight: var(--font-weight-regular);
    line-height: var(--font-lineheight-medium);
    margin-left: auto;
    padding-left: var(--spacing-1)
}

.olx-checkbox__input-stylized {
    align-items: center;
    background-color: var(--checkbox-background-color-general);
    border-color: var(--checkbox-border-color-general);
    border-radius: var(--border-radius-xxs);
    border-style: solid;
    border-width: var(--border-width-hairline);
    color: var(--checkbox-color-icon);
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.olx-checkbox {
    --checkbox-background-color-general: transparent;
    --checkbox-border-color-general: var(--checkbox-border-color-base);
    align-items: center;
    border-radius: var(--border-radius-xxs);
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    outline: none;
    width: -moz-fit-content;
    width: fit-content
}

.olx-checkbox:active:not([aria-disabled=true]) .olx-checkbox__input-stylized {
    transform: scale(.92)
}

.olx-checkbox:hover {
    --checkbox-background-color-general: var(--checkbox-border-color-hover)
}

.olx-checkbox--checked {
    --checkbox-background-color-general: var(--checkbox-background-color-checked);
    --checkbox-border-color-general: transparent
}

.olx-checkbox--checked:hover {
    --checkbox-background-color-general: var(--checkbox-background-color-checked-hover);
    --checkbox-border-color-general: transparent
}

.olx-checkbox--checked-error,
.olx-checkbox--checked-error:hover {
    --checkbox-background-color-general: var(--checkbox-background-color-error)
}

.olx-checkbox--error,
.olx-checkbox--error:hover {
    --checkbox-border-color-general: var(--checkbox-border-color-error)
}

.olx-checkbox--error:hover,
.olx-checkbox[aria-disabled=true] {
    --checkbox-background-color-general: transparent
}

.olx-checkbox[aria-disabled=true] {
    --checkbox-border-color-general: var(--checkbox-border-color-base);
    cursor: not-allowed;
    opacity: var(--opacity-medium)
}

.olx-checkbox__input-wrapper {
    align-items: center;
    align-self: flex-start;
    border-radius: var(--border-radius-xs);
    display: flex;
    height: 24px;
    justify-content: center;
    padding: var(--spacing-0-25);
    width: 24px
}

.olx-checkbox__input-wrapper--small {
    height: 20px;
    width: 20px
}

.olx-checkbox__input-wrapper:focus-within {
    outline: var(--color-neutral-130) solid var(--border-width-thin)
}

.olx-checkbox__label-wrapper {
    margin-left: var(--spacing-1)
}

.olx-checkbox__label-wrapper--small {
    margin-left: var(--spacing-0-5)
}

.olx-checkbox__label {
    flex: 1 1
}

.olx-checkbox__native-input {
    height: 1px;
    opacity: 0;
    position: absolute;
    width: 1px
}

.olx-checkbox__error-message {
    -moz-column-gap: 4px;
    grid-column-gap: 4px;
    column-gap: 4px;
    display: grid;
    grid-template-columns: 16px auto;
    margin-top: var(--spacing-0-5)
}

.olx-checkbox__error-message,
.olx-checkbox__error-message p {
    color: var(--color-feedback-error-100)
}

.olx-checkbox__error-message--disabled,
.olx-checkbox__error-message--disabled p {
    color: var(--color-neutral-130);
    opacity: var(--opacity-medium)
}

.olx-radio__stylized {
    align-items: center;
    border-color: var(--radio-border-color-general);
    border-radius: var(--border-radius-pill);
    border-style: solid;
    border-width: var(--border-width-hairline);
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.olx-radio__stylized:after {
    background-color: var(--radio-background-color-general);
    border-color: green;
    border-radius: var(--border-radius-pill);
    content: "";
    height: 12px;
    width: 12px
}

.olx-radio {
    --radio-background-color-general: transparent;
    --radio-border-color-general: var(--radio-border-color-base);
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    outline: none;
    width: -moz-fit-content;
    width: fit-content
}

.olx-radio:active:not([aria-disabled=true]) .olx-radio__stylized {
    transform: scale(.92)
}

.olx-radio--outline {
    border-color: var(--radio-border-color-general);
    border-radius: var(--border-radius-sm);
    border-style: solid;
    border-width: var(--border-width-hairline);
    padding: var(--spacing-1) var(--spacing-2)
}

.olx-radio:hover {
    --radio-border-color-general: var(--radio-border-color-hover)
}

.olx-radio--checked {
    --radio-background-color-general: var(--radio-background-color-checked);
    --radio-border-color-general: var(--radio-border-color-checked)
}

.olx-radio--checked:hover {
    --radio-background-color-general: var(--radio-background-color-checked-hover);
    --radio-border-color-general: var(--radio-border-color-checked-hover)
}

.olx-radio--checked-error,
.olx-radio--checked-error:hover {
    --radio-background-color-general: var(--radio-background-color-error)
}

.olx-radio--error,
.olx-radio--error:hover {
    --radio-border-color-general: var(--radio-border-color-error)
}

.olx-radio[aria-disabled=true] {
    --radio-background-color-general: transparent;
    --radio-border-color-general: var(--radio-border-color-base);
    cursor: not-allowed;
    opacity: var(--opacity-medium)
}

.olx-radio__content-wrapper {
    display: flex;
    flex-direction: column;
    width: -moz-fit-content;
    width: fit-content
}

.olx-radio__content {
    display: flex
}

.olx-radio__input-wrapper {
    border-radius: var(--border-radius-pill);
    height: 24px;
    max-height: 24px;
    max-width: 24px;
    min-height: 24px;
    min-width: 24px;
    padding: var(--spacing-0-25);
    position: relative;
    width: 24px
}

.olx-radio__input-wrapper:focus-within {
    outline: var(--color-neutral-130) solid var(--border-width-thin)
}

.olx-radio__native {
    height: 1px;
    opacity: 0;
    position: absolute;
    width: 1px
}

.olx-radio__custom-icon {
    color: var(--color-secondary-130);
    display: flex;
    margin-left: var(--spacing-1)
}

.olx-radio__custom-icon--checked svg {
    color: var(--color-secondary-100)
}

.olx-radio__error-message {
    align-items: center;
    color: var(--color-feedback-error-100);
    column-gap: 4px;
    display: flex;
    margin-top: var(--spacing-0-5)
}

.olx-radio__label-wrapper {
    margin-left: var(--spacing-1)
}

.olx-radio__label-text {
    color: var(--radio-font-color)
}

.olx-radio__label-text--checked {
    color: var(--color-secondary-100)
}

.olx-radio__label-text--checked:hover {
    color: var(--color-secondary-120)
}

.olx-help-text {
    align-items: center;
    color: var(--color-neutral-130);
    display: inline-flex;
    font-size: var(--font-size-xxxs);
    justify-content: flex-start
}

.olx-help-text--error {
    color: var(--color-feedback-error-100)
}

.olx-help-text__icon {
    height: 16px;
    margin-right: var(--spacing-0-5);
    width: 16px
}

.olx-divider {
    background-color: var(--divider-default-background-color);
    border: none;
    height: 1px;
    margin: 0
}

.olx-divider--inverted {
    background-color: var(--divider-inverted-background-color)
}

.olx-visually-hidden {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.olx-visually-hidden:focus {
    clip: auto;
    height: auto;
    overflow: auto;
    position: absolute;
    width: auto
}

.olx-dropdown__wrapper {
    --height: 28px;
    height: var(--height);
    position: relative;
    width: 100%
}

.olx-dropdown__wrapper--medium {
    --height: 48px
}

.olx-dropdown__native {
    --font-size: var(--font-size-xxs);
    --pading: var(--spacing-0-5) var(--spacing-1);
    --pading-right: var(--spacing-4);
    --border-radius: var(--border-radius-xs);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--dropdown-background-color-base);
    border: none;
    border-radius: var(--border-radius);
    box-shadow: 0 0 0 var(--border-width-hairline) var(--dropdown-border-color-base);
    color: var(--dropdown-color-font-base);
    cursor: pointer;
    font-family: var(--font-family);
    font-size: var(--font-size);
    height: 100%;
    outline: none;
    padding: var(--pading);
    padding-right: var(--pading-right);
    width: 100%
}

.olx-dropdown__native--medium {
    --font-size: var(--font-size-xs);
    --pading: var(--spacing-1-5) var(--spacing-2);
    --pading-right: var(--spacing-6);
    --border-radius: var(--border-radius-sm)
}

.olx-dropdown__native option {
    background-color: var(--color-neutral-70)
}

.olx-dropdown__native--icon-left {
    padding-left: calc(var(--spacing-1)*2 + 16px)
}

.olx-dropdown__native--icon-left--medium {
    padding-left: calc(var(--spacing-1)*2 + 24px)
}

.olx-dropdown__native--selected {
    box-shadow: 0 0 0 var(--border-width-hairline) var(--dropdown-border-color-selected);
    color: var(--dropdown-color-font-selected)
}

.olx-dropdown__native--error {
    background-color: var(--dropdown-background-color-error);
    box-shadow: 0 0 0 var(--border-width-hairline) var(--dropdown-border-color-error)
}

.olx-dropdown__native option:not(:first-of-type) {
    color: var(--dropdown-color-font-selected)
}

.olx-dropdown__native:hover {
    box-shadow: 0 0 0 var(--border-width-thin) var(--dropdown-border-color-hover)
}

.olx-dropdown__native:focus {
    outline: var(--border-width-thin) solid var(--dropdown-border-color-focus)
}

.olx-dropdown__native:disabled {
    background-color: var(--dropdown-background-color-disabled);
    box-shadow: 0 0 0 var(--border-width-hairline) var(--dropdown-border-color-disabled);
    color: var(--dropdown-color-font-disabled);
    cursor: not-allowed
}

.olx-dropdown__icon-wrapper {
    --color: var(--dropdown-color-font-base);
    --size: 16px;
    --left-position: 8px;
    align-items: center;
    color: var(--color);
    display: inline-flex;
    height: var(--size);
    justify-content: center;
    left: var(--left-position);
    max-height: var(--size);
    max-width: var(--size);
    min-height: var(--size);
    min-width: var(--size);
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: var(--size)
}

.olx-dropdown__icon-wrapper--selected {
    --color: var(--dropdown-color-font-selected)
}

.olx-dropdown__icon-wrapper--medium {
    --size: 24px;
    --left-position: 12px
}

.olx-dropdown__icon-wrapper svg {
    fill: var(--color);
    height: 100%;
    width: 100%
}

.olx-dropdown__loading-icon {
    --right-position: 10px;
    --top-position: 6px;
    pointer-events: none;
    position: absolute;
    right: var(--right-position);
    top: var(--top-position)
}

.olx-dropdown__loading-icon--medium {
    --right-position: 16px;
    --top-position: 16px
}

.olx-dropdown__chevron-icon {
    --right-position: 8px;
    --color: var(--dropdown-icon-color-base);
    color: var(--color);
    pointer-events: none;
    position: absolute;
    right: var(--right-position);
    top: 50%;
    transform: translateY(-50%)
}

.olx-dropdown__chevron-icon--medium {
    --right-position: 16px
}

.olx-dropdown__chevron-icon--disabled {
    --color: var(--dropdown-icon-color-disabled)
}

.olx-overflow {
    background-color: var(--color-neutral-70);
    border-radius: var(--border-radius-sm);
    box-shadow: var(--shadow-level-6);
    z-index: var(--z-index-700-overlay)
}

.olx-skeleton {
    animation-duration: var(--transition-duration-5);
    animation-iteration-count: infinite;
    animation-name: skeleton-loading;
    animation-timing-function: var(--transition-timing-ease);
    height: var(--height);
    width: var(--width)
}

@keyframes skeleton-loading {
    0% {
        background: var(--skeleton-background-0)
    }
    20% {
        background: var(--skeleton-background-20)
    }
    40% {
        background: var(--skeleton-background-40)
    }
    60% {
        background: var(--skeleton-background-60)
    }
    80% {
        background: var(--skeleton-background-80)
    }
    to {
        background: var(--skeleton-background-100)
    }
}

.olx-accordion {
    background-color: var(--bg-color);
    display: flex;
    flex-direction: column;
    width: 100%
}

.olx-accordion--bordered {
    border: var(--border-width-hairline) solid var(--container-border-color-outlined);
    border-radius: var(--border-radius-sm)
}

.olx-accordion__button {
    align-items: center;
    background-color: var(--bg-color);
    border-radius: var(--border-radius-xs) 0 0;
    border-width: var(--border-width-none);
    color: var(--text-color);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    gap: var(--spacing-1-5);
    outline: none;
    padding: var(--spacing-1-5)
}

@media screen and (min-width:840px) {
    .olx-accordion__button {
        gap: var(--spacing-2);
        padding: var(--spacing-2)
    }
}

.olx-accordion__button--bordered {
    border-radius: var(--border-radius-sm)
}

.olx-accordion__button:disabled {
    background-color: var(--color-neutral-80)
}

.olx-accordion__button:disabled * {
    fill: currentcolor;
    color: var(--color-neutral-100);
    cursor: not-allowed
}

.olx-accordion__button:focus {
    outline: none
}

.olx-accordion__button:focus-visible {
    border-radius: var(--border-radius-xs);
    outline: var(--border-width-thin) solid var(--color-neutral-130);
    outline-offset: var(--border-width-thin);
    position: relative
}

.olx-accordion__button:hover:not(:disabled) {
    background-color: var(--color-neutral-80)
}

.olx-accordion__button-text {
    text-align: left;
    width: 100%
}

.olx-accordion__icon {
    height: 24px;
    width: 24px
}

.olx-accordion__content-wrapper {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: grid-template-rows var(--transition-duration-3) var(--transition-timing-ease-in-out)
}

.olx-accordion__content-wrapper>div {
    min-height: 0;
    transition: visibility var(--transition-duration-3) var(--transition-timing-ease-in-out);
    visibility: hidden
}

.olx-accordion__content-wrapper--show {
    grid-template-rows: 1fr
}

.olx-accordion__content-wrapper--show>div {
    visibility: visible
}

.olx-accordion__content {
    color: var(--color-neutral-130);
    font-size: var(--font-size-xs);
    margin: var(--spacing-1-5)
}

@media screen and (min-width:840px) {
    .olx-accordion__content {
        margin: var(--spacing-2)
    }
}

.olx-arrow-button {
    --background-color: var(--color-neutral-130);
    --svg-color: var(--color-neutral-70);
    --hover-background-color: var(--color-neutral-130);
    --hover-svg-color: var(--color-neutral-70);
    --focus-background-color: var(--color-neutral-130);
    --focus-svg-color: var(--color-neutral-70);
    --disabled-background-color: var(--color-neutral-110);
    --disabled-svg-color: var(--color-neutral-120);
    --opacity: 0.8;
    align-items: center;
    background-color: var(--background-color);
    border: none;
    border-radius: var(--border-radius);
    cursor: pointer;
    display: inline-flex;
    height: var(--height);
    justify-content: center;
    min-height: var(--min-height);
    min-width: var(--min-width);
    opacity: var(--opacity);
    padding: 0;
    width: var(--width)
}

.olx-arrow-button--inverted {
    --background-color: var(--color-neutral-70);
    --svg-color: var(--color-neutral-130);
    --hover-background-color: var(--color-neutral-90);
    --hover-svg-color: var(--color-secondary-100);
    --focus-background-color: var(--color-neutral-90);
    --focus-svg-color: var(--color-secondary-100);
    --disabled-background-color: var(--color-neutral-90);
    --disabled-svg-color: var(--color-neutral-110);
    --opacity: 1
}

.olx-arrow-button--left {
    --border-radius: 0px 4px 4px 0px
}

.olx-arrow-button--right {
    --border-radius: 4px 0px 0px 4px
}

.olx-arrow-button--up {
    --border-radius: 0px 0px 4px 4px
}

.olx-arrow-button--down {
    --border-radius: 4px 4px 0px 0px
}

@media only screen and (hover:none) and (pointer:coarse) {
    .olx-arrow-button--expand-clickable-area:after {
        content: "";
        height: 80px;
        position: absolute;
        width: 60px
    }
}

.olx-arrow-button--expand-clickable-area--right:after {
    right: 0
}

.olx-arrow-button--expand-clickable-area--left:after {
    left: 0
}

.olx-arrow-button svg {
    color: var(--svg-color);
    transform: rotate(var(--rotation))
}

.olx-arrow-button:hover {
    background-color: var(--hover-background-color);
    opacity: 1
}

.olx-arrow-button:hover svg {
    color: var(--hover-svg-color)
}

.olx-arrow-button:focus {
    background-color: var(--focus-background-color);
    opacity: 1;
    outline: 2px solid var(--color-neutral-130);
    outline-offset: 2px
}

.olx-arrow-button:focus svg {
    color: var(--focus-svg-color)
}

.olx-arrow-button:disabled {
    background-color: var(--disabled-background-color);
    cursor: default;
    pointer-events: none
}

.olx-arrow-button:disabled svg {
    color: var(--disabled-svg-color)
}

.olx-ad-media-counter {
    align-items: center;
    background: var(--color-neutral-130);
    border-radius: 4px;
    display: inline-flex;
    flex-direction: row;
    gap: 10px;
    height: 24px;
    justify-content: flex-end;
    opacity: .8;
    padding: 4px 8px
}

.olx-ad-media-counter div {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 4px;
    height: 16px;
    padding: 0
}

.olx-ad-media-counter div span,
.olx-ad-media-counter div svg {
    color: var(--color-neutral-70);
    height: 16px;
    width: 16px
}

.olx-ad-media-counter div span {
    display: contents;
    font-family: Nunito Sans, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px
}

.olx-ad-card-image-carousel {
    height: 100%;
    padding: 0;
    position: relative;
    width: 100%
}

.olx-ad-card-image-carousel span {
    height: 24px;
    left: 8px;
    position: absolute;
    top: 8px
}

@media screen and (min-width:566px) {
    .olx-ad-card-image-carousel span {
        left: 16px;
        top: 16px
    }
}

.olx-ad-card-image-carousel__items {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    margin: 0;
    overflow: scroll hidden;
    padding: 0;
    scroll-snap-type: x mandatory;
    scrollbar-width: none
}

.olx-ad-card-image-carousel__items::-webkit-scrollbar {
    display: none
}

.olx-ad-card-image-carousel__item {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    list-style: none;
    margin: 0;
    min-width: 100%;
    overflow: hidden;
    padding: 0;
    scroll-snap-align: start;
    scroll-snap-stop: always
}

.olx-ad-card-image-carousel__item img,
.olx-ad-card-image-carousel__item picture {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.olx-ad-card-image-carousel__left-button-wrapper {
    left: 0
}

.olx-ad-card-image-carousel__left-button-wrapper,
.olx-ad-card-image-carousel__right-button-wrapper {
    display: flex;
    height: 48px;
    position: absolute;
    top: calc(50% - 24px);
    width: 28px;
    z-index: var(--z-index-300-sticky)
}

.olx-ad-card-image-carousel__right-button-wrapper {
    right: 0
}

.olx-ad-card-image-carousel__media-counter {
    bottom: 6px;
    position: absolute;
    right: 8px
}

.olx-image-carousel {
    height: 100%;
    padding: 0;
    position: relative;
    width: 100%
}

.olx-image-carousel>span {
    height: 24px;
    left: 8px;
    max-width: calc(100% - 16px);
    position: absolute;
    top: 8px;
    z-index: var(--z-index-100-masked)
}

.olx-image-carousel span {
    display: block;
    text-overflow: ellipsis
}

@media screen and (min-width:566px) {
    .olx-image-carousel>span {
        left: 16px;
        top: 16px
    }
}

.olx-image-carousel__items {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    margin: 0;
    overflow: scroll hidden;
    padding: 0;
    scroll-snap-type: x mandatory;
    scrollbar-width: none
}

.olx-image-carousel__items::-webkit-scrollbar {
    display: none
}

.olx-image-carousel__blur {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(32px);
    left: 0;
    position: absolute;
    top: 0
}

.olx-image-carousel__item {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    list-style: none;
    margin: 0;
    min-width: 100%;
    overflow: hidden;
    padding: 0;
    position: relative;
    scroll-snap-align: start;
    scroll-snap-stop: always
}

.olx-image-carousel__item-next {
    animation: blur-and-fade .2s ease-in
}

@keyframes blur-and-fade {
    0% {
        filter: blur(4px);
        opacity: 0
    }
    to {
        filter: blur(0);
        opacity: 1
    }
}

.olx-image-carousel__item * {
    height: 100%;
    width: 100%
}

.olx-image-carousel__item img,
.olx-image-carousel__item picture {
    display: block;
    object-fit: cover
}

.olx-image-carousel__item picture.olx-image-carousel__blur-image {
    z-index: var(--z-index-1-default)
}

.olx-image-carousel__item picture.olx-image-carousel__blur-image img {
    background-color: transparent;
    object-fit: contain;
    z-index: var(--z-index-1-default)
}

.olx-image-carousel__left-button {
    left: 0
}

.olx-image-carousel__left-button,
.olx-image-carousel__right-button {
    display: flex;
    height: 48px;
    position: absolute;
    top: calc(50% - 24px);
    width: 28px;
    z-index: var(--z-index-100-masked)
}

.olx-image-carousel__right-button {
    right: 0
}

.olx-image-carousel__counter-wrapper {
    bottom: 6px;
    position: absolute;
    right: 8px;
    z-index: var(--z-index-1-default)
}

.olx-image-carousel__content-overlay {
    align-items: center;
    background-color: var(--color-neutral-130);
    display: flex;
    height: 100%;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity var(--transition-timing-ease) var(--transition-duration-normal);
    width: 100%
}

.olx-image-carousel__content-overlay--active {
    opacity: var(--opacity-semiopaque);
    pointer-events: all
}

.olx-image-carousel__content-overlay span {
    left: 0;
    line-height: 50%;
    position: relative;
    top: 0
}

.olx-media-counter {
    align-items: center;
    background: var(--color-neutral-130);
    border-radius: 4px;
    display: inline-flex;
    flex-direction: row;
    gap: 10px;
    height: 24px;
    justify-content: flex-end;
    opacity: .8;
    padding: 4px 8px
}

.olx-media-counter div {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 4px;
    height: 16px;
    padding: 0
}

.olx-media-counter div span,
.olx-media-counter div svg {
    color: var(--color-neutral-70);
    height: 16px;
    width: 16px
}

.olx-media-counter div span {
    display: contents;
    font-family: Nunito Sans, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px
}

.olx-ad-card {
    background: var(--color-neutral-70);
    border: 1px solid var(--color-neutral-90);
    border-radius: var(--border-radius-sm);
    cursor: pointer;
    position: relative;
    transition: box-shadow var(--transition-duration-2) var(--transition-timing-ease)
}

.olx-ad-card picture img {
    transition: scale var(--transition-duration-5) var(--transition-timing-ease)
}

.olx-ad-card:hover {
    box-shadow: var(--shadow-level-6)
}

.olx-ad-card:hover picture img {
    scale: 1.1
}

.olx-ad-card--horizontal {
    display: flex;
    height: 176px;
    max-width: 1016px;
    width: 100%
}

@media screen and (min-width:566px) {
    .olx-ad-card--horizontal {
        height: 240px
    }
}

.olx-ad-card--horizontal .olx-image-carousel {
    border-bottom-left-radius: var(--border-radius-sm);
    border-right: 0;
    border-top-left-radius: var(--border-radius-sm);
    height: 100%;
    overflow: hidden;
    width: 33%
}

@media screen and (min-width:566px) {
    .olx-ad-card--horizontal .olx-image-carousel {
        max-width: 360px;
        width: 39%
    }
}

.olx-ad-card--vertical {
    display: flex;
    flex-direction: column;
    max-width: 400px;
    min-height: 100%;
    min-width: 180px;
    width: 100%
}

.olx-ad-card--vertical .olx-image-carousel {
    border-bottom: 0;
    border-top-left-radius: var(--border-radius-sm);
    border-top-right-radius: var(--border-radius-sm);
    height: 180px;
    overflow: hidden;
    width: 100%
}

@media screen and (max-width:418px) {
    .olx-ad-card--vertical-slim {
        max-width: 195px;
        min-width: 135px
    }
}

.olx-ad-card--highlight {
    background-color: var(--color-neutral-80)
}

.olx-ad-card__link-wrapper {
    display: block;
    height: 100%;
    outline: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: var(--z-index-1-default)
}

.olx-ad-card__link-wrapper:focus {
    border-radius: var(--border-radius-sm);
    outline: var(--border-width-hairline) solid var(--color-neutral-130);
    outline-offset: var(--border-width-hairline)
}

.olx-ad-card__content {
    border-radius: var(--border-radius-sm);
    display: flex;
    flex-direction: column;
    padding: var(--spacing-2)
}

.olx-ad-card__content--horizontal {
    gap: var(--spacing-0-5);
    min-width: 162px;
    width: 67%
}

@media screen and (min-width:566px) {
    .olx-ad-card__content--horizontal {
        min-width: 61%;
        width: calc(100% - 360px)
    }
}

.olx-ad-card__content--vertical {
    --carousel-height: 180px;
    gap: var(--spacing-2);
    height: calc(100% - var(--carousel-height))
}

.olx-ad-card__content--vertical-slim {
    padding: var(--spacing-1)
}

.olx-ad-card__content--highlight {
    background-color: var(--color-neutral-80)
}

.olx-ad-card__top {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

@media screen and (min-width:566px) {
    .olx-ad-card__top {
        flex-direction: row;
        gap: var(--spacing-2)
    }
}

.olx-ad-card__top--vertical {
    flex-direction: column-reverse;
    gap: var(--spacing-2);
    justify-content: flex-end
}

@media screen and (min-width:566px) {
    .olx-ad-card__top--horizontal {
        justify-content: space-between
    }
}

.olx-ad-card__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.olx-ad-card__title--vertical {
    -webkit-line-clamp: 2;
    --two-lines-height: 37px;
    height: var(--two-lines-height)
}

@media screen and (min-width:566px) {
    .olx-ad-card__title--horizontal {
        -webkit-line-clamp: 2;
        font-size: 16px
    }
}

.olx-ad-card__title-link {
    color: inherit;
    text-decoration: none
}

.olx-ad-card__subtitle {
    color: var(--color-neutral-120);
    display: block;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase
}

.olx-ad-card__subtitle--fixed {
    height: 13px
}

.olx-ad-card__labels-items {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: var(--spacing-1);
    margin: 0;
    margin-top: var(--spacing-1);
    overflow: hidden;
    padding: 0;
    position: relative
}

.olx-ad-card__labels-items[data-loading=true] {
    opacity: 0
}

.olx-ad-card__labels-items--fixed {
    height: 26px
}

.olx-ad-card__labels-item {
    list-style: none
}

.olx-ad-card__labels-item[data-visible=false] {
    visibility: hidden
}

.olx-ad-card__labels-item>span {
    align-items: center;
    color: var(--color-neutral-130);
    display: flex;
    font-family: Nunito Sans, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    gap: var(--spacing-0-5);
    white-space: nowrap
}

.olx-ad-card__badges-items {
    display: flex;
    margin: 0;
    margin-top: var(--spacing-1);
    overflow: hidden;
    padding: 0;
    position: relative
}

.olx-ad-card__badges-items[data-loading=true] {
    opacity: 0
}

.olx-ad-card__badges-items--fixed {
    height: 34px
}

.olx-ad-card__badges-item {
    list-style: none
}

.olx-ad-card__badges-item+.olx-ad-card__badges-item {
    padding-left: var(--spacing-1)
}

.olx-ad-card__badges-item>span {
    display: flex;
    white-space: nowrap
}

.olx-ad-card__old-price {
    color: var(--color-neutral-100);
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    width: max-content
}

.olx-ad-card__old-price--horizontal {
    display: none
}

@media screen and (min-width:566px) {
    .olx-ad-card__old-price--horizontal {
        display: block
    }
}

.olx-ad-card__old-price--fixed {
    display: block;
    height: 16px
}

.olx-ad-card__price {
    width: max-content
}

.olx-ad-card__price--mobile {
    margin-top: var(--spacing-0-5)
}

@media screen and (min-width:566px) {
    .olx-ad-card__price--mobile {
        display: none
    }
}

.olx-ad-card__price--fixed {
    display: block;
    height: 27px
}

.olx-ad-card__priceinfo p,
.olx-ad-card__priceinfo span {
    font-size: var(--font-size-xxxs)
}

.olx-ad-card__priceinfo--horizontal {
    display: none;
    margin-top: var(--spacing-1)
}

@media screen and (min-width:566px) {
    .olx-ad-card__priceinfo--horizontal {
        align-items: flex-end;
        display: flex;
        flex-direction: column;
        width: max-content
    }
}

.olx-ad-card__priceinfo-text {
    color: var(--color-neutral-120)
}

.olx-ad-card__details-ads {
    display: flex;
    flex-direction: column
}

.olx-ad-card__details-ads--horizontal {
    left: calc(var(--spacing-0-5)*-1);
    overflow: hidden;
    padding: 0 var(--spacing-0-5);
    position: relative;
    width: 100%
}

.olx-ad-card__details-price--horizontal {
    display: none
}

@media screen and (min-width:566px) {
    .olx-ad-card__details-price--horizontal {
        align-items: flex-end;
        display: flex;
        flex-direction: column
    }
}

.olx-ad-card__bottom {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.olx-ad-card__bottom-content {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.olx-ad-card__bottom-details,
.olx-ad-card__seller-details {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: var(--spacing-0-5);
    padding: 0
}

.olx-ad-card__seller-details--fixed {
    height: 16px
}

.olx-ad-card__professional-text {
    color: var(--color-neutral-110)
}

.olx-ad-card__status {
    color: var(--color-feedback-success-110);
    font-size: 10px;
    line-height: 100%;
    text-transform: uppercase
}

.olx-ad-card__location {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: var(--spacing-0-5);
    margin-right: var(--spacing-6);
    padding: 0
}

.olx-ad-card__location--vertical {
    align-items: flex-start;
    flex-direction: column
}

.olx-ad-card__location svg {
    color: var(--color-neutral-120);
    min-width: 16px
}

.olx-ad-card__location p {
    color: var(--color-neutral-120);
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.olx-ad-card__location-date-container {
    align-items: flex-start;
    display: flex;
    gap: var(--spacing-0-5);
    width: 100%
}

.olx-ad-card__separator {
    color: var(--color-neutral-100)
}

.olx-ad-card__separator--horizontal {
    display: none
}

@media screen and (min-width:566px) {
    .olx-ad-card__separator--horizontal {
        display: block
    }
}

.olx-ad-card__date--horizontal {
    display: none
}

@media screen and (min-width:566px) {
    .olx-ad-card__date--horizontal {
        display: block
    }
}

.olx-ad-card__favorite-container {
    align-items: center;
    bottom: var(--spacing-0-5);
    display: flex;
    flex-direction: row;
    gap: var(--spacing-0-25);
    justify-content: flex-end;
    position: absolute;
    right: var(--spacing-0-5);
    z-index: var(--z-index-100-masked)
}

.olx-ad-card__favorite-container--vertical-slim {
    margin-top: calc(var(--spacing-2)*-1);
    position: inherit
}

.olx-ad-card__badges-favorite-button {
    align-items: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: center;
    width: 44px
}

.olx-ad-card__badges-favorite-button:focus {
    border-radius: var(--border-radius-circle);
    outline: var(--color-neutral-130) solid var(--border-width-thin)
}

.olx-ad-card__icon-heart-filled {
    animation: pulse 1s infinite
}

.olx-ad-card__icon-heart-filled:hover {
    transform: scale(1.5)
}

@keyframes pulse {
    0%,
    20% {
        transform: scale(1)
    }
    30% {
        transform: scale(1.2)
    }
    50% {
        transform: scale(1)
    }
    60% {
        transform: scale(1.1)
    }
    70%,
    to {
        transform: scale(1)
    }
}

.olx-alertbox__link--error {
    color: var(--color-feedback-error-110)
}

.olx-alertbox__link--error:hover {
    color: var(--color-feedback-error-130)
}

.olx-alertbox__link--success {
    color: var(--color-feedback-success-110)
}

.olx-alertbox__link--success:hover {
    color: var(--color-feedback-success-130)
}

.olx-alertbox__link--warning {
    color: var(--color-feedback-attention-110)
}

.olx-alertbox__link--warning:hover {
    color: var(--color-feedback-attention-130)
}

.olx-alertbox__link--info {
    color: var(--color-feedback-info-110)
}

.olx-alertbox__link--info:hover {
    color: var(--color-feedback-info-130)
}

.olx-alertbox {
    --background-color: var(--color-neutral-80);
    --color: var(--color-neutral-130);
    --svg-color: var(--color-neutral-120);
    background-color: var(--background-color);
    border-radius: var(--border-radius-sm);
    color: var(--color);
    display: flex;
    flex-direction: column;
    font-family: var(--font-family);
    padding: var(--spacing-2)
}

.olx-alertbox--error {
    --background-color: var(--color-feedback-error-80);
    --color: var(--color-feedback-error-110);
    --svg-color: var(--color-feedback-error-100)
}

.olx-alertbox--error span {
    color: var(--color-feedback-error-110)
}

.olx-alertbox--success {
    --background-color: var(--color-feedback-success-80);
    --color: var(--color-feedback-success-110);
    --svg-color: var(--color-feedback-success-100)
}

.olx-alertbox--success span {
    color: var(--color-feedback-success-110)
}

.olx-alertbox--attention {
    --background-color: var(--color-feedback-attention-80);
    --color: var(--color-feedback-attention-110);
    --svg-color: var(--color-feedback-attention-100)
}

.olx-alertbox--attention span {
    color: var(--color-feedback-attention-110)
}

.olx-alertbox--warning {
    --background-color: var(--color-feedback-attention-80);
    --color: var(--color-feedback-attention-110);
    --svg-color: var(--color-feedback-attention-100)
}

.olx-alertbox--warning span {
    color: var(--color-feedback-attention-110)
}

.olx-alertbox--information {
    --background-color: var(--color-feedback-info-80);
    --color: var(--color-feedback-info-110);
    --svg-color: var(--color-feedback-info-100)
}

.olx-alertbox--information span {
    color: var(--color-feedback-info-110)
}

.olx-alertbox svg {
    color: var(--svg-color)
}

.olx-alertbox__content-wrapper {
    display: flex
}

.olx-alertbox__time-wrapper {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--spacing-1)
}

.olx-alertbox__time-wrapper p {
    color: inherit
}

.olx-alertbox__icon-wrapper {
    height: 24px;
    width: 24px
}

.olx-alertbox__content {
    display: flex;
    flex-direction: column;
    margin-left: var(--spacing-2)
}

.olx-alertbox__description {
    display: inline;
    font-size: var(--font-size-xxs);
    font-weight: var(--font-weight-regular)
}

.olx-alertbox__description a {
    font-size: var(--font-size-xxs);
    font-weight: var(--font-weight-semibold);
    text-decoration: underline
}

@media screen and (min-width:840px) {
    .olx-alertbox__description,
    .olx-alertbox__description a {
        font-size: var(--font-size-xs)
    }
}

.olx-alertbox__title {
    align-items: center;
    display: flex;
    font-size: var(--font-size-xxs);
    font-weight: var(--font-weight-semibold);
    line-height: 24px;
    word-break: break-word
}

@media screen and (min-width:840px) {
    .olx-alertbox__title {
        font-size: var(--font-size-xs)
    }
}

.olx-avatar {
    background-color: var(--color-neutral-80);
    border-radius: var(--border-radius-circle, 50%)
}

.olx-badge {
    align-items: center;
    background: var(--badge-background-color);
    color: var(--badge-color);
    display: inline-flex;
    font-family: var(--font-family);
    font-weight: var(--font-weight-semibold);
    overflow: hidden;
    white-space: nowrap
}

.olx-badge:not(.olx-badge--no-gap) {
    column-gap: var(--spacing-1)
}

.olx-badge--xsmall {
    padding: 0 var(--spacing-1)
}

.olx-badge--small,
.olx-badge--xsmall {
    border-radius: var(--border-radius-xs);
    font-size: var(--font-size-xxxs)
}

.olx-badge--small {
    padding: var(--spacing-0-5) var(--spacing-1)
}

.olx-badge--medium {
    border-radius: var(--border-radius-sm);
    font-size: var(--font-size-xxs);
    padding: var(--spacing-1) var(--spacing-1-5)
}

.olx-badge--success {
    --badge-background-color: var(--color-feedback-success-80);
    --badge-color: var(--color-feedback-success-120)
}

.olx-badge--info {
    --badge-background-color: var(--color-feedback-info-80);
    --badge-color: var(--color-feedback-info-110)
}

.olx-badge--warning {
    --badge-background-color: var(--color-feedback-attention-80);
    --badge-color: var(--color-feedback-attention-110)
}

.olx-badge--neutral {
    --badge-background-color: var(--color-neutral-80);
    --badge-color: var(--color-neutral-130)
}

.olx-badge--secondary {
    --badge-background-color: var(--color-secondary-70);
    --badge-color: var(--color-secondary-100)
}

.olx-badge--error {
    --badge-background-color: var(--color-feedback-error-80);
    --badge-color: var(--color-feedback-error-110)
}

.olx-badge--gradient {
    --badge-background-color: linear-gradient(266.06deg, #f28000 3.22%, #e22828 38.77%, #6e0ad6 96.78%);
    --badge-color: #eee
}

.olx-badge--white-border {
    outline: 1px solid #eee
}

.olx-badge--pill {
    border-radius: var(--border-radius-pill)
}

.olx-badge svg {
    max-height: 16px;
    max-width: 16px
}

.olx-autocomplete {
    position: relative
}

.olx-autocomplete__action {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    top: 0
}

.olx-autocomplete__list {
    align-items: flex-start;
    background: var(--color-neutral-70);
    border-radius: var(--border-radius-sm);
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    left: 0;
    list-style: none;
    order: 0;
    overflow: auto;
    position: absolute;
    top: 40px;
    width: 100%;
    z-index: var(--z-index-600-dropdown, 600)
}

.olx-autocomplete__list--label {
    top: 72px
}

.olx-autocomplete__list--shadow {
    box-shadow: var(--shadow-level-12)
}

.olx-autocomplete__input--action {
    padding-right: 73px
}

.olx-autocomplete__item {
    width: 100%
}

.olx-breadcrumb__list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.olx-breadcrumb__item {
    align-items: center;
    display: flex;
    padding: var(--spacing-0-5) 0
}

.olx-breadcrumb__item a {
    line-height: 1
}

.olx-breadcrumb__item[data-url=false] {
    padding-left: var(--spacing-0-25)
}

.olx-breadcrumb__item:not(:last-child) {
    margin-right: var(--spacing-0-5)
}

.olx-breadcrumb__arrow {
    color: var(--color-neutral-130);
    height: 16px;
    margin-left: var(--spacing-0-5);
    margin-right: 0;
    pointer-events: none;
    width: 16px
}

.olx-carousel {
    position: relative
}

.olx-carousel__viewport {
    overflow: hidden
}

.olx-carousel__content {
    display: flex
}

.olx-carousel__previous {
    left: -24px
}

.olx-carousel__next {
    right: -24px
}

.olx-carousel__next,
.olx-carousel__previous {
    align-items: center;
    background-color: transparent;
    border: 0;
    border-radius: var(--border-radius-circle);
    color: var(--carousel-arrow-color);
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    outline: 0;
    padding: var(--spacing-0-5);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    z-index: var(--z-index-300-sticky, 300)
}

.olx-carousel__next:hover span,
.olx-carousel__previous:hover span {
    background-color: var(--carousel-arrow-background-color-hover)
}

.olx-carousel__next:focus-visible,
.olx-carousel__previous:focus-visible {
    outline: var(--carousel-focus) solid var(--border-width-thin)
}

.olx-carousel__next--hide-on-mobile,
.olx-carousel__previous--hide-on-mobile {
    display: none
}

@media screen and (min-width:840px) {
    .olx-carousel__next--hide-on-mobile,
    .olx-carousel__previous--hide-on-mobile {
        display: flex
    }
}

.olx-carousel__arrow-icon {
    align-items: center;
    background-color: var(--carousel-arrow-background-color-base);
    border-radius: var(--border-radius-circle);
    box-shadow: var(--shadow-level-2)
}

.olx-carousel__arrow-icon,
.olx-modal {
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.olx-modal {
    align-items: flex-end;
    background-color: rgba(0, 0, 0, .333);
    border: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity var(--transition-timing-ease) var(--transition-duration-3);
    visibility: hidden;
    will-change: transform;
    z-index: var(--z-index-900-modal, 900)
}

.olx-modal[aria-hidden=false] {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

@media screen and (min-width:840px) {
    .olx-modal {
        align-items: center
    }
}

.olx-modal--filter {
    align-items: flex-end;
    transition: opacity .3s ease
}

.olx-modal--filter[aria-hidden=false] {
    align-items: center
}

.olx-modal--filter[data-show=true] {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

@media screen and (max-width:481px) {
    .olx-modal--filter {
        align-items: flex-end
    }
}

.olx-modal__dialog {
    background-color: var(--modal-background-color);
    border-radius: var(--border-radius-md);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    display: flex;
    flex-direction: column;
    max-height: var(--modal-max-height);
    max-width: 100%;
    min-height: 200px;
    opacity: 0;
    padding: var(--spacing-3) var(--spacing-4);
    position: relative;
    transform: translateY(100%) scale(.9);
    transition: all var(--transition-timing-ease) var(--transition-duration-3);
    width: 100%
}

.olx-modal__dialog[data-show=true] {
    opacity: 1;
    transform: translateY(0)
}

@media screen and (min-width:840px) {
    .olx-modal__dialog {
        border-radius: var(--border-radius-md);
        max-width: var(--modal-max-width);
        transform: translateY(10%) scale(.9)
    }
    .olx-modal__dialog[data-show=true] {
        opacity: 1;
        transform: scale(1)
    }
}

.olx-modal__dialog--filter,
.olx-modal__dialog--side-sheet {
    background-color: #fff;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 100%;
    opacity: 0;
    padding: 0;
    position: relative;
    transform: translateX(-100%);
    transition: all .3s ease;
    width: 100%
}

.olx-modal__dialog--filter[data-show=true],
.olx-modal__dialog--side-sheet[data-show=true] {
    opacity: 1;
    transform: translateX(0)
}

.olx-modal__dialog--side-sheet {
    left: 0;
    max-width: 380px;
    position: absolute
}

.olx-modal__content {
    background-color: var(--color-neutral-70);
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden auto
}

.olx-modal__content--filter,
.olx-modal__content--side-sheet {
    padding: var(--spacing-3)
}

@media screen and (max-width:840px) {
    .olx-modal__content--filter,
    .olx-modal__content--side-sheet {
        padding: var(--spacing-2)
    }
}

.olx-modal__content--filter--bottombar,
.olx-modal__content--side-sheet--bottombar {
    padding-bottom: 0
}

.olx-modal__content::-webkit-scrollbar {
    width: 10px
}

.olx-modal__content::-webkit-scrollbar-track {
    background: var(--color-neutral-80);
    border-radius: var(--border-radius-md)
}

.olx-modal__content::-webkit-scrollbar-thumb {
    background: var(--color-neutral-90);
    border-radius: var(--border-radius-md)
}

.olx-modal__content::-webkit-scrollbar-thumb:hover {
    background: var(--color-neutral-110)
}

.olx-modal__close-button {
    align-items: center;
    align-self: flex-end;
    background-color: transparent;
    border: none;
    border-radius: var(--border-radius-pill);
    color: var(--modal-button-color);
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    min-height: 48px;
    width: 48px
}

.olx-modal__close-button:hover {
    background-color: var(--modal-button-background-color-hover)
}

.olx-modal__close-button:focus-visible {
    outline: var(--border-width-thin) solid var(--modal-button-background-color-focus)
}

.olx-modal__topbar {
    border-bottom: 1px solid var(--color-neutral-90);
    box-sizing: border-box;
    display: flex;
    gap: var(--spacing-1);
    justify-content: space-between;
    margin-bottom: 1px;
    padding: var(--spacing-1) var(--spacing-2)
}

.olx-modal__topbar,
.olx-modal__topbar-button {
    align-items: center;
    background-color: var(--color-neutral-70)
}

.olx-modal__topbar-button {
    border: none;
    border-radius: var(--border-radius-circle);
    cursor: pointer;
    display: inline-flex;
    height: 48px;
    justify-content: center;
    outline: none;
    width: 48px
}

.olx-modal__topbar-button:focus {
    border-radius: var(--border-radius-circle);
    outline: var(--border-width-thin) solid var(--color-neutral-130)
}

.olx-modal__bottombar {
    background-color: var(--modal-background-color);
    border-top: 1px solid var(--color-neutral-90);
    bottom: 0;
    margin: 0 -16px;
    padding: var(--spacing-1-5) var(--spacing-2) var(--spacing-2);
    position: -webkit-sticky;
    position: sticky;
    z-index: var(--z-index-1-default)
}

.olx-logo-compra-segura {
    min-height: 12px;
    min-width: 12px
}

.olx-logo-compra-segura path {
    fill: var(--color-secondary-100)
}

.olx-logo-compra-segura--black path {
    fill: var(--color-neutral-130)
}

.olx-logo-olx {
    min-height: 12px;
    min-width: 12px;
    width: 100%
}

.olx-logo-olx--o {
    fill: var(--color-secondary-100)
}

.olx-logo-olx--l {
    fill: var(--color-feedback-success-90)
}

.olx-logo-olx--x {
    fill: var(--color-primary-100)
}

.olx-logo-olx--black path {
    fill: var(--color-neutral-130)
}

.olx-logo-olx--white path,
.olx-logo-olx--white-l .olx-logo-olx--l,
.olx-logo-olx--white-o .olx-logo-olx--o,
.olx-logo-olx--white-x .olx-logo-olx--x {
    fill: var(--color-neutral-70)
}

.dark .olx-logo-olx--o {
    fill: var(--color-neutral-130)
}

.dark .olx-logo-olx--l {
    fill: var(--color-feedback-success-110)
}

.dark .olx-logo-olx--x {
    fill: var(--color-primary-100)
}

.dark .olx-logo-olx--black path {
    fill: var(--color-neutral-130)
}

.dark .olx-logo-olx--white path,
.dark .olx-logo-olx--white-l .dark .olx-logo-olx--l,
.dark .olx-logo-olx--white-o .dark .olx-logo-olx--o,
.dark .olx-logo-olx--white-x .dark .olx-logo-olx--x {
    fill: var(--color-neutral-70)
}

.olx-logo-olx-pay {
    min-height: 12px;
    min-width: 12px
}

.olx-logo-olx-pay--o {
    fill: var(--color-secondary-100)
}

.olx-logo-olx-pay--l {
    fill: var(--color-feedback-success-90)
}

.olx-logo-olx-pay--x {
    fill: var(--color-primary-100)
}

.olx-logo-olx-pay--white path,
.olx-logo-olx-pay--white-l .olx-logo-olx-pay--a,
.olx-logo-olx-pay--white-l .olx-logo-olx-pay--l,
.olx-logo-olx-pay--white-l .olx-logo-olx-pay--p,
.olx-logo-olx-pay--white-l .olx-logo-olx-pay--y,
.olx-logo-olx-pay--white-o .olx-logo-olx-pay--a,
.olx-logo-olx-pay--white-o .olx-logo-olx-pay--o,
.olx-logo-olx-pay--white-o .olx-logo-olx-pay--p,
.olx-logo-olx-pay--white-o .olx-logo-olx-pay--y,
.olx-logo-olx-pay--white-x .olx-logo-olx-pay--a,
.olx-logo-olx-pay--white-x .olx-logo-olx-pay--p,
.olx-logo-olx-pay--white-x .olx-logo-olx-pay--x,
.olx-logo-olx-pay--white-x .olx-logo-olx-pay--y {
    fill: var(--color-neutral-80)
}

.olx-logo-olx-pay--black path {
    fill: var(--color-neutral-130)
}

.olx-logo-olx-pay-plus {
    align-items: flex-start;
    display: flex;
    flex-direction: row
}

.olx-logo-olx-pay-plus__sign {
    color: var(--color-secondary-100);
    font-family: Nunito Sans, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: 16px;
    line-height: 20px;
    margin: 0 6px 0 7px;
    width: 9px
}

.olx-logo-olx-pay-plus__delivery {
    margin-top: 1px
}

.dark .olx-logo-olx-pay-plus__sign {
    color: var(--color-secondary-130)
}

.olx-multiselect {
    display: flex;
    flex-direction: column
}

.olx-multiselect__content {
    border-radius: var(--border-radius-sm);
    box-shadow: 0 0 0 var(--border-width-hairline) var(--dropdown-border-color-base);
    color: var(--dropdown-color-font-base);
    display: flex;
    height: 100%;
    min-height: 48px;
    padding-right: var(--spacing-4);
    position: relative;
    width: 100%
}

.olx-multiselect__content:hover {
    box-shadow: 0 0 0 var(--border-width-thin) var(--dropdown-border-color-hover)
}

.olx-multiselect__content--selected {
    box-shadow: 0 0 0 var(--border-width-hairline) var(--dropdown-border-color-selected);
    color: var(--dropdown-color-font-selected)
}

.olx-multiselect__content--error {
    background-color: var(--dropdown-background-color-error);
    box-shadow: 0 0 0 var(--border-width-hairline) var(--dropdown-border-color-error)
}

.olx-multiselect__content:focus-within {
    outline: var(--border-width-thin) solid var(--dropdown-border-color-focus)
}

.olx-multiselect__content--disabled {
    background-color: var(--color-neutral-80);
    color: var(--color-neutral-100);
    cursor: not-allowed
}

.olx-multiselect__icon-left {
    display: flex;
    left: var(--spacing-2);
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.olx-multiselect__icon-left--open {
    display: none
}

.olx-multiselect__icon-right {
    display: flex;
    pointer-events: none;
    position: absolute;
    right: var(--spacing-2);
    top: 50%;
    transform: translateY(-50%)
}

.olx-multiselect__chips {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    padding: var(--spacing-1);
    width: 100%
}

.olx-multiselect__chips--icon-left {
    padding-left: var(--spacing-6)
}

.olx-multiselect__chips>button {
    z-index: var(--z-index-300-sticky)
}

.olx-multiselect__chips>p {
    margin-left: 8px
}

.olx-multiselect__chips--open {
    gap: var(--spacing-1);
    padding: var(--spacing-0-5) var(--spacing-1)
}

.olx-multiselect__chips--size-max-container {
    -ms-overflow-style: none;
    overflow-y: scroll;
    scrollbar-width: none
}

.olx-multiselect__chips--size-max-container::-webkit-scrollbar {
    display: none
}

.olx-multiselect__button {
    background-color: transparent;
    border: 0;
    border-radius: var(--border-radius-sm);
    color: var(--dropdown-color-font-base);
    cursor: pointer;
    height: 100%;
    min-height: 48px;
    position: absolute;
    text-align: left;
    width: 100%
}

.olx-multiselect__button--icon-left {
    padding-left: calc(var(--spacing-1)*2 + 24px)
}

.olx-multiselect__button:focus {
    outline: var(--border-width-thin) solid var(--dropdown-border-color-focus)
}

.olx-multiselect__options {
    background-color: var(--dropdown-background-color-base);
    border-radius: var(--border-radius-sm);
    box-shadow: var(--shadow-level-6);
    list-style-type: none;
    margin: 0;
    max-height: var(--size-max-overflow);
    overflow-y: auto;
    position: absolute;
    top: calc(100% + 2px);
    width: 100%;
    z-index: var(--z-index-1-default)
}

.olx-multiselect__check-button {
    align-items: center;
    background-color: transparent;
    border: 0;
    border-radius: var(--border-radius-sm);
    color: var(--color-neutral-130);
    cursor: pointer;
    display: flex;
    font-family: Nunito Sans, sans-serif;
    font-size: var(var(--font-size-xs));
    font-weight: var(--font-weight-regular);
    gap: var(--spacing-1);
    line-height: var(--font-lineheight-superdistant);
    padding: var(--spacing-1-5) var(--spacing-2);
    text-align: left;
    width: 100%
}

.olx-multiselect__check-button:disabled {
    cursor: not-allowed;
    opacity: .5
}

.olx-multiselect__check-button:hover {
    background-color: var(--color-neutral-80)
}

.olx-multiselect__check-button:focus {
    outline: var(--color-neutral-130) solid var(--border-width-hairline)
}

.olx-multiselect__check-icon {
    align-items: center;
    border: 1px solid var(--color-neutral-120);
    border-radius: 2px;
    display: flex;
    height: 20px;
    width: 20px
}

.olx-multiselect__check-icon--hidden svg {
    display: none
}

.olx-multiselect__check-icon--visible {
    background-color: var(--color-secondary-100);
    border: none;
    display: flex;
    justify-content: center
}

.olx-multiselect__check-icon--visible svg {
    stroke: #fff;
    stroke-width: 2px;
    color: #fff;
    width: 14px
}

.olx-multiselect__empty-text {
    padding: var(--spacing-1-5) var(--spacing-2)
}

.olx-multiselect__input {
    background-color: transparent;
    border: 0;
    border-radius: var(--border-radius-sm);
    color: var(--color-neutral-130);
    flex: 1 1;
    min-width: 120px;
    outline: 0;
    width: 100%
}

.olx-multiselect__input--selected {
    box-shadow: 0 0 0 var(--border-width-hairline) var(--dropdown-border-color-selected);
    color: var(--dropdown-color-font-selected)
}

.olx-multiselect__input::selection {
    background-color: var(--color-secondary-70);
    color: var(--color-secondary-130)
}

.olx-multiselect__helptext {
    margin-top: var(--spacing-1)
}

.olx-multiselect__helptext:empty {
    display: none
}

.olx-slider {
    display: flex;
    flex-direction: column
}

.olx-slider__content {
    border-radius: var(--border-radius-pill);
    display: inline-flex;
    height: var(--spacing-0-5);
    margin: 10px 0;
    position: relative;
    width: 100%
}

.olx-slider__track {
    background: var(--linear-gradient)
}

.olx-slider__track,
.olx-slider__track--disabled {
    border-radius: var(--border-radius-pill);
    height: 100%;
    position: absolute;
    width: 100%
}

.olx-slider__track--disabled {
    background: linear-gradient(to right, var(--color-neutral-90) 20%, var(--color-neutral-90) 20%, var(--color-neutral-90) 80%, var(--color-neutral-90) 80%)
}

.olx-slider__input {
    --thumb-background: var(--color-neutral-70);
    --thumb-border-color: var(--color-neutral-110);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    height: 100%;
    margin: 0;
    outline: none;
    padding: 0;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.olx-slider__input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: var(--thumb-background);
    border-color: var(--thumb-border-color);
    border-radius: var(--border-radius-circle);
    border-style: solid;
    border-width: var(--border-width-thin);
    cursor: pointer;
    height: 24px;
    pointer-events: all;
    width: 24px
}

.olx-slider__input::-webkit-slider-thumb:active,
.olx-slider__input::-webkit-slider-thumb:hover {
    border-width: var(--border-width-thin)
}

.olx-slider__input::-webkit-slider-thumb:active {
    --thumb-border-color: var(--color-secondary-100)
}

.olx-slider__input::-moz-range-thumb {
    -moz-appearance: none;
    appearance: none;
    background: var(--thumb-background);
    border-color: var(--color-neutral-110);
    border-radius: var(--border-radius-circle);
    border-style: solid;
    border-width: var(--border-width-thin);
    cursor: pointer;
    height: 20px;
    pointer-events: all;
    width: 20px
}

.olx-slider__input::-moz-range-thumb:active,
.olx-slider__input::-moz-range-thumb:hover {
    border-width: var(--border-width-thin)
}

.olx-slider__input::-moz-range-thumb:active {
    --thumb-border-color: var(--color-secondary-100)
}

.olx-slider__input::-ms-thumb {
    appearance: none;
    background: var(--thumb-background);
    border-color: var(--color-neutral-110);
    border-radius: var(--border-radius-circle);
    border-style: solid;
    border-width: var(--border-width-thin);
    cursor: pointer;
    height: 24px;
    pointer-events: all;
    width: 24px
}

.olx-slider__input::-ms-thumb:active,
.olx-slider__input::-ms-thumb:hover {
    border-width: var(--border-width-thin)
}

.olx-slider__input::-ms-thumb:active {
    --thumb-border-color: var(--color-secondary-100)
}

.olx-slider__input--error {
    --thumb-border-color: var(--color-feedback-error-100)
}

.olx-slider__input--error::-webkit-slider-thumb:active {
    --thumb-border-color: var(--color-feedback-error-100)
}

.olx-slider__input--error::-moz-range-thumb:active {
    --thumb-border-color: var(--color-feedback-error-100)
}

.olx-slider__input--error::-ms-thumb:active {
    --thumb-border-color: var(--color-feedback-error-100)
}

.olx-slider__input:disabled {
    --thumb-border-color: var(--color-neutral-90);
    border-width: var(--border-width-thin);
    cursor: not-allowed
}

.olx-slider__input:disabled::-webkit-slider-thumb:active {
    --thumb-border-color: var(--color-neutral-90)
}

.olx-slider__input:disabled::-moz-range-thumb:active {
    --thumb-border-color: var(--color-neutral-90)
}

.olx-slider__input:disabled::-ms-thumb:active {
    --thumb-border-color: var(--color-neutral-90)
}

.olx-slider__overline {
    align-items: center;
    display: flex;
    height: 8px;
    justify-content: space-between;
    width: 100%
}

.olx-slider__helptext {
    margin-top: var(--spacing-1)
}

.olx-tabs {
    flex-direction: column
}

.olx-tabs,
.olx-tabs__tab-button {
    color: var(--color-neutral-130);
    display: flex
}

.olx-tabs__tab-button {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid var(--color-neutral-90);
    column-gap: var(--spacing-1);
    cursor: pointer;
    padding: var(--spacing-1) var(--spacing-2)
}

.olx-tabs__tab-button:hover {
    border-bottom-color: var(--color-secondary-110);
    color: var(--color-secondary-110)
}

.olx-tabs__tab-button--selected {
    border-bottom-color: var(--color-secondary-100);
    color: var(--color-secondary-100)
}

.olx-tabs__tab-button--disabled {
    border-bottom-color: var(--color-neutral-110);
    color: var(--color-neutral-100)
}

.olx-tabs__tab-button:focus-visible {
    outline: var(--border-width-thin) solid var(--color-neutral-130);
    outline-offset: 2px
}

.olx-tabs__tab-label {
    color: currentcolor
}

.olx-tabs__tab-icon {
    height: 24px;
    width: 24px
}

.olx-tabs__tablist {
    display: flex;
    flex-direction: column;
    position: relative
}

.olx-tabs__tablist-content {
    overflow: auto;
    scroll-behavior: smooth;
    scrollbar-width: none
}

.olx-tabs__tablist-content::-webkit-scrollbar {
    display: none;
    width: 0
}

.olx-tabs__tablist-buttons-wrapper {
    display: flex;
    width: max-content
}

.olx-tabs__tablist-button {
    align-items: center;
    border: 0;
    color: var(--color-neutral-130);
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px
}

.olx-tabs__tablist-button:focus {
    outline: var(--border-width-thin) solid var(--color-neutral-130);
    outline-offset: 2px
}

.olx-tabs__tablist-button--left {
    background: linear-gradient(270deg, hsla(0, 0%, 100%, 0) 0, var(--color-neutral-70) 51.04%);
    left: 0
}

.olx-tabs__tablist-button--right {
    background: linear-gradient(270deg, var(--color-neutral-70) 51.04%, hsla(0, 0%, 100%, 0) 100%);
    right: 0
}

.olx-tabs__tablist-button--hidden {
    display: none
}

.olx-tabs__tabpanel {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.olx-tabs__tabpanel--selected {
    clip: auto;
    display: initial;
    height: auto;
    overflow: initial;
    position: static;
    white-space: normal;
    width: auto
}

.olx-toast__toast-wrapper {
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: var(--z-index-500-toast, 500)
}

.olx-toast__close-icon {
    color: var(--toast-close-icon-color);
    height: 24px;
    width: 24px
}

.olx-toast__close-button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    margin-left: var(--spacing-1);
    padding: 0
}

.olx-toast__icon-wrapper {
    height: 24px;
    margin-right: var(--spacing-1);
    pointer-events: none;
    width: 24px
}

.olx-toast__icon-wrapper svg {
    height: 100%;
    pointer-events: none;
    width: 100%
}

.olx-toast__text {
    color: var(--toast-font-color);
    flex: 1 1
}

.olx-toast__body {
    animation: fade-down .5s;
    animation-fill-mode: forwards;
    background-color: var(--toast-background-color);
    bottom: var(--spacing-3);
    left: calc(50vw - 144px);
    opacity: 1;
    position: absolute;
    width: 288px
}

@media screen and (min-width:840px) {
    .olx-toast__body {
        left: var(--spacing-3);
        min-width: 568px
    }
}

.olx-toast__body--visible {
    animation: fade-up .5s
}

@keyframes fade-down {
    0% {
        opacity: 1;
        transform: none
    }
    to {
        opacity: 0;
        transform: translateY(100%)
    }
}

@keyframes fade-up {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.olx-toggle-switch__stylized {
    background-color: var(--toggleswitch-background-color-base);
    border: none;
    border-radius: var(--border-radius-pill);
    display: inline-block;
    flex-shrink: 0;
    height: 24px;
    padding: 2px;
    position: relative;
    transition: all .15s ease-in-out;
    width: 48px
}

.olx-toggle-switch {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    width: -moz-fit-content;
    width: fit-content
}

.olx-toggle-switch--label-visible {
    width: 100%
}

.olx-toggle-switch__native:focus+.olx-toggle-switch__stylized {
    outline: var(--border-width-thin) solid var(--color-neutral-130);
    outline-offset: var(--border-width-thin)
}

.olx-toggle-switch__native:checked+.olx-toggle-switch__stylized {
    background-color: var(--toggleswitch-background-color-checked)
}

.olx-toggle-switch__native:not(:checked, :disabled):hover+.olx-toggle-switch__stylized {
    background-color: var(--toggleswitch-background-color-hover)
}

.olx-toggle-switch__native:checked:not(:disabled):hover+.olx-toggle-switch__stylized {
    background-color: var(--toggleswitch-background-color-checked-hover)
}

.olx-toggle-switch--disabled {
    cursor: not-allowed;
    opacity: var(--opacity-medium)
}

.olx-toggle-switch__icon {
    background-color: var(--toggleswitch-icon-color);
    border-radius: var(--border-radius-pill);
    display: inline-block;
    height: 20px;
    position: absolute;
    transition: inherit;
    width: 20px
}

.olx-toggle-switch__icon--checked {
    transform: translateX(24px)
}

.olx-toggle-switch__native {
    height: 1px;
    opacity: 0;
    position: absolute;
    width: 1px
}

.olx-toggle-switch__checked-icon,
.olx-toggle-switch__unchecked-icon {
    color: var(--toggleswitch-icon-color);
    height: 16px;
    position: absolute;
    top: 4px;
    visibility: hidden;
    width: 16px
}

.olx-toggle-switch__checked-icon {
    left: 4px
}

.olx-toggle-switch__checked-icon--checked {
    visibility: visible
}

.olx-toggle-switch__unchecked-icon {
    right: 4px
}

.olx-toggle-switch__unchecked-icon--unchecked {
    visibility: visible
}

.olx-toggle-switch__label {
    margin-right: var(--spacing-1)
}

.olx-tooltip,
.olx-tooltip__reference-wrapper {
    width: auto
}

.olx-tooltip__floating {
    background-color: var(--color-neutral-70);
    border-radius: var(--border-radius-sm);
    box-shadow: var(--shadow-level-8);
    column-gap: var(--spacing-2);
    padding: var(--spacing-2);
    position: relative;
    transition-property: opacity
}

.olx-tooltip__floating[data-status=close],
.olx-tooltip__floating[data-status=open] {
    transition-duration: var(--transition-duration-3)
}

.olx-tooltip__floating[data-status=close],
.olx-tooltip__floating[data-status=initial] {
    opacity: var(--opacity-none)
}

.olx-tooltip__floating--secondary {
    background-color: var(--color-neutral-120)
}

.olx-tooltip__arrow,
.olx-tooltip__close-button,
.olx-tooltip__content-wrapper,
.olx-tooltip__description,
.olx-tooltip__floating,
.olx-tooltip__title {
    z-index: var(--tooltip-z-index)
}

.olx-tooltip__content-wrapper {
    row-gap: var(--spacing-0-25)
}

.olx-tooltip__close-button {
    background-color: transparent;
    border: none;
    border-radius: var(--border-radius-sm);
    color: var(--color-neutral-130);
    cursor: pointer;
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    margin-left: var(--spacing-1);
    padding: 0;
    width: -moz-fit-content;
    width: fit-content
}

.olx-tooltip__close-button--secondary {
    color: var(--color-neutral-70)
}

.olx-tooltip:focus,
.olx-tooltip__close-button:focus {
    outline: var(--color-neutral-130) solid var(--border-width-thin);
    outline-offset: var(--border-width-thin)
}

.olx-tooltip__arrow {
    fill: var(--color-neutral-70)
}

.olx-tooltip__arrow--secondary {
    fill: var(--color-neutral-120)
}

.olx-tooltip__description,
.olx-tooltip__title {
    color: var(--color-neutral-130)
}

.olx-tooltip__description--secondary,
.olx-tooltip__title--secondary {
    color: var(--color-neutral-70)
}

.olx-progress-circle--internal-value {
    height: var(--size);
    position: relative;
    width: var(--size)
}

.olx-progress-circle--internal-value:after {
    color: var(--internal-value-color);
    content: attr(data-internal-value);
    font-size: var(--font-size);
    left: 50%;
    margin: auto;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%)
}

.olx-progress-circle__svg {
    stroke-dashoffset: var(--dash-offset);
    fill: transparent;
    stroke: var(--stroke);
    stroke-width: var(--stroke-width);
    stroke-dasharray: var(--circumference) var(--circumference);
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    transition: var(--transition-duration-4) stroke-dashoffset
}

.olx-price-reference-ruler__full {
    display: flex;
    max-width: 326px;
    width: 100%
}

.olx-price-reference-ruler__flex {
    display: flex;
    gap: var(--spacing-0-25);
    width: 100%
}

.olx-price-reference-ruler__rect {
    background: var(--background-color);
    border-radius: var(--border-radius);
    display: inline-block;
    height: 20px;
    position: relative;
    width: var(--width)
}

.olx-price-reference-ruler__pin-icon {
    bottom: calc(var(--spacing-1)*-1 + 1px);
    left: calc(50% - var(--spacing-1));
    position: absolute
}

.olx-price-reference-ruler__pin-icon--left {
    bottom: calc(var(--spacing-1)*-1 + 1px);
    left: 5%;
    position: absolute
}

.olx-price-reference-ruler__pin-icon--right {
    bottom: calc(var(--spacing-1)*-1 + 1px);
    position: absolute;
    right: 5%
}

.olx-price-reference-ruler__pin-icon--dynamic {
    filter: drop-shadow(var(--shadow-level-1));
    left: var(--left-dynamic);
    position: absolute;
    top: calc(var(--spacing-1)*-1 - 1px)
}

.olx-price-reference-ruler__tooltip {
    background-color: var(--color-neutral-80);
    border-radius: var(--spacing-0-5);
    display: flex;
    filter: drop-shadow(var(--shadow-level-1));
    margin-bottom: var(--spacing-1);
    padding: var(--spacing-0-5);
    position: relative;
    text-align: center
}

.olx-input-chips__content {
    align-items: center;
    background-color: var(--textinput-background-color-base);
    border: none;
    border-radius: var(--border-radius-sm);
    box-shadow: 0 0 0 var(--border-width-hairline) var(--textinput-border-color-empty);
    color: var(--textinput-color-font);
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-1-5) var(--spacing-1);
    padding: var(--spacing-1-5) var(--spacing-2);
    position: relative;
    z-index: var(--z-index-1-default, 1)
}

.olx-input-chips__content:hover {
    box-shadow: 0 0 0 var(--border-width-thin) var(--textinput-border-color-hover)
}

.olx-input-chips__content:focus-within {
    outline: var(--border-width-thin) solid var(--color-neutral-130)
}

.olx-input-chips__content--has-content {
    box-shadow: 0 0 0 var(--border-width-hairline) var(--textinput-border-color-filled);
    padding: var(--spacing-1) var(--spacing-2)
}

.olx-input-chips__content--error {
    background-color: var(--textinput-background-color-error);
    box-shadow: 0 0 0 var(--border-width-hairline) var(--textinput-border-color-error)
}

.olx-input-chips__content--disabled {
    background-color: var(--textinput-background-color-disabled);
    box-shadow: 0 0 0 var(--border-width-hairline) var(--textinput-border-color-disabled);
    cursor: not-allowed
}

.olx-input-chips__content--disabled:focus-within,
.olx-input-chips__content--disabled:hover {
    box-shadow: 0 0 0 var(--border-width-hairline) var(--textinput-border-color-disabled)
}

.olx-input-chips__chip {
    animation: pop-animation .2s
}

@keyframes pop-animation {
    0% {
        opacity: 0;
        transform: scale(.9)
    }
    50% {
        opacity: 1;
        transform: scale(1.01)
    }
    to {
        transform: scale(1)
    }
}

.olx-input-chips__input {
    background-color: inherit;
    border: 0;
    flex: 1 1;
    font-family: var(--font-family);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-regular);
    line-height: var(--font-lineheight-distant);
    min-width: 40%;
    outline: 0;
    padding: 0;
    position: relative
}

.olx-input-chips__input ::placeholder {
    color: var(--textinput-color-placeholder)
}

.olx-input-chips__input:disabled {
    cursor: not-allowed
}

.olx-input-chips__icon-wrapper {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    max-width: 24px;
    min-width: 24px;
    width: 24px
}

.olx-input-chips__icon-wrapper svg {
    fill: var(--textinput-icon-color);
    height: 100%;
    width: 100%
}

.olx-layout-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--spacing-2, 16px);
    padding-right: var(--spacing-2, 16px);
    width: 100%
}

@media screen and (min-width:840px) {
    .olx-layout-container {
        padding-left: var(--spacing-4, 32px);
        padding-right: var(--spacing-4, 32px)
    }
}

@media screen and (min-width:1200px) {
    .olx-layout-container {
        padding-left: var(--spacing-9, 72px);
        padding-right: var(--spacing-9, 72px)
    }
}

@media screen and (min-width:1500px) {
    .olx-layout-container {
        padding-left: var(--spacing-9, 72px);
        padding-right: var(--spacing-9, 72px)
    }
}

@media screen and (min-width:1720px) {
    .olx-layout-container {
        padding-left: var(--spacing-9, 72px);
        padding-right: var(--spacing-9, 72px)
    }
    .olx-layout-container>* {
        margin-left: auto;
        margin-right: auto;
        max-width: 1576px
    }
}

.olx-icon-action__icon-wrapper {
    align-items: center;
    background-color: var(--background-color);
    border-radius: var(--border-radius-circle);
    display: inline-flex;
    justify-content: center;
    position: relative
}

.olx-icon-action__icon-wrapper[data-notification]:before {
    align-items: center;
    background: #f78323;
    border-radius: 50%;
    box-sizing: content-box;
    color: var(--color-neutral-70);
    content: attr(data-notification);
    display: flex;
    font-size: 10px;
    font-weight: 700;
    height: 17px;
    justify-content: center;
    padding: 1px;
    position: absolute;
    right: -4px;
    text-align: center;
    top: 0;
    width: 17px
}

.olx-icon-action__icon-wrapper:after {
    background-color: transparent;
    border-radius: var(--border-radius-circle);
    content: "";
    display: block;
    height: 100%;
    opacity: var(--opacity-semitransparent);
    position: absolute;
    width: 100%
}

.olx-icon-action__icon-wrapper--small {
    padding: var(--spacing-1)
}

.olx-icon-action__icon-wrapper--small svg {
    height: 16px;
    width: 16px
}

.olx-icon-action__icon-wrapper--medium {
    padding: var(--spacing-1)
}

.olx-icon-action__icon-wrapper--medium svg {
    height: 24px;
    width: 24px
}

.olx-icon-action__icon-wrapper--large {
    padding: var(--spacing-2)
}

.olx-icon-action__icon-wrapper--large svg {
    height: 24px;
    width: 24px
}

.olx-icon-action__icon-wrapper--extra-large {
    padding: var(--spacing-2)
}

.olx-icon-action__icon-wrapper--extra-large svg {
    height: 32px;
    width: 32px
}

.olx-icon-action__icon-wrapper--disabled {
    --background-color: var(--color-neutral-80);
    cursor: not-allowed
}

.olx-icon-action {
    align-items: center;
    background: none;
    border: none;
    display: inline-flex;
    flex-direction: column;
    padding: 0;
    text-decoration: none
}

.olx-icon-action--interactive {
    cursor: pointer
}

.olx-icon-action--interactive:hover .olx-icon-action__icon-wrapper:after {
    background-color: var(--color-neutral-130)
}

.olx-icon-action:disabled svg {
    color: var(--color-neutral-100)
}

.olx-icon-action:focus-visible {
    border-radius: var(--border-radius-xs);
    outline: var(--color-neutral-130) solid var(--border-width-thin);
    transition: outline 0ms, outline-offset 0ms
}

.olx-icon-action__spinner {
    align-items: center;
    display: flex;
    justify-content: center
}

.olx-icon-action__label {
    text-align: center;
    word-break: break-word
}

.olx-icon-action__label--disabled {
    color: var(--color-neutral-100)
}

.olx-chips__icon-wrapper {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

.olx-chips__icon-wrapper svg {
    fill: var(--textinput-icon-color);
    max-height: var(--spacing-2);
    max-width: var(--spacing-2)
}

.olx-chips__input-wrapper svg {
    fill: var(--textinput-icon-color);
    max-height: 16px;
    max-width: 16px
}

.olx-chips__input {
    clip: rect(1px, 1px, 1px, 1px);
    border: 0;
    color: var(--color-neutral-130);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.olx-chips__input+label {
    align-items: center;
    border: var(--border-width-hairline) solid var(--color-neutral-110);
    border-radius: var(--border-radius-sm);
    color: var(--color-neutral-130);
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    font-family: var(--font-family);
    font-size: var(--font-size-xxs);
    gap: var(--spacing-1);
    justify-content: center;
    line-height: var(--font-lineheight-distant);
    max-inline-size: max-content;
    min-inline-size: max-content;
    padding: var(--spacing-1);
    transition: all var(--transition-delay-2) var(--transition-timing-ease-in-out);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.olx-chips__input+label--one-value {
    padding-left: var(--spacing-2);
    padding-right: var(--spacing-2)
}

.olx-chips__input:checked+label {
    background: var(--color-secondary-70);
    border-color: var(--color-secondary-100);
    border: 1px solid var(--color-secondary-100);
    color: var(--color-secondary-100);
    transition: all var(--transition-delay-2) var(--transition-timing-ease-in-out)
}

.olx-chips__input:focus+label {
    outline: none
}

.olx-chips__input:focus-visible+label {
    border-radius: var(--border-radius-sm);
    outline: var(--color-neutral-130) solid var(--border-width-thin);
    outline-offset: var(--border-width-thin);
    transition: outline 0ms, outline-offset 0ms
}

.olx-chips__input:disabled+label {
    background-color: unset;
    border: 1px solid var(--color-neutral-100);
    color: var(--color-neutral-100);
    cursor: not-allowed;
    pointer-events: none
}

.olx-chips__input:hover:not(:checked, :disabled)+label {
    background-color: unset;
    border: 1px solid var(--color-secondary-120);
    color: var(--color-secondary-120)
}

.olx-chips__items {
    flex-wrap: wrap;
    gap: var(--spacing-1)
}

.olx-chips__item,
.olx-chips__items {
    display: inline-flex
}

.olx-navbar {
    background-color: var(--color-neutral-70);
    border-top: 1px solid var(--color-neutral-90);
    bottom: 0;
    box-sizing: border-box;
    height: 60px;
    left: 0;
    padding: 0 4px;
    position: fixed;
    width: 100%;
    z-index: var(--z-index-400-header, 400)
}

@media screen and (min-width:840px) {
    .olx-navbar {
        display: none
    }
}

.olx-navbar[data-open=true] {
    z-index: var(--z-index-700-overlay, 700)
}

.olx-navbar__items {
    justify-content: space-around;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.olx-navbar__items,
.olx-navbar__link {
    align-items: center;
    display: flex;
    height: 100%
}

.olx-navbar__link {
    background-color: transparent;
    border: 0;
    color: var(--color-neutral-130);
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    padding: 8px 0;
    width: 100%
}

.olx-navbar__link :focus-visible:focus:not(:focus-visible),
.olx-navbar__link:focus {
    border-radius: var(--border-radius-xxs);
    box-shadow: none;
    outline: var(--border-width-thin) solid var(--color-neutral-130);
    outline-offset: 0
}

.olx-navbar__link:hover:not(button) {
    color: var(--color-neutral-130);
    text-decoration: none
}

.olx-navbar__link:focus:not(:focus-visible) {
    box-shadow: none;
    outline: 0
}

.olx-navbar--active,
.olx-navbar__button--active {
    color: var(--color-primary-120)
}

.olx-navbar__caption {
    margin-top: var(--spacing-0-5);
    transition: transform .2s ease-out
}

@media screen and (max-width:318px) {
    .olx-navbar__caption {
        font-size: 10px
    }
}

.olx-navbar__item {
    align-items: center;
    display: flex;
    height: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.olx-navbar__icon-wrapper {
    height: 24px;
    width: 24px
}

.olx-navbar__notification-wrapper[data-counter]:not([data-counter="0"]) {
    display: inline-flex;
    max-width: 24px;
    position: relative
}

.olx-navbar__notification-wrapper[data-counter]:not([data-counter="0"]):after {
    align-items: center;
    animation: pop 1s ease forwards;
    background: #f78323;
    border-radius: 50%;
    box-sizing: content-box;
    color: var(--color-neutral-70);
    content: attr(data-counter);
    display: flex;
    font-size: 10px;
    font-weight: 700;
    height: 17px;
    justify-content: center;
    left: 8px;
    line-height: 19px;
    padding: 1px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: -8px;
    width: 17px
}

.olx-footer__wrapper {
    clip: rect(1px, 1px, 1px, 1px);
    display: flex;
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.olx-default-footer {
    border-top: 1px solid var(--divider-default-background-color);
    padding: var(--spacing-2) var(--spacing-2) var(--spacing-8)
}

@media screen and (min-width:840px) {
    .olx-default-footer {
        padding: var(--spacing-2) var(--spacing-4) var(--spacing-3)
    }
}

@media screen and (min-width:1200px) {
    .olx-default-footer {
        padding: var(--spacing-2) var(--spacing-9) var(--spacing-3)
    }
}

@media screen and (min-width:1720px) {
    .olx-default-footer {
        display: grid;
        grid-template-columns: 1576px;
        justify-content: center
    }
}

.olx-default-footer__container {
    color: var(--footer-color);
    margin: 0 auto;
    max-width: 1140px
}

.olx-default-footer__links-container {
    flex-direction: column;
    gap: var(--spacing-2);
    padding-bottom: var(--spacing-2)
}

@media screen and (min-width:840px) {
    .olx-default-footer__links-container {
        flex-direction: row;
        gap: var(--spacing-4)
    }
}

.olx-default-footer__left-column {
    align-items: center;
    column-gap: var(--spacing-4);
    display: flex;
    flex: 1 1;
    flex-direction: row;
    justify-content: flex-start
}

@media screen and (max-width:1075px) {
    .olx-default-footer__left-column {
        flex-direction: column;
        row-gap: var(--spacing-2)
    }
}

.olx-default-footer__right-column {
    column-gap: var(--spacing-4);
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

@media screen and (max-width:1075px) {
    .olx-default-footer__right-column {
        column-gap: var(--spacing-1);
        justify-content: center;
        margin-top: var(--spacing-3)
    }
}

.olx-default-footer__address,
.olx-default-footer__legal-links {
    display: block
}

.olx-default-footer__icon-wrapper {
    align-items: center;
    display: inline-flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.olx-seo-footer {
    margin: 0 auto;
    padding: 0 var(--spacing-2) var(--spacing-8);
    position: relative;
    width: 100%
}

@media screen and (min-width:840px) {
    .olx-seo-footer {
        padding: 0 var(--spacing-4) var(--spacing-3)
    }
}

@media screen and (min-width:1200px) {
    .olx-seo-footer {
        padding: 0 72px var(--spacing-3)
    }
}

@media screen and (min-width:1720px) {
    .olx-seo-footer {
        display: grid;
        grid-template-columns: 1576px;
        justify-content: center
    }
}

.olx-seo-footer__links-container {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
    padding: var(--spacing-3) var(--spacing-2)
}

@media screen and (min-width:840px) {
    .olx-seo-footer__links-container {
        display: grid;
        grid-gap: var(--spacing-3);
        gap: var(--spacing-3);
        grid-template-columns: 1fr auto
    }
}

.olx-seo-footer__legal-container,
.olx-seo-footer__legal-links-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: var(--spacing-1)
}

@media screen and (min-width:600px) {
    .olx-seo-footer__legal-links-container {
        column-gap: var(--spacing-2);
        flex-direction: row
    }
}

@media screen and (min-width:840px) {
    .olx-seo-footer__legal-links-container {
        justify-content: flex-start
    }
}

.olx-seo-footer__social-container {
    display: grid;
    grid-gap: var(--spacing-1);
    gap: var(--spacing-1);
    grid-template-columns: repeat(3, 48px);
    grid-template-rows: repeat(2, 48px);
    justify-content: center
}

@media screen and (min-width:600px) {
    .olx-seo-footer__social-container {
        grid-template-columns: repeat(6, 48px);
        grid-template-rows: 48px
    }
}

@media screen and (min-width:840px) {
    .olx-seo-footer__social-container {
        justify-content: flex-end
    }
}

.olx-seo-footer__legal-links {
    display: block
}

.olx-seo-footer__address-container {
    display: block;
    text-align: center
}

@media screen and (min-width:840px) {
    .olx-seo-footer__address-container {
        text-align: left
    }
}

.olx-seo-footer__icon-wrapper {
    align-items: center;
    display: inline-flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.olx-seo-footer__tab-column {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    row-gap: var(--spacing-1-5)
}

.olx-seo-footer__link {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
    width: 100%
}

.olx-seo-footer__tab-content-wrapper {
    padding: var(--spacing-2) 0
}

@media screen and (min-width:840px) {
    .olx-seo-footer__tab-content-wrapper {
        padding: var(--spacing-3) 0
    }
}

.olx-seo-footer__tab-content {
    display: grid;
    grid-gap: 12px var(--spacing-3);
    gap: 12px var(--spacing-3);
    grid-template-columns: 1fr
}

@media screen and (min-width:840px) {
    .olx-seo-footer__tab-content {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media screen and (max-width:840px) {
    .olx-seo-footer__tab-content {
        height: 173px;
        overflow: hidden
    }
}

.olx-seo-footer__tab-content--expanded {
    height: auto
}

.olx-seo-footer__more-button {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-top: var(--spacing-1-5)
}

@media screen and (min-width:840px) {
    .olx-seo-footer__more-button {
        display: none
    }
}

.olx-seo-footer__tab-wrapper {
    padding: var(--spacing-2) 0
}

@media screen and (min-width:840px) {
    .olx-seo-footer__tab-wrapper {
        padding: var(--spacing-3) 0
    }
}

.olx-static-footer__links-container {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3);
    padding-top: var(--spacing-2)
}

@media screen and (min-width:1200px) {
    .olx-static-footer__links-container {
        display: grid;
        grid-template-columns: 1fr auto
    }
}

.olx-static-footer__legal-container,
.olx-static-footer__legal-container-links {
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: var(--spacing-1-5)
}

@media screen and (min-width:840px) {
    .olx-static-footer__legal-container-links {
        column-gap: var(--spacing-2);
        flex-direction: row;
        justify-content: flex-start
    }
}

.olx-static-footer__social-container {
    display: grid;
    grid-gap: var(--spacing-1);
    gap: var(--spacing-1);
    grid-template-columns: repeat(3, 48px);
    grid-template-rows: repeat(2, 48px);
    justify-content: center
}

@media screen and (min-width:600px) {
    .olx-static-footer__social-container {
        grid-template-columns: repeat(6, 48px);
        grid-template-rows: 48px
    }
}

@media screen and (min-width:1200px) {
    .olx-static-footer__social-container {
        justify-content: flex-end
    }
}

.olx-static-footer__legal-container-address {
    display: block;
    text-align: center
}

@media screen and (min-width:840px) {
    .olx-static-footer__legal-container-address {
        text-align: left
    }
}

.olx-static-footer__icon-wrapper {
    align-items: center;
    display: inline-flex;
    height: 48px;
    justify-content: center;
    width: 48px
}

.olx-static-footer__social-link {
    border-radius: 100%;
    padding: var(--spacing-1);
    transition: all .3s ease
}

.olx-static-footer__social-link:active svg,
.olx-static-footer__social-link:hover svg {
    color: var(--color-neutral-70)
}

.olx-static-footer__facebook-link:active,
.olx-static-footer__facebook-link:hover {
    background-color: #3a5998
}

.olx-static-footer__youtube-link:active,
.olx-static-footer__youtube-link:hover {
    background-color: red
}

.olx-static-footer__tiktok-link:active,
.olx-static-footer__tiktok-link:hover {
    background-color: #040000
}

.olx-static-footer__linkedin-link:active,
.olx-static-footer__linkedin-link:hover {
    background-color: #0084bf
}

.olx-static-footer__instagram-link:active,
.olx-static-footer__instagram-link:hover {
    background-color: #e1306c
}

.olx-static-footer__twitter-link:active,
.olx-static-footer__twitter-link:hover {
    background-color: #040000
}

.dark .olx-static-footer__social-link {
    border-radius: 100%;
    padding: var(--spacing-1);
    transition: all .3s ease
}

.dark .olx-static-footer__social-link:active svg,
.dark .olx-static-footer__social-link:hover svg {
    color: var(--color-neutral-130)
}

.olx-header {
    display: flex;
    flex-direction: column;
    font-family: var(--font-family);
    justify-content: center;
    position: relative;
    z-index: var(--z-index-400-header, 400)
}

.olx-header[data-fixed=true] {
    position: fixed;
    top: 0;
    width: 100%
}

.olx-header[data-open=true] {
    z-index: var(--z-index-700-overlay, 700)
}

.olx-header[data-isloading=true] {
    opacity: 0
}

.olx-header__skip-links {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.olx-header__skip-links:focus {
    clip: auto;
    background-color: var(--color-neutral-70);
    box-shadow: 0 0 0 2px var(--color-neutral-70);
    color: var(--color-neutral-130);
    display: inline-block;
    height: 50px;
    left: 0;
    outline: var(--border-width-thin) solid var(--color-neutral-130);
    overflow: initial;
    top: 50%;
    transform: translateY(-50%);
    transition: none;
    white-space: normal;
    width: 60px;
    z-index: 2
}

.olx-header__main-menu {
    background-color: var(--color-neutral-70);
    border-bottom: 1px solid var(--color-neutral-90);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 80px;
    padding: var(--spacing-2) var(--spacing-2);
    transition: transform var(--transition-duration-5) var(--transition-timing-ease-in-out)
}

@media screen and (min-width:840px) {
    .olx-header__main-menu {
        padding: var(--spacing-2) var(--spacing-4)
    }
}

@media screen and (min-width:1200px) {
    .olx-header__main-menu {
        padding: var(--spacing-2) var(--spacing-9)
    }
}

.olx-header__items {
    align-items: center;
    display: flex;
    margin: 0;
    padding: 0
}

@media screen and (min-width:1200px) {
    .olx-header__items {
        column-gap: var(--spacing-2)
    }
}

@media screen and (min-width:1500px) {
    .olx-header__items {
        column-gap: var(--spacing-3)
    }
}

.olx-header__icon-button {
    align-items: center;
    background-color: transparent;
    border: none;
    color: var(--color-neutral-130);
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    margin: 0;
    outline: none;
    padding: 0;
    width: 48px
}

.olx-header__icon-button :hover {
    color: var(--link-color-main-hover)
}

.olx-header__icon-button :focus {
    border-radius: var(--border-radius-xxs);
    outline: var(--border-width-thin) solid var(--color-neutral-130)
}

.olx-header__item {
    align-items: center;
    display: flex;
    list-style: none
}

.olx-header__item[data-variant=anunciar] {
    margin-left: var(--spacing-1-5)
}

@media screen and (max-width:840px) {
    .olx-header__item[data-hasnavbar=true],
    .olx-header__item[data-hidenotification=true] {
        display: none
    }
}

@media screen and (max-width:1200px) {
    .olx-header__item[data-myads=true],
    .olx-header__item[data-professional=true] {
        display: none
    }
}

@media screen and (min-width:1200px) {
    .olx-header__item[data-variant=anunciar],
    .olx-header__item[data-variant=profile] {
        margin-left: 0
    }
}

.olx-header__link {
    column-gap: var(--spacing-1)
}

@media screen and (max-width:1200px) {
    .olx-header__link {
        padding: 12px
    }
}

.olx-header__link:hover {
    text-decoration: none
}

.olx-header__primary-menu {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1576px;
    width: 100%
}

.olx-header__burger-menu {
    height: 48px;
    justify-content: flex-start;
    width: 48px
}

.olx-header__burger-menu:focus {
    border-radius: var(--border-radius-xxs);
    outline: var(--color-neutral-130) solid var(--border-width-thin)
}

@media screen and (max-width:360px) {
    .olx-header__burger-menu {
        height: 44px;
        width: 44px
    }
}

@media screen and (min-width:840px) {
    .olx-header__burger-menu {
        display: none
    }
}

.olx-header__back-button {
    margin-right: var(--spacing-1)
}

@media screen and (min-width:840px) {
    .olx-header__back-button {
        display: none
    }
}

.olx-header__column-left {
    align-items: center;
    display: flex;
    flex: 1 1;
    position: relative
}

.olx-header__column-right {
    display: flex;
    transition: all var(--transition-duration-5) var(--transition-timing-ease)
}

.olx-header__olx-container {
    align-items: center;
    color: var(--color-neutral-130);
    column-gap: 32px;
    display: flex;
    font-size: var(--font-size-xxs);
    height: 48px;
    width: 48px
}

.olx-header__logo-wrapper {
    height: 24px;
    width: 24px
}

.olx-header__notification-wrapper[data-counter]:not([data-counter="0"]) {
    display: inline-flex;
    max-width: 24px;
    position: relative
}

.olx-header__notification-wrapper[data-counter]:not([data-counter="0"]):after {
    align-items: center;
    animation: pop 1s ease forwards;
    background: #f78323;
    border-radius: 50%;
    box-sizing: content-box;
    color: var(--color-neutral-70);
    content: attr(data-counter);
    display: flex;
    font-size: 10px;
    font-weight: 700;
    height: 17px;
    justify-content: center;
    left: -8px;
    line-height: 19px;
    padding: 1px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: -8px;
    width: 17px
}

.olx-header__notification-wrapper[data-counter]:not([data-counter="0"]) svg {
    animation: bell-shake 1.5s cubic-bezier(.25, .46, .45, .94) 3;
    animation-delay: 1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-origin: top right
}

@keyframes bell-shake {
    0% {
        transform: rotate(0deg)
    }
    5% {
        transform: rotate(10deg)
    }
    10% {
        transform: rotate(-10deg)
    }
    15% {
        transform: rotate(10deg)
    }
    20% {
        transform: rotate(-10deg)
    }
    25% {
        transform: rotate(0deg)
    }
    75% {
        transform: rotate(0deg)
    }
    80% {
        transform: rotate(10deg)
    }
    85% {
        transform: rotate(-10deg)
    }
    90% {
        transform: rotate(10deg)
    }
    95% {
        transform: rotate(-10deg)
    }
    to {
        transform: rotate(0)
    }
}

@keyframes pop {
    0% {
        transform: scale(0)
    }
    25% {
        transform: scale(1.25)
    }
    50% {
        transform: scale(.8)
    }
    75% {
        transform: scale(1.25)
    }
    to {
        transform: scale(1)
    }
}

@media screen and (max-width:1200px) {
    .olx-header__label {
        clip: rect(1px, 1px, 1px, 1px);
        display: flex;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px
    }
    .olx-header__label[data-variant=chat],
    .olx-header__label[data-variant=notification] {
        clip: auto;
        display: initial;
        height: auto;
        overflow: initial;
        position: static;
        white-space: normal;
        width: auto
    }
}

@media screen and (max-width:840px) {
    .olx-header__label[data-variant=chat],
    .olx-header__label[data-variant=notification] {
        clip: rect(1px, 1px, 1px, 1px);
        display: flex;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px
    }
}

.olx-header__desapegar-button {
    font-size: var(--font-size-xxs)
}

@media screen and (max-width:840px) {
    .olx-header__desapegar-button {
        height: 36px;
        padding: var(--spacing-1) var(--spacing-2)
    }
}

.olx-header__profile-nickname {
    align-items: center;
    display: block;
    font-size: var(--font-size-xxs);
    justify-content: space-between;
    margin-left: var(--spacing-0-5);
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.olx-header__profile-item {
    align-items: center;
    display: flex;
    list-style: none
}

.olx-header__profile-skeleton {
    border: 1px solid var(--color-neutral-90);
    border-radius: var(--border-radius-pill);
    display: none
}

@media screen and (min-width:840px) {
    .olx-header__profile-skeleton {
        display: block
    }
}

.olx-header__profile-link {
    align-items: center;
    background-color: transparent;
    border: 0;
    border: 1px solid var(--color-neutral-90);
    border-radius: var(--border-radius-pill);
    color: var(--color-neutral-130);
    cursor: pointer;
    display: flex;
    font-family: var(--font-family);
    font-size: var(--font-size-xxs);
    font-weight: var(--font-weight-semibold);
    height: 40px;
    justify-content: center;
    line-height: var(--font-lineheight-medium);
    padding: var(--spacing-0-5);
    transition: all ease var(--transition-duration-3);
    width: 135px
}

.olx-header__profile-link:hover {
    border-color: var(--color-secondary-100);
    color: var(--link-color-main-hover);
    text-decoration: none
}

.olx-header__profile-link:focus {
    border-radius: var(--border-radius-pill);
    box-shadow: none;
    outline: var(--border-width-thin) solid var(--color-neutral-130)
}

@media screen and (max-width:840px) {
    .olx-header__profile-link {
        display: none
    }
}

.olx-header__search {
    margin-left: var(--spacing-3);
    margin-right: var(--spacing-1-5);
    width: 100%
}

.olx-header__search[data-hasnavbar=true] {
    margin: 0 var(--spacing-2)
}

@media screen and (min-width:840px) {
    .olx-header__search {
        margin-right: var(--spacing-3)
    }
}

@media screen and (max-width:840px) {
    .olx-header__search[data-hasnavbar=false],
    .olx-header__search[data-hasnavbar=false] .olx-text-input__input-field {
        display: none
    }
}

.olx-header__search-fluid {
    padding-left: var(--spacing-3);
    padding-right: var(--spacing-3);
    padding-top: var(--spacing-2);
    width: 100%
}

@media screen and (min-width:840px) {
    .olx-header__search-fluid,
    .olx-header__search-fluid .olx-text-input__input-field {
        display: none
    }
}

@media screen and (max-width:840px) {
    .olx-header__search-fluid {
        padding-left: 0;
        padding-right: 0
    }
}

.olx-header__overlay {
    background: var(--color-neutral-130);
    height: calc(100vh - 100%);
    height: calc(100svh - 100%);
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    transition: opacity 1s ease;
    width: 100%
}

.olx-header__overlay[data-open=true] {
    opacity: var(--opacity-intense);
    overflow-y: auto;
    pointer-events: all
}

@media screen and (min-width:840px) {
    .olx-header__overlay {
        display: none
    }
}

.olx-header__overflow {
    background-color: var(--color-neutral-70);
    box-shadow: var(--shadow-level-2);
    height: 0;
    list-style: none;
    opacity: 0;
    padding-bottom: 2px;
    padding-top: 2px;
    pointer-events: none;
    position: absolute;
    scroll-behavior: smooth;
    top: 64px;
    transition: transform ease var(--transition-duration-3), opacity ease var(--transition-duration-3);
    width: 280px;
    z-index: var(--z-index-700-overlay)
}

.olx-header__overflow[aria-hidden=false] {
    border-top: 1px solid var(--color-neutral-90);
    height: auto
}

@media screen and (min-width:840px) {
    .olx-header__overflow {
        border-radius: var(--border-radius-sm)
    }
    .olx-header__overflow[data-islogged=false] {
        display: none
    }
    .olx-header__overflow[data-fixed=true] {
        height: calc(100vh - 100%);
        height: calc(100svh - 100%)
    }
}

@media screen and (max-width:840px) {
    .olx-header__overflow:not([data-hasnavbar=true]) {
        border-radius: 0;
        height: calc(100vh - 100%);
        height: calc(100svh - 100%);
        left: 0;
        overflow: hidden;
        padding-bottom: 50px;
        top: 100%;
        transform: translateX(-100%)
    }
    .olx-header__overflow[data-expanded=true]:not([data-hasnavbar=true]) {
        height: calc(100vh - 100%);
        height: calc(100svh - 100%);
        overflow: auto
    }
    .olx-header__overflow[data-hasnavbar=true] {
        height: calc(100% - 59px);
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        transform: translateX(-100%);
        width: 100%
    }
}

.olx-header__overflow[data-expanded=true] {
    opacity: 1;
    overflow: auto;
    pointer-events: all;
    transform: translateX(0)
}

.olx-header__overflow__loading {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: var(--spacing-4);
    position: relative;
    width: 100%
}

.olx-header__overflow__loading .olx-logo-olx {
    height: 32px;
    position: absolute;
    width: 32px
}

.olx-header__overflow-item[data-divider=true] {
    border-bottom: 1px solid var(--color-neutral-90);
    margin-bottom: var(--spacing-0-5)
}

.olx-header__overflow-item[data-haspos=true]:nth-child(2) {
    display: block
}

@media screen and (min-width:840px) {
    .olx-header__overflow-item[data-haspos=true]:nth-child(2) {
        display: none
    }
}

.olx-header__overflow-link {
    color: var(--color-neutral-130);
    column-gap: 16px;
    cursor: pointer;
    display: inline-flex;
    font-size: var(--font-size-xxs);
    justify-content: flex-start;
    padding: var(--spacing-2);
    position: relative;
    text-decoration: none;
    transition: all ease var(--transition-duration-3);
    width: 100%
}

.olx-header__overflow-link:hover {
    background: var(--color-neutral-80);
    text-decoration: none
}

.olx-header__overflow-link:focus {
    transform: scale(.98)
}

.olx-header__overflow-icon {
    display: block;
    position: absolute;
    right: var(--spacing-2);
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (min-width:840px) {
    .olx-header__overflow-icon {
        display: none
    }
}

.olx-header__overflow-badge {
    display: inline-block;
    margin-left: auto;
    text-transform: uppercase
}

.olx-header__desktop-wrapper {
    align-items: center;
    column-gap: 16px;
    display: flex;
    width: 100%
}

@media screen and (min-width:840px) {
    .olx-header__desktop-wrapper {
        display: none
    }
}

.olx-header__info {
    display: flex;
    flex-direction: column
}

.olx-header__name {
    color: var(--color-neutral-130);
    font-size: var(--font-size-xxs)
}

.olx-header__account {
    color: var(--color-secondary-100);
    font-size: var(--font-size-xxs);
    margin-top: 3px
}

.olx-header__icon-wrapper {
    margin-left: auto
}

.olx-header__tablet-wrapper {
    align-items: center;
    column-gap: 16px;
    display: flex
}

@media screen and (max-width:840px) {
    .olx-header__tablet-wrapper {
        display: none
    }
}

.olx-focus-header {
    background-color: var(--color-neutral-70);
    border-bottom: var(--border-width-hairline) solid var(--color-neutral-90);
    height: var(--spacing-10);
    padding: var(--spacing-2) var(--spacing-2, 16px);
    width: 100%
}

@media screen and (min-width:840px) {
    .olx-focus-header {
        padding: var(--spacing-2) var(--spacing-4, 32px)
    }
}

@media screen and (min-width:1200px) {
    .olx-focus-header {
        padding: var(--spacing-2) var(--spacing-9, 72px)
    }
}

.olx-focus-header--inverted {
    background-color: var(--color-secondary-100)
}

.olx-focus-header--inverted a,
.olx-focus-header--inverted button,
.olx-focus-header--inverted h1,
.olx-focus-header--inverted span {
    color: var(--color-neutral-70)
}

.olx-focus-header--fixed {
    position: fixed;
    top: 0;
    width: 100%
}

.olx-focus-header__content {
    align-items: center;
    column-gap: var(--spacing-3);
    display: flex;
    height: 100%;
    margin: 0 auto;
    max-width: 1576px
}

.olx-focus-header__content button {
    cursor: pointer
}

@media screen and (max-width:840px) {
    .olx-focus-header__content {
        column-gap: var(--spacing-2)
    }
    .olx-focus-header__goback {
        display: none
    }
}

.olx-focus-header__logo {
    background-color: transparent;
    border: 0;
    padding: 0
}

.olx-focus-header__logo-container {
    align-items: center;
    display: flex;
    height: var(--spacing-6);
    width: var(--spacing-6)
}

.olx-focus-header__profile-container {
    align-items: center;
    border: var(--border-width-hairline) solid var(--color-neutral-100);
    border-radius: var(--border-radius-pill);
    display: flex;
    height: var(--spacing-5);
    justify-content: center;
    margin-left: auto;
    width: 135px
}

@media screen and (max-width:840px) {
    .olx-focus-header__profile-container {
        border: 0;
        width: auto
    }
    .olx-focus-header__profile-username {
        display: none
    }
}

.olx-focus-header__profile-avatar {
    margin-right: var(--spacing-0-5)
}

.olx-card-suggestion {
    align-items: stretch;
    border-radius: var(--border-radius-sm);
    padding: var(--spacing-4) var(--spacing-3)
}

@media screen and (min-width:840px) {
    .olx-card-suggestion {
        align-self: stretch;
        flex: 1 0;
        padding: var(--spacing-4)
    }
}

.olx-card-suggestion__content {
    align-content: center;
    align-items: center;
    display: flex;
    flex: 1 0;
    flex-wrap: wrap;
    gap: var(--spacing-3)
}

.olx-card-suggestion__info-action {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2)
}

@media screen and (min-width:360px) {
    .olx-card-suggestion__info-action {
        flex: 1 0;
        min-width: 250px
    }
}

.olx-card-suggestion__info {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
    justify-content: center
}

.olx-card {
    background-color: var(--color-neutral-70);
    border-radius: var(--border-radius-sm);
    flex-direction: column
}

.olx-card--outlined {
    border: 1px solid var(--color-neutral-90)
}

.olx-card--elevated {
    box-shadow: var(--shadow-level-6)
}

.olx-card-image {
    overflow: hidden
}

.olx-card-image__img {
    transition: scale var(--transition-duration-5) var(--transition-timing-ease)
}

.olx-card:hover .olx-card-image__img {
    scale: 1.1
}

.olx-card-top-image {
    align-items: center;
    flex-direction: row
}

.olx-card-top-image__primary {
    width: 60%
}

.olx-card-top-image .olx-card-image {
    border-bottom-left-radius: var(--border-radius-sm);
    border-top-left-radius: var(--border-radius-sm)
}

.olx-card-top-image__secondary {
    gap: var(--spacing-0-5);
    padding: 0 var(--spacing-2);
    width: 40%
}

@media screen and (min-width:840px) {
    .olx-card-top-image {
        flex-direction: column
    }
    .olx-card-top-image .olx-card-image {
        border-radius: var(--border-radius-sm)
    }
    .olx-card-top-image__primary,
    .olx-card-top-image__secondary {
        width: 100%
    }
    .olx-card-top-image__secondary {
        margin-top: var(--spacing-0-5);
        padding: 0
    }
}

.olx-card-cover-image {
    gap: var(--spacing-0-5)
}

.olx-card-cover-image--text-down {
    flex-direction: column-reverse
}

.olx-card-cover-image__primary {
    gap: var(--spacing-0-5);
    padding: var(--spacing-1)
}

.olx-progressbar {
    background-color: var(--color-neutral-90);
    height: 8px;
    width: 100%
}

.olx-progressbar__bar {
    background-color: var(--color-secondary-100);
    height: 100%;
    transition: width var(--transition-duration-3) ease-in-out;
    width: var(--bar-width)
}

.olx-progressstepped {
    width: 100%
}

.olx-progressstepped__container-cta {
    background-color: var(--color-neutral-70);
    padding: var(--spacing-2);
    padding-top: var(--spacing-3)
}

@media screen and (max-width:360px) {
    .olx-progressstepped__container-cta {
        padding: var(--spacing-2)
    }
}

.olx-progressstepped__content-cta-left,
.olx-progressstepped__content-cta-right {
    width: 50%
}

.olx-form-control__bottom-left {
    align-items: center;
    display: flex;
    gap: var(--spacing-0-5)
}

.olx-form-control__bottom-left svg {
    flex-shrink: 0
}

.olx-color-primary-70 {
    color: var(--color-primary-70)
}

.olx-color-primary-80 {
    color: var(--color-primary-80)
}

.olx-color-primary-90 {
    color: var(--color-primary-90)
}

.olx-color-primary-100 {
    color: var(--color-primary-100)
}

.olx-color-primary-110 {
    color: var(--color-primary-110)
}

.olx-color-primary-120 {
    color: var(--color-primary-120)
}

.olx-color-primary-130 {
    color: var(--color-primary-130)
}

.olx-color-secondary-70 {
    color: var(--color-secondary-70)
}

.olx-color-secondary-80 {
    color: var(--color-secondary-80)
}

.olx-color-secondary-90 {
    color: var(--color-secondary-90)
}

.olx-color-secondary-100 {
    color: var(--color-secondary-100)
}

.olx-color-secondary-110 {
    color: var(--color-secondary-110)
}

.olx-color-secondary-120 {
    color: var(--color-secondary-120)
}

.olx-color-secondary-130 {
    color: var(--color-secondary-130)
}

.olx-color-neutral-70 {
    color: var(--color-neutral-70)
}

.olx-color-neutral-80 {
    color: var(--color-neutral-80)
}

.olx-color-neutral-90 {
    color: var(--color-neutral-90)
}

.olx-color-neutral-100 {
    color: var(--color-neutral-100)
}

.olx-color-neutral-110 {
    color: var(--color-neutral-110)
}

.olx-color-neutral-120 {
    color: var(--color-neutral-120)
}

.olx-color-neutral-130 {
    color: var(--color-neutral-130)
}

.olx-color-feedback-success-80 {
    color: var(--color-feedback-success-80)
}

.olx-color-feedback-success-90 {
    color: var(--color-feedback-success-90)
}

.olx-color-feedback-success-100 {
    color: var(--color-feedback-success-100)
}

.olx-color-feedback-success-110 {
    color: var(--color-feedback-success-110)
}

.olx-color-feedback-success-120 {
    color: var(--color-feedback-success-120)
}

.olx-color-feedback-error-80 {
    color: var(--color-feedback-error-80)
}

.olx-color-feedback-error-90 {
    color: var(--color-feedback-error-90)
}

.olx-color-feedback-error-100 {
    color: var(--color-feedback-error-100)
}

.olx-color-feedback-error-110 {
    color: var(--color-feedback-error-110)
}

.olx-color-feedback-error-120 {
    color: var(--color-feedback-error-120)
}

.olx-color-feedback-attention-80 {
    color: var(--color-feedback-attention-80)
}

.olx-color-feedback-attention-90 {
    color: var(--color-feedback-attention-90)
}

.olx-color-feedback-attention-100 {
    color: var(--color-feedback-attention-100)
}

.olx-color-feedback-attention-110 {
    color: var(--color-feedback-attention-110)
}

.olx-color-feedback-attention-120 {
    color: var(--color-feedback-attention-120)
}

.olx-color-feedback-info-80 {
    color: var(--color-feedback-info-80)
}

.olx-color-feedback-info-90 {
    color: var(--color-feedback-info-90)
}

.olx-color-feedback-info-100 {
    color: var(--color-feedback-info-100)
}

.olx-color-feedback-info-110 {
    color: var(--color-feedback-info-110)
}

.olx-color-feedback-info-120 {
    color: var(--color-feedback-info-120)
}

.olx-d-inline-flex {
    display: inline-flex
}

.olx-d-block {
    display: block
}

.olx-d-inline-block {
    display: inline-block
}

.olx-d-none {
    display: none
}

.olx-d-flex {
    display: flex
}

.olx-d-inline {
    display: inline
}

.olx-d-table {
    display: table
}

.olx-d-table-row {
    display: table-row
}

.olx-d-table-cell {
    display: table-cell
}

.olx-d-grid {
    display: grid
}

.olx-d-inline-grid {
    display: inline-grid
}

.olx-ai-flex-start {
    align-items: flex-start
}

.olx-ai-center {
    align-items: center
}

.olx-ai-flex-end {
    align-items: flex-end
}

.olx-ai-baseline {
    align-items: baseline
}

.olx-ai-stretch {
    align-items: stretch
}

.olx-fd-row {
    flex-direction: row
}

.olx-fd-column {
    flex-direction: column
}

.olx-fd-row-reverse {
    flex-direction: row-reverse
}

.olx-fd-column-reverse {
    flex-direction: column-reverse
}

.olx-jc-stretch {
    justify-content: stretch
}

.olx-jc-flex-start {
    justify-content: flex-start
}

.olx-jc-center {
    justify-content: center
}

.olx-jc-flex-end {
    justify-content: flex-end
}

.olx-jc-space-between {
    justify-content: space-between
}

.olx-jc-space-around {
    justify-content: space-around
}

.olx-jc-space-evenly {
    justify-content: space-evenly
}

.olx-fw-nowrap {
    flex-wrap: nowrap
}

.olx-fw-wrap {
    flex-wrap: wrap
}

.olx-fw-wrap-reverse {
    flex-wrap: wrap-reverse
}

.olx-flex {
    flex: var(--olx-flex, 1)
}

.olx-m-0 {
    margin: 0
}

.olx-m-0-25 {
    margin: var(--spacing-0-25)
}

.olx-m-0-5 {
    margin: var(--spacing-0-5)
}

.olx-m-1 {
    margin: var(--spacing-1)
}

.olx-m-1-5 {
    margin: var(--spacing-1-5)
}

.olx-m-2 {
    margin: var(--spacing-2)
}

.olx-m-3 {
    margin: var(--spacing-3)
}

.olx-m-4 {
    margin: var(--spacing-4)
}

.olx-m-5 {
    margin: var(--spacing-5)
}

.olx-m-6 {
    margin: var(--spacing-6)
}

.olx-m-7 {
    margin: var(--spacing-7)
}

.olx-m-8 {
    margin: var(--spacing-8)
}

.olx-m-9 {
    margin: var(--spacing-9)
}

.olx-m-10 {
    margin: var(--spacing-10)
}

.olx-ml-0 {
    margin-left: 0
}

.olx-ml-0-25 {
    margin-left: var(--spacing-0-25)
}

.olx-ml-0-5 {
    margin-left: var(--spacing-0-5)
}

.olx-ml-1 {
    margin-left: var(--spacing-1)
}

.olx-ml-1-5 {
    margin-left: var(--spacing-1-5)
}

.olx-ml-2 {
    margin-left: var(--spacing-2)
}

.olx-ml-3 {
    margin-left: var(--spacing-3)
}

.olx-ml-4 {
    margin-left: var(--spacing-4)
}

.olx-ml-5 {
    margin-left: var(--spacing-5)
}

.olx-ml-6 {
    margin-left: var(--spacing-6)
}

.olx-ml-7 {
    margin-left: var(--spacing-7)
}

.olx-ml-8 {
    margin-left: var(--spacing-8)
}

.olx-ml-9 {
    margin-left: var(--spacing-9)
}

.olx-ml-10 {
    margin-left: var(--spacing-10)
}

.olx-mr-0 {
    margin-right: 0
}

.olx-mr-0-25 {
    margin-right: var(--spacing-0-25)
}

.olx-mr-0-5 {
    margin-right: var(--spacing-0-5)
}

.olx-mr-1 {
    margin-right: var(--spacing-1)
}

.olx-mr-1-5 {
    margin-right: var(--spacing-1-5)
}

.olx-mr-2 {
    margin-right: var(--spacing-2)
}

.olx-mr-3 {
    margin-right: var(--spacing-3)
}

.olx-mr-4 {
    margin-right: var(--spacing-4)
}

.olx-mr-5 {
    margin-right: var(--spacing-5)
}

.olx-mr-6 {
    margin-right: var(--spacing-6)
}

.olx-mr-7 {
    margin-right: var(--spacing-7)
}

.olx-mr-8 {
    margin-right: var(--spacing-8)
}

.olx-mr-9 {
    margin-right: var(--spacing-9)
}

.olx-mr-10 {
    margin-right: var(--spacing-10)
}

.olx-mt-0 {
    margin-top: 0
}

.olx-mt-0-25 {
    margin-top: var(--spacing-0-25)
}

.olx-mt-0-5 {
    margin-top: var(--spacing-0-5)
}

.olx-mt-1 {
    margin-top: var(--spacing-1)
}

.olx-mt-1-5 {
    margin-top: var(--spacing-1-5)
}

.olx-mt-2 {
    margin-top: var(--spacing-2)
}

.olx-mt-3 {
    margin-top: var(--spacing-3)
}

.olx-mt-4 {
    margin-top: var(--spacing-4)
}

.olx-mt-5 {
    margin-top: var(--spacing-5)
}

.olx-mt-6 {
    margin-top: var(--spacing-6)
}

.olx-mt-7 {
    margin-top: var(--spacing-7)
}

.olx-mt-8 {
    margin-top: var(--spacing-8)
}

.olx-mt-9 {
    margin-top: var(--spacing-9)
}

.olx-mt-10 {
    margin-top: var(--spacing-10)
}

.olx-mb-0 {
    margin-bottom: 0
}

.olx-mb-0-25 {
    margin-bottom: var(--spacing-0-25)
}

.olx-mb-0-5 {
    margin-bottom: var(--spacing-0-5)
}

.olx-mb-1 {
    margin-bottom: var(--spacing-1)
}

.olx-mb-1-5 {
    margin-bottom: var(--spacing-1-5)
}

.olx-mb-2 {
    margin-bottom: var(--spacing-2)
}

.olx-mb-3 {
    margin-bottom: var(--spacing-3)
}

.olx-mb-4 {
    margin-bottom: var(--spacing-4)
}

.olx-mb-5 {
    margin-bottom: var(--spacing-5)
}

.olx-mb-6 {
    margin-bottom: var(--spacing-6)
}

.olx-mb-7 {
    margin-bottom: var(--spacing-7)
}

.olx-mb-8 {
    margin-bottom: var(--spacing-8)
}

.olx-mb-9 {
    margin-bottom: var(--spacing-9)
}

.olx-mb-10 {
    margin-bottom: var(--spacing-10)
}

.olx-p-0 {
    padding: 0
}

.olx-p-0-25 {
    padding: var(--spacing-0-25)
}

.olx-p-0-5 {
    padding: var(--spacing-0-5)
}

.olx-p-1 {
    padding: var(--spacing-1)
}

.olx-p-1-5 {
    padding: var(--spacing-1-5)
}

.olx-p-2 {
    padding: var(--spacing-2)
}

.olx-p-3 {
    padding: var(--spacing-3)
}

.olx-p-4 {
    padding: var(--spacing-4)
}

.olx-p-5 {
    padding: var(--spacing-5)
}

.olx-p-6 {
    padding: var(--spacing-6)
}

.olx-p-7 {
    padding: var(--spacing-7)
}

.olx-p-8 {
    padding: var(--spacing-8)
}

.olx-p-9 {
    padding: var(--spacing-9)
}

.olx-p-10 {
    padding: var(--spacing-10)
}

.olx-pl-0 {
    padding-left: 0
}

.olx-pl-0-25 {
    padding-left: var(--spacing-0-25)
}

.olx-pl-0-5 {
    padding-left: var(--spacing-0-5)
}

.olx-pl-1 {
    padding-left: var(--spacing-1)
}

.olx-pl-1-5 {
    padding-left: var(--spacing-1-5)
}

.olx-pl-2 {
    padding-left: var(--spacing-2)
}

.olx-pl-3 {
    padding-left: var(--spacing-3)
}

.olx-pl-4 {
    padding-left: var(--spacing-4)
}

.olx-pl-5 {
    padding-left: var(--spacing-5)
}

.olx-pl-6 {
    padding-left: var(--spacing-6)
}

.olx-pl-7 {
    padding-left: var(--spacing-7)
}

.olx-pl-8 {
    padding-left: var(--spacing-8)
}

.olx-pl-9 {
    padding-left: var(--spacing-9)
}

.olx-pl-10 {
    padding-left: var(--spacing-10)
}

.olx-pr-0 {
    padding-right: 0
}

.olx-pr-0-25 {
    padding-right: var(--spacing-0-25)
}

.olx-pr-0-5 {
    padding-right: var(--spacing-0-5)
}

.olx-pr-1 {
    padding-right: var(--spacing-1)
}

.olx-pr-1-5 {
    padding-right: var(--spacing-1-5)
}

.olx-pr-2 {
    padding-right: var(--spacing-2)
}

.olx-pr-3 {
    padding-right: var(--spacing-3)
}

.olx-pr-4 {
    padding-right: var(--spacing-4)
}

.olx-pr-5 {
    padding-right: var(--spacing-5)
}

.olx-pr-6 {
    padding-right: var(--spacing-6)
}

.olx-pr-7 {
    padding-right: var(--spacing-7)
}

.olx-pr-8 {
    padding-right: var(--spacing-8)
}

.olx-pr-9 {
    padding-right: var(--spacing-9)
}

.olx-pr-10 {
    padding-right: var(--spacing-10)
}

.olx-pt-0 {
    padding-top: 0
}

.olx-pt-0-25 {
    padding-top: var(--spacing-0-25)
}

.olx-pt-0-5 {
    padding-top: var(--spacing-0-5)
}

.olx-pt-1 {
    padding-top: var(--spacing-1)
}

.olx-pt-1-5 {
    padding-top: var(--spacing-1-5)
}

.olx-pt-2 {
    padding-top: var(--spacing-2)
}

.olx-pt-3 {
    padding-top: var(--spacing-3)
}

.olx-pt-4 {
    padding-top: var(--spacing-4)
}

.olx-pt-5 {
    padding-top: var(--spacing-5)
}

.olx-pt-6 {
    padding-top: var(--spacing-6)
}

.olx-pt-7 {
    padding-top: var(--spacing-7)
}

.olx-pt-8 {
    padding-top: var(--spacing-8)
}

.olx-pt-9 {
    padding-top: var(--spacing-9)
}

.olx-pt-10 {
    padding-top: var(--spacing-10)
}

.olx-pb-0 {
    padding-bottom: 0
}

.olx-pb-0-25 {
    padding-bottom: var(--spacing-0-25)
}

.olx-pb-0-5 {
    padding-bottom: var(--spacing-0-5)
}

.olx-pb-1 {
    padding-bottom: var(--spacing-1)
}

.olx-pb-1-5 {
    padding-bottom: var(--spacing-1-5)
}

.olx-pb-2 {
    padding-bottom: var(--spacing-2)
}

.olx-pb-3 {
    padding-bottom: var(--spacing-3)
}

.olx-pb-4 {
    padding-bottom: var(--spacing-4)
}

.olx-pb-5 {
    padding-bottom: var(--spacing-5)
}

.olx-pb-6 {
    padding-bottom: var(--spacing-6)
}

.olx-pb-7 {
    padding-bottom: var(--spacing-7)
}

.olx-pb-8 {
    padding-bottom: var(--spacing-8)
}

.olx-pb-9 {
    padding-bottom: var(--spacing-9)
}

.olx-pb-10 {
    padding-bottom: var(--spacing-10)
}

.olx-gap-0 {
    gap: 0
}

.olx-gap-0-25 {
    gap: var(--spacing-0-25)
}

.olx-gap-0-5 {
    gap: var(--spacing-0-5)
}

.olx-gap-1 {
    gap: var(--spacing-1)
}

.olx-gap-1-5 {
    gap: var(--spacing-1-5)
}

.olx-gap-2 {
    gap: var(--spacing-2)
}

.olx-gap-3 {
    gap: var(--spacing-3)
}

.olx-gap-4 {
    gap: var(--spacing-4)
}

.olx-gap-5 {
    gap: var(--spacing-5)
}

.olx-gap-6 {
    gap: var(--spacing-6)
}

.olx-gap-7 {
    gap: var(--spacing-7)
}

.olx-gap-8 {
    gap: var(--spacing-8)
}

.olx-gap-9 {
    gap: var(--spacing-9)
}

.olx-gap-10 {
    gap: var(--spacing-10)
}

.olx-cg-0 {
    column-gap: 0
}

.olx-cg-0-25 {
    column-gap: var(--spacing-0-25)
}

.olx-cg-0-5 {
    column-gap: var(--spacing-0-5)
}

.olx-cg-1 {
    column-gap: var(--spacing-1)
}

.olx-cg-1-5 {
    column-gap: var(--spacing-1-5)
}

.olx-cg-2 {
    column-gap: var(--spacing-2)
}

.olx-cg-3 {
    column-gap: var(--spacing-3)
}

.olx-cg-4 {
    column-gap: var(--spacing-4)
}

.olx-cg-5 {
    column-gap: var(--spacing-5)
}

.olx-cg-6 {
    column-gap: var(--spacing-6)
}

.olx-cg-7 {
    column-gap: var(--spacing-7)
}

.olx-cg-8 {
    column-gap: var(--spacing-8)
}

.olx-cg-9 {
    column-gap: var(--spacing-9)
}

.olx-cg-10 {
    column-gap: var(--spacing-10)
}

.olx-rg-0 {
    row-gap: 0
}

.olx-rg-0-25 {
    row-gap: var(--spacing-0-25)
}

.olx-rg-0-5 {
    row-gap: var(--spacing-0-5)
}

.olx-rg-1 {
    row-gap: var(--spacing-1)
}

.olx-rg-1-5 {
    row-gap: var(--spacing-1-5)
}

.olx-rg-2 {
    row-gap: var(--spacing-2)
}

.olx-rg-3 {
    row-gap: var(--spacing-3)
}

.olx-rg-4 {
    row-gap: var(--spacing-4)
}

.olx-rg-5 {
    row-gap: var(--spacing-5)
}

.olx-rg-6 {
    row-gap: var(--spacing-6)
}

.olx-rg-7 {
    row-gap: var(--spacing-7)
}

.olx-rg-8 {
    row-gap: var(--spacing-8)
}

.olx-rg-9 {
    row-gap: var(--spacing-9)
}

.olx-rg-10 {
    row-gap: var(--spacing-10)
}

.elSOHA {
    margin-top: var(--spacing-6);
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4G1ilXs1Uj.woff) format('woff')
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4G5ClXs1Uj.woff) format('woff')
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: normal;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4GCC5Xs1Uj.woff) format('woff')
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4GMS5Xs1Uj.woff) format('woff')
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t4R-tQKr51pE8.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7txR-tQKr51pE8.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t6R-tQKr51pE8.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t7R-tQKr51pE8.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t1R-tQKr51.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t4R-tQKr51pE8.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7txR-tQKr51pE8.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t6R-tQKr51pE8.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t7R-tQKr51pE8.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t1R-tQKr51.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t4R-tQKr51pE8.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7txR-tQKr51pE8.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t6R-tQKr51pE8.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t7R-tQKr51pE8.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t1R-tQKr51.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t4R-tQKr51pE8.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7txR-tQKr51pE8.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t6R-tQKr51pE8.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t7R-tQKr51pE8.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t1R-tQKr51.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

.dark {
    --color-neutral-70: #1a1d23;
    --color-neutral-80: #3c4453;
    --color-neutral-90: #5e6a82;
    --color-neutral-110: #cfd4dd;
    --color-neutral-120: #f5f6f7;
    --color-neutral-130: #ffffff;
    --color-feedback-success-80: #105323;
    --color-feedback-success-90: #197b35;
    --color-feedback-success-100: #24a148;
    --color-feedback-success-110: #8ce563;
    --color-feedback-success-120: #def9cc;
    --color-feedback-error-80: #3b0505;
    --color-feedback-error-90: #901111;
    --color-feedback-error-110: #f48787;
    --color-feedback-error-120: #fff5f5;
    --color-feedback-attention-80: #3c2a09;
    --color-feedback-attention-90: #7b5613;
    --color-feedback-attention-110: #ffe19a;
    --color-feedback-attention-120: #fff7e0;
    --color-feedback-info-80: #0a2b34;
    --color-feedback-info-90: #14596b;
    --color-feedback-info-110: #9ce6f9;
    --color-feedback-info-120: #e1f9ff;
    --color-primary-70: #b35a00;
    --color-primary-80: #cb6700;
    --color-primary-90: #b35a00;
    --color-primary-110: #ffbb73;
    --color-primary-120: #ffe1bf;
    --color-primary-130: #fff3e6;
    --color-secondary-70: #37056b;
    --color-secondary-80: #49078f;
    --color-secondary-90: #5c08b2;
    --color-secondary-100: #c599ff;
    --color-secondary-110: #994dfa;
    --color-secondary-120: #6e0ad6;
    --color-secondary-130: #f0e6ff;
    --shadow-top-1: 0px -1px 1px rgba(255, 255, 255, 0.16);
    --shadow-top-3: 0px -3px 4px rgba(255, 255, 255, 0.16);
    --shadow-top-6: 0px -6px 10px rgba(255, 255, 255, 0.16);
    --shadow-top-9: 0px -9px 12px rgba(255, 255, 255, 0.16);
    --shadow-top-12: 0px -12px 17px rgba(255, 255, 255, 0.16);
    --shadow-bottom-1: 0px 1px 1px rgba(255, 255, 255, 0.16);
    --shadow-bottom-3: 0px 3px 4px rgba(255, 255, 255, 0.16);
    --shadow-bottom-6: 0px 6px 10px rgba(255, 255, 255, 0.16);
    --shadow-bottom-9: 0px 9px 12px rgba(255, 255, 255, 0.16);
    --shadow-bottom-12: 0px 12px 17px rgba(255, 255, 255, 0.16);
    --shadow-level-1: 0px 1px 1px rgba(255, 255, 255, 0.14);
    --shadow-level-2: 0px 2px 2px rgba(255, 255, 255, 0.14);
    --shadow-level-3: 0px 3px 4px rgba(255, 255, 255, 0.14);
    --shadow-level-4: 0px 4px 5px rgba(255, 255, 255, 0.14);
    --shadow-level-6: 0px 6px 10px rgba(255, 255, 255, 0.14);
    --shadow-level-8: 0px 8px 10px rgba(255, 255, 255, 0.14);
    --shadow-level-9: 0px 9px 12px rgba(255, 255, 255, 0.14);
    --shadow-level-12: 0px 12px 17px rgba(255, 255, 255, 0.14);
    --shadow-level-16: 0px 16px 24px rgba(255, 255, 255, 0.14);
    --shadow-level-24: 0px 24px 38px rgba(255, 255, 255, 0.14);
    --button-primary-background-color-base: #f28000;
    --button-primary-background-color-hover: #ffbb73;
    --button-primary-background-color-loading: #f28000;
    --button-primary-border-color-base: #f28000;
    --button-primary-border-color-hover: #ffbb73;
    --button-primary-color-font-base: #ffffff;
    --button-primary-color-outline: #cb6700;
    --button-secondary-background-color-base: transparent;
    --button-secondary-background-color-hover: #b35a00;
    --button-secondary-background-color-loading: transparent;
    --button-secondary-border-color-base: #f28000;
    --button-secondary-border-color-hover: #b35a00;
    --button-secondary-color-font-base: #f28000;
    --button-secondary-color-outline: #cb6700;
    --button-secondary-inverted-background-color-base: #1a1d2300;
    /* Possui transparência aplicada no hexadecimal */
    --button-secondary-inverted-background-color-hover: #1a1d232B;
    /* Possui transparência aplicada no hexadecimal */
    --button-secondary-inverted-background-color-loading: transparent;
    --button-secondary-inverted-border-color-base: #1a1d23;
    --button-secondary-inverted-border-color-hover: #1a1d232B;
    /* Possui transparência aplicada no hexadecimal */
    --button-secondary-inverted-color-font-base: #1a1d23;
    --button-secondary-inverted-color-outline: #1a1d2352;
    /* Possui transparência aplicada no hexadecimal */
    --button-tertiary-background-color-base: #b35a00;
    --button-tertiary-background-color-hover: #cb6700;
    --button-tertiary-background-color-loading: #ffbb73;
    --button-tertiary-border-color-base: #b35a00;
    --button-tertiary-border-color-hover: #cb6700;
    --button-tertiary-color-font-base: #ffe1bf;
    --button-tertiary-color-outline: #cb6700;
    --button-link-button-background-color-base: transparent;
    --button-link-button-background-color-hover: #37056b;
    --button-link-button-background-color-loading: #37056b;
    --button-link-button-border-color-base: transparent;
    --button-link-button-border-color-hover: #37056b;
    --button-link-button-color-font-base: #c599ff;
    --button-link-button-color-outline: #37056b;
    --button-danger-background-color-base: #e22828;
    --button-danger-background-color-hover: #f48787;
    --button-danger-background-color-loading: #e22828;
    --button-danger-border-color-base: #e22828;
    --button-danger-border-color-hover: #f48787;
    --button-danger-color-font-base: #ffffff;
    --button-danger-color-outline: #901111;
    --button-neutral-background-color-base: transparent;
    --button-neutral-background-color-hover: #5e6a82;
    /* Possui transparência aplicada no hexadecimal */
    --button-neutral-background-color-loading: transparent;
    --button-neutral-border-color-base: #cfd4dd;
    --button-neutral-border-color-hover: #cfd4dd;
    --button-neutral-color-font-base: #ffffff;
    --button-neutral-color-outline: #3c4453;
    --button-disabled-background-color: #3c4453;
    --button-disabled-border-color: transparent;
    --button-disabled-color-font: #cfd4dd;
    --carousel-focus: #ffffff;
    --carousel-arrow-background-color-base: #1a1d23;
    --carousel-arrow-background-color-hover: #5e6a82;
    --carousel-arrow-color: #ffffff;
    --checkbox-background-color-base: #1a1d23;
    --checkbox-background-color-checked: #c599ff;
    --checkbox-background-color-checked-hover: #6e0ad6;
    --checkbox-background-color-error: #3b0505;
    --checkbox-background-color-hover: #3c4453;
    --checkbox-border-color-base: #5e6a82;
    --checkbox-border-color-hover: #5e6a82;
    --checkbox-border-color-error: #e22828;
    --checkbox-color-outline: #49078f;
    --checkbox-color-icon: #1a1d23;
    --container-background-color: #1a1d23;
    --container-border-color-outlined: #5e6a82;
    --divider-default-background-color: #5e6a82;
    --divider-inverted-background-color: #cfd4dd;
    --dropdown-background-color-base: #1a1d23;
    --dropdown-background-color-error: #3b0505;
    --dropdown-background-color-disabled: #3c4453;
    --dropdown-border-color-base: #5e6a82;
    --dropdown-border-color-disabled: #3c4453;
    --dropdown-border-color-error: #e22828;
    --dropdown-border-color-focus: #c599ff;
    --dropdown-border-color-hover: #5e6a82;
    --dropdown-border-color-selected: #ffffff;
    --dropdown-color-font-base: #8994a9;
    --dropdown-color-font-disabled: #8994a9;
    --dropdown-color-font-selected: #ffffff;
    --dropdown-icon-color-base: #ffffff;
    --dropdown-icon-color-disabled: #8994a9;
    --link-color-main-base: #c599ff;
    --link-color-main-hover: #994dfa;
    --link-color-main-active: #6e0ad6;
    --link-color-grey-base: #ffffff;
    --link-color-grey-hover: #c599ff;
    --link-color-grey-active: #994dfa;
    --link-color-inverted-base: #f5f6f7;
    --link-color-inverted-hover: #6e0ad6;
    --link-color-inverted-active: #f0e6ff;
    --modal-background-color: #1a1d23;
    --modal-button-background-color-hover: #5e6a82;
    --modal-button-background-color-focus: #ffffff;
    --modal-button-color: #ffffff;
    --radio-background-color-base: #1a1d23;
    --radio-background-color-checked: #c599ff;
    --radio-background-color-checked-hover: #6e0ad6;
    --radio-background-color-error: #e22828;
    --radio-background-color-hover: #3c4453;
    --radio-border-color-base: #cfd4dd;
    --radio-border-color-checked: #c599ff;
    --radio-border-color-checked-hover: #6e0ad6;
    --radio-border-color-hover: #5e6a82;
    --radio-border-color-error: #e22828;
    --radio-color-outline: #49078f;
    --radio-font-color: #ffffff;
    --skeleton-background-0: linear-gradient(90deg, #3c4453 0%, #5e6a82 0%, #3c4453 100%);
    --skeleton-background-20: linear-gradient(90deg, #3c4453 0%, #5e6a82 20%, #3c4453 100%);
    --skeleton-background-40: linear-gradient(90deg, #3c4453 0%, #5e6a82 40%, #3c4453 100%);
    --skeleton-background-60: linear-gradient(90deg, #3c4453 0%, #5e6a82 60%, #3c4453 100%);
    --skeleton-background-80: linear-gradient(90deg, #3c4453 0%, #5e6a82 80%, #3c4453 100%);
    --skeleton-background-100: linear-gradient(90deg, #3c4453 0%, #5e6a82 100%, #3c4453 100%);
    --spinner-color: #c599ff;
    --spinner-inverted-color: #1a1d23;
    --spots-background-circle: #37056b;
    --spots-background-triangle: #105323;
    --spots-background-square: #b35a00;
    --spots-background-neutral: #3c4453;
    --spots-color-circle: #c599ff;
    --spots-color-triangle: #197b35;
    --spots-color-square: #f28000;
    --spots-color-neutral: #5e6a82;
    --spots-border-color-default: #ffffff;
    --spots-border-color-neutral: #8994a9;
    --textinput-background-color-base: #1a1d23;
    --textinput-background-color-error: #3b0505;
    --textinput-background-color-disabled: #3c4453;
    --textinput-background-color-success: #1a1d23;
    --textinput-border-color-empty: #5e6a82;
    --textinput-border-color-error: #e22828;
    --textinput-border-color-disabled: transparent;
    --textinput-border-color-filled: #ffffff;
    --textinput-border-color-focus: #c599ff;
    --textinput-border-color-hover: #5e6a82;
    --textinput-border-color-success: #24a148;
    --textinput-border-color-empty-hover: #5e6a82;
    --textinput-color-font: #ffffff;
    --textinput-color-placeholder: #8994a9;
    --textinput-color-disabled: #8994a9;
    --textinput-icon-color: #f5f6f7;
    --textinput-caption-font-color: #f5f6f7;
    --textinput-feedback-error-font-color: #e22828;
    --text-color: #ffffff;
    --toast-background-color: #f5f6f7;
    --toast-font-color: #1a1d23;
    --toast-close-icon-color: #1a1d23;
    --toggleswitch-background-color-base: #5e6a82;
    --toggleswitch-background-color-checked: #c599ff;
    --toggleswitch-background-color-checked-hover: #6e0ad6;
    --toggleswitch-background-color-hover: #8994a9;
    --toggleswitch-color-outline: #49078f;
    --toggleswitch-icon-color: #1a1d23;
}