/* * GENERATED — do not edit. Run: npx tsx scripts/landing-v3-extract.ts * * The seam between /landing-v3 and /branding-template. Every rule below is a * rule that already exists in casa.css, re-declared with the same selector, * the same at-rule nesting and the same specificity, with its literal colour * swapped for a variable whose FALLBACK is that same literal. * * Every fallback is the byte casa.css had, so a rule here computes what that * rule computed on its own. What paints is the :root block below, which is * Casa's palette with scripts/landing-v3-brand.ts applied over it — so where a * fallback and its variable disagree, the brand palette is the reason and that * file is the only place to change it. * * Set --casa- on and every rule that colour ever reached repaints * together. That is the whole mechanism; theme-bridge.js only writes the * variables. * * 33 colours, 11 radii, 14 sizes — * 293 declarations bridged across 247 rules. */ :root { --casa-black: #000; --casa-blue-01: #eaf6fd; --casa-blue-02: #b9e1fa; --casa-blue-03: #4e6175; --casa-blue-04: #1f2933; --casa-brown-01: #fef3ef; --casa-brown-02: #e6c9b6; --casa-brown-03: #c28c6b; --casa-brown-04: #5e392e; --casa-clay-01: #ffe3c9; --casa-clay-02: #fa9a67; --casa-clay-03: #d2593a; --casa-clay-04: #7e2e1a; --casa-critical: #ef4049; --casa-critical-dark: #b24910; --casa-green-01: #e5f3f8; --casa-green-02: #c9e3ec; --casa-green-03: #86bfd4; --casa-green-04: #194d5a; --casa-off-black-01: #444; --casa-off-black-02: #282828; --casa-off-white-01: #f8f8f1; --casa-off-white-02: #ebebe4; --casa-off-white-03: #c7c7bd; --casa-off-white-04: #8e8f84; --casa-off-white-05: #696460; --casa-positive: #637525; --casa-stroke: #ebe8e4; --casa-white: #fff; --casa-yellow-01: #fbf8f2; --casa-yellow-02: #ffe39d; --casa-yellow-03: #fbb52a; --casa-yellow-04: #c07907; --casa-r-4: 4px; --casa-r-6: 6px; --casa-r-8: 8px; --casa-r-12: 12px; --casa-r-16: 16px; --casa-r-20: 20px; --casa-r-24: 24px; --casa-r-28: 28px; --casa-r-32: 32px; --casa-r-40: 40px; --casa-r-50: 50px; --casa-fs-12: 12px; --casa-fs-14: 14px; --casa-fs-16: 16px; --casa-fs-18: 18px; --casa-fs-20: 20px; --casa-fs-24: 24px; --casa-fs-32: 32px; --casa-fs-36: 36px; --casa-fs-40: 40px; --casa-fs-42: 42px; --casa-fs-48: 48px; --casa-fs-50: 50px; --casa-fs-68: 68px; --casa-fs-75: 75px; } @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-ring-offset-color:var(--casa-white, #fff)}}} @layer components{body .site-header{color:var(--casa-off-black-02, #282828)}} @layer components{body .site-header:after{border-color:var(--casa-off-white-02, #ebebe4)}} @layer components{body .site-header .header-button--primary{color:var(--casa-off-black-02, #282828);background-color:var(--casa-white, #fff)}} @layer components{body .site-header[data-scrolled=true] .header-button--primary,body .site-header[data-dropdown-open=true] .header-button--primary{color:var(--casa-white, #fff);background-color:var(--casa-off-black-02, #282828)}} @layer components{body:not(:has(.hero--full)) .site-header .header-button--primary{color:var(--casa-white, #fff);background-color:var(--casa-off-black-02, #282828)}} @layer components{body .site-header .header-button--secondary{color:var(--casa-white, #fff);border-color:var(--casa-white, #fff)}} @layer components{body .site-header[data-scrolled=true] .header-button--secondary{color:var(--casa-off-black-02, #282828);border-color:var(--casa-off-white-03, #c7c7bd)}} @layer components{body:not(:has(.hero--full)) .site-header .header-button--secondary{color:var(--casa-off-black-02, #282828);border-color:var(--casa-off-white-03, #c7c7bd)}} @layer components{body .site-header[data-dropdown-open=true] .header-button--secondary,body .site-header .header-button--secondary:active,body .site-header .header-button--secondary:focus-visible,body .site-header[data-scrolled=true] .header-button--secondary:active,body .site-header[data-scrolled=true] .header-button--secondary:focus-visible,body .site-header[data-dropdown-open=true] .header-button--secondary:active,body .site-header[data-dropdown-open=true] .header-button--secondary:focus-visible{color:var(--casa-off-black-02, #282828);background-color:var(--casa-off-white-02, #ebebe4);border-color:var(--casa-off-white-02, #ebebe4)}} @layer components{body:not(:has(.hero--full)) .site-header .header-button--secondary:active{color:var(--casa-off-black-02, #282828);background-color:var(--casa-off-white-02, #ebebe4);border-color:var(--casa-off-white-02, #ebebe4)}} @layer components{body:not(:has(.hero--full)) .site-header .header-button--secondary:focus-visible{color:var(--casa-off-black-02, #282828);background-color:var(--casa-off-white-02, #ebebe4);border-color:var(--casa-off-white-02, #ebebe4)}} @layer components{body .site-header .header-button--primary:active,body .site-header .header-button--primary:focus-visible{color:var(--casa-white, #fff);background-color:var(--casa-off-black-02, #282828)}} @layer components{body .site-header[data-scrolled=true] .header-button--primary:active,body .site-header[data-scrolled=true] .header-button--primary:focus-visible,body .site-header[data-dropdown-open=true] .header-button--primary:active,body .site-header[data-dropdown-open=true] .header-button--primary:focus-visible{color:var(--casa-white, #fff);background-color:var(--casa-off-black-01, #444)}} @layer components{body:not(:has(.hero--full)) .site-header .header-button--primary:active{color:var(--casa-white, #fff);background-color:var(--casa-off-black-01, #444)}} @layer components{body:not(:has(.hero--full)) .site-header .header-button--primary:focus-visible{color:var(--casa-white, #fff);background-color:var(--casa-off-black-01, #444)}} @layer components{@media (hover:hover){body .site-header .header-button--secondary:hover,body .site-header[data-scrolled=true] .header-button--secondary:hover,body .site-header[data-dropdown-open=true] .header-button--secondary:hover{color:var(--casa-off-black-02, #282828);background-color:var(--casa-off-white-02, #ebebe4);border-color:var(--casa-off-white-02, #ebebe4)}}} @layer components{@media (hover:hover){body:not(:has(.hero--full)) .site-header .header-button--secondary:hover{color:var(--casa-off-black-02, #282828);background-color:var(--casa-off-white-02, #ebebe4);border-color:var(--casa-off-white-02, #ebebe4)}}} @layer components{@media (hover:hover){body .site-header .header-button--primary:hover{color:var(--casa-white, #fff);background-color:var(--casa-off-black-02, #282828)}}} @layer components{@media (hover:hover){body .site-header[data-scrolled=true] .header-button--primary:hover,body .site-header[data-dropdown-open=true] .header-button--primary:hover{color:var(--casa-white, #fff);background-color:var(--casa-off-black-01, #444)}}} @layer components{@media (hover:hover){body:not(:has(.hero--full)) .site-header .header-button--primary:hover{color:var(--casa-white, #fff);background-color:var(--casa-off-black-01, #444)}}} @layer components{body:has(.hero--full):has([data-dropdown-open=true]) .site-header:after{background-color:var(--casa-white, #fff);border-color:var(--casa-white, #fff)}} @layer components{body:has(.hero--full):not(:has([data-dropdown-open=true])):not(:has([data-scrolled=true])) .site-header{color:var(--casa-white, #fff)}} @layer components{::selection{background-color:color-mix(in srgb, var(--casa-off-white-03, #c7c7bd) 30.2%, transparent);background-color:color-mix(in srgb, var(--casa-off-white-03, #c7c7bd) 30.2%, transparent)}} @layer utilities{.rounded-4{border-radius:var(--casa-r-4, 4px)}} @layer utilities{.rounded-6{border-radius:var(--casa-r-6, 6px)}} @layer utilities{.rounded-8{border-radius:var(--casa-r-8, 8px)}} @layer utilities{.rounded-12{border-radius:var(--casa-r-12, 12px)}} @layer utilities{.rounded-16{border-radius:var(--casa-r-16, 16px)}} @layer utilities{.rounded-20{border-radius:var(--casa-r-20, 20px)}} @layer utilities{.rounded-24{border-radius:var(--casa-r-24, 24px)}} @layer utilities{.rounded-32{border-radius:var(--casa-r-32, 32px)}} @layer utilities{.rounded-40{border-radius:var(--casa-r-40, 40px)}} @layer utilities{.rounded-50{border-radius:var(--casa-r-50, 50px)}} @layer utilities{.rounded-\[28px\]{border-radius:var(--casa-r-28, 28px)}} @layer utilities{.border-black{border-color:var(--casa-black, #000);border-color:var(--casa-black, #000)}} @layer utilities{.border-blue-03{border-color:var(--casa-blue-03, #4e6175)}} @layer utilities{.border-critical{border-color:var(--casa-critical, #ef4049)}} @layer utilities{.border-critical\/20{border-color:color-mix(in srgb, var(--casa-critical, #ef4049) 20%, transparent);border-color:color-mix(in srgb, var(--casa-critical, #ef4049) 20%, transparent)}} @layer utilities{.border-off-black-01{border-color:var(--casa-off-black-01, #444)}} @layer utilities{.border-off-black-02{border-color:var(--casa-off-black-02, #282828)}} @layer utilities{.border-off-white-02{border-color:var(--casa-off-white-02, #ebebe4)}} @layer utilities{.border-off-white-03{border-color:var(--casa-off-white-03, #c7c7bd)}} @layer utilities{.border-stroke{border-color:var(--casa-stroke, #ebe8e4)}} @layer utilities{.border-white{border-color:var(--casa-white, #fff)}} @layer utilities{.bg-black{background-color:var(--casa-black, #000);background-color:var(--casa-black, #000)}} @layer utilities{.bg-blue-01{background-color:var(--casa-blue-01, #eaf6fd)}} @layer utilities{.bg-blue-02{background-color:var(--casa-blue-02, #b9e1fa)}} @layer utilities{.bg-blue-03{background-color:var(--casa-blue-03, #4e6175)}} @layer utilities{.bg-blue-04{background-color:var(--casa-blue-04, #1f2933)}} @layer utilities{.bg-brown-01{background-color:var(--casa-brown-01, #fef3ef)}} @layer utilities{.bg-brown-02{background-color:var(--casa-brown-02, #e6c9b6)}} @layer utilities{.bg-brown-04{background-color:var(--casa-brown-04, #5e392e)}} @layer utilities{.bg-clay-01{background-color:var(--casa-clay-01, #ffe3c9)}} @layer utilities{.bg-clay-01\/20{background-color:color-mix(in srgb, var(--casa-clay-01, #ffe3c9) 20%, transparent);background-color:color-mix(in srgb, var(--casa-clay-01, #ffe3c9) 20%, transparent)}} @layer utilities{.bg-clay-02{background-color:var(--casa-clay-02, #fa9a67)}} @layer utilities{.bg-clay-04{background-color:var(--casa-clay-04, #7e2e1a)}} @layer utilities{.bg-critical\/10{background-color:color-mix(in srgb, var(--casa-critical, #ef4049) 10.2%, transparent);background-color:color-mix(in srgb, var(--casa-critical, #ef4049) 10.2%, transparent)}} @layer utilities{.bg-green-01{background-color:var(--casa-green-01, #fbfbe3)}} @layer utilities{.bg-green-02{background-color:var(--casa-green-02, #f0f3a2)}} @layer utilities{.bg-green-03{background-color:var(--casa-green-03, #acc064)}} @layer utilities{.bg-green-04{background-color:var(--casa-green-04, #444835)}} @layer utilities{.bg-off-black-01{background-color:var(--casa-off-black-01, #444)}} @layer utilities{.bg-off-black-02{background-color:var(--casa-off-black-02, #282828)}} @layer utilities{.bg-off-white-01{background-color:var(--casa-off-white-01, #f8f8f1)}} @layer utilities{.bg-off-white-02{background-color:var(--casa-off-white-02, #ebebe4)}} @layer utilities{.bg-off-white-03{background-color:var(--casa-off-white-03, #c7c7bd)}} @layer utilities{.bg-off-white-04{background-color:var(--casa-off-white-04, #8e8f84)}} @layer utilities{.bg-white{background-color:var(--casa-white, #fff)}} @layer utilities{.bg-yellow-01{background-color:var(--casa-yellow-01, #fbf8f2)}} @layer utilities{.bg-yellow-02{background-color:var(--casa-yellow-02, #ffe39d)}} @layer utilities{.bg-yellow-04{background-color:var(--casa-yellow-04, #c07907)}} @layer utilities{.from-black{--tw-gradient-from:var(--casa-black, #000)}} @layer utilities{@supports (color:lab(0% 0 0)){.from-black{--tw-gradient-from:var(--casa-black, #000)}}} @layer utilities{.from-white{--tw-gradient-from:var(--casa-white, #fff)}} @layer utilities{.text-body{font-size:var(--casa-fs-16, 16px)}} @layer utilities{.text-body-large{font-size:var(--casa-fs-24, 24px)}} @layer utilities{.text-body-medium{font-size:var(--casa-fs-18, 18px)}} @layer utilities{.text-body-small{font-size:var(--casa-fs-14, 14px)}} @layer utilities{.text-body-xsmall{font-size:var(--casa-fs-12, 12px)}} @layer utilities{.text-eyebrow{font-size:var(--casa-fs-12, 12px)}} @layer utilities{.text-h1{font-size:var(--casa-fs-68, 68px)}} @layer utilities{.text-h2{font-size:var(--casa-fs-48, 48px)}} @layer utilities{.text-h3{font-size:var(--casa-fs-36, 36px)}} @layer utilities{.text-h4{font-size:var(--casa-fs-32, 32px)}} @layer utilities{.text-h5{font-size:var(--casa-fs-24, 24px)}} @layer utilities{.text-h6{font-size:var(--casa-fs-20, 20px)}} @layer utilities{.text-label-large{font-size:var(--casa-fs-18, 18px)}} @layer utilities{.text-label-medium{font-size:var(--casa-fs-16, 16px)}} @layer utilities{.text-label-small{font-size:var(--casa-fs-14, 14px)}} @layer utilities{.text-label-xsmall{font-size:var(--casa-fs-12, 12px)}} @layer utilities{.text-body-small\/100{font-size:var(--casa-fs-14, 14px)}} @layer utilities{.text-\[12px\]{font-size:var(--casa-fs-12, 12px)}} @layer utilities{.text-\[14px\]{font-size:var(--casa-fs-14, 14px)}} @layer utilities{.text-\[16px\]{font-size:var(--casa-fs-16, 16px)}} @layer utilities{.text-\[18px\]{font-size:var(--casa-fs-18, 18px)}} @layer utilities{.text-\[24px\]{font-size:var(--casa-fs-24, 24px)}} @layer utilities{.text-\[36px\]{font-size:var(--casa-fs-36, 36px)}} @layer utilities{.text-\[40px\]{font-size:var(--casa-fs-40, 40px)}} @layer utilities{.text-\[42px\]{font-size:var(--casa-fs-42, 42px)}} @layer utilities{.text-\[50px\]{font-size:var(--casa-fs-50, 50px)}} @layer utilities{.text-black{color:var(--casa-black, #000);color:var(--casa-black, #000)}} @layer utilities{.text-blue-03{color:var(--casa-blue-03, #4e6175)}} @layer utilities{.text-blue-04{color:var(--casa-blue-04, #1f2933)}} @layer utilities{.text-blue-04\/80{color:color-mix(in srgb, var(--casa-blue-04, #1f2933) 80%, transparent);color:color-mix(in srgb, var(--casa-blue-04, #1f2933) 80%, transparent)}} @layer utilities{.text-brown-03{color:var(--casa-brown-03, #c28c6b)}} @layer utilities{.text-brown-04{color:var(--casa-brown-04, #5e392e)}} @layer utilities{.text-brown-04\/80{color:color-mix(in srgb, var(--casa-brown-04, #5e392e) 80%, transparent);color:color-mix(in srgb, var(--casa-brown-04, #5e392e) 80%, transparent)}} @layer utilities{.text-clay-02{color:var(--casa-clay-02, #fa9a67)}} @layer utilities{.text-clay-03{color:var(--casa-clay-03, #d2593a)}} @layer utilities{.text-clay-04{color:var(--casa-clay-04, #7e2e1a)}} @layer utilities{.text-clay-04\/80{color:color-mix(in srgb, var(--casa-clay-04, #7e2e1a) 80%, transparent);color:color-mix(in srgb, var(--casa-clay-04, #7e2e1a) 80%, transparent)}} @layer utilities{.text-critical{color:var(--casa-critical, #ef4049)}} @layer utilities{.text-critical-dark{color:var(--casa-critical-dark, #b24910)}} @layer utilities{.text-green-03{color:var(--casa-green-03, #acc064)}} @layer utilities{.text-green-04{color:var(--casa-green-04, #444835)}} @layer utilities{.text-green-04\/80{color:color-mix(in srgb, var(--casa-green-04, #444835) 80%, transparent);color:color-mix(in srgb, var(--casa-green-04, #444835) 80%, transparent)}} @layer utilities{.text-off-black-01{color:var(--casa-off-black-01, #444)}} @layer utilities{.text-off-black-02{color:var(--casa-off-black-02, #282828)}} @layer utilities{.text-off-white-01{color:var(--casa-off-white-01, #f8f8f1)}} @layer utilities{.text-off-white-02{color:var(--casa-off-white-02, #ebebe4)}} @layer utilities{.text-off-white-02\/80{color:color-mix(in srgb, var(--casa-off-white-02, #ebebe4) 80%, transparent);color:color-mix(in srgb, var(--casa-off-white-02, #ebebe4) 80%, transparent)}} @layer utilities{.text-off-white-03{color:var(--casa-off-white-03, #c7c7bd)}} @layer utilities{.text-off-white-04{color:var(--casa-off-white-04, #8e8f84)}} @layer utilities{.text-off-white-05{color:var(--casa-off-white-05, #696460)}} @layer utilities{.text-positive{color:var(--casa-positive, #637525)}} @layer utilities{.text-white{color:var(--casa-white, #fff)}} @layer utilities{.text-yellow-03{color:var(--casa-yellow-03, #fbb52a)}} @layer utilities{.text-yellow-04{color:var(--casa-yellow-04, #c07907)}} @layer utilities{.text-yellow-04\/80{color:color-mix(in srgb, var(--casa-yellow-04, #c07907) 80%, transparent);color:color-mix(in srgb, var(--casa-yellow-04, #c07907) 80%, transparent)}} @layer utilities{.decoration-blue-03\/40{text-decoration-color:color-mix(in srgb, var(--casa-blue-03, #4e6175) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--casa-blue-03, #4e6175) 40%, transparent)}} @layer utilities{.outline-critical{outline-color:var(--casa-critical, #ef4049)}} @layer utilities{.outline-off-black-01{outline-color:var(--casa-off-black-01, #444)}} @layer utilities{.outline-off-black-02{outline-color:var(--casa-off-black-02, #282828)}} @layer utilities{.group-focus-within\:border-off-black-01:is(:where(.group):focus-within *){border-color:var(--casa-off-black-01, #444)}} @layer utilities{.group-focus-within\:text-clay-02:is(:where(.group):focus-within *){color:var(--casa-clay-02, #fa9a67)}} @layer utilities{@media (hover:hover){.group-hover\:border-off-black-01:is(:where(.group):hover *){border-color:var(--casa-off-black-01, #444)}}} @layer utilities{@media (hover:hover){.group-hover\:text-clay-02:is(:where(.group):hover *){color:var(--casa-clay-02, #fa9a67)}}} @layer utilities{.group-disabled\:border-off-white-03:is(:where(.group):disabled *){border-color:var(--casa-off-white-03, #c7c7bd)}} @layer utilities{.group-disabled\:text-off-white-03:is(:where(.group):disabled *){color:var(--casa-off-white-03, #c7c7bd)}} @layer utilities{.group-aria-pressed\:bg-off-black-01:is(:where(.group)[aria-pressed=true] *){background-color:var(--casa-off-black-01, #444)}} @layer utilities{.group-aria-pressed\:text-white:is(:where(.group)[aria-pressed=true] *){color:var(--casa-white, #fff)}} @layer utilities{.group-data-\[dropdown-open\=\'true\'\]\/header\:bg-white:is(:where(.group\/header)[data-dropdown-open=true] *){background-color:var(--casa-white, #fff)}} @layer utilities{.peer-checked\:border-off-black-02:is(:where(.peer):checked~*){border-color:var(--casa-off-black-02, #282828)}} @layer utilities{.peer-checked\:bg-off-black-02:is(:where(.peer):checked~*){background-color:var(--casa-off-black-02, #282828)}} @layer utilities{.peer-focus-visible\:outline-off-black-02:is(:where(.peer):focus-visible~*){outline-color:var(--casa-off-black-02, #282828)}} @layer utilities{.placeholder\:text-off-white-03::placeholder{color:var(--casa-off-white-03, #c7c7bd)}} @layer utilities{.placeholder\:text-off-white-03\/50::placeholder{color:color-mix(in srgb, var(--casa-off-white-03, #c7c7bd) 50.2%, transparent);color:color-mix(in srgb, var(--casa-off-white-03, #c7c7bd) 50.2%, transparent)}} @layer utilities{.placeholder\:text-off-white-04::placeholder{color:var(--casa-off-white-04, #8e8f84)}} @layer utilities{.after\:rounded-12:after{border-radius:var(--casa-r-12, 12px)}} @layer utilities{.after\:rounded-40:after{border-radius:var(--casa-r-40, 40px)}} @layer utilities{.after\:bg-blue-01:after{background-color:var(--casa-blue-01, #eaf6fd)}} @layer utilities{.after\:bg-brown-01:after{background-color:var(--casa-brown-01, #fef3ef)}} @layer utilities{.after\:bg-clay-01:after{background-color:var(--casa-clay-01, #ffe3c9)}} @layer utilities{.after\:bg-green-01:after{background-color:var(--casa-green-01, #fbfbe3)}} @layer utilities{.after\:bg-white:after{background-color:var(--casa-white, #fff)}} @layer utilities{.after\:bg-yellow-01:after{background-color:var(--casa-yellow-01, #fbf8f2)}} @layer utilities{@media (hover:hover){.hover\:text-off-black-01:hover{color:var(--casa-off-black-01, #444)}}} @layer utilities{.focus\:border-black:focus{border-color:var(--casa-black, #000);border-color:var(--casa-black, #000)}} @layer utilities{.focus\:border-critical:focus{border-color:var(--casa-critical, #ef4049)}} @layer utilities{.focus\:border-off-black-01:focus{border-color:var(--casa-off-black-01, #444)}} @layer utilities{.disabled\:bg-off-white-01:disabled{background-color:var(--casa-off-white-01, #f8f8f1)}} @layer utilities{.disabled\:text-off-white-04:disabled{color:var(--casa-off-white-04, #8e8f84)}} @layer utilities{.aria-busy\:border-critical-dark[aria-busy=true]{border-color:var(--casa-critical-dark, #b24910)}} @layer utilities{.aria-busy\:border-off-white-02[aria-busy=true]{border-color:var(--casa-off-white-02, #ebebe4)}} @layer utilities{.aria-busy\:bg-black[aria-busy=true]{background-color:var(--casa-black, #000);background-color:var(--casa-black, #000)}} @layer utilities{.aria-busy\:bg-critical-dark[aria-busy=true]{background-color:var(--casa-critical-dark, #b24910)}} @layer utilities{.aria-busy\:bg-off-black-01[aria-busy=true]{background-color:var(--casa-off-black-01, #444)}} @layer utilities{.aria-busy\:bg-off-white-02[aria-busy=true]{background-color:var(--casa-off-white-02, #ebebe4)}} @layer utilities{.aria-busy\:bg-white[aria-busy=true]{background-color:var(--casa-white, #fff)}} @layer utilities{.aria-busy\:text-off-black-02[aria-busy=true]{color:var(--casa-off-black-02, #282828)}} @layer utilities{.aria-busy\:text-off-white-01[aria-busy=true]{color:var(--casa-off-white-01, #f8f8f1)}} @layer utilities{.aria-busy\:text-white[aria-busy=true]{color:var(--casa-white, #fff)}} @layer utilities{.aria-checked\:border-off-black-02[aria-checked=true]{border-color:var(--casa-off-black-02, #282828)}} @layer utilities{.aria-expanded\:after\:bg-off-white-01[aria-expanded=true]:after{background-color:var(--casa-off-white-01, #f8f8f1)}} @layer utilities{.aria-pressed\:text-off-black-02[aria-pressed=true]{color:var(--casa-off-black-02, #282828)}} @layer utilities{@media not all and (min-width:800px){.max-md\:border-stroke{border-color:var(--casa-stroke, #ebe8e4)}}} @layer utilities{@media (min-width:800px){.md\:rounded-8{border-radius:var(--casa-r-8, 8px)}}} @layer utilities{@media (min-width:800px){.md\:rounded-16{border-radius:var(--casa-r-16, 16px)}}} @layer utilities{@media (min-width:800px){.md\:rounded-20{border-radius:var(--casa-r-20, 20px)}}} @layer utilities{@media (min-width:800px){.md\:rounded-24{border-radius:var(--casa-r-24, 24px)}}} @layer utilities{@media (min-width:800px){.md\:rounded-32{border-radius:var(--casa-r-32, 32px)}}} @layer utilities{@media (min-width:800px){.md\:rounded-50{border-radius:var(--casa-r-50, 50px)}}} @layer utilities{@media (min-width:800px){.md\:border-off-white-02{border-color:var(--casa-off-white-02, #ebebe4)}}} @layer utilities{@media (min-width:800px){.md\:bg-blue-01{background-color:var(--casa-blue-01, #eaf6fd)}}} @layer utilities{@media (min-width:800px){.md\:bg-off-white-01{background-color:var(--casa-off-white-01, #f8f8f1)}}} @layer utilities{@media (min-width:800px){.md\:bg-white{background-color:var(--casa-white, #fff)}}} @layer utilities{@media (min-width:800px){.md\:text-body{font-size:var(--casa-fs-16, 16px)}}} @layer utilities{@media (min-width:800px){.md\:text-body-large{font-size:var(--casa-fs-24, 24px)}}} @layer utilities{@media (min-width:800px){.md\:text-body-medium{font-size:var(--casa-fs-18, 18px)}}} @layer utilities{@media (min-width:800px){.md\:text-body-small{font-size:var(--casa-fs-14, 14px)}}} @layer utilities{@media (min-width:800px){.md\:text-h1{font-size:var(--casa-fs-68, 68px)}}} @layer utilities{@media (min-width:800px){.md\:text-h2{font-size:var(--casa-fs-48, 48px)}}} @layer utilities{@media (min-width:800px){.md\:text-h3{font-size:var(--casa-fs-36, 36px)}}} @layer utilities{@media (min-width:800px){.md\:text-label-medium{font-size:var(--casa-fs-16, 16px)}}} @layer utilities{@media (min-width:800px){.md\:text-\[18px\]{font-size:var(--casa-fs-18, 18px)}}} @layer utilities{@media (min-width:800px){.md\:text-\[24px\]{font-size:var(--casa-fs-24, 24px)}}} @layer utilities{@media (min-width:800px){.md\:text-\[50px\]{font-size:var(--casa-fs-50, 50px)}}} @layer utilities{@media (min-width:800px){.md\:text-\[75px\]{font-size:var(--casa-fs-75, 75px)}}} @layer utilities{@media (min-width:800px){.md\:text-black{color:var(--casa-black, #000);color:var(--casa-black, #000)}}} @layer utilities{@media (min-width:1200px){.lg\:text-h1{font-size:var(--casa-fs-68, 68px)}}} @layer utilities{@media (min-width:1200px){.lg\:text-body-medium\/100{font-size:var(--casa-fs-18, 18px)}}} @layer utilities{@media (min-width:40rem){.sm\:text-h2{font-size:var(--casa-fs-48, 48px)}}} @layer utilities{@media (hover:hover){.interactive\:border-critical-dark:hover{border-color:var(--casa-critical-dark, #b24910)}}} @layer utilities{.interactive\:border-critical-dark:active{border-color:var(--casa-critical-dark, #b24910)}} @layer utilities{@media (hover:hover){.interactive\:border-off-white-01:hover{border-color:var(--casa-off-white-01, #f8f8f1)}}} @layer utilities{.interactive\:border-off-white-01:active{border-color:var(--casa-off-white-01, #f8f8f1)}} @layer utilities{@media (hover:hover){.interactive\:border-off-white-02:hover{border-color:var(--casa-off-white-02, #ebebe4)}}} @layer utilities{.interactive\:border-off-white-02:active{border-color:var(--casa-off-white-02, #ebebe4)}} @layer utilities{@media (hover:hover){.interactive\:border-off-white-03:hover{border-color:var(--casa-off-white-03, #c7c7bd)}}} @layer utilities{.interactive\:border-off-white-03:active{border-color:var(--casa-off-white-03, #c7c7bd)}} @layer utilities{@media (hover:hover){.interactive\:bg-black:hover{background-color:var(--casa-black, #000);background-color:var(--casa-black, #000)}}} @layer utilities{.interactive\:bg-black:active{background-color:var(--casa-black, #000);background-color:var(--casa-black, #000)}} @layer utilities{@media (hover:hover){.interactive\:bg-critical-dark:hover{background-color:var(--casa-critical-dark, #b24910)}}} @layer utilities{.interactive\:bg-critical-dark:active{background-color:var(--casa-critical-dark, #b24910)}} @layer utilities{@media (hover:hover){.interactive\:bg-off-black-01:hover{background-color:var(--casa-off-black-01, #444)}}} @layer utilities{.interactive\:bg-off-black-01:active{background-color:var(--casa-off-black-01, #444)}} @layer utilities{@media (hover:hover){.interactive\:bg-off-white-01:hover{background-color:var(--casa-off-white-01, #f8f8f1)}}} @layer utilities{.interactive\:bg-off-white-01:active{background-color:var(--casa-off-white-01, #f8f8f1)}} @layer utilities{@media (hover:hover){.interactive\:bg-off-white-02:hover{background-color:var(--casa-off-white-02, #ebebe4)}}} @layer utilities{.interactive\:bg-off-white-02:active{background-color:var(--casa-off-white-02, #ebebe4)}} @layer utilities{@media (hover:hover){.interactive\:bg-white:hover{background-color:var(--casa-white, #fff)}}} @layer utilities{.interactive\:bg-white:active{background-color:var(--casa-white, #fff)}} @layer utilities{@media (hover:hover){.interactive\:text-black:hover{color:var(--casa-black, #000);color:var(--casa-black, #000)}}} @layer utilities{.interactive\:text-black:active{color:var(--casa-black, #000);color:var(--casa-black, #000)}} @layer utilities{@media (hover:hover){.interactive\:text-off-black-01:hover{color:var(--casa-off-black-01, #444)}}} @layer utilities{.interactive\:text-off-black-01:active{color:var(--casa-off-black-01, #444)}} @layer utilities{@media (hover:hover){.interactive\:text-off-black-02:hover{color:var(--casa-off-black-02, #282828)}}} @layer utilities{.interactive\:text-off-black-02:active{color:var(--casa-off-black-02, #282828)}} @layer utilities{@media (hover:hover){.interactive\:text-off-white-01:hover{color:var(--casa-off-white-01, #f8f8f1)}}} @layer utilities{.interactive\:text-off-white-01:active{color:var(--casa-off-white-01, #f8f8f1)}} @layer utilities{@media (hover:hover){.interactive\:text-off-white-04:hover{color:var(--casa-off-white-04, #8e8f84)}}} @layer utilities{.interactive\:text-off-white-04:active{color:var(--casa-off-white-04, #8e8f84)}} @layer utilities{@media (hover:hover){.interactive\:text-white:hover{color:var(--casa-white, #fff)}}} @layer utilities{.interactive\:text-white:active{color:var(--casa-white, #fff)}} @layer utilities{@media (hover:hover){.interactive\:outline-off-black-01:hover{outline-color:var(--casa-off-black-01, #444)}}} @layer utilities{.interactive\:outline-off-black-01:active{outline-color:var(--casa-off-black-01, #444)}} @layer utilities{@media (hover:hover){.not-disabled\:interactive\:border-off-black-02:not(:disabled):hover{border-color:var(--casa-off-black-02, #282828)}}} @layer utilities{.not-disabled\:interactive\:border-off-black-02:not(:disabled):active{border-color:var(--casa-off-black-02, #282828)}} @layer utilities{@media (hover:hover){.not-disabled\:interactive\:bg-off-white-01:not(:disabled):hover{background-color:var(--casa-off-white-01, #f8f8f1)}}} @layer utilities{.not-disabled\:interactive\:bg-off-white-01:not(:disabled):active{background-color:var(--casa-off-white-01, #f8f8f1)}} @layer utilities{@media (hover:hover){.disabled\:interactive\:bg-off-white-01:disabled:hover{background-color:var(--casa-off-white-01, #f8f8f1)}}} @layer utilities{.disabled\:interactive\:bg-off-white-01:disabled:active{background-color:var(--casa-off-white-01, #f8f8f1)}} @layer utilities{@media (hover:hover){.group:hover .group-interactive\:bg-off-white-04{background-color:var(--casa-off-white-04, #8e8f84)}}} @layer utilities{.group:active .group-interactive\:bg-off-white-04{background-color:var(--casa-off-white-04, #8e8f84)}} @layer utilities{@media (hover:hover){.group:hover .group-not-disabled\:group-interactive\:border-off-black-01:is(:where(.group):not(:disabled) *){border-color:var(--casa-off-black-01, #444)}}} @layer utilities{.group:active .group-not-disabled\:group-interactive\:border-off-black-01:is(:where(.group):not(:disabled) *){border-color:var(--casa-off-black-01, #444)}}