html.drawer--is-active,html.drawer--is-active body{overflow:hidden!important}.drawer{position:fixed;top:0;left:0;width:100vw;height:100dvh;margin:0!important;z-index:99;display:none;line-height:1}.drawer .drawer-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--color-overlay),.5);display:block;opacity:0;pointer-events:none;transition:opacity var(--duration-long) ease}.drawer .drawer-wrapper{background-color:rgb(var(--color-background));gap:4.8rem;height:100dvh;position:relative;overflow:auto;transform:translate(100%)}.drawer .drawer-wrapper .drawer-container{display:flex;flex-direction:column}.drawer .drawer-wrapper .drawer-container .drawer-content{min-height:0}.drawer .drawer-wrapper .drawer-container .drawer-header{display:flex}.drawer .drawer-wrapper .drawer-container .drawer-header .h3{margin-block:0;line-height:1}.drawer.is-active{display:flex}.drawer.is-active .drawer-bg{opacity:1;pointer-events:visible}.drawer.is-active .drawer-wrapper{transform:translate(0);visibility:visible;transition-property:transform,visibility;transition-duration:var(--duration-long);transition-timing-function:ease}size-guide{display:flex;flex-direction:column;gap:4.8rem}size-guide .size-guide__top{display:flex;flex-direction:column;gap:2.4rem}size-guide .size-guide__top .size-guide__options{display:flex}size-guide .size-guide__top .size-guide__options .size-guide__option{flex:1;padding:1rem;display:flex;justify-content:center;align-items:center;font-weight:600;border-bottom:.1rem #ccc solid;cursor:pointer}size-guide .size-guide__top .size-guide__options .size-guide__option.is-active{pointer-events:none;border-bottom-color:#000}size-guide .size-guide__top .size-guide__tables table{width:100%;border-spacing:0;box-shadow:none;background-color:#fafafa}size-guide .size-guide__top .size-guide__tables table:not(.is-active){display:none}size-guide .size-guide__top .size-guide__tables table td,size-guide .size-guide__top .size-guide__tables table th{border:0;padding:1.2rem;text-align:left;background-color:transparent}size-guide .size-guide__top .size-guide__tables table thead tr{background-color:#f1f1f2}size-guide .size-guide__top .size-guide__tables table tbody tr:nth-child(2n){background-color:#f1f1f2}size-guide .size-guide__contents{display:flex;flex-direction:column;gap:2.4rem}size-guide .size-guide__contents h3{margin-block:0}size-guide .size-guide__contents .size-guide__content{display:flex;flex-direction:column;gap:1rem}size-guide .size-guide__contents .size-guide__content h4{margin-block:0}size-guide .size-guide__contents .size-guide__content p{margin-block:0;font-size:16px}size-guide .size-guide__contents .size-guide__content img{display:block;max-width:100%;height:auto;aspect-ratio:var(--ratio)}@media screen and (max-width:749px){.drawer{flex-direction:column;gap:1.6rem}.drawer:before{content:"";display:block;height:9.8rem}.drawer .drawer-close--mobile{width:3.2rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:rgb(var(--color-background));position:relative;margin-inline:auto}.drawer .drawer-close--mobile svg{width:1.4rem;aspect-ratio:1;height:auto}.drawer .drawer-wrapper .drawer-header{padding:1.6rem 2.4rem;justify-content:center;border-bottom:.1rem solid #F1F1F2}.drawer .drawer-wrapper .drawer-header .h3{font-size:12px}.drawer .drawer-wrapper .drawer-container{gap:1.6rem}.drawer .drawer-wrapper .drawer-container .drawer-content{padding:2.4rem}.drawer .drawer-wrapper .drawer-container .drawer-content .size-guide__tables table tr>*:last-child{width:10%;white-space:nowrap}}@media screen and (min-width:750px){.drawer{justify-content:end}.drawer .drawer-wrapper{--width: 60.2rem;flex:0 0 var(--width);width:var(--width);justify-content:end}.drawer .drawer-wrapper .drawer-header{justify-content:space-between;align-items:center}.drawer .drawer-wrapper .drawer-header .h3{font-size:18px}.drawer .drawer-wrapper .drawer-header .drawer-close--desktop{cursor:pointer}.drawer .drawer-wrapper .drawer-header .drawer-close--desktop svg{height:1.75rem;width:1.75rem;stroke-width:.15rem}.drawer .drawer-wrapper .drawer-container{padding:6rem 4.8rem;gap:4.8rem}.drawer.is-active .drawer-bg{cursor:url(cross.svg),url(cross.png),zoom-out}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/component-size-guide.css.map */