@font-face{font-family:inter;font-weight:400 700;font-display:swap;font-style:oblique 0 10deg;src:url(https://codyhouse.co/web/assets/fonts/Inter.var.woff2?v=3.19) format("woff2")}:root{--demo-font: 'Inter', system-ui, sans-serif !important;--demo-text-xxxs:  0.5rem;--demo-text-xxs:  0.625rem;--demo-text-xs:   0.75rem;--demo-text-sm:   0.875rem;--demo-text-base: 1rem;--demo-text-md:   1.1875rem;--demo-text-lg:   1.4375rem}body{font-size:var(--text-base-size);font-family:var(--font-primary)}.demo-font{font-family:var(--demo-font)}.demo-text-xxxs{font-size:var(--demo-text-xxxs)}.demo-text-xxs{font-size:var(--demo-text-xxs)}.demo-text-xs{font-size:var(--demo-text-xs)}.demo-text-sm{font-size:var(--demo-text-sm)}.demo-text-md{font-size:var(--demo-text-md)}.demo-text-lg{font-size:var(--demo-text-lg)}.demo-item--is-hidden{display:none}.demo-item--highlight{animation:demo-item-highlight .5s}@keyframes demo-item-highlight{0%,50%{outline:2px solid var(--color-primary);outline-offset:2px}100%{outline:2px solid transparent;outline-offset:2px}}.cd-demo-container--is-hidden{display:none}.demo-switch{display:flex;align-items:center}.demo-switch__btn{background-color:transparent;padding:0;border:0;border-radius:0;color:inherit;line-height:inherit;appearance:none;padding:var(--space-xxxxs) var(--space-xxxs);border:1px solid var(--color-contrast-lower);color:var(--color-contrast-higher);font-size:var(--demo-text-sm);font-family:var(--demo-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.demo-switch__btn:focus{outline:2px solid var(--color-contrast-higher);outline-offset:2px;position:relative;z-index:1}.demo-switch__btn:first-child{border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md)}.demo-switch__btn:last-child{border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0}.demo-switch__btn--selected{background-color:var(--color-contrast-higher);color:var(--color-bg);border-color:var(--color-contrast-higher)}.demo-viewport-size{position:fixed;display:none;top:0;right:0;padding:10px;z-index:99;font-size:.8rem;background-color:hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),0.95);font-family:var(--font-demo)}.demo-checkbox{--size: 16px;position:relative;width:var(--size);height:var(--size)}.demo-checkbox input[type=checkbox]{position:absolute;left:0;top:0;margin:0;padding:0;opacity:0;height:100%;width:100%}.demo-checkbox input[type=checkbox]:checked+.demo-checkbox__control{border-color:var(--color-primary);background-color:var(--color-primary);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNicgaGVpZ2h0PScxNicgdmlld0JveD0nMCAwIDE2IDE2Jz48ZyBmaWxsPScjZmZmZmZmJz48cGF0aCBmaWxsPSdub25lJyBzdHJva2U9JyNmZmZmZmYnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgc3Ryb2tlLXdpZHRoPScyJyBkPSdNMyA4LjVsMyAzIDctNyc+PC9wYXRoPjwvZz48L3N2Zz4=);background-size:var(--size);background-repeat:no-repeat;background-position:center}.demo-checkbox input[type=checkbox]:focus+.demo-checkbox__control{border-color:var(--color-primary)}.demo-checkbox input[type=checkbox]:active+.demo-checkbox__control{transform:scale(.9)}.demo-checkbox input[type=checkbox]:focus+.demo-checkbox__control{box-shadow:var(--shadow-xs),0 0 0 3px hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),0.2)}.demo-checkbox+label{user-select:none}.demo-checkbox__control{position:absolute;top:0;left:0;height:100%;width:100%;border:1px solid hsla(var(--color-contrast-low-h),var(--color-contrast-low-s),var(--color-contrast-low-l),0.65);border-radius:4px;background-color:var(--color-bg);box-shadow:var(--shadow-xs);pointer-events:none;transition:transform .2s}.cd-demo-shadow-none{box-shadow:none!important}.cd-demo-inner-shadow{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}