.btn{background-color:transparent;color:var(--color-text);font-weight:500;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);padding:.8em 1.6em;border:1px solid transparent}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-variant)}.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn-secondary:hover{background:var(--color-secondary-variant)}.btn-disabled{cursor:not-allowed}.btn-disabled,.btn-disabled:hover{background:var(--color-disabled);color:var(--color-primary-variant)}.btn-danger,.btn-danger:hover{background:var(--color-error)}.btn-success{background:var(--color-success);color:#fff}.input{border-radius:var(--border-radius)!important;border:1px solid var(--color-border);color:var(--color-text);font-size:1em;outline:0;padding:.9em 1.7em!important}.input:focus{border-color:var(--color-primary)}.dropdown-menu{border-radius:var(--border-radius);transition:var(--transition)}.dropdown-menu,.dropdown-menu-list{background-color:var(--color-background-variant)}.dropdown-menu-list{color:var(--color-text-variant)}.dropdown-menu-list:hover{color:var(--color-primary);background-color:var(--color-secondary);transition:var(--transition)}.dropdown-container{position:absolute;top:100%;left:0;padding:10px 0;min-width:250px;z-index:1000;opacity:0;visibility:hidden;background-color:var(--color-background-variant);border-radius:var(--border-radius);transition:var(--transition)}.dropdown-list{color:var(--color-text-variant)}.dropdown-list li,.dropdown-list li a{width:100%;transition:var(--transition)}.dropdown-list li a{color:var(--color-primary);background-color:var(--color-background-variant);display:block;padding:10px 20px}.dropdown-list li:hover a{color:var(--color-primary);background-color:var(--color-secondary)}.textarea{border-radius:var(--border-radius);border:1px solid var(--color-border);color:var(--color-text);font-size:1em;padding:.9em 1.7em}.textarea:focus{border-color:var(--color-primary)}.checkbox,.radio{border-radius:var(--border-radius);border:1px solid var(--color-border);accent-color:var(--color-primary);color:var(--color-text);font-size:1em;width:1.5em;height:1.5em;transition:var(--transition)}.checkbox:checked,.radio:checked{background-color:var(--color-primary);accent-color:var(--color-primary);border:1px solid var(--color-secondary)}