/* MC-FILE-HASH: e3db559e3abda675 */
.size-fit { margin: 14px 0; padding-top: 12px; border-top: 1px solid #e2e4e7; min-width: 0; }
.size-fit > h3 { margin: 0 0 10px; font-size: 0.8rem; font-weight: 600; color: #606b73; }
#content .size-fit .content-table { margin: 10px 0; }
#content .size-fit .content-table-scroll,
#content .size-fit table { border: 0; }
#content .size-fit table tr > :first-child { border-left: 0; }
#content .size-fit table tr > :last-child { border-right: 0; }
#content .size-fit table > :first-child > tr:first-child > :is(th,td) { border-top: 0; }
#content .size-fit table > :last-child > tr:last-child > :is(th,td) { border-bottom: 0; }
#content .size-fit table thead th { border-bottom: 1px solid #e2e4e7; }
#content .size-fit table,
#content .size-fit table :is(th,td) { font-size: 0.8rem; }
#content .size-fit table :is(th,td) { padding: 8px 10px; text-align: center; vertical-align: middle; overflow-wrap: normal; word-break: normal; -webkit-hyphens: auto; hyphens: auto; hyphenate-limit-chars: 6 3 3; }
.size-fit-open { padding: 4px 0; border: 0; background: transparent; color: var(--mutedforeground,#185c73); font: inherit; font-size: 0.8rem; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
button.size-fit-open:hover, button.size-fit-open:active { background: transparent; color: var(--sechighlight,#107a9e); text-decoration: none; }
.size-chart-modal { width: min(1080px,calc(100vw - 32px)); max-width: calc(100vw - 32px); max-height: 85dvh; padding: 20px; box-sizing: border-box; border: 1px solid #e2e4e7; border-radius: 16px; background: var(--background,#fcfdfe); color: var(--foreground,#24303a); box-shadow: 0 20px 60px #0003; }
.size-chart-modal::backdrop { background: #18232c80; }
.size-chart-modal-head { display: flex; gap: 16px; justify-content: space-between; align-items: center; }
.size-chart-modal-head h2 { margin: 0; font-size: 20px; }
.size-chart-modal-head button { flex: 0 0 44px; height: 44px; border: 0; border-radius: 50%; background: #eef0f2; color: inherit; font-size: 26px; cursor: pointer; }
#content .size-chart-selected > :is(th,td) { background: #edf4f7; box-shadow: inset 0 2px #bdd3dd, inset 0 -2px #bdd3dd; }
.size-fit-open:focus-visible,.size-chart-modal-head button:focus-visible { outline: 2px solid var(--highlight,#1397c3); outline-offset: 3px; }
.size-fit-actions { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 6px 16px; }
.size-fit-actions > .size-fit-open { flex: 0 1 auto; width: auto; max-width: 100%; margin: 0; text-align: left; }
.size-recommend-modal { width: min(620px,calc(100vw - 32px)); }
.size-recommend-fields { display: grid; grid-template-columns: minmax(0,1fr); gap: 14px; padding: 5px; }
.size-recommend-fields label { display: flex; flex-direction: column; gap: 6px; font-size: 14px; }
.size-recommend-fields input { box-sizing: border-box; width: 100%; min-width: 0; padding: 10px; border: 1px solid #cdd4da; border-radius: 8px; background: #fff; color: #24303a; font-size: 16px; }
.size-recommend-modal form > p { font-size: 13px; color: #606b73; }
.size-recommend-modal form > button { padding: 10px 14px; margin-block: 6px; border: 1px solid #cdd4da; border-radius: 8px; background: #eef2f4; color: #24303a; cursor: pointer; }
.size-recommend-modal form > button:disabled { opacity: .6; cursor: wait; }
.size-recommend-result { overflow-wrap: anywhere; font-size: 14px; }
.size-recommend-result > p { padding-block: 6px; }
.size-recommend-modal form { overflow: hidden; }
.size-fit-form-toggle { margin-bottom: 12px; }
.size-fit-choice { padding: 9px 16px; border: 1px solid #bdd3dd; border-radius: 8px; background: #edf4f7; color: inherit; font: inherit; font-weight: 600; cursor: pointer; }
.size-fit-choice:hover { background: #dfeaf0; }
.size-fit-choice:focus-visible { outline: 2px solid var(--highlight,#1397c3); outline-offset: 3px; }
@media(max-width:480px) { .size-recommend-fields { grid-template-columns: 1fr; } }
@media(max-width:760px) { .size-chart-modal { padding: 14px; border-radius: 12px; } .size-chart-modal-head h2 { font-size: 17px; } }