.uray-swatch-options,.uray-grid-swatches{display:flex;flex-wrap:wrap;align-items:stretch;gap:6px;letter-spacing:0}
.uray-grid-swatches{justify-content:center;margin:10px 0;min-height:74px}
.uray-swatch{box-sizing:border-box;display:inline-flex!important;flex-direction:column;align-items:center;justify-content:flex-start;width:70px;min-width:0;height:auto;min-height:74px;padding:4px 2px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none;position:relative;flex:0 0 70px;line-height:1.3;text-decoration:none!important;color:#41494e!important;text-transform:none!important;letter-spacing:0!important;white-space:normal!important}
.uray-swatch-face{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;border:3px solid #fff;outline:1px solid #cbd0d4;border-radius:50%;overflow:hidden;box-shadow:inset 0 0 0 1px #00000012}
.uray-swatch-face img{width:100%;height:100%;object-fit:cover}
.uray-swatch-text{font-size:10px;color:#41494e;background:#edf0f2}
.uray-swatch-label{display:block;width:100%;margin-top:6px;font-size:12px;font-weight:400;line-height:16px;text-align:center;overflow-wrap:normal!important;word-break:normal!important;hyphens:manual}
.uray-swatch:hover .uray-swatch-face,.uray-swatch:focus-visible .uray-swatch-face,.uray-swatch[aria-pressed=true] .uray-swatch-face{outline:2px solid #273b42}
.uray-swatch:focus-visible{outline:2px solid #718f98!important;outline-offset:2px}
.uray-swatch[aria-pressed=true] .uray-swatch-label{font-weight:700;color:#142c34}
.uray-swatch:disabled{opacity:.3;cursor:not-allowed}
.uray-swatch-face{position:relative}
.uray-swatch.is-outofstock .uray-swatch-face::after{content:'';position:absolute;top:50%;left:0;right:0;height:2px;background:#323238;box-shadow:0 1px 1px #fff;transform:translateY(-50%)}
.uray-stock-preview{position:relative}
.uray-stock-line{display:none;pointer-events:none;position:absolute;z-index:3;left:12%;right:12%;top:50%;height:2px;background:#5b5864b3;box-shadow:0 1px 1px #ffffffb3}
.uray-stock-preview>.uray-stock-line{display:block}
.uray-swatch-selected{display:block;min-height:24px;margin-top:9px;font-size:13px;color:#41494e}
.variations select.uray-swatch-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important;padding:0!important;clip-path:inset(50%)}
.uray-swatch-field{margin:6px 0 0}
:is(.product-grid-item,.uh-product) .uray-grid-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:6px 3px;max-height:none;height:auto;overflow:visible}
:is(.product-grid-item,.uh-product) .uray-grid-swatches .uray-swatch{width:100%;min-width:0;min-height:62px;padding:3px 1px!important}
:is(.product-grid-item,.uh-product) .uray-grid-swatches .uray-swatch-face{width:26px;height:26px;flex-basis:26px;border-width:2px}
:is(.product-grid-item,.uh-product) .uray-grid-swatches .uray-swatch-label{font-size:10px;line-height:13px;margin-top:5px}
@supports(grid-template-rows:subgrid){
 .uray-home .uh-collection[data-kind="products"] .uh-product{grid-row:span 5}
 .uray-home .uh-collection[data-kind="products"] .uh-product>.uh-product-image{grid-row:1}
 .uray-home .uh-collection[data-kind="products"] .uh-product>.uray-grid-swatches{grid-row:2}
 .uray-home .uh-collection[data-kind="products"] .uh-product>.uh-product-info{grid-row:3/span 3}
}
@media(max-width:600px){.uray-swatch{width:60px;flex-basis:60px}.uray-swatch-face{width:30px;height:30px;flex-basis:30px}.uray-swatch-label{font-size:11px;line-height:15px}}
