.dropdown{display:flex;flex-direction:column;cursor:pointer;position:relative}.dropdown>span{display:block;position:relative;color:var(--primary);background-color:var(--black);margin-left:14px;margin-bottom:-9px;padding:0 4px;align-self:flex-start;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:12px}.dropdown>button{background-color:transparent;border-radius:4px;border:2px solid var(--primary);display:flex;flex-direction:row;align-items:center;padding:16px 12px;cursor:pointer}.dropdown>button>span{color:var(--primary-light);flex:1 1;text-align:left}.dropdown-box{position:absolute;z-index:10;top:70px;background-color:#fff;border-radius:4px;width:100%;color:#000;max-height:150px;overflow:auto}.dropdown-box-scroll{overflow:hidden}.dopdown-item{padding:8px 16px;z-index:-1}.dopdown-item.selected{background-color:var(--primary-light)}.transition-transform{transition-duration:.3s;transition-property:transform}.rotate-180{transform:rotate(180deg)}.mobile-dropdown{display:none}@media screen and (max-width:510px){.mobile-dropdown{display:flex;flex-direction:column}.desctop-buttons{display:none!important}}