.dynamic-size-guide__modal .dynamic-size-guide__dialog{width:min(86rem,calc(100% - 6.4rem));max-width:86rem;max-height:min(84rem,82vh);max-height:min(84rem,82dvh);position:relative;inset:auto;margin:0 auto;padding:2.4rem 4rem 4rem;overflow-x:hidden;border:1px solid rgba(var(--color-foreground),.1);box-shadow:0 2.4rem 7rem rgba(var(--color-foreground),.2);scrollbar-gutter:stable;cursor:default}.dynamic-size-guide__modal .dynamic-size-guide__close{position:sticky;top:0;right:auto;z-index:2;flex:0 0 auto;align-self:flex-end;width:3.2rem;height:3.2rem;margin:0 0 -3.2rem auto;border:1px solid rgba(var(--color-foreground),.14);border-radius:50%;background-color:rgb(var(--color-background))}.dynamic-size-guide__content{padding-top:0}.dynamic-size-guide__content .dynamic-size-guide__title{margin:0 0 2rem;padding:0 5rem 1.8rem 0;border-bottom:1px solid rgba(var(--color-foreground),.14);text-align:left}.dynamic-size-guide__metadata{margin:-.8rem 0 2rem;color:rgba(var(--color-foreground),.7);text-align:left}.dynamic-size-guide__section{margin-top:3.6rem}.dynamic-size-guide__heading{margin:0 0 2rem;padding-bottom:1.4rem;border-bottom:1px solid rgba(var(--color-foreground),.14)}.dynamic-size-guide__intro{max-width:92%;margin-left:auto;margin-right:auto;font-size:1.7rem;line-height:1.65}.dynamic-size-guide__rich-text>:first-child{margin-top:0}.dynamic-size-guide__rich-text>:last-child{margin-bottom:0}.dynamic-size-guide__measurement .dynamic-size-guide__rich-text ol{counter-reset:dynamic-size-guide-step;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem 4.8rem;margin:0;padding:0;list-style:none}.dynamic-size-guide__measurement .dynamic-size-guide__rich-text ol>li{counter-increment:dynamic-size-guide-step;position:relative;display:block;min-height:4rem;margin:0;padding-left:5.2rem}.dynamic-size-guide__measurement .dynamic-size-guide__rich-text ol>li:before{content:counter(dynamic-size-guide-step);position:absolute;top:0;left:0;display:grid;place-items:center;width:4rem;height:4rem;border-radius:50%;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));font-weight:700;line-height:1}.dynamic-size-guide__measurement .dynamic-size-guide__rich-text li>:first-child,.dynamic-size-guide__tips .dynamic-size-guide__rich-text li>:first-child{margin-top:0}.dynamic-size-guide__measurement .dynamic-size-guide__rich-text li>:last-child,.dynamic-size-guide__tips .dynamic-size-guide__rich-text li>:last-child{margin-bottom:0}.dynamic-size-guide__table-wrapper{width:100%;max-width:100%;overflow-x:auto;border:1px solid rgba(var(--color-foreground),.14);border-radius:max(var(--secondary-corner-radius),.8rem);overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.dynamic-size-guide__table-wrapper:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.75);outline-offset:.2rem}.dynamic-size-guide__table{width:100%;min-width:64rem;border-spacing:0;border-collapse:separate;color:rgb(var(--color-foreground));font-variant-numeric:tabular-nums;text-align:center}.dynamic-size-guide__table th,.dynamic-size-guide__table td{padding:1.5rem 2rem;border-right:1px solid rgba(var(--color-foreground),.1);border-bottom:1px solid rgba(var(--color-foreground),.1);white-space:nowrap}.dynamic-size-guide__table th:last-child,.dynamic-size-guide__table td:last-child{border-right:0}.dynamic-size-guide__table tbody tr:last-child td{border-bottom:0}.dynamic-size-guide__table th{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));font-weight:700;letter-spacing:.04em;text-transform:uppercase}.dynamic-size-guide__table tbody tr:nth-child(2n) td{background-color:rgba(var(--color-foreground),.055)}.dynamic-size-guide__table td.dynamic-size-guide__cell--cm{color:rgba(var(--color-foreground),.72);font-weight:700}.dynamic-size-guide__tips .dynamic-size-guide__rich-text ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 4.8rem;margin:0;padding:0;list-style:none}.dynamic-size-guide__tips .dynamic-size-guide__rich-text ul>li{position:relative;display:block;min-height:2.4rem;margin:0;padding-left:3.6rem}.dynamic-size-guide__tips .dynamic-size-guide__rich-text ul>li:before{content:"\2713";position:absolute;top:0;left:0;color:rgba(var(--color-foreground),.72);font-size:2.4rem;font-weight:700;line-height:1}.dynamic-size-guide__notes{padding:2.4rem 3rem;border:1px solid rgba(var(--color-foreground),.14);border-radius:max(var(--secondary-corner-radius),.8rem);background-color:rgba(var(--color-foreground),.04)}.dynamic-size-guide__notes .dynamic-size-guide__heading{margin-bottom:1.6rem;padding-bottom:0;border-bottom:0;font-size:1.4rem;letter-spacing:.12em;text-transform:uppercase}.dynamic-size-guide__notes .dynamic-size-guide__rich-text ul{padding-left:2rem}@media screen and (max-width:767px){.dynamic-size-guide__modal{top:0;right:0;bottom:0;left:0;width:100%;height:100%}.dynamic-size-guide__modal .dynamic-size-guide__dialog{position:absolute;inset:max(.8rem,env(safe-area-inset-top)) max(.8rem,env(safe-area-inset-right)) max(.8rem,env(safe-area-inset-bottom)) max(.8rem,env(safe-area-inset-left));width:auto;height:auto;max-width:none;max-height:none;margin:0;padding:1.2rem 1.2rem 2rem;scrollbar-gutter:auto}.dynamic-size-guide__modal .dynamic-size-guide__close{width:3.6rem;height:3.6rem;margin-bottom:-3.6rem}.dynamic-size-guide__content .dynamic-size-guide__title{padding-right:4rem}.dynamic-size-guide__intro{max-width:100%;font-size:1.6rem}.dynamic-size-guide__section{margin-top:2.8rem}.dynamic-size-guide__measurement .dynamic-size-guide__rich-text ol,.dynamic-size-guide__tips .dynamic-size-guide__rich-text ul{grid-template-columns:1fr;gap:1.8rem}.dynamic-size-guide__measurement .dynamic-size-guide__rich-text ol>li:before{width:3.6rem;height:3.6rem}.dynamic-size-guide__measurement .dynamic-size-guide__rich-text ol>li{min-height:3.6rem;padding-left:4.8rem}.dynamic-size-guide__table{width:100%;min-width:0;table-layout:fixed}.dynamic-size-guide__table th,.dynamic-size-guide__table td{padding:1rem .6rem;font-size:1.3rem;line-height:1.3;white-space:normal;overflow-wrap:anywhere}.dynamic-size-guide__table th{font-size:1.2rem;letter-spacing:.02em}.dynamic-size-guide__notes{padding:2rem}}@media screen and (max-width:575px){.dynamic-size-guide__modal .dynamic-size-guide__dialog{inset:max(.6rem,env(safe-area-inset-top)) max(.6rem,env(safe-area-inset-right)) max(.6rem,env(safe-area-inset-bottom)) max(.6rem,env(safe-area-inset-left));padding-inline:1rem}.dynamic-size-guide__table th,.dynamic-size-guide__table td{padding:.9rem .4rem}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/dynamic-size-guide.css.map */