.variant-picker .mk-variant-field{display:block;position:relative;width:min(400px,100%);margin:0 0 16px;font:400 14px/18px Arial,Helvetica,sans-serif;letter-spacing:0;color:#222;text-align:left}.mk-variant-field:has([aria-expanded=true]){z-index:20}.mk-variant-field .mk-variant-label{display:block;margin:0 0 8px;font:inherit;color:inherit}.mk-variant-native{width:100%;height:37px;border:1px solid #888;background:#fff;color:#222;font:inherit}.mk-variant-custom{display:none}mk-variant-dropdown:defined .mk-variant-native{display:none}mk-variant-dropdown:defined .mk-variant-custom{display:block}.mk-variant-field .mk-variant-trigger{-webkit-appearance:none;appearance:none;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:37px;height:37px;padding:0 11px;margin:0;border:1px solid #888;border-radius:0;background:#fff;box-shadow:none;color:#222;font:inherit;letter-spacing:0;text-transform:none;text-align:left;cursor:pointer}.mk-variant-value{display:flex;align-items:center;gap:8px;min-width:0}.mk-variant-swatch{flex:0 0 24px;display:block;width:24px;height:24px;border-radius:0;overflow:hidden;background:#dedbd5}.mk-variant-swatch img,.mk-variant-swatch>span{display:block;width:100%;height:100%;object-fit:cover}.mk-variant-chevron{flex:0 0 14px;width:14px;height:8px;margin-left:12px}[aria-expanded=true] .mk-variant-chevron{transform:rotate(180deg)}.mk-variant-list{position:absolute;top:100%;left:0;width:100%;max-height:min(288px,50vh);overflow-y:auto;z-index:21;padding:8px 0;border:1px solid #ccc;border-top:0;background:#fff;box-shadow:0 7px 12px #0004}.mk-variant-list[hidden]{display:none}.mk-variant-field .mk-variant-choice{-webkit-appearance:none;appearance:none;display:flex;align-items:center;width:100%;min-height:32px;margin:0;padding:4px 10px;border:0;border-radius:0;background:#fff;color:#222;font:inherit;letter-spacing:0;text-transform:none;text-align:left;cursor:pointer}.mk-variant-field .mk-variant-choice[aria-selected=true],.mk-variant-field .mk-variant-choice:hover,.mk-variant-field .mk-variant-choice:focus-visible{background:#666;color:#fff;outline:none}.mk-variant-trigger:focus-visible{outline:2px solid #444;outline-offset:2px}@media(prefers-reduced-motion:reduce){.mk-variant-chevron{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/mk-variant-dropdown.css.map */