.visual-variant-picker__static-icon{display:flex;align-items:center;justify-content:center;width:100%;min-height:72px;margin:5px auto 10px}.visual-variant-picker__static-icon svg{display:block;width:auto;max-width:100%;height:56px}.visual-variant-picker{width:100%;border:1px solid #ddd3cd;border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.visual-variant-picker__value-card{height:auto}.visual-variant-picker__tabs{display:grid;grid-template-columns:repeat(var(--visual-option-count),minmax(120px,1fr));overflow-x:auto}.visual-variant-picker__tab{position:relative;margin:0;padding:12px 4px 10px;border:0;border-right:1px solid #ddd3cd;border-radius:0;background:#4745461c;color:#433f3d;cursor:pointer;font-family:var(--typeBasePrimary),var(--typeBaseFallback);text-align:center;-webkit-appearance:none;appearance:none;box-shadow:none}.visual-variant-picker__tab:last-child{border-right:0}.visual-variant-picker__tab:hover,.visual-variant-picker__tab.is-active{background:#47454630}.visual-variant-picker__tab-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 5px}.visual-variant-picker__tab-icon svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.visual-variant-picker__tab-name{display:block;margin-bottom:5px;font-size:14px;line-height:1.25;font-weight:500}.visual-variant-picker__tab-value{display:block;max-width:100%;overflow:hidden;color:#665f5b;font-size:11px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.visual-variant-picker__panels{padding:22px 14px}.visual-variant-picker__panel[hidden]{display:none!important}.visual-variant-picker__values{display:grid;grid-template-columns:repeat(5,minmax(94px,1fr));gap:8px;max-height:405px;margin:0;overflow-y:auto;border:0;scrollbar-width:none}.visual-variant-picker__choice{position:relative;display:block;margin:0}.visual-variant-picker__radio{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important;opacity:0!important}.visual-variant-picker__value-card{display:flex!important;flex-direction:column;width:100%!important;min-height:130px;margin:0!important;border:2px solid #F2E8E0!important;border-radius:6px!important;background:transparent!important;color:#474546!important;text-align:center;box-shadow:0 1px 3px #0000000a!important;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;padding:0!important}.visual-variant-picker__value-card:before,.visual-variant-picker__value-card:after{display:none!important}.visual-variant-picker__value-card:hover{border-color:#474546!important}.visual-variant-picker__radio:checked+.visual-variant-picker__value-card{border:2px solid #474546!important}.visual-variant-picker__image{overflow:hidden}.visual-variant-picker__image img{display:block;width:100%;height:100%;object-fit:cover;min-height:80px}.visual-variant-picker__value-name{padding:6px!important;font-size:13px;line-height:1.35;font-weight:400;text-transform:none;letter-spacing:0}.visual-variant-picker__check{position:absolute;z-index:0;top:6px;right:6px;display:none;align-items:center;justify-content:center;width:23px;height:23px;border-radius:50%;background:#474546;color:#fff}.visual-variant-picker__check svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.visual-variant-picker__radio:checked+.visual-variant-picker__value-card .visual-variant-picker__check{display:flex}.visual-variant-picker__value-card--text-only{justify-content:center;min-height:105px}.visual-variant-picker__fallback-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;margin:5px auto 10px;color:#746d69}.visual-variant-picker__fallback-icon svg{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.visual-variant-picker__swatch{display:block;width:72px;height:72px;margin:7px auto 12px;border:1px solid #ddd;border-radius:50%}.visual-variant-picker__radio.disabled+.visual-variant-picker__value-card,.visual-variant-picker__value-card.disabled{opacity:.42}.visual-variant-picker__radio.disabled+.visual-variant-picker__value-card:after,.visual-variant-picker__value-card.disabled:after{content:"";position:absolute;top:50%;left:10%;display:block!important;width:80%;height:1px;background:currentColor;transform:rotate(-18deg)}.visual-variant-picker__values::-webkit-scrollbar{width:6px}.visual-variant-picker__values::-webkit-scrollbar-track{background:#f1ece8;border-radius:10px}.visual-variant-picker__values::-webkit-scrollbar-thumb{background:#bfb4ad;border-radius:10px}@media screen and (max-width:1100px){.visual-variant-picker__values{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (max-width:900px){.visual-variant-picker__values{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:749px){.visual-variant-picker{border-radius:10px}.visual-variant-picker__tabs{grid-template-columns:repeat(var(--visual-option-count),minmax(105px,1fr))}.visual-variant-picker__tab{min-width:105px;min-height:100px;padding:10px 7px}.visual-variant-picker__tab-icon svg{width:35px;height:35px}.visual-variant-picker__tab-name{font-size:12px}.visual-variant-picker__tab-value{font-size:10px}.visual-variant-picker__panels{padding:10px 6px}.visual-variant-picker__values{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:430px;padding:0 2px 3px}.visual-variant-picker__value-card{min-height:140px}.visual-variant-picker__value-name{min-height:32px;font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/custom-visual-grid.css.map */