react-input-material/dist/components/Interval/import.module.css

Reusable material design based input field with support for (richt-)text, code, selections, numbers, dates and so on.

/* !/usr/bin/env css
-*- coding: utf-8 -*- */.rmwc-icon--component[disabled],.rmwc-icon--url[disabled],[disabled]>.rmwc-icon--component,[disabled]>.rmwc-icon--url{opacity:.38}.rmwc-icon--url{background-position:50%;background-repeat:no-repeat;background-size:1em;font-size:1.5rem;min-height:1em;min-width:1em}.rmwc-icon--size-xsmall{font-size:1.125rem;height:1em;width:1em}.rmwc-icon--size-small{font-size:1.25rem;height:1em;width:1em}.rmwc-icon--size-medium{font-size:1.5rem;height:1em;width:1em}.rmwc-icon--size-large{font-size:2.25rem;height:1em;width:1em}.rmwc-icon--size-xlarge{font-size:3rem;height:1em;width:1em}:root{--mdc-theme-primary:#6200ee;--mdc-theme-secondary:#018786;--mdc-theme-background:#fff;--mdc-theme-surface:#fff;--mdc-theme-error:#b00020;--mdc-theme-on-primary:#fff;--mdc-theme-on-secondary:#fff;--mdc-theme-on-surface:#000;--mdc-theme-on-error:#fff;--mdc-theme-text-primary-on-background:rgba(0,0,0,.87);--mdc-theme-text-secondary-on-background:rgba(0,0,0,.54);--mdc-theme-text-hint-on-background:rgba(0,0,0,.38);--mdc-theme-text-disabled-on-background:rgba(0,0,0,.38);--mdc-theme-text-icon-on-background:rgba(0,0,0,.38);--mdc-theme-text-primary-on-light:rgba(0,0,0,.87);--mdc-theme-text-secondary-on-light:rgba(0,0,0,.54);--mdc-theme-text-hint-on-light:rgba(0,0,0,.38);--mdc-theme-text-disabled-on-light:rgba(0,0,0,.38);--mdc-theme-text-icon-on-light:rgba(0,0,0,.38);--mdc-theme-text-primary-on-dark:#fff;--mdc-theme-text-secondary-on-dark:hsla(0,0%,100%,.7);--mdc-theme-text-hint-on-dark:hsla(0,0%,100%,.5);--mdc-theme-text-disabled-on-dark:hsla(0,0%,100%,.5);--mdc-theme-text-icon-on-dark:hsla(0,0%,100%,.5)}.mdc-theme--primary{color:#6200ee!important;color:var(--mdc-theme-primary,#6200ee)!important}.mdc-theme--secondary{color:#018786!important;color:var(--mdc-theme-secondary,#018786)!important}.mdc-theme--background{background-color:#fff;background-color:var(--mdc-theme-background,#fff)}.mdc-theme--surface{background-color:#fff;background-color:var(--mdc-theme-surface,#fff)}.mdc-theme--error{color:#b00020!important;color:var(--mdc-theme-error,#b00020)!important}.mdc-theme--on-primary{color:#fff!important;color:var(--mdc-theme-on-primary,#fff)!important}.mdc-theme--on-secondary{color:#fff!important;color:var(--mdc-theme-on-secondary,#fff)!important}.mdc-theme--on-surface{color:#000!important;color:var(--mdc-theme-on-surface,#000)!important}.mdc-theme--on-error{color:#fff!important;color:var(--mdc-theme-on-error,#fff)!important}.mdc-theme--text-primary-on-background{color:rgba(0,0,0,.87)!important;color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))!important}.mdc-theme--text-secondary-on-background{color:rgba(0,0,0,.54)!important;color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))!important}.mdc-theme--text-hint-on-background{color:rgba(0,0,0,.38)!important;color:var(--mdc-theme-text-hint-on-background,rgba(0,0,0,.38))!important}.mdc-theme--text-disabled-on-background{color:rgba(0,0,0,.38)!important;color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.38))!important}.mdc-theme--text-icon-on-background{color:rgba(0,0,0,.38)!important;color:var(--mdc-theme-text-icon-on-background,rgba(0,0,0,.38))!important}.mdc-theme--text-primary-on-light{color:rgba(0,0,0,.87)!important;color:var(--mdc-theme-text-primary-on-light,rgba(0,0,0,.87))!important}.mdc-theme--text-secondary-on-light{color:rgba(0,0,0,.54)!important;color:var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54))!important}.mdc-theme--text-hint-on-light{color:rgba(0,0,0,.38)!important;color:var(--mdc-theme-text-hint-on-light,rgba(0,0,0,.38))!important}.mdc-theme--text-disabled-on-light{color:rgba(0,0,0,.38)!important;color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))!important}.mdc-theme--text-icon-on-light{color:rgba(0,0,0,.38)!important;color:var(--mdc-theme-text-icon-on-light,rgba(0,0,0,.38))!important}.mdc-theme--text-primary-on-dark{color:#fff!important;color:var(--mdc-theme-text-primary-on-dark,#fff)!important}.mdc-theme--text-secondary-on-dark{color:hsla(0,0%,100%,.7)!important;color:var(--mdc-theme-text-secondary-on-dark,hsla(0,0%,100%,.7))!important}.mdc-theme--text-hint-on-dark{color:hsla(0,0%,100%,.5)!important;color:var(--mdc-theme-text-hint-on-dark,hsla(0,0%,100%,.5))!important}.mdc-theme--text-disabled-on-dark{color:hsla(0,0%,100%,.5)!important;color:var(--mdc-theme-text-disabled-on-dark,hsla(0,0%,100%,.5))!important}.mdc-theme--text-icon-on-dark{color:hsla(0,0%,100%,.5)!important;color:var(--mdc-theme-text-icon-on-dark,hsla(0,0%,100%,.5))!important}.mdc-theme--primary-bg{background-color:#6200ee!important;background-color:var(--mdc-theme-primary,#6200ee)!important}.mdc-theme--secondary-bg{background-color:#018786!important;background-color:var(--mdc-theme-secondary,#018786)!important}body .mdc-button .mdc-button__ripple:after,body .mdc-button .mdc-button__ripple:before{background-color:currentColor}body .mdc-fab .mdc-fab__ripple:after,body .mdc-fab .mdc-fab__ripple:before{background-color:currentColor}body .mdc-top-app-bar{color:#fff;color:var(--mdc-theme-on-primary,#fff)}.mdc-top-app-bar .mdc-tab-bar{--mdc-theme-primary:var(--mdc-theme-on-primary);--mdc-theme-on-surface:var(--mdc-theme-on-primary);color:#fff;color:var(--mdc-theme-on-primary)}.mdc-tab,body .mdc-tab:not(.mdc-tab--active) .mdc-tab__text-label{color:#000;color:var(--mdc-theme-on-surface)}.mdc-tab:not(.mdc-tab--active) .mdc-tab__text-label{opacity:.6}body .mdc-drawer .mdc-deprecated-list-item--activated{color:#6200ee;color:var(--mdc-theme-primary)}body .mdc-drawer .mdc-deprecated-list-item:not(.mdc-deprecated-list-item--activated){color:#000;color:var(--mdc-theme-on-surface)}body .mdc-drawer .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic{color:#6200ee;color:var(--mdc-theme-primary)}body .mdc-deprecated-list-divider{list-style:none}body .mdc-select:not(.mdc-select--disabled):not(.mdc-select--invalid).mdc-select--focused .mdc-floating-label{color:#6200ee;color:var(--mdc-theme-primary)}body .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--invalid).mdc-text-field--focused .mdc-floating-label{color:#6200ee;color:var(--mdc-theme-primary)}body .mdc-chip__text__primary-action:focus{outline:none}.mdc-linear-progress{text-align:left}input[type=range]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}body .mdc-switch:enabled .mdc-switch__track:after,body .mdc-switch:enabled:active .mdc-switch__track:after,body .mdc-switch:enabled:focus:not(:active) .mdc-switch__track:after,body .mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track:after{background:#c099f8}@supports (color:color-mix(in lch,red,blue)){body .mdc-switch:enabled .mdc-switch__track:after,body .mdc-switch:enabled:active .mdc-switch__track:after,body .mdc-switch:enabled:focus:not(:active) .mdc-switch__track:after,body .mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track:after{background:color-mix(in srgb,var(--mdc-theme-primary),#fff 60%)}}body .mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__handle:after,body .mdc-switch.mdc-switch--selected:enabled:focus:not(:active) .mdc-switch__handle:after,body .mdc-switch.mdc-switch--selected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle:after{background:#4e00be}@supports (color:color-mix(in lch,red,blue)){body .mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__handle:after,body .mdc-switch.mdc-switch--selected:enabled:focus:not(:active) .mdc-switch__handle:after,body .mdc-switch.mdc-switch--selected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle:after{background:color-mix(in srgb,var(--mdc-theme-primary),#000 20%)}}.rmwc-tooltip .mdc-tooltip__surface{max-height:100%;max-width:100%}