fx-product-swatches{--fx-accent: #1E1E1E;--fx-panel: #F6F4F1;--fx-line: #E3E0DB;--fx-muted: #6B6660;--fx-radius: 6px;display:block;margin:0 0 20px;text-align:left}fx-product-swatches .visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}fx-product-swatches [hidden]{display:none!important}.fx-pswatches__tabs{display:flex;gap:12px;margin:0 0 16px}.fx-pswatches__tab{flex:1 1 0;padding:12px 10px;border:0;border-radius:var(--fx-radius);background:#fff;box-shadow:0 0 0 1px #cfcac3;color:var(--fx-accent);font:inherit;font-size:15px;letter-spacing:0;text-transform:none;cursor:pointer}.fx-pswatches__tab[aria-selected=true]{background:var(--fx-accent);color:#fff;box-shadow:0 0 0 1px var(--fx-accent)}.fx-pswatches__tab:focus-visible{outline:2px solid var(--fx-accent);outline-offset:2px}.fx-swatches__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:4px 0 12px}.fx-swatches__title{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:14px;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:#fff center / cover no-repeat;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-pswatches__search{margin:0 0 12px}.fx-pswatches__search input{width:100%;padding:10px 14px;border:1px solid var(--fx-line);border-radius:var(--fx-radius);background:#fff;font:inherit;font-size:14px}.fx-pswatches__empty{font-size:13px;color:var(--fx-muted);font-style:italic}fx-product-swatches .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-product-swatches .fx-swatches__grid{max-height:372px;overflow-y:auto}}@media only screen and (max-width:768px){fx-product-swatches .fx-swatches__grid{grid-template-columns:repeat(5,1fr);gap:8px}}fx-product-swatches a.fx-swatch{display:block;position:relative;width:100%;height:0;padding:0 0 100%;overflow:hidden;border-radius:var(--fx-radius);background-color:#e9e6e1;background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:0 0 0 1px var(--fx-line);text-decoration:none;-webkit-tap-highlight-color:transparent}@media(hover:hover){fx-product-swatches a.fx-swatch:hover{box-shadow:0 0 0 1px var(--fx-accent)}}fx-product-swatches a.fx-swatch:focus-visible,fx-product-swatches a.fx-swatch.is-selected{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--fx-accent)}.fx-swatch__text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:4px;font-size:10px;line-height:1.2;text-align:center;color:var(--fx-muted)}.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}a.fx-swatch.is-selected .fx-swatch__check{display:block}.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:#eee center / cover no-repeat}.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/8/assets/fx-swatch-picker.css.map */