@achs/webkit
Version:
Conjunto de componentes de UI con el estilo del Sistema de Diseño ACHS (Asociación Chilena de Seguridad), para reutilizar de forma transversal en las aplicaciones web de ACHS. Construido con **React 19**, **TypeScript** y **Vite**, con soporte para las
2 lines (1 loc) • 1.6 kB
CSS
@charset "UTF-8";._radioButton_1p3vy_2{width:20px;height:20px;background-color:#fff;display:inline-block;border-radius:50%;border:2px solid black;position:relative;transition:background-color .3s,border-color .3s,box-shadow .1s ease-in-out}._radioButton_1p3vy_2:after{content:"";position:absolute;width:15px;height:15px;background-color:#fff;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);transition:background-color .3s}._radioButton_1p3vy_2._disabled_1p3vy_27{cursor:not-allowed;opacity:.5;border-color:#00000042}._radioButton_1p3vy_2._checked_1p3vy_32{border-color:rgb(var(--secondary-color))}._radioButton_1p3vy_2._checked_1p3vy_32._disabled_1p3vy_27{border-color:#00000042;cursor:not-allowed;opacity:.5}._radioButton_1p3vy_2._checked_1p3vy_32._disabled_1p3vy_27:after{background-color:#00000042}._radioButton_1p3vy_2._checked_1p3vy_32:after{background-color:rgb(var(--secondary-color))}._radioButton_1p3vy_2._checked_1p3vy_32:active:not(._disabled_1p3vy_27){box-shadow:0 0 0 7px rgba(var(--secondary-color),.1)}._radioButton_1p3vy_2:not(._checked_1p3vy_32):active:not(._disabled_1p3vy_27){box-shadow:0 0 0 7px #3737371a}._radioLabel_1p3vy_57{font-family:ACHS Nueva Sans,sans-serif;display:flex;align-items:center;gap:10px;cursor:pointer}._radioLabel_1p3vy_57._labelDisabled_1p3vy_64{color:#00000042;cursor:not-allowed}._srOnly_1p3vy_69{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._srOnly_1p3vy_69:focus-visible+._radioButton_1p3vy_2{box-shadow:0 0 0 3px rgba(var(--secondary-color),.4);outline:none}