@coconut-software/ui/dist/utilities.css

React components for faster and easier web development.

:root{--color-primary-main:#2463eb;--color-primary-darker:#1e3fae;--color-primary-dark:#1d4fd7;--color-primary-light:#3c83f6;--color-primary-lighter:#61a6fa;--color-primary-20:rgba(36,99,235,0.2);--color-primary-15:rgba(36,99,235,0.15);--color-primary-10:rgba(36,99,235,0.1);--color-secondary-main:#4cae4f;--color-secondary-darker:#357937;--color-secondary-dark:#439846;--color-secondary-light:#5fb962;--color-secondary-lighter:#75c277;--color-secondary-20:rgba(76,174,80,0.2);--color-secondary-15:rgba(76,174,80,0.15);--color-secondary-10:rgba(76,174,80,0.1)}input[type=search]::-ms-clear,input[type=search]::-ms-reveal{display:none;height:0;width:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}input:not(:-moz-placeholder-shown)~.input-label,textarea:not(:-moz-placeholder-shown)~.input-label{font-size:.75rem;color:inherit}input:not(:-ms-input-placeholder)~.input-label,textarea:not(:-ms-input-placeholder)~.input-label{font-size:.75rem;color:inherit}input:focus~.input-label,input:not(:placeholder-shown)~.input-label,textarea:focus~.input-label,textarea:not(:placeholder-shown)~.input-label{font-size:.75rem;color:inherit}input:not(:-moz-placeholder-shown)~.input-label-outlined,textarea:not(:-moz-placeholder-shown)~.input-label-outlined{margin-top:-.5625rem;margin-left:.5rem;padding-left:.25rem;padding-right:.25rem;background-color:#fff;line-height:1.125rem}input:not(:-ms-input-placeholder)~.input-label-outlined,textarea:not(:-ms-input-placeholder)~.input-label-outlined{margin-top:-.5625rem;margin-left:.5rem;padding-left:.25rem;padding-right:.25rem;background-color:#fff;line-height:1.125rem}input:focus~.input-label-outlined,input:not(:placeholder-shown)~.input-label-outlined,textarea:focus~.input-label-outlined,textarea:not(:placeholder-shown)~.input-label-outlined{margin-top:-.5625rem;margin-left:.5rem;padding-left:.25rem;padding-right:.25rem;background-color:#fff;line-height:1.125rem}input:not(:-moz-placeholder-shown)~.input-label-filled.input-label-medium,textarea:not(:-moz-placeholder-shown)~.input-label-filled.input-label-medium{margin-top:.25rem;margin-left:.75rem;line-height:1.25rem}input:not(:-ms-input-placeholder)~.input-label-filled.input-label-medium,textarea:not(:-ms-input-placeholder)~.input-label-filled.input-label-medium{margin-top:.25rem;margin-left:.75rem;line-height:1.25rem}input:focus~.input-label-filled.input-label-medium,input:not(:placeholder-shown)~.input-label-filled.input-label-medium,textarea:focus~.input-label-filled.input-label-medium,textarea:not(:placeholder-shown)~.input-label-filled.input-label-medium{margin-top:.25rem;margin-left:.75rem;line-height:1.25rem}input:not(:-moz-placeholder-shown)~.input-label-filled.input-label-small,textarea:not(:-moz-placeholder-shown)~.input-label-filled.input-label-small{margin-top:.125rem;margin-left:.75rem;line-height:1.25rem}input:not(:-ms-input-placeholder)~.input-label-filled.input-label-small,textarea:not(:-ms-input-placeholder)~.input-label-filled.input-label-small{margin-top:.125rem;margin-left:.75rem;line-height:1.25rem}input:focus~.input-label-filled.input-label-small,input:not(:placeholder-shown)~.input-label-filled.input-label-small,textarea:focus~.input-label-filled.input-label-small,textarea:not(:placeholder-shown)~.input-label-filled.input-label-small{margin-top:.125rem;margin-left:.75rem;line-height:1.25rem}.checkbox .status-active,.checkbox .status-indeterminate{display:none}.checkbox .status-inactive{display:block}.checkbox input:checked~.status-active,.checkbox input:indeterminate~.status-indeterminate{display:block}.checkbox input:checked~.status-inactive,.checkbox input:indeterminate~.status-active,.checkbox input:indeterminate~.status-inactive{display:none}.radio .status-active{display:none}.radio .status-inactive,.radio input:checked~.status-active{display:block}.radio input:checked~.status-inactive{display:none}.backdrop-blur-2{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.border-spacing-0{border-spacing:0}.left-half{left:50%;transform:translateX(-50%)}.sticky-column:before{border-left-width:1px;display:block;height:100%;left:-1px;position:absolute;top:0;border-color:#ddd;content:""}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.top-half{top:50%;transform:translateY(-50%)}.will-change-transform{will-change:transform}.will-change-width{will-change:width}