.bf-select.is-admin{border:1px solid rgba(0,0,0,.1);background:#fff;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.1);box-shadow:0 0 20px 0 rgba(0,0,0,.1);position:relative;border-radius:6px;-webkit-transform:rotate(0);transform:rotate(0)}.bf-select.is-admin::before{display:block;content:"BF SELECT";font-size:12px;font-weight:700;padding:6px;background:var(--wp--preset--color--green-2);color:#fff;border-top-left-radius:6px;border-top-right-radius:6px}.bf-select .bf-select__select{display:block;max-width:600px;margin:1.5em auto;position:relative}.bf-select .bf-select__select .bf-select__select-title,.bf-select .bf-select__select .bf-select__select-options{background:var(--wp--preset--color--green-3);border-radius:10px;color:var(--wp--preset--color--green-1);font-size:18px;text-transform:uppercase;text-align:center;z-index:50}.bf-select .bf-select__select .bf-select__select-title{width:100%;padding:1em;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.bf-select .bf-select__select .bf-select__select-title .bf-select__select-title-label,.bf-select .bf-select__select .bf-select__select-title img{-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.bf-select .bf-select__select .bf-select__select-title:hover{cursor:pointer}.bf-select .bf-select__select .bf-select__select-title:hover .bf-select__select-title-label,.bf-select .bf-select__select .bf-select__select-title:hover img{opacity:.6}.bf-select .bf-select__select .bf-select__select-title:hover img{-webkit-transform:translateY(2px);transform:translateY(2px)}.bf-select .bf-select__select .bf-select__select-options{position:absolute;width:100%;top:100%;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.05);box-shadow:0 0 20px 0 rgba(0,0,0,.05);opacity:0;-webkit-transform:translateY(5px);transform:translateY(5px);pointer-events:none}.bf-select .bf-select__select .bf-select__select-options .bf-select__select-option{padding:.4em;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.bf-select .bf-select__select .bf-select__select-options .bf-select__select-option:hover{cursor:pointer;color:var(--wp--preset--color--green-1)}.bf-select .bf-select__select.bf-select__select-active .bf-select__select-options{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);pointer-events:all}