:root { color-scheme: light; --slider-controls-height: 71px; --rail-w: 76px; --rail-thread-w: 460px; --rail-top: var(--nav-h); --color-01 : #000000; --color-02 : #060607; --color-03 : #0d0d0e; --color-04 : #131315; --color-05 : #18181c; --color-06 : #1e1e24; --color-07 : #23232b; --color-08 : #282933; --color-09 : #2e2e3b; --color-10 : #333443; --color-11 : #38384b; --color-12 : #3b3c54; --color-13 : #3f405e; --color-14 : #424368; --color-15 : #434574; --color-16 : #434581; --color-17 : #42448f; --color-18 : #40439e; --color-19 : #2a2fc2; --color-20 : #272dd1; --color-21 : #2e34d8; --color-22 : #3d42d5; --color-23 : #4f54d0; --color-24 : #6366ca; --color-25 : #7678c4; --color-26 : #8789c0; --color-27 : #9495c0; --color-28 : #9e9fc3; --color-29 : #a8a9c6; --color-30 : #b2b3c9; --color-31 : #bbbccd; --color-32 : #c4c4d2; --color-33 : #ccccd6; --color-34 : #d4d5db; --color-35 : #dcdce1; --color-36 : #e3e3e6; --color-37 : #ebebec; --color-38 : #f2f2f2; --color-39 : #f8f8f9; --color-40 : #ffffff; --neutral-01 : #000000; --neutral-02 : #1a1a1f; --neutral-03 : #27282f; --neutral-04 : #32323b; --neutral-05 : #3c3c46; --neutral-06 : #444551; --neutral-07 : #4c4c5a; --neutral-08 : #535463; --neutral-09 : #5a5b6b; --neutral-10 : #616173; --neutral-11 : #67687a; --neutral-12 : #6d6e81; --neutral-13 : #737488; --neutral-14 : #7a7a8e; --neutral-15 : #808194; --neutral-16 : #868799; --neutral-17 : #8d8d9e; --neutral-18 : #9393a3; --neutral-19 : #9899a8; --neutral-20 : #9e9fad; --neutral-21 : #a4a4b2; --neutral-22 : #a9aab7; --neutral-23 : #afafbb; --neutral-24 : #b4b4c0; --neutral-25 : #b9bac4; --neutral-26 : #bebfc8; --neutral-27 : #c3c4cd; --neutral-28 : #c8c9d1; --neutral-29 : #cdcdd5; --neutral-30 : #d2d2d9; --neutral-31 : #d7d7dd; --neutral-32 : #dbdce1; --neutral-33 : #e0e0e5; --neutral-34 : #e5e5e9; --neutral-35 : #e9e9ed; --neutral-36 : #eeeef0; --neutral-37 : #f2f2f4; --neutral-38 : #f6f6f8; --neutral-39 : #fbfbfb; --neutral-40 : #ffffff; --scrim: var(--color-02); --scrim-base: 50%; --scrim-end: 90%; --brand : var(--color-20); --brand-hover : var(--color-19); --brand-active : var(--color-18); --brand-light : color-mix(in srgb, var(--brand) 40%, white); --brand-light-hover : color-mix(in srgb, var(--brand) 50%, white); --brand-light-active : color-mix(in srgb, var(--brand) 60%, white); --overlay : color-mix(in srgb, var(--brand), transparent 50%); --text : var(--neutral-13); --text-active : var(--neutral-08); --text-body : var(--neutral-14); --text-heading : var(--neutral-08); --muted : var(--neutral-22); --header-bg : var(--neutral-40); --body-bg : var(--neutral-39); --border : var(--neutral-34); --border-color : var(--border); --box-border : var(--border); --btn : var(--neutral-37); --btn-hover : var(--neutral-35); --btn-active : var(--neutral-33); --cta : var(--brand); --cta-hover : var(--brand-hover); --cta-active : var(--brand-active); --cluster-color : var(--brand); --bb-primary-button-background-regular : var(--brand); --inputs : var(--color-35); --input-bg : var(--white); --success : #2DD6A5; --success-light : color-mix(in srgb, var(--success) 30%, white); --success-lighter : color-mix(in srgb, var(--success) 15%, white); --warning : #FFC107; --warning-light : color-mix(in srgb, var(--warning) 30%, white); --warning-lighter : color-mix(in srgb, var(--warning) 15%, white); --error : #FF7F7F; --error-light : color-mix(in srgb, var(--error) 30%, white); --error-lighter : color-mix(in srgb, var(--error) 15%, white); --info : blue; --info-light : lightblue; --facebook : #1877F2; --instagram : radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285aeb 90%); --whatsapp : #25D366; --telegram : #24A1DE; --sms : #4CD964; --web : var(--cta); --internal : var(--cta); --layer-01 : var(--neutral-38); --layer-02 : var(--neutral-36); --layer-03 : var(--neutral-34); --layer-04 : var(--neutral-32); --layer-05 : var(--neutral-30); --layer-06 : var(--neutral-28); --layer-07 : var(--neutral-26); --layer-08 : var(--neutral-24); --layer-09 : var(--neutral-22); --layer-10 : var(--neutral-20); --footer-bg : var(--layer-07); --footer-text : var(--header-bg); --subfooter-bg : var(--footer-bg); --subfooter-text : var(--footer-text); --gap : 2rem; --padding : calc(var(--gap) / 2); --block-margin : var(--gap); --radius : calc(var(--gap) / 4); --border-radius : calc(var(--gap) / 4); --border-radius-round: calc(var(--gap) / 4); --input-size : calc(var(--gap) * 2); --badge-size : calc(var(--input-size) / 3); --badge-radius : calc(var(--badge-size) / 3); --small-badge-size : calc(var(--badge-size) / 3); --small-badge-radius : calc(var(--small-badge-size) / 2); --transition : all 300ms ease-in-out; --transition-smooth : all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); --box-shadow-none: none; --box-shadow: 0 2px 5px color-mix(in srgb, var(--color-25) 0.5%, transparent), 0 5px 12px color-mix(in srgb, var(--color-25) 1%, transparent), 0 10px 22px color-mix(in srgb, var(--color-25) 1.5%, transparent), 0 18px 40px color-mix(in srgb, var(--color-25) 2%, transparent), 0 32px 70px color-mix(in srgb, var(--color-25) 2.5%, transparent), 0 60px 120px color-mix(in srgb, var(--color-25) 3%, transparent); --box-shadow-hover: 0 2.8px 2.2px color-mix(in srgb, var(--color-25) 1%, transparent), 0 6.7px 5.3px color-mix(in srgb, var(--color-25) 2%, transparent), 0 12.5px 10px color-mix(in srgb, var(--color-25) 3%, transparent), 0 22.3px 17.9px color-mix(in srgb, var(--color-25) 4%, transparent), 0 41.8px 33.4px color-mix(in srgb, var(--color-25) 5%, transparent), 0 100px 80px color-mix(in srgb, var(--color-25) 6%, transparent); --font-family : 'Ubuntu', Arial, Verdana, system-ui, sans-serif; --fa-font : 'Font Awesome 7 Free'; --scroll-watch-color : var(--brand); --fog : color-mix(in srgb, var(--header-bg) 50%, transparent); --backdrop-filter : saturate(180%) blur(20px); --glass-filter : saturate(180%) blur(20px); --glass-text : var(--header-text); --stripes : var(--color-20); --card-active : var(--brand-light); --loading : var(--header-text); --loading-light : var(--box-border); --carousel-chevron : var(--white); --white : #FFF; --black : #000; --footer-browse-tabs : rgba(0, 0, 0, .05); --footer-browse-tabs-hover : rgba(0, 0, 0, .10); --footer-browse-tabs-active : rgba(0, 0, 0, .15); --keller-williams : #B40101; --attom-brand : #E9493B; --attom-brand-accent : #AF222E; --batchleads-brand : #25376B; --batchleads-brand-accent : #3A8FBA; --eppraisal-brand : #F7BE3C; --eppraisal-brand-accent : #127CBF; --homejunction-brand : #37A0D0; --homejunction-brand-accent : #2A95D0; --zillow-brand : #89BB4B; --zillow-brand-accent : #136FFB; --heart : var(--header-bg); --coffee : var(--header-bg); --header-text : var(--text); --admin-bar-h : 0px; --nav-h : 120px; --scrollbar-size : 10px; --scrollbar-track : var(--layer-01); --scrollbar-thumb : var(--neutral-30); --scrollbar-hover : var(--neutral-26); --scrollbar-active : var(--neutral-22); --scrollbar-radius : 8px; }