.color-gallery{background:#eeeef0!important;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}
.phone-photo-frame{width:100%;aspect-ratio:1;max-width:600px;overflow:hidden;flex-shrink:0}
.color-gallery .phone-photo-frame img{width:100%!important;height:100%!important;max-height:none;aspect-ratio:auto;object-fit:contain!important;display:block;padding:0!important;border-radius:0;background:transparent;box-sizing:border-box;mix-blend-mode:multiply;transform:scale(1.1)}
.color-gallery .phone-photo-frame.phone-photo-frame-18 img{transform:scale(1.3)}
.color-gallery #photo-caption{color:#555!important;margin:0;padding:0 20px 20px;text-align:center;font-size:15px}
.color-gallery img[hidden]{display:none!important}
.color-picker{margin:24px 0 20px}.color-heading{margin-bottom:12px;color:#bdb7bd}.color-heading strong{color:#fff;font-weight:600}
#color-swatches{display:flex;flex-wrap:wrap;gap:10px}
.color-swatch{display:flex;gap:9px;align-items:center;min-height:46px;padding:10px 13px;border:1px solid #484049;border-radius:14px;background:#211e24;color:#eee;font:inherit;cursor:pointer}
.color-swatch[aria-pressed="true"]{border-color:#edc4d2;box-shadow:0 0 0 1px #edc4d2;background:#392b33}
.color-swatch:focus-visible{outline:3px solid #fff;outline-offset:3px}
.color-chip{width:20px;height:20px;flex-shrink:0;border-radius:50%;background:var(--chip);border:1px solid #ffffff55;box-shadow:inset 0 0 0 1px #0002}
.color-select-label{display:none!important}.model-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:600px){.color-swatch{font-size:14px;padding:10px}.color-picker{margin-top:20px}}
