.dropdown__wrapper:after,.dropdown__wrapper:before{display:inline-block;content:"";position:absolute;top:-1rem;left:50%;width:0;height:0;transform:translateX(-50%)}.dropdown{position:relative}.dropdown__wrapper{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:.4rem;border-top-right-radius:.4rem;display:none;flex-direction:column;position:absolute;left:50%;transform:translateX(-50%);background:#fff;border:.1rem solid #cfd8dc;width:30rem;height:auto;margin-top:1rem;z-index:8}.dropdown__wrapper:before{border-color:transparent transparent #cfd8dc;border-style:solid;border-width:0 1.2rem 1rem}.dropdown__wrapper:after{border-color:transparent transparent #fff;border-style:solid;border-width:0 1rem 1rem}.dropdown__label{-webkit-user-select:none;user-select:none}.dropdown__icon{font-size:3rem;transition:transform .13s ease-in}.dropdown__content{flex-grow:1;overflow-y:auto;overflow-x:hidden;max-height:30vh;padding:0;margin:0}.dropdown__footer{display:flex;justify-content:center;background-color:#f7f7f7;flex-shrink:0}.dropdown.active .dropdown__wrapper{display:flex}.dropdown.active .dropdown__label .dropdown__icon{transform:rotate(180deg)}.dropdown.left .dropdown__wrapper{left:15rem}.dropdown.left .dropdown__wrapper:after,.dropdown.left .dropdown__wrapper:before{left:15%}.dropdown.right .dropdown__wrapper{left:0}.dropdown.right .dropdown__wrapper:after,.dropdown.right .dropdown__wrapper:before{left:85%}.collapsible{background:#fff}.collapsible+.collapsible{margin-top:.25rem}.collapsible__label{-webkit-appearance:none;appearance:none;border:0;background:none;display:flex;justify-content:space-between;align-items:center;margin:0;padding:0 1.5rem;width:100%;height:5.4rem;-webkit-user-select:none;user-select:none;font-size:1.4rem;font-weight:700;outline:none}.collapsible__text{display:flex;flex:1 0;align-self:center}.collapsible__icon{font-size:5rem;transform:rotate(-90deg);transition:transform .13s ease-in}.collapsible__content{display:none;background:#fff;padding:0}.collapsible.active>.collapsible__content{display:inherit}.collapsible.active>.collapsible__label{border-bottom:.1rem solid #cfd8dc}.collapsible.active>.collapsible__label .collapsible__icon{transform:rotate(90deg)}