.db-model-colors{margin:16px 0 18px;color:#14243a}
.db-model-colors *{box-sizing:border-box}
.db-model-colors__heading{margin:0 0 8px;font-size:14px;line-height:1.4;font-weight:600}
.db-model-colors__heading strong{font-weight:800}
.db-model-colors__options{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.db-model-colors__option{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:5px;border:2px solid transparent;border-radius:50%;cursor:pointer;text-decoration:none}
.db-model-colors__option.is-active{border-color:#086de8;cursor:default}
.db-model-colors__option:not(.is-active):hover{border-color:#8cbaff}
.db-model-colors__option:focus-visible{outline:3px solid #086de8;outline-offset:2px}
.db-model-colors__dot{display:block;width:28px;height:28px;border:1px solid rgba(12,25,40,.2);border-radius:50%;background:#15191f}
.db-model-colors__dot--black{background:#121519}
.db-model-colors__dot--black-orange{background:linear-gradient(135deg,#14171c 50%,#f46c16 50%)}
.db-model-colors__dot--black-grey{background:linear-gradient(135deg,#14171c 50%,#d8dce0 50%)}
.db-model-colors__dot--black-green{background:linear-gradient(135deg,#14171c 50%,#1c9355 50%)}
.db-model-colors__dot--carbon{background:repeating-linear-gradient(45deg,#111419 0 4px,#343b42 4px 7px)}
.db-model-colors__dot--neutral{background:linear-gradient(135deg,#303844 50%,#b9c2cb 50%)}
.db-model-colors__dot--nardo{background:#9ba8b0}
.db-model-colors__dot--grey{background:#858d96}
.db-model-colors__dot--dark-grey{background:#444c56}
.db-model-colors__dot--light-grey{background:#c9d0d5}
.db-model-colors__dot--white{background:#f7f8f7}
.db-model-colors__dot--blue{background:#1464bd}
.db-model-colors__dot--light-blue{background:#8dc9e7}
.db-model-colors__dot--cyan{background:#28abc4}
.db-model-colors__dot--pink{background:#ef9dbe}
.db-model-colors__dot--rose-gold{background:#c98f89}