.dropdown{display:inline-block;position:relative;outline:none;border:1px solid #667085;border-radius:8px}.dropdown *{user-select:none;-moz-user-select:none;-webkit-user-select:none}.dropbtn{display:flex;height:2rem;width:4rem;color:#000;cursor:pointer;transition:.35s ease-out;align-items:center;justify-content:center;gap:.5rem;font-size:20px;line-height:100%}.dropbtn svg{transition:rotate .2s ease-in-out}.dropdown .dropdown-content{position:absolute;right:0;background-color:#fff;min-width:120%;z-index:100000;visibility:hidden;opacity:0;transition:.2s linear;border-radius:.5rem;overflow:hidden;box-shadow:inset 0 0 0 1px #ccc}.-translate-y-full .dropdown .dropdown-content{opacity:0!important;visibility:hidden!important}.dropdown-content button{color:#999;padding:.5rem 1rem;display:block;text-decoration:none;cursor:pointer;text-align:left;width:100%;white-space:pre;transition:background-color .1s;border-bottom:1px solid #ccc}.dropdown-content button:last-child{border-bottom-width:0}.dropdown-content button:hover{background-color:rgba(200,200,200,.5019607843)}.dropdown:focus .dropdown-content{outline:none;visibility:visible;opacity:1}.dropdown .db2{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;z-index:10;display:none}.dropdown:focus .db2{display:inline-block}.dropdown .db2:focus .dropdown-content{outline:none;visibility:hidden;opacity:0}.dropdown:focus .dropbtn>svg{rotate:-.5turn}