.ts-sg, .ts-sg *, .ts-sg *::before, .ts-sg *::after { box-sizing: border-box; }
.ts-sg [hidden] { display: none !important; }
.ts-sg .sg-unit-toggle {
    flex: 0 0 56px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .35rem;
    margin: 1.65rem 0 0;
    padding: .25rem 0;
    border: 0;
    background: transparent;
    color: var(--sg-blue);
    font: inherit;
    font-size: .75rem;
    font-weight: 600;
    cursor: pointer;
  }

.ts-sg .sg-unit-toggle__track {
    position: relative;
    width: 36px;
    height: 22px;
    border: 2px solid var(--sg-blue);
    border-radius: 999px;
    background: #e8eef3;
  }

.ts-sg .sg-unit-toggle__thumb {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--sg-blue);
  }

.ts-sg .sg-unit-toggle[aria-checked="true"] .sg-unit-toggle__track { background: var(--sg-blue); }
.ts-sg .sg-unit-toggle[aria-checked="true"] .sg-unit-toggle__thumb { left: 16px; background: #fff; }
.ts-sg .sg-unit-toggle:focus-visible { outline: 3px solid #94bcd5; outline-offset: 3px; border-radius: .25rem; }

.ts-sg .sg-height-imperial { display:flex; gap:.5rem; width:100%; }
.ts-sg .sg-height-imperial .sg-stepper { flex:1; min-width:0; }
.ts-sg .sg-height-imperial .sg-stepper button { width:28px; min-width:28px; flex:0 0 28px; }
.ts-sg .sg-height-imperial input[type="number"] { min-width:0; width:100%; padding:0 .35rem; }