.container{position:relative;display:inline-block}.trigger{cursor:pointer}.dropdown{position:absolute;background-color:white;z-index:10;min-width:150px;max-height:300px;overflow-y:auto;box-shadow:0 4px 6px rgba(0,0,0,.1);opacity:1;transition:opacity .15s ease}.bottom-left{top:100%;left:0;margin-top:4px}.bottom-right{top:100%;right:0;margin-top:4px}.bottom-center{top:100%;left:50%;transform:translateX(-50%);margin-top:4px}.top-left{left:0}.top-left,.top-right{bottom:100%;margin-bottom:4px}.top-right{right:0}.top-center{bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:4px}