.test-size-guide-link{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding-top:12px;padding-bottom:12px}.test-size-guide-link__icon{display:inline-flex;align-items:center;justify-content:center;margin-right:2px}.test-size-guide-link__prefix{font-weight:700}.test-size-guide-link__trigger{-webkit-appearance:none;appearance:none;border:0;border-radius:0;padding:0;background:transparent;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.test-size-guide-modal{width:min(1080px,calc(100vw - 64px));max-width:none;height:min(88vh,900px);max-height:none;margin:auto;padding:0;overflow:hidden;border:0;border-radius:4px;background:#fff;color:#111;box-shadow:0 24px 80px #00000047;opacity:0;transform:translateY(14px) scale(.985);transition:opacity .24s ease,transform .24s ease,overlay .24s ease allow-discrete,display .24s ease allow-discrete}.test-size-guide-modal[open]{opacity:1;transform:translateY(0) scale(1)}@starting-style{.test-size-guide-modal[open]{opacity:0;transform:translateY(14px) scale(.985)}}.test-size-guide-modal::backdrop{background:#000000a8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .24s ease,overlay .24s ease allow-discrete,display .24s ease allow-discrete}.test-size-guide-modal[open]::backdrop{opacity:1}@starting-style{.test-size-guide-modal[open]::backdrop{opacity:0}}.test-size-guide-modal__panel{display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;background:#fff}.test-size-guide-modal__bar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;padding:12px 14px 12px 22px;border-bottom:1px solid #dedede;background:#fff}.test-size-guide-modal__bar strong{min-width:0;overflow-wrap:anywhere}.test-size-guide-modal__close{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;padding:0;border:1px solid #dedede;border-radius:50%;background:#fff;color:#111;cursor:pointer}.test-size-guide-modal__content{display:block;width:100%;height:100%;overflow:auto;background:#fff}@media(max-width:749px){.test-size-guide-link{padding-left:18px;padding-right:18px}.test-size-guide-modal{width:calc(100vw - 24px);height:calc(100dvh - 24px);margin:12px;border-radius:5px}.test-size-guide-modal__bar{min-height:56px;padding:8px 8px 8px 16px}}@media(prefers-reduced-motion:reduce){.test-size-guide-modal,.test-size-guide-modal::backdrop{transition:none}}dharco-guide-preview{display:block;padding:24px;margin-block:24px;border:1px solid #dedede}dharco-guide-preview label{display:block;margin-bottom:8px}dharco-guide-preview select{display:block;width:100%;max-width:700px;padding:12px;color:#111;background:#fff;border:1px solid #aaa}dharco-guide-preview [data-status]{margin-block:12px;font-size:14px}dharco-guide-preview [hidden]{display:none!important}dharco-product-size-guide{display:inline-block}dharco-product-size-guide dialog:not([open]){display:none}.test-guide{--orange: #f04b18;--black: #111;--line: #dedede;--muted: #696969;width:100%;max-width:100%;padding:32px;box-sizing:border-box;color:#111;background:#fff}.test-guide *{box-sizing:border-box}.test-guide h2,.test-guide h3,.test-guide h4,.test-guide p{margin-top:0}.test-guide__header{max-width:820px}.test-guide__notice{display:grid;grid-template-columns:24px 1fr;gap:12px;margin-top:22px;padding:20px;background:var(--black);color:#fff}.test-guide__notice>span{color:var(--orange);font-size:24px;font-weight:700}.test-guide__section{margin-top:0;padding-top:32px;border-top:1px solid var(--line)}.test-guide__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.test-guide__heading h3,.test-guide__heading p{margin-bottom:0}.test-guide__heading p{color:var(--muted)}.test-guide__units{cursor:pointer;display:flex;flex:0 0 128px;gap:2px;padding:3px;background:#e8e8e8}.test-guide__units button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex:1 1 50%;width:50%;min-width:0;min-height:44px;border:0;padding:8px;background:#e8e8e8;color:#333;cursor:pointer}.test-guide__units button:before,.test-guide__units button:after{display:none!important;content:none!important}.test-guide__units button[aria-pressed=true]{background:var(--black);color:#fff}.test-guide__sizes{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.test-guide__size{display:flex;flex-direction:column;padding:0;overflow:hidden;border:1px solid var(--line);background:#fff;color:#111;text-align:left;cursor:pointer}.test-guide__size.is-active{border-color:var(--orange);box-shadow:inset 0 -4px var(--orange)}.test-guide__size-head{display:block;width:100%;padding:22px 12px;background:var(--black);color:#fff;text-align:center}.test-guide__size.is-active .test-guide__size-head{background:var(--orange)}.test-guide__size-head strong{display:block;font-size:24px}.test-guide__size-body{display:block;width:100%;padding:9px 12px}.test-guide__measure{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.test-guide__measure:last-child{border:0}.test-guide__nav{display:none}.test-guide__table{overflow-x:auto;border:1px solid var(--line)}.test-guide table{width:100%;border-collapse:collapse}.test-guide th,.test-guide td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.test-guide thead th{background:var(--black);color:#fff}.test-guide tbody tr.is-active>*{background:#f3f3f3}.test-guide__how-layout.has-image{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:28px;align-items:stretch;margin-top:18px}.test-guide__image{display:flex;align-items:center;justify-content:center;min-width:0;margin:0;background:#f7f7f7}.test-guide__image img{display:block;width:100%;max-width:520px;max-height:570px;height:100%;object-fit:contain}.test-guide__how-layout>.test-guide__image~.test-guide__image,.test-guide__how-layout>.test-guide__steps~.test-guide__steps{display:none}.test-guide__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.test-guide__how-layout.has-image .test-guide__steps{grid-template-columns:1fr;margin-top:0}.test-guide__steps article{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:18px;border:1px solid var(--line)}.test-guide__steps article>span{color:var(--orange);font-size:24px;font-weight:700}.test-guide__steps h4{margin-bottom:5px}.test-guide__steps p{margin-bottom:0;color:var(--muted)}@media(max-width:749px){.test-guide{padding:26px 18px 48px}.test-guide__sizes{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.test-guide__sizes::-webkit-scrollbar{display:none}.test-guide__size{flex:0 0 100%;min-width:100%;scroll-snap-align:start}.test-guide__size.is-active{border-color:var(--black);box-shadow:inset 0 -4px var(--black)}.test-guide__size.is-active .test-guide__size-head{background:var(--black)}.test-guide__nav{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.test-guide__nav button{width:46px;height:46px;border:1px solid var(--line);background:#fff}.test-guide__how-layout.has-image{display:block;margin-top:18px}.test-guide__image{width:100%}.test-guide__image img{width:100%;max-width:100%;height:auto;max-height:none}.test-guide__steps,.test-guide__how-layout.has-image .test-guide__steps{grid-template-columns:1fr;margin-top:20px}.test-guide__heading{align-items:center}.test-guide__units{flex-basis:132px;padding:4px}.test-guide__units button{min-height:48px;padding:10px 8px}}.test-guide__notice{display:block;margin-top:22px;padding:24px 48px 25px;border:1px solid #e7e1dd;border-top:4px solid var(--orange);border-radius:8px;background:#f9f9f9;color:#222;box-shadow:0 2px 10px #2319140a}.test-guide .test-guide__notice .rte,.test-guide .test-guide__notice .rte *{color:#222;font-size:inherit;font-weight:400;text-transform:none;line-height:1.55}.test-guide__notice .rte p{margin-bottom:8px}.test-guide .test-guide__intro>.rte :is(h1,h2,h3,h4,h5,h6),.test-guide .test-guide__notice .rte :is(h1,h2,h3,h4,h5,h6){color:var(--orange);font-size:18px;font-weight:700;text-transform:uppercase;line-height:1.55}.test-guide .test-guide__intro>.rte :is(p,li),.test-guide .test-guide__notice .rte :is(p,li){color:#222;font-size:inherit;font-weight:400;text-transform:none;line-height:1.55}.test-guide .test-guide__intro>.rte :is(b,strong),.test-guide .test-guide__notice .rte :is(b,strong){color:var(--orange);font-size:inherit;font-weight:700}.test-guide .test-guide__notice .rte :is(h1,h2,h3,h4,h5,h6){margin-bottom:12px}.test-guide__notice .rte>:last-child{margin-bottom:0}@media(max-width:749px){.test-guide__notice{padding:20px 22px 22px}}@media(min-width:750px)and (hover:hover){.test-guide tbody tr:hover>*{background:#f3f3f3}}.test-guide__table{max-width:100%;min-width:0}.test-guide__table:focus-visible{outline:2px solid var(--orange);outline-offset:3px}@media(max-width:749px){.test-size-guide-modal__panel{min-width:0;grid-template-columns:minmax(0,1fr)}.test-size-guide-modal__content{min-width:0}.test-guide{min-width:0;padding:22px 14px 32px}.test-guide__header .rte{font-size:14px;line-height:1.65;overflow-wrap:anywhere}.test-guide__section{min-width:0;margin-top:28px;padding-top:24px}.test-guide__heading{flex-wrap:wrap;align-items:center;gap:12px}.test-guide__heading>div:first-child{flex:1 1 145px}.test-guide__heading h3{font-size:19px;line-height:1.2}.test-guide__heading p{margin-top:5px;font-size:12px;line-height:1.4}.test-guide__units{flex:0 0 120px;margin-left:auto;border-radius:6px}.test-guide__units button{min-height:44px;font-size:12px;border-radius:3px}.test-guide__table{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border-radius:6px;scrollbar-width:thin;scrollbar-color:#888 #eee}.test-guide__table table{width:100%;margin:0;border-collapse:separate;border-spacing:0;table-layout:auto}.test-guide__table th,.test-guide__table td{padding:13px 12px;font-size:13px;line-height:1.4;vertical-align:middle;border:0;border-bottom:1px solid var(--line)}.test-guide__table thead th:not(:first-child){min-width:98px;max-width:160px;white-space:normal;overflow-wrap:anywhere;font-size:11px;line-height:1.4}.test-guide__table tbody td{white-space:nowrap;font-variant-numeric:tabular-nums;background:#fff}.test-guide__table tr>:first-child{position:sticky;left:0;z-index:1;min-width:90px;max-width:120px;white-space:nowrap;box-shadow:1px 0 0 var(--line)}.test-guide__table tbody th{background:#f5f5f3;font-weight:700}.test-guide__table thead th:first-child{z-index:2;background:var(--black)}.test-guide__table tbody tr:nth-child(2n) td{background:#fafafa}.test-guide__table tbody tr:last-child>*{border-bottom:0}.test-guide__notice{padding:18px}}.test-guide .test-guide__image{background:#fff}.test-guide .test-guide__table{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border:1px solid #e2e2e2;border-radius:8px;scrollbar-width:thin;scrollbar-color:#aaa #f5f5f5}.test-guide .test-guide__table table{width:100%;min-width:100%;margin:0;border:0;border-collapse:separate;border-spacing:0}.test-guide .test-guide__table :is(th,td){border:0;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;vertical-align:middle}.test-guide .test-guide__table thead th{border-right-color:#303030}.test-guide .test-guide__table tr>:last-child{border-right:0}.test-guide .test-guide__table tbody tr:last-child>*{border-bottom:0}@media(max-width:749px){.test-guide__intro{display:contents}.test-guide .test-guide__header{max-width:none;margin:-22px -14px 0;padding:22px 14px 18px;background:#f7f7f7}.test-guide .test-guide__notice{background:#f9f9f9}.test-guide .test-guide__heading h3{font-size:clamp(22px,6vw,28px);line-height:1.2;font-weight:400}.test-guide .test-guide__table table{min-width:100%}.test-guide .test-guide__table :is(th,td){padding:10px 8px;font-size:12px;line-height:1.3}.test-guide .test-guide__table thead th:not(:first-child){min-width:0;max-width:none;font-size:10px}.test-guide .test-guide__table tr>:first-child{width:72px;min-width:72px;max-width:72px;white-space:normal;overflow-wrap:break-word;box-shadow:none}.test-guide .test-guide__table tr>:not(:first-child){text-align:center}@supports selector(table:has(th)){.test-guide .test-guide__table table{table-layout:fixed}.test-guide .test-guide__table table:has(thead th:nth-child(5)){min-width:max(100%,488px)}.test-guide .test-guide__table table:has(thead th:nth-child(6)){min-width:max(100%,592px)}.test-guide .test-guide__table table:has(thead th:nth-child(7)){min-width:max(100%,696px)}.test-guide .test-guide__table table:has(thead th:nth-child(8)){min-width:max(100%,800px)}.test-guide .test-guide__table table:has(thead th:nth-child(9)){min-width:max(100%,904px)}}}@media(min-width:750px){.test-guide .test-guide__header{max-width:none;margin:-32px -32px 0;padding:15px 40px;background:#f5f5f3}.test-guide .test-guide__header.has-notice{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}.test-guide .test-guide__heading h3{font-size:28px;line-height:1.2;font-weight:400}.test-guide .test-guide__intro{min-width:0}.test-guide .test-guide__intro>.rte{max-width:520px}.test-guide .test-guide__intro>.rte p{margin-bottom:8px}.test-guide .test-guide__intro>.rte p:last-child{margin-bottom:0}.test-guide .test-guide__notice{margin-top:0;padding:20px 24px;border:1px solid #e2e2df;border-left:4px solid var(--orange);border-radius:10px;background:#fff;box-shadow:0 4px 16px #0000000a}.test-guide .test-guide__header:not(.has-notice) .test-guide__notice{max-width:820px}.test-guide .test-guide__units{flex-basis:132px;padding:4px;border-radius:6px}.test-guide .test-guide__units button{min-height:44px;padding:10px 8px;border-radius:3px;font-size:12px}}.test-guide .test-guide__section{border-top:0}
/*# sourceMappingURL=/cdn/shop/t/108/assets/dharco-product-size-guide.css.map */