.segment-counter{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center}@media only screen and (min-width:62rem){.segment-counter{align-items:flex-end;flex-direction:row;gap:4rem}}.segment-counter-input,.segment-counter-results{display:flex;flex-direction:column;width:80%}@media only screen and (min-width:62rem){.segment-counter-input,.segment-counter-results{width:33.25rem}}.segment-counter-input-header{align-items:center;color:#394f71;display:flex;font-size:1.1rem;font-weight:500;justify-content:space-between;margin-bottom:.5rem}.segment-counter-input-presets{align-items:center;color:#8a9cb7;display:flex;font-weight:400;gap:.875rem}.segment-counter-input-segments{align-items:center;background-color:#f7f9ff;border-radius:1rem;display:flex;justify-content:space-between;padding:.375rem;width:7.5rem}.segment-counter-input-segments div{background-color:#e7edff;border-radius:.75rem;color:#c1cef6;cursor:pointer;height:2rem;line-height:2rem;text-align:center;width:2rem}.segment-counter-input-segments .segment-selected{background-color:#00d87e;color:#fff}.segment-counter-input-segments .segment:hover:not(.segment-selected){background-color:#ccd9ff;color:#e9edfc}#segment-counter-text-area{border:.0625rem solid #e2eaf7;border-radius:.25rem;color:#556f95;font-family:inherit;font-size:inherit;height:12rem;letter-spacing:.015rem;line-height:1.75rem;padding:.8125rem .8125rem 1rem 1rem;resize:none;width:100%}#segment-counter-text-area::placeholder{color:#bfbfbf}.segment-counter-results-table{border-collapse:collapse;height:12rem;width:100%}.segment-counter-results-table td:first-child,th:first-child{border-radius:.5rem 0 0 .5rem;color:#556f95;font-weight:500;padding-left:1.5rem;width:16.5625rem}.segment-counter-results-table td:last-child,th:last-child{border-radius:0 .5rem .5rem 0;color:#556f95}.segment-counter-results-table tr:nth-child(odd){background-color:#f7f9ff}