pocolette-size-chart{display:block;text-align:right}
.pocolette-chart-trigger{background:none;border:0;border-bottom:1px solid currentColor;padding:4px 0;color:inherit;font:inherit;font-size:11px;cursor:pointer;letter-spacing:.03em}
pocolette-size-chart dialog{color:#171717;background:#fff;border:0;padding:24px;width:min(680px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:85dvh;margin:auto;text-align:left;overflow:auto;box-shadow:0 12px 60px #0003}
pocolette-size-chart dialog::backdrop{background:#0006}
pocolette-size-chart header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
pocolette-size-chart h2{font-size:20px;margin:0}
.pocolette-chart-close{font-size:28px;line-height:1;background:none;border:0;cursor:pointer;min-width:44px;min-height:44px}
.pocolette-chart-units{display:inline-flex;border-radius:40px;background:#f0f0f0;padding:4px;margin-bottom:14px}
.pocolette-chart-units[hidden]{display:none}
.pocolette-chart-units button{border:0;background:transparent;border-radius:30px;padding:12px 19px;font:inherit;color:inherit;cursor:pointer}
.pocolette-chart-units button[aria-pressed="true"]{background:white;box-shadow:0 2px 6px #0002}
.pocolette-chart-content{overflow-x:auto}
.pocolette-chart-content table{border-collapse:collapse;width:100%;font-size:13px;margin:0}
.pocolette-chart-content th,.pocolette-chart-content td{padding:12px;border:0;border-bottom:1px solid #ddd;white-space:nowrap;text-align:center}
.pocolette-chart-content tr:first-child,.pocolette-chart-content tr>:first-child{background:#efefef;font-weight:600}
.pocolette-model-note{font-size:14px;margin:12px 0 0}
.pocolette-chart-editor-note{font-size:12px;opacity:.7}
variant-picker .variant-option--swatches .swatch{border-radius:50%;width:22px;height:22px;min-width:22px;min-height:22px}
variant-picker .variant-option--swatches .variant-option__button-label{border-radius:50%;padding:4px}
.pocolette-chart-trigger:focus-visible,.pocolette-chart-close:focus-visible,.pocolette-chart-units button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:500px){pocolette-size-chart dialog{padding:16px}.pocolette-chart-content th,.pocolette-chart-content td{padding:10px 8px}}