.swatches[data-v-6782eda7]{flex-wrap:wrap;gap:.3rem;display:flex}.swatches__cell[data-v-6782eda7]{flex:none;display:inline-flex;position:relative}.swatches__item[data-v-6782eda7]{--size:var(--sw,28px);width:var(--size);height:var(--size);border:1px solid #dfe4ea;border-radius:8px;flex:none;padding:0;position:relative;overflow:hidden}.swatches__item--btn[data-v-6782eda7]{cursor:pointer;background:#f3f5f8}.swatches__item--btn img[data-v-6782eda7]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.swatches__item--btn[data-v-6782eda7]:hover{border-color:#1e4164}.swatches__item--btn[data-v-6782eda7]:focus-visible{outline-offset:2px;outline:2px solid #1e4164}.swatches__item--hexbtn[data-v-6782eda7]{cursor:pointer}.swatches__item--hexbtn[data-v-6782eda7]:hover{border-color:#1e4164}.swatches__item--hexbtn[data-v-6782eda7]:focus-visible{outline-offset:2px;outline:2px solid #1e4164}.swatches__item--sel[data-v-6782eda7]{border-color:#1e4164;box-shadow:0 0 0 2px #1e4164}.swatches__item--hex[data-v-6782eda7]{display:block}.swatches__check[data-v-6782eda7]{color:#fff;text-align:center;pointer-events:none;background:#1e4164;width:14px;height:14px;font-size:10px;line-height:14px;bottom:2px;right:2px}.swatches__check[data-v-6782eda7],.swatches__zoom[data-v-6782eda7]{border-radius:50%;position:absolute}.swatches__zoom[data-v-6782eda7]{z-index:1;color:#5b6773;cursor:pointer;background:#fff;border:1px solid #dfe4ea;justify-content:center;align-items:center;width:17px;height:17px;padding:0;display:none;top:-6px;right:-6px}.swatches__zoom[data-v-6782eda7]:hover{color:#1e4164;border-color:#1e4164}.swatches__cell:focus-within .swatches__zoom[data-v-6782eda7],.swatches__cell:hover .swatches__zoom[data-v-6782eda7]{display:inline-flex}.swatches__more[data-v-6782eda7]{--size:var(--sw,28px);min-width:var(--size);height:var(--size);color:#5b6773;background:#fff;border:1px dashed #dfe4ea;border-radius:8px;justify-content:center;align-items:center;padding-inline:.35rem;font-size:.72rem;font-weight:600;text-decoration:none;display:inline-flex}.swatches__more[data-v-6782eda7]:hover{color:#1e4164;border-color:#1e4164}.swatch-preview[data-v-6782eda7]{z-index:1100;position:fixed;transform:translate(-50%,-100%)}.swatch-preview--below[data-v-6782eda7]{transform:translate(-50%)}.swatch-preview[data-v-6782eda7]{pointer-events:none;background:#fff;border:1px solid #dfe4ea;border-radius:14px;width:240px;max-width:70vw;padding:6px;box-shadow:0 10px 30px #00000038}.swatch-preview img[data-v-6782eda7]{-o-object-fit:cover;object-fit:cover;background:#f3f5f8;border-radius:8px;width:100%;height:228px;display:block}.swatch-preview__cap[data-v-6782eda7]{text-align:center;color:#1f2226;margin-top:.4rem;font-size:.8rem;font-weight:600;display:block}