.seg-section-label{letter-spacing:.08em;text-transform:uppercase;color:#777;font-size:.75rem;font-weight:700;font-family:var(--btn-font-family)}.seg-category-label{letter-spacing:.06em;text-transform:uppercase;color:#999;font-size:.75rem;font-weight:700;font-family:var(--btn-font-family);white-space:nowrap;padding-right:.25rem}.seg-title h1{margin-left:2rem}.seg-top-row{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:2rem;padding:.5rem 1.5rem;display:flex}.seg-patterns-card{background:#e2f3ff;border:1px solid #d0e8f0;border-radius:10px;flex-direction:column;gap:.5rem;padding:.75rem 1rem;display:flex}.seg-pattern-rows{flex-direction:column;gap:.5rem;display:flex}.seg-pattern-row{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.seg-keyboard-width-section{flex-direction:column;flex-shrink:0;align-items:center;gap:.25rem;padding-top:.75rem;display:flex}.seg-keyboard-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;padding:0;display:flex;container-type:inline-size}.seg-keyboard{flex:1 1 0;min-width:0}.seg-keyboard-controls{flex-direction:column;flex:none;align-items:center;gap:2rem;display:flex}.seg-home-row-section{flex-direction:column;align-items:center;gap:.25rem;display:flex}.seg-row-stagger-section{flex-direction:column;align-items:center;gap:.5rem;display:flex}.seg-row-stagger-pickers{flex-direction:column;gap:.4rem;display:flex}.seg-row-stagger-row{align-items:center;gap:.5rem;display:flex}.seg-divisor-btn-group{border:1px solid var(--btn-border);border-radius:var(--btn-radius);display:flex;overflow:hidden}.seg-divisor-btn-group .toggle-btn--seg:last-child{border-right:none}@container (width<=856px){.seg-keyboard{flex-basis:100%}.seg-keyboard-controls{flex-flow:wrap;flex-basis:100%;justify-content:center;align-items:flex-start}}.seg-footer-divider{margin:3rem 0 0}.seg-footer{max-width:60rem;margin-left:2rem}.number-picker__option{text-align:center;white-space:nowrap}.number-picker--linear{border:1px solid var(--btn-border);border-radius:var(--btn-radius);display:inline-flex;overflow:hidden}.number-picker--linear .number-picker__option{border:none;border-right:1px solid var(--btn-border);border-radius:0;flex:1;min-width:2rem}.number-picker--linear .number-picker__option:last-child{border-right:none}.number-picker--linear .number-picker__option--dot{flex:none;min-width:1.6rem}.number-picker--arc{display:inline-block;position:relative}.number-picker__arc{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.number-picker__arc path{fill:none;stroke:var(--btn-border);stroke-width:1.5px;stroke-linecap:round}.number-picker--arc .number-picker__option{min-width:2.5rem;position:absolute;transform:translate(-50%,-50%)}.number-picker--arc .number-picker__option--dot{border-radius:50%;justify-content:center;align-items:center;width:1.6rem;min-width:1.6rem;height:1.6rem;padding:0;font-size:1.1rem;display:inline-flex}