.sugar-size-chart{margin-top:var(--szc-mt);margin-bottom:var(--szc-mb);width:100%;--szc-fs: var(--szc-fs-d);--szc-pv: var(--szc-pv-d);--szc-ph: var(--szc-ph-d)}.sugar-size-chart .sugar-size-chart__wrapper{width:100%}.sugar-size-chart--scroll .sugar-size-chart__wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.sugar-size-chart .sugar-size-chart__table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--szc-fs);text-align:var(--szc-align)}.sugar-size-chart--scroll .sugar-size-chart__table{min-width:var(--szc-min-w)}.sugar-size-chart .sugar-size-chart__table th,.sugar-size-chart .sugar-size-chart__table td{padding:var(--szc-pv) var(--szc-ph)}.sugar-size-chart--borders .sugar-size-chart__table th,.sugar-size-chart--borders .sugar-size-chart__table td{border-bottom:var(--szc-bw) solid var(--szc-border, rgba(var(--color-foreground), .16));border-right:var(--szc-bw) solid var(--szc-border, rgba(var(--color-foreground), .16))}.sugar-size-chart--borders .sugar-size-chart__table th:first-child,.sugar-size-chart--borders .sugar-size-chart__table td:first-child{border-left:var(--szc-bw) solid var(--szc-border, rgba(var(--color-foreground), .16))}.sugar-size-chart--borders .sugar-size-chart__table thead th{border-top:var(--szc-bw) solid var(--szc-border, rgba(var(--color-foreground), .16))}.sugar-size-chart .sugar-size-chart__table thead th{background:var(--szc-head-bg);color:var(--szc-head-color, rgb(var(--color-foreground)));font-weight:var(--szc-head-w);--sw-bold: max(var(--szc-head-w), var(--font-body-weight-bold, 700))}.sugar-size-chart .sugar-size-chart__table thead th .sugar-size-chart__unit,.sugar-size-chart .sugar-size-chart__table tbody td .sugar-size-chart__unit{font-weight:400;opacity:.7;font-size:.85em}.sugar-size-chart .sugar-size-chart__table tbody td{background:var(--szc-body-bg);color:var(--szc-body-color)}.sugar-size-chart .sugar-size-chart__table tbody td:first-child{font-weight:var(--szc-size-w);--sw-bold: max(var(--szc-size-w), var(--font-body-weight-bold, 700));background:var(--szc-size-bg);color:var(--szc-size-color)}.sugar-size-chart--striped .sugar-size-chart__table tbody tr:nth-child(2n) td{background:var(--szc-stripe)}.sugar-size-chart--striped .sugar-size-chart__table tbody tr:nth-child(2n) td:first-child{background:var(--szc-size-bg)}.sugar-size-chart--rounded .sugar-size-chart__wrapper{border-radius:var(--szc-r);overflow:hidden}.sugar-size-chart--rounded.sugar-size-chart--scroll .sugar-size-chart__wrapper{overflow-x:auto;overflow-y:hidden}.sugar-size-chart--rounded .sugar-size-chart__table{border-radius:var(--szc-r)}.sugar-size-chart--rounded .sugar-size-chart__table thead th:first-child{border-top-left-radius:var(--szc-r)}.sugar-size-chart--rounded .sugar-size-chart__table thead th:last-child{border-top-right-radius:var(--szc-r)}.sugar-size-chart--rounded .sugar-size-chart__table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--szc-r)}.sugar-size-chart--rounded .sugar-size-chart__table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--szc-r)}.sugar-size-chart .sugar-size-chart__unit-toggle{display:flex;justify-content:var(--szc-toggle-align);align-items:center;gap:0;margin-bottom:8px}.sugar-size-chart--segmented-full .sugar-size-chart__unit-toggle{width:100%}.sugar-size-chart--segmented-full .sugar-size-chart__unit-btn{flex:1}.sugar-size-chart--segmented .sugar-size-chart__unit-btn{padding:6px 14px;border:1px solid var(--szc-toggle-border);background:transparent;font-size:var(--szc-toggle-fs);cursor:pointer;transition:background .2s ease,color .2s ease;color:inherit}.sugar-size-chart--segmented .sugar-size-chart__unit-btn:first-child{border-radius:var(--szc-toggle-r) 0 0 var(--szc-toggle-r)}.sugar-size-chart--segmented .sugar-size-chart__unit-btn:last-child{border-radius:0 var(--szc-toggle-r) var(--szc-toggle-r) 0;border-left:none}.sugar-size-chart--segmented .sugar-size-chart__unit-btn.is-active{background:var(--szc-toggle-active-bg);color:var(--szc-seg-active-text, rgb(var(--color-background)))}.sugar-size-chart--pill .sugar-size-chart__pill-track{display:inline-flex;padding:4px;border-radius:var(--szc-toggle-r);background:var(--szc-toggle-border)}.sugar-size-chart--pill .sugar-size-chart__unit-btn{padding:6px 22px;border:0;border-radius:max(0px,calc(var(--szc-toggle-r) - 4px));background:transparent;color:inherit;opacity:.7;font-size:var(--szc-toggle-fs);cursor:pointer;transition:background .2s ease,opacity .2s ease}.sugar-size-chart--pill .sugar-size-chart__unit-btn.is-active{background:var(--szc-toggle-active-bg);color:var(--szc-seg-active-text, rgb(var(--color-foreground)));opacity:1}.sugar-size-chart--minimal .sugar-size-chart__unit-toggle{gap:var(--szc-min-gap)}.sugar-size-chart--minimal .sugar-size-chart__unit-btn{padding:0;border:none;background:transparent;font-size:var(--szc-toggle-fs);cursor:pointer;transition:color .2s ease,opacity .2s ease;color:var(--szc-inactive, inherit);opacity:var(--szc-inactive-op);font-weight:400}.sugar-size-chart--minimal .sugar-size-chart__unit-btn.is-active{color:var(--szc-toggle-active-text);opacity:1;font-weight:var(--szc-min-active-w);--sw-bold: max(var(--szc-min-active-w), var(--font-body-weight-bold, 700))}.sugar-size-chart--minimal .sugar-size-chart__unit-divider{width:var(--szc-div-w);height:1em;background:var(--szc-div-bg, currentColor);opacity:var(--szc-div-op)}.sugar-size-chart--switch .sugar-size-chart__unit-toggle{gap:10px}.sugar-size-chart--switch .sugar-size-chart__switch-label{font-size:var(--szc-toggle-fs);cursor:pointer;transition:opacity .2s ease;color:var(--szc-inactive, inherit);opacity:var(--szc-inactive-op)}.sugar-size-chart--switch .sugar-size-chart__switch-label.is-active{color:var(--szc-toggle-active-text);opacity:1;font-weight:500}.sugar-size-chart--switch .sugar-size-chart__switch{position:relative;width:var(--szc-sw-w);height:var(--szc-sw-h);border-radius:var(--szc-sw-h);background:var(--szc-track, rgba(var(--color-foreground), .15));cursor:pointer;transition:background .2s ease;border:none;padding:0}.sugar-size-chart--switch .sugar-size-chart__switch.is-active{background:var(--szc-track-active)}.sugar-size-chart--switch .sugar-size-chart__switch-knob{position:absolute;top:2px;left:2px;width:calc(var(--szc-sw-h) - 4px);height:calc(var(--szc-sw-h) - 4px);border-radius:50%;background:var(--szc-knob, rgb(var(--color-background)));transition:transform .2s ease;pointer-events:none}.sugar-size-chart--switch .sugar-size-chart__switch.is-active .sugar-size-chart__switch-knob{transform:translate(calc(var(--szc-sw-w) - var(--szc-sw-h)))}@media screen and (max-width:749px){.sugar-size-chart{--szc-fs: var(--szc-fs-m);--szc-pv: var(--szc-pv-m);--szc-ph: var(--szc-ph-m)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/block-size-chart.css.map */