:root{--default-bg:#f7f7f7;--default-color:color(var(--default-bg) contrast(50%));--default-disabled-color:color(var(--default-color) blend(var(--default-bg) 70%));--default-theme:#4eccc4;--dark-bg:#263238;--dark-color:color(var(--dark-bg) contrast(50%));--dark-disabled-color:color(var(--dark-color) blend(var(--dark-bg) 70%));--dark-theme:#50ccc4;--ios-bg:#f7f7f7;--ios-color:color(var(--ios-bg) contrast(50%));--ios-disabled-color:color(var(--ios-color) blend(var(--ios-bg) 70%));--ios-theme:#dbdbdb;--android-bg:#f5f5f5;--android-color:color(var(--android-bg) contrast(50%));--android-disabled-color:color(var(--android-color) blend(var(--android-bg) 70%));--android-theme:#31b6e7;--android-dark-bg:#292829;--android-dark-color:color(var(--android-dark-bg) contrast(50%));--android-dark-disabled-color:color(var(--android-dark-color) blend(var(--android-dark-bg) 70%))}.datepicker-modal{position:absolute;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:999;display:flex;align-items:center;justify-content:center}.datepicker{position:relative;left:0;bottom:0;width:300px;z-index:1;font-size:16px;text-align:center;font-family:arial,verdana,sans-serif;box-sizing:initial;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;.datepicker-header{padding:0 .5em;min-height:2em;line-height:2em;font-size:1.125em}.datepicker-navbar{padding:0 .5em .5em;overflow:hidden}.datepicker-navbar-btn{height:2.5em;line-height:2.5em;float:right;padding:0 1em;cursor:pointer}.datepicker-caption{display:flex;padding:.5em .25em}.datepicker-caption-item{flex:1 1;margin:0 .25em;height:40px;line-height:40px;font-size:1.2em}.datepicker-scroll-btn{flex:1 1;margin:0 .25em;cursor:pointer}.datepicker-scroll-btn,.datepicker-scroll-btn-icon{display:flex;align-items:center;justify-content:center}.datepicker-scroll-btn-icon{border-radius:100%;font-size:12px;color:#a9a9a9;transition:background-color 1s;height:20px;width:20px}.datepicker-scroll-btn-icon:active{background:rgba(0,0,0,.4)}.datepicker-scroll-btn-icon:hover{color:#111}.datepicker-content{display:flex;padding:.5em .25em}.datepicker-col-1{flex:1 1;margin:0 .25em}.datepicker-viewport{height:200px;position:relative;overflow:hidden;&:after{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none}}.datepicker-wheel{position:absolute;height:40px;top:50%;margin-top:-20px;width:100%}.datepicker-scroll{list-style-type:none;padding:0;&>li{height:40px;line-height:40px;font-size:1.375em;cursor:pointer}}}.datepicker{&.default{background-color:#f7f7f7;background-color:var(--default-bg);.datepicker-header{color:#4eccc4;color:var(--default-theme)}.datepicker-wheel{border-top:1px solid #4eccc4;border-top:1px solid var(--default-theme);border-bottom:1px solid #4eccc4;border-bottom:1px solid var(--default-theme)}.datepicker-caption-item{color:color(#f7f7f7 contrast(50%));color:var(--default-color)}.datepicker-scroll{li{color:color(#f7f7f7 contrast(50%));color:var(--default-color)}li.disabled{color:color(color(#f7f7f7 contrast(50%)) blend(#f7f7f7 70%));color:var(--default-disabled-color)}}.datepicker-navbar-btn{color:#4eccc4;color:var(--default-theme)}}&.dark{background-color:#263238;background-color:var(--dark-bg);.datepicker-header{color:#50ccc4;color:var(--dark-theme)}.datepicker-wheel{border-top:1px solid #50ccc4;border-top:1px solid var(--dark-theme);border-bottom:1px solid #50ccc4;border-bottom:1px solid var(--dark-theme)}.datepicker-caption-item{color:color(#263238 contrast(50%));color:var(--dark-color)}.datepicker-scroll{li{color:color(#263238 contrast(50%));color:var(--dark-color)}li.disabled{color:color(color(#263238 contrast(50%)) blend(#263238 70%));color:var(--dark-disabled-color)}}.datepicker-navbar-btn{color:#50ccc4;color:var(--dark-theme)}}&.ios{background-color:#f7f7f7;background-color:var(--ios-bg);.datepicker-col-1{margin:0}.datepicker-header{color:color(#f7f7f7 contrast(50%));color:var(--ios-color);padding:0 3.5em}.datepicker-viewport{&:after{background:linear-gradient(#f7f7f7,hsla(0,0%,96.1%,0) 52%,hsla(0,0%,96.1%,0) 48%,#f7f7f7)}}.datepicker-wheel{border-top:1px solid #dbdbdb;border-top:1px solid var(--ios-theme);border-bottom:1px solid #dbdbdb;border-bottom:1px solid var(--ios-theme)}.datepicker-caption-item{color:color(#f7f7f7 contrast(50%));color:var(--ios-color)}.datepicker-scroll{li{color:color(#f7f7f7 contrast(50%));color:var(--ios-color)}li.disabled{color:color(color(#f7f7f7 contrast(50%)) blend(#f7f7f7 70%));color:var(--ios-disabled-color)}}.datepicker-navbar{position:absolute;z-index:2;top:0;left:0;width:100%;padding:0;border-bottom:1px solid #acacac}.datepicker-navbar-btn{color:#007aff;&:nth-child(2){float:left}}.datepicker-content{padding-top:48px}.datepicker-caption+.datepicker-content,.datepicker-header+.datepicker-content{padding-top:0}}&.android,&.android-dark{background-color:#f5f5f5;background-color:var(--android-bg);.datepicker-header{color:#31b6e7;color:var(--android-theme);border-bottom:2px solid #31b6e7;border-bottom:2px solid var(--android-theme)}.datepicker-col-1{margin:0 .625em}.datepicker-viewport{&:after{background-image:linear-gradient(#f5f5f5,hsla(0,0%,96.1%,0) 52%,hsla(0,0%,96.1%,0) 48%,#f5f5f5)}}.datepicker-wheel{border-top:2px solid #31b6e7;border-top:2px solid var(--android-theme);border-bottom:2px solid #31b6e7;border-bottom:2px solid var(--android-theme)}.datepicker-caption-item{color:color(#f5f5f5 contrast(50%));color:var(--android-color)}.datepicker-scroll{li{font-size:1.125em;color:color(#f5f5f5 contrast(50%));color:var(--android-color)}li.disabled{color:color(color(#f5f5f5 contrast(50%)) blend(#f5f5f5 70%));color:var(--android-disabled-color)}}.datepicker-navbar{display:flex;border-top:1px solid #d9d4d4;padding:0}.datepicker-navbar-btn{padding:0;color:#000;flex:1 1;&:nth-child(2){border-left:1px solid #d9d4d4}}}&.android-dark{background-color:#292829;background-color:var(--android-dark-bg);.datepicker-viewport{&:after{background-image:linear-gradient(#282828,rgba(40,40,40,0) 52%,rgba(40,40,40,0) 48%,#282828)}}.datepicker-caption-item{color:color(#292829 contrast(50%));color:var(--android-dark-color)}.datepicker-scroll{li{color:color(#292829 contrast(50%));color:var(--android-dark-color)}li.disabled{color:color(color(#292829 contrast(50%)) blend(#292829 70%));color:var(--android-dark-disabled-color)}}.datepicker-navbar{border-color:#424542}.datepicker-navbar-btn{color:#fff;&:nth-child(2){border-color:#424542}}}}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}