.sgi,.sgi__dialog{--sgi-accent: #1f5fbf;--sgi-ink: #111;--sgi-bg: #fff;--sgi-soft: #f4f2ee;--sgi-line: rgba(0, 0, 0, .1);--sgi-ease: cubic-bezier(.22, 1, .36, 1)}.sgi__dialog{padding:0;border:0;margin:auto;background:transparent;color:var(--sgi-ink);max-width:none;max-height:none;overflow:visible}.sgi__dialog::backdrop{background:#1110;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:background .35s ease,backdrop-filter .35s ease}.sgi__dialog.is-open::backdrop{background:#11111173;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sgi__panel{position:relative;display:flex;flex-direction:column;background:var(--sgi-bg);overflow:hidden;box-shadow:0 -10px 40px #0000002e;cursor:auto}@media(max-width:767px){.sgi__dialog{position:fixed;inset:auto 0 0 0;width:100%;margin:0}.sgi__panel{max-height:92dvh;border-radius:22px 22px 0 0;transform:translateY(100%);transition:transform .45s var(--sgi-ease)}.sgi__dialog.is-open .sgi__panel{transform:translateY(var(--sgi-drag, 0px))}.sgi__dialog.is-dragging .sgi__panel{transition:none}}@media(min-width:768px){.sgi__dialog{width:min(920px,calc(100vw - 48px))}.sgi__panel{max-height:min(760px,calc(100vh - 48px));border-radius:22px;opacity:0;transform:translateY(24px) scale(.97);transition:opacity .35s ease,transform .45s var(--sgi-ease)}.sgi__dialog.is-open .sgi__panel{opacity:1;transform:none}}.sgi__grab{display:flex;justify-content:center;padding:10px 0 2px;touch-action:none;cursor:grab}@media(min-width:768px){.sgi__grab{display:none}}.sgi__grab span{width:40px;height:4px;border-radius:4px;background:#0000002e}.sgi__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:8px 20px 12px;touch-action:none}.sgi__eyebrow{margin:0 0 2px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sgi-accent)}.sgi__title{margin:0;font-size:24px;line-height:1.15}.sgi__close{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;padding:0;border:0;border-radius:50%;background:var(--sgi-soft);color:var(--sgi-ink);cursor:pointer;transition:transform .25s var(--sgi-ease),background .2s}.sgi__close:hover{transform:rotate(90deg)}.sgi__close svg{width:18px;height:18px}.sgi__sizes{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;margin:0 20px;padding:4px;border-radius:999px;background:var(--sgi-soft)}.sgi__sizes-pill{position:absolute;top:4px;bottom:4px;left:0;width:0;border-radius:999px;background:var(--sgi-ink);box-shadow:0 4px 12px #0000002e;transition:transform .45s var(--sgi-ease),width .45s var(--sgi-ease)}.sgi__size{position:relative;z-index:1;padding:10px 0;border:0;background:none;font:inherit;font-size:15px;font-weight:600;color:var(--sgi-ink);cursor:pointer;transition:color .3s ease;-webkit-tap-highlight-color:transparent}.sgi__size[aria-checked=true]{color:var(--sgi-bg)}.sgi__size:focus-visible{outline:2px solid var(--sgi-accent);outline-offset:2px;border-radius:999px}.sgi__size small{display:block;margin-top:1px;font-size:10px;font-weight:500;opacity:.65}.sgi__body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:6px 20px 20px}@media(min-width:768px){.sgi__body{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:start;padding:18px 28px 24px}.sgi__head{padding:24px 28px 14px}.sgi__sizes{margin:0 28px}}.sgi__visual{margin:0}.sgi__svg{display:block;width:100%;max-height:40dvh;overflow:visible}@media(min-width:768px){.sgi__svg{max-height:none}}.sgi__caption{margin-top:2px;font-size:12px;text-align:center;opacity:.6}.sgi__shirt{transform-box:view-box;transform-origin:150px 165px;transition:transform .6s var(--sgi-ease)}.sgi__outline,.sgi__detail{fill:none;stroke:var(--sgi-ink);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1}.sgi__outline{fill:#0000;transition:stroke-dashoffset 1.1s var(--sgi-ease),fill .6s ease .7s}.sgi__detail{stroke-width:1.1;opacity:.55;transition:stroke-dashoffset .9s var(--sgi-ease) .35s}.sgi__logo circle{fill:var(--sgi-ink);opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(0);transition:transform .5s var(--sgi-ease) .8s,opacity .3s ease .8s}.is-drawn .sgi__outline,.is-drawn .sgi__detail{stroke-dashoffset:0}.is-drawn .sgi__outline{fill:var(--sgi-soft)}.is-drawn .sgi__logo circle{opacity:1;transform:scale(1)}.sgi__lines path{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;transition:stroke-dashoffset .6s var(--sgi-ease),opacity .3s ease,stroke-width .2s}.sgi__lines path.is-visible{opacity:1;stroke-dashoffset:0}.sgi__lines path.is-dim{opacity:.18}.sgi__lines path.is-active{opacity:1;stroke-dashoffset:0;stroke-width:2.4}.sgi__label{cursor:pointer;transition:transform .6s var(--sgi-ease),opacity .3s ease;opacity:0}.sgi__label.is-visible{opacity:1}.sgi__label.is-dim{opacity:.25}.sgi__label-inner{transform-box:fill-box;transform-origin:center;transition:transform .35s var(--sgi-ease);transform:scale(.6)}.sgi__label.is-visible .sgi__label-inner{transform:scale(1)}.sgi__label.is-active .sgi__label-inner{transform:scale(1.15)}.sgi__label rect{fill:var(--sgi-bg);stroke:var(--sgi-accent);stroke-width:1}.sgi__label.is-active rect{fill:var(--sgi-accent)}.sgi__label text{font-size:11px;font-weight:700;fill:var(--sgi-accent);dominant-baseline:central;text-anchor:middle;font-variant-numeric:tabular-nums}.sgi__label.is-active text{fill:#fff}.sgi__label-letter{font-weight:500;opacity:.7}.sgi__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 0;padding:0;list-style:none}@media(min-width:768px){.sgi__stats{margin-top:0}}.sgi__stat{position:relative;margin:0;padding:12px 10px 10px;border-radius:14px;background:var(--sgi-soft);cursor:pointer;transition:box-shadow .2s,transform .3s var(--sgi-ease);opacity:0;transform:translateY(10px)}.is-drawn .sgi__stat{opacity:1;transform:none;transition:opacity .4s ease var(--d, 0s),transform .5s var(--sgi-ease) var(--d, 0s),box-shadow .2s}.sgi__stat.is-active{box-shadow:inset 0 0 0 1.5px var(--sgi-accent)}.sgi__stat-label{display:block;font-size:11px;line-height:1.25;opacity:.7}.sgi__stat-value{display:block;margin-top:4px;font-size:22px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:var(--sgi-ink)}.sgi__stat-value small{margin-left:2px;font-size:12px;font-weight:500;opacity:.6}.sgi__delta{position:absolute;top:8px;right:8px;font-size:10.5px;font-weight:700;color:var(--sgi-accent);opacity:0;transform:translateY(4px)}.sgi__delta.is-shown{animation:sgi-delta 1.6s var(--sgi-ease) forwards}@keyframes sgi-delta{0%{opacity:0;transform:translateY(6px)}15%{opacity:1;transform:none}75%{opacity:1;transform:none}to{opacity:0;transform:translateY(-4px)}}.sgi__tip{display:flex;gap:10px;margin:14px 0 0;padding:12px 14px;border-radius:14px;border:1px solid var(--sgi-line);font-size:13px;line-height:1.45}.sgi__tip svg{width:20px;height:20px;flex-shrink:0;color:var(--sgi-accent)}.sgi__all{margin-top:12px;border-top:1px solid var(--sgi-line)}.sgi__all summary{display:flex;align-items:center;justify-content:space-between;padding:14px 0;font-size:14px;font-weight:600;list-style:none;cursor:pointer}.sgi__all summary::-webkit-details-marker{display:none}.sgi__all summary svg{width:18px;height:18px;transition:transform .3s var(--sgi-ease)}.sgi__all[open] summary svg{transform:rotate(180deg)}.sgi__table-wrap{overflow-x:auto;margin:0 -4px}.sgi__table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;font-variant-numeric:tabular-nums}.sgi__table th,.sgi__table td{padding:9px 6px;text-align:center;border:0;border-bottom:1px solid var(--sgi-line);white-space:nowrap;transition:background .25s,color .25s}.sgi__table thead th{font-weight:600;font-size:12px;opacity:.75}.sgi__table th[scope=row]{text-align:left;font-weight:500;white-space:normal;min-width:128px}.sgi__table .sgi__letter{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:6px;border-radius:50%;background:var(--sgi-soft);font-size:10px;font-weight:700;color:var(--sgi-accent)}.sgi__table .is-col{background:var(--sgi-soft);font-weight:700}.sgi__table thead .is-col{opacity:1;color:var(--sgi-accent)}.sgi__table tbody tr{cursor:pointer}.sgi__table tbody tr.is-active th,.sgi__table tbody tr.is-active td{background:var(--sgi-accent);color:#fff}.sgi__table tbody tr.is-active .sgi__letter{background:#fff}.sgi__hint{margin:8px 0 0;font-size:12px;opacity:.6}@media(max-width:767px){.sgi__body:has(.sgi__all[open]) .sgi__visual{position:sticky;top:-6px;z-index:2;margin:0 -20px;padding:4px 20px 0;background:var(--sgi-bg);box-shadow:0 8px 12px -10px #00000040}.sgi__body:has(.sgi__all[open]) .sgi__svg{max-height:24dvh}.sgi__body:has(.sgi__all[open]) .sgi__caption{display:none}.sgi__table{font-size:12px}.sgi__table th,.sgi__table td{padding:8px 4px}.sgi__table th[scope=row]{min-width:0;width:36%;font-size:12px;line-height:1.25}.sgi__table .sgi__letter{margin-right:4px}}.sgi__foot{padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--sgi-line);background:var(--sgi-bg)}@media(min-width:768px){.sgi__foot{padding:14px 28px}}.sgi__cta{width:100%;justify-content:center}.sgi__cta[disabled]{opacity:.5;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.sgi *,.sgi__dialog::backdrop{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/size-guide.css.map */