.variant-picker,.variant-picker__form{width:100%}.variant-picker[data-shopify-visual-preview]{min-width:300px;padding-inline-start:max(4px,var(--padding-inline-start))}.variant-option__select-wrapper{display:flex;position:relative;border:var(--style-border-width-inputs) solid var(--color-border);border-radius:var(--style-border-radius-inputs);align-items:center;margin-top:var(--margin-2xs);overflow:visible}.variant-option__select-wrapper:has(.swatch){--variant-picker-swatch-width: 20px;--variant-picker-swatch-height: 20px}.variant-option__select-wrapper:hover{border-color:var(--color-variant-hover-border)}.variant-option__select-wrapper.is-open .icon{transform:translateY(-50%) rotate(180deg)}.variant-option__select:focus-visible{outline:var(--focus-outline-width) solid currentcolor;outline-offset:var(--focus-outline-offset)}.variant-option__select{padding-block:var(--padding-md);padding-inline:var(--padding-lg) calc(var(--padding-lg) + var(--icon-size-2xs));-webkit-appearance:none;appearance:none;border:0;width:100%;margin:0;cursor:pointer}.variant-option__select-wrapper .icon{position:absolute;right:var(--padding-md);top:50%;transform:translateY(-50%);width:var(--icon-size-2xs);height:var(--icon-size-2xs);pointer-events:none}.variant-option__select--has-swatch{padding-inline-start:calc((2 * var(--padding-sm)) + var(--variant-picker-swatch-width))}.variant-option__select-wrapper .swatch{position:absolute;top:50%;left:var(--padding-md);transform:translateY(-50%)}.variant-option__select--hidden{position:absolute!important;width:0!important;height:0!important;opacity:0!important;pointer-events:none!important}.custom-select{position:relative;width:100%}.custom-select__toggle{display:flex;align-items:center;gap:8px;width:100%;background:transparent;border:none;cursor:pointer}.custom-select__toggle .swatch{margin-right:var(--padding-sm)}.custom-select__selected-text{flex:1;text-align:left;min-width:0}.custom-select__list{position:absolute;top:calc(100% + 6px);left:0;z-index:20;width:100%;background:var(--color-background);border:var(--style-border-width-inputs) solid var(--color-border);border-radius:var(--style-border-radius-inputs);margin:0;padding:8px 0;list-style:none;max-height:320px;overflow-y:auto;display:none}.custom-select__option{display:flex;align-items:center;gap:16px;min-height:62px;padding:10px 20px;cursor:pointer}.custom-select__option.selected{background:var(--color-variant-hover-background)}.custom-select__option-swatch{width:40px;height:40px;flex-shrink:0}.custom-select__option-swatch img,.custom-select__option-swatch .color-swatch__fill{width:100%;height:100%;object-fit:cover;display:block}.custom-select__option-label{flex:1;min-width:0}.variant-picker--center,.variant-picker--center .variant-option{text-align:center;align-items:center;justify-content:center;width:100%}.variant-picker--right,.variant-picker--right .variant-option{text-align:right;justify-content:right}.swatch-option-tooltip{box-sizing:border-box}.swatch-option-tooltip--desktop{width:max-content;max-width:calc(100vw - 16px);background:transparent;border:none;padding:0;margin:0;box-shadow:none;pointer-events:none}.swatch-option-tooltip--mobile{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:100dvh;margin:0;z-index:2147483646;flex-direction:column;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;pointer-events:auto}.swatch-option-tooltip__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border:none;padding:0;margin:0}.swatch-option-tooltip__backdrop[hidden]{display:none!important}.swatch-option-tooltip__surface{position:relative;z-index:1;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;background:#fff;border:1px solid #ccd2e1;border-radius:22px;padding:8px;max-width:100%}.swatch-option-tooltip--desktop .swatch-option-tooltip__surface{flex-direction:row;align-items:flex-start;gap:8px;box-shadow:0 4px 24px #00000014}.swatch-option-tooltip--mobile .swatch-option-tooltip__surface{max-width:calc(100vw - 32px);flex-direction:row;align-items:flex-start;gap:8px;box-shadow:0 4px 24px #00000014}.swatch-option-tooltip__close{align-self:flex-end;order:-1;margin:0 0 4px;padding:4px 8px;border:none;background:transparent;font-family:var(--font-body--family),"Lato",sans-serif;font-size:18px;font-weight:700;line-height:1.2;color:#222;cursor:pointer}.swatch-option-tooltip__close[hidden]{display:none!important}.swatch-option-tooltip__body{display:flex;flex-direction:column;gap:12px;min-width:0}.swatch-option-tooltip--desktop .swatch-option-tooltip__body{flex-direction:row;align-items:center;gap:8px}.swatch-option-tooltip__media{display:flex;flex-shrink:0}.swatch-option-tooltip__media[hidden]{display:none!important}.swatch-option-tooltip__media--desktop{align-items:flex-start}.swatch-option-tooltip__media--dual{flex-direction:row;gap:15px;align-items:flex-start;justify-content:center}.swatch-option-tooltip__media--single{justify-content:center}.swatch-option-tooltip__img-frame{box-sizing:border-box;background:#fff;flex-shrink:0}.swatch-option-tooltip__img-frame--desktop{padding:5px;border-radius:20px}.swatch-option-tooltip__img-frame--square,.swatch-option-tooltip__img-frame--portrait{padding:5px;border-radius:16px}.swatch-option-tooltip__img-frame--hero{padding:5px;border-radius:16px;width:100%;max-width:364px;margin:0 auto}.swatch-option-tooltip__img{display:block;object-fit:cover}.swatch-option-tooltip__img--desktop,.swatch-option-tooltip__img--primary{width:219px;height:219px;border-radius:15px}.swatch-option-tooltip__img--secondary{width:143px;height:218px;border-radius:15px}.swatch-option-tooltip__img--hero{width:100%;max-width:364px;height:auto;aspect-ratio:364 / 288;border-radius:15px}.swatch-option-tooltip__text{display:flex;flex-direction:column;gap:16px;min-width:0;font-family:var(--font-body--family),"Lato",sans-serif;color:#222}.swatch-option-tooltip--desktop .swatch-option-tooltip__text{order:-1;width:165px;flex-shrink:0;background:#fffc;border-radius:12px;padding:6px;gap:16px}.swatch-option-tooltip--mobile .swatch-option-tooltip__body{flex-direction:row;align-items:center;gap:8px}.swatch-option-tooltip--mobile .swatch-option-tooltip__text{order:-1;width:130px;flex-shrink:0;background:#fffc;border-radius:12px;padding:6px;gap:16px}.swatch-option-tooltip--mobile .swatch-option-tooltip__media--desktop,.swatch-option-tooltip--mobile .swatch-option-tooltip__img-frame--desktop{flex-shrink:1;min-width:0}.swatch-option-tooltip--mobile .swatch-option-tooltip__img--desktop{width:150px;height:150px}.swatch-option-tooltip__title{font-size:16px;font-weight:700;line-height:1.3;margin:0}.swatch-option-tooltip__description{font-size:14px;font-weight:600;line-height:1.45;margin:0}.swatch-option-tooltip__tone-row{margin:0}.swatch-option-tooltip__tone{display:inline-flex;align-items:center;justify-content:center;min-width:65px;padding:6px 14px;border-radius:8px;font-size:14px;font-weight:500;line-height:1.2;color:#222222b3;text-transform:lowercase}.swatch-option-tooltip__tone--warm{background:#f1e0c8}.swatch-option-tooltip__tone--cool{background:#b9d8d8}.swatch-option-tooltip__tone--neutral{background:#eaeaea}.swatch-option-tooltip__cta{flex-shrink:0;align-self:center;margin-top:4px;padding:12px 22px;min-height:45px;border:1px solid #000;border-radius:22px;background:transparent;font-family:var(--font-body--family),"Lato",sans-serif;font-size:18px;font-weight:700;line-height:1.2;color:#222;cursor:pointer;text-align:center}.swatch-option-tooltip__cta[hidden]{display:none!important}.swatch-option-tooltip__cta:focus-visible{outline:2px solid #222;outline-offset:2px}.swatch-consultation-tooltip{box-sizing:border-box}.swatch-consultation-tooltip--desktop{width:max-content;max-width:calc(100vw - 16px);background:transparent;border:none;padding:0;margin:0;box-shadow:none}.swatch-consultation-tooltip--mobile{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:100dvh;margin:0;z-index:2147483646;flex-direction:column;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;pointer-events:auto}.swatch-consultation-tooltip__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#00000080;border:none;padding:0;margin:0}.swatch-consultation-tooltip__backdrop[hidden]{display:none!important}.swatch-consultation-tooltip__surface{position:relative;z-index:1;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:16px;background:#fff;border:1px solid #d1d1d8;border-radius:12px;padding:22px;max-width:422px;width:100%;box-shadow:0 4px 24px #00000014;pointer-events:auto}.swatch-consultation-tooltip--desktop .swatch-consultation-tooltip__surface{width:422px}.swatch-consultation-tooltip--mobile .swatch-consultation-tooltip__surface{max-width:calc(100vw - 32px)}.swatch-consultation-tooltip__close{align-self:flex-end;order:-1;margin:0;padding:4px 8px;border:none;background:transparent;font-family:var(--font-body--family),"Lato",sans-serif;font-size:18px;font-weight:700;line-height:1.2;color:#222;cursor:pointer}.swatch-consultation-tooltip__close[hidden]{display:none!important}.swatch-consultation-tooltip__title{margin:0;font-family:var(--font-body--family),"Lato",sans-serif;font-size:16px;font-weight:700;line-height:normal;color:#222}.swatch-consultation-tooltip__description{margin:0;font-family:var(--font-body--family),"Lato",sans-serif;font-size:14px;font-weight:600;line-height:normal;color:#222;max-width:378px}.swatch-consultation-tooltip__description>:first-child{margin-top:0}.swatch-consultation-tooltip__description>:last-child{margin-bottom:0}.swatch-consultation-tooltip__description p{margin:0 0 8px}.swatch-consultation-tooltip__description p:last-child{margin-bottom:0}.swatch-consultation-tooltip__cta{box-sizing:border-box;width:207px;padding:12px 22px;border:1px solid #000;border-radius:22px;background:#fff;font-family:var(--font-body--family),"Lato",sans-serif;font-size:11px;font-weight:700;line-height:normal;color:#222;text-align:center;cursor:pointer}.swatch-consultation-tooltip__cta:hover{background:#222;color:#fff}.swatch-consultation-tooltip__cta:focus-visible{outline:2px solid #222;outline-offset:2px}[data-pdp-variant-swatch-picker] .color-family-filters{display:flex;flex-wrap:wrap;gap:10px;width:100%;margin-bottom:0}[data-pdp-variant-swatch-picker]{display:flex;flex-direction:column;gap:30px;width:100%}[data-pdp-variant-swatch-picker] .color-family-filter{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;padding:14px 16px;border:1px solid #222;border-radius:8px;background:#fff;color:#222;cursor:pointer;font-family:var(--font-body--family),"Lato",sans-serif;font-size:13px;font-style:normal;font-weight:500;line-height:11.475px;text-align:center;white-space:nowrap}[data-pdp-variant-swatch-picker] .color-family-filter.active{background:#74695c;border-color:#74695c;color:#fff}[data-pdp-variant-swatch-picker] .color-family-filter:focus-visible{outline:2px solid currentcolor;outline-offset:2px}[data-pdp-variant-swatch-picker] .variant-option__metaobjects{display:flex;flex-direction:column;align-items:flex-start;gap:14px;width:100%;margin-bottom:0}[data-pdp-variant-swatch-picker] .variant-option__metaobjects-grid{display:grid;grid-template-columns:repeat(10,minmax(0,43px));gap:14px 13px;align-items:center;width:max-content;max-width:100%}[data-pdp-variant-swatch-picker] .variant-option__metaobjects-chart-link,[data-pdp-variant-swatch-picker] .see-full-chart-link{-webkit-appearance:none;appearance:none;border:none;background:transparent;padding:0;margin:0;cursor:pointer;font-family:Lato,sans-serif;font-size:15px;font-weight:700;line-height:normal;color:#222;text-decoration:underline;text-decoration-skip-ink:none;text-align:center;white-space:nowrap}[data-pdp-variant-swatch-picker] .variant-option__metaobjects-chart-link:hover,[data-pdp-variant-swatch-picker] .see-full-chart-link:hover{color:#74695c}[data-pdp-variant-swatch-picker] .variant-option__metaobjects-chart-link:focus-visible,[data-pdp-variant-swatch-picker] .see-full-chart-link:focus-visible{outline:2px solid #222;outline-offset:2px}[data-pdp-variant-swatch-picker] .color-swatch{position:relative;display:flex;align-items:center;justify-content:center;width:41.25px;height:41.25px;border:0;border-radius:8px;padding:0;background:none;cursor:pointer;overflow:visible;z-index:0}[data-pdp-variant-swatch-picker] .color-swatch img,[data-pdp-variant-swatch-picker] .color-swatch__fill{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px;border:.5px solid var(--site-color)}[data-pdp-variant-swatch-picker] .color-swatch.active{z-index:1}[data-pdp-variant-swatch-picker] .color-swatch.active img{transform:scale(1.2);clip-path:inset(0 round 8px)}[data-pdp-variant-swatch-picker] .color-swatch.active:before,[data-pdp-variant-swatch-picker] .color-swatch.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}[data-pdp-variant-swatch-picker] .color-swatch.active:before{top:-8px;right:-8px;bottom:-8px;left:-8px;border:3.75px solid var(--site-color);border-radius:14px}[data-pdp-variant-swatch-picker] .color-swatch.active:after{top:-4px;right:-4px;bottom:-4px;left:-4px;border:1.875px solid #fff;border-radius:10px}[data-pdp-variant-swatch-picker] .color-swatch--consultation{width:51.5px;height:51.5px;border:1.226px solid #222;border-radius:9.81px;background:#fff}[data-pdp-variant-swatch-picker] .color-swatch__help-mark{font-family:Lato,sans-serif;font-size:35px;font-weight:700;line-height:1;color:#222}@media screen and (max-width:749px){[data-pdp-variant-swatch-picker] .variant-option__metaobjects{gap:16px}[data-pdp-variant-swatch-picker] .variant-option__metaobjects-grid{grid-template-columns:repeat(7,minmax(0,43px))}[data-pdp-variant-swatch-picker] .color-swatch.active:before,[data-pdp-variant-swatch-picker] .color-swatch.active:after{display:none}[data-pdp-variant-swatch-picker] .color-swatch.active{border:1px solid #222}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/pdp-variant-swatch-picker.css.map */