.kin-fabric-pilot__grid,.kin-choice-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 8px;padding:5px}.kin-fabric-pilot__swatch,.kin-choice-swatch{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;width:100%;min-width:0;min-height:110px;padding:4px 2px;border:0;border-radius:4px;color:inherit;background:transparent;font:inherit;font-size:12px;font-weight:500;line-height:1.3;overflow-wrap:anywhere;cursor:pointer}.kin-fabric-pilot__swatch img,.kin-choice-swatch img{flex:0 0 auto;width:min(80px,100%);height:auto;aspect-ratio:1;border:1px solid rgb(40 38 33 / 24%);border-radius:50%;object-fit:cover}.kin-fabric-pilot__swatch[aria-checked=true] img,.kin-choice-swatch[aria-checked=true] img,input:checked+.kin-choice-swatch img{outline:2px solid var(--pilot-blue, #3a5f9c);outline-offset:3px}@container (min-width: 600px){.kin-fabric-pilot__grid,.kin-choice-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}@container (max-width: 473px){.kin-fabric-pilot__grid,.kin-choice-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:699px){.kin-fabric-pilot__grid,.kin-choice-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.kin-fabric-pilot__swatch,.kin-choice-swatch{min-height:86px}.kin-fabric-pilot__swatch img,.kin-choice-swatch img{width:min(56px,100%)}}@media(max-width:374px){.kin-fabric-pilot__grid,.kin-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.kin-choice-swatch--captionless{min-height:88px}.kin-choice-grid{position:relative}.kin-choice-swatch--captionless .sr-only{position:absolute}.kin-choice-swatch--captionless:focus-visible{outline:none}.kin-choice-swatch--captionless:focus-visible img,input:focus-visible+.kin-choice-swatch--captionless img{outline:3px solid #3a5f9c;outline-offset:2px}.kin-choice-swatch--captionless:disabled,.kin-choice-swatch--captionless.is-disabled{opacity:.6}input:disabled+.kin-choice-swatch--captionless{display:none}.kin-choice-swatch__tooltip{position:absolute;z-index:3;top:100%;inset-inline:0;width:fit-content;max-width:100%;margin-inline:auto;padding:4px 8px;border:1px solid rgb(40 38 33 / 24%);border-radius:4px;color:#282621;background:#fff;font-size:14px;line-height:1.3;text-align:center;pointer-events:none;visibility:hidden;opacity:0}.kin-choice-swatch:hover .kin-choice-swatch__tooltip,.kin-choice-swatch:focus-visible .kin-choice-swatch__tooltip,input:focus-visible+.kin-choice-swatch .kin-choice-swatch__tooltip{visibility:visible;opacity:1}variant-picker[data-kin-material-presentation=shared]{container-type:inline-size}variant-picker[data-kin-material-presentation=shared] .kin-choice-grid{display:grid;gap:10px 8px}kin-material-base-projection{display:block;width:100%;min-width:0}kin-material-base-projection [hidden],[data-kin-material-ui-gliders][hidden],[data-kin-material-ui-error][hidden]{display:none!important}[data-kin-material-ui-gliders]{min-width:0}[data-kin-material-ui-gliders] label{display:block;margin-bottom:8px}[data-kin-material-ui-glider]{width:100%}@media(max-width:699px){.kin-choice-swatch--captionless{min-height:64px}}
/*# sourceMappingURL=/cdn/shop/t/79/assets/kin-choice-swatches.css.map */