#MainContent variant-picker[data-krown-native-picker] .krown-variant-option--color{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(132px,1fr))!important;gap:9px!important;width:100%!important}#MainContent variant-picker[data-krown-native-picker] .krown-variant-option--color .variant-option__button-label{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important;min-height:50px!important;width:100%!important;padding:9px 13px!important;gap:9px!important;overflow:hidden!important;border:1px solid rgb(18 18 18 / .14)!important;border-radius:999px!important;background:#ffffff9e!important;color:#121212!important;box-shadow:inset 0 1px #ffffffe6,0 5px 18px #1212120e!important;backdrop-filter:blur(16px) saturate(115%);-webkit-backdrop-filter:blur(16px) saturate(115%);transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease!important}#MainContent variant-picker[data-krown-native-picker] .krown-variant-option--color .variant-option__button-label:before{display:none!important;content:none!important}#MainContent variant-picker[data-krown-native-picker] .krown-variant-color-accent{display:none!important}#MainContent variant-picker[data-krown-native-picker] .krown-variant-option--color .variant-option__button-label:hover{transform:translateY(-1px);background:#ffffffc7!important;border-color:#1212123d!important;box-shadow:inset 0 1px #fffffff2,0 8px 22px #12121213!important}#MainContent variant-picker[data-krown-native-picker] .krown-variant-option--color .variant-option__button-label:has(input:checked){background:#ffffffe6!important;color:#121212!important;border-color:var(--krown-color-token, rgb(18 18 18 / .42))!important;box-shadow:inset 0 1px #fffffffa,0 0 0 2px color-mix(in srgb,var(--krown-color-token, #121212) 18%,transparent),0 8px 24px #12121217!important}#MainContent variant-picker[data-krown-native-picker] .krown-variant-option--color .variant-option__button-label__text{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10px!important;line-height:1.1!important;font-weight:750!important;letter-spacing:.035em!important}#MainContent variant-picker[data-krown-native-picker] .krown-variant-option--color .krown-csv-color-chip{display:block!important;flex:0 0 20px!important;width:20px!important;height:20px!important;margin:0!important;border:1px solid rgba(18,18,18,.18)!important;border-radius:50%!important;background:var(--krown-color-token, currentColor)!important;box-shadow:inset 0 0 0 2px #ffffff57,0 1px 3px #1212121f!important}#MainContent variant-picker[data-krown-native-picker] .krown-selected-color-accent{display:flex!important;align-items:center;gap:8px;min-height:18px;margin:-3px 0 1px!important;padding:0 2px;color:#1212128a;font-size:7px;font-weight:850;letter-spacing:.12em;line-height:1;text-transform:uppercase}#MainContent variant-picker[data-krown-native-picker] .krown-selected-color-accent:before{content:"";display:block;flex:1 1 auto;min-width:32px;height:3px;border-radius:999px;background:var(--krown-selected-color-accent, currentColor);box-shadow:0 1px 3px #1212121f}#MainContent variant-picker[data-krown-native-picker] .krown-selected-color-accent:after{content:"";order:3;display:block;width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--krown-selected-color-accent-solid, currentColor);box-shadow:0 0 0 2px #ffffffb8}#MainContent variant-picker[data-krown-native-picker] .krown-selected-color-accent[hidden]{display:none!important}@media(max-width:749px){#MainContent variant-picker[data-krown-native-picker] .krown-variant-option--color{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}#MainContent variant-picker[data-krown-native-picker] .krown-variant-option--color .variant-option__button-label{min-height:48px!important;padding:8px 10px!important;gap:7px!important}#MainContent variant-picker[data-krown-native-picker] .krown-variant-option--color .krown-csv-color-chip{flex-basis:18px!important;width:18px!important;height:18px!important}#MainContent variant-picker[data-krown-native-picker] .krown-variant-option--color .variant-option__button-label__text{font-size:9px!important}}@media(prefers-reduced-motion:reduce){#MainContent variant-picker[data-krown-native-picker] .krown-variant-option--color .variant-option__button-label{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/krown-variant-color-map-v4.css.map */