:root {
    --font-family-primary: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-family-secondary: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --purple: #6e0ad6;
    --blue: #1264f9;
    --text: #1a1d23;
    --muted: #7c8496;
    --border: #ccd2dd;
    --disabled: #eef0f4;
}


@keyframes flow-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.purple-loader { position: fixed; z-index: 1000; inset: 0; display: grid; place-content: center; justify-items: center; color: var(--purple); background: rgba(255,255,255,.94); }
.purple-loader span { width: 52px; height: 52px; border: 5px solid #eadcff; border-top-color: var(--purple); border-radius: 50%; animation: purple-spin .7s linear infinite; }
.purple-loader p { margin: 14px 0 0; font-weight: 700; }
@keyframes purple-spin { to { transform: rotate(360deg); } }
body.is-loading { overflow: hidden; }
.method-panel button.method-card { font-family: inherit; text-align: left; background: #fff; cursor: pointer; }
.method-panel .method-icon { display: grid; place-items: center; font-size: 27px; }
.method-panel .method-icon { --spots-background-circle: #f3eaff; --spots-color-circle: #7200d8; --spots-border-color-default: #24242a; --color-neutral-70: #fff; }
.link-button { padding: 0; border: 0; color: var(--purple); background: transparent; font: inherit; font-weight: 600; cursor: pointer; }
.otp-submit { margin: 8px 0 14px; }
.otp-submit[hidden] { display: none; }

/* Ajustes fiéis às telas de referência. */
[data-screen="method"] .access-page { margin-top: 96px; }
[data-screen="method"] .method-panel { padding-top: 23px; }
[data-screen="method"] .email-method { background: #f1f2f5; }
[data-screen="password"] .password-page { margin-top: 96px; }
[data-screen="password"] .password-card { min-height: 353px; padding-top: 50px; }
[data-screen="password"] .password-card input { border: 1px solid var(--border); }
[data-screen="password"] .password-card input:focus { border: 2px solid var(--purple); }
[data-screen="password"] .continue-demo { margin-top: 94px; background: var(--purple); }
[data-screen="password"] .continue-demo:hover { background: #5900b8; }
[data-screen="password"] .password-links { margin-top: 26px; }
[data-screen="otp"] .otp-page { margin-top: 96px; }
[data-screen="otp"] .otp-card { padding-top: 31px; }

@media (max-width: 760px) {
    [data-screen="method"] .l {
        display: none;
    }

    [data-screen="password"] .l {
        display: none;
    }

    [data-screen="otp"] .l {
        display: none;
    }

    [data-screen="method"] .access-page,
    [data-screen="password"] .password-page,
    [data-screen="otp"] .otp-page { margin-top: 0; }
    [data-screen="method"] .method-panel { padding-top: 47px; }
  [data-screen="password"] .password-card { padding-top: 25px; }
  [data-screen="password"] .continue-demo { margin-top: 40px; }
}
.success-screen { min-height: 100vh; padding: 30px; display: grid; place-items: center; }
.success-card { width: min(440px, 100%); padding: 48px 32px; border: 1px solid var(--border); border-radius: 12px; text-align: center; box-shadow: 0 12px 40px rgba(45,16,78,.1); }
.success-card > span { width: 64px; height: 64px; margin: auto; border-radius: 50%; display: grid; place-items: center; color: #fff; background: var(--purple); font-size: 34px; }
.success-card h1 { margin: 20px 0 8px; }
.success-card p { margin: 0 0 28px; color: var(--muted); }


* {
    box-sizing: border-box;
}

html,
body {
    min-height: 100%;
}

body {
    margin: 0;
    color: var(--text);
    background: #fff;
    font-family: var(--font-family-primary);
}

a {
    color: var(--purple);
    text-decoration: none;
}

a:hover,
a:focus-visible {
    text-decoration: underline;
}

.site-header {
    height: 81px;
    padding: 0 max(4.65vw, 24px);
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo {
    color: var(--purple);
    font-size: 14px;
    font-weight: 500;
}

.logo-image,
.olx-logo-olx {
    width: 90px !important; 
    height: 60px;
    display: block;
}


.help-link {
    color: #111;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
}

.help-icon {
    width: 14px;
    height: 14px;
    border: 1px solid currentColor;
    border-radius: 50%;
    display: inline-grid;
    place-items: center;
    font-size: 10px;
    line-height: 1;
}

.login-page {
    width: min(976px, calc(100% - 48px));
    margin: 96px auto 0;
    display: grid;
    grid-template-columns: 1fr 504px;
    grid-template-areas:
        "intro card"
        "terms card";
    column-gap: 56px;
}

.intro {
    grid-area: intro;
}

.intro h1 {
    margin: 3px 0 10px;
    font-size: clamp(30px, 2.5vw, 40px);
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -.5px;
}

.intro p {
    margin: 0;
    font-size: 18px;
}

.login-card {
    grid-area: card;
    min-height: 394px;
    padding: 48px 31px 35px;
    border: 1px solid var(--border);
    border-radius: 8px;
}

.mobile-title {
    display: none;
}

.social-login {
    display: flex;
    justify-content: center;
    gap: 24px;
}

button,
input {
    font: inherit;
}

button {
    cursor: pointer;
}

.social-button {
    height: 49px;
    padding: 0 25px;
    border-radius: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    font-size: 16px;
    transition: transform .15s ease, box-shadow .15s ease;
}

.social-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 3px 10px rgba(20, 32, 55, .12);
}

.google {
    min-width: 133px;
    border: 1px solid var(--border);
    color: #111;
    background: #fff;
}

.google svg {
    width: 21px;
    height: 21px;
}

.facebook {
    min-width: 150px;
    border: 1px solid var(--blue);
    color: #fff;
    background: var(--blue);
}

.facebook-icon {
    font-family: var(--font-family-secondary);
    font-size: 29px;
    font-weight: 700;
    line-height: 1;
}

.separator {
    margin: 39px 0 24px;
    color: #8a8f99;
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 13px;
}

.separator::before,
.separator::after {
    content: "";
    height: 1px;
    flex: 1;
    background: var(--border);
}

label {
    display: block;
    margin-bottom: 9px;
    color: #111;
    font-size: 16px;
    font-weight: 600;
}

input {
    width: 100%;
    height: 49px;
    padding: 0 14px;
    border: 1px solid var(--border);
    border-radius: 8px;
    outline: none;
    color: var(--text);
    background: #fff;
}

input:focus {
    border-color: var(--purple);
    box-shadow: 0 0 0 2px rgba(110, 10, 214, .12);
}

input.is-invalid {
    border-color: #d93025;
}

.error-message {
    min-height: 14px;
    margin-top: 4px;
    display: block;
    color: #c5221f;
    font-size: 12px;
}

.continue-button {
    width: 100%;
    height: 49px;
    margin-top: 0;
    border: 0;
    border-radius: 26px;
    color: #fff;
    background: var(--purple);
    font-size: 16px;
    font-weight: 600;
}

.continue-button:disabled {
    cursor: not-allowed;
    color: #929cb1;
    background: var(--disabled);
}

.continue-button:not(:disabled):hover {
    background: #5900b8;
}

.register {
    margin: 18px 0 0;
    text-align: center;
    font-size: 14px;
}

.demo-warning { margin: 12px 0 0; color: #687083; text-align: center; font-size: 11px; }
.otp-step { position: relative; }
.otp-step[hidden] { display: none; }
.step-back { padding: 0; border: 0; position: absolute; top: -26px; left: -8px; color: var(--text); background: transparent; font-size: 27px; }
.otp-step h2 { margin: 0 0 8px; font-size: 25px; font-weight: 400; line-height: 1.35; text-align: center; }
.otp-description, .demo-identity { margin: 0; color: #596274; font-size: 13px; text-align: center; }
.demo-identity { min-height: 19px; margin-top: 8px; overflow: hidden; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.otp-fields { margin-top: 24px; display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
.otp-fields input { min-width: 0; height: auto; padding: 0; aspect-ratio: 1; font-size: 21px; font-weight: 700; text-align: center; }
.otp-fields input:focus { border: 2px solid var(--purple); }
.resend-code { margin: 17px auto 0; padding: 0; border: 0; display: block; color: var(--purple); background: transparent; font-weight: 600; }
.resend-code:disabled { color: #737b8d; cursor: default; }
.otp-status { min-height: 20px; margin: 20px 0 0; color: #596274; font-size: 13px; text-align: center; }

.terms {
    grid-area: terms;
    align-self: end;
    margin: 0 0 3px;
    color: #3e485c;
    font-size: 11.5px;
    line-height: 2.15;
}

@media (max-width: 760px) {
    .site-header {
        height: 81px;
        padding: 0 18px;
    }

    .login-page {
        width: 100%;
        min-height: calc(100vh - 81px);
        margin: 0;
        padding: 34px 37px 31px;
        display: flex;
        flex-direction: column;
    }

    .intro {
        display: none;
    }

    .login-card {
        min-height: 0;
        padding: 0;
        border: 0;
    }

    .otp-step { padding-top: 15px; }
    .step-back { top: -19px; }
    .otp-fields { gap: clamp(7px, 2.4vw, 13px); }

    .mobile-title {
        margin: 0 2px 24px;
        display: block;
        font-size: 16px;
        line-height: 1.35;
        white-space: nowrap;
    }

    .social-login {
        justify-content: space-between;
        gap: 16px;
    }

    .social-button {
        padding: 0 20px;
    }

    .google,
    .facebook {
        min-width: 0;
        flex: 1;
    }

    .separator {
        margin: 46px 0 17px;
    }

    input {
        height: 49px;
    }

    .continue-button {
        margin-top: 0;
    }

    .register {
        margin-top: 18px;
    }

    .terms {
        margin: auto 4px 0;
        padding-top: 60px;
        text-align: center;
        font-size: 12px;
        line-height: 2;
    }
}

@media (max-width: 390px) {
    .login-page {
        padding-right: 24px;
        padding-left: 24px;
    }

    .mobile-title {
        font-size: 15px;
        white-space: normal;
    }

    .social-login {
        gap: 10px;
    }

    .social-button {
        padding: 0 12px;
        font-size: 14px;
    }
}

@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap");:root {
    --badge-rectangle-radius: 4px;
    --badge-secondary-background-color: #f0e6ff;
    --badge-secondary-color: #6e0ad6;
    --button-social-whatsapp-color-font-base: #fff;
    --button-social-whatsapp-background-color-base: #21c063;
    --button-social-whatsapp-background-color-hover: #24b05e;
    --button-social-whatsapp-background-color-active: #1daa61;
    --button-social-whatsapp-border-base: #21c063;
    --button-social-whatsapp-border-hover: #24b05e;
    --button-social-whatsapp-border-active: #1daa61;
    --button-social-facebook-color-font-base: #fff;
    --button-social-facebook-background-color-base: #0866ff;
    --button-social-facebook-background-color-hover: #1877f2;
    --button-social-facebook-background-color-active: #3b4c79;
    --button-social-facebook-border-base: #0866ff;
    --button-social-facebook-border-hover: #1877f2;
    --button-social-facebook-border-active: #3b4c79;
    --button-social-apple-color-font-base: #fff;
    --button-social-apple-background-color-base: #1a1d23;
    --button-social-apple-background-color-hover: #3c4453;
    --button-social-apple-background-color-active: #5e6a82;
    --button-social-apple-border-base: #1a1d23;
    --button-social-apple-border-hover: #3c4453;
    --button-social-apple-border-active: #5e6a82;
    --button-social-google-color-font-base: #1a1d23;
    --button-social-google-background-color-base: #fff;
    --button-social-google-background-color-hover: #eff1f5;
    --button-social-google-background-color-active: #cfd4dd;
    --button-social-google-border-base: #cfd4dd;
    --button-social-google-border-hover: #cfd4dd;
    --button-social-google-border-active: #cfd4dd;
    --accordion-border-width: 1px;
    --accordion-border-color-default: #cfd4dd;
    --accordion-border-color-disabled: #eff1f5;
    --accordion-background-color-default: #fff;
    --accordion-background-color-hover: #eff1f5;
    --accordion-background-color-disabled: #eff1f5;
    --accordion-text-color-default: #1a1d23;
    --accordion-text-color-disabled: #5e6a82;
    --accordion-color-icon-disabled: #5e6a82;
    --accordion-color-icon-default: #1a1d23;
    --accordion-border-radius: 8px;
    --alertbox-radius: 12px;
    --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-width-0: 0;
    --border-width-1: 8px;
    --border-width-0-1: 1px;
    --border-width-0-25: 2px;
    --border-width-0-5: 4px;
    --media-query-sm: 360px;
    --media-query-md: 840px;
    --media-query-lg: 1200px;
    --media-query-xl: 1500px;
    --media-query-xxl: 1720px;
    --color-neutral-70: #fff;
    --color-neutral-80: #eff1f5;
    --color-neutral-90: #cfd4dd;
    --color-neutral-100: #8994a9;
    --color-neutral-110: #5e6a82;
    --color-neutral-120: #3c4453;
    --color-neutral-130: #1a1d23;
    --color-feedback-success-10: #def9cc;
    --color-feedback-success-20: #8ce563;
    --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-error-10: #fef2f2;
    --color-feedback-error-20: #fca5a5;
    --color-feedback-error-80: #fef2f2;
    --color-feedback-error-90: #fca5a5;
    --color-feedback-error-100: #dc2626;
    --color-feedback-error-110: #b91c1c;
    --color-feedback-error-120: #7f1d1d;
    --color-feedback-attention-10: #fff7e0;
    --color-feedback-attention-20: #fde093;
    --color-feedback-attention-80: #fff7e0;
    --color-feedback-attention-90: #fde093;
    --color-feedback-attention-100: #f9af27;
    --color-feedback-attention-110: #b45309;
    --color-feedback-attention-120: #742b04;
    --color-feedback-info-80: #e1f9ff;
    --color-feedback-info-90: #9ce6f9;
    --color-feedback-info-100: #28b5d9;
    --color-feedback-info-110: #127896;
    --color-feedback-info-120: #083c4f;
    --color-gradient-new: linear-gradient(270deg,#f28000,#e22828 50%,#6e0ad6);
    --color-gradient-pro: linear-gradient(90deg,#6e0ad6,#37056b);
    --color-gradient-ai: linear-gradient(246deg,#ff00f5,#5c08b2);
    --color-primary-70: #fff3e6;
    --color-primary-80: #ffe1bf;
    --color-primary-90: #ffbb73;
    --color-primary-100: #6e0ad6;
    --color-primary-110: #df7400;
    --color-primary-120: #cb6700;
    --color-primary-130: #b35a00;
    --color-secondary-70: #f0e6ff;
    --color-secondary-80: #c599ff;
    --color-secondary-90: #994dfa;
    --color-secondary-100: #f28000;
    --color-secondary-110: #5c08b2;
    --color-secondary-120: #49078f;
    --color-secondary-130: #37056b;
    --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-weight-bold: 700;
    --font-weight-semibold: 600;
    --font-weight-medium: 500;
    --font-weight-regular: 400;
    --font-weight-light: 300;
    --line-height-supertight: 1;
    --line-height-tight: 1.15;
    --line-height-medium: 1.32;
    --line-height-distant: 1.40;
    --line-height-superdistant: 1.50;
    --link-main-color-default: #6e0ad6;
    --link-main-color-hover: #5c08b2;
    --link-main-color-active: #49078f;
    --link-grey-color-default: #1a1d23;
    --link-grey-color-hover: #6e0ad6;
    --link-grey-color-active: #5c08b2;
    --link-inverted-color-default: #fff;
    --link-inverted-color-hover: #c599ff;
    --link-inverted-color-active: #f0e6ff;
    --link-gap: 4px;
    --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;
    --shadow-none: 0;
    --shadow-top-1: 0px -1px 1px rgba(0,0,0,.16);
    --shadow-top-3: 0px -3px 4px rgba(0,0,0,.16);
    --shadow-top-6: 0px -6px 10px rgba(0,0,0,.16);
    --shadow-top-9: 0px -9px 12px rgba(0,0,0,.16);
    --shadow-top-12: 0px -12px 17px rgba(0,0,0,.16);
    --shadow-bottom-1: 0px 1px 1px rgba(0,0,0,.16);
    --shadow-bottom-3: 0px 3px 4px rgba(0,0,0,.16);
    --shadow-bottom-6: 0px 6px 10px rgba(0,0,0,.16);
    --shadow-bottom-9: 0px 9px 12px rgba(0,0,0,.16);
    --shadow-bottom-12: 0px 12px 17px rgba(0,0,0,.16);
    --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;
    --spots-background-circle: var(--color-secondary-70);
    --spots-background-triangle: var(--color-feedback-success-120);
    --spots-background-square: var(--color-primary-70);
    --spots-background-neutral: var(--color-neutral-70);
    --spots-color-circle: var(--color-secondary-100);
    --spots-color-triangle: var(--color-feedback-success-90);
    --spots-color-square: var(--color-primary-100);
    --spots-color-neutral: var(--color-neutral-90);
    --spots-border-color-default: var(--color-neutral-130);
    --spots-border-color-neutral: var(--color-neutral-100);
    --transition-delay-1: 100ms;
    --transition-delay-2: 200ms;
    --transition-delay-3: 300ms;
    --transition-delay-4: 400ms;
    --transition-delay-5: 500ms;
    --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-repetition-2: 2;
    --transition-repetition-3: 3;
    --transition-repetition-infinite: infinite;
    --font-family-primary: "Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    --font-family-secondary: "Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    --adcard-badge-highlight-background-color: #6e0ad6;
    --adcard-badge-boosted-background-color: #f28000;
    --button-primary-font-color-default: #fff;
    --button-primary-background-color-default: #f28000;
    --button-primary-background-color-hover: #df7400;
    --button-primary-background-color-pressed: #cb6700;
    --button-primary-border-color-default: #f28000;
    --button-primary-border-color-hover: #df7400;
    --button-primary-border-color-pressed: #cb6700;
    --button-secondary-font-color-default: #cb6700;
    --button-secondary-background-color-default: #fff3e6;
    --button-secondary-background-color-hover: #ffe1bf;
    --button-secondary-background-color-pressed: #ffbb73;
    --button-secondary-border-color-default: #fff3e6;
    --button-secondary-border-color-hover: #ffe1bf;
    --button-secondary-border-color-pressed: #ffbb73;
    --button-tertiary-font-color-default: #f28000;
    --button-tertiary-background-color-default: #fff;
    --button-tertiary-background-color-hover: #fff3e6;
    --button-tertiary-background-color-pressed: #ffe1bf;
    --button-tertiary-border-color-default: #f28000;
    --button-tertiary-border-color-hover: #fff3e6;
    --button-tertiary-border-color-pressed: #ffe1bf;
    --button-danger-font-color-default: #fff;
    --button-danger-background-color-default: #dc2626;
    --button-danger-background-color-hover: #b91c1c;
    --button-danger-background-color-pressed: #7f1d1d;
    --button-danger-border-color-default: #dc2626;
    --button-danger-border-color-hover: #b91c1c;
    --button-danger-border-color-pressed: #7f1d1d;
    --button-neutral-font-color-default: #1a1d23;
    --button-neutral-background-color-default: #fff;
    --button-neutral-background-color-hover: #eff1f5;
    --button-neutral-background-color-pressed: #cfd4dd;
    --button-neutral-border-color-default: #3c4453;
    --button-neutral-border-color-hover: #3c4453;
    --button-neutral-border-color-pressed: #3c4453;
    --button-link-font-color-default: #6e0ad6;
    --button-link-background-color-default: transparent;
    --button-link-background-color-hover: #f0e6ff;
    --button-link-background-color-pressed: #c599ff;
    --button-link-border-color-default: transparent;
    --button-link-border-color-hover: #f0e6ff;
    --button-link-border-color-pressed: #c599ff;
    --button-disabled-background-color-default: #eff1f5;
    --button-disabled-font-color-default: #8994a9;
    --button-disabled-border-color-default: #eff1f5;
    --button-border-radius: 40px;
    --card-background-color: #fff;
    --card-border-color: #cfd4dd;
    --card-border-radius: 8px;
    --checkbox-radiobutton-unchecked-border-color-hover: #f0e6ff;
    --checkbox-radiobutton-unchecked-background-color-hover: #f0e6ff;
    --checkbox-radiobutton-checked-border-color-default: #fff;
    --checkbox-radiobutton-checked-border-color-hover: #f0e6ff;
    --checkbox-radiobutton-checked-background-color-default: #fff;
    --checkbox-radiobutton-checked-background-color-hover: #f0e6ff;
    --checkbox-radiobutton-input-checked-border-color-default: #6e0ad6;
    --checkbox-radiobutton-input-checked-background-color-default: #6e0ad6;
    --checkbox-radiobutton-input-checked-background-color-hover: #5c08b2;
    --checkbox-radiobutton-border-radius: 8px;
    --chip-border-radius: 40px;
    --chip-border-color-default: #cfd4dd;
    --chip-border-color-hover: #6e0ad6;
    --chip-border-color-selected: #6e0ad6;
    --chip-border-color-disabled: #eff1f5;
    --chip-background-color-default: #fff;
    --chip-background-color-hover: #eff1f5;
    --chip-background-color-selected: #f0e6ff;
    --chip-background-color-disabled: #eff1f5;
    --chip-font-color-default: #1a1d23;
    --chip-font-color-hover: #6e0ad6;
    --chip-font-color-selected: #6e0ad6;
    --chip-font-color-disabled: #8994a9;
    --input-textarea-border-color-selected: #6e0ad6;
    --input-textarea-border-radius: 8px;
    --input-border-radius: 8px;
    --modal-overlay-background-color: rgba(0,0,0,.6);
    --modal-overlay-z-index: 9998;
    --modal-content-background-color: #fff;
    --modal-content-border-radius: 16px;
    --modal-content-border-radius-mobile: 12px;
    --modal-content-box-shadow: 0 10px 38px rgba(0,0,0,.35),0 10px 20px rgba(0,0,0,.2);
    --modal-content-z-index: 9999;
    --modal-side-sheet-width: 480px;
    --modal-close-button-size: 32px;
    --modal-close-button-top: 16px;
    --modal-close-button-right: 16px;
    --modal-close-button-color: #3c4453;
    --modal-close-button-border-radius: 8px;
    --modal-close-button-hover-background-color: #cfd4dd;
    --modal-close-button-hover-color: #1a1d23;
    --modal-close-button-active-background-color: #8994a9;
    --modal-close-button-focus-outline: #5c08b2;
    --modal-header-padding: 24px 24px 16px;
    --modal-header-padding-mobile: 16px 16px 12px;
    --modal-header-border: 1px solid #cfd4dd;
    --modal-title-font-family: "Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    --modal-title-font-size: 20px;
    --modal-title-font-size-mobile: 18px;
    --modal-title-font-weight: 600;
    --modal-title-line-height: 28px;
    --modal-title-line-height-mobile: 24px;
    --modal-title-color: #1a1d23;
    --modal-title-left-slot-color: #3c4453;
    --modal-description-font-family: "Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    --modal-description-font-size: 14px;
    --modal-description-line-height: 20px;
    --modal-description-color: #5e6a82;
    --modal-body-padding: 24px;
    --modal-body-padding-mobile: 16px;
    --modal-footer-padding: 16px 24px 24px;
    --modal-footer-padding-mobile: 12px 16px 16px;
    --modal-footer-border: 1px solid #cfd4dd;
    --pagination-radius-default: 40px;
    --pagination-background-color-default: #fff;
    --pagination-background-color-selected: #6e0ad6;
    --pagination-background-color-hover: #eff1f5;
    --pagination-background-color-pressed: #cfd4dd;
    --pagination-background-color-disabled: #eff1f5;
    --pagination-font-color-default: #1a1d23;
    --pagination-font-color-selected: #fff3e6;
    --pagination-font-color-hover: #1a1d23;
    --pagination-font-color-pressed: #1a1d23;
    --pagination-font-color-disabled: #8994a9;
    --progressbar-background-color-indicator: #6e0ad6;
    --slider-range-background-color-default: #1a1d23;
    --slider-range-background-color-active: #6e0ad6;
    --slider-range-background-color-disabled: #cfd4dd;
    --slider-range-background-color-error: #dc2626;
    --slider-thumb-border-color-default: #1a1d23;
    --slider-thumb-border-color-active: #6e0ad6;
    --slider-thumb-border-color-disabled: #cfd4dd;
    --slider-thumb-border-color-error: #dc2626;
    --spinner-background-color-default: #6e0ad6;
    --surface-background-color: #fff;
    --surface-border-radius: 8px;
    --surface-border-color: #cfd4dd;
    --tab-font-color-default: #1a1d23;
    --tab-font-color-hover: #5c08b2;
    --tab-font-color-pressed: #37056b;
    --tab-font-color-selected: #6e0ad6;
    --tab-font-color-disabled: #8994a9;
    --tab-border-color-default: #cfd4dd;
    --tab-border-color-hover: #5c08b2;
    --tab-border-color-pressed: #37056b;
    --tab-border-color-selected: #6e0ad6;
    --tab-border-color-disabled: #eff1f5;
    --tab-background-color-disabled: #eff1f5;
    --toast-background-color: #fff;
    --toast-font-color: #1a1d23;
    --toast-close-icon-color: #5e6a82;
    --toast-default-background-color: #fff;
    --toast-default-text-color: #1a1d23;
    --toast-default-border-color: #6e0ad6;
    --toast-default-icon-color: #5e6a82;
    --toast-success-background-color: #def9cc;
    --toast-success-text-color: #105323;
    --toast-success-border-color: #8ce563;
    --toast-success-icon-color: #24a148;
    --toast-error-background-color: #fef2f2;
    --toast-error-text-color: #7f1d1d;
    --toast-error-border-color: #fca5a5;
    --toast-error-icon-color: #dc2626;
    --toast-warning-background-color: #fff7e0;
    --toast-warning-text-color: #742b04;
    --toast-warning-border-color: #fde093;
    --toast-warning-icon-color: #f9af27;
    --toggleswitch-checked-background-color-default: #6e0ad6;
    --toggleswitch-checked-background-color-hover: #5c08b2;
    --toggleswitch-unchecked-background-color-default: #cfd4dd;
    --toggleswitch-unchecked-background-color-hover: #8994a9;
    --toggleswitch-icon-color: #fff;
    --tooltip-background-color-default: #fff;
    --tooltip-background-color-secondary: #3c4453;
    --tooltip-color-icon-default: #1a1d23;
    --tooltip-color-icon-secondary: #fff;
    --tooltip-font-color-default: #1a1d23;
    --tooltip-font-color-secondary: #fff
}

.look-feel {
    --badge-rectangle-radius: 8px;
    --badge-secondary-background-color: #f0e6ff;
    --badge-secondary-color: #6e0ad6;
    --button-social-whatsapp-color-font-base: #fff;
    --button-social-whatsapp-background-color-base: #21c063;
    --button-social-whatsapp-background-color-hover: #24b05e;
    --button-social-whatsapp-background-color-active: #1daa61;
    --button-social-whatsapp-border-base: #21c063;
    --button-social-whatsapp-border-hover: #24b05e;
    --button-social-whatsapp-border-active: #1daa61;
    --button-social-facebook-color-font-base: #fff;
    --button-social-facebook-background-color-base: #0866ff;
    --button-social-facebook-background-color-hover: #1877f2;
    --button-social-facebook-background-color-active: #3b4c79;
    --button-social-facebook-border-base: #0866ff;
    --button-social-facebook-border-hover: #1877f2;
    --button-social-facebook-border-active: #3b4c79;
    --button-social-apple-color-font-base: #fff;
    --button-social-apple-background-color-base: #1a1d23;
    --button-social-apple-background-color-hover: #3c4453;
    --button-social-apple-background-color-active: #5e6a82;
    --button-social-apple-border-base: #1a1d23;
    --button-social-apple-border-hover: #3c4453;
    --button-social-apple-border-active: #5e6a82;
    --button-social-google-color-font-base: #1a1d23;
    --button-social-google-background-color-base: #fff;
    --button-social-google-background-color-hover: #eff1f5;
    --button-social-google-background-color-active: #cfd4dd;
    --button-social-google-border-base: #cfd4dd;
    --button-social-google-border-hover: #cfd4dd;
    --button-social-google-border-active: #cfd4dd;
    --accordion-border-width: 1px;
    --accordion-border-color-default: #cfd4dd;
    --accordion-border-color-disabled: #eff1f5;
    --accordion-background-color-default: #fff;
    --accordion-background-color-hover: #eff1f5;
    --accordion-background-color-disabled: #eff1f5;
    --accordion-text-color-default: #1a1d23;
    --accordion-text-color-disabled: #5e6a82;
    --accordion-color-icon-disabled: #5e6a82;
    --accordion-color-icon-default: #1a1d23;
    --accordion-border-radius: 8px;
    --alertbox-radius: 12px;
    --color-primary-70: #f0e6ff;
    --color-primary-80: #c599ff;
    --color-primary-90: #994dfa;
    --color-primary-100: #6e0ad6;
    --color-primary-110: #5c08b2;
    --color-primary-120: #49078f;
    --color-primary-130: #37056b;
    --color-secondary-70: #fff3e6;
    --color-secondary-80: #ffe1bf;
    --color-secondary-90: #ffbb73;
    --color-secondary-100: #f28000;
    --color-secondary-110: #df7400;
    --color-secondary-120: #cb6700;
    --color-secondary-130: #b35a00;
    --link-main-color-default: #6e0ad6;
    --link-main-color-hover: #5c08b2;
    --link-main-color-active: #49078f;
    --link-grey-color-default: #1a1d23;
    --link-grey-color-hover: #6e0ad6;
    --link-grey-color-active: #5c08b2;
    --link-inverted-color-default: #fff;
    --link-inverted-color-hover: #c599ff;
    --link-inverted-color-active: #f0e6ff;
    --link-gap: 4px;
    --adcard-badge-highlight-background-color: #6e0ad6;
    --adcard-badge-boosted-background-color: #f28000;
    --button-primary-font-color-default: #fff;
    --button-primary-background-color-default: #6e0ad6;
    --button-primary-background-color-hover: #5c08b2;
    --button-primary-background-color-pressed: #49078f;
    --button-primary-border-color-default: #6e0ad6;
    --button-primary-border-color-hover: #5c08b2;
    --button-primary-border-color-pressed: #49078f;
    --button-secondary-font-color-default: #1a1d23;
    --button-secondary-background-color-default: #fff;
    --button-secondary-background-color-hover: #eff1f5;
    --button-secondary-background-color-pressed: #cfd4dd;
    --button-secondary-border-color-default: #3c4453;
    --button-secondary-border-color-hover: #3c4453;
    --button-secondary-border-color-pressed: #3c4453;
    --button-tertiary-font-color-default: #1a1d23;
    --button-tertiary-background-color-default: #fff;
    --button-tertiary-background-color-hover: #eff1f5;
    --button-tertiary-background-color-pressed: #cfd4dd;
    --button-tertiary-border-color-default: #3c4453;
    --button-tertiary-border-color-hover: #3c4453;
    --button-tertiary-border-color-pressed: #3c4453;
    --button-danger-font-color-default: #fff;
    --button-danger-background-color-default: #dc2626;
    --button-danger-background-color-hover: #b91c1c;
    --button-danger-background-color-pressed: #7f1d1d;
    --button-danger-border-color-default: #dc2626;
    --button-danger-border-color-hover: #b91c1c;
    --button-danger-border-color-pressed: #7f1d1d;
    --button-neutral-font-color-default: #1a1d23;
    --button-neutral-background-color-default: #fff;
    --button-neutral-background-color-hover: #eff1f5;
    --button-neutral-background-color-pressed: #cfd4dd;
    --button-neutral-border-color-default: #3c4453;
    --button-neutral-border-color-hover: #3c4453;
    --button-neutral-border-color-pressed: #3c4453;
    --button-link-font-color-default: #6e0ad6;
    --button-link-background-color-default: transparent;
    --button-link-background-color-hover: #f0e6ff;
    --button-link-background-color-pressed: #c599ff;
    --button-link-border-color-default: transparent;
    --button-link-border-color-hover: #f0e6ff;
    --button-link-border-color-pressed: #c599ff;
    --button-disabled-background-color-default: #eff1f5;
    --button-disabled-font-color-default: #8994a9;
    --button-disabled-border-color-default: #eff1f5;
    --button-border-radius: 40px;
    --checkbox-radiobutton-unchecked-border-color-hover: #eff1f5;
    --checkbox-radiobutton-unchecked-background-color-hover: #eff1f5;
    --checkbox-radiobutton-checked-border-color-default: #1a1d23;
    --checkbox-radiobutton-checked-border-color-hover: #eff1f5;
    --checkbox-radiobutton-checked-background-color-default: #eff1f5;
    --checkbox-radiobutton-checked-background-color-hover: #eff1f5;
    --checkbox-radiobutton-input-checked-border-color-default: #1a1d23;
    --checkbox-radiobutton-input-checked-background-color-default: #1a1d23;
    --checkbox-radiobutton-input-checked-background-color-hover: #3c4453;
    --checkbox-radiobutton-border-radius: 8px;
    --chip-border-radius: 40px;
    --chip-border-color-default: #1a1d23;
    --chip-border-color-hover: #1a1d23;
    --chip-border-color-selected: #1a1d23;
    --chip-border-color-disabled: #eff1f5;
    --chip-background-color-default: #fff;
    --chip-background-color-hover: #eff1f5;
    --chip-background-color-selected: #eff1f5;
    --chip-background-color-disabled: #eff1f5;
    --chip-font-color-default: #1a1d23;
    --chip-font-color-hover: #1a1d23;
    --chip-font-color-selected: #1a1d23;
    --chip-font-color-disabled: #8994a9;
    --input-textarea-border-color-selected: #6e0ad6;
    --input-textarea-border-radius: 8px;
    --input-border-radius: 12px;
    --pagination-radius-default: 40px;
    --pagination-background-color-default: #fff;
    --pagination-background-color-selected: #6e0ad6;
    --pagination-background-color-hover: #eff1f5;
    --pagination-background-color-pressed: #cfd4dd;
    --pagination-background-color-disabled: #eff1f5;
    --pagination-font-color-default: #1a1d23;
    --pagination-font-color-selected: #f0e6ff;
    --pagination-font-color-hover: #1a1d23;
    --pagination-font-color-pressed: #1a1d23;
    --pagination-font-color-disabled: #8994a9;
    --progressbar-background-color-indicator: #6e0ad6;
    --spinner-background-color-default: #6e0ad6;
    --tab-font-color-default: #1a1d23;
    --tab-font-color-hover: #5c08b2;
    --tab-font-color-pressed: #37056b;
    --tab-font-color-selected: #6e0ad6;
    --tab-font-color-disabled: #8994a9;
    --tab-border-color-default: #cfd4dd;
    --tab-border-color-hover: #5c08b2;
    --tab-border-color-pressed: #37056b;
    --tab-border-color-selected: #6e0ad6;
    --tab-border-color-disabled: #eff1f5;
    --tab-background-color-disabled: #eff1f5;
    --toast-background-color: #fff;
    --toast-font-color: #1a1d23;
    --toast-close-icon-color: #5e6a82;
    --toast-default-background-color: #fff;
    --toast-default-text-color: #1a1d23;
    --toast-default-border-color: #6e0ad6;
    --toast-default-icon-color: #5e6a82;
    --toast-success-background-color: #def9cc;
    --toast-success-text-color: #105323;
    --toast-success-border-color: #8ce563;
    --toast-success-icon-color: #24a148;
    --toast-error-background-color: #fef2f2;
    --toast-error-text-color: #7f1d1d;
    --toast-error-border-color: #fca5a5;
    --toast-error-icon-color: #dc2626;
    --toast-warning-background-color: #fff7e0;
    --toast-warning-text-color: #742b04;
    --toast-warning-border-color: #fde093;
    --toast-warning-icon-color: #f9af27;
    --toggleswitch-checked-background-color-default: #1a1d23;
    --toggleswitch-checked-background-color-hover: #3c4453;
    --toggleswitch-unchecked-background-color-default: #cfd4dd;
    --toggleswitch-unchecked-background-color-hover: #8994a9;
    --toggleswitch-icon-color: #fff;
    --font-family-primary: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
    --font-family-secondary: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
    --card-background-color: #fff;
    --card-border-color: #cfd4dd;
    --card-border-radius: 8px;
    --modal-overlay-background-color: rgba(0,0,0,.6);
    --modal-overlay-z-index: 9998;
    --modal-content-background-color: #fff;
    --modal-content-border-radius: 16px;
    --modal-content-border-radius-mobile: 12px;
    --modal-content-box-shadow: 0 10px 38px rgba(0,0,0,.35),0 10px 20px rgba(0,0,0,.2);
    --modal-content-z-index: 9999;
    --modal-side-sheet-width: 480px;
    --modal-close-button-size: 32px;
    --modal-close-button-top: 16px;
    --modal-close-button-right: 16px;
    --modal-close-button-color: #3c4453;
    --modal-close-button-border-radius: 8px;
    --modal-close-button-hover-background-color: #cfd4dd;
    --modal-close-button-hover-color: #1a1d23;
    --modal-close-button-active-background-color: #8994a9;
    --modal-close-button-focus-outline: #df7400;
    --modal-header-padding: 24px 24px 16px;
    --modal-header-padding-mobile: 16px 16px 12px;
    --modal-header-border: 1px solid #cfd4dd;
    --modal-title-font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
    --modal-title-font-size: 20px;
    --modal-title-font-size-mobile: 18px;
    --modal-title-font-weight: 600;
    --modal-title-line-height: 28px;
    --modal-title-line-height-mobile: 24px;
    --modal-title-color: #1a1d23;
    --modal-title-left-slot-color: #3c4453;
    --modal-description-font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
    --modal-description-font-size: 14px;
    --modal-description-line-height: 20px;
    --modal-description-color: #5e6a82;
    --modal-body-padding: 24px;
    --modal-body-padding-mobile: 16px;
    --modal-footer-padding: 16px 24px 24px;
    --modal-footer-padding-mobile: 12px 16px 16px;
    --modal-footer-border: 1px solid #cfd4dd;
    --slider-range-background-color-default: #1a1d23;
    --slider-range-background-color-active: #f28000;
    --slider-range-background-color-disabled: #cfd4dd;
    --slider-range-background-color-error: #dc2626;
    --slider-thumb-border-color-default: #1a1d23;
    --slider-thumb-border-color-active: #f28000;
    --slider-thumb-border-color-disabled: #cfd4dd;
    --slider-thumb-border-color-error: #dc2626;
    --surface-background-color: #fff;
    --surface-border-radius: 8px;
    --surface-border-color: #cfd4dd;
    --tooltip-background-color-default: #fff;
    --tooltip-background-color-secondary: #3c4453;
    --tooltip-color-icon-default: #1a1d23;
    --tooltip-color-icon-secondary: #fff;
    --tooltip-font-color-default: #1a1d23;
    --tooltip-font-color-secondary: #fff
}

*,:after,:before {
    font-display: swap;
    font-family: var(--font-family-primary);
    -webkit-font-smoothing: antialiased
}

ol[class],ul[class] {
    padding: 0
}

blockquote,body,dd,dl,figure,h1,h2,h3,h4,p {
    margin: 0
}

ol[role=list],ul[role=list] {
    list-style: none
}

html:focus-within {
    scroll-behavior: smooth
}

body {
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--color-neutral-130);
    line-height: 1.5
}

a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}

img,picture {
    display: block;
    max-width: 100%
}

button,input,select,textarea {
    font: inherit
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

@media (prefers-reduced-motion:reduce) {
    html:focus-within {
        scroll-behavior: auto
    }

    *,:after,:before {
        animation-duration: .01ms!important;
        animation-iteration-count: 1!important;
        scroll-behavior: auto!important;
        transition-duration: .01ms!important
    }
}

legend {
    display: table;
    padding: 0
}

fieldset {
    border: 0;
    min-width: 0;
    padding: .01em 0 0
}

body:not(:-moz-handler-blocked) fieldset {
    display: table-cell
}

@media (min-width: 360px) {
    .container {
        max-width:360px
    }
}

@media (min-width: 840px) {
    .container {
        max-width:840px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width:1200px
    }
}

@media (min-width: 1500px) {
    .container {
        max-width:1500px
    }
}

@media (min-width: 1720px) {
    .container {
        max-width:1720px
    }
}

.typo-display-large {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-5);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-tight)
}

@media (min-width: 840px) {
    .typo-display-large {
        font-size:var(--font-size-8)
    }
}

.typo-display-medium {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-4);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-tight)
}

@media (min-width: 840px) {
    .typo-display-medium {
        font-size:var(--font-size-6)
    }
}

.typo-title-large {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-3);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-medium)
}

@media (min-width: 840px) {
    .typo-title-large {
        font-size:var(--font-size-5)
    }
}

.typo-title-medium {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-2-5);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-medium)
}

@media (min-width: 840px) {
    .typo-title-medium {
        font-size:var(--font-size-3)
    }
}

.typo-title-small {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-2-25);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-medium)
}

@media (min-width: 840px) {
    .typo-title-small {
        font-size:var(--font-size-2-5)
    }
}

.typo-subtitle-large {
    font-family: var(--font-family-secondary);
    font-size: var(--font-size-2-5);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-medium)
}

@media (min-width: 840px) {
    .typo-subtitle-large {
        font-size:var(--font-size-3)
    }
}

.typo-subtitle-medium {
    font-family: var(--font-family-secondary);
    font-size: var(--font-size-2-25);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-medium)
}

@media (min-width: 840px) {
    .typo-subtitle-medium {
        font-size:var(--font-size-2-5)
    }
}

.typo-body-large {
    font-size: var(--font-size-2-25)
}

.typo-body-large,.typo-body-medium {
    font-family: var(--font-family-secondary);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-superdistant)
}

.typo-body-medium {
    font-size: var(--font-size-2)
}

.typo-body-small {
    font-size: var(--font-size-1-75);
    line-height: var(--line-height-distant)
}

.typo-body-small,.typo-caption {
    font-family: var(--font-family-secondary);
    font-weight: var(--font-weight-regular)
}

.typo-caption {
    font-size: var(--font-size-1-5);
    line-height: var(--line-height-medium)
}

.typo-overline {
    font-family: var(--font-family-secondary);
    font-size: var(--font-size-1-25);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-supertight)
}

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

.container-outlined {
    border: var(--border-width-0-1) solid var(--color-neutral-90);
    border-radius: var(--border-radius-1)
}

.container-elevated,.container-outlined {
    background-color: var(--color-neutral-70);
    overflow: hidden;
    padding: var(--spacing-2)
}

.container-elevated {
    border-radius: var(--border-radius-1);
    box-shadow: var(--shadow-bottom-3)
}

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

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

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

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

@media (min-width: 1720px) {
    .layout-container {
        max-width:1576px;
        padding: 0
    }
}

.olx-core-alertbox {
    background-color: var(--alertbox-background-color);
    border-radius: var(--alertbox-radius);
    color: var(--alertbox-font-color);
    gap: var(--alertbox-gap);
    overflow: hidden;
    padding: var(--alertbox-padding)
}

.olx-core-alertbox,.olx-core-alertbox__content,.olx-core-alertbox__icon {
    align-items: flex-start;
    display: flex
}

.olx-core-alertbox__content {
    flex-direction: column;
    width: 100%
}

.olx-core-alertbox__title {
    font-family: var(--font-family-secondary);
    font-size: var(--font-size-2);
    font-weight: var(--font-weight-regular);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-superdistant)
}

.olx-core-alertbox__link-title {
    margin-bottom: var(--spacing-2)
}

.olx-core-alertbox__link-container {
    display: flex;
    justify-content: flex-start;
    margin-bottom: var(--spacing-1)
}

.olx-core-alertbox__link--default {
    color: var(--alertbox-default-font-color)!important
}

.olx-core-alertbox__link--error {
    color: var(--alertbox-error-font-color)!important
}

.olx-core-alertbox__link--success {
    color: var(--alertbox-success-font-color)!important
}

.olx-core-alertbox__link--warning {
    color: var(--alertbox-warning-font-color)!important
}

.olx-core-alertbox__link--information {
    color: var(--alertbox-information-font-color)!important
}

.olx-core-alertbox__message {
    font-family: var(--font-family-secondary);
    font-size: var(--font-size-1-75);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-distant)
}

@media (min-width: 840px) {
    .olx-core-alertbox__message {
        font-family:var(--font-family-secondary);
        font-size: var(--font-size-2);
        font-weight: var(--font-weight-regular);
        line-height: var(--line-height-superdistant)
    }
}

.olx-core-alertbox__message {
    margin-bottom: var(--spacing-0-5)
}

.olx-core-alertbox__time {
    display: flex;
    font-family: var(--font-family-secondary);
    font-size: var(--font-size-1-5);
    font-weight: var(--font-weight-regular);
    justify-content: flex-end;
    line-height: var(--line-height-medium);
    width: 100%
}

.olx-core-alertbox--default {
    --alertbox-background-color: var(--color-neutral-80);
    --alertbox-font-color: var(--color-neutral-130)
}

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

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

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

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

.olx-core-alertbox {
    --alertbox-padding: var(--spacing-2);
    --alertbox-gap: var(--spacing-2)
}

.olx-core-button {
    background-color: var(--button-background-color-default);
    border: none;
    border-radius: var(--button-border-radius);
    box-shadow: inset 0 0 0 var(--border-width-0-1) var(--button-border-color-default);
    color: var(--button-font-color-default);
    cursor: pointer;
    display: inline-flex;
    font-family: var(--font-family-secondary);
    font-size: var(--button-font-size);
    font-weight: var(--font-weight-semibold);
    gap: var(--spacing-1);
    justify-content: center;
    line-height: var(--button-line-height);
    padding: var(--button-padding);
    place-items: center;
    text-decoration: none;
    white-space: nowrap
}

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

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

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

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

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

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

.olx-core-button--small {
    --button-padding: var(--spacing-1) var(--spacing-2);
    --button-font-size: var(--font-size-1-75);
    --button-line-height: var(--line-height-distant);
    height: 32px
}

.olx-core-button--medium {
    --button-padding: var(--spacing-1-5) var(--spacing-3);
    --button-font-size: var(--font-size-2);
    --button-line-height: var(--line-height-superdistant);
    height: 48px
}

.olx-core-button--large {
    --button-padding: var(--spacing-2) var(--spacing-3);
    --button-font-size: var(--font-size-2);
    --button-line-height: var(--line-height-superdistant);
    height: 56px
}

.olx-core-button--only-icon.olx-core-button--small {
    --button-padding: var(--spacing-1)
}

.olx-core-button--only-icon.olx-core-button--medium {
    --button-padding: var(--spacing-1-5)
}

.olx-core-button--only-icon.olx-core-button--large {
    --button-padding: var(--spacing-2)
}

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

.olx-core-button:not(:hover) {
    transition: transform var(--transition-duration-2) var(--transition-timing-ease-in),background-color var(--transition-duration-2) var(--transition-timing-ease-in)
}

.olx-core-button:active:not(.olx-core-button--disabled),.olx-core-button:not(:active) {
    transition: transform var(--transition-duration-1) var(--transition-timing-ease-in),background-color var(--transition-duration-1) var(--transition-timing-ease-in)
}

.olx-core-button:active:not(.olx-core-button--disabled) {
    background-color: var(--button-background-color-pressed);
    box-shadow: inset 0 0 0 var(--border-width-0-1) var(--button-border-color-pressed);
    transform: scale(.96)
}

.olx-core-button:hover:not(:active,.olx-core-button--disabled) {
    background-color: var(--button-background-color-hover);
    box-shadow: inset 0 0 0 var(--border-width-0-1) var(--button-border-color-hover)
}

.olx-core-button--disabled,.olx-core-button--disabled:active,.olx-core-button--disabled:hover {
    background-color: var(--button-disabled-background-color-default);
    box-shadow: inset 0 0 0 2px var(--button-disabled-border-color-default);
    color: var(--button-disabled-font-color-default);
    cursor: not-allowed
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.olx-core-spinner {
    animation: spin 1s linear infinite;
    color: var(--spinner-background-color-default)
}

.olx-core-spinner--xsmall {
    height: var(--spacing-2);
    width: var(--spacing-2)
}

.olx-core-spinner--small {
    height: var(--spacing-3);
    width: var(--spacing-3)
}

.olx-core-spinner--medium {
    height: var(--spacing-4);
    width: var(--spacing-4)
}

.olx-core-spinner--large {
    height: var(--spacing-6);
    width: var(--spacing-6)
}

.olx-core-spinner--xlarge {
    height: var(--spacing-7);
    width: var(--spacing-7)
}

.olx-core-spinner--huge {
    height: var(--spacing-9);
    width: var(--spacing-9)
}

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

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

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

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

.olx-core-link--caption {
    --font-size: var(--font-size-1-5);
    --font-lineheight: var(--line-height-medium)
}

.olx-core-link--small {
    --font-size: var(--font-size-1-75);
    --font-lineheight: var(--line-height-distant)
}

.olx-core-link--medium {
    --font-size: var(--font-size-2);
    --font-lineheight: var(--line-height-superdistant)
}

.olx-core-link--large {
    --font-size: var(--font-size-2-25);
    --font-lineheight: var(--line-height-superdistant)
}

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

.olx-core-link:focus-visible {
    border-radius: var(--border-radius-0-5);
    outline: solid 2px var(--color-neutral-130);
    outline-offset: 2px
}

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

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

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

.olx-core-form-character-counter {
    margin-left: auto
}

.olx-core-form-caption,.olx-core-form-character-counter,.olx-core-form-error,.olx-core-form-label {
    color: var(--color-neutral-130);
    font-family: var(--font-family-secondary);
    font-size: var(--font-size-1-5);
    font-weight: var(--font-weight-regular)
}

.olx-core-form-label {
    font-size: var(--font-size-2)
}

.olx-core-form-label--disabled {
    opacity: var(--opacity-32)
}

.olx-core-form-error {
    color: var(--color-feedback-error-100);
    display: flex;
    gap: var(--spacing-0-5)
}

.olx-core-form-caption,.olx-core-form-character-counter {
    color: var(--color-neutral-120)
}

.olx-core-form-root {
    display: flex;
    flex-direction: column;
    row-gap: var(--spacing-1)
}

.olx-core-toggle-switch {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--toggleswitch-unchecked-background-color-default);
    border-radius: var(--border-radius-4);
    cursor: pointer;
    height: 32px;
    margin: 0;
    min-width: 52px;
    outline: none;
    padding: var(--spacing-0-5);
    position: relative;
    transition: background-color .15s var(--transition-timing-ease-out),transform .15s var(--transition-timing-ease-out)
}

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

.olx-core-toggle-switch:focus-visible {
    outline: var(--border-width-0-25) solid var(--color-neutral-130);
    outline-offset: var(--border-width-0-25)
}

.olx-core-toggle-switch:before {
    background-color: var(--color-neutral-70);
    border-radius: var(--border-radius-4);
    content: "";
    display: block;
    height: 24px;
    transition: inherit;
    width: 24px
}

.olx-core-toggle-switch:after {
    background-color: var(--toggleswitch-icon-color);
    content: "";
    height: 100%;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M3.02 8.313a.5.5 0 0 0-.707.707l3.333 3.333a.5.5 0 0 0 .707 0l7.333-7.333a.5.5 0 0 0-.707-.707L6 11.293z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='m8.707 8 3.646 3.646a.5.5 0 1 1-.707.707L8 8.707l-3.646 3.646a.5.5 0 1 1-.707-.707L7.293 8 3.646 4.354a.5.5 0 0 1 .707-.707L8 7.293l3.646-3.646a.5.5 0 1 1 .707.707z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M3.02 8.313a.5.5 0 0 0-.707.707l3.333 3.333a.5.5 0 0 0 .707 0l7.333-7.333a.5.5 0 0 0-.707-.707L6 11.293z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='m8.707 8 3.646 3.646a.5.5 0 1 1-.707.707L8 8.707l-3.646 3.646a.5.5 0 1 1-.707-.707L7.293 8 3.646 4.354a.5.5 0 0 1 .707-.707L8 7.293l3.646-3.646a.5.5 0 1 1 .707.707z'/%3E%3C/svg%3E");
    -webkit-mask-position: 4px center,right 4px center;
    mask-position: 4px center,right 4px center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 16px 16px;
    mask-size: 16px 16px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.olx-core-toggle-switch:checked {
    background-color: var(--toggleswitch-checked-background-color-default)
}

.olx-core-toggle-switch:checked:before {
    transform: translateX(20px)
}

.olx-core-toggle-switch:not(:checked,:disabled):hover {
    background-color: var(--toggleswitch-unchecked-background-color-hover)
}

.olx-core-toggle-switch:checked:not(:disabled):hover {
    background-color: var(--toggleswitch-checked-background-color-hover)
}

.olx-core-loading-button {
    position: relative
}

.olx-core-loading-button__spinner-root {
    display: flex;
    position: absolute
}

.olx-core-loading-button__content--invisible {
    visibility: hidden
}

.olx-core-button-social__icon {
    align-items: center;
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
    line-height: 0
}

.olx-core-button-social__label {
    font-family: var(--font-family-secondary);
    font-weight: var(--font-weight-semibold)
}

.olx-core-button--only-icon .olx-core-button-social__label {
    display: none
}

.olx-core-button--large .olx-core-button-social__icon svg,.olx-core-button--medium .olx-core-button-social__icon svg {
    height: 24px;
    width: 24px
}

.olx-core-button--small .olx-core-button-social__icon svg {
    height: 16px;
    width: 16px
}

.olx-core-button-social.olx-core-button--medium {
    --button-padding: var(--spacing-1) var(--spacing-3)
}

.olx-core-button-social.olx-core-button--only-icon.olx-core-button--small {
    height: 32px;
    width: 32px
}

.olx-core-button-social.olx-core-button--only-icon.olx-core-button--medium {
    height: 48px;
    width: 48px
}

.olx-core-button-social.olx-core-button--only-icon.olx-core-button--large {
    height: 56px;
    width: 56px
}

.olx-core-button-social.olx-core-button-social--whatsapp {
    --button-background-color-default: var(--button-social-whatsapp-background-color-base);
    --button-font-color-default: var(--button-social-whatsapp-color-font-base);
    --button-border-color-default: var(--button-social-whatsapp-border-base);
    --button-background-color-hover: var(--button-social-whatsapp-background-color-hover);
    --button-border-color-hover: var(--button-social-whatsapp-border-hover);
    --button-background-color-pressed: var(--button-social-whatsapp-background-color-active);
    --button-border-color-pressed: var(--button-social-whatsapp-border-active)
}

.olx-core-button-social.olx-core-button-social--facebook {
    --button-background-color-default: var(--button-social-facebook-background-color-base);
    --button-font-color-default: var(--button-social-facebook-color-font-base);
    --button-border-color-default: var(--button-social-facebook-border-base);
    --button-background-color-hover: var(--button-social-facebook-background-color-hover);
    --button-border-color-hover: var(--button-social-facebook-border-hover);
    --button-background-color-pressed: var(--button-social-facebook-background-color-active);
    --button-border-color-pressed: var(--button-social-facebook-border-active)
}

.olx-core-button-social.olx-core-button-social--apple {
    --button-background-color-default: var(--button-social-apple-background-color-base);
    --button-font-color-default: var(--button-social-apple-color-font-base);
    --button-border-color-default: var(--button-social-apple-border-base);
    --button-background-color-hover: var(--button-social-apple-background-color-hover);
    --button-border-color-hover: var(--button-social-apple-border-hover);
    --button-background-color-pressed: var(--button-social-apple-background-color-active);
    --button-border-color-pressed: var(--button-social-apple-border-active)
}

.olx-core-button-social.olx-core-button-social--google {
    --button-background-color-default: var(--button-social-google-background-color-base);
    --button-font-color-default: var(--button-social-google-color-font-base);
    --button-border-color-default: var(--button-social-google-border-base);
    --button-background-color-hover: var(--button-social-google-background-color-hover);
    --button-border-color-hover: var(--button-social-google-border-hover);
    --button-background-color-pressed: var(--button-social-google-background-color-active);
    --button-border-color-pressed: var(--button-social-google-border-active)
}

.olx-core-input-textarea-element {
    border: none;
    box-shadow: var(--input-textarea-box-shadow);
    color: var(--color-neutral-130);
    font-family: var(--font-family-secondary);
    outline: none;
    padding: var(--spacing-1-5) var(--spacing-2);
    transition: box-shadow var(--transition-duration-3) var(--transition-timing-ease);
    width: 100%;
    --input-textarea-box-shadow: inset 0 0 0 var(--border-width-0-1) var(--color-neutral-90);
    --input-textarea-box-shadow-hover: inset 0 0 0 var(--border-width-0-25) var(--color-neutral-90);
    --input-textarea-background-color: var(--color-neutral-70);
    background-color: var(--input-textarea-background-color)
}

.olx-core-input-textarea-element--filled {
    --input-textarea-box-shadow: inset 0 0 0 var(--border-width-0-1) var(--color-neutral-130);
    --input-textarea-box-shadow-hover: inset 0 0 0 var(--border-width-0-25) var(--color-neutral-130)
}

.olx-core-input-textarea-element--success {
    --input-textarea-box-shadow: inset 0 0 0 var(--border-width-0-1) var(--color-feedback-success-100);
    --input-textarea-box-shadow-hover: inset 0 0 0 var(--border-width-0-25) var(--color-feedback-success-100);
    --input-textarea-background-color: var(--color-neutral-70)
}

.olx-core-input-textarea-element--error {
    --input-textarea-box-shadow: inset 0 0 0 var(--border-width-0-1) var(--color-feedback-error-100);
    --input-textarea-box-shadow-hover: inset 0 0 0 var(--border-width-0-25) var(--color-feedback-error-100);
    --input-textarea-background-color: var(--color-feedback-error-80)
}

.olx-core-input-textarea-element::-moz-placeholder {
    color: var(--color-neutral-100)
}

.olx-core-input-textarea-element::placeholder {
    color: var(--color-neutral-100)
}

.olx-core-input-textarea-element:disabled {
    --input-textarea-box-shadow: transparent;
    --input-textarea-box-shadow-hover: transparent;
    --input-textarea-background-color: var(--color-neutral-80)
}

.olx-core-input-textarea-element:hover {
    --input-textarea-box-shadow: var(--input-textarea-box-shadow-hover)
}

.olx-core-input-textarea-element:focus-within {
    --input-textarea-box-shadow: inset 0 0 0 var(--border-width-0-25) var(--input-textarea-border-color-selected)
}

.olx-core-input-textarea-root {
    align-items: center;
    display: flex;
    position: relative;
    width: 100%
}

.olx-core-input-textarea-root:has(.olx-core-input-textarea-left) .olx-core-input-textarea-element {
    padding-left: 40px
}

.olx-core-input-textarea-root:has(.olx-core-input-textarea-right) .olx-core-input-textarea-element {
    padding-right: 40px
}

.olx-core-input-textarea-left,.olx-core-input-textarea-right {
    align-items: center;
    display: flex;
    height: 48px;
    justify-content: center;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px
}

.olx-core-input-textarea-left {
    left: 0
}

.olx-core-input-textarea-right {
    right: 0
}

.olx-core-input-element {
    border-radius: var(--input-border-radius)
}

.olx-core-input-password {
    align-items: center;
    background-color: transparent;
    border: none;
    color: var(--color-neutral-130);
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: center;
    pointer-events: auto;
    width: 44px
}

.olx-core-input-password:focus-visible {
    border-radius: var(--border-radius-0-5);
    outline: solid 2px var(--color-neutral-130)
}

.olx-core-textarea-element {
    border-radius: var(--input-textarea-border-radius);
    font-size: var(--font-size-2);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-distant);
    resize: none
}

.olx-core-checkbox-radio__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    height: 24px;
    margin: 0;
    min-width: 24px;
    position: relative;
    transition: transform var(--transition-duration-2) var(--transition-timing-ease-in);
    width: 24px
}

.olx-core-checkbox-radio__input:before {
    background-color: var(--checkbox-radiobutton-input-background-color);
    box-shadow: var(--checkbox-radiobutton-input-border);
    content: "";
    height: 20px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: background-color var(--transition-duration-2) var(--transition-timing-ease-in);
    width: 20px
}

.olx-core-checkbox-radio__input:focus-visible {
    outline: solid 2px var(--color-neutral-130);
    outline-offset: 2px
}

.olx-core-checkbox-radio__input:not(:disabled):active {
    transform: scale(.96)
}

.olx-core-checkbox-radio__input:not(:disabled):checked:before {
    background-color: var(--checkbox-radiobutton-input-checked-background-color-default)
}

.olx-core-checkbox-radio__input:not(:disabled):checked:after {
    background-color: var(--color-neutral-70);
    content: "";
    height: 10px;
    left: 50%;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M11.709.79a.996.996 0 0 0-1.406 0L3.969 7.108 1.697 4.842a.996.996 0 0 0-1.406 0 .99.99 0 0 0 0 1.402L3.264 9.21a1 1 0 0 0 1.178.17 1 1 0 0 0 .237-.175l7.029-7.012a.99.99 0 0 0 0-1.402z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M11.709.79a.996.996 0 0 0-1.406 0L3.969 7.108 1.697 4.842a.996.996 0 0 0-1.406 0 .99.99 0 0 0 0 1.402L3.264 9.21a1 1 0 0 0 1.178.17 1 1 0 0 0 .237-.175l7.029-7.012a.99.99 0 0 0 0-1.402z'/%3E%3C/svg%3E");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 12px
}

.olx-core-checkbox-radio__input:hover:checked:before {
    background-color: var(--checkbox-radiobutton-input-checked-background-color-hover)
}

.olx-core-checkbox-radio__root {
    background-color: var(--checkbox-radiobutton-background-color);
    border: 1px solid var(--checkbox-radiobutton-border-color);
    color: var(--color-neutral-130);
    cursor: pointer;
    display: inline-flex;
    font-family: var(--font-family-secondary);
    gap: var(--spacing-1);
    transition: opacity var(--transition-duration-2) var(--transition-timing-ease-in),background-color var(--transition-duration-2) var(--transition-timing-ease-in);
    --checkbox-radiobutton-input-border: inset 0 0 0 var(--border-width-0-1) var(--color-neutral-90);
    --checkbox-radiobutton-border-color: var(--color-neutral-70);
    --checkbox-radiobutton-input-background-color: var(--color-neutral-70);
    --checkbox-radiobutton-unchecked-background-color-default: var(--color-neutral-70)
}

.olx-core-checkbox-radio__root--card {
    --checkbox-radiobutton-background-color: var(--checkbox-radiobutton-unchecked-background-color-default);
    border-radius: var(--checkbox-radiobutton-border-radius);
    padding: var(--spacing-1) var(--spacing-2)
}

.olx-core-checkbox-radio__root--card:hover {
    --checkbox-radiobutton-background-color: var(--checkbox-radiobutton-unchecked-background-color-hover)
}

.olx-core-checkbox-radio__root--card.olx-core-checkbox-radio__root--disabled {
    --checkbox-radiobutton-background-color: var(--color-neutral-80)
}

.olx-core-checkbox-radio__root--card.olx-core-checkbox-radio__root--error {
    --checkbox-radiobutton-border-color: var(--color-feedback-error-100);
    --checkbox-radiobutton-background-color: var(--checkbox-radiobutton-unchecked-background-color-default)
}

.olx-core-checkbox-radio__root--card:has(.olx-core-checkbox-radio__input:checked:not(:disabled)) {
    --checkbox-radiobutton-background-color: var(--checkbox-radiobutton-checked-background-color-default)
}

.olx-core-checkbox-radio__root--card:has(.olx-core-checkbox-radio__input:checked:not(:disabled)).olx-core-checkbox-radio__root--error {
    --checkbox-radiobutton-border-color: var(--checkbox-radiobutton-checked-border-color-default)
}

.olx-core-checkbox-radio__root--card:hover:has(.olx-core-checkbox-radio__input:checked:not(:disabled)) {
    --checkbox-radiobutton-background-color: var(--checkbox-radiobutton-checked-background-color-hover)
}

.olx-core-checkbox-radio__root--card:hover:has(.olx-core-checkbox-radio__input:checked:not(:disabled)).olx-core-checkbox-radio__root--error {
    --checkbox-radiobutton-background-color: var(--checkbox-radiobutton-checked-border-color-hover)
}

.olx-core-checkbox-radio__root:hover {
    --checkbox-radiobutton-input-background-color: var(--color-neutral-80)
}

.olx-core-checkbox-radio__root:has(.olx-core-checkbox-radio__input:checked:not(:disabled)) {
    --checkbox-radiobutton-input-border: inset 0 0 0 var(--border-width-0-1) var(--checkbox-radiobutton-input-checked-border-color-default);
    --checkbox-radiobutton-input-background-color: var(--checkbox-radiobutton-input-checked-background-color-default)
}

.olx-core-checkbox-radio__root.olx-core-checkbox-radio__root--error {
    --checkbox-radiobutton-input-background-color: var(--color-feedback-error-80);
    --checkbox-radiobutton-input-border: inset 0 0 0 var(--border-width-0-1) var(--color-feedback-error-100)
}

.olx-core-checkbox-radio__root--disabled {
    cursor: not-allowed;
    opacity: var(--opacity-64)
}

.olx-core-checkbox-radio__root:hover:has(.olx-core-checkbox-radio__input:checked:not(:disabled)) {
    --checkbox-radiobutton-input-background-color: var(--checkbox-radiobutton-input-checked-background-color-hover)
}

.olx-core-checkbox-radio__root:active .olx-core-checkbox-radio__input {
    transform: scale(.96)
}

.olx-core-checkbox__input:before {
    border-radius: var(--border-radius-0-25)
}

.olx-core-checkbox__input:focus-visible {
    border-radius: var(--border-radius-0-25)
}

.olx-core-radio__input:before {
    border-radius: 50%
}

.olx-core-radio__input:focus-visible {
    border-radius: 50%
}

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

.olx-core-tooltip__content {
    background-color: var(--tooltip-background-color-default);
    border-radius: var(--border-radius-1);
    box-shadow: var(--shadow-bottom-6);
    -moz-column-gap: var(--spacing-2);
    column-gap: var(--spacing-2);
    display: flex;
    font-family: var(--font-family-secondary);
    padding: var(--spacing-2);
    position: relative;
    transition-property: opacity
}

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

.olx-core-tooltip__content[data-status=close],.olx-core-tooltip__content[data-status=initial] {
    opacity: var(--opacity-0)
}

.olx-core-tooltip__content--secondary {
    background-color: var(--tooltip-background-color-secondary)
}

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

.olx-core-tooltip__arrow,.olx-core-tooltip__close-button,.olx-core-tooltip__content,.olx-core-tooltip__content-wrapper,.olx-core-tooltip__description,.olx-core-tooltip__title {
    z-index: var(--elevation-4)
}

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

.olx-core-tooltip__close-button {
    align-items: center;
    background-color: transparent;
    border: none;
    border-radius: var(--border-radius-1);
    color: var(--tooltip-color-icon-default);
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: center;
    margin-left: auto;
    padding: 0;
    width: 44px
}

.olx-core-tooltip__close-button--secondary {
    color: var(--tooltip-color-icon-secondary)
}

.olx-core-tooltip__close-button:focus-visible {
    outline: var(--color-neutral-130) solid var(--border-width-0-25);
    outline-offset: var(--border-width-0-25)
}

.olx-core-tooltip__close-button--secondary:focus-visible {
    outline-color: var(--color-neutral-70)
}

.olx-core-tooltip__arrow {
    fill: var(--tooltip-background-color-default)
}

.olx-core-tooltip__arrow--secondary {
    fill: var(--tooltip-background-color-secondary)
}

.olx-core-tooltip__description,.olx-core-tooltip__title {
    color: var(--tooltip-font-color-default);
    font-size: var(--font-size-1-75);
    line-height: var(--line-height-distant)
}

.olx-core-tooltip__description--secondary,.olx-core-tooltip__title--secondary {
    color: var(--tooltip-font-color-secondary)
}

.olx-core-carousel {
    overflow: visible;
    position: relative
}

.olx-core-carousel__viewport {
    overflow: hidden;
    will-change: transform
}

.olx-core-carousel__container {
    display: flex
}

.olx-core-carousel__item {
    margin: 0 var(--spacing-0-5);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.olx-core-carousel__next,.olx-core-carousel__prev {
    height: 40px;
    width: 40px
}

.olx-core-carousel__next--hide[aria-disabled=true],.olx-core-carousel__prev--hide[aria-disabled=true] {
    display: none
}

.olx-core-carousel__prev--floating {
    left: 0;
    position: absolute;
    top: 50%;
    translate: -50% -50%
}

.olx-core-carousel__next--floating {
    position: absolute;
    right: 0;
    top: 50%;
    translate: 50% -50%
}

.olx-core-carousel__progress {
    --olx-core-carousel-height: var(--spacing-1);
    --olx-core-carousel-width: var(--spacing-6);
    --olx-core-carousel-autoplay-delay: 0s;
    --olx-core-carousel-color: var(--color-primary-100);
    --olx-core-carousel-background: var(--color-neutral-90);
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    overflow: hidden;
    padding: var(--spacing-1) 0
}

.olx-core-carousel__progress-item {
    background-color: var(--olx-core-carousel-background);
    border: none;
    border-radius: var(--border-radius-0-5);
    box-sizing: border-box;
    height: var(--olx-core-carousel-height);
    margin: 0 var(--spacing-0-5);
    overflow: hidden;
    padding: 0;
    position: relative;
    width: var(--olx-core-carousel-width)
}

.olx-core-carousel__progress-item[data-state=previous] {
    background-color: var(--olx-core-carousel-color)
}

.olx-core-carousel__progress-item[data-state=current]:after {
    animation: olx-core-carousel-grow var(--olx-core-carousel-autoplay-delay) both;
    background-color: var(--olx-core-carousel-color);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}

.olx-core-carousel__progress button {
    cursor: pointer
}

.olx-core-carousel__progress[data-state=stoped] .olx-core-carousel__progress-item[data-state=current]:after {
    animation-duration: 0s
}

.olx-core-carousel__progress[data-state=paused] .olx-core-carousel__progress-item[data-state=current]:after {
    animation-play-state: paused
}

.olx-core-pagination {
    align-items: center;
    display: flex;
    gap: var(--spacing-0-5)
}

.olx-core-pagination__button {
    align-items: center;
    background: var(--pagination-background-color-default);
    border: none;
    border-radius: var(--pagination-radius-default);
    color: var(--pagination-font-color-default);
    cursor: pointer;
    display: flex;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    height: 44px;
    justify-content: center;
    line-height: var(--line-height-superdistant);
    min-width: 44px;
    padding: 0 var(--spacing-1);
    text-decoration: none;
    transition: background var(--transition-duration-1) var(--transition-timing-ease-in)
}

.olx-core-pagination__button:hover {
    background: var(--pagination-background-color-hover);
    color: var(--pagination-font-color-hover)
}

.olx-core-pagination__button:active {
    background: var(--pagination-background-color-pressed);
    color: var(--pagination-font-color-pressed)
}

.olx-core-pagination__button:focus-visible {
    border: var(--border-width-0-25) solid var(--color-neutral-130);
    border-radius: var(--pagination-radius-default);
    outline: none
}

.olx-core-pagination__button--active,.olx-core-pagination__button--active:hover {
    background: var(--pagination-background-color-selected);
    color: var(--pagination-font-color-selected)
}

.olx-core-pagination__icon {
    align-items: center;
    background: var(--pagination-background-color-default);
    border: none;
    border-radius: var(--pagination-radius-default);
    color: var(--pagination-font-color-default);
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: center;
    padding: 0;
    text-decoration: none;
    transition: color var(--transition-duration-1) var(--transition-timing-ease-in);
    width: 44px
}

.olx-core-pagination__icon:hover {
    background: var(--pagination-background-color-hover);
    color: var(--pagination-font-color-hover)
}

.olx-core-pagination__icon:active {
    background: var(--pagination-background-color-pressed);
    color: var(--pagination-font-color-pressed)
}

.olx-core-pagination__icon:focus-visible {
    border: var(--border-width-0-25) solid var(--color-neutral-130);
    border-radius: var(--pagination-radius-default);
    outline: none
}

.olx-core-pagination__icon--disappear {
    display: none
}

.olx-core-pagination--disabled .olx-core-pagination__button,.olx-core-pagination--disabled .olx-core-pagination__icon,.olx-core-pagination__icon--disabled {
    background-color: var(--pagination-background-color-disabled);
    color: var(--pagination-font-color-disabled);
    pointer-events: none
}

.olx-core-chip {
    box-sizing: border-box;
    display: inline-flex;
    gap: var(--spacing-0-5);
    height: 36px;
    justify-content: center;
    padding: var(--spacing-1-5);
    place-items: center;
    vertical-align: middle;
    white-space: nowrap
}

.olx-core-chip[data-size=small] {
    font-size: var(--font-size-1-75);
    height: 32px;
    padding: var(--spacing-1)
}

.olx-core-chip[data-size=small] svg {
    max-height: 16px;
    max-width: 16px
}

.olx-core-chip[data-size=medium] {
    font-size: var(--font-size-2);
    height: 48px;
    padding: var(--spacing-1-5)
}

.olx-core-chip[data-size=medium] svg {
    max-height: 24px;
    max-width: 24px
}

.olx-core-chip {
    background-color: var(--chip-background-color-default);
    border: var(--border-width-0-1) solid var(--chip-border-color-default);
    border-radius: var(--chip-border-radius);
    color: var(--chip-font-color-default);
    cursor: pointer;
    font-family: var(--font-family-secondary);
    font-size: var(--font-size-1-75);
    font-weight: var(--font-weight-semibold);
    text-decoration: none;
    --chip-transition-duration: var(--transition-duration-2);
    transition: transform var(--chip-transition-duration) var(--transition-timing-ease-in),color var(--chip-transition-duration) var(--transition-timing-ease-in),border-color var(--chip-transition-duration) var(--transition-timing-ease-in),background-color var(--chip-transition-duration) var(--transition-timing-ease-in)
}

.olx-core-chip:focus-visible {
    outline: solid 2px var(--color-neutral-130);
    outline-offset: 2px
}

.olx-core-chip:hover {
    --chip-transition-duration: var(--transition-duration-1);
    background-color: var(--chip-background-color-hover);
    border-color: var(--chip-border-color-hover);
    color: var(--chip-font-color-hover)
}

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

.olx-core-chip[data-selected=true] {
    background-color: var(--chip-background-color-selected);
    border-color: var(--chip-border-color-selected);
    color: var(--chip-font-color-selected)
}

.olx-core-chip[data-disabled=true] {
    background-color: var(--chip-background-color-disabled);
    border-color: var(--chip-border-color-disabled);
    color: var(--chip-font-color-disabled);
    cursor: not-allowed;
    transform: none
}

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

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

.olx-core-skeleton {
    animation: olx-core-skeleton-loading var(--transition-duration-5) var(--transition-timing-ease) var(--transition-delay-1) infinite;
    background: linear-gradient(to right,var(--color-neutral-80) 0,var(--color-neutral-90) 50%,var(--color-neutral-80) 100%);
    background-size: 200% 100%
}

@keyframes olx-core-skeleton-loading {
    0% {
        background-position: 100% 0
    }

    to {
        background-position: -100% 0
    }
}

.olx-core-rating {
    align-items: center;
    display: inline-flex
}

.olx-core-rating__stars {
    align-items: center;
    display: flex;
    gap: var(--spacing-1)
}

.olx-core-rating__star-button {
    background: transparent;
    border: 0;
    cursor: pointer;
    height: 40px;
    padding: var(--spacing-0-25);
    width: 40px
}

.olx-core-rating__star-button:focus {
    outline: none
}

.olx-core-rating__star-button:disabled {
    cursor: default
}

.olx-core-rating--readonly .olx-core-rating__star-button {
    cursor: default;
    pointer-events: none
}

.olx-core-multiselect {
    font-family: var(--font-family-secondary);
    position: relative;
    width: 100%
}

.olx-core-multiselect--disabled {
    pointer-events: none
}

.olx-core-multiselect__placeholder {
    color: var(--color-neutral-100);
    padding-left: var(--spacing-0-5)
}

.olx-core-multiselect__placeholder,.olx-core-multiselect__value {
    flex: 1;
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.olx-core-multiselect__value {
    color: var(--color-neutral-130)
}

.olx-core-multiselect__icon {
    cursor: pointer;
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

.olx-core-multiselect__spinner {
    flex-shrink: 0
}

.olx-core-multiselect__icon-left {
    align-items: center;
    align-self: center;
    color: var(--input-textarea-default-color-arrow);
    display: flex;
    flex-shrink: 0;
    height: 24px;
    justify-content: center;
    width: 24px
}

.olx-core-multiselect__trigger {
    align-items: center;
    background-color: var(--color-neutral-70);
    border: none;
    border-radius: var(--input-border-radius);
    box-shadow: inset 0 0 0 var(--border-width-0-1) var(--color-neutral-90);
    cursor: text;
    display: flex;
    gap: var(--spacing-1);
    justify-content: space-between;
    min-height: 48px;
    padding: var(--spacing-1) var(--spacing-1-5);
    text-align: left;
    transition: box-shadow var(--transition-duration-3) var(--transition-timing-ease),background-color var(--transition-duration-3) var(--transition-timing-ease);
    width: 100%
}

.olx-core-multiselect__trigger:focus-within {
    box-shadow: inset 0 0 0 var(--border-width-0-25) var(--input-textarea-border-color-selected)
}

.olx-core-multiselect__trigger:focus-visible {
    outline: solid 2px var(--color-neutral-130);
    outline-offset: 2px
}

.olx-core-multiselect__trigger:hover:not([aria-disabled=true]) {
    box-shadow: inset 0 0 0 var(--border-width-0-25) var(--color-neutral-90)
}

.olx-core-multiselect__trigger:focus-within:hover:not([aria-disabled=true]) {
    box-shadow: inset 0 0 0 var(--border-width-0-25) var(--input-textarea-border-color-selected)
}

.olx-core-multiselect__trigger--filled {
    box-shadow: inset 0 0 0 var(--border-width-0-1) var(--color-neutral-130)
}

.olx-core-multiselect__trigger--filled .olx-core-multiselect__placeholder {
    color: var(--color-neutral-130)
}

.olx-core-multiselect__trigger--filled:hover:not([aria-disabled=true]) {
    box-shadow: inset 0 0 0 var(--border-width-0-25) var(--color-neutral-130)
}

.olx-core-multiselect__trigger--open,.olx-core-multiselect__trigger--open:hover:not([aria-disabled=true]) {
    box-shadow: inset 0 0 0 var(--border-width-0-25) var(--input-textarea-border-color-selected)
}

.olx-core-multiselect__trigger--error {
    background-color: var(--color-feedback-error-80);
    box-shadow: inset 0 0 0 var(--border-width-0-1) var(--color-feedback-error-100)
}

.olx-core-multiselect__trigger--error:hover:not([aria-disabled=true]) {
    box-shadow: inset 0 0 0 var(--border-width-0-25) var(--color-feedback-error-100)
}

.olx-core-multiselect__trigger--disabled {
    background-color: var(--color-neutral-80);
    box-shadow: inset 0 0 0 var(--border-width-0-1) var(--color-neutral-80);
    cursor: not-allowed
}

.olx-core-multiselect__trigger--disabled .olx-core-multiselect__icon,.olx-core-multiselect__trigger--disabled .olx-core-multiselect__icon-left,.olx-core-multiselect__trigger--disabled .olx-core-multiselect__placeholder,.olx-core-multiselect__trigger--disabled .olx-core-multiselect__value {
    color: var(--color-neutral-100)
}

@media (max-width: 840px) {
    .olx-core-multiselect__trigger {
        cursor:pointer
    }
}

.olx-core-multiselect__trigger-content {
    align-items: center;
    display: flex;
    flex: 1;
    gap: var(--spacing-1);
    min-width: 0;
    overflow: hidden
}

.olx-core-multiselect__chip-list {
    align-items: center;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    gap: var(--spacing-0-5);
    min-width: 0
}

.olx-core-multiselect__input {
    background: transparent;
    border: none!important;
    box-shadow: none!important;
    color: var(--color-neutral-130);
    flex: 1;
    font-family: var(--font-family-secondary);
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    min-width: 60px;
    outline: none!important;
    padding: 0;
    padding-left: var(--spacing-0-5)
}

.olx-core-multiselect__input::-moz-placeholder {
    color: var(--color-neutral-100)
}

.olx-core-multiselect__input::placeholder {
    color: var(--color-neutral-100)
}

.olx-core-multiselect__input:disabled {
    color: var(--color-neutral-100);
    cursor: not-allowed
}

.olx-core-multiselect__input:disabled::-moz-placeholder {
    color: var(--color-neutral-100)
}

.olx-core-multiselect__input:disabled::placeholder {
    color: var(--color-neutral-100)
}

.olx-core-multiselect__input--hidden {
    flex: 0;
    min-width: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.olx-core-multiselect__chip {
    align-items: center;
    display: inline-flex;
    gap: var(--spacing-0-5);
    height: 26px
}

.olx-core-multiselect__chip-remove {
    flex-shrink: 0
}

.olx-core-multiselect__tag-list {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    gap: var(--spacing-0-5);
    overflow: hidden
}

.olx-core-multiselect__tag {
    align-items: center;
    background-color: var(--color-neutral-80);
    border-radius: var(--border-radius-round);
    color: var(--color-neutral-130);
    display: inline-flex;
    font-size: var(--font-size-2);
    gap: var(--spacing-0-5);
    line-height: var(--line-height-2);
    max-width: 100%;
    padding: var(--spacing-0-5) var(--spacing-1)
}

.olx-core-multiselect__tag--disabled {
    opacity: .6
}

.olx-core-multiselect__tag-remove {
    align-items: center;
    background: transparent;
    border: none;
    color: var(--color-neutral-100);
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    padding: 0;
    transition: color var(--transition-duration-2) var(--transition-timing-ease)
}

.olx-core-multiselect__tag-remove:hover {
    color: var(--color-neutral-130)
}

.olx-core-multiselect__tag-remove:focus-visible {
    border-radius: var(--border-radius-round);
    outline: solid 2px var(--color-neutral-130);
    outline-offset: 2px
}

.olx-core-multiselect__counter {
    flex-shrink: 0
}

.olx-core-multiselect__dropdown {
    background-color: var(--color-neutral-70);
    border-radius: var(--border-radius-1);
    box-shadow: var(--shadow-bottom-6);
    overflow: hidden;
    position: relative;
    width: var(--radix-popover-trigger-width);
    z-index: 100
}

.olx-core-multiselect__dropdown[data-state=open] {
    animation: multiselect-dropdown-enter var(--transition-duration-3) var(--transition-timing-ease)
}

.olx-core-multiselect__dropdown[data-state=closed] {
    animation: multiselect-dropdown-exit var(--transition-duration-3) var(--transition-timing-ease)
}

@media (max-width: 840px) {
    .olx-core-multiselect__dropdown {
        border-radius:var(--border-radius-2) var(--border-radius-2) 0 0;
        box-shadow: var(--shadow-z4);
        inset: auto 0 0;
        max-height: 80vh;
        position: fixed;
        width: 100%
    }

    .olx-core-multiselect__dropdown[data-state=open] {
        animation: olx-modal-bottom-sheet-slide-up .3s cubic-bezier(.16,1,.3,1)
    }

    .olx-core-multiselect__dropdown[data-state=closed] {
        animation: olx-modal-bottom-sheet-slide-down .3s cubic-bezier(.16,1,.3,1)
    }
}

.olx-core-multiselect__overlay {
    display: none
}

@media (max-width: 840px) {
    .olx-core-multiselect__overlay {
        background-color:rgba(0,0,0,.6);
        display: block;
        inset: 0;
        position: fixed;
        z-index: 99
    }

    .olx-core-multiselect__overlay[data-state=open] {
        animation: olx-modal-overlay-fade-in .2s cubic-bezier(.16,1,.3,1)
    }

    .olx-core-multiselect__overlay[data-state=closed] {
        animation: olx-modal-overlay-fade-out .2s cubic-bezier(.16,1,.3,1)
    }
}

.olx-core-multiselect__header {
    display: none
}

@media (max-width: 840px) {
    .olx-core-multiselect__header {
        align-items:center;
        border-bottom: 1px solid var(--color-neutral-90);
        display: flex;
        justify-content: space-between;
        padding: var(--spacing-1) var(--spacing-1) var(--spacing-1) var(--spacing-2)
    }
}

.olx-core-multiselect__header-title {
    color: var(--color-neutral-130);
    font-size: var(--font-size-2);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-2)
}

.olx-core-multiselect__header-close {
    align-items: center;
    background: transparent;
    border: none;
    color: var(--color-neutral-100);
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 0
}

.olx-core-multiselect__header-close:hover {
    color: var(--color-neutral-130)
}

.olx-core-multiselect__search {
    align-items: center;
    border-bottom: 1px solid var(--color-neutral-90);
    display: flex;
    gap: var(--spacing-1);
    padding: var(--spacing-1-5) var(--spacing-2)
}

.olx-core-multiselect__search-input {
    background: transparent;
    border: none;
    color: var(--color-neutral-130);
    flex: 1;
    font-family: var(--font-family-secondary);
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    outline: none
}

.olx-core-multiselect__search-input::-moz-placeholder {
    color: var(--color-neutral-100)
}

.olx-core-multiselect__search-input::placeholder {
    color: var(--color-neutral-100)
}

.olx-core-multiselect__option-list {
    list-style: none;
    margin: 0;
    max-height: 240px;
    overflow-y: auto;
    padding: var(--spacing-1) 0
}

@media (max-width: 840px) {
    .olx-core-multiselect__option-list {
        max-height:calc(80vh - 120px)
    }
}

.olx-core-multiselect__option {
    align-items: center;
    color: var(--color-neutral-130);
    cursor: pointer;
    display: flex;
    font-size: var(--font-size-2);
    gap: var(--spacing-1);
    line-height: var(--line-height-2);
    outline: none;
    padding: var(--spacing-2);
    transition: background-color var(--transition-duration-2) var(--transition-timing-ease)
}

.olx-core-multiselect__option:focus:not(.olx-core-multiselect__option--disabled),.olx-core-multiselect__option:hover:not(.olx-core-multiselect__option--disabled) {
    background-color: var(--color-neutral-80)
}

.olx-core-multiselect__option:focus-visible:not(.olx-core-multiselect__option--disabled) {
    outline: solid 2px var(--color-neutral-130);
    outline-offset: -2px
}

.olx-core-multiselect__option--selected {
    background-color: var(--color-neutral-80)
}

.olx-core-multiselect__option--disabled {
    cursor: not-allowed;
    opacity: .5
}

.olx-core-multiselect__checkbox {
    flex-shrink: 0;
    pointer-events: none
}

.olx-core-multiselect__empty {
    align-items: center;
    display: flex;
    font-weight: var(--font-weight-bold);
    justify-content: flex-start;
    padding: var(--spacing-3) var(--spacing-2)
}

.olx-core-multiselect__empty,.olx-core-multiselect__group-title {
    color: var(--color-neutral-130);
    font-size: var(--font-size-2);
    line-height: var(--line-height-2)
}

.olx-core-multiselect__group-title {
    font-weight: var(--font-weight-semibold);
    list-style: none;
    padding: var(--spacing-1-5) var(--spacing-2)
}

.olx-core-multiselect__group-title:not(:first-child) {
    margin-top: var(--spacing-1);
    padding-top: var(--spacing-2)
}

@keyframes multiselect-dropdown-enter {
    0% {
        opacity: 0;
        transform: translateY(-8px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes multiselect-dropdown-exit {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-8px)
    }
}

.olx-core-singleselect {
    font-family: var(--font-family-secondary);
    position: relative;
    width: 100%
}

.olx-core-singleselect--disabled {
    pointer-events: none
}

.olx-core-singleselect__placeholder {
    color: var(--color-neutral-100);
    padding-left: var(--spacing-0-5)
}

.olx-core-singleselect__placeholder,.olx-core-singleselect__value {
    flex: 1;
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.olx-core-singleselect__value {
    color: var(--color-neutral-130);
    font-family: var(--font-family-secondary)
}

.olx-core-singleselect__icon {
    cursor: pointer;
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

.olx-core-singleselect__spinner {
    flex-shrink: 0
}

.olx-core-singleselect__icon-left {
    align-items: center;
    align-self: center;
    color: var(--input-textarea-default-color-arrow);
    display: flex;
    flex-shrink: 0;
    height: 24px;
    justify-content: center;
    width: 24px
}

.olx-core-singleselect__trigger {
    align-items: center;
    background-color: var(--color-neutral-70);
    border: none;
    border-radius: var(--input-border-radius);
    box-shadow: inset 0 0 0 var(--border-width-0-1) var(--color-neutral-90);
    cursor: text;
    display: flex;
    gap: var(--spacing-1);
    justify-content: space-between;
    min-height: 48px;
    padding: var(--spacing-1-5) var(--spacing-2);
    text-align: left;
    transition: box-shadow var(--transition-duration-3) var(--transition-timing-ease),background-color var(--transition-duration-3) var(--transition-timing-ease);
    width: 100%
}

.olx-core-singleselect__trigger--not-searchable {
    cursor: pointer
}

.olx-core-singleselect__trigger:focus-within {
    box-shadow: inset 0 0 0 var(--border-width-0-25) var(--input-textarea-border-color-selected)
}

.olx-core-singleselect__trigger:focus-visible {
    outline: solid 2px var(--color-neutral-130);
    outline-offset: 2px
}

.olx-core-singleselect__trigger:hover:not([aria-disabled=true]) {
    box-shadow: inset 0 0 0 var(--border-width-0-25) var(--color-neutral-90)
}

.olx-core-singleselect__trigger:focus-within:hover:not([aria-disabled=true]) {
    box-shadow: inset 0 0 0 var(--border-width-0-25) var(--input-textarea-border-color-selected)
}

.olx-core-singleselect__trigger--filled {
    box-shadow: inset 0 0 0 var(--border-width-0-1) var(--color-neutral-130)
}

.olx-core-singleselect__trigger--filled .olx-core-singleselect__placeholder {
    color: var(--color-neutral-130)
}

.olx-core-singleselect__trigger--filled:hover:not([aria-disabled=true]) {
    box-shadow: inset 0 0 0 var(--border-width-0-25) var(--color-neutral-130)
}

.olx-core-singleselect__trigger--open,.olx-core-singleselect__trigger--open:hover:not([aria-disabled=true]) {
    box-shadow: inset 0 0 0 var(--border-width-0-25) var(--input-textarea-border-color-selected)
}

.olx-core-singleselect__trigger--error {
    background-color: var(--color-feedback-error-80);
    box-shadow: inset 0 0 0 var(--border-width-0-1) var(--color-feedback-error-100)
}

.olx-core-singleselect__trigger--error:hover:not([aria-disabled=true]) {
    box-shadow: inset 0 0 0 var(--border-width-0-25) var(--color-feedback-error-100)
}

.olx-core-singleselect__trigger--disabled {
    background-color: var(--color-neutral-80);
    box-shadow: inset 0 0 0 var(--border-width-0-1) var(--color-neutral-80);
    cursor: not-allowed
}

.olx-core-singleselect__trigger--disabled .olx-core-singleselect__icon,.olx-core-singleselect__trigger--disabled .olx-core-singleselect__icon-left,.olx-core-singleselect__trigger--disabled .olx-core-singleselect__placeholder,.olx-core-singleselect__trigger--disabled .olx-core-singleselect__value {
    color: var(--color-neutral-100)
}

@media (max-width: 840px) {
    .olx-core-singleselect__trigger {
        cursor:pointer
    }
}

.olx-core-singleselect__trigger-content {
    align-items: center;
    display: flex;
    flex: 1;
    gap: var(--spacing-1);
    min-width: 0;
    overflow: hidden
}

.olx-core-singleselect__actions {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    gap: var(--spacing-0-5)
}

.olx-core-singleselect__clear {
    align-items: center;
    background: transparent;
    border: none;
    border-radius: var(--border-radius-round);
    color: var(--color-neutral-100);
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: var(--spacing-0-5);
    transition: color var(--transition-duration-2) var(--transition-timing-ease)
}

.olx-core-singleselect__clear:hover {
    color: var(--color-neutral-130)
}

.olx-core-singleselect__clear:focus-visible {
    outline: solid 2px var(--color-neutral-130);
    outline-offset: 2px
}

.olx-core-singleselect__input {
    background: transparent;
    border: none!important;
    box-shadow: none!important;
    color: var(--color-neutral-130);
    flex: 1;
    font-family: var(--font-family-secondary);
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    min-width: 60px;
    outline: none!important;
    padding: 0;
    padding-left: var(--spacing-0-5)
}

.olx-core-singleselect__input::-moz-placeholder {
    color: var(--color-neutral-100)
}

.olx-core-singleselect__input::placeholder {
    color: var(--color-neutral-100)
}

.olx-core-singleselect__input:disabled {
    color: var(--color-neutral-100);
    cursor: not-allowed
}

.olx-core-singleselect__input:disabled::-moz-placeholder {
    color: var(--color-neutral-100)
}

.olx-core-singleselect__input:disabled::placeholder {
    color: var(--color-neutral-100)
}

.olx-core-singleselect__dropdown {
    background-color: var(--color-neutral-70);
    border-radius: var(--border-radius-1);
    box-shadow: var(--shadow-bottom-6);
    overflow: hidden;
    position: relative;
    width: var(--radix-popover-trigger-width);
    z-index: 100
}

.olx-core-singleselect__dropdown[data-state=open] {
    animation: singleselect-dropdown-enter var(--transition-duration-3) var(--transition-timing-ease)
}

.olx-core-singleselect__dropdown[data-state=closed] {
    animation: singleselect-dropdown-exit var(--transition-duration-3) var(--transition-timing-ease)
}

@media (max-width: 840px) {
    .olx-core-singleselect__dropdown {
        border-radius:var(--border-radius-2) var(--border-radius-2) 0 0;
        box-shadow: var(--shadow-z4);
        inset: auto 0 0;
        max-height: 80vh;
        position: fixed;
        width: 100%
    }

    .olx-core-singleselect__dropdown[data-state=open] {
        animation: olx-modal-bottom-sheet-slide-up .3s cubic-bezier(.16,1,.3,1)
    }

    .olx-core-singleselect__dropdown[data-state=closed] {
        animation: olx-modal-bottom-sheet-slide-down .3s cubic-bezier(.16,1,.3,1)
    }
}

.olx-core-singleselect__overlay {
    display: none
}

@media (max-width: 840px) {
    .olx-core-singleselect__overlay {
        background-color:rgba(0,0,0,.6);
        display: block;
        inset: 0;
        position: fixed;
        z-index: 99
    }

    .olx-core-singleselect__overlay[data-state=open] {
        animation: olx-modal-overlay-fade-in .2s cubic-bezier(.16,1,.3,1)
    }

    .olx-core-singleselect__overlay[data-state=closed] {
        animation: olx-modal-overlay-fade-out .2s cubic-bezier(.16,1,.3,1)
    }
}

.olx-core-singleselect__header {
    display: none
}

@media (max-width: 840px) {
    .olx-core-singleselect__header {
        align-items:center;
        border-bottom: 1px solid var(--color-neutral-90);
        display: flex;
        justify-content: space-between;
        padding: var(--spacing-2)
    }
}

.olx-core-singleselect__header-title {
    color: var(--color-neutral-130);
    font-family: var(--font-family-secondary);
    font-size: var(--font-size-2-5);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-2)
}

.olx-core-singleselect__header-close {
    align-items: center;
    background: transparent;
    border: none;
    color: var(--color-neutral-100);
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 0
}

.olx-core-singleselect__header-close:hover {
    color: var(--color-neutral-130)
}

.olx-core-singleselect__search {
    align-items: center;
    border-bottom: 1px solid var(--color-neutral-90);
    display: flex;
    gap: var(--spacing-1);
    padding: var(--spacing-1-5) var(--spacing-2)
}

.olx-core-singleselect__search-input {
    background: transparent;
    border: none;
    color: var(--color-neutral-130);
    flex: 1;
    font-family: var(--font-family-secondary);
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    outline: none
}

.olx-core-singleselect__search-input::-moz-placeholder {
    color: var(--color-neutral-100)
}

.olx-core-singleselect__search-input::placeholder {
    color: var(--color-neutral-100)
}

.olx-core-singleselect__option-list {
    list-style: none;
    margin: 0;
    max-height: 240px;
    overflow-y: auto;
    padding: var(--spacing-1) 0
}

@media (max-width: 840px) {
    .olx-core-singleselect__option-list {
        max-height:calc(80vh - 120px)
    }
}

.olx-core-singleselect__option {
    align-items: center;
    color: var(--color-neutral-130);
    cursor: pointer;
    display: flex;
    font-family: var(--font-family-secondary);
    font-size: var(--font-size-2);
    gap: var(--spacing-1);
    justify-content: space-between;
    line-height: var(--line-height-2);
    outline: none;
    padding: var(--spacing-2);
    transition: background-color var(--transition-duration-2) var(--transition-timing-ease)
}

.olx-core-singleselect__option:focus:not(.olx-core-singleselect__option--disabled),.olx-core-singleselect__option:hover:not(.olx-core-singleselect__option--disabled) {
    background-color: var(--color-neutral-80)
}

.olx-core-singleselect__option:focus-visible:not(.olx-core-singleselect__option--disabled) {
    outline: solid 2px var(--color-neutral-130);
    outline-offset: -2px
}

.olx-core-singleselect__option--selected {
    background-color: var(--color-neutral-80)
}

.olx-core-singleselect__option--disabled {
    cursor: not-allowed;
    opacity: .5
}

.olx-core-singleselect__option-content {
    flex: 1;
    font-family: var(--font-family-secondary);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.olx-core-singleselect__option-check {
    color: var(--color-primary-100);
    flex-shrink: 0
}

.olx-core-singleselect__empty {
    align-items: center;
    display: flex;
    font-weight: var(--font-weight-bold);
    justify-content: flex-start;
    padding: var(--spacing-3) var(--spacing-2)
}

.olx-core-singleselect__empty,.olx-core-singleselect__group-title {
    color: var(--color-neutral-130);
    font-size: var(--font-size-2);
    line-height: var(--line-height-2)
}

.olx-core-singleselect__group-title {
    font-weight: var(--font-weight-semibold);
    list-style: none;
    padding: var(--spacing-1-5) var(--spacing-2)
}

.olx-core-singleselect__group-title:not(:first-child) {
    margin-top: var(--spacing-1);
    padding-top: var(--spacing-2)
}

@keyframes singleselect-dropdown-enter {
    0% {
        opacity: 0;
        transform: translateY(-8px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes singleselect-dropdown-exit {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-8px)
    }
}

.olx-core-surface {
    background-color: var(--surface-background-color);
    border: var(--border-width-0-1) solid var(--surface-border-color);
    border-radius: var(--surface-border-radius)
}

.olx-core-breadcrumb__list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-0-5);
    margin: 0
}

.olx-core-breadcrumb__element {
    align-items: center;
    display: flex;
    list-style-type: none;
    white-space: normal
}

.olx-core-breadcrumb__element__page {
    font-family: var(--font-family-secondary);
    font-size: var(--font-size-1-5);
    font-weight: var(--font-weight-regular);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-medium)
}

.olx-core-accordion {
    background-color: var(--accordion-background-color-default);
    border: var(--accordion-border-width) solid;
    border-color: var(--accordion-border-color-default);
    border-radius: var(--accordion-border-radius);
    transition: background-color var(--transition-duration-2) var(--transition-timing-ease-in-out);
    width: 100%
}

.olx-core-accordion:hover:not([data-disabled=true]) {
    background-color: var(--accordion-background-color-hover)
}

.olx-core-accordion[data-disabled=true] {
    background-color: var(--accordion-background-color-disabled);
    border-color: var(--accordion-border-color-disabled)
}

.olx-core-accordion__header {
    align-items: flex-start;
    background-color: transparent;
    border: none;
    border-radius: var(--accordion-border-radius);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: var(--spacing-2);
    padding-right: var(--spacing-6);
    position: relative;
    width: 100%
}

.olx-core-accordion__header[data-disabled] {
    color: var(--accordion-color-icon-disabled);
    cursor: not-allowed
}

.olx-core-accordion__header-chevron {
    color: var(--accordion-color-icon-default);
    height: 24px;
    position: absolute;
    right: var(--spacing-2);
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    transform-origin: 50% 50%;
    transition: transform var(--transition-duration-3) var(--transition-timing-ease-in-out);
    width: 24px
}

.olx-core-accordion__header[data-state=open] .olx-core-accordion__header-chevron {
    transform: translateY(-50%) rotate(180deg)
}

.olx-core-accordion__header[data-disabled] .olx-core-accordion__header-chevron {
    color: var(--accordion-color-icon-disabled)
}

.olx-core-accordion__header:focus-visible {
    outline: solid 2px var(--color-neutral-130);
    outline-offset: 2px
}

.olx-core-accordion__icon {
    height: 24px;
    left: var(--spacing-2);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px
}

.olx-core-accordion__description {
    font-family: var(--font-family-secondary);
    font-size: var(--font-size-1-75);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-distant)
}

@media (min-width: 840px) {
    .olx-core-accordion__description {
        font-family:var(--font-family-secondary);
        font-size: var(--font-size-2);
        font-weight: var(--font-weight-regular);
        line-height: var(--line-height-superdistant)
    }
}

.olx-core-accordion__description {
    color: var(--accordion-text-color-default);
    text-align: left
}

.olx-core-accordion__title {
    font-family: var(--font-family-secondary);
    font-size: var(--font-size-2);
    font-weight: var(--font-weight-regular);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-superdistant)
}

@media (min-width: 840px) {
    .olx-core-accordion__title {
        font-family:var(--font-family-secondary);
        font-size: var(--font-size-2-25);
        font-weight: var(--font-weight-regular);
        font-weight: var(--font-weight-semibold);
        line-height: var(--line-height-superdistant)
    }
}

.olx-core-accordion__title {
    color: var(--accordion-text-color-default);
    text-align: left
}

.olx-core-accordion__header[data-disabled] .olx-core-accordion__description,.olx-core-accordion__header[data-disabled] .olx-core-accordion__title {
    color: var(--accordion-text-color-disabled)
}

.olx-core-accordion__header:has(.olx-core-accordion__icon) {
    padding-left: var(--spacing-6)
}

.olx-core-accordion__panel {
    border-top: var(--accordion-border-width) solid;
    border-color: var(--accordion-border-color-default);
    overflow: hidden
}

.olx-core-accordion__panel[data-state=closed] {
    animation: slide-up var(--transition-duration-3) var(--transition-timing-ease-in-out);
    height: 0
}

.olx-core-accordion__panel[data-state=open] {
    animation: slide-down var(--transition-duration-3) var(--transition-timing-ease-in-out)
}

.olx-core-accordion__panel-content {
    padding: var(--spacing-2)
}

@keyframes slide-down {
    0% {
        height: 0
    }

    to {
        height: var(--radix-accordion-content-height)
    }
}

@keyframes slide-up {
    0% {
        height: var(--radix-accordion-content-height)
    }

    to {
        height: 0
    }
}

.olx-core-progressbar {
    background-color: var(--color-neutral-90);
    height: var(--spacing-1);
    overflow: hidden;
    position: relative;
    width: 100%
}

.olx-core-progressbar__indicator {
    background-color: var(--progressbar-background-color-indicator);
    height: 100%;
    transition: transform var(--transition-duration-3) var(--transition-timing-ease-out);
    width: 100%
}

.olx-core-slider {
    align-items: center;
    display: flex;
    height: 24px;
    position: relative;
    touch-action: none;
    width: 100%
}

.olx-core-slider[data-disabled] {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.olx-core-slider__track {
    background-color: var(--color-neutral-90);
    border-radius: var(--border-radius-1);
    flex-grow: 1;
    height: var(--spacing-0-5);
    overflow: hidden;
    position: relative
}

.olx-core-slider__range {
    background: var(--slider-range-background-color-default);
    border-radius: var(--border-radius-1);
    height: 100%;
    position: absolute
}

.olx-core-slider__range--error {
    background-color: var(--slider-range-background-color-error)
}

.olx-core-slider__range--disabled {
    background-color: var(--slider-range-background-color-disabled)
}

.olx-core-slider__thumb {
    background-color: var(--color-neutral-70);
    border: var(--border-width-0-1) solid var(--slider-thumb-border-color-default);
    border-radius: var(--border-radius-5);
    cursor: grab;
    display: block;
    height: 24px;
    transition: border-width var(--transition-duration-1) var(--transition-timing-ease-in);
    width: 24px
}

.olx-core-slider__thumb--error {
    border-color: var(--slider-thumb-border-color-error)
}

.olx-core-slider__thumb--disabled {
    border-color: var(--slider-thumb-border-color-disabled)
}

.olx-core-slider__thumb:hover {
    border-width: var(--border-width-0-25)
}

.olx-core-slider__thumb[data-disabled]:hover {
    border-width: var(--border-width-0-1);
    cursor: not-allowed
}

.olx-core-slider__content {
    display: grid;
    gap: var(--spacing-1);
    margin-top: var(--spacing-0-5)
}

.olx-core-slider__text {
    color: var(--color-neutral-130);
    display: flex;
    font-size: var(--font-size-1-75)
}

.olx-core-slider__text__max {
    margin-left: auto
}

.olx-core-slider__text--error {
    color: var(--color-feedback-error-100)
}

.olx-core-slider__text--disabled {
    color: var(--color-neutral-90)
}

.olx-core-slider:has(.olx-core-slider__thumb:focus-visible) .olx-core-slider__thumb:focus-visible {
    border-color: var(--slider-thumb-border-color-active);
    cursor: grabbing;
    outline: none
}

.olx-core-slider:has(.olx-core-slider__thumb:focus-visible) .olx-core-slider__range {
    background-color: var(--slider-range-background-color-active)
}

.olx-core-card {
    background-color: var(--card-background-color);
    border: var(--border-width-0-1) solid var(--card-border-color);
    border-radius: var(--card-border-radius)
}

.olx-core-card--outline {
    border-width: 0
}

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

@keyframes olx-core-carousel-grow {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes shine-animation {
    0% {
        left: -150%
    }

    50% {
        left: 100%
    }

    to {
        left: 100%
    }
}

.olx-core-badge {
    align-items: center;
    background: var(--badge-background-color);
    border-radius: var(--badge-rectangle-radius);
    color: var(--badge-color);
    display: inline-flex;
    font-family: var(--font-family-secondary);
    font-weight: var(--font-weight-semibold);
    gap: var(--spacing-0-5);
    overflow: hidden;
    white-space: nowrap
}

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

.olx-core-badge--medium {
    font-size: var(--font-size-1-5);
    padding: var(--spacing-0-5) var(--spacing-1)
}

.olx-core-badge--large {
    font-size: var(--font-size-1-75);
    padding: var(--spacing-1) var(--spacing-1-5)
}

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

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

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

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

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

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

.olx-core-badge--gradient {
    --badge-background-color: var(--color-gradient-new);
    --badge-color: #eee
}

.olx-core-badge.olx-core-badge--pro-default {
    --badge-background-color: var(--color-gradient-pro);
    --badge-color: var(--color-neutral-70);
    overflow: hidden;
    position: relative
}

.olx-core-badge.olx-core-badge--pro-default.olx-core-badge.olx-core-badge--pro-default:before {
    animation: shine-animation 2.5s ease-in-out .15s infinite;
    background: linear-gradient(-50deg,transparent 40%,#f0e6ff99 50%,transparent 60%);
    content: "";
    filter: blur(4px);
    height: 100%;
    left: -150%;
    position: absolute;
    top: 0;
    width: 200%
}

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

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

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

.olx-tabs {
    display: flex
}

.olx-tabs__navigation {
    align-items: center;
    border-bottom: 1px solid var(--tab-border-color-default);
    contain: layout style;
    display: flex;
    position: relative;
    width: 100%
}

.olx-tabs__scroll-button {
    align-items: center;
    background: var(--color-neutral-70);
    border: none;
    border-radius: 4px;
    color: var(--tab-font-color-default);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: 40px;
    justify-content: center;
    padding: 0;
    transform: translateZ(0);
    transition: background-color .2s ease,border-color .2s ease,color .2s ease;
    width: 40px;
    will-change: transform;
    z-index: 2
}

.olx-tabs__scroll-button--left {
    background: linear-gradient(to right,var(--color-neutral-70) 0,var(--color-neutral-70) 60%,transparent 100%)
}

.olx-tabs__scroll-button--right {
    background: linear-gradient(to left,var(--color-neutral-70) 0,var(--color-neutral-70) 60%,transparent 100%)
}

.olx-tabs__scroll-button svg {
    height: 16px;
    pointer-events: none;
    width: 16px
}

.olx-tabs__scroll-container {
    flex: 1;
    overflow: auto hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    contain: layout style;
    transform: translateZ(0);
    will-change: scroll-position
}

.olx-tabs__scroll-container::-webkit-scrollbar {
    display: none
}

.olx-tabs__scroll-container--scrollable {
    position: relative
}

.olx-tabs__scroll-container--scrollable:after,.olx-tabs__scroll-container--scrollable:before {
    bottom: 0;
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .3s ease;
    width: 20px;
    z-index: 1
}

.olx-tabs__tablist {
    contain: layout style;
    flex-direction: row;
    gap: 0;
    list-style: none;
    margin: 0;
    min-width: -moz-min-content;
    min-width: min-content;
    padding: 0;
    -webkit-overflow-scrolling: touch
}

.olx-tabs__tab {
    align-items: center;
    background: transparent;
    border: none;
    border-bottom: 1px solid transparent;
    border-radius: 0;
    color: var(--tab-font-color-default);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-family: inherit;
    font-size: var(--font-size-2);
    font-weight: var(--font-weight-semibold);
    gap: .5rem;
    justify-content: center;
    line-height: 1.25rem;
    min-width: -moz-max-content;
    min-width: max-content;
    padding: .75rem 1rem;
    text-decoration: none;
    transform: translateZ(0);
    transition: background-color .2s ease,border-color .2s ease,color .2s ease;
    white-space: nowrap;
    will-change: background-color,border-color,color
}

.olx-tabs__tab:focus {
    outline: 1px solid var(--tab-border-color-hover);
    outline-offset: 1px
}

.olx-tabs__tab:hover:not(.olx-tabs__tab--disabled) {
    border-bottom-color: var(--tab-border-color-hover);
    color: var(--tab-font-color-hover)
}

.olx-tabs__tab:focus:not(:focus-visible) {
    outline: none
}

.olx-tabs__tab:active:not(.olx-tabs__tab--disabled) {
    border-bottom-color: var(--tab-border-color-pressed);
    color: var(--tab-font-color-pressed)
}

.olx-tabs__tab--active {
    border-bottom-color: var(--tab-border-color-selected);
    color: var(--tab-font-color-selected)
}

.olx-tabs__tab--disabled {
    background: var(--tab-background-color-disabled);
    border-bottom-color: var(--tab-border-color-disabled);
    color: var(--tab-font-color-disabled);
    cursor: not-allowed;
    opacity: .6
}

.olx-tabs__tab-icon {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 1rem;
    justify-content: center;
    width: 1rem
}

.olx-tabs__tab-label {
    flex: 1;
    text-align: center
}

.olx-tabs__panels {
    contain: layout style;
    margin-top: 1rem
}

.olx-tabs__tabpanel {
    display: none
}

.olx-tabs__tabpanel--selected {
    display: block
}

@media (max-width: 768px) {
    .olx-tabs__scroll-button {
        height:36px;
        width: 36px
    }

    .olx-tabs__scroll-button--left {
        margin-right: 4px
    }

    .olx-tabs__scroll-button--right {
        margin-left: 4px
    }

    .olx-tabs__scroll-button svg {
        height: 14px;
        width: 14px
    }

    .olx-tabs__tab {
        gap: .375rem;
        padding: .5rem .75rem
    }

    .olx-tabs__tablist {
        gap: 0;
        padding: 0
    }
}

@media (prefers-reduced-motion:reduce) {
    .olx-tabs__scroll-button,.olx-tabs__scroll-container,.olx-tabs__tab {
        scroll-behavior: auto;
        transition: none
    }

    .olx-tabs__scroll-button,.olx-tabs__tab {
        will-change: auto
    }
}

@media (prefers-contrast:high) {
    .olx-tabs__navigation {
        border-bottom-width: 1px
    }

    .olx-tabs__scroll-button {
        border-width: 1px
    }

    .olx-tabs__tab {
        border-bottom-width: 1px
    }
}

@media print {
    .olx-tabs__scroll-button {
        display: none
    }

    .olx-tabs__scroll-container {
        overflow: visible
    }

    .olx-tabs__tablist {
        flex-wrap: wrap
    }
}

.olx-modal-overlay {
    animation: olx-modal-overlay-fade-in .2s cubic-bezier(.16,1,.3,1);
    background-color: var(--modal-overlay-background-color,rgba(0,0,0,.6));
    inset: 0;
    position: fixed;
    will-change: opacity;
    z-index: var(--modal-overlay-z-index,9998)
}

.olx-modal-overlay[data-state=closed] {
    animation: olx-modal-overlay-fade-out .2s cubic-bezier(.16,1,.3,1)
}

.olx-modal-content {
    background-color: var(--modal-content-background-color);
    border-radius: var(--modal-content-border-radius);
    box-shadow: var(--modal-content-box-shadow);
    display: flex;
    flex-direction: column;
    outline: none;
    position: fixed;
    will-change: transform,opacity;
    z-index: var(--modal-content-z-index,9999)
}

.olx-modal-content:focus {
    outline: none
}

.olx-modal-content--default {
    animation: olx-modal-content-show .2s cubic-bezier(.16,1,.3,1);
    left: 50%;
    max-height: var(--modal-max-height);
    max-width: var(--modal-max-width);
    top: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% - 32px)
}

.olx-modal-content--default[data-state=closed] {
    animation: olx-modal-content-hide .2s cubic-bezier(.16,1,.3,1)
}

@media (max-width: 840px) {
    .olx-modal-content--default {
        animation:olx-modal-bottom-sheet-slide-up .3s cubic-bezier(.16,1,.3,1);
        border-radius: var(--modal-content-border-radius-mobile) var(--modal-content-border-radius-mobile) 0 0;
        bottom: 0;
        left: 0;
        max-height: 90vh;
        max-width: 100%;
        top: auto;
        transform: none;
        width: 100%
    }

    .olx-modal-content--default[data-state=closed] {
        animation: olx-modal-bottom-sheet-slide-down .3s cubic-bezier(.16,1,.3,1)
    }
}

.olx-modal-content--side-sheet {
    border-radius: 0;
    bottom: 0;
    max-height: 100vh;
    max-width: calc(100vw - 32px);
    overflow-y: auto;
    top: 0;
    width: var(--modal-side-sheet-width)
}

.olx-modal-content--side-sheet--left {
    animation: olx-modal-side-sheet-slide-in-left .3s cubic-bezier(.16,1,.3,1);
    left: 0
}

.olx-modal-content--side-sheet--left[data-state=closed] {
    animation: olx-modal-side-sheet-slide-out-left .3s cubic-bezier(.16,1,.3,1)
}

.olx-modal-content--side-sheet--right {
    animation: olx-modal-side-sheet-slide-in-right .3s cubic-bezier(.16,1,.3,1);
    right: 0
}

.olx-modal-content--side-sheet--right[data-state=closed] {
    animation: olx-modal-side-sheet-slide-out-right .3s cubic-bezier(.16,1,.3,1)
}

@media (max-width: 840px) {
    .olx-modal-content--side-sheet {
        max-width:100vw;
        width: calc(100vw - 16px)
    }
}

.olx-modal-close-button {
    align-items: center;
    background-color: transparent;
    border: none;
    border-radius: var(--modal-close-button-border-radius);
    color: var(--modal-close-button-color);
    cursor: pointer;
    display: flex;
    height: var(--modal-close-button-size);
    justify-content: center;
    padding: 0;
    position: absolute;
    right: var(--modal-close-button-right);
    top: var(--modal-close-button-top);
    transition: background-color .15s ease,color .15s ease;
    width: var(--modal-close-button-size);
    z-index: 1
}

.olx-modal-close-button svg {
    height: 20px;
    width: 20px
}

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

.olx-modal-close-button:focus-visible {
    outline: 2px solid var(--modal-close-button-focus-outline,var(--color-brand-primary));
    outline-offset: 2px
}

.olx-modal-close-button:active {
    background-color: var(--modal-close-button-active-background-color)
}

.olx-modal-header {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    gap: 16px;
    justify-content: space-between;
    padding: var(--modal-header-padding)
}

@media (max-width: 840px) {
    .olx-modal-header {
        padding:var(--modal-header-padding-mobile)
    }
}

.olx-modal-header__border-bottom {
    border-bottom: var(--modal-header-border)
}

.olx-modal-title {
    align-items: center;
    color: var(--modal-title-color);
    display: flex;
    font-family: var(--modal-title-font-family);
    font-size: var(--modal-title-font-size);
    font-weight: var(--modal-title-font-weight);
    gap: 12px;
    line-height: var(--modal-title-line-height);
    margin: 0
}

.olx-modal-title__left-slot {
    align-items: center;
    color: var(--modal-title-left-slot-color);
    display: flex;
    flex-shrink: 0
}

.olx-modal-title__left-slot svg {
    height: 24px;
    width: 24px
}

@media (max-width: 840px) {
    .olx-modal-title {
        font-size:var(--modal-title-font-size-mobile);
        line-height: var(--modal-title-line-height-mobile)
    }
}

.olx-modal-description {
    color: var(--modal-description-color);
    font-family: var(--modal-description-font-family);
    font-size: var(--modal-description-font-size);
    line-height: var(--modal-description-line-height);
    margin: 8px 0 0
}

.olx-modal-body {
    flex: 1;
    overflow-y: auto;
    padding: var(--modal-body-padding);
    -webkit-overflow-scrolling: touch
}

@media (max-width: 840px) {
    .olx-modal-body {
        padding:var(--modal-body-padding-mobile)
    }
}

.olx-modal-footer {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    gap: 12px;
    justify-content: flex-end;
    padding: var(--modal-footer-padding)
}

@media (max-width: 840px) {
    .olx-modal-footer {
        flex-direction:column-reverse;
        padding: var(--modal-footer-padding-mobile)
    }

    .olx-modal-footer>* {
        width: 100%
    }
}

@keyframes olx-modal-overlay-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes olx-modal-overlay-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes olx-modal-content-show {
    0% {
        opacity: 0;
        transform: translate(-50%,-48%) scale(.96)
    }

    to {
        opacity: 1;
        transform: translate(-50%,-50%) scale(1)
    }
}

@keyframes olx-modal-content-hide {
    0% {
        opacity: 1;
        transform: translate(-50%,-50%) scale(1)
    }

    to {
        opacity: 0;
        transform: translate(-50%,-48%) scale(.96)
    }
}

@keyframes olx-modal-side-sheet-slide-in-left {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes olx-modal-side-sheet-slide-out-left {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(-100%)
    }
}

@keyframes olx-modal-side-sheet-slide-in-right {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes olx-modal-side-sheet-slide-out-right {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(100%)
    }
}

@keyframes olx-modal-bottom-sheet-slide-up {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes olx-modal-bottom-sheet-slide-down {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(100%)
    }
}

@media (prefers-reduced-motion:reduce) {
    .olx-modal-content,.olx-modal-overlay {
        animation-duration: .01ms!important;
        animation-iteration-count: 1!important;
        transition-duration: .01ms!important
    }
}

@media print {
    .olx-modal-overlay {
        display: none
    }

    .olx-modal-content {
        box-shadow: none;
        max-height: none;
        max-width: 100%;
        position: static;
        transform: none
    }
}

.ds-toast-viewport {
    --viewport-padding: 16px;
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    left: 0;
    list-style: none;
    margin: 0 24px 24px;
    max-width: 420px;
    outline: none;
    padding: var(--viewport-padding);
    position: fixed;
    z-index: 2147483647
}

@media (max-width: 640px) {
    .ds-toast-viewport {
        left:0;
        max-width: 100%;
        right: 0
    }
}

.ds-toast-close {
    align-items: center;
    background: transparent;
    border: none;
    border-radius: 4px;
    color: currentcolor;
    cursor: pointer;
    display: flex;
    justify-content: center;
    opacity: .6;
    padding: 12px;
    position: absolute;
    right: 4px;
    top: 4px;
    transition: all .15s ease-in-out
}

.ds-toast-close:hover {
    background-color: rgb(0 0 0/5%);
    opacity: 1
}

.ds-toast-close:active {
    background-color: rgba(0,0,0,.1);
    opacity: 1
}

.ds-toast-close:focus-visible {
    opacity: 1;
    outline: 2px solid var(--color-primary-60);
    outline-offset: 2px
}

.ds-toast-close>svg {
    height: 24px;
    width: 24px
}

.ds-toast-title {
    align-items: flex-start;
    color: currentcolor;
    display: flex;
    flex: 1;
    font-size: 16px;
    font-weight: 400;
    gap: 8px;
    line-height: 1.5;
    margin: 0;
    min-width: 0
}

.ds-toast-title>svg {
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

.ds-toast-root--default .ds-toast-title>svg {
    color: var(--toast-default-icon-color)
}

.ds-toast-root--success .ds-toast-title>svg {
    color: var(--toast-success-icon-color)
}

.ds-toast-root--error .ds-toast-title>svg {
    color: var(--toast-error-icon-color)
}

.ds-toast-root--warning .ds-toast-title>svg {
    color: var(--toast-warning-icon-color)
}

.ds-toast-root {
    align-items: flex-start;
    background-color: var(--toast-default-background-color);
    border-radius: 0 0 8px 8px;
    box-shadow: 0 4px 8px rgb(0 0 0/8%),0 2px 4px rgb(0 0 0/4%);
    color: var(--toast-default-text-color);
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 16px 56px 16px 16px;
    position: relative
}

.ds-toast-root:before {
    background-color: var(--toast-default-border-color);
    border-radius: 16px 16px 0 0;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: -4px;
    width: 0
}

@media (prefers-reduced-motion:no-preference) {
    .ds-toast-root[data-state=open] {
        animation: ds-toast-slide-in .2s cubic-bezier(.16,1,.3,1)
    }

    .ds-toast-root[data-state=open]:before {
        animation: ds-toast-progress var(--toast-duration,5s) linear forwards
    }

    .ds-toast-root[data-state=closed] {
        animation: ds-toast-hide .15s ease-in
    }

    .ds-toast-root[data-swipe=move] {
        transform: translateX(var(--radix-toast-swipe-move-x))
    }

    .ds-toast-root[data-swipe=cancel] {
        transform: translateX(0);
        transition: transform .2s ease-out
    }

    .ds-toast-root[data-swipe=end] {
        animation: ds-toast-swipe-out .15s ease-out
    }
}

.ds-toast-root--default {
    background-color: var(--toast-default-background-color);
    color: var(--toast-default-text-color)
}

.ds-toast-root--default:before {
    background-color: var(--toast-default-border-color)
}

.ds-toast-root--success {
    background-color: var(--toast-default-background-color);
    color: var(--toast-success-text-color)
}

.ds-toast-root--success:before {
    background-color: var(--toast-success-border-color)
}

.ds-toast-root--error {
    background-color: var(--toast-default-background-color);
    color: var(--toast-error-text-color)
}

.ds-toast-root--error:before {
    background-color: var(--toast-error-border-color)
}

.ds-toast-root--warning {
    background-color: var(--toast-default-background-color);
    color: var(--toast-warning-text-color)
}

.ds-toast-root--warning:before {
    background-color: var(--toast-warning-border-color)
}

.ds-toast-description {
    color: currentcolor;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
    opacity: .9;
    padding-left: var(--spacing-4)
}

.ds-toast-action {
    align-items: center;
    display: inline-flex;
    justify-content: flex-start;
    margin: 0 0 0 32px
}

.ds-toast-action a {
    color: var(--color-primary-60);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-underline-position: from-font;
    transition: color .15s ease-in-out
}

.ds-toast-action a:hover {
    color: var(--color-primary-70)
}

.ds-toast-action a:active {
    color: var(--color-primary-80)
}

.ds-toast-action button {
    background: transparent;
    border: 1px solid;
    border-radius: 4px;
    color: currentcolor;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    padding: 6px 12px;
    transition: all .15s ease-in-out
}

.ds-toast-action button:hover {
    background-color: rgb(0 0 0/5%)
}

.ds-toast-action button:active {
    background-color: rgba(0,0,0,.1)
}

.ds-toast-description+.ds-toast-action,.ds-toast-title+.ds-toast-action,.ds-toast-title+.ds-toast-description {
    margin-top: 0
}

@keyframes ds-toast-hide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes ds-toast-slide-in {
    0% {
        transform: translateX(calc(-100% - var(--viewport-padding)))
    }

    to {
        transform: translateX(0)
    }
}

@keyframes ds-toast-swipe-out {
    0% {
        transform: translateX(var(--radix-toast-swipe-end-x))
    }

    to {
        transform: translateX(calc(-100% - var(--viewport-padding)))
    }
}

@keyframes ds-toast-progress {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@media (max-width: 640px) {
    .ds-toast-root {
        gap:4px;
        padding: 16px 56px 16px 16px
    }

    .ds-toast-root:before {
        height: 4px;
        top: -4px
    }

    .ds-toast-title {
        font-size: 13px;
        line-height: 18px
    }

    .ds-toast-description {
        font-size: 12px;
        line-height: 16px
    }

    .ds-toast-action {
        margin-left: 32px
    }
}

.ds-toast-root:focus-visible {
    outline: 2px solid var(--color-primary-60);
    outline-offset: 2px
}

.order-1 {
    order: 1
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-first {
    order: -9999
}

.order-last {
    order: 9999
}

.order-none {
    order: 0
}

.m-0 {
    margin: 0
}

.m-0-25 {
    margin: var(--spacing-0-25)
}

.m-0-5 {
    margin: var(--spacing-0-5)
}

.m-1 {
    margin: var(--spacing-1)
}

.m-1-5 {
    margin: var(--spacing-1-5)
}

.m-10 {
    margin: var(--spacing-10)
}

.m-2 {
    margin: var(--spacing-2)
}

.m-3 {
    margin: var(--spacing-3)
}

.m-4 {
    margin: var(--spacing-4)
}

.m-5 {
    margin: var(--spacing-5)
}

.m-6 {
    margin: var(--spacing-6)
}

.m-7 {
    margin: var(--spacing-7)
}

.m-8 {
    margin: var(--spacing-8)
}

.m-9 {
    margin: var(--spacing-9)
}

.m-auto {
    margin: auto
}

.mb-0 {
    margin-bottom: 0
}

.mb-0-25 {
    margin-bottom: var(--spacing-0-25)
}

.mb-0-5 {
    margin-bottom: var(--spacing-0-5)
}

.mb-1 {
    margin-bottom: var(--spacing-1)
}

.mb-1-5 {
    margin-bottom: var(--spacing-1-5)
}

.mb-10 {
    margin-bottom: var(--spacing-10)
}

.mb-2 {
    margin-bottom: var(--spacing-2)
}

.mb-3 {
    margin-bottom: var(--spacing-3)
}

.mb-4 {
    margin-bottom: var(--spacing-4)
}

.mb-5 {
    margin-bottom: var(--spacing-5)
}

.mb-6 {
    margin-bottom: var(--spacing-6)
}

.mb-7 {
    margin-bottom: var(--spacing-7)
}

.mb-8 {
    margin-bottom: var(--spacing-8)
}

.mb-9 {
    margin-bottom: var(--spacing-9)
}

.mb-auto {
    margin-bottom: auto
}

.ml-0-25 {
    margin-left: var(--spacing-0-25)
}

.ml-0-5 {
    margin-left: var(--spacing-0-5)
}

.ml-1 {
    margin-left: var(--spacing-1)
}

.ml-1-5 {
    margin-left: var(--spacing-1-5)
}

.ml-10 {
    margin-left: var(--spacing-10)
}

.ml-2 {
    margin-left: var(--spacing-2)
}

.ml-3 {
    margin-left: var(--spacing-3)
}

.ml-4 {
    margin-left: var(--spacing-4)
}

.ml-5 {
    margin-left: var(--spacing-5)
}

.ml-6 {
    margin-left: var(--spacing-6)
}

.ml-7 {
    margin-left: var(--spacing-7)
}

.ml-8 {
    margin-left: var(--spacing-8)
}

.ml-9 {
    margin-left: var(--spacing-9)
}

.ml-auto {
    margin-left: auto
}

.mr-0 {
    margin-right: 0
}

.mr-0-25 {
    margin-right: var(--spacing-0-25)
}

.mr-0-5 {
    margin-right: var(--spacing-0-5)
}

.mr-1 {
    margin-right: var(--spacing-1)
}

.mr-1-5 {
    margin-right: var(--spacing-1-5)
}

.mr-10 {
    margin-right: var(--spacing-10)
}

.mr-2 {
    margin-right: var(--spacing-2)
}

.mr-3 {
    margin-right: var(--spacing-3)
}

.mr-4 {
    margin-right: var(--spacing-4)
}

.mr-5 {
    margin-right: var(--spacing-5)
}

.mr-6 {
    margin-right: var(--spacing-6)
}

.mr-7 {
    margin-right: var(--spacing-7)
}

.mr-8 {
    margin-right: var(--spacing-8)
}

.mr-9 {
    margin-right: var(--spacing-9)
}

.mr-auto {
    margin-right: auto
}

.mt-0-25 {
    margin-top: var(--spacing-0-25)
}

.mt-0-5 {
    margin-top: var(--spacing-0-5)
}

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

.mt-1-5 {
    margin-top: var(--spacing-1-5)
}

.mt-10 {
    margin-top: var(--spacing-10)
}

.mt-2 {
    margin-top: var(--spacing-2)
}

.mt-3 {
    margin-top: var(--spacing-3)
}

.mt-4 {
    margin-top: var(--spacing-4)
}

.mt-5 {
    margin-top: var(--spacing-5)
}

.mt-6 {
    margin-top: var(--spacing-6)
}

.mt-7 {
    margin-top: var(--spacing-7)
}

.mt-8 {
    margin-top: var(--spacing-8)
}

.mt-9 {
    margin-top: var(--spacing-9)
}

.mt-auto {
    margin-top: auto
}

.inline-block {
    display: inline-block
}

.table {
    display: table
}

.inline-table {
    display: inline-table
}

.table-caption {
    display: table-caption
}

.table-cell {
    display: table-cell
}

.table-column {
    display: table-column
}

.table-column-group {
    display: table-column-group
}

.table-footer-group {
    display: table-footer-group
}

.table-header-group {
    display: table-header-group
}

.table-row-group {
    display: table-row-group
}

.table-row {
    display: table-row
}

.flow-root {
    display: flow-root
}

.grid {
    display: grid
}

.inline-grid {
    display: inline-grid
}

.list-item {
    display: list-item
}

.h-full {
    height: 100%
}

.flex-auto {
    flex: 1 1 auto
}

.flex-initial {
    flex: 0 1 auto
}

.flex-none {
    flex: none
}

.shrink {
    flex-shrink: 1
}

.shrink-0 {
    flex-shrink: 0
}

.grow {
    flex-grow: 1
}

.grow-0 {
    flex-grow: 0
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-col-reverse {
    flex-direction: column-reverse
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

.flex-nowrap {
    flex-wrap: nowrap
}

.place-content-center {
    place-content: center
}

.place-content-start {
    place-content: start
}

.place-content-end {
    place-content: end
}

.place-content-between {
    place-content: space-between
}

.place-content-around {
    place-content: space-around
}

.place-content-evenly {
    place-content: space-evenly
}

.place-content-baseline {
    place-content: baseline
}

.place-content-stretch {
    place-content: stretch
}

.place-items-start {
    place-items: start
}

.place-items-end {
    place-items: end
}

.place-items-center {
    place-items: center
}

.place-items-baseline {
    place-items: baseline
}

.place-items-stretch {
    place-items: stretch
}

.content-normal {
    align-content: normal
}

.content-center {
    align-content: center
}

.content-start {
    align-content: flex-start
}

.content-end {
    align-content: flex-end
}

.content-between {
    align-content: space-between
}

.content-around {
    align-content: space-around
}

.content-evenly {
    align-content: space-evenly
}

.content-baseline {
    align-content: baseline
}

.content-stretch {
    align-content: stretch
}

.items-end {
    align-items: flex-end
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.justify-normal {
    justify-content: normal
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-around {
    justify-content: space-around
}

.justify-evenly {
    justify-content: space-evenly
}

.justify-stretch {
    justify-content: stretch
}

.justify-items-start {
    justify-items: start
}

.justify-items-end {
    justify-items: end
}

.justify-items-center {
    justify-items: center
}

.justify-items-stretch {
    justify-items: stretch
}

.gap-0 {
    gap: 0
}

.gap-0-25 {
    gap: var(--spacing-0-25)
}

.gap-0-5 {
    gap: var(--spacing-0-5)
}

.gap-1 {
    gap: var(--spacing-1)
}

.gap-1-5 {
    gap: var(--spacing-1-5)
}

.gap-10 {
    gap: var(--spacing-10)
}

.gap-2 {
    gap: var(--spacing-2)
}

.gap-3 {
    gap: var(--spacing-3)
}

.gap-4 {
    gap: var(--spacing-4)
}

.gap-5 {
    gap: var(--spacing-5)
}

.gap-6 {
    gap: var(--spacing-6)
}

.gap-7 {
    gap: var(--spacing-7)
}

.gap-8 {
    gap: var(--spacing-8)
}

.gap-9 {
    gap: var(--spacing-9)
}

.gap-x-0 {
    -moz-column-gap: 0;
    column-gap: 0
}

.gap-x-0-25 {
    -moz-column-gap: var(--spacing-0-25);
    column-gap: var(--spacing-0-25)
}

.gap-x-0-5 {
    -moz-column-gap: var(--spacing-0-5);
    column-gap: var(--spacing-0-5)
}

.gap-x-1 {
    -moz-column-gap: var(--spacing-1);
    column-gap: var(--spacing-1)
}

.gap-x-1-5 {
    -moz-column-gap: var(--spacing-1-5);
    column-gap: var(--spacing-1-5)
}

.gap-x-10 {
    -moz-column-gap: var(--spacing-10);
    column-gap: var(--spacing-10)
}

.gap-x-2 {
    -moz-column-gap: var(--spacing-2);
    column-gap: var(--spacing-2)
}

.gap-x-3 {
    -moz-column-gap: var(--spacing-3);
    column-gap: var(--spacing-3)
}

.gap-x-4 {
    -moz-column-gap: var(--spacing-4);
    column-gap: var(--spacing-4)
}

.gap-x-5 {
    -moz-column-gap: var(--spacing-5);
    column-gap: var(--spacing-5)
}

.gap-x-6 {
    -moz-column-gap: var(--spacing-6);
    column-gap: var(--spacing-6)
}

.gap-x-7 {
    -moz-column-gap: var(--spacing-7);
    column-gap: var(--spacing-7)
}

.gap-x-8 {
    -moz-column-gap: var(--spacing-8);
    column-gap: var(--spacing-8)
}

.gap-x-9 {
    -moz-column-gap: var(--spacing-9);
    column-gap: var(--spacing-9)
}

.gap-y-0 {
    row-gap: 0
}

.gap-y-0-25 {
    row-gap: var(--spacing-0-25)
}

.gap-y-0-5 {
    row-gap: var(--spacing-0-5)
}

.gap-y-1 {
    row-gap: var(--spacing-1)
}

.gap-y-1-5 {
    row-gap: var(--spacing-1-5)
}

.gap-y-10 {
    row-gap: var(--spacing-10)
}

.gap-y-2 {
    row-gap: var(--spacing-2)
}

.gap-y-3 {
    row-gap: var(--spacing-3)
}

.gap-y-4 {
    row-gap: var(--spacing-4)
}

.gap-y-5 {
    row-gap: var(--spacing-5)
}

.gap-y-6 {
    row-gap: var(--spacing-6)
}

.gap-y-7 {
    row-gap: var(--spacing-7)
}

.gap-y-8 {
    row-gap: var(--spacing-8)
}

.gap-y-9 {
    row-gap: var(--spacing-9)
}

.self-auto {
    align-self: auto
}

.self-start {
    align-self: flex-start
}

.self-end {
    align-self: flex-end
}

.self-center {
    align-self: center
}

.self-stretch {
    align-self: stretch
}

.self-baseline {
    align-self: baseline
}

.justify-self-auto {
    justify-self: auto
}

.justify-self-start {
    justify-self: start
}

.justify-self-end {
    justify-self: end
}

.justify-self-center {
    justify-self: center
}

.justify-self-stretch {
    justify-self: stretch
}

.bg-feedback-attention-100 {
    background-color: var(--color-feedback-attention-100)
}

.bg-feedback-attention-110 {
    background-color: var(--color-feedback-attention-110)
}

.bg-feedback-attention-120 {
    background-color: var(--color-feedback-attention-120)
}

.bg-feedback-attention-130 {
    background-color: var(--color-feedback-attention-130)
}

.bg-feedback-attention-80 {
    background-color: var(--color-feedback-attention-80)
}

.bg-feedback-attention-90 {
    background-color: var(--color-feedback-attention-90)
}

.bg-feedback-error-100 {
    background-color: var(--color-feedback-error-100)
}

.bg-feedback-error-110 {
    background-color: var(--color-feedback-error-110)
}

.bg-feedback-error-120 {
    background-color: var(--color-feedback-error-120)
}

.bg-feedback-error-130 {
    background-color: var(--color-feedback-error-130)
}

.bg-feedback-error-80 {
    background-color: var(--color-feedback-error-80)
}

.bg-feedback-error-90 {
    background-color: var(--color-feedback-error-90)
}

.bg-feedback-info-100 {
    background-color: var(--color-feedback-info-100)
}

.bg-feedback-info-110 {
    background-color: var(--color-feedback-info-110)
}

.bg-feedback-info-120 {
    background-color: var(--color-feedback-info-120)
}

.bg-feedback-info-130 {
    background-color: var(--color-feedback-info-130)
}

.bg-feedback-info-80 {
    background-color: var(--color-feedback-info-80)
}

.bg-feedback-info-90 {
    background-color: var(--color-feedback-info-90)
}

.bg-feedback-success-100 {
    background-color: var(--color-feedback-success-100)
}

.bg-feedback-success-110 {
    background-color: var(--color-feedback-success-110)
}

.bg-feedback-success-120 {
    background-color: var(--color-feedback-success-120)
}

.bg-feedback-success-130 {
    background-color: var(--color-feedback-success-130)
}

.bg-feedback-success-80 {
    background-color: var(--color-feedback-success-80)
}

.bg-feedback-success-90 {
    background-color: var(--color-feedback-success-90)
}

.bg-neutral-100 {
    background-color: var(--color-neutral-100)
}

.bg-neutral-110 {
    background-color: var(--color-neutral-110)
}

.bg-neutral-120 {
    background-color: var(--color-neutral-120)
}

.bg-neutral-130 {
    background-color: var(--color-neutral-130)
}

.bg-neutral-70 {
    background-color: var(--color-neutral-70)
}

.bg-neutral-80 {
    background-color: var(--color-neutral-80)
}

.bg-neutral-90 {
    background-color: var(--color-neutral-90)
}

.bg-primary-100 {
    background-color: var(--color-primary-100)
}

.bg-primary-110 {
    background-color: var(--color-primary-110)
}

.bg-primary-120 {
    background-color: var(--color-primary-120)
}

.bg-primary-130 {
    background-color: var(--color-primary-130)
}

.bg-primary-70 {
    background-color: var(--color-primary-70)
}

.bg-primary-80 {
    background-color: var(--color-primary-80)
}

.bg-primary-90 {
    background-color: var(--color-primary-90)
}

.bg-secondary-100 {
    background-color: var(--color-secondary-100)
}

.bg-secondary-110 {
    background-color: var(--color-secondary-110)
}

.bg-secondary-120 {
    background-color: var(--color-secondary-120)
}

.bg-secondary-130 {
    background-color: var(--color-secondary-130)
}

.bg-secondary-70 {
    background-color: var(--color-secondary-70)
}

.bg-secondary-80 {
    background-color: var(--color-secondary-80)
}

.bg-secondary-90 {
    background-color: var(--color-secondary-90)
}

.p-0 {
    padding: 0
}

.p-0-25 {
    padding: var(--spacing-0-25)
}

.p-0-5 {
    padding: var(--spacing-0-5)
}

.p-1 {
    padding: var(--spacing-1)
}

.p-1-5 {
    padding: var(--spacing-1-5)
}

.p-10 {
    padding: var(--spacing-10)
}

.p-2 {
    padding: var(--spacing-2)
}

.p-3 {
    padding: var(--spacing-3)
}

.p-4 {
    padding: var(--spacing-4)
}

.p-5 {
    padding: var(--spacing-5)
}

.p-6 {
    padding: var(--spacing-6)
}

.p-7 {
    padding: var(--spacing-7)
}

.p-8 {
    padding: var(--spacing-8)
}

.p-9 {
    padding: var(--spacing-9)
}

.pb-0 {
    padding-bottom: 0
}

.pb-0-25 {
    padding-bottom: var(--spacing-0-25)
}

.pb-0-5 {
    padding-bottom: var(--spacing-0-5)
}

.pb-1 {
    padding-bottom: var(--spacing-1)
}

.pb-1-5 {
    padding-bottom: var(--spacing-1-5)
}

.pb-10 {
    padding-bottom: var(--spacing-10)
}

.pb-2 {
    padding-bottom: var(--spacing-2)
}

.pb-3 {
    padding-bottom: var(--spacing-3)
}

.pb-4 {
    padding-bottom: var(--spacing-4)
}

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

.pb-6 {
    padding-bottom: var(--spacing-6)
}

.pb-7 {
    padding-bottom: var(--spacing-7)
}

.pb-8 {
    padding-bottom: var(--spacing-8)
}

.pb-9 {
    padding-bottom: var(--spacing-9)
}

.pl-0 {
    padding-left: 0
}

.pl-0-25 {
    padding-left: var(--spacing-0-25)
}

.pl-0-5 {
    padding-left: var(--spacing-0-5)
}

.pl-1 {
    padding-left: var(--spacing-1)
}

.pl-1-5 {
    padding-left: var(--spacing-1-5)
}

.pl-10 {
    padding-left: var(--spacing-10)
}

.pl-2 {
    padding-left: var(--spacing-2)
}

.pl-3 {
    padding-left: var(--spacing-3)
}

.pl-4 {
    padding-left: var(--spacing-4)
}

.pl-5 {
    padding-left: var(--spacing-5)
}

.pl-6 {
    padding-left: var(--spacing-6)
}

.pl-7 {
    padding-left: var(--spacing-7)
}

.pl-8 {
    padding-left: var(--spacing-8)
}

.pl-9 {
    padding-left: var(--spacing-9)
}

.pr-0 {
    padding-right: 0
}

.pr-0-25 {
    padding-right: var(--spacing-0-25)
}

.pr-0-5 {
    padding-right: var(--spacing-0-5)
}

.pr-1 {
    padding-right: var(--spacing-1)
}

.pr-1-5 {
    padding-right: var(--spacing-1-5)
}

.pr-10 {
    padding-right: var(--spacing-10)
}

.pr-2 {
    padding-right: var(--spacing-2)
}

.pr-3 {
    padding-right: var(--spacing-3)
}

.pr-4 {
    padding-right: var(--spacing-4)
}

.pr-5 {
    padding-right: var(--spacing-5)
}

.pr-6 {
    padding-right: var(--spacing-6)
}

.pr-7 {
    padding-right: var(--spacing-7)
}

.pr-8 {
    padding-right: var(--spacing-8)
}

.pr-9 {
    padding-right: var(--spacing-9)
}

.pt-0 {
    padding-top: 0
}

.pt-0-25 {
    padding-top: var(--spacing-0-25)
}

.pt-0-5 {
    padding-top: var(--spacing-0-5)
}

.pt-1 {
    padding-top: var(--spacing-1)
}

.pt-1-5 {
    padding-top: var(--spacing-1-5)
}

.pt-10 {
    padding-top: var(--spacing-10)
}

.pt-2 {
    padding-top: var(--spacing-2)
}

.pt-3 {
    padding-top: var(--spacing-3)
}

.pt-4 {
    padding-top: var(--spacing-4)
}

.pt-5 {
    padding-top: var(--spacing-5)
}

.pt-6 {
    padding-top: var(--spacing-6)
}

.pt-7 {
    padding-top: var(--spacing-7)
}

.pt-8 {
    padding-top: var(--spacing-8)
}

.pt-9 {
    padding-top: var(--spacing-9)
}

.font-primary {
    font-family: var(--font-family-primary)
}

.font-secondary {
    font-family: var(--font-family-secondary)
}

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

.font-light {
    font-weight: var(--font-weight-light)
}

.font-regular {
    font-weight: var(--font-weight-regular)
}

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

.capitalize {
    text-transform: capitalize
}

.normal-case {
    text-transform: none
}

.italic {
    font-style: italic
}

.not-italic {
    font-style: normal
}

.text-feedback-attention-100 {
    color: var(--color-feedback-attention-100)
}

.text-feedback-attention-110 {
    color: var(--color-feedback-attention-110)
}

.text-feedback-attention-120 {
    color: var(--color-feedback-attention-120)
}

.text-feedback-attention-130 {
    color: var(--color-feedback-attention-130)
}

.text-feedback-attention-80 {
    color: var(--color-feedback-attention-80)
}

.text-feedback-attention-90 {
    color: var(--color-feedback-attention-90)
}

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

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

.text-feedback-error-120 {
    color: var(--color-feedback-error-120)
}

.text-feedback-error-130 {
    color: var(--color-feedback-error-130)
}

.text-feedback-error-80 {
    color: var(--color-feedback-error-80)
}

.text-feedback-error-90 {
    color: var(--color-feedback-error-90)
}

.text-feedback-info-100 {
    color: var(--color-feedback-info-100)
}

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

.text-feedback-info-120 {
    color: var(--color-feedback-info-120)
}

.text-feedback-info-130 {
    color: var(--color-feedback-info-130)
}

.text-feedback-info-80 {
    color: var(--color-feedback-info-80)
}

.text-feedback-info-90 {
    color: var(--color-feedback-info-90)
}

.text-feedback-success-100 {
    color: var(--color-feedback-success-100)
}

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

.text-feedback-success-120 {
    color: var(--color-feedback-success-120)
}

.text-feedback-success-130 {
    color: var(--color-feedback-success-130)
}

.text-feedback-success-80 {
    color: var(--color-feedback-success-80)
}

.text-feedback-success-90 {
    color: var(--color-feedback-success-90)
}

.text-neutral-100 {
    color: var(--color-neutral-100)
}

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

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

.text-neutral-130 {
    color: var(--color-neutral-130)
}

.text-neutral-70 {
    color: var(--color-neutral-70)
}

.text-neutral-80 {
    color: var(--color-neutral-80)
}

.text-neutral-90 {
    color: var(--color-neutral-90)
}

.text-primary-100 {
    color: var(--color-primary-100)
}

.text-primary-110 {
    color: var(--color-primary-110)
}

.text-primary-120 {
    color: var(--color-primary-120)
}

.text-primary-130 {
    color: var(--color-primary-130)
}

.text-primary-70 {
    color: var(--color-primary-70)
}

.text-primary-80 {
    color: var(--color-primary-80)
}

.text-primary-90 {
    color: var(--color-primary-90)
}

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

.text-secondary-110 {
    color: var(--color-secondary-110)
}

.text-secondary-120 {
    color: var(--color-secondary-120)
}

.text-secondary-130 {
    color: var(--color-secondary-130)
}

.text-secondary-70 {
    color: var(--color-secondary-70)
}

.text-secondary-80 {
    color: var(--color-secondary-80)
}

.text-secondary-90 {
    color: var(--color-secondary-90)
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.content-none {
    --tw-content: none;
    content: var(--tw-content)
}

.olx-navbar {
    z-index: var(--elevation-2)
}

.olx-navbar svg {
    min-height: 24px
}

.olx-navbar[data-open=true] {
    z-index: var(--elevation-3)
}

.olx-navbar__items {
    text-align: center
}

.olx-navbar__link :focus-visible:focus:not(:focus-visible),.olx-navbar__link:focus {
    border-radius: var(--border-radius-0-25);
    outline: var(--border-width-0-25) solid var(--color-neutral-130)
}

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

.olx-navbar--active {
    color: var(--color-secondary-100)
}

.olx-navbar__item {
    min-width: 44px;
    width: auto
}

.olx-header {
    font-family: var(--font-family-primary);
    z-index: var(--elevation-2)
}

.olx-header[data-open=true] {
    z-index: var(--elevation-3)
}

.olx-header__app-banner {
    align-items: center;
    background-color: var(--color-neutral-80);
    display: flex;
    gap: var(--spacing-1);
    height: 74px;
    justify-content: space-between;
    padding: 0 16px;
    width: 100%
}

.olx-header__app-banner-close-button {
    background-color: var(--color-neutral-80);
    border: none;
    cursor: pointer;
    display: block;
    height: 16px;
    outline: none;
    padding: 0;
    width: 16px
}

.olx-header__app-banner-close-icon {
    color: var(--color-neutral-110);
    height: 16px;
    width: 16px
}

.olx-header__app-banner-olx-logo {
    --logo-background-color: #6e0ad6;
    background-color: var(--logo-background-color);
    border-radius: var(--border-radius-1-5);
    display: block;
    max-height: 48px;
    max-width: 48px;
    padding: var(--spacing-1)
}

.olx-header__app-banner-title {
    color: var(--color-neutral-130);
    font-size: var(--font-size-1-75)
}

.olx-header__app-banner-description {
    color: var(--color-neutral-110);
    font-size: var(--font-size-1-5);
    width: 100%
}

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

.olx-header__skip-links:focus {
    outline: var(--border-width-0-25) solid var(--color-neutral-130)
}

@media screen and (min-width: 1720px) {
    .olx-header__main-menu {
        padding:var(--spacing-2) var(--spacing-4)
    }
}

.olx-header__icon-button :focus {
    border-radius: var(--border-radius-0-25);
    outline: var(--border-width-0-25) solid var(--color-neutral-130)
}

.olx-header__selected-link {
    background-color: var(--color-secondary-100);
    border-radius: var(--border-radius-2) var(--border-radius-2) 0 0;
    height: 4px;
    pointer-events: none;
    position: absolute;
    top: 76px;
    transition: top var(--transition-duration-1) var(--transition-timing-ease-in-out),height var(--transition-duration-1) var(--transition-timing-ease-in-out)
}

.olx-header__selected-link--notification {
    width: 106px
}

.olx-header__selected-link--chat {
    width: 60px
}

.olx-header__selected-link--my_ads {
    width: 124px
}

.olx-header__selected-link--my_plan {
    width: 140px
}

.olx-header__link--active {
    color: var(--color-secondary-100)
}

.olx-header__link--active:hover {
    color: var(--color-secondary-110)
}

.olx-header__link--active:hover .olx-header__selected-link {
    height: 3px;
    top: 77px
}

.olx-header__link--active:active {
    color: var(--color-secondary-120)
}

.olx-header__link--active:active .olx-header__selected-link {
    height: 2px;
    top: 78px
}

.olx-header__burger-menu:focus {
    border-radius: var(--border-radius-0-25);
    outline: var(--color-neutral-130) solid var(--border-width-0-25)
}

.olx-header__olx-container {
    font-size: var(--font-size-1-75)
}

.olx-header__onboarding-tooltip>* {
    height: 100%;
    width: 100%
}

.olx-header__onboarding-tooltip--burger svg {
    display: block
}

.olx-header__onboarding-tooltip--navbar {
    margin: auto
}

.olx-header__banner {
    background-color: var(--color-neutral-70);
    border: 1px solid var(--color-neutral-90);
    border-radius: var(--border-radius-1);
    color: var(--color-neutral-130);
    cursor: pointer;
    text-align: start;
    text-decoration: none
}

.olx-header__banner>svg {
    min-width: 64px
}

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

.olx-header__banner:active {
    background: var(--color-neutral-90)
}

.olx-header__banner:focus {
    border-radius: var(--border-radius-1);
    outline: var(--border-width-0-25) solid var(--color-neutral-130)
}

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

.olx-header__desapegar-button {
    font-size: var(--font-size-1-75);
    text-align: center;
    width: 135px
}

.olx-header__desapegar-button--larger {
    width: 180px
}

@media screen and (min-width: 840px) {
    .olx-header__desapegar-button {
        width:155px
    }

    .olx-header__desapegar-button--larger {
        width: 180px
    }
}

.olx-header__profile-nickname {
    font-size: var(--font-size-1-75)
}

.olx-header__profile-skeleton {
    border-radius: var(--border-radius-4);
    height: 48px;
    width: 135px
}

.olx-header__desapegar-skeleton {
    border: 1px solid var(--color-neutral-90);
    border-radius: var(--border-radius-4);
    height: 36px;
    width: 180px
}

@media screen and (min-width: 840px) {
    .olx-header__desapegar-skeleton {
        height:48px;
        width: 180px
    }
}

.olx-header__profile-link {
    border-radius: var(--border-radius-4);
    font-family: var(--font-family-primary);
    font-size: var(--font-size-1-75);
    height: 48px;
    line-height: var(--line-height-medium)
}

.olx-header__profile-link:focus {
    border-radius: var(--border-radius-4);
    outline: var(--border-width-0-25) solid var(--color-neutral-130)
}

.olx-header__location {
    display: none;
    margin-left: var(--spacing-3);
    max-width: 120px;
    position: relative
}

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

@media screen and (min-width: 950px) {
    .olx-header__location {
        max-width:150px
    }
}

.olx-header__location-fluid {
    margin-top: var(--spacing-2);
    width: 100%
}

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

.olx-header__overlay[data-open=true] {
    opacity: var(--opacity-64)
}

.olx-header__overflow {
    box-shadow: var(--shadow-bottom-1);
    z-index: var(--elevation-3)
}

.olx-header__overflow--no-border-top {
    border: none!important;
    border-radius: var(--border-radius-0)!important
}

@media screen and (min-width: 840px) {
    .olx-header__overflow {
        border-radius:var(--border-radius-1)
    }

    .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-logged-menu {
    background-color: var(--color-neutral-70);
    box-shadow: var(--shadow-level-2);
    height: 0;
    list-style: none;
    min-width: 300px;
    opacity: 0;
    padding: 0;
    pointer-events: none;
    position: relative;
    scroll-behavior: smooth;
    transition: transform ease var(--transition-duration-3),opacity ease var(--transition-duration-3);
    width: 100%;
    z-index: var(--z-index-700-overlay)
}

.olx-header__overflow-logged-menu__content {
    padding: 0
}

.olx-header__overflow-logged-menu--no-border-top {
    border: none!important;
    border-radius: var(--border-radius-none)!important
}

.olx-header__overflow-logged-menu--no-margin-top {
    margin-top: 0
}

.olx-header__overflow-logged-menu[aria-hidden=false] {
    border-top: 1px solid var(--color-neutral-90);
    height: auto
}

@media screen and (min-width: 840px) {
    .olx-header__overflow-logged-menu {
        border-radius:var(--border-radius-sm)
    }

    .olx-header__overflow-logged-menu[data-islogged=false] {
        display: none
    }
}

@media screen and (max-width: 840px) {
    .olx-header__overflow-logged-menu[data-hasnavbar=true] {
        height:calc(100% - 59px);
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        transform: translateX(100%);
        width: 100%
    }
}

.olx-header__overflow-logged-menu[data-expanded=true] {
    opacity: 1;
    overflow: auto;
    pointer-events: all;
    transform: translateX(0)
}

.olx-header__overflow-logged-menu__loading {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: var(--spacing-4);
    position: relative;
    width: 100%
}

.olx-header__overflow-logged-menu__loading .olx-logo-olx {
    height: 32px;
    position: absolute;
    width: 32px
}

.olx-header__overflow-drawer-header {
    background-color: var(--color-neutral-70);
    border-radius: 0 0 var(--border-radius-2) var(--border-radius-2)
}

.olx-header__overflow-drawer-header-text-container {
    align-items: flex-start;
    min-width: 0
}

.olx-header__overflow-drawer-header-text-container>* {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.olx-header__overflow-new-badge {
    flex-shrink: 0;
    font-weight: var(--font-weight-semibold);
    margin-left: auto
}

.olx-header__overflow-link {
    -moz-column-gap: var(--spacing-2);
    column-gap: var(--spacing-2);
    font-size: var(--font-size-1-75)
}

.olx-header__new-overflow-link {
    background: var(--color-neutral-70);
    color: var(--color-neutral-130);
    -moz-column-gap: var(--spacing-1);
    column-gap: var(--spacing-1);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--font-size-1-75);
    height: 44px;
    justify-content: flex-start;
    text-decoration: none;
    width: 100%
}

.olx-header__new-overflow-link:hover {
    background: var(--color-neutral-80);
    color: var(--color-neutral-130);
    text-decoration: none
}

.olx-header__new-overflow-link:active {
    background: var(--color-neutral-90)
}

.olx-header__new-overflow-link:focus {
    outline-offset: -1px;
    outline-style: auto
}

.olx-header__new-overflow-link--disabled {
    background: var(--color-neutral-80);
    color: var(--color-neutral-100);
    pointer-events: none
}

.olx-header__new-overflow-link-container--disabled {
    cursor: not-allowed
}

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

.olx-header__overflow-section__items-list {
    list-style: none;
    padding: 0
}

.olx-header__overflow-modal {
    display: none
}

.olx-header__overflow-modal .olx-modal__content--side-sheet {
    height: auto;
    padding: 0
}

.olx-header__overflow-modal__close-menu-x-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    text-align: center
}

.olx-header__overflow-vertical-link {
    --border-gradient: linear-gradient(266.06deg,#f28000 3.22%,#e22828 38.77%,#6e0ad6 96.78%);
    color: var(--color-neutral-130);
    text-align: center;
    text-decoration: none;
    width: 100%
}

.olx-header__overflow-vertical-link__icon-container {
    background-image: linear-gradient(var(--color-neutral-80),var(--color-neutral-80)),var(--border-gradient);
    border-radius: var(--border-radius-1);
    display: flex;
    height: 73px;
    position: relative
}

.olx-header__overflow-vertical-link__icon-container--new-item {
    background-clip: content-box,border-box;
    background-origin: border-box;
    border: var(--border-width-0-1) double transparent
}

@media screen and (max-width: (360px - 1)) {
    .olx-header__overflow-vertical-link__text {
        display:none
    }
}

@media screen and (min-width: 360px) {
    .olx-header__overflow-vertical-link__small-text {
        display:none
    }
}

.olx-header__overflow-vertical-link .olx-header__overflow-new-badge {
    bottom: 0;
    position: absolute;
    transform: translateY(50%)
}

.olx-header__overflow-vertical-link:active>.olx-header__overflow-vertical-link__icon-container {
    background-image: linear-gradient(var(--color-neutral-90),var(--color-neutral-90)),var(--border-gradient)
}

.olx-header__overflow-vertical-link:focus-visible {
    border-radius: var(--border-radius-1);
    outline: var(--border-width-0-25) solid var(--color-neutral-130)
}

.olx-header__overflow-vertical-link:not(:active):hover>* {
    color: var(--color-secondary-100)
}

.olx-header__overflow-vertical-link:not(:active):hover>.olx-header__overflow-vertical-link__icon-container {
    border: var(--border-width-0-1) solid var(--color-secondary-100)
}

.olx-header__account,.olx-header__name {
    font-size: var(--font-size-1-75)
}

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

.olx-focus-header {
    border-bottom: var(--border-width-0-1) solid var(--color-neutral-90)
}

@media screen and (min-width: 1720px) {
    .olx-focus-header {
        padding:var(--spacing-2) var(--spacing-4)
    }
}

.olx-focus-header__profile-container {
    border: var(--border-width-0-1) solid var(--color-neutral-100);
    border-radius: var(--border-radius-4)
}

.olx-focus-header__title {
    color: var(--color-neutral-130)
}

.olx-adcard {
    background-color: var(--color-neutral-70);
    -moz-column-gap: var(--spacing-1-5);
    column-gap: var(--spacing-1-5);
    cursor: pointer;
    display: flex;
    font-family: var(--font-family-secondary);
    max-width: 1016px;
    min-height: 200px;
    position: relative
}

.olx-adcard__horizontal {
    flex-direction: row-reverse
}

.olx-adcard[data-mode=horizontal] {
    max-width: 1016px
}

.olx-adcard__vertical {
    flex-direction: column-reverse;
    justify-content: start
}

.olx-adcard[data-mode=vertical] {
    max-width: 360px;
    row-gap: var(--spacing-1-5)
}

.olx-adcard__favorite {
    align-items: center;
    background-color: var(--color-neutral-70);
    border: var(--border-width-0-1);
    border-radius: var(--border-radius-2);
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    pointer-events: all;
    position: absolute;
    right: 6px;
    top: 6px;
    width: 32px
}

@media screen and (min-width: 840px) {
    .olx-adcard__favorite {
        right:var(--spacing-1);
        top: var(--spacing-1)
    }
}

.olx-adcard__favorite--has-image-badge {
    top: var(--spacing-4)
}

@media screen and (min-width: 840px) {
    .olx-adcard__favorite--has-image-badge {
        right:var(--spacing-1);
        top: var(--spacing-1)
    }
}

.olx-adcard__favorite:focus {
    border-radius: var(--border-radius-5);
    outline: var(--color-neutral-130) solid var(--border-width-0-25)
}

.olx-adcard__pulseeffect1 {
    height: 11px;
    width: 11px
}

.olx-adcard__pulseeffect1,.olx-adcard__pulseeffect2 {
    animation: pulse 2s infinite;
    background-color: var(--color-feedback-success-80);
    border-radius: 50%;
    position: absolute
}

.olx-adcard__pulseeffect2 {
    height: 9px;
    width: 9px
}

.olx-adcard__pulsebol {
    background-color: var(--color-feedback-success-100);
    border-radius: 50%;
    display: block;
    height: 8px;
    position: relative;
    width: 8px
}

.olx-adcard__carousel--bullet {
    background: var(--color-neutral-90);
    border-radius: 50%;
    height: 6px;
    list-style: none;
    width: 6px
}

.olx-adcard__carousel--bullet[data-active=true] {
    background: var(--color-neutral-70)
}

.olx-adcard__carousel--bullets {
    align-items: center;
    bottom: 8px;
    display: none;
    gap: var(--spacing-0-5);
    height: 8px;
    justify-content: center;
    left: 50%;
    margin: 0;
    padding: 0;
    position: absolute;
    transform: translateX(-50%);
    width: 80px
}

@media screen and (min-width: 840px) {
    .olx-adcard__carousel--bullets {
        display:flex
    }
}

.olx-adcard__title {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    white-space: normal;
    line-clamp: 2;
    -webkit-line-clamp: 2
}

.olx-adcard__link {
    all: unset;
    color: var(--color-neutral-130)
}

.olx-adcard__link:empty {
    display: none
}

.olx-adcard__link:before {
    content: "";
    height: 100%;
    left: 0;
    pointer-events: all;
    position: absolute;
    top: 0;
    width: 100%
}

.olx-adcard__link:focus-visible:before {
    outline: var(--color-neutral-130) solid var(--border-width-0-25)
}

.olx-adcard__details {
    align-items: center;
    color: var(--color-neutral-110);
    display: flex;
    flex-flow: row wrap;
    font-size: var(--font-size-1-5);
    font-weight: var(--font-weight-regular);
    gap: var(--spacing-2);
    height: 17px;
    overflow-y: hidden
}

.olx-adcard__details:empty {
    display: none
}

.olx-adcard__detail {
    align-items: center;
    display: flex;
    gap: var(--spacing-0-5);
    position: relative
}

.olx-adcard__detail:before {
    background-color: var(--color-neutral-90);
    content: "";
    height: 8px;
    left: calc(var(--spacing-1)*-1);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.olx-adcard__media {
    background-color: var(--color-neutral-80);
    border-radius: var(--border-radius-1);
    overflow: hidden;
    pointer-events: none;
    position: relative
}

.olx-adcard__media img {
    display: block;
    height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

@media screen and (min-width: 840px) {
    .olx-adcard__media img {
        opacity:var(--opacity-80);
        transition: scale var(--transition-duration-5) var(--transition-timing-ease)
    }
}

.olx-adcard__media picture {
    display: block;
    height: 100%;
    max-width: 100%;
    width: 100%
}

@media screen and (min-width: 840px) {
    .olx-adcard:hover .olx-adcard__media img {
        opacity:var(--opacity-100);
        scale: 1.05
    }
}

.olx-adcard__media[data-mode=vertical] {
    height: 170px;
    width: 100%
}

@media screen and (min-width: 840px) {
    .olx-adcard__media[data-mode=vertical] {
        height:220px
    }
}

.olx-adcard__media[data-mode=horizontal] {
    height: 170px;
    width: 124px
}

@media screen and (min-width: 840px) {
    .olx-adcard__media[data-mode=horizontal] {
        height:220px;
        width: 300px
    }
}

.olx-adcard__content {
    display: flex;
    flex-direction: column;
    padding: var(--spacing-0-25);
    pointer-events: none;
    row-gap: var(--spacing-0-5)
}

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

.olx-adcard__content[data-mode=vertical] {
    width: 100%
}

.olx-adcard__content[data-mode=horizontal] {
    width: calc(100% - 136px)
}

@media screen and (min-width: 840px) {
    .olx-adcard__content[data-mode=horizontal] {
        width:calc(100% - 312px)
    }
}

.olx-adcard__badges {
    align-items: center;
    -moz-column-gap: var(--spacing-1);
    column-gap: var(--spacing-1);
    display: flex;
    flex-flow: row wrap;
    height: 25px;
    overflow-y: hidden
}

.olx-adcard__badges:empty {
    display: none
}

.olx-adcard__price-info-list {
    color: var(--color-neutral-110);
    display: flex;
    flex-direction: column;
    font-size: var(--font-size-1-5);
    font-weight: var(--font-weight-regular)
}

@media screen and (min-width: 840px) {
    .olx-adcard__price-info-list {
        align-items:center;
        -moz-column-gap: var(--spacing-2);
        column-gap: var(--spacing-2);
        flex-flow: row wrap
    }
}

.olx-adcard__price-info-list:empty {
    display: none
}

.olx-adcard__price-info {
    align-items: center;
    display: flex;
    gap: var(--spacing-0-5);
    position: relative;
    white-space: nowrap
}

@media screen and (min-width: 840px) {
    .olx-adcard__price-info:not(:last-child):before {
        background-color:var(--color-neutral-90);
        content: "";
        height: 8px;
        position: absolute;
        right: calc(var(--spacing-1)*-1);
        top: 50%;
        transform: translateY(-50%);
        width: 1px
    }
}

.olx-adcard__seller-rating {
    align-items: center;
    display: flex;
    gap: var(--spacing-0-5);
    overflow: hidden;
    white-space: nowrap
}

.olx-adcard__seller-rating:empty {
    display: none
}

.olx-adcard__badges svg,.olx-adcard__detail svg,.olx-adcard__seller-rating svg {
    min-height: 16px;
    min-width: 16px
}

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

.olx-adcard__price {
    color: var(--color-neutral-130);
    width: -moz-max-content;
    width: max-content
}

.olx-adcard__price:empty {
    display: none
}

.olx-adcard__online {
    align-items: center;
    color: var(--color-feedback-success-100);
    -moz-column-gap: var(--spacing-0-25);
    column-gap: var(--spacing-0-25);
    display: flex
}

.olx-adcard__topbody {
    display: flex;
    flex-direction: column;
    row-gap: var(--spacing-0-5)
}

@media screen and (min-width: 840px) {
    .olx-adcard__topbody {
        row-gap:var(--spacing-1)
    }
}

.olx-adcard__topbody:empty {
    display: none
}

.olx-adcard__topbody[data-mode=horizontal] {
    gap: var(--spacing-1)
}

.olx-adcard__bottombody,.olx-adcard__mediumbody {
    display: flex;
    flex-direction: column
}

.olx-adcard__mediumbody:empty {
    display: none
}

.olx-adcard__bottombody {
    gap: var(--spacing-1)
}

.olx-adcard__bottombody:empty {
    display: none
}

@media screen and (min-width: 840px) {
    .olx-adcard__bottombody:has(.olx-adcard__cta) {
        margin-right:100px
    }
}

.olx-adcard__cta {
    display: flex
}

@media screen and (min-width: 840px) {
    .olx-adcard__cta {
        display:flex;
        pointer-events: all;
        position: absolute;
        right: 0
    }
}

.olx-adcard__carousel--prev-next {
    align-items: center;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: none;
    height: 44px;
    justify-content: center;
    opacity: 0;
    outline: none;
    pointer-events: all;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity var(--transition-duration-5) var(--transition-timing-ease);
    visibility: hidden;
    width: 44px;
    z-index: 1
}

@media screen and (min-width: 840px) {
    .olx-adcard__carousel--prev-next {
        display:flex
    }

    .olx-adcard:hover .olx-adcard__carousel--prev-next {
        opacity: 1;
        visibility: visible
    }
}

.olx-adcard__carousel--prev-next[data-direction=prev] {
    left: 0
}

.olx-adcard__carousel--prev-next[data-direction=next] {
    right: 0
}

.olx-adcard__carousel--prev-next:after {
    background-color: var(--color-neutral-70);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%231a1d23' d='M5.23 13.604a.5.5 0 0 1 0-.707l4.48-4.48-4.48-4.48a.5.5 0 0 1 .707-.707l4.833 4.833a.5.5 0 0 1 0 .707l-4.833 4.833a.5.5 0 0 1-.707 0z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    border: var(--border-width-0-1) solid var(--color-neutral-120);
    border-radius: var(--border-radius-5);
    content: "";
    height: 32px;
    transition: background-color var(--transition-duration-5) var(--transition-timing-ease);
    width: 32px
}

.olx-adcard__carousel--prev-next[data-direction=prev]:after {
    transform: rotate(180deg)
}

.olx-adcard__carousel--prev-next:hover:after {
    background-color: var(--color-neutral-80)
}

.olx-adcard__carousel--prev-next:focus-visible:after {
    outline: var(--color-neutral-130) solid var(--border-width-0-1)
}

.olx-adcard__carousel--prev-next svg {
    height: 16px;
    width: 16px
}

.olx-adcard__carousel--prev-next[data-hidden=true] {
    display: none
}

.olx-adcard__location {
    align-items: center;
    color: var(--color-neutral-110);
    -moz-column-gap: var(--spacing-0-5);
    column-gap: var(--spacing-0-5);
    display: flex
}

.olx-adcard__contact {
    display: flex;
    pointer-events: all;
    position: absolute
}

.olx-adcard__contact button {
    position: relative;
    z-index: var(--elevation-1)
}

.olx-adcard__contact[data-mode=horizontal] {
    display: flex;
    position: relative
}

@media screen and (min-width: 920px) {
    .olx-adcard__contact[data-mode=horizontal] {
        bottom:0;
        min-width: 100px;
        position: absolute;
        right: 0
    }
}

.olx-adcard__contact[data-mode=vertical] {
    position: unset
}

.olx-adcard__contact:empty {
    display: none
}

.olx-adcard__location-date {
    align-items: center;
    color: var(--color-neutral-110);
    -moz-column-gap: var(--spacing-1-5);
    column-gap: var(--spacing-1-5);
    display: flex;
    height: 16px;
    overflow: hidden;
    white-space: nowrap
}

.olx-adcard__location-date:empty {
    display: none
}

.olx-adcard__date {
    color: var(--color-neutral-110);
    position: relative
}

.olx-adcard__location+.olx-adcard__date:before {
    background-color: var(--color-neutral-90);
    content: "";
    height: 8px;
    left: -6px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.olx-adcard__location+.olx-adcard__date:empty {
    display: none
}

.olx-adcard__primary-badge {
    border-radius: var(--border-radius-1) var(--border-radius-1) 0 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (min-width: 840px) {
    .olx-adcard__primary-badge {
        border-radius:var(--border-radius-0-5);
        left: var(--spacing-1);
        top: var(--spacing-1);
        width: auto
    }
}

.olx-adcard__secondary-badge {
    display: none
}

@media screen and (min-width: 840px) {
    .olx-adcard__secondary-badge {
        bottom:var(--spacing-1);
        display: flex;
        position: absolute;
        right: var(--spacing-1)
    }
}

.olx-default-footer {
    border-top: 1px solid var(--color-neutral-90)
}

.olx-static-footer__links-container {
    align-items: center;
    justify-content: center;
    padding: var(--spacing-3) 0
}

@media screen and (min-width: 1200px) {
    .olx-static-footer__links-container {
        display:grid;
        grid-template-columns: auto
    }
}

.olx-static-footer__address-social-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: var(--spacing-3)
}

.olx-static-footer__social-container {
    display: flex;
    flex-wrap: wrap;
    width: 175px
}

@media screen and (min-width: 840px) {
    .olx-static-footer__social-container {
        width:100%
    }
}

.olx-static-footer__legal-container-address__text,.olx-static-footer__social-link {
    color: var(--color-neutral-130)
}

.olx-static-footer__icom-link:active,.olx-static-footer__icom-link:hover {
    background-color: #19b2e8
}

.olx-old-static-footer__links-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3);
    padding-top: var(--spacing-2)
}

@media screen and (min-width: 1200px) {
    .olx-old-static-footer__links-container {
        display:grid;
        grid-template-columns: 1fr auto
    }
}

.olx-old-static-footer__legal-container,.olx-old-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-old-static-footer__legal-container-links {
        -moz-column-gap:var(--spacing-2);
        column-gap: var(--spacing-2);
        flex-direction: row;
        justify-content: flex-start
    }
}

.olx-old-static-footer__social-container {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-1);
    justify-content: center
}

.olx-old-static-footer__legal-container-address {
    display: block;
    text-align: center
}

@media screen and (min-width: 840px) {
    .olx-old-static-footer__legal-container-address {
        text-align:left
    }
}

.olx-old-static-footer__legal-container-address__text {
    color: var(--color-neutral-130)
}

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

.olx-old-static-footer__social-link {
    border-radius: 100%;
    color: var(--color-neutral-130);
    transition: all .3s ease
}

.olx-old-static-footer__social-link:active svg,.olx-old-static-footer__social-link:hover svg {
    color: var(--color-neutral-70)
}

.olx-old-static-footer__facebook-link:active,.olx-old-static-footer__facebook-link:hover {
    background-color: #3a5998
}

.olx-old-static-footer__youtube-link:active,.olx-old-static-footer__youtube-link:hover {
    background-color: red
}

.olx-old-static-footer__tiktok-link:active,.olx-old-static-footer__tiktok-link:hover {
    background-color: #040000
}

.olx-old-static-footer__linkedin-link:active,.olx-old-static-footer__linkedin-link:hover {
    background-color: #0084bf
}

.olx-old-static-footer__instagram-link:active,.olx-old-static-footer__instagram-link:hover {
    background-color: #e1306c
}

.olx-old-static-footer__twitter-link:active,.olx-old-static-footer__twitter-link:hover {
    background-color: #040000
}

.olx-old-static-footer__icom-link:active,.olx-old-static-footer__icom-link:hover {
    background-color: #19b2e8
}

.olx-components-toast__toast-wrapper {
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: var(--elevation-3)
}

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

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

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

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

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

.olx-components-toast__container_elevated {
    border-radius: var(--border-radius-1);
    box-shadow: var(--shadow-bottom-3);
    display: flex;
    overflow: hidden;
    padding: var(--spacing-2)
}

.olx-components-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-components-toast__body {
        left:var(--spacing-3);
        min-width: 568px
    }
}

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

.olx-breadcrumb__unlabeled-link {
    align-items: center;
    color: var(--color-neutral-130);
    display: flex;
    font-size: var(--font-size-1-75);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-medium)
}

.olx-logo-olx {
    min-height: var(--spacing-1-5);
    min-width: var(--spacing-1-5)
}



.dark .olx-logo-olx--l {
    fill: #8ce563
}

.dark .olx-logo-olx--x {
    fill: #df7400
}

.olx-dropdown__native {
    --font-size: var(--font-size-1-75);
    --border-radius: var(--border-radius-0-5)
}

.olx-dropdown__native--medium {
    --font-size: var(--font-size-2);
    --border-radius: var(--border-radius-1)
}

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

.olx-dropdown__native {
    box-shadow: 0 0 0 var(--border-width-0-1) var(--color-neutral-90);
    color: var(--color-neutral-100);
    font-family: var(--font-family-primary)
}

.olx-dropdown__native--selected {
    box-shadow: 0 0 0 var(--border-width-0-1) var(--color-neutral-130);
    color: var(--color-neutral-130)
}

.olx-dropdown__native--error {
    background-color: var(--color-feedback-error-80);
    box-shadow: 0 0 0 var(--border-width-0-1) var(--color-feedback-error-100)
}

.olx-dropdown__native option:not(:first-of-type) {
    color: var(--color-neutral-130)
}

.olx-dropdown__native:hover {
    box-shadow: 0 0 0 var(--border-width-0-25) var(--color-neutral-90)
}

.olx-dropdown__native:focus {
    outline: var(--border-width-0-25) solid var(--color-secondary-100)
}

.olx-dropdown__native:disabled {
    background-color: var(--color-neutral-80);
    box-shadow: 0 0 0 var(--border-width-0-1) var(--color-neutral-80);
    color: var(--color-neutral-100)
}

.olx-dropdown__icon-wrapper {
    --color: var(--color-neutral-100)
}

.olx-dropdown__icon-wrapper--selected {
    --color: var(--color-neutral-130)
}

.olx-dropdown__chevron-icon,.olx-dropdown__loading-icon {
    pointer-events: none;
    position: absolute;
    right: var(--right-position)
}

.olx-dropdown__chevron-icon {
    --color: var(--color-neutral-130)
}

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

.olx-autocomplete__list {
    border-radius: var(--border-radius-1);
    z-index: var(--elevation-3)
}

.olx-autocomplete__list--shadow {
    box-shadow: var(--shadow-bottom-9)
}

.olx-autocomplete__label {
    color: var(--color-neutral-120);
    display: block;
    font-size: var(--font-size-14);
    line-height: var(--line-height-20);
    margin-bottom: 4px
}

.olx-text-input__input-container {
    border-radius: var(--border-radius-0-5);
    box-shadow: 0 0 0 var(--border-width-0-1) var(--textinput-border-color-empty);
    z-index: var(--elevation-1)
}

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

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

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

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

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

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

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

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

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

.olx-text-input__input-container--disabled {
    box-shadow: 0 0 0 var(--border-width-0-1) var(--textinput-border-color-disabled)
}

.olx-text-input__input-field {
    border-radius: var(--border-radius-0-5);
    font-family: var(--font-family-primary);
    font-size: var(--font-size-1-75)
}

.olx-text-input__input-field--medium {
    border-radius: var(--border-radius-1);
    font-size: var(--font-size-2);
    line-height: var(--line-height-distant)
}

.olx-text-input__button-password {
    z-index: var(--elevation-1)
}

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

.olx-text-input__limit-text {
    font-size: var(--font-size-1-5);
    line-height: var(--line-height-medium)
}

.olx-price-reference-ruler__pin-icon--dynamic,.olx-price-reference-ruler__tooltip {
    filter: drop-shadow(var(--shadow-bottom-1))
}

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

.olx-accordion__button {
    border-radius: var(--border-radius-0-5) 0 0;
    border-width: var(--border-width-0)
}

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

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

.olx-accordion__button:focus-visible {
    border-radius: var(--border-radius-0-5);
    outline: var(--border-width-0-25) solid var(--color-neutral-130);
    outline-offset: var(--border-width-0-25)
}

.olx-accordion__content {
    font-size: var(--font-size-2)
}

@media screen and (min-width: $breakpoint-md) {
    .olx-accordion__content {
        margin:var(--spacing-2)
    }
}

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

@media screen and (min-width: 1720px) {
    .olx-layout-container {
        max-width:1576px;
        padding: 0
    }
}

.olx-progressbar {
    background-color: var(--background-fill);
    height: var(--bar-height);
    overflow: hidden
}

.olx-progressbar__bar {
    background-color: var(--bar-fill)
}

@media screen and (max-width: 840px) {
    .olx-progressstepped__container-cta {
        padding:var(--spacing-2)
    }
}

.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::-moz-placeholder {
    color: var(--textinput-color-placeholder)
}

.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 ::-moz-placeholder {
    color: var(--textinput-color-placeholder)
}

.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
}

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

.olx-checkbox__error-message {
    -moz-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);
    -moz-column-gap: 4px;
    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%;
    -o-object-fit: cover;
    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;
    -o-object-fit: cover;
    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;
    -o-object-fit: contain;
    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);
    text-decoration-line: line-through;
    width: -moz-max-content;
    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: -moz-max-content;
    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: -moz-max-content;
        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) {
    -moz-column-gap: var(--spacing-1);
    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: 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-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--o {
    fill: var(--color-secondary-100) !important;
}

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

.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;
    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::-moz-selection {
    background-color: var(--color-secondary-70);
    color: var(--color-secondary-130)
}

.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);
    -moz-column-gap: var(--spacing-1);
    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: -moz-max-content;
    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
}

.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);
    -moz-column-gap: var(--spacing-2);
    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;
    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 ::-moz-placeholder {
    color: var(--textinput-color-placeholder)
}

.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: -moz-max-content;
    max-inline-size: max-content;
    min-inline-size: -moz-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;
    -moz-column-gap: var(--spacing-4);
    column-gap: var(--spacing-4);
    display: flex;
    flex: 1 1 0%;
    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 {
    -moz-column-gap: var(--spacing-4);
    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 {
        -moz-column-gap:var(--spacing-1);
        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;
        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 {
        -moz-column-gap:var(--spacing-2);
        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;
    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;
    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 {
        -moz-column-gap:var(--spacing-2);
        column-gap: var(--spacing-2);
        flex-direction: row;
        justify-content: flex-start
    }
}

.olx-static-footer__social-container {
    display: grid;
    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 {
        -moz-column-gap:var(--spacing-2);
        column-gap: var(--spacing-2)
    }
}

@media screen and (min-width: 1500px) {
    .olx-header__items {
        -moz-column-gap:var(--spacing-3);
        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 {
    -moz-column-gap: var(--spacing-1);
    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;
    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);
    -moz-column-gap: 32px;
    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;
    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);
    -moz-column-gap: 16px;
    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;
    -moz-column-gap: 16px;
    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;
    -moz-column-gap: 16px;
    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;
    -moz-column-gap: var(--spacing-3);
    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 {
        -moz-column-gap:var(--spacing-2);
        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 0;
        padding: var(--spacing-4)
    }
}

.olx-card-suggestion__content {
    align-content: center;
    align-items: center;
    display: flex;
    flex: 1 0 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 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 {
    -moz-column-gap: 0;
    column-gap: 0
}

.olx-cg-0-25 {
    -moz-column-gap: var(--spacing-0-25);
    column-gap: var(--spacing-0-25)
}

.olx-cg-0-5 {
    -moz-column-gap: var(--spacing-0-5);
    column-gap: var(--spacing-0-5)
}

.olx-cg-1 {
    -moz-column-gap: var(--spacing-1);
    column-gap: var(--spacing-1)
}

.olx-cg-1-5 {
    -moz-column-gap: var(--spacing-1-5);
    column-gap: var(--spacing-1-5)
}

.olx-cg-2 {
    -moz-column-gap: var(--spacing-2);
    column-gap: var(--spacing-2)
}

.olx-cg-3 {
    -moz-column-gap: var(--spacing-3);
    column-gap: var(--spacing-3)
}

.olx-cg-4 {
    -moz-column-gap: var(--spacing-4);
    column-gap: var(--spacing-4)
}

.olx-cg-5 {
    -moz-column-gap: var(--spacing-5);
    column-gap: var(--spacing-5)
}

.olx-cg-6 {
    -moz-column-gap: var(--spacing-6);
    column-gap: var(--spacing-6)
}

.olx-cg-7 {
    -moz-column-gap: var(--spacing-7);
    column-gap: var(--spacing-7)
}

.olx-cg-8 {
    -moz-column-gap: var(--spacing-8);
    column-gap: var(--spacing-8)
}

.olx-cg-9 {
    -moz-column-gap: var(--spacing-9);
    column-gap: var(--spacing-9)
}

.olx-cg-10 {
    -moz-column-gap: var(--spacing-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)
}

/*
! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
*/
*,:after,:before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box
}

:after,:before {
    --tw-content: ""
}

:host,html {
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    -webkit-tap-highlight-color: transparent;
    font-family: ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-variation-settings: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

body {
    line-height: inherit;
    margin: 0
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-feature-settings: normal;
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size: 1em;
    font-variation-settings: normal
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

button,input,optgroup,select,textarea {
    font-feature-settings: inherit;
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin: 0
}

fieldset,legend {
    padding: 0
}

menu,ol,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #9ca3af;
    opacity: 1
}

input::placeholder,textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

[role=button],button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,canvas,embed,iframe,img,object,svg,video {
    display: block;
    vertical-align: middle
}

img,video {
    height: auto;
    max-width: 100%
}

[hidden] {
    display: none
}

*,:after,:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

.container {
    width: 100%
}

@media (min-width: 640px) {
    .container {
        max-width:640px
    }
}

@media (min-width: 768px) {
    .container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .container {
        max-width:1536px
    }
}

.visible {
    visibility: visible
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.ml-0 {
    margin-left: 0
}

.ml-1 {
    margin-left: .25rem
}

.mr-1 {
    margin-right: .25rem
}

.mr-3 {
    margin-right: .75rem
}

.mt-0 {
    margin-top: 0
}

.mt-1 {
    margin-top: .25rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.block {
    display: block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.h-16 {
    height: 4rem
}

.w-16 {
    width: 4rem
}

.w-full {
    width: 100%
}

.flex-1 {
    flex: 1 1 0%
}

.flex-shrink {
    flex-shrink: 1
}

.flex-grow {
    flex-grow: 1
}

.transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-pointer {
    cursor: pointer
}

.resize {
    resize: both
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.items-start {
    align-items: flex-start
}

.items-center {
    align-items: center
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.gap-1 {
    gap: .25rem
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rounded-full {
    border-radius: 9999px
}

.border {
    border-width: 1px
}

.p-1 {
    padding: .25rem
}

.pl-4 {
    padding-left: 1rem
}

.pr-4 {
    padding-right: 1rem
}

.pt-4 {
    padding-top: 1rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.text-neutral-100 {
    --tw-text-opacity: 1;
    color: rgb(245 245 245/var(--tw-text-opacity))
}

.underline {
    text-decoration-line: underline
}

.no-underline {
    text-decoration-line: none
}

.outline {
    outline-style: solid
}

.blur {
    --tw-blur: blur(8px)
}

.blur,.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
    transition-duration: .15s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer theme;@layer base {
    *,::backdrop,:after,:before {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    :host,html {
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        line-height: 1.5;
        font-family: var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
        font-feature-settings: var(--default-font-feature-settings,normal);
        font-variation-settings: var(--default-font-variation-settings,normal);
        -webkit-tap-highlight-color: transparent
    }

    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px
    }

    abbr: where([title]) {
        -webkit-text-decoration:underline dotted;
        text-decoration: underline dotted
    }

    h1,h2,h3,h4,h5,h6 {
        font-size: inherit;
        font-weight: inherit
    }

    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }

    b,strong {
        font-weight: bolder
    }

    code,kbd,pre,samp {
        font-family: var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);
        font-feature-settings: var(--default-mono-font-feature-settings,normal);
        font-variation-settings: var(--default-mono-font-variation-settings,normal);
        font-size: 1em
    }

    small {
        font-size: 80%
    }

    sub,sup {
        vertical-align: baseline;
        font-size: 75%;
        line-height: 0;
        position: relative
    }

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse
    }

    :-moz-focusring:where(:not(iframe)) {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

    menu,ol,ul {
        list-style: none
    }

    audio,canvas,embed,iframe,img,object,svg,video {
        vertical-align: middle;
        display: block
    }

    img,video {
        max-width: 100%;
        height: auto
    }

    button,input,optgroup,select,textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    :where(select: is([multiple],[size])) optgroup {
        font-weight:bolder
    }

    :where(select: is([multiple],[size])) optgroup option {
        padding-inline-start:20px
    }

    ::file-selector-button {
        margin-inline-end:4px}

    ::placeholder {
        opacity: 1
    }

    @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size:1px) {
        ::placeholder {
            color:currentColor
        }

        @supports (color: color-mix(in lab,red,red)) {
            ::placeholder {
                color:color-mix(in oklab,currentcolor 50%,transparent)
            }
        }
    }

    textarea {
        resize: vertical
    }

    ::-webkit-search-decoration {
        -webkit-appearance: none
    }

    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
    }

    ::-webkit-datetime-edit {
        display: inline-flex
    }

    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }

    ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field {
        padding-block:0}

    ::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field {
        padding-block:0}

    ::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field {
        padding-block:0}

    ::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field {
        padding-block:0}

    ::-webkit-datetime-edit-meridiem-field {
        padding-block:0}

    ::-webkit-calendar-picker-indicator {
        line-height: 1
    }

    :-moz-ui-invalid {
        box-shadow: none
    }

    button,input: where([type=button],[type=reset],[type=submit]) {
        appearance:button
    }

    ::file-selector-button {
        appearance: button
    }

    ::-webkit-inner-spin-button,::-webkit-outer-spin-button {
        height: auto
    }

    [hidden]: where(:not([hidden=until-found])) {
        display:none!important
    }
}

@layer components;@layer utilities {
    .absolute {
        position: absolute
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .inset-0 {
        inset: 0
    }

    .z-10 {
        z-index: 10
    }

    .container {
        width: 100%
    }

    @media (min-width: 360px) {
        .container {
            max-width:360px
        }
    }

    @media (min-width: 840px) {
        .container {
            max-width:840px
        }
    }

    @media (min-width: 1200px) {
        .container {
            max-width:1200px
        }
    }

    @media (min-width: 1500px) {
        .container {
            max-width:1500px
        }
    }

    @media (min-width: 1720px) {
        .container {
            max-width:1720px
        }
    }

    .mt-8 {
        margin-top: var(--spacing-8)
    }

    .flex {
        display: flex
    }

    .inline {
        display: inline
    }

    .w-full {
        width: 100%
    }

    .flex-1 {
        flex: 1
    }

    .flex-row {
        flex-direction: row
    }

    .items-center {
        align-items: center
    }

    .justify-center {
        justify-content: center
    }
}