size-guide-modal{display:contents}.size-guide-modal{background-color:var(--color-background);border:none;border-radius:16px;box-shadow:0 24px 56px #00000038;top:0;right:0;bottom:0;left:0;margin:auto;max-height:92vh;max-width:min(92vw,94rem);overflow:hidden;padding:0;width:100%}.size-guide-modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0000008c}.size-guide-modal[open]{display:flex;flex-direction:column}.size-guide-modal__inner{display:flex;flex-direction:column;height:100%;overflow:hidden}.size-guide-modal__header{align-items:flex-start;border-bottom:1px solid var(--color-border-light);display:flex;flex-shrink:0;gap:var(--space-md);justify-content:space-between;padding:var(--space-lg) var(--space-xl)}.size-guide-modal__heading{min-width:0}.size-guide-modal__title{color:rgb(var(--color-foreground-rgb));font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);letter-spacing:.08em;line-height:1.2;margin:0;text-transform:uppercase}.size-guide-modal__subtitle{color:rgba(var(--color-foreground-rgb),.55);font-family:var(--font-family-base);font-size:var(--font-size-xs);letter-spacing:.04em;line-height:1.4;margin:.4rem 0 0}.size-guide-modal__close{align-items:center;background:none;border:none;color:rgb(var(--color-foreground-rgb));cursor:pointer;display:flex;flex-shrink:0;height:2.4rem;justify-content:center;padding:0;transition:opacity var(--duration-default) var(--easing-default);width:2.4rem}.size-guide-modal__close:hover{opacity:.6}.size-guide-modal__close svg{height:1.4rem;width:1.4rem}.size-guide-modal__tabs{display:none}.size-guide-modal__body{flex:1;min-height:0;overflow-y:auto;padding:var(--space-xl);scrollbar-width:thin}.size-guide-modal__main{align-items:stretch;display:grid;gap:var(--space-2xl);grid-template-columns:minmax(0,2fr) minmax(0,.85fr)}.size-guide-modal__main:not(:has(.size-guide-modal__image)){grid-template-columns:1fr}.size-guide-modal__table-wrap{-webkit-overflow-scrolling:touch;align-self:center;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;width:100%}.size-guide-modal__table table{border-collapse:collapse;font-family:var(--font-family-base);font-feature-settings:"tnum" 1,"lnum" 1;font-size:var(--font-size-sm);min-width:100%;width:100%}.size-guide-modal__table thead th,.size-guide-modal__table thead td{background-color:rgb(var(--color-foreground-rgb));color:rgb(var(--color-background-rgb));font-size:11.5px;font-weight:var(--font-weight-bold);letter-spacing:.12em;padding:1.1rem var(--space-md);text-transform:uppercase}.size-guide-modal__table th,.size-guide-modal__table td{border-bottom:1px solid var(--color-border-light);padding:1.2rem var(--space-md);text-align:left;white-space:nowrap}.size-guide-modal__table thead th:not(:first-child),.size-guide-modal__table thead td:not(:first-child),.size-guide-modal__table tbody td:not(:first-child){text-align:center}.size-guide-modal__table tbody td:not(:first-child){color:rgba(var(--color-foreground-rgb),.78);font-weight:var(--font-weight-regular)}.size-guide-modal__table tbody tr:nth-child(2n){background-color:rgba(var(--color-foreground-rgb),.025)}.size-guide-modal__table tbody tr:hover{background-color:rgba(var(--color-foreground-rgb),.06)}.size-guide-modal__table tbody tr:last-child td{border-bottom:none}.size-guide-modal__label-cell{align-items:center;display:flex;gap:var(--space-sm);white-space:normal}.size-guide-modal__badge{align-items:center;background-color:rgb(var(--color-foreground-rgb));border-radius:50%;color:rgb(var(--color-background-rgb));display:inline-flex;flex-shrink:0;font-size:10.5px;font-weight:var(--font-weight-bold);height:22px;justify-content:center;line-height:1;width:22px}.size-guide-modal__label-text{color:rgb(var(--color-foreground-rgb));font-weight:var(--font-weight-medium);line-height:1.3}.size-guide-modal__footer-row{align-items:baseline;display:flex;gap:var(--space-md);justify-content:space-between;margin-top:var(--space-sm)}.size-guide-modal__guide-name{color:rgba(var(--color-foreground-rgb),.6);font-size:var(--font-size-xs);letter-spacing:.04em;margin:0}.size-guide-modal__unit-hint{color:rgba(var(--color-foreground-rgb),.45);font-size:var(--font-size-xs);letter-spacing:.04em;margin:0;text-align:right}.size-guide-modal__image{align-items:center;display:flex;justify-content:center;min-width:0}.size-guide-modal__image img{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:100%}.size-guide-modal__how{align-items:flex-start;display:flex;flex-direction:column;gap:var(--space-lg)}.size-guide-modal__how-image{align-items:center;display:flex;justify-content:center;width:100%}.size-guide-modal__how-image img{display:block;height:auto;max-height:44rem;max-width:100%;object-fit:contain;width:auto}.size-guide-modal__how-legend{display:none;flex-direction:column;gap:var(--space-sm);list-style:none;margin:0;padding:0;width:100%}@media screen and (max-width:749px){.size-guide-modal__how-legend{display:flex}}.size-guide-modal__how-item{align-items:center;color:rgb(var(--color-foreground-rgb));display:flex;font-size:var(--font-size-sm);gap:var(--space-sm);line-height:1.4}.size-guide-modal__table--mobile{display:none}.size-guide-modal__description{border-top:1px solid var(--color-border-light);color:rgba(var(--color-foreground-rgb),.65);font-size:var(--font-size-sm);line-height:1.55;margin:var(--space-xl) 0 0;padding-top:var(--space-lg)}.size-guide-modal__trigger{align-items:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-xs);gap:var(--space-xs);letter-spacing:.05em;padding:0;text-decoration:underline;text-transform:uppercase;text-underline-offset:.2em}.size-guide-modal__trigger svg{color:inherit;flex-shrink:0}@media screen and (max-width:749px){.size-guide-modal{border-radius:0;height:100dvh;margin:0;max-height:100dvh;max-width:100vw;width:100vw}.size-guide-modal__header{padding:var(--space-md) var(--space-lg)}.size-guide-modal__tabs{border-bottom:1px solid var(--color-border-light);display:flex;flex-shrink:0;gap:var(--space-xl);padding:0 var(--space-lg)}.size-guide-modal__tab{background:none;border:none;border-bottom:2px solid transparent;color:rgba(var(--color-foreground-rgb),.5);cursor:pointer;font-family:var(--font-family-base);font-size:12.5px;font-weight:var(--font-weight-bold);letter-spacing:.08em;padding:var(--space-md) 0;text-transform:uppercase;transition:color var(--duration-default) var(--easing-default),border-color var(--duration-default) var(--easing-default);white-space:nowrap}.size-guide-modal__tab.is-active{border-bottom-color:rgb(var(--color-foreground-rgb));color:rgb(var(--color-foreground-rgb))}.size-guide-modal__body{padding:var(--space-lg)}.size-guide-modal__main{gap:var(--space-lg);grid-template-columns:1fr}.size-guide-modal__panel{display:none}.size-guide-modal__panel.is-active{display:flex}.size-guide-modal__table-wrap.size-guide-modal__panel.is-active{display:block}.size-guide-modal__table-wrap .size-guide-modal__table:not(.size-guide-modal__table--mobile){display:none}.size-guide-modal__table--mobile{display:block}.size-guide-modal__how-image img{max-height:36rem}.size-guide-modal__table th,.size-guide-modal__table td{padding:.9rem var(--space-sm)}.size-guide-modal__table thead th,.size-guide-modal__table thead td{padding:.85rem var(--space-sm)}.size-guide-modal__footer-row{flex-direction:column;gap:var(--space-2xs)}.size-guide-modal__unit-hint{text-align:left}}.size-guide-modal__gender-tabs{border-bottom:1px solid rgba(var(--color-foreground-rgb),.12);display:flex;gap:var(--space-md);padding:0 var(--space-xl)}.size-guide-modal__gender-tab{background:none;border:none;color:rgba(var(--color-foreground-rgb),.6);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.04em;padding:var(--space-md) 0;position:relative;text-transform:uppercase;transition:color var(--duration-default) var(--easing-default)}.size-guide-modal__gender-tab:after{background-color:rgb(var(--color-foreground-rgb));bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:center;transition:transform var(--duration-default) var(--easing-default)}.size-guide-modal__gender-tab.is-active{color:rgb(var(--color-foreground-rgb))}.size-guide-modal__gender-tab.is-active:after{transform:scaleX(1)}.size-guide-modal__gender-tab:hover:not(.is-active){color:rgb(var(--color-foreground-rgb))}.size-guide-modal__gender-panel{display:none}.size-guide-modal__gender-panel.is-active{display:block}@media(max-width:749px){.size-guide-modal__gender-tabs{overflow-x:auto;padding:0 var(--space-md);scrollbar-width:none}.size-guide-modal__gender-tabs::-webkit-scrollbar{display:none}.size-guide-modal__gender-tab{flex-shrink:0}}
/*# sourceMappingURL=/cdn/shop/t/275/assets/component-size-guide-modal.css.map */