.io-size-field{display:flex;align-items:flex-start;gap:6px;border-bottom:1px solid #e9edf1;padding:7px 0 6px;margin:0}
.io-size-label{flex:0 0 32px;font-size:12px;line-height:24px;color:#8792a2}
.io-size-area{flex:1;min-width:0}
.io-size-editor{border:1px solid #b3d8ff;border-radius:5px;background:#f8fbff;padding:4px;display:flex;flex-direction:column;gap:4px;min-height:52px;box-sizing:border-box}
.io-size-editor:focus-within{border-color:#409eff}
.io-size-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%}
.io-size-chip{display:flex;align-items:center;gap:3px;min-width:0;box-sizing:border-box;border:1px solid #b3d8ff;border-radius:4px;background:#ecf5ff;color:#337ecc;padding:0 3px}
.io-size-chip.io-size-wide{grid-column:1/-1}
.io-size-chip.io-size-editing{border-color:#e6b74e;background:#fff3cd}
.io-size-chip .io-size-edit,.io-size-chip .io-size-remove{border:0;background:transparent;color:inherit;box-shadow:none;margin:0;padding:0;cursor:pointer;font-family:inherit;font-weight:400}
.io-size-chip .io-size-edit{flex:1;min-width:0;font-size:12px;line-height:20px;text-align:center;white-space:normal;overflow-wrap:anywhere}
.io-size-chip .io-size-remove{flex:0 0 10px;width:10px;min-width:10px;font-size:14px;line-height:20px;color:#84a7c7}
.io-size-chip .io-size-remove:hover{color:#f56c6c}
.io-size-chip button:disabled{cursor:default;opacity:.7}
.io-form .io-size-input{flex:none!important;width:100%!important;min-width:0!important;height:22px!important;min-height:22px!important;box-sizing:border-box;background:transparent!important;border:0!important;padding:0 2px!important;margin:0!important;box-shadow:none!important;font-family:inherit;font-size:12px!important;line-height:20px!important;color:#344054}
.io-form .io-size-input:focus{outline:0!important}
.io-size-total{font-size:10px;line-height:17px;color:#8a98a8;margin-top:3px}
.io-size-editor.io-size-invalid{border-color:#f56c6c}
.io-size-error{font-size:11px;line-height:16px;color:#d95454;margin-top:3px;overflow-wrap:anywhere}
.io-form{container-type:inline-size}
@container(max-width:145px){.io-size-field{flex-direction:column;gap:3px}.io-size-label{flex-basis:auto;line-height:16px}.io-size-area{width:100%}}