mas-variant-dropdown{display:none;color:#104573;font-family:inherit}
mas-variant-dropdown[data-ready]{display:block}
hdt-variant-picker[data-mas-dropdown-active]{display:none!important}
mas-variant-dropdown [hidden]{display:none!important}
.mas-vd-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin:0 0 8px}
.mas-vd-label{margin:0;font-size:15px;font-weight:700}
.mas-vd-context{margin:0 0 10px;font-size:13px;line-height:1.45;color:#516e83}
.mas-vd-trigger{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;margin:0;padding:13px 15px;border:1px solid #008474;border-radius:10px;background:#fff;color:#104573;text-align:left;font:inherit;cursor:pointer}
.mas-vd-selected-swatch{display:flex;flex:0 0 24px}
.mas-vd-swatch{display:block;flex:0 0 24px;width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 1px #163e641f;overflow:hidden}
.mas-vd-swatch img{display:block;width:100%;height:100%;object-fit:cover}
.mas-vd-selected-name{flex:1;min-width:0;font-size:16px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.mas-vd-selected-price{flex-shrink:0;white-space:nowrap;font-size:14px;font-weight:600}
.mas-vd-chevron{flex:0 0 18px}
.mas-vd-trigger[aria-expanded=true]{border-radius:10px 10px 0 0}
.mas-vd-trigger[aria-expanded=true] .mas-vd-chevron{transform:rotate(180deg)}
.mas-vd-panel{padding:10px 8px 8px;border:1px solid #c9dfe6;border-top:0;border-radius:0 0 10px 10px;background:white}
.mas-vd-search-wrap{position:relative;margin:0 2px 8px}
.mas-vd-search-wrap>svg{position:absolute;left:13px;top:13px;fill:none;stroke:#56758a;stroke-width:1.7;pointer-events:none}
.mas-vd-search-wrap input{display:block;width:100%;height:44px;min-height:44px;margin:0;padding:9px 12px 9px 40px;border:1px solid #d5e5eb;border-radius:8px;background:#f4f8fb;font:inherit;font-size:16px;color:#104573;box-shadow:none}
.mas-vd-scroll{max-height:272px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9bb6c4 #f3f8fa;scrollbar-gutter:stable}
.mas-vd-options{display:flex;flex-direction:column;gap:2px}
.mas-vd-option{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;margin:0;padding:10px;border:0;border-radius:7px;background:white;color:#104573;text-align:left;font:inherit;font-size:14px;line-height:1.4;cursor:pointer}
.mas-vd-option:hover{background:#f1f7fa}
.mas-vd-option[aria-selected=true]{background:#eaf7f3}
.mas-vd-option-copy{display:flex;flex:1;min-width:0;flex-direction:column;overflow-wrap:anywhere}
.mas-vd-option-copy small{color:#79616a;font-size:12px}
.mas-vd-option-price{flex-shrink:0;white-space:nowrap;font-size:13px}
.mas-vd-option-check{display:grid;place-items:center;flex:0 0 19px;width:19px;height:19px;border-radius:50%;color:#fff;background:#008474;font-size:12px;visibility:hidden}
.mas-vd-option[aria-selected=true] .mas-vd-option-check{visibility:visible}
.mas-vd-option:disabled{cursor:not-allowed;color:#77848c;background:#f7f9fa}
.mas-vd-hint{font-size:12px;line-height:1.5;color:#516e83}
.mas-vd-empty{margin:0;padding:16px 10px;color:#516e83;font-size:14px;line-height:1.5}
.mas-vd-error{margin:8px 10px;color:#a12a32;font-size:13px}
.mas-vd-trigger:focus-visible{outline:3px solid #1c7895;outline-offset:3px}
.mas-vd-panel :is(button,input):focus-visible{outline:2px solid #1c7895;outline-offset:-2px}
@media(max-width:374px){.mas-vd-trigger{gap:8px;padding:12px 10px}.mas-vd-selected-name{font-size:14px}.mas-vd-selected-price{font-size:12px}.mas-vd-swatch{flex-basis:20px;width:20px;height:20px}.mas-vd-selected-swatch{flex-basis:20px}.mas-vd-option{gap:7px;padding:10px 7px}}