.page-enter-active,.page-leave-active{transition:opacity .3s}.page-enter-from,.page-leave-to{opacity:0}#selector{background:#fbfbfb;box-shadow:2px 1px 4px #0000000d;height:100%;padding:60px 20px;position:relative}#selector #selector_category{overflow:hidden}#selector #selector_category h5{border-bottom:1.5px solid #335a84;color:#335a84;font-size:16px;font-weight:700;line-height:25px;margin-bottom:16px;padding-bottom:10px}#selector #selector_category .title{background-color:#eee;border-radius:15px;color:#335a84;display:flex;margin:30px 15px 15px 0;padding:8px 15px}#selector #selector_category .title p{margin:0;padding-left:10px}#selector .item_selector{color:#666;cursor:pointer;letter-spacing:1.3px}#selector .item_selector.active,#selector .item_selector:hover{color:#4d88c8}#selector .tab{align-items:center;background-color:#fbfbfb;border-bottom-right-radius:50%;border-top-right-radius:50%;box-shadow:3px 6px 4px #0000001a;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;right:-50px;text-align:center;top:180px;width:50px}@media (max-width:767px){#selector{left:-40vw;position:fixed;top:50px;transition:left .5s;width:40vw}#selector #selector_open{display:block}#selector #selector_close{display:none}#selector.active{left:0}#selector.active #selector_open{display:none}#selector.active #selector_close{display:block}}
