fx-swatch-picker{--fx-accent: #1E1E1E;--fx-panel: #F6F4F1;--fx-line: #E3E0DB;--fx-muted: #6B6660;--fx-radius: 6px;display:block;text-align:left}fx-swatch-picker .visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.fx-swatches__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:10px 0 12px}.fx-swatches__head .variant__label[for]{margin:0}.fx-swatches__count{font-size:13px;color:var(--fx-muted);white-space:nowrap}.fx-swatches__info{display:flex;align-items:center;gap:16px;background:var(--fx-panel);padding:14px 16px;margin-bottom:16px;border-radius:var(--fx-radius)}.fx-swatches__info-thumb{position:relative;flex:0 0 auto;width:72px;height:72px;padding:0;border:1px solid var(--fx-line);border-radius:var(--fx-radius);background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:cover!important;cursor:zoom-in;overflow:hidden}.fx-swatches__zoom{position:absolute;right:4px;bottom:4px;width:22px;height:22px;padding:3px;color:var(--fx-accent);background:#ffffffe6;border-radius:50%}.fx-swatches__info-text{min-width:0}.fx-swatches__info-text p{margin:0}.fx-swatches__info-name{font-size:17px;line-height:1.3;font-weight:500;word-break:break-word}.fx-swatches__info-family{font-size:13px;color:var(--fx-muted);margin-top:2px!important}.fx-swatches__info-links{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin-top:8px!important;font-size:13px}.fx-swatches__info-links a{color:inherit;text-decoration:underline;text-underline-offset:3px}.fx-swatches__sep{width:1px;height:14px;background:var(--fx-line)}fx-swatch-picker .fx-swatches__fieldset{display:block;border:0;margin:0;padding:0;min-width:0}fx-swatch-picker .fx-swatches__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px;padding:4px;margin:0 0 4px}@media only screen and (min-width:769px){fx-swatch-picker .fx-swatches__grid{max-height:372px;overflow-y:auto}}@media only screen and (max-width:768px){fx-swatch-picker .fx-swatches__grid{grid-template-columns:repeat(5,1fr);gap:8px}}fx-swatch-picker .fx-swatches__grid .variant-input{display:block;min-width:0}fx-swatch-picker .variant-input-wrap label.fx-swatch{display:block;position:relative;width:100%;height:0;padding:0 0 100%;margin:0;overflow:hidden;text-indent:0;font-size:0;line-height:0;border-radius:var(--fx-radius);background-color:#eee;background-position:center;background-repeat:no-repeat;background-size:cover!important;box-shadow:0 0 0 1px var(--fx-line);cursor:pointer;-webkit-tap-highlight-color:transparent}@media(hover:hover){fx-swatch-picker .variant-input-wrap label.fx-swatch:hover{box-shadow:0 0 0 1px var(--fx-accent)}}fx-swatch-picker .variant-input-wrap input[type=radio]:focus-visible+label.fx-swatch,fx-swatch-picker .variant-input-wrap input[type=radio]:checked+label.fx-swatch{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--fx-accent)}fx-swatch-picker .variant-input-wrap label.fx-swatch.disabled{opacity:.35}fx-swatch-picker .variant-input-wrap label.fx-swatch.disabled:after{display:none}.fx-swatch__check{position:absolute;top:50%;left:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:var(--fx-accent);color:#fff;display:none;box-shadow:0 0 0 2px #ffffffd9}.fx-swatch__check svg{width:26px;height:26px;display:block}fx-swatch-picker input[type=radio]:checked+label .fx-swatch__check{display:block}.variant-input-wrap[data-handle=upholstery-type],.variant-input-wrap[data-handle=material]{font-size:0;margin-bottom:0}.variant-input-wrap[data-handle=upholstery-type] .variant-input,.variant-input-wrap[data-handle=material] .variant-input{display:inline-block;width:calc(50% - 6px);margin:0 12px 0 0;vertical-align:top}.variant-input-wrap[data-handle=upholstery-type] .variant-input:nth-of-type(2n),.variant-input-wrap[data-handle=material] .variant-input:nth-of-type(2n){margin-right:0}.variant-input-wrap[data-handle=upholstery-type] label,.variant-input-wrap[data-handle=material] label{display:block;margin:0!important;padding:12px 10px;text-align:center;font-size:16px;border-radius:6px;box-shadow:0 0 0 1px #cfcac3}.variant-input-wrap[data-handle=upholstery-type] input[type=radio]:checked+label,.variant-input-wrap[data-handle=material] input[type=radio]:checked+label{background:#1e1e1e;color:#fff;box-shadow:0 0 0 1px #1e1e1e}.fx-preview{position:fixed;z-index:60;width:380px;max-width:calc(100vw - 32px);background:#fff;box-shadow:0 12px 40px #00000029;border-radius:8px;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s;pointer-events:none;text-align:left}.fx-preview.is-visible{opacity:1;visibility:visible;transform:none;transition:opacity .15s ease,transform .15s ease}.fx-preview__img{width:100%;height:0;padding-bottom:75%;background-color:#eee;background-position:center;background-size:cover}.fx-preview__body{padding:18px 20px 20px}.fx-preview__name{font-size:20px;line-height:1.25;margin:0}.fx-preview__family{font-size:14px;color:#6b6660;margin:4px 0 0}.fx-preview__h{margin:16px 0 4px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#6b6660}.fx-preview__p{margin:0;font-size:14px;line-height:1.5;white-space:pre-line}.fx-preview [hidden]{display:none!important}.fx-preview.is-modal{top:50%!important;left:50%!important;transform:translate(-50%,-48%);pointer-events:auto;max-height:calc(100vh - 48px);overflow-y:auto}.fx-preview.is-modal.is-visible{transform:translate(-50%,-50%)}.fx-preview__close{display:none;position:absolute;top:10px;right:10px;width:34px;height:34px;border:0;border-radius:50%;background:#ffffffeb;font-size:22px;line-height:34px;cursor:pointer}.fx-preview.is-modal .fx-preview__close{display:block}.fx-preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:59;background:#0006;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility 0s linear .15s}.fx-preview-backdrop.is-visible{opacity:1;visibility:visible;transition:opacity .15s ease}
/*# sourceMappingURL=/cdn/shop/t/59/assets/fx-swatch-picker.css.map */