.base-input{border:none;border-radius:40px;font-size:16px;height:40px;line-height:100%;outline:none;padding:12px 20px;width:100%}.base-input:-moz-read-only{cursor:default}.base-input:read-only{cursor:default}.base-select-input .base-input{cursor:pointer;padding-right:0}textarea.base-input{border-radius:20px;font-family:Roboto;font-size:18px;height:200px;resize:none}.base-input-wrapper._black .base-input{background-color:rgb(from var(--text) r g b/.05);color:var(--text)}.base-input-wrapper._black .base-input::-moz-placeholder{color:var(--lock-text)}.base-input-wrapper._black .base-input::placeholder{color:var(--lock-text)}.base-input-wrapper._white .base-input{background-color:var(--text);color:var(--second-bg)}.base-input-wrapper._white .base-input::-moz-placeholder{color:var(--menu-icon)}.base-input-wrapper._white .base-input::placeholder{color:var(--menu-icon)}.base-dropdown-btn{align-items:center;background-color:var(--text);border-radius:50px;color:var(--accent);cursor:pointer;display:flex;font-family:Bebas;font-size:20px;font-weight:400;gap:10px;height:40px;justify-content:center;letter-spacing:-.02em;line-height:1;padding:0 20px;text-transform:uppercase;transition:var(--transition-hover)}.base-dropdown-btn .base-dropdown-btn-icon{transition:inherit}.base-dropdown-btn._active{background-color:var(--accent);color:var(--text)}.base-dropdown-btn._active .base-dropdown-btn-icon{rotate:-180deg}@media(hover:hover){.base-dropdown-btn:not(._active):hover{background-color:var(--accent);color:var(--text);transition:var(--transition-hover)}}.base-dropdown-btn:not(._active):active{background-color:var(--accent);color:var(--text);transition:var(--transition-active)}.base-dropdown{inset:0;position:fixed;visibility:hidden}.base-dropdown__content{cursor:default;overflow:hidden;position:absolute;visibility:visible}.border-container:has(.base-dropdown__content-wrapper){padding:10px}.base-dropdown__content-wrapper{max-height:calc(100vh - 172px)}._animate-dropdown-up{animation:var(--transition-hover) up-scale}._animate-dropdown-down{animation:var(--transition-hover) down-scale}.base-dropdown-fade-enter-active,.base-dropdown-fade-leave-active{transition:opacity var(--transition-hover)}.base-dropdown-fade-enter-from,.base-dropdown-fade-leave-to{opacity:0}@keyframes up-scale{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes down-scale{0%{transform:scale(1)}to{transform:scale(0)}}
