.pdp-size-guides{width:100%;margin-block-start:.5rem}.pdp-size-guides__trigger{display:inline-flex;align-items:center;gap:.375rem;padding:0;border:0;background:transparent;color:rgb(var(--text-color));font:inherit;cursor:pointer;transition:opacity .2s ease}.pdp-size-guides__trigger-icon{display:inline-flex;flex-shrink:0;color:#323f48}.pdp-size-guides__trigger-icon :is(svg){width:1.125rem;height:1.125rem}.pdp-size-guides__trigger-label{font-size:13px;font-weight:600;line-height:1.25;letter-spacing:.02em}.pdp-size-guides__modal{--modal-body-max-width: min(98vw, 72rem);--pdp-size-guides-modal-viewport: 94vh;--modal-body-padding-block: .5rem;--modal-body-padding-inline: .5rem;--modal-header-padding-block: .625rem;--modal-header-padding-inline: .75rem}.pdp-size-guides__modal::part(base){place-items:center;box-sizing:border-box;padding:.75rem}.pdp-size-guides__modal::part(content){max-height:var(--pdp-size-guides-modal-viewport)}.pdp-size-guides__modal::part(body){padding-block:var(--modal-body-padding-block);padding-inline:var(--modal-body-padding-inline)}.pdp-size-guides__modal-content{width:100%}.pdp-size-guides__tabs{display:block}.pdp-size-guides__tab-list{position:sticky;inset-block-start:var(--pdp-size-guides-sticky-offset, 0px);z-index:1;display:flex;gap:1.5rem;margin-block-end:.75rem;background:rgb(var(--background));box-shadow:inset 0 -1px rgb(var(--border-color));white-space:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.pdp-size-guides__tab-list[hidden]{display:none}.pdp-size-guides__tab-list::-webkit-scrollbar{display:none}.pdp-size-guides__tab{flex:none;padding:0;border:0;background:transparent;color:rgb(var(--text-color));font:inherit;cursor:pointer;box-shadow:inset 0 -1px rgb(var(--text-color));padding-block:.625rem;transition:opacity .2s ease-in,box-shadow .2s ease-in}.pdp-size-guides__tab:not([aria-selected=true]){opacity:.6;box-shadow:inset 0 -1px #0000}.pdp-size-guides__tab:focus-visible{outline:2px solid rgb(var(--text-color) / .35);outline-offset:-2px}.pdp-size-guides__panel{width:100%}.pdp-size-guides__chart{display:block;line-height:0}.pdp-size-guides__chart :is(img){display:block;width:100%;height:auto}.pdp-size-guides__status{padding:2.5rem 1rem;text-align:center}.pdp-size-guides__panel-image{display:block;width:100%;line-height:0}.pdp-size-guides__panel-image :is(img){display:block;width:100%;height:auto;max-height:calc(var(--pdp-size-guides-modal-viewport) - 3.5rem);object-fit:contain}@supports (height: 100dvh){.pdp-size-guides__modal{--pdp-size-guides-modal-viewport: 94dvh}}@media screen and (pointer:fine){.pdp-size-guides__trigger:hover,.pdp-size-guides__trigger:focus-visible{opacity:.72}.pdp-size-guides__tab-list{scrollbar-width:thin}.pdp-size-guides__tab-list::-webkit-scrollbar{display:block;height:4px}.pdp-size-guides__tab-list::-webkit-scrollbar-thumb{background:rgb(var(--text-color) / .25)}.pdp-size-guides__tab:not([aria-selected=true]):hover{opacity:1}}.pdp-size-guides__trigger:focus-visible{outline:2px solid rgb(var(--text-color) / .35);outline-offset:2px}@media screen and (min-width:700px){.pdp-size-guides__modal{--modal-body-max-width: min(96vw, 72rem);--pdp-size-guides-modal-viewport: 92vh;--modal-body-padding-block: .75rem;--modal-body-padding-inline: .75rem;--modal-header-padding-block: .875rem;--modal-header-padding-inline: 1rem}.pdp-size-guides__panel-image :is(img){max-height:calc(var(--pdp-size-guides-modal-viewport) - 4rem)}}@media screen and (max-width:699px){.pdp-size-guides__trigger-label{font-size:12px}.pdp-size-guides__trigger-icon :is(svg){width:1rem;height:1rem}.pdp-size-guides__modal{--modal-body-max-width: 100%;--pdp-size-guides-modal-margin: 1rem;--pdp-size-guides-modal-viewport: calc(100vh - var(--pdp-size-guides-modal-margin) * 2);--modal-header-padding-block: .5rem;--modal-header-padding-inline: .625rem;--modal-body-padding-block: .25rem;--modal-body-padding-inline: .25rem}@supports (height: 100dvh){.pdp-size-guides__modal{--pdp-size-guides-modal-viewport: calc(100dvh - var(--pdp-size-guides-modal-margin) * 2)}}.pdp-size-guides__modal::part(base){padding:var(--pdp-size-guides-modal-margin)}.pdp-size-guides__tab-list{gap:1rem;margin-block-end:.5rem}.pdp-size-guides__panel-image :is(img){max-height:calc(var(--pdp-size-guides-modal-viewport) - 3rem)}}@media(prefers-reduced-motion:reduce){.pdp-size-guides__trigger,.pdp-size-guides__tab{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/pdp-size-guides.css.map */