@heycar-uikit/core/segmented-buttons/esm/SegmentedButtons.css

The React UI library from HeyCar

:root{--color-mica-blue-50:#f1f4fa;--color-mica-blue-100:#dee6f2;--color-mica-blue-500:#164ca3;--color-mica-blue-600:#123d82;--color-mica-blue-700:#052962;--color-tarmac-grey-50:#f3f3f3;--color-tarmac-grey-100:#e6e6e6;--color-tarmac-grey-300:#b5b5b5;--color-tarmac-grey-700:#303030;--spacing-2:8px;--spacing-3:12px;--spacing-16:64px;--font-family-system:Objektiv,sans-serif,"Helvetica Neue",Helvetica,Arial;--font-weight-medium:500;--color-primary-50:var(--color-mica-blue-50);--color-primary-100:var(--color-mica-blue-100);--color-primary-500:var(--color-mica-blue-500);--color-primary-600:var(--color-mica-blue-600);--color-primary-700:var(--color-mica-blue-700);--color-neutral-50:var(--color-tarmac-grey-50);--color-neutral-100:var(--color-tarmac-grey-100);--color-neutral-300:var(--color-tarmac-grey-300);--color-neutral-700:var(--color-tarmac-grey-700)}body{color:var(--color-neutral-700)}.segmented-buttons__wrapper_9p12n{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;max-width:100%;width:max-content}.segmented-buttons__btn_9p12n{align-items:center;background:#fff;border:1px solid var(--color-neutral-300);border-right-width:0!important;color:var(--color-neutral-700);cursor:pointer;display:flex;font-family:var(--font-family-system);font-size:14px;font-size:16px;font-weight:var(--font-weight-medium);height:48px;justify-content:center;padding:0 var(--spacing-3);width:auto}.segmented-buttons__btn_9p12n:last-child{border-right-width:1px!important}.segmented-buttons__btn_9p12n{.segmented-buttons__btn_9p12n[aria-checked=true]+&{border-left-color:#fff}}.segmented-buttons__btn_9p12n>svg{margin-right:var(--spacing-2)}.segmented-buttons__btn_9p12n:focus,.segmented-buttons__btn_9p12n:hover{background:var(--color-neutral-50)}.segmented-buttons__btn_9p12n:active{background:var(--color-neutral-100)}.segmented-buttons__btn_9p12n[aria-checked=true]{background:var(--color-primary-50);border-color:var(--color-primary-500);color:var(--color-primary-500);outline:solid 2px var(--color-primary-500);outline-offset:-2px}.segmented-buttons__btn_9p12n[aria-checked=true]:focus,.segmented-buttons__btn_9p12n[aria-checked=true]:hover{background:var(--color-primary-100);border-color:var(--color-primary-600);color:var(--color-primary-600);outline:solid 2px var(--color-primary-600);outline-offset:-2px}.segmented-buttons__btn_9p12n[aria-checked=true]:active{background:var(--color-primary-100);border-color:var(--color-primary-700);color:var(--color-primary-700);outline:solid 2px var(--color-primary-700);outline-offset:-2px}.segmented-buttons__btn_9p12n:disabled{background:#fff!important;border-color:var(--color-neutral-300)!important;color:var(--color-neutral-300)!important;cursor:not-allowed;outline:none}.segmented-buttons__btn_9p12n{.segmented-buttons__isWideView_9p12n &{padding:0 var(--spacing-16)}}
/*# sourceMappingURL=SegmentedButtons.css.map */