.dropdown{display:inline-block;position:relative}.dropdown__trigger{align-items:center;display:flex}.dropdown--active .dropdown__caret{transform:rotate(180deg)}.dropdown--active .dropdown__menu{display:block}.dropdown__menu{display:none;left:23px;margin-left:8px;min-width:220px;position:absolute;top:100%;z-index:20}.dropdown__menu--right{left:auto;right:0}.dropdown__content{background-color:#fff;border-radius:10px;box-shadow:0 15px 30px rgba(0,0,0,.3);color:#000;padding-bottom:23px;padding-top:23px}.dropdown__arrow{display:block;height:8px;left:10px;margin:0 5px;position:absolute;top:-8px;width:16px}.dropdown__arrow:after,.dropdown__arrow:before{border:8px solid transparent;border-top:0 solid transparent;content:"";display:block;position:absolute}.dropdown__arrow:before{border-bottom-color:transparent;top:0}.dropdown__arrow:after{border-bottom-color:#fff;top:1px}.dropdown__menu--right .dropdown__arrow{left:calc(100% - 35px)}.dropdown--purple .dropdown__content{background-color:#6067f1;border-bottom:1px solid #565dd9;box-shadow:0 15px 30px rgba(75,85,209,.3);color:#fff}.dropdown--purple .dropdown__arrow:after{border-bottom-color:#6067f1}