/* Only the added size chart and its option heading are styled. */
cp-size-chart.cp-size-chart{display:contents}
.cp-size-chart__legend,.cp-size-chart__option-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%}
.cp-size-chart__option-heading>.form__label{margin-right:0}
.product-form__input:has(>.cp-size-chart__legend),.product-form__input:has(>.cp-size-chart__option-heading){max-width:100%}
.cp-size-chart__trigger{appearance:none;box-sizing:border-box;align-items:center;justify-content:center;flex-shrink:0;margin:0 0 0 auto;max-width:100%;cursor:pointer;line-height:1.5;text-underline-offset:3px;letter-spacing:normal;border:1px solid transparent}
.cp-size-chart__trigger:focus-visible,.cp-size-chart__close:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.cp-size-chart__standalone{width:100%}
.cp-size-chart__standalone .cp-size-chart__trigger{margin-inline:0}
.cp-size-chart__dialog{box-sizing:border-box;position:fixed;inset:0;margin:auto;max-width:calc(100vw - 24px);border:0;overflow:auto;overscroll-behavior:contain;box-shadow:0 16px 60px #0003}
.cp-size-chart__dialog:not([open]){display:none}
.cp-size-chart__dialog::backdrop{background:rgba(0,0,0,.52)}
html:has(.cp-size-chart__dialog[open]){overflow:hidden}
.cp-size-chart__panel{position:relative;min-width:0}
.cp-size-chart__header{display:flex;align-items:flex-start;gap:12px;margin:0 0 var(--cp-sc-content-gap);padding:0}
.cp-size-chart__title{flex:1;min-width:0;margin:0!important;font-weight:700!important;line-height:1.12!important;letter-spacing:.015em!important;overflow-wrap:anywhere}
.cp-size-chart__close{appearance:none;flex:none;display:grid;place-items:center;width:36px;height:36px;padding:0;margin:-4px -4px 0 0;cursor:pointer;border:0;background:transparent;color:inherit;font:32px/1 Arial,sans-serif}
.cp-size-chart__content{display:flex;flex-direction:column;gap:var(--cp-sc-content-gap)}
.cp-size-chart__text{line-height:1.6!important;overflow-wrap:anywhere}
.cp-size-chart__text>*:first-child{margin-top:0}
.cp-size-chart__text>*:last-child{margin-bottom:0}
.cp-size-chart__picture{display:block;align-self:center;max-width:100%}
.cp-size-chart__image{display:block;width:100%;height:auto!important;max-width:100%;object-fit:contain}
@media(prefers-reduced-motion:reduce){.cp-size-chart__dialog,.cp-size-chart__trigger{transition:none}}

@media (min-width:750px){
.cp-size-chart__trigger{display:var(--cp-sc-display-d);font-size:var(--cp-sc-button-size-d)!important;font-family:var(--cp-sc-button-font-d)!important;font-weight:var(--cp-sc-button-weight-d)!important;color:var(--cp-sc-button-color-d)!important;background:var(--cp-sc-button-bg-d)!important;border-color:var(--cp-sc-button-border-d)!important;border-radius:var(--cp-sc-button-radius-d)!important;width:var(--cp-sc-button-width-mode-d)!important;min-height:var(--cp-sc-button-height-d)!important;padding:var(--cp-sc-button-pad-y-d) var(--cp-sc-button-pad-x-d)!important;text-decoration:var(--cp-sc-button-decoration-d)!important}
.cp-size-chart__standalone{text-align:var(--cp-sc-button-align-d)}
.cp-size-chart__dialog{--cp-sc-content-gap:var(--cp-sc-content-gap-d);width:var(--cp-sc-popup-width-d);max-height:var(--cp-sc-popup-height-d);padding:var(--cp-sc-popup-padding-d);border-radius:var(--cp-sc-popup-radius-d);background:var(--cp-sc-popup-bg-d);color:var(--cp-sc-popup-color-d);font-family:var(--font-body-family)}
.cp-size-chart__title{font-size:var(--cp-sc-title-size-d)!important;font-family:var(--cp-sc-title-font-d)!important;text-align:var(--cp-sc-title-align-d)!important;color:var(--cp-sc-popup-color-d)!important}
.cp-size-chart__text,.cp-size-chart__text :is(p,li,a){font-size:var(--cp-sc-body-size-d)!important;color:var(--cp-sc-popup-color-d)!important;font-family:var(--font-body-family)!important}
.cp-size-chart__picture{width:var(--cp-sc-image-width-d)}
}

@media (max-width:749px){
.cp-size-chart__trigger{display:var(--cp-sc-display-m);font-size:var(--cp-sc-button-size-m)!important;font-family:var(--cp-sc-button-font-m)!important;font-weight:var(--cp-sc-button-weight-m)!important;color:var(--cp-sc-button-color-m)!important;background:var(--cp-sc-button-bg-m)!important;border-color:var(--cp-sc-button-border-m)!important;border-radius:var(--cp-sc-button-radius-m)!important;width:var(--cp-sc-button-width-mode-m)!important;min-height:var(--cp-sc-button-height-m)!important;padding:var(--cp-sc-button-pad-y-m) var(--cp-sc-button-pad-x-m)!important;text-decoration:var(--cp-sc-button-decoration-m)!important}
.cp-size-chart__standalone{text-align:var(--cp-sc-button-align-m)}
.cp-size-chart__dialog{--cp-sc-content-gap:var(--cp-sc-content-gap-m);width:var(--cp-sc-popup-width-m);max-height:var(--cp-sc-popup-height-m);padding:var(--cp-sc-popup-padding-m);border-radius:var(--cp-sc-popup-radius-m);background:var(--cp-sc-popup-bg-m);color:var(--cp-sc-popup-color-m);font-family:var(--font-body-family)}
.cp-size-chart__title{font-size:var(--cp-sc-title-size-m)!important;font-family:var(--cp-sc-title-font-m)!important;text-align:var(--cp-sc-title-align-m)!important;color:var(--cp-sc-popup-color-m)!important}
.cp-size-chart__text,.cp-size-chart__text :is(p,li,a){font-size:var(--cp-sc-body-size-m)!important;color:var(--cp-sc-popup-color-m)!important;font-family:var(--font-body-family)!important}
.cp-size-chart__picture{width:var(--cp-sc-image-width-m)}
}

.cp-size-chart__legend>.cp-size-chart__trigger,.cp-size-chart__option-heading>.cp-size-chart__trigger{max-width:70%;white-space:normal;overflow-wrap:anywhere}

.cp-size-chart__option-label{min-width:0;overflow-wrap:anywhere}
