.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{margin-left:-8px;position:absolute}.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,.react-datepicker__year-read-view--down-arrow::before,.react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow::before{box-sizing:content-box;position:absolute;border:8px solid transparent;height:0;width:1px}.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,.react-datepicker__year-read-view--down-arrow::before,.react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow::before{content:"";z-index:-1;border-width:8px;left:-8px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle{top:0;margin-top:-8px}.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before{border-top:none;border-bottom-color:#f0f0f0}.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before{top:-1px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,.react-datepicker__year-read-view--down-arrow::before,.react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow::before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,.react-datepicker__year-read-view--down-arrow::before,.react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow::before{bottom:-1px;border-top-color:#aeaeae}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:0.3rem;border-bottom-right-radius:0.3rem}.react-datepicker__triangle{position:absolute;left:50px}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^="bottom"]{margin-top:10px}.react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle,.react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^="top"]{margin-bottom:10px}.react-datepicker-popper[data-placement^="right"]{margin-left:8px}.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^="left"]{margin-right:8px}.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding-top:8px;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 2px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:bold;font-size:.944rem}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{background:none;line-height:1.7rem;text-align:center;cursor:pointer;position:absolute;top:10px;width:0;padding:0;border:.45rem solid transparent;z-index:1;height:10px;width:10px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:10px;border-right-color:#ccc}.react-datepicker__navigation--previous:hover{border-right-color:#b3b3b3}.react-datepicker__navigation--previous--disabled,.react-datepicker__navigation--previous--disabled:hover{border-right-color:#e6e6e6;cursor:default}.react-datepicker__navigation--next{right:10px;border-left-color:#ccc}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:95px}.react-datepicker__navigation--next:hover{border-left-color:#b3b3b3}.react-datepicker__navigation--next--disabled,.react-datepicker__navigation--next--disabled:hover{border-left-color:#e6e6e6;cursor:default}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px;border-top-color:#ccc}.react-datepicker__navigation--years-previous:hover{border-top-color:#b3b3b3}.react-datepicker__navigation--years-upcoming{top:-4px;border-bottom-color:#ccc}.react-datepicker__navigation--years-upcoming:hover{border-bottom-color:#b3b3b3}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:0.3rem;position:absolute;right:-72px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:white;border-bottom-right-radius:0.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:0.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + (1.7rem / 2));overflow-y:scroll;padding-right:0px;padding-left:0px;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:white;font-weight:bold}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__month--selected,.react-datepicker__month--in-selecting-range,.react-datepicker__month--in-range,.react-datepicker__quarter--selected,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__month--selected:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--in-range:hover,.react-datepicker__quarter--selected:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--in-range:hover{background-color:#1d5d90}.react-datepicker__month--disabled,.react-datepicker__quarter--disabled{color:#ccc;pointer-events:none}.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:bold}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:magenta}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__year-text--selected:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--in-range:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#2a87d0;color:#fff}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range ,.react-datepicker__month-text--in-selecting-range ,.react-datepicker__quarter-text--in-selecting-range ,.react-datepicker__year-text--in-selecting-range {background-color:rgba(33,107,165,0.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range ,.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range ,.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range ,.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range {background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover{background-color:#216ba5}.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover{background-color:#f0f0f0}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-top-color:#ccc;float:right;margin-left:20px;top:8px;position:relative;border-width:.45rem}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0px 6px 0px 0px;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon::after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"\00d7"}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:bold;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,0.8);left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px), (max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__portal .react-datepicker__navigation{border:.81rem solid transparent}.react-datepicker__portal .react-datepicker__navigation--previous{border-right-color:#ccc}.react-datepicker__portal .react-datepicker__navigation--previous:hover{border-right-color:#b3b3b3}.react-datepicker__portal .react-datepicker__navigation--previous--disabled,.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover{border-right-color:#e6e6e6;cursor:default}.react-datepicker__portal .react-datepicker__navigation--next{border-left-color:#ccc}.react-datepicker__portal .react-datepicker__navigation--next:hover{border-left-color:#b3b3b3}.react-datepicker__portal .react-datepicker__navigation--next--disabled,.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover{border-left-color:#e6e6e6;cursor:default} /* DayPicker styles */ .DayPicker { display: inline-block; font-size: 1rem; } .DayPicker-wrapper { position: relative; flex-direction: row; padding-bottom: 1em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .DayPicker-Months { display: flex; flex-wrap: wrap; justify-content: center; } .DayPicker-Month { display: table; margin: 0 1em; margin-top: 1em; border-spacing: 0; border-collapse: collapse; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .DayPicker-NavBar { } .DayPicker-NavButton { position: absolute; top: 1em; right: 1.5em; left: auto; display: inline-block; margin-top: 2px; width: 1.25em; height: 1.25em; background-position: center; background-size: 50%; background-repeat: no-repeat; color: #8B9898; cursor: pointer; } .DayPicker-NavButton:hover { opacity: 0.8; } .DayPicker-NavButton--prev { margin-right: 1.5em; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC'); } .DayPicker-NavButton--next { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg=='); } .DayPicker-NavButton--interactionDisabled { display: none; } .DayPicker-Caption { display: table-caption; margin-bottom: 0.5em; padding: 0 0.5em; text-align: left; } .DayPicker-Caption > div { font-weight: 500; font-size: 1.15em; } .DayPicker-Weekdays { display: table-header-group; margin-top: 1em; } .DayPicker-WeekdaysRow { display: table-row; } .DayPicker-Weekday { display: table-cell; padding: 0.5em; color: #8B9898; text-align: center; font-size: 0.875em; } .DayPicker-Weekday abbr[title] { border-bottom: none; text-decoration: none; } .DayPicker-Body { display: table-row-group; } .DayPicker-Week { display: table-row; } .DayPicker-Day { display: table-cell; padding: 0.5em; border-radius: 50%; vertical-align: middle; text-align: center; cursor: pointer; } .DayPicker-WeekNumber { display: table-cell; padding: 0.5em; min-width: 1em; border-right: 1px solid #EAECEC; color: #8B9898; vertical-align: middle; text-align: right; font-size: 0.75em; cursor: pointer; } .DayPicker--interactionDisabled .DayPicker-Day { cursor: default; } .DayPicker-Footer { padding-top: 0.5em; } .DayPicker-TodayButton { border: none; background-color: transparent; background-image: none; box-shadow: none; color: #4A90E2; font-size: 0.875em; cursor: pointer; } /* Default modifiers */ .DayPicker-Day--today { color: #D0021B; font-weight: 700; } .DayPicker-Day--outside { color: #8B9898; cursor: default; } .DayPicker-Day--disabled { color: #DCE0E0; cursor: default; /* background-color: #eff1f1; */ } /* Example modifiers */ .DayPicker-Day--sunday { background-color: #F7F8F8; } .DayPicker-Day--sunday:not(.DayPicker-Day--today) { color: #DCE0E0; } .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) { position: relative; background-color: #4A90E2; color: #F0F8FF; } .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover { background-color: #51A0FA; } .DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover { background-color: #F0F8FF; } /* DayPickerInput */ .DayPickerInput { display: inline-block; } .DayPickerInput-OverlayWrapper { position: relative; } .DayPickerInput-Overlay { position: absolute; left: 0; z-index: 1; background: white; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); } .rc-color-picker-panel-inner { position: relative; border-radius: 4px; box-shadow: 0 1px 5px #ccc; border: 1px solid #ccc; padding-bottom: 8px; } .rc-color-picker-panel-wrap { margin: 5px 0 0; height: 30px; width: 100%; position: relative; } .rc-color-picker-panel-wrap-preview { position: absolute; right: 8px; } .rc-color-picker-panel-wrap-ribbon { position: absolute; left: 8px; top: 0; right: 43px; height: 30px; } .rc-color-picker-panel-wrap-alpha { position: absolute; left: 8px; right: 43px; bottom: 0; height: 12.5px; } .rc-color-picker-panel-wrap-has-alpha .rc-color-picker-panel-wrap-ribbon { height: 12.5px; } .rc-color-picker-trigger { border: 1px solid #999; display: inline-block; padding: 2px; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 20px; height: 20px; cursor: pointer; box-shadow: 0 0 0 2px #fff inset; } .rc-color-picker-trigger-open { box-shadow: 0px 0px 3px #999; } .rc-color-picker-panel { width: 218px; background-color: #fff; box-sizing: border-box; outline: none; z-index: 9; border-radius: 4px; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .rc-color-picker-panel * { box-sizing: border-box; } .rc-color-picker-panel-open { display: block; } .rc-color-picker-panel-close { display: none; } .rc-color-picker-panel-preview { height: 30px; width: 30px; overflow: hidden; border-radius: 2px; background-image: url('data:image/png;base64,R0lGODdhCgAKAPAAAOXl5f///ywAAAAACgAKAEACEIQdqXt9GxyETrI279OIgwIAOw=='); } .rc-color-picker-panel-preview span { box-shadow: 0 0 2px #808080 inset; } .rc-color-picker-panel-preview span, .rc-color-picker-panel-preview input[type=color] { position: absolute; display: block; height: 100%; width: 30px; border-radius: 2px; } .rc-color-picker-panel-preview input[type=color] { opacity: 0; } .rc-color-picker-panel-board { position: relative; font-size: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 8px 8px 0px; } .rc-color-picker-panel-board span { position: absolute; border-radius: 10px; border: 1px solid #fff; width: 9px; height: 9px; margin: -4px 0 0 -4px; left: -999px; top: -999px; box-shadow: 0 0 1px rgba(120, 120, 120, 0.7); z-index: 2; } .rc-color-picker-panel-board-hsv { width: 200px; height: 150px; position: relative; z-index: 1; border-radius: 2px; } .rc-color-picker-panel-board-value { border-radius: 2px; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigwLDAsMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=); background-image: -webkit-linear-gradient(top, transparent 0%, #000000 100%); background-image: -moz-linear-gradient(top, transparent 0%, #000000 100%); background-image: -o-linear-gradient(top, transparent 0%, #000000 100%); background-image: linear-gradient(to bottom, transparent 0%, #000000 100%); } .rc-color-picker-panel-board-saturation { border-radius: 2px; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDAsMCwwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=); background-image: -webkit-linear-gradient(left, #ffffff 0%, transparent 100%); background-image: -moz-linear-gradient(left, #ffffff 0%, transparent 100%); background-image: -o-linear-gradient(left, #ffffff 0%, transparent 100%); background-image: linear-gradient(to right, #ffffff 0%, transparent 100%); } .rc-color-picker-panel-board-handler { box-shadow: 0 0 2px #808080 inset; border-radius: 2px; cursor: crosshair; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; } .rc-color-picker-panel-ribbon { position: relative; height: 100%; border-radius: 2px; box-shadow: 0 0 2px #808080 inset; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZmY5OTAwIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2NkZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMzNWZmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjMDBmZjY2IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiMwMDY2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjMzIwMGZmIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2NkMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmZjAwOTkiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=); background-image: -webkit-linear-gradient(left, #ff0000 0%, #ff9900 10%, #cdff00 20%, #35ff00 30%, #00ff66 40%, #00fffd 50%, #0066ff 60%, #3200ff 70%, #cd00ff 80%, #ff0099 90%, #ff0000 100%); background-image: -moz-linear-gradient(left, #ff0000 0%, #ff9900 10%, #cdff00 20%, #35ff00 30%, #00ff66 40%, #00fffd 50%, #0066ff 60%, #3200ff 70%, #cd00ff 80%, #ff0099 90%, #ff0000 100%); background-image: -o-linear-gradient(left, #ff0000 0%, #ff9900 10%, #cdff00 20%, #35ff00 30%, #00ff66 40%, #00fffd 50%, #0066ff 60%, #3200ff 70%, #cd00ff 80%, #ff0099 90%, #ff0000 100%); background-image: linear-gradient(to right, #ff0000 0%, #ff9900 10%, #cdff00 20%, #35ff00 30%, #00ff66 40%, #00fffd 50%, #0066ff 60%, #3200ff 70%, #cd00ff 80%, #ff0099 90%, #ff0000 100%); } .rc-color-picker-panel-ribbon span { position: absolute; top: 0; height: 100%; width: 4px; border: 1px solid #000000; padding: 1px 0; margin-left: -2px; background-color: #fff; border-radius: 3px; } .rc-color-picker-panel-ribbon-handler { position: absolute; width: 104%; height: 100%; left: -2%; cursor: pointer; } .rc-color-picker-panel-alpha { position: relative; height: 100%; width: 100%; border-radius: 2px; background-image: url('data:image/png;base64,R0lGODdhCgAKAPAAAOXl5f///ywAAAAACgAKAEACEIQdqXt9GxyETrI279OIgwIAOw=='); background-repeat: repeat; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .rc-color-picker-panel-alpha-bg { position: absolute; width: 100%; height: 100%; border-radius: 2px; box-shadow: 0 0 2px #808080 inset; } .rc-color-picker-panel-alpha span { position: absolute; top: 0; height: 100%; width: 4px; border: 1px solid #000000; padding: 1px 0; margin-left: -2px; background-color: #fff; border-radius: 3px; } .rc-color-picker-panel-alpha-handler { position: absolute; width: 104%; height: 100%; left: -2%; cursor: pointer; } .rc-color-picker-panel-params { font-size: 12px; } .rc-color-picker-panel-params-input { overflow: hidden; padding: 2px 8px; } .rc-color-picker-panel-params input { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; text-align: center; padding: 1px; margin: 0; float: left; border-radius: 2px; border: 1px solid #CACACA; font-family: 'Helvetica Neue', Helvetica, sans-serif; } .rc-color-picker-panel-params-hex { width: 52px; } .rc-color-picker-panel-params input[type=number] { margin-left: 5px; width: 44px; } .rc-color-picker-panel-params input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; } .rc-color-picker-panel-params-lable { padding: 2px 8px; height: 22px; line-height: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .rc-color-picker-panel-params-lable label { float: left; text-align: center; } .rc-color-picker-panel-params-lable-hex { width: 52px; } .rc-color-picker-panel-params-lable-number, .rc-color-picker-panel-params-lable-alpha { margin-left: 5px; width: 44px; text-transform: uppercase; } .rc-color-picker-panel-params-lable-number:hover { border-radius: 2px; background-color: #eee; box-shadow: 0 0 0 1px #ccc inset; cursor: pointer; } .rc-color-picker-panel-params-has-alpha input[type=number] { width: 32px; } .rc-color-picker-panel-params-has-alpha .rc-color-picker-panel-params-lable-number, .rc-color-picker-panel-params-has-alpha .rc-color-picker-panel-params-lable-alpha { width: 32px; } .rc-color-picker { position: absolute; left: -9999px; top: -9999px; z-index: 1000; } .rc-color-picker-wrap { display: inline-block; } .rc-color-picker-slide-up-enter { animation-duration: .3s; animation-fill-mode: both; transform-origin: 0 0; display: block !important; opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); animation-play-state: paused; } .rc-color-picker-slide-up-appear { animation-duration: .3s; animation-fill-mode: both; transform-origin: 0 0; display: block !important; opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); animation-play-state: paused; } .rc-color-picker-slide-up-leave { animation-duration: .3s; animation-fill-mode: both; transform-origin: 0 0; display: block !important; opacity: 1; animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); animation-play-state: paused; } .rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-bottomLeft, .rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-bottomRight, .rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-bottomLeft, .rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-bottomRight { animation-name: rcColorPickerSlideUpIn; animation-play-state: running; } .rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-topLeft, .rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-topRight, .rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-topLeft, .rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-topRight { animation-name: rcColorPickerSlideDownIn; animation-play-state: running; } .rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-bottomLeft, .rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-bottomRight { animation-name: rcColorPickerSlideUpOut; animation-play-state: running; } .rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-topLeft, .rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-topRight { animation-name: rcColorPickerSlideDownOut; animation-play-state: running; } @keyframes rcColorPickerSlideUpIn { 0% { opacity: 0; transform-origin: 0% 0%; transform: scaleY(0); } 100% { opacity: 1; transform-origin: 0% 0%; transform: scaleY(1); } } @keyframes rcColorPickerSlideUpOut { 0% { opacity: 1; transform-origin: 0% 0%; transform: scaleY(1); } 100% { opacity: 0; transform-origin: 0% 0%; transform: scaleY(0); } } @keyframes rcColorPickerSlideDownIn { 0% { opacity: 0; transform-origin: 100% 100%; transform: scaleY(0); } 100% { opacity: 1; transform-origin: 100% 100%; transform: scaleY(1); } } @keyframes rcColorPickerSlideDownOut { 0% { opacity: 1; transform-origin: 100% 100%; transform: scaleY(1); } 100% { opacity: 0; transform-origin: 100% 100%; transform: scaleY(0); } } .emoji-mart, .emoji-mart * { box-sizing: border-box; line-height: 1.15; } .emoji-mart { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif; font-size: 16px; display: inline-block; color: #222427; border: 1px solid #d9d9d9; border-radius: 5px; background: #fff; } .emoji-mart .emoji-mart-emoji { padding: 6px; } .emoji-mart-bar { border: 0 solid #d9d9d9; } .emoji-mart-bar:first-child { border-bottom-width: 1px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .emoji-mart-bar:last-child { border-top-width: 1px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .emoji-mart-anchors { display: flex; flex-direction: row; justify-content: space-between; padding: 0 6px; line-height: 0; } .emoji-mart-anchor { position: relative; display: block; flex: 1 1 auto; color: #858585; text-align: center; padding: 12px 4px; overflow: hidden; transition: color .1s ease-out; margin: 0; box-shadow: none; background: none; border: none; } .emoji-mart-anchor:focus { outline: 0 } .emoji-mart-anchor:hover, .emoji-mart-anchor:focus, .emoji-mart-anchor-selected { color: #464646; } .emoji-mart-anchor-selected .emoji-mart-anchor-bar { bottom: 0; } .emoji-mart-anchor-bar { position: absolute; bottom: -3px; left: 0; width: 100%; height: 3px; background-color: #464646; } .emoji-mart-anchors i { display: inline-block; width: 100%; max-width: 22px; } .emoji-mart-anchors svg, .emoji-mart-anchors img { fill: currentColor; height: 18px; width: 18px; } .emoji-mart-scroll { overflow-y: scroll; overflow-x: hidden; height: 270px; padding: 0 6px 6px 6px; will-change: transform; /* avoids "repaints on scroll" in mobile Chrome */ } .emoji-mart-search { margin-top: 6px; padding: 0 6px; position: relative; } .emoji-mart-search input { font-size: 16px; display: block; width: 100%; padding: 5px 25px 6px 10px; border-radius: 5px; border: 1px solid #d9d9d9; outline: 0; } .emoji-mart-search input, .emoji-mart-search input::-webkit-search-decoration, .emoji-mart-search input::-webkit-search-cancel-button, .emoji-mart-search input::-webkit-search-results-button, .emoji-mart-search input::-webkit-search-results-decoration { /* remove webkit/blink styles for * via https://stackoverflow.com/a/9422689 */ -webkit-appearance: none; } .emoji-mart-search-icon { position: absolute; top: 7px; right: 11px; z-index: 2; padding: 2px 5px 1px; border: none; background: none; } .emoji-mart-category .emoji-mart-emoji span { z-index: 1; position: relative; text-align: center; cursor: default; } .emoji-mart-category .emoji-mart-emoji:hover:before { z-index: 0; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #f4f4f4; border-radius: 100%; } .emoji-mart-category-label { z-index: 2; position: relative; position: -webkit-sticky; position: sticky; top: 0; } .emoji-mart-category-label span { display: block; width: 100%; font-weight: 500; padding: 5px 6px; background-color: #fff; background-color: rgba(255, 255, 255, .95); } .emoji-mart-category-list { margin: 0; padding: 0; } .emoji-mart-category-list li { list-style: none; margin: 0; padding: 0; display: inline-block; } .emoji-mart-emoji { position: relative; display: inline-block; font-size: 0; margin: 0; padding: 0; border: none; background: none; box-shadow: none; } .emoji-mart-emoji-native { font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji"; } .emoji-mart-no-results { font-size: 14px; text-align: center; padding-top: 70px; color: #858585; } .emoji-mart-no-results-img { display: block; margin-left: auto; margin-right: auto; width: 50%; } .emoji-mart-no-results .emoji-mart-category-label { display: none; } .emoji-mart-no-results .emoji-mart-no-results-label { margin-top: .2em; } .emoji-mart-no-results .emoji-mart-emoji:hover:before { content: none; } .emoji-mart-preview { position: relative; height: 70px; } .emoji-mart-preview-emoji, .emoji-mart-preview-data, .emoji-mart-preview-skins { position: absolute; top: 50%; transform: translateY(-50%); } .emoji-mart-preview-emoji { left: 12px; } .emoji-mart-preview-data { left: 68px; right: 12px; word-break: break-all; } .emoji-mart-preview-skins { right: 30px; text-align: right; } .emoji-mart-preview-skins.custom { right: 10px; text-align: right; } .emoji-mart-preview-name { font-size: 14px; } .emoji-mart-preview-shortname { font-size: 12px; color: #888; } .emoji-mart-preview-shortname + .emoji-mart-preview-shortname, .emoji-mart-preview-shortname + .emoji-mart-preview-emoticon, .emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon { margin-left: .5em; } .emoji-mart-preview-emoticon { font-size: 11px; color: #bbb; } .emoji-mart-title span { display: inline-block; vertical-align: middle; } .emoji-mart-title .emoji-mart-emoji { padding: 0; } .emoji-mart-title-label { color: #999A9C; font-size: 26px; font-weight: 300; } .emoji-mart-skin-swatches { font-size: 0; padding: 2px 0; border: 1px solid #d9d9d9; border-radius: 12px; background-color: #fff; } .emoji-mart-skin-swatches.custom { font-size: 0; border: none; background-color: #fff; } .emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch { width: 16px; padding: 0 2px; } .emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after { opacity: .75; } .emoji-mart-skin-swatch { display: inline-block; width: 0; vertical-align: middle; transition-property: width, padding; transition-duration: .125s; transition-timing-function: ease-out; } .emoji-mart-skin-swatch:nth-child(1) { transition-delay: 0s } .emoji-mart-skin-swatch:nth-child(2) { transition-delay: .03s } .emoji-mart-skin-swatch:nth-child(3) { transition-delay: .06s } .emoji-mart-skin-swatch:nth-child(4) { transition-delay: .09s } .emoji-mart-skin-swatch:nth-child(5) { transition-delay: .12s } .emoji-mart-skin-swatch:nth-child(6) { transition-delay: .15s } .emoji-mart-skin-swatch.selected { position: relative; width: 16px; padding: 0 2px; } .emoji-mart-skin-swatch.selected:after { content: ""; position: absolute; top: 50%; left: 50%; width: 4px; height: 4px; margin: -2px 0 0 -2px; background-color: #fff; border-radius: 100%; pointer-events: none; opacity: 0; transition: opacity .2s ease-out; } .emoji-mart-skin-swatch.custom { display: inline-block; width: 0; height: 38px; overflow: hidden; vertical-align: middle; transition-property: width, height; transition-duration: .125s; transition-timing-function: ease-out; cursor: default; } .emoji-mart-skin-swatch.custom.selected { position: relative; width: 36px; height: 38px; padding: 0 2px 0 0; } .emoji-mart-skin-swatch.custom.selected:after { content: ""; width: 0; height: 0; } .emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover { background-color: #f4f4f4; border-radius: 10%; } .emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom { width: 36px; height: 38px; padding: 0 2px 0 0; } .emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after { opacity: .75; } .emoji-mart-skin-text.opened { display: inline-block; vertical-align: middle; text-align: left; color: #888; font-size: 11px; padding: 5px 2px; width: 95px; height: 40px; border-radius: 10%; background-color: #fff; } .emoji-mart-skin { display: inline-block; width: 100%; padding-top: 100%; max-width: 12px; border-radius: 100%; } .emoji-mart-skin-tone-1 { background-color: #ffc93a } .emoji-mart-skin-tone-2 { background-color: #fadcbc } .emoji-mart-skin-tone-3 { background-color: #e0bb95 } .emoji-mart-skin-tone-4 { background-color: #bf8f68 } .emoji-mart-skin-tone-5 { background-color: #9b643d } .emoji-mart-skin-tone-6 { background-color: #594539 } /* For screenreaders only, via https://stackoverflow.com/a/19758620 */ .emoji-mart-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /* * Dark mode styles */ .emoji-mart-dark { color: #fff; border-color: #555453; background-color: #222; } .emoji-mart-dark .emoji-mart-bar { border-color: #555453; } .emoji-mart-dark .emoji-mart-search input { color: #fff; border-color: #555453; background-color: #2f2f2f; } .emoji-mart-dark .emoji-mart-search-icon svg { fill: #fff; } .emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before { background-color: #444; } .emoji-mart-dark .emoji-mart-category-label span { background-color: #222; color: #fff; } .emoji-mart-dark .emoji-mart-skin-swatches { border-color: #555453; background-color: #222; } .emoji-mart-dark .emoji-mart-anchor:hover, .emoji-mart-dark .emoji-mart-anchor:focus, .emoji-mart-dark .emoji-mart-anchor-selected { color: #bfbfbf; } @font-face { font-family: 'Abril Fatface'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/abrilfatface/v24/zOL64pLDlL1D99S8g8PtiKchq-dmiA.ttf) format('truetype'); } @font-face { font-family: 'Acme'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/acme/v26/RrQfboBx-C5_XxrBaw.ttf) format('truetype'); } @font-face { font-family: 'Alegreya'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/alegreya/v39/4UacrEBBsBhlBjvfkQjt71kZfyBzPgNG9hU4-6qm.ttf) format('truetype'); } @font-face { font-family: 'Alegreya Sans'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/alegreyasans/v26/5aUz9_-1phKLFgshYDvh6Vwt7VptuA.ttf) format('truetype'); } @font-face { font-family: 'Amatic SC'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/amaticsc/v27/TUZyzwprpvBS1izr_vOECuSa.ttf) format('truetype'); } @font-face { font-family: 'Anton'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/anton/v26/1Ptgg87LROyAm3Kz-Co.ttf) format('truetype'); } @font-face { font-family: 'Archivo Black'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/archivoblack/v23/HTxqL289NzCGg4MzN6KJ7eW6CYyF-w.ttf) format('truetype'); } @font-face { font-family: 'Arvo'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/arvo/v23/tDbD2oWUg0MKqScQ6A.ttf) format('truetype'); } @font-face { font-family: 'Bungee Shade'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/bungeeshade/v16/DtVkJxarWL0t2KdzK3oI_jkc6SjW.ttf) format('truetype'); } @font-face { font-family: 'Cinzel'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/cinzel/v26/8vIU7ww63mVu7gtR-kwKxNvkNOjw-tbnfY3lCA.ttf) format('truetype'); } @font-face { font-family: 'Creepster'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/creepster/v13/AlZy_zVUqJz4yMrniH4Rcn38.ttf) format('truetype'); } @font-face { font-family: 'Dancing Script'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/dancingscript/v29/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup5.ttf) format('truetype'); } @font-face { font-family: 'Eater'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/eater/v26/mtG04_FCK7bOvquxsXU.ttf) format('truetype'); } @font-face { font-family: 'Fjalla One'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/fjallaone/v15/Yq6R-LCAWCX3-6Ky7FAFrOF6lw.ttf) format('truetype'); } @font-face { font-family: 'Francois One'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/francoisone/v21/_Xmr-H4zszafZw3A-KPSZut9wQiU.ttf) format('truetype'); } @font-face { font-family: 'Frijole'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/frijole/v15/uU9PCBUR8oakM2BQ3xTR2g.ttf) format('truetype'); } @font-face { font-family: 'Gloria Hallelujah'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/gloriahallelujah/v24/LYjYdHv3kUk9BMV96EIswT9DIbW-MIS11zY.ttf) format('truetype'); } @font-face { font-family: 'Inconsolata'; font-style: normal; font-weight: 400; font-stretch: normal; src: url(https://fonts.gstatic.com/s/inconsolata/v37/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp4U8WR32kg.ttf) format('truetype'); } @font-face { font-family: 'Indie Flower'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/indieflower/v23/m8JVjfNVeKWVnh3QMuKkFcZVaUuC.ttf) format('truetype'); } @font-face { font-family: 'Josefin Slab'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/josefinslab/v28/lW-swjwOK3Ps5GSJlNNkMalNpiZe_ldbOR4W71msR349Lw.ttf) format('truetype'); } @font-face { font-family: 'Lobster'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/lobster/v32/neILzCirqoswsqX9zoKmNg.ttf) format('truetype'); } @font-face { font-family: 'Lobster Two'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/lobstertwo/v22/BngMUXZGTXPUvIoyV6yN5-fN5qA.ttf) format('truetype'); } @font-face { font-family: 'Mystery Quest'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/mysteryquest/v20/-nF6OG414u0E6k0wynSGlujRLwYvCw.ttf) format('truetype'); } @font-face { font-family: 'Nosifer'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/nosifer/v23/ZGjXol5JTp0g5bxZWCpbUA.ttf) format('truetype'); } @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 400; font-stretch: normal; src: url(https://fonts.gstatic.com/s/notosans/v42/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9a6Vc.ttf) format('truetype'); } @font-face { font-family: 'Old Standard TT'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/oldstandardtt/v22/MwQubh3o1vLImiwAVvYawgcf2eVeqlq9.ttf) format('truetype'); } @font-face { font-family: 'Oleo Script'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/oleoscript/v14/rax5HieDvtMOe0iICsUccChdu0o.ttf) format('truetype'); } @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/opensanscondensed/v24/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDuXMQg.ttf) format('truetype'); } @font-face { font-family: 'Orbitron'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/orbitron/v35/yMJMMIlzdpvBhQQL_SC3X9yhF25-T1nyGy6BoWg2.ttf) format('truetype'); } @font-face { font-family: 'Pacifico'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/pacifico/v22/FwZY7-Qmy14u9lezJ-6H6Mw.ttf) format('truetype'); } @font-face { font-family: 'Permanent Marker'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/permanentmarker/v16/Fh4uPib9Iyv2ucM6pGQMWimMp004La2Ceg.ttf) format('truetype'); } @font-face { font-family: 'Poiret One'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/poiretone/v18/UqyVK80NJXN4zfRgbdfbo55cUg.ttf) format('truetype'); } @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/raleway/v37/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrQ.ttf) format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-stretch: normal; src: url(https://fonts.gstatic.com/s/roboto/v49/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmUiA8.ttf) format('truetype'); } @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/ubuntu/v21/4iCs6KVjbNBYlgoKfw7z.ttf) format('truetype'); } @font-face { font-family: 'Yanone Kaffeesatz'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/yanonekaffeesatz/v31/3y9I6aknfjLm_3lMKjiMgmUUYBs04aUXNxt9gW2LIfto9tWZd2GP.ttf) format('truetype'); } @font-face { font-family: 'Assistant'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/assistant/v24/2sDPZGJYnIjSi6H75xkZZE1I0yCmYzzQtuZnEGE.ttf) format('truetype'); } @font-face { font-family: 'Heebo'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/heebo/v28/NGSpv5_NC0k9P_v6ZUCbLRAHxK1EiSyccg.ttf) format('truetype'); } @font-face { font-family: 'Roboto', sans-serif; font-family: 'Open Sans Condensed', sans-serif; font-family: 'Ubuntu', sans-serif; font-family: 'Raleway', sans-serif; font-family: 'Indie Flower', cursive; font-family: 'Inconsolata', monospace; font-family: 'Anton', sans-serif; font-family: 'Fjalla One', sans-serif; font-family: 'Arvo', serif; font-family: 'Lobster', cursive; font-family: 'Yanone Kaffeesatz', sans-serif; font-family: 'Pacifico', cursive; font-family: 'Abril Fatface', cursive; font-family: 'Gloria Hallelujah', cursive; font-family: 'Dancing Script', cursive; font-family: 'Acme', sans-serif; font-family: 'Francois One', sans-serif; font-family: 'Archivo Black', sans-serif; font-family: 'Amatic SC', cursive; font-family: 'Alegreya', serif; font-family: 'Cinzel', serif; font-family: 'Poiret One', cursive; font-family: 'Permanent Marker', cursive; font-family: 'Josefin Slab', serif; font-family: 'Lobster Two', cursive; font-family: 'Alegreya Sans', sans-serif; font-family: 'Orbitron', sans-serif; font-family: 'Old Standard TT', serif; font-family: 'Oleo Script', cursive; font-family: 'Saira Condensed', sans-serif; font-family: 'Noto Sans', sans-serif; font-family: 'Creepster', cursive; font-family: 'Eater', cursive; font-family: 'Nosifer', cursive; font-family: 'Frijole', cursive; font-family: 'Mystery Quest', cursive; font-family: 'Bungee Shade', cursive; font-family: 'Heebo', sans-serif; font-family: 'Assistant', sans-serif; } /** AvenyT for Instagram tags **/ @font-face { font-family: 'AvenyT'; src: url('./fonts/AvenyT_Regular.woff2') format("woff2"); } /** AvenyT Upper for Modern - Created by using program FontForge by copying upper case characters and pasting them over lower case characters **/ @font-face { font-family: 'Modern'; src: url('./fonts/AvenyT_Upper.woff2') format("woff2"); } /** Roboto Black for Instagram Text items **/ @font-face { font-family: 'Instagram Text'; src: url('./fonts/roboto-black.woff2') format("woff2"); } /** Roboto Black for Instagram Classic **/ @font-face { font-family: 'Classic'; src: url('./fonts/roboto-black.woff2') format("woff2"); } /** Cosmopolitan Script Regular for Instagram Neon font **/ @font-face { font-family: 'Neon'; src: url('./fonts/CosmopolitanScript-Regular.otf'); font-weight: normal; } /** Cosmopolitan Script Regular for Instagram Typewriter font **/ @font-face { font-family: 'Typewriter'; src: url('./fonts/courier-new-bold.woff2'); font-weight: normal; } /** Helvetica Neue Black Italic for Instagram Strong font **/ @font-face { font-family: 'Strong'; src: url('./fonts/helvetica-neue-black-italic.woff2'); font-weight: normal; } /** San Francisco Font **/ @font-face { font-family: 'San Francisco'; src: url('./fonts/SanFranciscoDisplay-Medium.otf'); font-weight: normal; } @font-face { font-family: 'Capsmall'; src: url('./fonts/capsmall.woff2'); font-weight: normal; } @font-face { font-family: 'Bad Suabia Swing'; src: url('./fonts/bad-suabia-swing.woff2'); font-weight: normal; } @font-face { font-family: 'Ed Gein Gwilty'; src: url('./fonts/ed-gein-gwilty.woff2'); font-weight: normal; } @font-face { font-family: 'King Things'; src: url('./fonts/kingthings.woff2'); font-weight: normal; } @font-face { font-family: 'Mountains'; src: url('./fonts/mountains.woff2'); font-weight: normal; } @font-face { font-family: 'Ice Caps'; src: url('./fonts/ice-caps.woff2'); font-weight: normal; } @font-face { font-family: 'Chopin Script'; src: url('./fonts/chopin-script.woff2'); font-weight: normal; } @font-face { font-family: 'Pippi'; src: url('./fonts/pippi.woff2'); font-weight: normal; } @font-face { font-family: 'Times New Roman'; src: url('./fonts/times-new-roman.ttf'); font-weight: normal; } @font-face { font-family: 'Courier New'; src: url('./fonts/courier-new.ttf'); font-weight: normal; } @font-face { font-family: 'Arial'; src: url('./fonts/arial.ttf'); font-weight: normal; } @font-face { font-family: 'Instagram Sans'; src: url('./fonts/instagram-sans-light.ttf') format("truetype"); font-weight: lighter; } @font-face { font-family: 'Instagram Sans'; src: url('./fonts/instagram-sans-medium.ttf') format("truetype"); font-weight: normal; } @font-face { font-family: 'Instagram Sans'; src: url('./fonts/instagram-sans-bold.ttf') format("truetype"); font-weight: bold; } @font-face { font-family: 'Instagram Sans Condensed'; src: url('./fonts/instagram-sans-condensed-regular.ttf') format("truetype"); font-weight: normal; } @font-face { font-family: 'Instagram Sans Condensed'; src: url('./fonts/instagram-sans-condensed-bold.ttf') format("truetype"); font-weight: bold; } @font-face { font-family: 'Instagram Sans Script'; src: url('./fonts/instagram-sans-script-regular.woff2') format("woff2"); font-weight: normal; } @font-face { font-family: 'Instagram Sans Script'; src: url('./fonts/instagram-sans-script-bold.woff2') format("woff2"); font-weight: bold; } html, body, #app { height: 100%; overflow: hidden; font-family: "Roboto"; background-color: #f7f7f7; } a { color: #4c4c4c; text-decoration: underline; cursor: pointer; } a:hover { color: #a0a0a0; cursor: pointer; } a.menu-item { color: #4c4c4c; text-decoration: none !important; cursor: pointer; } a.button { text-decoration: none !important; } /* Bulk selection modal classes for css-transition-groups */ .bulk-selection-bar { display: flex; flex: 0 0 auto; overflow-x: auto; z-index 1; overflow-y: hidden; box-shadow: 0 10px 5px -5px rgba(0,0,0,.2); margin-bottom: 15px; } .bulk-selection-bar-enter{ max-height: 0; } .bulk-selection-bar-enter.bulk-selection-bar-enter-active{ max-height: 1000; transition: max-height 0.25s; } .bulk-selection-bar-leave{ max-height: 1000; } .bulk-selection-bar-leave.bulk-selection-bar-leave-active{ max-height: 0; transition: max-height 0.25s; } .bulk-selection-cards-enter{ max-width: 0; opacity: 0; } .bulk-selection-cards-enter.bulk-selection-cards-enter-active{ max-width: 500; opacity: 1; transition: all 0.25s; } .bulk-selection-cards-leave{ max-width: 500; opacity: 1; } .bulk-selection-cards-leave.bulk-selection-cards-leave-active{ max-width: 0; opacity: 0; transition: all 0.25s; } .fade-in{ opacity:0; -webkit-animation-delay: 1s; -webkit-animation-duration: 2s; -webkit-animation-fill-mode: forwards; -webkit-animation-name: fadeIn; animation-fill-mode: forwards; animation-delay: 1s; animation-duration: 2s; animation-name: fadeIn; } .fade-in-fast{ opacity:0; -webkit-animation-duration: 0.2s; -webkit-animation-fill-mode: forwards; -webkit-animation-name: fadeIn; animation-fill-mode: forwards; animation-duration: 0.2s; animation-name: fadeIn; } @keyframes fadeIn { from{ opacity : 0; } to{ opacity : 1; } } .fade-out { -webkit-animation-name: fadeOut; -webkit-animation-duration: 2s; -webkit-animation-fill-mode: both; animation-name: fadeOut; animation-duration: 2s; animation-fill-mode: both; } @keyframes fadeOut { from{ opacity : 1; } to{ opacity : 0; } } @keyframes fade { from { opacity: 0.0; } to { opacity: 1.0; } } .custom-control { font-family: arial; display: block; position: relative; padding-left: 30px; margin-bottom: 5px; padding-top: 3px; cursor: pointer; font-size: 16px; } .custom-control input { position: absolute; z-index: -1; opacity: 0; } .custom-control-indicator { position: absolute; top: 2px; left: 0; height: 20px; width: 20px; background: rgba(230, 230, 230, 0.6); border: 0px solid #000000; } .custom-control-radio .custom-control-indicator { border-radius: undefined%; } .custom-control:hover input ~ .custom-control-indicator, .custom-control input:focus ~ .custom-control-indicator { background: #ff8d94; } .custom-control input:checked ~ .custom-control-indicator { background: #ff404c; } .custom-control:hover input:not([disabled]):checked ~ .custom-control-indicator, .custom-control input:checked:focus ~ .custom-control-indicator { background: #0e6647d; } .custom-control input:disabled ~ .custom-control-indicator { background: #e6e6e6; opacity: 0.6; pointer-events: none; } .custom-control-indicator:after { box-sizing: unset; content: ''; position: absolute; display: none; } .custom-control input:checked ~ .custom-control-indicator:after { display: block; } .custom-control-checkbox .custom-control-indicator:after { left: 8px; top: 4px; width: 3px; height: 8px; border: solid #ffffff; border-width: 0 2px 2px 0; transform: rotate(45deg); } .custom-control-checkbox input:disabled ~ .custom-control-indicator:after { border-color: #7b7b7b; } .story-card { -webkit-transition: all 200ms ease-in; -webkit-transform: scale(1); -ms-transition: all 200ms ease-in; -ms-transform: scale(1); -moz-transition: all 200ms ease-in; -moz-transform: scale(1); transition: all 200ms ease-in; transform: scale(1); } .story-card:hover { -webkit-transition: all 200ms ease-in; -webkit-transform: scale(1.02); -ms-transition: all 200ms ease-in; -ms-transform: scale(1.02); -moz-transition: all 200ms ease-in; -moz-transform: scale(1.02); transition: all 200ms ease-in; transform: scale(1.02); } .DayPickerInput-OverlayWrapper { z-index: 3; } .mdc-text-field--upgraded { width: 100%; } .green-button { background: #ffffff; color: #26ad82; -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; font-family: Arial; font-size: 14px; padding: 3px 20px 3px 20px; border: solid #26ad82 1px; text-decoration: none; } .green-button:hover { background: #26ad82; color: #ffffff; border: solid #ffffff 1px; } .gray-button { background: #ffffff; color: #8d8d8d; -webkit-border-radius: 10; -moz-border-radius: 10; border-radius: 5px; font-size: 14px; padding: 3px 20px 3px 20px; border: solid #8d8d8d 1px; text-decoration: none; } .gray-button:hover { background: #8e8d8d; color: #ffffff; border: solid #ffffff 1px; } .google-login-button { background: #ffffff; color: #ff404c; -webkit-border-radius: 10; -moz-border-radius: 10; border-radius: 5px; font-size: 14px; border: solid #dd4f43 1px; text-decoration: none; } .google-login-button:hover { background: #ff404c; color: #ffffff; border: solid #ffffff 1px; } .mdc-snackbar__action-wrapper { height: 0; width: 0; margin: 0; display: block; } body.market-landing-page { background-color: #f7f7f7; margin: 10px; } .market-landing-page > #app { background-color: #f7f7f7; } .grabbable { cursor: move; /* fallback if grab cursor is unsupported */ cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; } .emoji-mart-emoji-custom{ width: 90px; height: 90px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; } .emoji-mart-emoji-custom > span{ width: 50px !important; height: 50px !important; cursor: pointer !important; } @keyframes ring { 0% { transform: rotate(0); } 1% { transform: rotate(30deg); } 3% { transform: rotate(-28deg); } 5% { transform: rotate(34deg); } 7% { transform: rotate(-32deg); } 9% { transform: rotate(30deg); } 11% { transform: rotate(-28deg); } 13% { transform: rotate(26deg); } 15% { transform: rotate(-24deg); } 17% { transform: rotate(22deg); } 19% { transform: rotate(-20deg); } 21% { transform: rotate(18deg); } 23% { transform: rotate(-16deg); } 25% { transform: rotate(14deg); } 27% { transform: rotate(-12deg); } 29% { transform: rotate(10deg); } 31% { transform: rotate(-8deg); } 33% { transform: rotate(6deg); } 35% { transform: rotate(-4deg); } 37% { transform: rotate(2deg); } 39% { transform: rotate(-1deg); } 41% { transform: rotate(1deg); } 43% { transform: rotate(0); } 100% { transform: rotate(0); } } .swing-in-top-fwd { -webkit-animation: swing-in-top-fwd 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both; animation: swing-in-top-fwd 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both; } @-webkit-keyframes swing-in-top-fwd { 0% { -webkit-transform: rotateX(-100deg); transform: rotateX(-100deg); -webkit-transform-origin: top; transform-origin: top; opacity: 0; } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transform-origin: top; transform-origin: top; opacity: 1; } } @keyframes swing-in-top-fwd { 0% { -webkit-transform: rotateX(-100deg); transform: rotateX(-100deg); -webkit-transform-origin: top; transform-origin: top; opacity: 0; } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transform-origin: top; transform-origin: top; opacity: 1; } } /* * According to the docs, it's allowed to hite the badge when we include some text and links. * https://developers.google.com/recaptcha/docs/faq#id-like-to-hide-the-recaptcha-badge.-what-is-allowed */ .grecaptcha-badge { visibility: hidden; } .emoji-mart-anchor-icon {display: flex; justify-content: center; } .emoji-mart-scroll { align-self: stretch; height:100% } .tt-overlay { pointer-events: auto !important; background-color: white !important; border: 1px solid gray !important; } .tt-overlay:hover { visibility: visible !important; opacity: 1 !important; } #audiocado-editor { z-index: 5; } .fill-available { width: 100%; width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */ width: -moz-available; /* WebKit-based browsers will ignore this. */ width: fill-available; } /* I've added those as they are added automatically on the go, so they will not appear as tailwind will not have a chance to compile them. */ .bg-stone-50 {background-color: rgb(250 250 249);} .bg-stone-100 {background-color: rgb(245 245 244);} .bg-stone-200 {background-color: rgb(231 229 228);} .bg-stone-300 {background-color: rgb(214 211 209);} .bg-stone-400 {background-color: rgb(168 162 158);} .bg-stone-500 {background-color: rgb(120 113 108);} .bg-stone-600 {background-color: rgb(87 83 78);} .bg-stone-700 {background-color: rgb(68 64 60);} .bg-stone-800 {background-color: rgb(41 37 36);} .bg-stone-900 {background-color: rgb(28 25 23);} [autoComplete="off"] + div[data-lastpass-icon-root="true"] { display: none; } [autoComplete="off"] + div[data-lastpass-infield="true"] { display: none; } @keyframes indeterminateAnimation { 0% { transform: translateX(0) scaleX(0); } 40% { transform: translateX(0) scaleX(0.4); } 100% { transform: translateX(100%) scaleX(0.5); } }