.fade-enter,.fade-leave-to{opacity:0}.slide-enter,.slide-leave-to{-webkit-transform:translateX(100%);transform:translateX(100%)}.view-search{height:100%}.view-search .header{position:absolute;left:0;top:-184px;right:0;text-align:center;height:184px;-webkit-transition:.25s cubic-bezier(.165,.84,.44,1);transition:.25s cubic-bezier(.165,.84,.44,1)}.view-search .header .content{padding:32px 0}.view-search .header .content .logo{display:block;margin:0 auto;width:294px;height:auto}.view-search .header .content .main-title{position:absolute;left:50%;bottom:0;padding-right:146px;-webkit-transform:translate(-50%);transform:translate(-50%);height:16px;font-weight:500;font-size:1.8rem;line-height:16px;font-weight:400;color:#3e5d58}.view-search .header .content .main-title .adequation{position:absolute;right:0;bottom:-5px;display:inline-block;height:30px;width:142px}.view-search .header .content .main-title .adequation svg{display:block;height:100%;width:auto}.view-search .header .user{position:absolute;right:16px;top:16px;white-space:nowrap}.view-search .header .user .user-name{line-height:32px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#999}.view-search .header .user .user-name:hover{color:#666}.view-search .header .user .user-name .initale{float:left;width:32px;height:32px;margin:0 8px 0 0;border-radius:100%;background-color:var(--main-color);color:#fff;font-weight:500}.view-search .header .user .user-menu{position:absolute;right:0;min-width:150px;top:40px;background:#eee;padding:8px 0;border-radius:4px}.view-search .header .user .user-menu:before{content:"";position:absolute;left:50%;top:-8px;margin-left:-8px;width:0;height:0;border-style:solid;border-width:0 8px 8px 8px;border-color:transparent transparent #eee transparent}.view-search .header .user .user-menu .action{line-height:32px;padding:0 16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left}.view-search .header .user .user-menu .action:hover{background-color:var(--main-color);color:#fff}.view-search .search-bar{position:absolute;left:0;right:0;top:0;background-color:var(--main-color);height:120px;text-align:center;padding:32px 0;-webkit-transition:.25s cubic-bezier(.165,.84,.44,1);transition:.25s cubic-bezier(.165,.84,.44,1);z-index:1001}.view-search .search-bar .back{position:absolute;left:24px;top:44px;color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}.view-search .search-bar .input-search{display:inline-block;width:400px;height:56px;background-color:#fff;border-radius:56px}.view-search .search-bar .input-search .input{display:block;height:56px;width:100%;padding:0 56px 0 32px;border:none;background:transparent;outline:none;font:inherit;font-size:1.7rem;color:inherit}.view-search .search-bar .input-search .button{position:absolute;width:56px;height:56px;right:0;top:0;border:none;background:transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;border-radius:100%;font:inherit;color:#999}.view-search .search-bar .input-search .button:focus,.view-search .search-bar .input-search .button:hover{color:var(--main-color)}.view-search .search{top:120px}