.pdp-swatch-picker{text-align:left}.pdp-swatch-picker .swatch-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.pdp-swatch-picker .swatch-head__label{font-weight:500}.pdp-swatch-picker .swatch-head__value{display:inline-block;background:#f0efeb;border-radius:999px;padding:3px 12px;font-size:.8rem;font-weight:500;color:#222}.pdp-swatch-picker .swatch-grid{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px;margin:.75rem 0 1.25rem}.pdp-swatch-picker .swatch{position:relative;width:48px;display:flex;flex-direction:column;align-items:center;gap:8px;margin:0;cursor:pointer}.pdp-swatch-picker .swatch .variant-popup--input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2}.pdp-swatch-picker .swatch__circle{position:relative;width:48px;height:48px;border-radius:50%;background:#f0efeb;display:flex;align-items:center;justify-content:center;overflow:hidden;border:.6px solid transparent;transition:border-color .15s}.pdp-swatch-picker .swatch__circle img{width:82%;height:82%;object-fit:contain;display:block}.pdp-swatch-picker .swatch__name{font-size:.8rem;font-weight:500;line-height:1.15;text-align:center;color:#222}.pdp-swatch-picker .swatch:has(.variant-popup--input:checked) .swatch__circle{border-color:#111}.pdp-swatch-picker .swatch:has(.variant-popup--input:checked):after{content:"";position:absolute;top:-5px;right:-3px;width:22px;height:22px;border-radius:50%;background-color:var(--color-full-black,#111);background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2210%22 height=%228%22%3E%3Cpath d=%22M1 4.5L3.4 7L9 1%22 stroke=%22%23fff%22 stroke-width=%221.2%22 stroke-linecap=%22round%22 fill=%22none%22/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:11px 9px;z-index:3;pointer-events:none}.bd_product-option_name{margin:0}.pdp-swatch-picker .swatch__name{font-size:.8rem;line-height:1.15;text-align:center;color:#222;max-width:100%;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis;white-space:normal!important;overflow-wrap:initial}.pdp-swatch-picker .swatch-head{gap:8px;align-items:center;margin-bottom:0}.pdp-swatch-picker .swatch-head__label{font-size:14px;line-height:17px;color:#1d1d1d;font-weight:400;text-align:left}.pdp-swatch-picker .swatch-head__value{background:#f0efeb;border-radius:999px;padding:4px 8px 3px;font-size:12px;line-height:1.12;letter-spacing:-.24px;color:#222;font-weight:400}.pdp-swatch-picker .swatch-grid{gap:12px 4px;margin:12px 0}.pdp-swatch-picker .swatch{width:55px;gap:4px}.pdp-swatch-picker .swatch__circle{width:55px;height:55px;padding:8px;background:#f0efeb;border:.6px solid #e9e8e3;border-radius:9999px}.pdp-swatch-picker .swatch__circle img{width:100%;height:100%;object-fit:contain}.pdp-swatch-picker .swatch__name{font-size:10px;line-height:1.12;letter-spacing:-.2px;color:#222;text-align:center;padding:4px 0;max-width:100%;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis;white-space:normal!important;overflow-wrap:anywhere;word-break:break-word}.pdp-swatch-picker .swatch:has(.variant-popup--input:checked) .swatch__circle{border-color:#222}.pdp-swatch-picker .swatch:has(.variant-popup--input:checked):after{width:18px;height:18px;top:-2.6px;right:-2.6px;background-color:#222;background-size:8px 6px}@media(min-width:60em){.pdp-swatch-picker .swatch-head{gap:12px;align-items:center;margin-bottom:0}.pdp-swatch-picker .swatch-head__label{font-size:16px;line-height:20px;color:#1d1d1d;font-weight:400}.pdp-swatch-picker .swatch-head__value{background:#f0efeb;border-radius:999px;padding:4px 8px 3px;font-size:14px;line-height:1.2;letter-spacing:-.28px;color:#222;font-weight:400}.pdp-swatch-picker .swatch-grid{gap:12px;margin:12px 0}.pdp-swatch-picker .swatch{width:64px;gap:4px}.pdp-swatch-picker .swatch__circle{width:64px;height:64px;padding:8px;background:#f0efeb;border:.6px solid #e9e8e3;border-radius:9999px}.pdp-swatch-picker .swatch__circle img{width:100%;height:100%;object-fit:contain}.pdp-swatch-picker .swatch__name{font-size:14px;line-height:1.2;letter-spacing:-.28px;color:#222;text-align:center;padding:4px 0;max-width:100%;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis;white-space:normal!important;overflow-wrap:anywhere;word-break:break-word}.pdp-swatch-picker .swatch:has(.variant-popup--input:checked) .swatch__circle{border-color:#222}.pdp-swatch-picker .swatch:has(.variant-popup--input:checked):after{width:18px;height:18px;top:-2.6px;right:-2.6px;background-color:#222;background-size:8px 6px}}@media(min-width:60em){.pdp-swatch-picker .swatch-head{gap:12px;align-items:center;margin-bottom:0}.pdp-swatch-picker .swatch-head__label{font-size:16px;line-height:20px;color:#1d1d1d;font-weight:400}.pdp-swatch-picker .swatch-head__value{background:#f0efeb;border-radius:999px;padding:4px 8px 3px;font-size:14px;line-height:1.2;letter-spacing:-.28px;color:#222;font-weight:400}.pdp-swatch-picker .swatch-grid{gap:8px;margin:12px 0}.pdp-swatch-picker .swatch{width:69px;gap:4px}.pdp-swatch-picker .swatch__circle{width:69px;height:69px;padding:8px;background:#f0efeb;border:.6px solid #e9e8e3;border-radius:9999px}.pdp-swatch-picker .swatch__circle img{width:100%;height:100%;object-fit:contain}.pdp-swatch-picker .swatch__name{font-size:12px;line-height:1.2;letter-spacing:-.24px;color:#222;text-align:center;padding:4px 0;max-width:100%;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis;white-space:normal!important;overflow-wrap:anywhere;word-break:break-word}.pdp-swatch-picker .swatch:has(.variant-popup--input:checked) .swatch__circle{border-color:#222}.pdp-swatch-picker .swatch:has(.variant-popup--input:checked):after{width:18px;height:18px;top:-.6px;right:-.6px;background-color:#222;background-size:8px 6px}}
/*# sourceMappingURL=/cdn/shop/t/615/assets/variant-swatches.css.map */