.size-guide-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none}.size-guide-modal[open]{display:block;animation:size-guide-fade .25s ease}.size-guide-modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.size-guide-modal__panel{position:absolute;inset-block:0;inset-inline-end:0;display:flex;flex-direction:column;width:min(72rem,90vw);height:100%;background:rgb(var(--color-background));box-shadow:-.4rem 0 2.4rem #0000002e}.size-guide-modal[open] .size-guide-modal__panel{animation:size-guide-slide-in .3s ease}.size-guide-modal__header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.6rem 2rem;background:rgb(var(--color-background));border-block-end:.1rem solid rgba(var(--color-foreground),.08)}.size-guide-modal__title{font-size:1.6rem;font-weight:900;color:rgb(var(--color-foreground))}.size-guide-modal__close{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin-inline-end:-.8rem;padding:0;background:transparent;border:0;color:rgb(var(--color-foreground));cursor:pointer}.size-guide-modal__close svg{width:1.8rem;height:1.8rem}.size-guide-modal__body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:2.4rem 2rem 3.6rem}.size-guide-modal__body img{max-width:100%;height:auto}@media screen and (min-width:750px){.size-guide-modal__body{padding:3.2rem 4rem 4.8rem}}@keyframes size-guide-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes size-guide-fade{0%{opacity:0}to{opacity:1}}.size-guide-opener{grid-column:1 / -1;flex-basis:100%;display:block;margin-block:.2rem 1.2rem}.size-guide-opener__button{display:flex;align-items:center;gap:1rem;width:100%;padding:1.2rem 1.4rem;background:rgba(var(--color-foreground),.05);border:.1rem solid rgba(var(--color-foreground),.14);border-radius:var(--pdp-chip-radius, .4rem);color:rgb(var(--color-foreground));text-align:start;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.size-guide-opener__button:hover{background:rgba(var(--color-foreground),.08);border-color:rgba(var(--color-button),.55)}.size-guide-opener__button:focus-visible{outline:.2rem solid rgb(var(--color-button));outline-offset:.2rem}.size-guide-opener__icon{flex:0 0 auto;color:rgb(var(--color-button))}.size-guide-opener__text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.size-guide-opener__label{font-size:1.4rem;font-weight:900;line-height:1.25}.size-guide-opener__sub{font-size:1.2rem;font-weight:200;line-height:1.3;color:rgba(var(--color-foreground),.7)}.size-guide-opener__chevron{flex:0 0 auto;margin-inline-start:auto;color:rgba(var(--color-foreground),.55)}@media screen and (max-width:749px){.size-guide-modal__panel{width:100vw}}.rte .sg-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin:0 0 4rem;padding:0;list-style:none}.sg-steps__item{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.8rem 1.2rem;background:rgba(var(--color-foreground),.04);border-radius:var(--pdp-panel-radius);text-align:center}.sg-steps__item+.sg-steps__item:before{content:"";position:absolute;top:50%;left:-1.3rem;width:.9rem;height:.9rem;border-block-start:.2rem solid rgba(var(--color-foreground),.4);border-inline-end:.2rem solid rgba(var(--color-foreground),.4);transform:translateY(-50%) rotate(45deg)}.sg-steps__text{font-size:1.2rem;font-weight:500;line-height:1.5;color:rgb(var(--color-foreground))}.sg-num{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:50%;background:transparent;border:.1rem solid rgba(var(--color-foreground),.5);color:rgb(var(--color-foreground));font-size:1.3rem;font-weight:900}.sg-section+.sg-section{margin-block-start:4.8rem;padding-block-start:4rem;border-block-start:.1rem solid rgba(var(--color-foreground),.08)}.sg-section__title{display:flex;align-items:center;gap:1rem;margin:0 0 1.6rem;font-size:1.7rem;font-weight:900;color:rgb(var(--color-foreground))}.sg-section>p{font-size:1.4rem;line-height:1.8}.sg-section img{display:block;margin-block-start:2rem;margin-inline:auto}.sg-formula{display:flex;align-items:stretch;gap:.6rem;margin:2rem 0 0}.sg-formula__part{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:1.6rem 1.2rem;border:.1rem solid rgba(var(--color-foreground),.14);border-radius:var(--pdp-panel-radius);text-align:center}.sg-formula__part--result{background:rgba(var(--color-foreground),.05);border-color:rgba(var(--color-foreground),.4)}.sg-formula__value{font-size:1.5rem;font-weight:900;color:rgb(var(--color-foreground));white-space:nowrap}.sg-formula__label{font-size:1.1rem;font-weight:200;color:rgba(var(--color-foreground),.65)}.sg-formula__op{align-self:center;flex:0 0 auto;font-size:1.8rem;font-weight:500;color:rgba(var(--color-foreground),.5)}@media screen and (max-width:479px){.sg-formula{flex-direction:column;align-items:stretch}.rte .sg-steps{grid-template-columns:1fr;gap:1.2rem}.sg-steps__item{flex-direction:row;justify-content:flex-start;gap:1.2rem;padding:1.2rem 1.6rem;text-align:start}.sg-steps__item+.sg-steps__item:before{top:-1.05rem;left:50%;transform:translate(-50%) rotate(135deg)}}.sg-example{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;margin:1.6rem 0 0;font-size:1.4rem;color:rgb(var(--color-foreground))}.sg-example__badge{flex:0 0 auto;padding:.2rem .8rem;background:rgba(var(--color-foreground),.08);border-radius:var(--pdp-chip-radius);font-size:1.2rem;font-weight:900}.sg-example strong{font-weight:900}.sg-note{margin-block-start:2rem;padding:1.6rem 1.8rem;background:rgba(var(--color-foreground),.04);border-inline-start:.3rem solid rgba(var(--color-foreground),.35);border-radius:0 var(--pdp-chip-radius) var(--pdp-chip-radius) 0;font-size:1.3rem;line-height:1.7}.sg-note p{margin:0}.rte .sg-note ul{margin:.6rem 0 0;padding-inline-start:1.8rem;list-style:disc outside}.sg-chart-heading{margin:2.4rem 0 .4rem;font-size:1.4rem;font-weight:900;color:rgb(var(--color-foreground))}.sg-chart{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.8rem 0}.sg-chart table{table-layout:auto;width:auto;border-collapse:collapse;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:1.3rem;box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.2)}.sg-chart th{position:sticky;left:0;z-index:1;background:rgb(var(--color-background));box-shadow:inset .1rem 0 rgba(var(--color-foreground),.2),inset -.1rem 0 rgba(var(--color-foreground),.2);padding:.9rem 1.2rem;font-weight:900;text-align:start;color:rgb(var(--color-foreground))}.sg-chart td{padding:.9rem 1.1rem;text-align:center;color:rgb(var(--color-foreground))}.sg-chart td:nth-child(2n){background:rgba(var(--color-foreground),.03)}.sg-chart tr+tr th,.sg-chart tr+tr td{border-block-start:.1rem solid rgba(var(--color-foreground),.12)}.sg-fits{display:grid;grid-template-columns:repeat(auto-fit,minmax(24rem,1fr));gap:1.2rem;margin:2rem 0 0}.sg-fit{display:flex;flex-direction:column;gap:.8rem;padding:1.8rem;border:.1rem solid rgba(var(--color-foreground),.14);border-radius:var(--pdp-panel-radius)}.sg-fit__head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.sg-fit__name{font-size:1.5rem;font-weight:900;color:rgb(var(--color-foreground))}.sg-fit__meter{display:inline-flex;gap:.3rem}.sg-fit__seg{width:1.6rem;height:.5rem;border-radius:.25rem;background:rgba(var(--color-foreground),.15)}.sg-fit__seg--on{background:rgb(var(--color-foreground))}.sg-fit__desc{margin:0;font-size:1.3rem;line-height:1.7}
/*# sourceMappingURL=/cdn/shop/t/26/assets/component-size-guide-modal.css.map */