.swatches[data-v-b71ab665]{flex-wrap:wrap;gap:.3rem;display:flex}.swatches--selectable[data-v-b71ab665]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.4rem;display:grid}.swatches__choice[data-v-b71ab665]{border:1px solid #0000;border-radius:8px;flex-direction:column;gap:.25rem;min-width:0;padding:.4rem;display:flex}.swatches__choice--selected[data-v-b71ab665]{background:#b8924e1a;border-color:#b8924e}.swatches__choice .swatches__item[data-v-b71ab665]{aspect-ratio:1;width:100%;height:auto}.swatches__select[data-v-b71ab665]{cursor:pointer;text-align:left;overflow-wrap:anywhere;align-items:center;gap:.4rem;min-height:44px;font-size:.8rem;display:flex}.swatches__select input[data-v-b71ab665]{accent-color:#1e4164;flex-shrink:0;width:18px;height:18px}.swatches__cell[data-v-b71ab665]{flex:none;display:inline-flex;position:relative}.swatches__item[data-v-b71ab665]{--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-b71ab665]{cursor:pointer;background:#f3f5f8}.swatches__item--btn img[data-v-b71ab665]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.swatches__item--btn[data-v-b71ab665]:hover{border-color:#1e4164}.swatches__item--btn[data-v-b71ab665]:focus-visible{outline-offset:2px;outline:2px solid #1e4164}.swatches__item--hexbtn[data-v-b71ab665]{cursor:pointer}.swatches__item--hexbtn[data-v-b71ab665]:hover{border-color:#1e4164}.swatches__item--hexbtn[data-v-b71ab665]:focus-visible{outline-offset:2px;outline:2px solid #1e4164}.swatches__item--sel[data-v-b71ab665]{border-color:#1e4164;box-shadow:0 0 0 2px #1e4164}.swatches__item--hex[data-v-b71ab665]{display:block}.swatches__check[data-v-b71ab665]{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-b71ab665],.swatches__zoom[data-v-b71ab665]{border-radius:50%;position:absolute}.swatches__zoom[data-v-b71ab665]{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-b71ab665]:hover{color:#1e4164;border-color:#1e4164}.swatches__cell:focus-within .swatches__zoom[data-v-b71ab665],.swatches__cell:hover .swatches__zoom[data-v-b71ab665]{display:inline-flex}.swatches__more[data-v-b71ab665]{--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-b71ab665]:hover{color:#1e4164;border-color:#1e4164}.swatch-preview[data-v-b71ab665]{z-index:1100;position:fixed;transform:translate(-50%,-100%)}.swatch-preview--below[data-v-b71ab665]{transform:translate(-50%)}.swatch-preview[data-v-b71ab665]{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-b71ab665]{-o-object-fit:cover;object-fit:cover;background:#f3f5f8;border-radius:8px;width:100%;height:228px;display:block}.swatch-preview__cap[data-v-b71ab665]{text-align:center;color:#1f2226;margin-top:.4rem;font-size:.8rem;font-weight:600;display:block}