.door-designer{--door-designer-accent:#1b362e;--door-designer-accent-rgb:27 54 46;--door-designer-accent-foreground:#f7f8f7;--door-designer-accent-foreground-rgb:247 248 247;--background:#f4f4f2;--background-rgb:244 244 242;--foreground:#1c1c1c;--foreground-rgb:28 28 28;--card:#fff;--card-rgb:255 255 255;--card-foreground:#1c1c1c;--card-foreground-rgb:28 28 28;--muted:#f0f0ec;--muted-rgb:240 240 236;--muted-foreground:#5a5a57;--muted-foreground-rgb:90 90 87;--border:#e4e4df;--border-rgb:228 228 223;--ring:var(--door-designer-accent);--ring-rgb:var(--door-designer-accent-rgb);--primary:var(--door-designer-accent);--primary-rgb:var(--door-designer-accent-rgb);--primary-foreground:var(--door-designer-accent-foreground);--primary-foreground-rgb:var(--door-designer-accent-foreground-rgb);--secondary:#ecece8;--secondary-rgb:236 236 232;--secondary-foreground:#1c1c1c;--secondary-foreground-rgb:28 28 28;--accent:var(--door-designer-accent);--accent-rgb:var(--door-designer-accent-rgb);--accent-foreground:var(--door-designer-accent-foreground);--accent-foreground-rgb:var(--door-designer-accent-foreground-rgb);--radius:.75rem;--header-height:3.5rem;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;font-family:Jost,ui-sans-serif,system-ui,sans-serif}.door-designer button,.door-designer input:not([type=checkbox]),.door-designer select,.door-designer textarea{appearance:none;font-family:inherit}.door-designer input[type=checkbox]{accent-color:var(--primary)}.door-designer,.door-designer *,.door-designer :before,.door-designer :after{box-sizing:border-box}.door-designer-preview svg[data-part=door-preview]{width:auto;max-width:100%;height:auto;max-height:100%;display:block}.door-designer-preview[data-preview-zoom=fit] svg[data-part=door-preview]{cursor:zoom-in}.door-designer-preview[data-preview-zoom=zoomed] svg[data-part=door-preview]{cursor:grab;width:100%;max-width:none;height:100%;max-height:none}.door-designer-preview[data-preview-panning] svg[data-part=door-preview]{cursor:grabbing}.door-designer .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.door-designer nav[aria-label=Design\ progress] ol,.door-designer nav[aria-label=Design\ progress] li{margin:0;padding-left:0;list-style:none}.door-designer button.door-designer-swatch{appearance:none;box-shadow:none;background:0 0;border:none;padding:0}.door-designer .door-designer-swatch-default{background-color:#fff}.door-designer .door-designer-swatch-default-slash{transform-origin:50%;pointer-events:none;background-color:#c45c5c;border-radius:999px;height:2.5px;margin-top:-1.25px;position:absolute;top:50%;left:12%;right:12%;transform:rotate(-37deg)}.door-designer button.door-designer-step{appearance:none;box-shadow:none;background:0 0;border:none}.door-designer button.door-designer-chip,.door-designer button.door-designer-choice,.door-designer button[data-slot=button]{appearance:none;box-shadow:none;border-style:solid;border-width:1px}.door-designer select.door-designer-select{appearance:none;box-shadow:none}@keyframes door-designer-accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes door-designer-accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.door-designer .animate-accordion-down{animation:.2s ease-out door-designer-accordion-down}.door-designer .animate-accordion-up{animation:.2s ease-out door-designer-accordion-up}@media (max-width:63.999rem){.door-designer-stage-area{flex-direction:column;display:flex}.door-designer-stage-area>[data-area]{flex-shrink:1;flex-basis:0;transition:flex-grow .25s}.door-designer-stage-area>[data-area=preview]{flex-grow:.85}.door-designer-stage-area>[data-area=controls]{flex-grow:1}.door-designer-stage-area[data-panel=expanded]>[data-area=preview]{flex-grow:.2}@media (orientation:landscape) and (max-height:32rem){.door-designer-stage-area{flex-direction:row}.door-designer-stage-area>[data-area=controls]{border-top-width:0;border-left-width:1px;border-radius:0}.door-designer-stage-area[data-panel=expanded]>[data-area=preview]{flex-grow:.85}}}@media (prefers-reduced-motion:reduce){.door-designer-stage-area>[data-area]{transition:none}}