.purchase-options{min-width:0;margin:0 0 14px;padding:0;border:0}.purchase-options legend{margin-bottom:9px;padding:0;font-size:13px;font-weight:500;line-height:1.4}.purchase-options__grid{display:flex;flex-wrap:wrap;gap:8px}.purchase-options .purchase-option{position:relative;display:flex;flex:1 1 calc(50% - 4px);min-width:min-content;max-width:100%;min-height:56px;align-items:center;gap:5px;padding:10px 34px 10px 12px;border-radius:999px;background:#fff;isolation:isolate;cursor:pointer;-webkit-tap-highlight-color:transparent}.purchase-options .purchase-option:before{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;border:1px solid #d9d9d9;border-radius:inherit;background:#fff;content:"";transition:border-color .22s ease,background-color .22s ease}.purchase-options .purchase-option:has(input:checked){color:#000}.purchase-options .purchase-option:has(input:checked):before{border-color:#000;background:#fff}.purchase-options .purchase-option:has(input:focus-visible){outline:1px solid #555;outline-offset:3px}.purchase-options .purchase-option input{position:absolute;width:1px;height:1px;opacity:0}.purchase-options .purchase-option__copy{display:grid;flex:1;min-width:min-content;gap:1px}.purchase-options .purchase-option__name{font-size:14px;font-weight:500;line-height:1.3;overflow-wrap:anywhere}.purchase-options .purchase-option--color .purchase-option__name{display:flex;align-items:center;gap:7px;white-space:nowrap}.purchase-options .purchase-option__name--swatch-set{display:flex;align-items:center;gap:9px}.purchase-options .purchase-option__swatch-pair{display:inline-flex;align-items:center;gap:5px}.purchase-options .purchase-option__price{font-size:14px;line-height:1;white-space:nowrap}.purchase-options .purchase-option__check{position:absolute;top:50%;right:10px;transform:translateY(-50%);display:grid;width:14px;height:14px;place-items:center;border:1px solid #d9d9d9;border-radius:50%;background:#fff;color:#fff;transition:none}.purchase-options .purchase-option__check svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.8;opacity:0}.purchase-options .purchase-option:has(input:checked) .purchase-option__check{border-color:#000;background:#000;color:#fff}.purchase-options .purchase-option:has(input:checked) .purchase-option__check svg{opacity:1}.purchase-options .purchase-option--set{flex-basis:100%;display:flex;min-height:74px;align-items:center;gap:14px;margin-top:9px}.purchase-options .purchase-option--set .purchase-option__copy{flex:1}.purchase-options .purchase-option__value{display:flex;flex-shrink:0;justify-self:end;align-items:flex-end;gap:var(--mia-price-pair-gap, 7px);line-height:1}.purchase-options .purchase-option__compare{color:#797e78;font-size:11px;line-height:1;white-space:nowrap;text-decoration-thickness:1px;text-decoration-color:#8c918a}.purchase-options .purchase-option__saving{position:absolute;top:0;right:12px;transform:translateY(-50%);display:inline-flex;min-height:28px;align-items:center;gap:8px;padding:5px 10px;border:1px solid #d9d9d9;border-radius:999px;background:#315f5b;color:#fff;font-family:var(--font-family);line-height:1;white-space:nowrap}.purchase-options .purchase-option__saving-label{padding-right:8px;border-right:1px solid rgb(255 255 255 / 35%);font-size:9px;font-weight:500;letter-spacing:.1em;line-height:14px;text-transform:uppercase}.purchase-options .purchase-option__saving-amount{font-size:14px;font-weight:500;line-height:1}@media(max-width:749px){.purchase-options .purchase-option__name{overflow-wrap:normal}.purchase-options .purchase-option:not(.purchase-option--set){gap:8px;padding-right:30px}.purchase-options .purchase-option--set{min-height:74px;margin-top:8px}}@media(max-width:359px){.purchase-options .purchase-option:not(.purchase-option--set){gap:5px;padding-left:8px;padding-right:24px}.purchase-options .purchase-option:not(.purchase-option--set) .purchase-option__check{right:6px}}@media(prefers-reduced-motion:reduce){.purchase-options .purchase-option:before,.purchase-options .purchase-option__check,.purchase-options .purchase-option__check svg{transition:none}}@media(prefers-contrast:more){.purchase-options .purchase-option:before{border-color:#686868}.purchase-options .purchase-option:has(input:checked):before{border-color:#111}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/purchase-options.css.map */
