.variant-editor{border:1px solid #dce1e7;border-radius:12px;padding:16px;margin:20px 0;min-width:0}.variant-editor legend{font-weight:700}.variant-editor p{font-size:13px;color:#646d79}.variant-editor label{display:flex;flex-direction:column;gap:6px;font-size:13px;min-width:0}.variant-editor input{width:100%;padding:10px;border:1px solid #d5dbe2;border-radius:8px;box-sizing:border-box}.variant-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:#f5f6f8;padding:14px;margin:14px 0;border-radius:10px}.variant-select{display:block;margin:18px 0;font-weight:650;font-size:14px}.variant-select select{display:block;width:100%;margin-top:8px;min-height:48px;padding:10px;border:1px solid #cbd1d8;border-radius:10px;background:white;font:inherit}.variant-note{font-size:12px;color:#69717a}@media(max-width:600px){.variant-row{grid-template-columns:1fr 1fr}.variant-row label:nth-child(n+5){grid-column:1/-1}}

.variant-select{border:0;padding:0;min-width:0}.variant-select legend{margin-bottom:10px;font-size:14px}.variant-choices{display:flex;flex-wrap:wrap;gap:8px}.variant-choice{flex:0 1 auto;min-width:90px;min-height:52px;max-width:100%;text-align:left;border:1px solid #dce1e7;background:#fff;border-radius:12px;padding:10px 14px;cursor:pointer;color:#20242b}.variant-choice strong,.variant-choice span{display:block;overflow-wrap:anywhere}.variant-choice span{font-size:12px;margin-top:4px;color:#68717c}.variant-choice.is-selected{border:2px solid #d71920;padding:9px 13px;background:#fff5f5}.variant-choice:disabled{opacity:.5;cursor:not-allowed}.variant-choice:focus-visible{outline:2px solid #20242b;outline-offset:3px}.variant-editor{background:#fff}.variant-row{border:1px solid #e3e6eb;background:#fafbfc}.variant-row label:first-child{grid-column:1/-1}.variant-editor p{line-height:1.5}.variant-row [data-remove]{color:#a71920;justify-self:start;min-height:40px}

.variant-extra{grid-column:1/-1}.variant-extra summary{font-size:13px;cursor:pointer;color:#5b6470;padding:6px 0}.variant-extra label{margin-top:10px}.variant-row>label:first-child{grid-column:1/-1}