.paragon-size-guide__trigger{color:var(--color-foreground);font-family:var(--font-body--family);font-size:.8125rem;font-weight:500;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:44px;padding:0 2px}.variant-option--buttons:has(.paragon-size-guide__trigger) legend{width:100%;margin-bottom:0}.paragon-size-guide__option-label{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.paragon-size-guide__dialog.dialog-modal{top:0;right:0;bottom:0;left:0;margin:auto;height:fit-content;width:min(940px,calc(100vw - 32px));max-width:940px;max-height:calc(100dvh - 32px);padding:32px;border:0;border-radius:8px;background:var(--color-background, white);color:var(--color-foreground, #505050);font-family:var(--font-body--family);overflow-y:auto}.paragon-size-guide__dialog.dialog-modal[open]{animation:paragon-size-guide-enter var(--animation-speed) var(--animation-easing) both}.paragon-size-guide__dialog.dialog-modal.dialog-closing{animation:paragon-size-guide-exit var(--animation-speed) var(--animation-easing) both}@keyframes paragon-size-guide-enter{0%{opacity:0}to{opacity:1}}@keyframes paragon-size-guide-exit{0%{opacity:1}to{opacity:0}}.paragon-size-guide__header,.paragon-size-chart__toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.paragon-size-guide__header h2{margin:0;font-size:clamp(24px,3vw,36px)}.paragon-size-guide__close{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--color-primary);cursor:pointer}.paragon-size-guide__close svg{width:14px;height:14px}.paragon-size-guide__intro,.paragon-size-guide__help{font-size:14px;line-height:1.6}.paragon-size-guide__help a{text-decoration:underline}.paragon-size-chart{display:block;margin-top:24px}.paragon-size-chart+.paragon-size-chart{padding-top:24px;border-top:1px solid #b7c0f4}.paragon-size-chart__toolbar h3{margin:0;font-size:18px;font-weight:600;color:var(--color-primary-button-background, #0068ff)}.paragon-size-chart__units{display:inline-flex;border:1px solid #b7c0f4;border-radius:6px;overflow:hidden}.paragon-size-chart__units[hidden]{display:none}.paragon-size-chart__units button{border:0;background:transparent;color:inherit;min-width:48px;min-height:44px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.4;letter-spacing:normal;cursor:pointer}.paragon-size-chart__units button[aria-pressed=true]{background:var(--color-primary-button-background, #0068ff);color:var(--color-primary-button-text, white)}.paragon-size-chart__units button:focus-visible{outline:2px solid currentColor;outline-offset:-4px}.paragon-size-chart__unit-label{margin:10px 0 16px;font-size:12px}.paragon-size-chart__scroll-hint{display:none;font-size:12px}.paragon-size-chart__scroll{width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border-radius:0}.paragon-size-chart__table{width:100%;min-width:708px;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:18px;line-height:1.404;color:#505050}.paragon-size-chart__table th,.paragon-size-chart__table td{border:0;border-right:1px solid #b7c0f4;border-bottom:1px solid #b7c0f4;padding:12px 8px;font-weight:400;text-align:center;vertical-align:middle}.paragon-size-chart__table tr>:first-child{border-left:1px solid #b7c0f4}.paragon-size-chart__table thead tr:first-child>*{border-top:1px solid #b7c0f4}.paragon-size-chart__table thead tr:first-child>:first-child{border-top-left-radius:4px}.paragon-size-chart__table thead tr:first-child>:last-child{border-top-right-radius:4px}.paragon-size-chart__table tbody tr:last-child>:first-child{border-bottom-left-radius:4px}.paragon-size-chart__table tbody tr:last-child>:last-child{border-bottom-right-radius:4px}.paragon-size-chart__table--matrix thead tr:first-child>th{border-left:1px solid #b7c0f4;border-top-left-radius:4px}.paragon-size-chart__table--matrix tbody tr>th[scope=row]{border-left:0;border-radius:0}.paragon-size-chart__table--matrix tbody tr:last-child>th[scope=row]:first-child{border-bottom-left-radius:0}.paragon-size-chart__table--matrix tbody tr:first-child>th{border-top:1px solid #b7c0f4}.paragon-size-chart__table--matrix .paragon-size-chart__axis{border-top-left-radius:4px;border-bottom-left-radius:4px}.paragon-size-chart__table thead th{height:58px}.paragon-size-chart__table tbody th,.paragon-size-chart__table .paragon-size-chart__corner{text-align:left;padding-left:12px}.paragon-size-chart__table strong{font-weight:700}.paragon-size-chart__table em{display:block;font-size:15px;margin-top:2px}.paragon-size-chart__table [data-measurement]{white-space:nowrap}.paragon-size-chart[data-unit=cm] .paragon-size-chart__table{min-width:1000px}.paragon-size-chart[data-unit=cm] .paragon-size-chart__label-column{width:30%}.paragon-size-chart[data-unit=cm] .paragon-size-chart__axis-column{width:20%}.paragon-size-chart[data-unit=cm] .paragon-size-chart__range-column{width:15%}.paragon-size-chart__label-column{width:35.7%}.paragon-size-chart__axis-column{width:23.3%}.paragon-size-chart__range-column{width:12.4%}.paragon-size-chart__table .paragon-size-chart__corner{color:var(--color-primary-button-background, #0068ff);font-weight:600}.paragon-size-chart__table--matrix thead tr .paragon-size-chart__corner{border:0;vertical-align:bottom}.paragon-size-chart__table--matrix tbody th:not(.paragon-size-chart__axis){text-align:center;padding-left:8px}.paragon-size-chart__table--matrix tbody td,.paragon-size-chart__table--matrix tbody th:not(.paragon-size-chart__axis){padding-block:6px}.paragon-size-chart__table--matrix tbody td{background:#fbfbfb}.paragon-size-chart__table--matrix tbody td:nth-last-child(2){background:#f8f8f8}.paragon-size-chart__table--matrix tbody td:last-child{background:#f1f1f1}.paragon-size-chart__instructions{font-size:14px;line-height:1.6;margin-top:16px}@media(max-width:749px){.paragon-size-guide__dialog.dialog-modal{width:calc(100vw - 12px);padding:16px 8px;border-radius:4px}.paragon-size-guide__header{padding-inline:10px}.paragon-size-guide__header h2{font-size:17px;font-weight:600}.paragon-size-chart{margin-top:8px}.paragon-size-chart__toolbar{justify-content:flex-end}.paragon-size-chart__toolbar h3{display:none}.paragon-size-chart__scroll-hint{display:none;font-size:12px;margin:0 0 8px}.paragon-size-chart[data-unit=cm] .paragon-size-chart__scroll-hint{display:block}.paragon-size-chart__table{min-width:0;font-size:18px}.paragon-size-chart__table th,.paragon-size-chart__table td{padding:8px 2px}.paragon-size-chart__table thead th{font-size:16px;height:58px}.paragon-size-chart__table tbody th,.paragon-size-chart__table .paragon-size-chart__corner{padding-left:9px;font-size:17px}.paragon-size-chart__table:not(.paragon-size-chart__table--matrix) tbody th{height:102px}.paragon-size-chart__table em{font-size:14px;line-height:1.4}.paragon-size-chart__label-column,.paragon-size-chart[data-unit=cm] .paragon-size-chart__label-column{width:28.5%}.paragon-size-chart__axis-column,.paragon-size-chart[data-unit=cm] .paragon-size-chart__axis-column{width:25.5%}.paragon-size-chart__range-column,.paragon-size-chart[data-unit=cm] .paragon-size-chart__range-column{width:12%}.paragon-size-chart__table [data-measurement]{display:inline-block;line-height:1.004}.paragon-size-chart__table [data-range-start],.paragon-size-chart__table [data-range-end],.paragon-size-chart__range-separator{display:block}.paragon-size-chart__table--matrix{font-size:14px}.paragon-size-chart__table--matrix thead th{font-size:15px;height:55px}.paragon-size-chart__table--matrix thead th[scope=colgroup]{font-size:14px;height:86px}.paragon-size-chart__table--matrix thead th[scope=colgroup] strong{font-weight:600}.paragon-size-chart__table--matrix .paragon-size-chart__corner{font-size:18px;padding-bottom:18px}.paragon-size-chart__table--matrix tbody th[scope=row]{font-size:15px}.paragon-size-chart__table--matrix tbody th.paragon-size-chart__axis{font-size:14px;padding-left:7px}.paragon-size-chart__table--matrix .paragon-size-chart__axis strong{font-weight:600}.paragon-size-chart__table--matrix em{font-size:13px}.paragon-size-chart__table--matrix tbody td,.paragon-size-chart__table--matrix tbody th:not(.paragon-size-chart__axis){height:50px;padding:4px 1px}.paragon-size-chart[data-unit=cm] .paragon-size-chart__table{min-width:460px}.paragon-size-chart[data-unit=cm] .paragon-size-chart__table--matrix{min-width:430px}}
/*# sourceMappingURL=/cdn/shop/t/132/assets/paragon-size-guide.css.map */