.va-native-variant-picker{background:transparent;border:0;border-top:1px solid #e0d8ce;border-radius:0;box-shadow:none;padding:10px 0 0;color:#40362e;gap:10px!important}.va-native-variant-picker .variant-picker__option{min-width:0;gap:6px!important}.va-native-variant-picker .variant-picker__option-info{align-items:center;gap:8px}.va-native-variant-picker .va-native-option-heading{display:flex;width:100%;min-width:0;flex-wrap:wrap;align-items:baseline;justify-content:space-between;column-gap:8px;row-gap:2px}.va-native-variant-picker .va-native-option-heading legend{float:none;margin:0;padding:0;color:#403429;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;letter-spacing:.012em}.va-native-variant-picker .va-native-selected-frame{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;color:#88715a;font-family:inherit;font-size:11px;line-height:1.3}.va-native-variant-picker .va-native-selected-frame:before{content:"Selected:";margin-right:4px;color:#8c8072}.va-native-variant-picker .va-native-size-option .select{box-sizing:border-box;display:flex;width:100%;min-height:42px;padding:8px 12px;align-items:center;border:1px solid #dad2c6;border-radius:4px;background:#fdfbf8;box-shadow:none;color:#3d352e;font-family:inherit;font-size:12.5px;font-weight:500;line-height:1.35;text-align:left;transition:border-color .15s,background-color .15s}.va-native-variant-picker .va-native-size-option .select svg{margin-inline-start:auto;color:#897259}.va-native-variant-picker .va-native-size-option .select:hover{border-color:#ae967e;background:#fff}.va-native-variant-picker .va-native-size-option .select:focus-visible{outline:2px solid #9b8268;outline-offset:2px}.va-native-variant-picker .va-native-frame-option{border-top:1px solid #e7dfd5;padding-top:9px}.va-native-variant-picker .va-native-frame-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;min-width:0;align-items:stretch}.va-native-variant-picker .va-frame-radio{position:absolute;width:1px;height:1px;opacity:0}.va-native-variant-picker .va-frame-card{box-sizing:border-box;position:relative;display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:flex-start;padding:2px 2px 4px;cursor:pointer;border:1px solid #e5ded4;border-radius:4px;background:#fbfaf7;color:#574638;box-shadow:none;text-align:center;transition:border-color .15s,background-color .15s}.va-native-variant-picker .va-frame-card__visual{display:block;width:100%;height:auto;aspect-ratio:1 / 1;border:0;border-radius:3px;overflow:hidden;background:#f6f3ed}.va-native-variant-picker .va-frame-card__visual img{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:normal}.va-native-variant-picker .va-frame-card__fallback{display:block;width:75%;height:75%;margin:12.5%;border:4px ridge #b1a08d;background:#ede6da}.va-native-variant-picker .va-frame-card__title{display:block;width:100%;min-width:0;margin-top:2px;color:inherit;font-family:inherit;font-size:9.5px;font-weight:500;line-height:1.16;overflow-wrap:normal;word-break:normal;text-wrap:balance}.va-native-variant-picker .va-frame-radio:checked+.va-frame-card{border-color:#8e765e;background:#f2ebe2;box-shadow:0 0 0 1px #8e765e;color:#3c2e22}.va-native-variant-picker .va-frame-radio:checked+.va-frame-card:after{content:"\2713";position:absolute;right:3px;top:3px;display:flex;align-items:center;justify-content:center;width:13px;height:13px;border-radius:50%;background:#876c51;color:#fff;font:700 9px/1 Arial,sans-serif;box-shadow:0 1px 3px #0000001f}.va-native-variant-picker .va-frame-radio:focus-visible+.va-frame-card{outline:2px solid #90745a;outline-offset:3px}.va-native-variant-picker .va-frame-card--unavailable{opacity:.44;cursor:not-allowed}@media(hover:hover){.va-native-variant-picker .va-frame-radio:not(:disabled)+.va-frame-card:hover{border-color:#ae9680;background:#f4eee6}}@media(max-width:699px){.va-native-variant-picker{padding-top:10px;gap:10px!important}.va-native-variant-picker .variant-picker__option{gap:6px!important}.va-native-variant-picker .va-native-option-heading legend{font-size:12.5px}.va-native-variant-picker .va-native-selected-frame{font-size:10.5px}.va-native-variant-picker .va-native-selected-frame:before{content:"";margin-right:0}.va-native-variant-picker .va-native-size-option .select{min-height:40px;padding:8px 10px;font-size:12px}.va-native-variant-picker .va-native-frame-option{padding-top:9px}.va-native-variant-picker .va-native-frame-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.va-native-variant-picker .va-frame-card{padding:2px 2px 4px;border-radius:4px}.va-native-variant-picker .va-frame-card__title{font-size:9.5px;line-height:1.15;margin-top:2px}}@media(min-width:480px)and (max-width:699px){.va-native-variant-picker .va-native-frame-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:359px){.va-native-variant-picker .va-native-frame-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}}@media(prefers-reduced-motion:reduce){.va-native-variant-picker .va-frame-card,.va-native-variant-picker .va-native-size-option .select{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/viarte-native-variants.css.map */