.sel{font-size:1rem;display:block;margin:3em 2em;width:450px;background-color:transparent;position:relative;cursor:pointer;margin:0 auto;margin-top:30px}.sel::before{position:absolute;content:'\f063';font-family:'FontAwesome';font-size:14px;color:#8798AB;right:20px;top:calc(18%)}.sel.active::before{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}.sel__placeholder{display:block;font-family:'Quicksand';font-family:'Avenir Next',sans-serif;font-size:16px;color:#8788AB;padding:0.2em 0.5em;text-align:left;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;visibility:visible}.sel.active .sel__placeholder{visibility:hidden}.sel__placeholder::before{position:absolute;top:0;bottom:0;left:0;right:0;padding:0.2em 0.5em;content:attr(data-placeholder);visibility:hidden}.sel.active .sel__placeholder::before{visibility:visible}.sel__box{position:absolute;left:-4px;display:none;list-style-type:none;text-align:left;font-size:1em;background-color:#FFF;width:calc(108%);-webkit-box-sizing:border-box;box-sizing:border-box}.sel.active .sel__box{display:block;-webkit-animation:fadeInUp 500ms;animation:fadeInUp 500ms}.sel__box__options{display:list-item;font-family:'Quicksand';font-family:'Avenir Next',sans-serif;font-size:14px;color:#838e95;padding:0.5em 1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sel__box__options::after{content:'\f00c';font-family:'FontAwesome';font-size:0.5em;margin-left:5px;display:none}.sel__box__options.selected::after{display:inline}.sel__box__options:hover{background-color:#ebedef}.sel{border-bottom:1px solid #8798Ab;padding:2px}.sel--black-panther{z-index:3}