:root {

    --color-neutral-50:#FAFAFA;
    --color-neutral-100: #F5F5F5;
    --color-neutral-200: #EEEEEE;
    --color-neutral-300: #E0E0E0;
    --color-neutral-400: #BDBDBD;
    --color-neutral-500: #9E9E9E;
    --color-neutral-600: #757575;
    --color-neutral-700: #616161;
    --color-neutral-800: #424242;
    --color-neutral-900: #212121;

    --color-primary: #455a64;
    --color-primary-dark: #1c313a;
    --color-primary-light: #718792;

    --color-secondary: #d7ccc8;
    --color-secondary-dark: #a69b97;
    --color-secondary-light: #fffffb;

    --color-on-primary: var(--color-neutral-50);
    --color-on-primary-dark: var(--color-neutral-50);
    --color-on-primary-light: var(--color-neutral-900);
    --color-on-secondary: var(--color-neutral-900);
    --color-on-secondary-dark: var(--color-neutral-900);
    --color-on-secondary-light: var(--color-neutral-900);
}

:root {
    --radius-s: 2px;
    --radius-m: 4px;
    --radius-l: 6px;
}
.cp-select-control{display:block;font-family:sans-serif;line-height:1.5rem}.cp-select-control select{background:transparent;border:3px solid var(--color-neutral-300);border-radius:var(--radius-m);box-sizing:border-box;color:#000;display:block;outline:none;padding:.5rem;width:100%}.cp-select-control select:hover{border-color:var(--color-neutral-400)}.cp-select-control select:focus{border-color:var(--color-neutral-500)}
.cp-input-control{display:block;font-family:sans-serif;line-height:1.5rem}input[type=date].cp-input-control--input,input[type=text].cp-input-control--input{background:transparent;border:3px solid var(--color-neutral-300);border-radius:var(--radius-m);box-sizing:border-box;color:#000;display:block;line-height:1;outline:none;padding:.5rem;width:100%}input[type=date].cp-input-control--input:hover,input[type=text].cp-input-control--input:hover{border-color:var(--color-neutral-400)}input[type=date].cp-input-control--input:focus,input[type=text].cp-input-control--input:focus{border-color:var(--color-neutral-500)}