.q4-swatches{--q4-swatch-gap: 10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:var(--q4-swatch-justify, flex-start);gap:var(--q4-swatch-gap);width:100%;margin:0;padding:4px 3px;box-sizing:border-box}.q4-swatches--empty{height:calc(var(--q4-swatch-size, 28px) * .86 + 8px);pointer-events:none}@media screen and (min-width:700px){.q4-swatches--empty{height:calc(var(--q4-swatch-size, 28px) + 8px)}}.q4-swatch{--size: calc(var(--q4-swatch-size, 28px) * .86);position:relative;display:inline-flex;flex:none;width:var(--size);height:var(--size);margin:0;padding:0;border:0;border-radius:50%;background:#ededed;box-shadow:inset 0 0 0 1px #00000014;cursor:pointer;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;transition:transform .2s ease}@media screen and (min-width:700px){.q4-swatch{--size: var(--q4-swatch-size, 28px)}}.q4-swatch__image,.q4-swatch__color{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;pointer-events:none}.q4-swatch__image{object-fit:cover;object-position:center 28%;max-width:none;margin:0}.q4-swatch__color{box-shadow:inset 0 0 0 1px #0000001a}.q4-swatch:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1px solid currentColor;opacity:0;transition:opacity .2s ease;pointer-events:none}@media(hover:hover){.q4-swatch:hover:after{opacity:.35}}.q4-swatch[aria-pressed=true]:after{opacity:1}.q4-swatch:focus-visible{outline:none}.q4-swatch:focus-visible:after{opacity:1;border-width:2px}.q4-swatch--sold-out .q4-swatch__image,.q4-swatch--sold-out .q4-swatch__color{opacity:.45}.q4-swatch--sold-out:before{content:"";position:absolute;top:50%;left:8%;width:84%;height:1px;background:currentColor;opacity:.55;transform:rotate(-45deg);pointer-events:none;z-index:1}.q4-swatches__more{font-size:11px;line-height:1;letter-spacing:.04em;opacity:.7;text-decoration:none;color:inherit;padding:4px 2px}.q4-swatches__more:hover{opacity:1}.q4-variant-selected .product-card__image--secondary{display:none!important}.q4-variant-selected .product-card__image--primary{opacity:1!important;visibility:visible!important}.product-card__media:has(.product-card__image--primary.object-cover) .product-card__image--secondary{object-fit:cover}.q4-sg-link{display:inline-flex;align-items:center;gap:6px;padding:0;margin:0;border:0;background:none;color:inherit;font:inherit;font-size:13px;cursor:pointer}.q4-sg-link span{text-decoration:underline;text-underline-offset:3px}.q4-sg{width:min(880px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:0;border:0;border-radius:0;background:#fff;color:#111;box-shadow:0 20px 60px #00000040}.q4-sg::backdrop{background:#0000008c}.q4-sg__inner{position:relative;padding:40px 36px 32px}.q4-sg__close{position:absolute;top:16px;right:16px;padding:6px;border:0;background:none;color:#9a9a9a;cursor:pointer}.q4-sg__close:hover{color:#111}.q4-sg__title{margin:0 0 24px;text-align:center;font-size:22px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#111}.q4-sg__toggle{display:flex;justify-content:center;margin:0 auto 22px;width:max-content;border:1px solid #dddddd;border-radius:12px;overflow:hidden;background:#f4f4f4}.q4-sg__unit{min-width:100px;padding:10px 18px;border:0;background:transparent;color:#333;font:inherit;font-size:14px;text-transform:uppercase;cursor:pointer}.q4-sg__unit[aria-selected=true]{background:#e3e3e3;font-weight:700;color:#111}.q4-sg__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.q4-sg__table{width:100%;min-width:520px;border-collapse:collapse;font-size:15px;color:#111}.q4-sg__table th{padding:14px 10px;background:#666;color:#fff;font-weight:800;font-size:14px;letter-spacing:.18em;text-transform:uppercase;border:1px solid #111111;text-align:center}.q4-sg__table td{padding:14px 10px;border:1px solid #111111;text-align:center;background:#fff}.q4-sg__table[data-q4-current=in] [data-cm],.q4-sg__table[data-q4-current=cm] [data-in]{display:none}.q4-sg__note{margin:18px 0 0;font-size:14px;color:#111}@media screen and (max-width:699px){.q4-sg__inner{padding:36px 16px 24px}.q4-sg__title{font-size:18px}.q4-sg__table{font-size:13px;min-width:0}.q4-sg__table th{font-size:11px;letter-spacing:.08em;padding:10px 4px}.q4-sg__table td{padding:10px 4px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/q4-color-swatches.css.map */