.fusel-size-guide{--pr: var(--color-foreground, #1c2b3a);--pr-h: var(--color-foreground, #334b61);--wh: var(--color-background, #ffffff);--mu: color-mix(in srgb, var(--pr) 72%, transparent);--lt: color-mix(in srgb, var(--pr) 45%, transparent);--bd: var(--color-border, #d2d9e0);--sg-slider-fill: var(--color-primary-button-background, var(--pr));--sg-slider-track: #eef1f4;--hv: color-mix(in srgb, var(--pr) 6%, var(--wh));--pr-bg: color-mix(in srgb, var(--pr) 6%, var(--wh));width:100%;box-sizing:border-box;color:var(--pr);font-family:var(--font-body--family);font-style:var(--font-body--style);font-weight:var(--font-body--weight);font-size:var(--font-body--size);line-height:var(--font-body--line-height);-webkit-font-smoothing:antialiased}.fusel-size-guide .fsg-inner{padding:0 4px 8px}.fusel-size-guide .sg-hdr{display:flex;align-items:center;justify-content:space-between;padding:2px 0 0}.fusel-size-guide .sg-bk{display:flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;color:var(--pr);padding:6px 0;text-transform:uppercase;letter-spacing:.6px}.fusel-size-guide .sg-bk svg{width:10px;height:10px}.fusel-size-guide .sg-tag{font-size:12px;font-weight:600;letter-spacing:.4px;background:var(--pr-bg);color:var(--pr);padding:5px 10px;border-radius:5px}.fusel-size-guide .sg-tag b{color:var(--pr-h)}.fusel-size-guide .sg-pg{height:3px;background:var(--sg-slider-track);border-radius:2px;margin:10px 0 16px;overflow:hidden}.fusel-size-guide .sg-pgf{height:100%;background:var(--sg-slider-fill);border-radius:2px;transition:width .4s ease}.fusel-size-guide .sg-st{animation:fsg-u .3s ease}@keyframes fsg-u{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fsg-sp{to{transform:rotate(360deg)}}@keyframes fsg-pop{0%{transform:scale(.7);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.fusel-size-guide .sg-t{font-family:var(--font-heading--family);font-style:var(--font-heading--style);font-weight:var(--font-heading--weight);font-size:var(--font-h3--size);line-height:var(--font-h3--line-height);letter-spacing:var(--font-h3--letter-spacing);text-transform:var(--font-h3--case);margin:0 0 6px}.fusel-size-guide .sg-sub{font-size:var(--font-body--size);color:var(--mu);margin:0 0 14px;line-height:1.5;opacity:.85}.fusel-size-guide .sg-tv{display:flex;justify-content:center;margin:0 auto 10px;overflow:hidden;max-height:200px}.fusel-size-guide .sg-tv svg{width:100%;max-width:240px}.fusel-size-guide .sg-sg{margin-bottom:20px}.fusel-size-guide .sg-sgh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.fusel-size-guide .sg-sgl{font-size:var(--font-body--size);font-weight:600}.fusel-size-guide .sg-sgv{font-family:var(--font-heading--family);font-style:var(--font-heading--style);font-weight:var(--font-heading--weight);font-size:var(--font-h4--size);line-height:1.2}.fusel-size-guide .sg-sgu{font-size:11px;color:var(--lt);font-weight:600;letter-spacing:.5px;margin-left:3px}.fusel-size-guide .sg-sgs{font-size:11px;color:var(--lt);margin-top:4px}.fusel-size-guide .sg-r{-webkit-appearance:none;appearance:none;display:block;width:100%;height:8px;border-radius:4px;--slider-progress: 50%;background:linear-gradient(to right,var(--sg-slider-fill) 0%,var(--sg-slider-fill) var(--slider-progress),var(--sg-slider-track) var(--slider-progress),var(--sg-slider-track) 100%);outline:none;margin:10px 0 6px;cursor:pointer}.fusel-size-guide .sg-r::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:transparent}.fusel-size-guide .sg-r::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:var(--sg-slider-fill);cursor:pointer;border:3px solid var(--wh);box-shadow:0 1px 8px color-mix(in srgb,var(--sg-slider-fill) 30%,transparent);margin-top:-10px}.fusel-size-guide .sg-r::-moz-range-track{height:8px;border-radius:4px;background:var(--sg-slider-track);border:none}.fusel-size-guide .sg-r::-moz-range-progress{height:8px;border-radius:4px;background:var(--sg-slider-fill)}.fusel-size-guide .sg-r::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--sg-slider-fill);cursor:pointer;border:3px solid var(--wh);box-shadow:0 1px 8px color-mix(in srgb,var(--sg-slider-fill) 30%,transparent)}.fusel-size-guide .sg-opts{margin-top:8px;border:1px solid var(--bd);border-radius:8px;overflow:hidden;background:var(--wh)}.fusel-size-guide .sg-opt{display:flex;align-items:center;gap:14px;padding:14px 12px;border:none;border-bottom:1px solid var(--bd);background:transparent;cursor:pointer;font-family:inherit;font-size:var(--font-body--size-emphasized);font-weight:500;color:var(--pr);width:100%;text-align:left;transition:background .12s}.fusel-size-guide .sg-opt:last-child{border-bottom:none}.fusel-size-guide .sg-opt:hover{background:var(--hv)}.fusel-size-guide .sg-opt:active{background:var(--pr-bg)}.fusel-size-guide .sg-opt-i{width:52px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.fusel-size-guide .sg-opt-i svg{width:100%;height:100%}.fusel-size-guide .sg-opt-a{margin-left:auto;color:var(--lt);font-size:20px;font-weight:300}.fusel-size-guide button.sg-btn{-webkit-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;padding:15px 20px;border-radius:5px;font-family:inherit;font-size:var(--font-body--size);font-weight:600;letter-spacing:.8px;line-height:1.2;cursor:pointer;transition:background .15s,opacity .15s,border-color .15s;text-transform:uppercase;margin-top:28px}.fusel-size-guide button.sg-btn-d{background-color:var(--sg-slider-fill);color:var(--color-primary-button-text, var(--wh));border:1px solid var(--color-primary-button-border, var(--sg-slider-fill))}.fusel-size-guide button.sg-btn-d:hover{opacity:.9}.fusel-size-guide button.sg-btn-off{background-color:var(--hv);color:var(--lt);pointer-events:none;border:1px solid var(--bd)}.fusel-size-guide button.sg-btn-g{background:transparent;border:none;color:var(--mu);font-family:inherit;font-size:var(--font-body--size);font-weight:500;cursor:pointer;padding:10px;text-transform:none;letter-spacing:0;text-decoration:underline;text-underline-offset:2px;opacity:.8}.fusel-size-guide .sg-cks{display:flex;flex-direction:column;gap:0;margin-top:20px}.fusel-size-guide .sg-ck{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--bd);font-size:var(--font-body--size)}.fusel-size-guide .sg-ck-l{display:flex;align-items:center;gap:12px}.fusel-size-guide .sg-ck-d{width:8px;height:8px;border-radius:50%;background:var(--pr);flex-shrink:0}.fusel-size-guide .sg-ck-i{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fusel-size-guide .sg-ck-i.ok{background:var(--pr)}.fusel-size-guide .sg-ck-i.w{border:2px solid var(--bd)}.fusel-size-guide .sg-spin{width:16px;height:16px;border:2px solid var(--bd);border-top-color:var(--pr);border-radius:50%;animation:fsg-sp .7s linear infinite}.fusel-size-guide .sg-rb{display:inline-flex;flex-direction:column;align-items:center;gap:2px;background:var(--pr);color:var(--wh);padding:24px 40px;border-radius:8px;margin:20px auto;box-shadow:0 6px 28px color-mix(in srgb,var(--pr) 25%,transparent);animation:fsg-pop .5s cubic-bezier(.34,1.56,.64,1)}.fusel-size-guide .sg-rb-l{font-size:11px;text-transform:uppercase;letter-spacing:2.5px;opacity:.55}.fusel-size-guide .sg-rb-v{font-family:var(--font-heading--family);font-style:var(--font-heading--style);font-weight:var(--font-heading--weight);font-size:clamp(2rem,8vw,2.75rem);letter-spacing:4px;line-height:1.1}.fusel-size-guide .sg-rb-c{font-size:var(--font-body--size);opacity:.75;margin-top:2px}.fusel-size-guide .sg-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--pr);color:var(--wh);padding:14px 24px;border-radius:12px;font-family:var(--font-body--family);font-size:var(--font-body--size);font-weight:500;box-shadow:0 4px 20px color-mix(in srgb,var(--pr) 30%,transparent);z-index:100000;display:flex;align-items:center;gap:10px;animation:fsg-u .3s ease}
/*# sourceMappingURL=/cdn/shop/t/8/assets/fusel-size-guide.css.map */