.product-form__input input[type=radio]+.swatch_label{line-height:0;padding:0;margin:0 5px 0 0;display:inline-block;font-size:1.4rem;letter-spacing:.1rem;text-align:center;transition:border var(--duration-short) ease;cursor:pointer;position:relative}.swatch_label{display:inline;border:none!important;height:42px;width:42px}.swatch_color{height:4.2rem;width:4.2rem;display:inline-block;background-position:center;border-radius:4px;border:1px solid #393b424d}.product-form__input input[type=radio]:checked+.swatch_label>.swatch_color{border:1px solid #393b42!important}.product-form__input input[type=radio]:checked+.swatch_label{border:none!important}.swatch_color[data-tooltip=White],.swatch_color[data-tooltip="Off White"]{border:1px solid rgba(var(--color-foreground),.2)}.swatch_color-card{height:2rem;width:2rem;border:1px solid transparent;border-radius:2px;display:inline-block;background-position:center}.swatch_color-card[data-tooltip=White],.swatch_color-card[data-tooltip="Off White"]{border:1px solid rgba(var(--color-foreground),.2)}@media (-moz-touch-enabled: 0),(hover: hover){[data-tooltip]{position:relative}[data-tooltip]:before{position:absolute;content:attr(data-tooltip);bottom:70%;left:70%;padding:1rem;white-space:nowrap;border:1px solid var(--color-base-text);background:rgba(var(--color-button));color:rgba(var(--color-button-text));border-radius:10px;font-size:1.5rem;pointer-events:none;visibility:visible;opacity:0;transition:visibility .2s ease-in-out,opacity .2s ease-in-out;z-index:1}[data-tooltip]:hover:before{opacity:1;visibility:visible}}.smarch-pills{display:none}.smarch-pills+label{display:inline-block;padding:6px 12px;border-radius:4px;border:1px solid rgba(0,0,0,.3);opacity:.6;cursor:pointer;transition:all .2s ease;font-family:Roboto,sans-serif;font-size:16px;font-weight:400}.smarch-pills:not(:disabled)+label:hover{opacity:1;border:1px solid #000}.smarch-pills:checked+label{opacity:1;border-radius:4px;box-shadow:0 0 0 2px #868686,0 0 0 2px #000}.smarch-pills:disabled+label,.unavailable{opacity:.4;border-radius:4px;border:1px solid rgba(0,0,0,.1);background:#ececec;cursor:not-allowed;text-decoration:none!important}
/*# sourceMappingURL=/cdn/shop/t/63/assets/smarch-color-swatches.css.map */