.proposal-a .panorama-palette{width:390px}
.proposal-a .color-dock{padding:23px}
.proposal-a .color-intro{align-items:center;gap:12px}
.proposal-a .color-intro>div>p{color:var(--ink);font-size:13px;line-height:1.5;font-weight:700;margin-top:5px}
.color-reset{appearance:none;border:0;border-bottom:1px solid #b3c3cb;border-radius:0;background:transparent;color:#536b78;font:500 9px var(--font);padding:8px 0;min-height:32px;cursor:pointer;white-space:nowrap}
.color-reset[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}
.proposal-a .swatches{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:4px;margin-top:18px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scroll-padding-inline:5px;padding:6px 5px 12px;scrollbar-width:thin;scrollbar-color:#8296a0 #e6ecef}
.proposal-a .swatch{flex:0 0 62px;font-size:8px;min-width:62px;width:62px;min-height:49px;padding:6px 0;gap:8px;font-weight:500;scroll-snap-align:start}
.proposal-a .swatches::-webkit-scrollbar{height:5px}
.proposal-a .swatches::-webkit-scrollbar-track{background:#e6ecef;border-radius:8px}
.proposal-a .swatches::-webkit-scrollbar-thumb{background:#8296a0;border-radius:8px}
.proposal-a .swatch>span{width:23px;height:23px;flex-shrink:0}
.proposal-a .color-status{display:block;margin-top:13px;padding-top:11px}
.proposal-a .color-status>span{font-size:11px;font-weight:600}
.proposal-a .color-status>p{font-size:8px;line-height:1.7;margin-top:5px}
@media(min-width:1101px){.panorama-copy>p:not(.eyebrow){max-width:calc(100% - 430px)}.panorama-copy h1{max-width:calc(100% - 430px)}}
@media(min-width:851px) and (max-width:1100px){.proposal-a{padding-bottom:0}.panorama-copy{padding-bottom:28px}.proposal-a .panorama-palette{position:relative;bottom:auto;right:auto;width:calc(100% - 56px);margin:0 auto 38px}.proposal-a .color-dock{display:block}.proposal-a .house-stage,.panorama-shade{bottom:0}}
@media(max-width:850px){.proposal-a .panorama-palette{width:calc(100% - 56px)}.proposal-a .color-dock{display:block}.proposal-a .color-intro{display:flex}.proposal-a .color-status{display:block}}
@media(max-width:600px){.proposal-a .panorama-palette{width:calc(100% - 36px)}.proposal-a .color-dock{padding:20px 17px}.proposal-a .swatch{min-height:50px;font-size:8px;gap:8px}.proposal-a .color-intro>div>p{font-size:12px}.color-reset{font-size:8px;min-height:40px}.proposal-a .color-status>p{font-size:8px}}