.native-scrollbar{scrollbar-width:thin!important;scrollbar-face-color:rgba(128,128,128,.5);scrollbar-track-color:#fff;scrollbar-color:rgba(128,128,128,.5) #fff}.native-scrollbar::-webkit-scrollbar{-webkit-appearance:none}.native-scrollbar::-webkit-scrollbar:vertical{width:11px}.native-scrollbar::-webkit-scrollbar:horizontal{height:11px}.native-scrollbar::-webkit-scrollbar-thumb{border:4px solid #fff;border-radius:0;background-color:#80808080}.native-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#808080bf}.native-scrollbar::-webkit-scrollbar-track{background:#fff}.input{--input-focused-background: #fff;--input-background: #e8e8e8;--input-border-color: #e8e8e8;--input-focused-border-color: #ffd652;--input-focused-box-shadow: 0 0 0 2px #FFF8E0;--input-caret-color: #e7a90f;--input-placeholder-color: #888888;--input-font-color: #242424;--input-clear-color: #888888;--input-back-color: #000}.isDark .input{--input-focused-background: #2e2e2e;--input-background: #2e2e2e;--input-border-color: #2e2e2e;--input-focused-border-color: #2e2e2e;--input-focused-box-shadow: none;--input-font-color: #eee;--input-icon-color: #ffc200;--input-back-color: #fff}.input.isLoading{--input-font-color: #e8e8e8;--input-icon-color: #e8e8e8;--input-placeholder-color: #e8e8e8}.isDark .input.isLoading{--input-font-color: #2e2e2e;--input-icon-color: #2e2e2e;--input-placeholder-color: #2e2e2e}@keyframes dot-flashing{0%{box-shadow:.75rem 0 #4a4a4a,-.75rem 0 #8a8a8a;background:#4a4a4a}33%{box-shadow:.75rem 0 #4a4a4a,-.75rem 0 #8a8a8a;background:#8a8a8a}66%{box-shadow:.75rem 0 #8a8a8a,-.75rem 0 #4a4a4a;background:#8a8a8a}to{box-shadow:.75rem 0 #8a8a8a,-.75rem 0 #4a4a4a;background:#4a4a4a}}.input.isLoading:before{z-index:1;content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:.5rem;height:.5rem;margin:0 .5rem;aspect-ratio:1;border-radius:50%;animation:dot-flashing 2s infinite linear alternate}.input.isLoading:before{margin:auto auto auto 2rem}.input__input,.input__cover{border:none;background:transparent;color:var(--input-font-color);font-family:Lato,sans-serif;font-size:.875rem;line-height:1.25rem}@media (min-width: 768px){.input__input,.input__cover{font-size:1rem;line-height:1.5rem}}.input__input::placeholder,.input__cover::placeholder{color:var(--input-placeholder-color);font-weight:400}.input__input.noEvents,.input__cover.noEvents{pointer-events:none}.input__cover{position:absolute;top:0;right:0;bottom:0;left:0;width:fit-content;height:fit-content;max-width:100%;margin:auto 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:var(--input-background)}.input__inputWrapper{position:relative;flex-grow:1;cursor:text;padding:calc(.375rem - 1px) 0}@media (min-width: 768px){.input__inputWrapper{padding:calc(.5rem - 1px) 0}}.input__inputWrapper input{width:100%}.input__beforeIcon{color:var(--input-icon-color, var(--input-font-color))}.input__container{border-radius:.25rem;display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem;padding:0 calc(.5rem - 1px);caret-color:var(--input-caret-color);background:var(--input-background);border:1px solid var(--input-border-color)}.input__container .ico,.input__container .ico[class$=ThinMedium]{width:1rem;height:1rem;font-size:1rem}@media (min-width: 768px){.input__container{border-radius:.25rem;padding:0 calc(.75rem - 1px)}.input__container .ico,.input__container .ico[class$=ThinMedium]{font-size:1.25rem}}.input__container.isActive{background:var(--input-focused-background);border-color:var(--input-focused-border-color);box-shadow:var(--input-focused-box-shadow)}.input__container.isActive .input__cover{display:none}.input__container:not(.isActive) input{color:transparent}.input__back{color:var(--input-back-color);display:flex}.input__clear{color:var(--input-clear-color);display:flex}.input__clear .ico{font-size:.75rem}@media (min-width: 768px){.input__clear .ico{font-size:.875rem}}.input--light{--input-background: #fff}
