.configurator-shell .color-browser{position:relative}.color-target-grid{align-items:stretch}.color-browser .door-model-entry{min-height:96px}.color-browser .color-family-card>.color-family-copy{flex-direction:row;align-items:center;gap:11px}.color-family-icon{width:34px;height:34px;flex:0 0 34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #c5dced;border-radius:5px;background:#eff8fe;color:#005ca9}.color-family-copy>span:last-child{min-width:0;display:flex;flex-direction:column;gap:4px}.configurator-shell .color-option-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0;width:auto;min-height:154px;font:inherit}.color-option-swatch{width:100%;min-height:108px;flex:1 1 auto;display:block;border:1px solid rgba(15,28,52,.12);border-radius:4px}.color-picker-stage{max-width:440px;display:grid;grid-template-columns:minmax(0,225px) minmax(0,1fr);grid-gap:16px;gap:16px;align-items:start;margin:4px auto 0;padding:16px;border:1px solid #d3dde8;border-radius:6px;background:#fff}.color-picker-stage .chrome-picker{width:100%!important;box-shadow:none!important}.color-picker-result{min-width:0;display:flex;flex-direction:column;gap:10px;color:#627087;font-size:12px}.color-picker-result strong{display:flex;align-items:center;gap:8px;color:#0f1c34;font-size:13px;line-height:1.3}.color-picker-result-swatch{width:28px;height:28px;flex:0 0 28px;border:1px solid #b8c5d3;border-radius:4px}.color-picker-apply{min-height:42px;grid-column:1/-1;display:inline-flex;align-items:center;justify-content:center;border:1px solid #003b6d;border-radius:5px;background:#003b6d;color:#fff;font:inherit;font-weight:700;cursor:pointer}.color-picker-apply:hover:not(:disabled){background:#005ca9}.color-picker-apply:disabled{border-color:#cdd5de;background:#e8edf2;color:#84909e;cursor:not-allowed}.color-browser .loading-spinner{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.9)}.color-browser .spinner{width:38px;height:38px;margin-bottom:10px;border:3px solid #d9e1ea;border-top-color:#0078c9;border-radius:50%;animation:color-spinner .8s linear infinite}@keyframes color-spinner{to{transform:rotate(1turn)}}@media (max-width:767px){.color-browser .door-model-entry{min-height:92px}.color-picker-stage{grid-template-columns:minmax(0,1fr);padding:12px}.color-picker-stage .chrome-picker{max-width:260px;margin:0 auto}.color-picker-apply{grid-column:auto}}