hero-admin-ui
Version:
A admin UI framework base on vue3
1 lines • 21.2 kB
CSS
.f,.HaNavBar,.HaNavBar--left,.HaNavBar--menu-list,.HaNavBar--opt-list,.HaTable__top{display:flex}.f-c,.HaSideBar{display:flex;flex-direction:column}.f-r{display:flex;flex-direction:row}.f-1,.HaNavBar--menu-list,.HaSideBar--menu,.HaTable__top--opt{flex:1 1 0}.oy-h{overflow-y:hidden}.oy-a{overflow-y:auto}.ox-h{overflow-x:hidden}.o-h{overflow:hidden}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}#app,body,html{margin:0;padding:0}#app,.full-screen,body,html{height:100%;width:100%;overflow:hidden}*,:after,:before{box-sizing:inherit;margin:0;padding:0}a:active,a:focus{outline:none}a,a:focus,a:hover{cursor:pointer;color:inherit;text-decoration:none}div:focus{outline:none}.SsDemo{color:grey}.SsDemo__description{color:#8a2be2}.HaLayout .left{transition:width .5s}.fade-transform-enter-active,.fade-transform-leave-active{transition:all .3s}.fade-transform-enter-from{opacity:0;transform:translateX(-30px)}.fade-transform-leave-to{opacity:0;transform:translateX(30px)}.HaIconList .input-container{width:200px;margin-bottom:10px}.HaIconList .list-container{display:flex;align-items:center;flex-wrap:wrap}.HaIconList .list-container .item{width:20%;display:flex;flex-direction:column;align-items:center;margin-bottom:10px;padding:10px 0;cursor:pointer;font-size:12px}.HaIconList .list-container .item:hover{background-color:#eee}.HaIconList .list-container .item svg{width:2em;height:2em}.HaSvgIcon{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.HaToggleFullScreen{cursor:pointer;padding:5px;display:inline-block}.HaToggleFullScreen:hover{background-color:rgba(72,128,25,.6);color:#fff}.HaToggleSideBar{cursor:pointer;padding:5px;display:inline-block;transition:all .5s}.HaToggleSideBar:hover{background-color:rgba(72,128,25,.6);color:#fff}.HaToggleSideBar--is-collapse{cursor:pointer;transform:rotate(90deg);padding:5px;display:inline-block;transition:all .5s}.HaToggleSideBar--is-collapse:hover{background-color:rgba(72,128,25,.6);color:#fff}.HaUserDropdown .avatar-wrapper{cursor:pointer}.HaUserDropdown .avatar-wrapper .el-avatar{--el-avatar-background-color:none;margin-right:12px}.site-info{color:#fff;transition:width .5s}.HaAppLogo{width:100%;height:100%;overflow:hidden;box-sizing:border-box;padding:10px;transition:width .5s;display:flex;justify-content:space-around;align-items:center}.HaAppLogo--logo{max-width:100px;height:40px}.HaAppLogo--logo img{max-width:100%;max-height:100%}.HaAppLogo--name{font-size:18px;overflow:hidden}.HaNavBar{height:100%;color:#fff;overflow:hidden;box-sizing:border-box;align-items:center}.HaNavBar--left{width:350px;align-items:center}.HaNavBar--left .toggle-btn{margin:0 20px}.HaNavBar--menu-list{justify-content:flex-start}.HaNavBar--menu-list .menu-item{font-size:14px;box-sizing:border-box;margin:0 3px;padding:10px 14px;border-radius:3px;cursor:pointer}.HaNavBar--menu-list .menu-item:hover{background-color:rgba(72,128,25,.7)}.HaNavBar--opt-list{align-items:center;margin-right:20px}.HaNavBar--opt-list .full-name{font-size:14px}.HaNavBar--opt-list .exit-btn{color:#fff}.HaNavBar--opt-list .exit-btn:hover{color:#eee}.HaNavBar--opt-list>*{margin-left:20px}.HaSideBar{height:100%;overflow:hidden;border-right:1px solid #efefef;box-sizing:border-box}.HaSideBar .el-menu{border:none}.HaSideBar--menu{overflow:hidden}.HaSideBar--menu .HaSvgIcon{margin-right:6px;margin-top:-2px}.HaTabBar{height:34px;width:100%;background:#fff;border-bottom:1px solid #d8dce5;box-shadow:0 1px 3px 0 rgba(0,0,0,.12),0 0 3px 0 rgba(0,0,0,.04)}.HaTabBar .tags-view-item{display:inline-block;position:relative;cursor:pointer;height:26px;line-height:26px;border:1px solid #d8dce5;color:#495060;background:#fff;padding:0 8px;font-size:12px;margin-left:5px;margin-top:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.HaTabBar .tags-view-item:first-of-type{margin-left:15px}.HaTabBar .tags-view-item:last-of-type{margin-right:15px}.HaTabBar .tags-view-item.active{color:#fff;background-color:#488019}.HaTabBar .tags-view-item.active:before{content:"";background:#fff;display:inline-block;width:8px;height:8px;border-radius:50%;position:relative;margin-right:4px}.HaTabBar .tags-view-item .icon-close{width:12px;height:12px;vertical-align:middle;border-radius:50%;font-size:12px;text-align:center;transition:all .3s cubic-bezier(.645,.045,.355,1);transform-origin:100% 50%;margin-left:5px;margin-top:-3px}.HaTabBar .tags-view-item .icon-close:hover{background-color:#b4bccc;color:#fff}.HaTabBar .context-menu-container{position:fixed;background:#fff;z-index:3000;list-style-type:none;padding:5px 0;border-radius:4px;font-size:12px;font-weight:400;color:#333;box-shadow:2px 2px 3px 0 rgba(0,0,0,.3)}.HaTabBar .context-menu-container li{margin:0;padding:7px 16px;cursor:pointer}.HaTabBar .context-menu-container li:hover{background:#eee}.HaHeaderSearch{display:flex;align-items:center}.HaHeaderSearch .search-icon{cursor:pointer;vertical-align:middle}.HaHeaderSearch .header-search-select{font-size:18px;transition:width .2s;width:0;overflow:hidden;background:transparent;border-radius:0;display:inline-block;vertical-align:middle}.HaHeaderSearch .header-search-select :deep(.el-input__inner){border-radius:0;border:0;padding-left:0;padding-right:0;box-shadow:none;border-bottom:1px solid #d9d9d9;vertical-align:middle}.HaHeaderSearch.show .header-search-select{width:210px;margin-left:10px}.HaBreadcrumb{display:inline-block;font-size:14px;line-height:50px;margin-left:8px}.HaBreadcrumb .no-redirect{color:#ccc;cursor:text}.HaBreadcrumb .redirect{color:#fff;font-weight:600}.HaBreadcrumb .redirect:hover{color:#fff}.breadcrumb-enter-active{transition:all 1s}.breadcrumb-enter-from,.breadcrumb-leave-active{opacity:0;transform:translateX(20px)}.breadcrumb-leave-active{position:absolute}.HaPage{box-sizing:border-box;height:100%;overflow:hidden;display:flex;flex-direction:column}.HaPage__container{flex:1;overflow:hidden}.HaPage__container .el-scrollbar__wrap{padding:20px}.HaPage__container .el-scrollbar__wrap .HaPage__wrapper{display:flex}.HaPage__opt{background-color:hsla(0,0%,93.3%,.3);padding:10px 20px;text-align:center}.HaCard{margin:0 0 10px}.HaCard .el-card__header{padding:10px 15px}.HaCard__header{font-size:14px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.HaCard__header--title{font-size:16px;cursor:pointer}.HaCard__header--title span{margin-left:10px}.HaCard__content{padding:12px}.HaForm .el-form-item__label{font-size:12px;padding-right:5px}.HaForm .el-checkbox,.HaForm .el-radio{margin-right:15px}.HaForm .el-checkbox__label,.HaForm .el-radio__label{font-size:12px}.HaForm .el-date-editor,.HaForm .el-select{width:100%}.HaForm .el-input-number{width:calc(100% - 1px)}.HaSearchCard__opt{width:100%;text-align:right}.HaTable{width:100%;box-sizing:border-box}.HaTable .el-scrollbar__wrap{padding:0}.HaTable__top--opt .el-button+*{margin-right:10px}.HaTable__top--setting .el-button{margin-left:10px}.HaTable .el-button+.el-button,.HaTable .el-button+.el-dropdown{margin-left:10px}.HaTable .header-row th{background-color:rgba(72,128,25,.8);color:#fff}.HaTable__pager{margin:15px 0;text-align:right}.HaTable__pager .el-pagination.is-background .el-pager li:not(.disabled).active{background-color:rgba(72,128,25,.8)}.HaTable__pager .el-pagination.is-background .el-pager li:not(.disabled).active:hover{color:#488019}.HaTable__pager .el-pagination.is-background .el-pager li:hover{color:rgba(72,128,25,.8)}.HaDescriptions{width:100%}.HaDialog .el-dialog__header{background-color:#488019;margin-right:0}.HaDialog .el-dialog__header .el-dialog__close,.HaDialog .el-dialog__header .el-dialog__title{color:#fff}.HaDialog .el-dialog__body{padding:20px}.ml-1{margin-left:1px}.mr-1{margin-right:1px}.mt-1{margin-top:1px}.mb-1{margin-bottom:1px}.pl-1{padding-left:1px}.pr-1{padding-right:1px}.pt-1{padding-top:1px}.pb-1{padding-bottom:1px}.mv-1{margin-top:1px;margin-bottom:1px}.pv-1{padding-top:1px;padding-bottom:1px}.ph-1{padding-left:1px;padding-right:1px}.mh-1{margin-left:1px;margin-right:1px}.pa-1{padding:1px}.ml-2{margin-left:2px}.mr-2{margin-right:2px}.mt-2{margin-top:2px}.mb-2{margin-bottom:2px}.pl-2{padding-left:2px}.pr-2{padding-right:2px}.pt-2{padding-top:2px}.pb-2{padding-bottom:2px}.mv-2{margin-top:2px;margin-bottom:2px}.pv-2{padding-top:2px;padding-bottom:2px}.ph-2{padding-left:2px;padding-right:2px}.mh-2{margin-left:2px;margin-right:2px}.pa-2{padding:2px}.ml-3{margin-left:3px}.mr-3{margin-right:3px}.mt-3{margin-top:3px}.mb-3{margin-bottom:3px}.pl-3{padding-left:3px}.pr-3{padding-right:3px}.pt-3{padding-top:3px}.pb-3{padding-bottom:3px}.mv-3{margin-top:3px;margin-bottom:3px}.pv-3{padding-top:3px;padding-bottom:3px}.ph-3{padding-left:3px;padding-right:3px}.mh-3{margin-left:3px;margin-right:3px}.pa-3{padding:3px}.ml-4{margin-left:4px}.mr-4{margin-right:4px}.mt-4{margin-top:4px}.mb-4{margin-bottom:4px}.pl-4{padding-left:4px}.pr-4{padding-right:4px}.pt-4{padding-top:4px}.pb-4{padding-bottom:4px}.mv-4{margin-top:4px;margin-bottom:4px}.pv-4{padding-top:4px;padding-bottom:4px}.ph-4{padding-left:4px;padding-right:4px}.mh-4{margin-left:4px;margin-right:4px}.pa-4{padding:4px}.ml-5{margin-left:5px}.mr-5{margin-right:5px}.mt-5{margin-top:5px}.mb-5{margin-bottom:5px}.pl-5{padding-left:5px}.pr-5{padding-right:5px}.pt-5{padding-top:5px}.pb-5{padding-bottom:5px}.mv-5{margin-top:5px;margin-bottom:5px}.pv-5{padding-top:5px;padding-bottom:5px}.ph-5{padding-left:5px;padding-right:5px}.mh-5{margin-left:5px;margin-right:5px}.pa-5{padding:5px}.ml-6{margin-left:6px}.mr-6{margin-right:6px}.mt-6{margin-top:6px}.mb-6{margin-bottom:6px}.pl-6{padding-left:6px}.pr-6{padding-right:6px}.pt-6{padding-top:6px}.pb-6{padding-bottom:6px}.mv-6{margin-top:6px;margin-bottom:6px}.pv-6{padding-top:6px;padding-bottom:6px}.ph-6{padding-left:6px;padding-right:6px}.mh-6{margin-left:6px;margin-right:6px}.pa-6{padding:6px}.ml-7{margin-left:7px}.mr-7{margin-right:7px}.mt-7{margin-top:7px}.mb-7{margin-bottom:7px}.pl-7{padding-left:7px}.pr-7{padding-right:7px}.pt-7{padding-top:7px}.pb-7{padding-bottom:7px}.mv-7{margin-top:7px;margin-bottom:7px}.pv-7{padding-top:7px;padding-bottom:7px}.ph-7{padding-left:7px;padding-right:7px}.mh-7{margin-left:7px;margin-right:7px}.pa-7{padding:7px}.ml-8{margin-left:8px}.mr-8{margin-right:8px}.mt-8{margin-top:8px}.mb-8{margin-bottom:8px}.pl-8{padding-left:8px}.pr-8{padding-right:8px}.pt-8{padding-top:8px}.pb-8{padding-bottom:8px}.mv-8{margin-top:8px;margin-bottom:8px}.pv-8{padding-top:8px;padding-bottom:8px}.ph-8{padding-left:8px;padding-right:8px}.mh-8{margin-left:8px;margin-right:8px}.pa-8{padding:8px}.ml-9{margin-left:9px}.mr-9{margin-right:9px}.mt-9{margin-top:9px}.mb-9{margin-bottom:9px}.pl-9{padding-left:9px}.pr-9{padding-right:9px}.pt-9{padding-top:9px}.pb-9{padding-bottom:9px}.mv-9{margin-top:9px;margin-bottom:9px}.pv-9{padding-top:9px;padding-bottom:9px}.ph-9{padding-left:9px;padding-right:9px}.mh-9{margin-left:9px;margin-right:9px}.pa-9{padding:9px}.ml-10{margin-left:10px}.mr-10{margin-right:10px}.mt-10{margin-top:10px}.mb-10{margin-bottom:10px}.pl-10{padding-left:10px}.pr-10{padding-right:10px}.pt-10{padding-top:10px}.pb-10{padding-bottom:10px}.mv-10{margin-top:10px;margin-bottom:10px}.pv-10{padding-top:10px;padding-bottom:10px}.ph-10{padding-left:10px;padding-right:10px}.mh-10{margin-left:10px;margin-right:10px}.pa-10{padding:10px}.ml-11{margin-left:11px}.mr-11{margin-right:11px}.mt-11{margin-top:11px}.mb-11{margin-bottom:11px}.pl-11{padding-left:11px}.pr-11{padding-right:11px}.pt-11{padding-top:11px}.pb-11{padding-bottom:11px}.mv-11{margin-top:11px;margin-bottom:11px}.pv-11{padding-top:11px;padding-bottom:11px}.ph-11{padding-left:11px;padding-right:11px}.mh-11{margin-left:11px;margin-right:11px}.pa-11{padding:11px}.ml-12{margin-left:12px}.mr-12{margin-right:12px}.mt-12{margin-top:12px}.mb-12{margin-bottom:12px}.pl-12{padding-left:12px}.pr-12{padding-right:12px}.pt-12{padding-top:12px}.pb-12{padding-bottom:12px}.mv-12{margin-top:12px;margin-bottom:12px}.pv-12{padding-top:12px;padding-bottom:12px}.ph-12{padding-left:12px;padding-right:12px}.mh-12{margin-left:12px;margin-right:12px}.pa-12{padding:12px}.ml-13{margin-left:13px}.mr-13{margin-right:13px}.mt-13{margin-top:13px}.mb-13{margin-bottom:13px}.pl-13{padding-left:13px}.pr-13{padding-right:13px}.pt-13{padding-top:13px}.pb-13{padding-bottom:13px}.mv-13{margin-top:13px;margin-bottom:13px}.pv-13{padding-top:13px;padding-bottom:13px}.ph-13{padding-left:13px;padding-right:13px}.mh-13{margin-left:13px;margin-right:13px}.pa-13{padding:13px}.ml-14{margin-left:14px}.mr-14{margin-right:14px}.mt-14{margin-top:14px}.mb-14{margin-bottom:14px}.pl-14{padding-left:14px}.pr-14{padding-right:14px}.pt-14{padding-top:14px}.pb-14{padding-bottom:14px}.mv-14{margin-top:14px;margin-bottom:14px}.pv-14{padding-top:14px;padding-bottom:14px}.ph-14{padding-left:14px;padding-right:14px}.mh-14{margin-left:14px;margin-right:14px}.pa-14{padding:14px}.ml-15{margin-left:15px}.mr-15{margin-right:15px}.mt-15{margin-top:15px}.mb-15{margin-bottom:15px}.pl-15{padding-left:15px}.pr-15{padding-right:15px}.pt-15{padding-top:15px}.pb-15{padding-bottom:15px}.mv-15{margin-top:15px;margin-bottom:15px}.pv-15{padding-top:15px;padding-bottom:15px}.ph-15{padding-left:15px;padding-right:15px}.mh-15{margin-left:15px;margin-right:15px}.pa-15{padding:15px}.ml-16{margin-left:16px}.mr-16{margin-right:16px}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.pl-16{padding-left:16px}.pr-16{padding-right:16px}.pt-16{padding-top:16px}.pb-16{padding-bottom:16px}.mv-16{margin-top:16px;margin-bottom:16px}.pv-16{padding-top:16px;padding-bottom:16px}.ph-16{padding-left:16px;padding-right:16px}.mh-16{margin-left:16px;margin-right:16px}.pa-16{padding:16px}.ml-17{margin-left:17px}.mr-17{margin-right:17px}.mt-17{margin-top:17px}.mb-17{margin-bottom:17px}.pl-17{padding-left:17px}.pr-17{padding-right:17px}.pt-17{padding-top:17px}.pb-17{padding-bottom:17px}.mv-17{margin-top:17px;margin-bottom:17px}.pv-17{padding-top:17px;padding-bottom:17px}.ph-17{padding-left:17px;padding-right:17px}.mh-17{margin-left:17px;margin-right:17px}.pa-17{padding:17px}.ml-18{margin-left:18px}.mr-18{margin-right:18px}.mt-18{margin-top:18px}.mb-18{margin-bottom:18px}.pl-18{padding-left:18px}.pr-18{padding-right:18px}.pt-18{padding-top:18px}.pb-18{padding-bottom:18px}.mv-18{margin-top:18px;margin-bottom:18px}.pv-18{padding-top:18px;padding-bottom:18px}.ph-18{padding-left:18px;padding-right:18px}.mh-18{margin-left:18px;margin-right:18px}.pa-18{padding:18px}.ml-19{margin-left:19px}.mr-19{margin-right:19px}.mt-19{margin-top:19px}.mb-19{margin-bottom:19px}.pl-19{padding-left:19px}.pr-19{padding-right:19px}.pt-19{padding-top:19px}.pb-19{padding-bottom:19px}.mv-19{margin-top:19px;margin-bottom:19px}.pv-19{padding-top:19px;padding-bottom:19px}.ph-19{padding-left:19px;padding-right:19px}.mh-19{margin-left:19px;margin-right:19px}.pa-19{padding:19px}.ml-20{margin-left:20px}.mr-20{margin-right:20px}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.pl-20{padding-left:20px}.pr-20{padding-right:20px}.pt-20{padding-top:20px}.pb-20{padding-bottom:20px}.mv-20{margin-top:20px;margin-bottom:20px}.pv-20{padding-top:20px;padding-bottom:20px}.ph-20{padding-left:20px;padding-right:20px}.mh-20{margin-left:20px;margin-right:20px}.pa-20{padding:20px}.ml-21{margin-left:21px}.mr-21{margin-right:21px}.mt-21{margin-top:21px}.mb-21{margin-bottom:21px}.pl-21{padding-left:21px}.pr-21{padding-right:21px}.pt-21{padding-top:21px}.pb-21{padding-bottom:21px}.mv-21{margin-top:21px;margin-bottom:21px}.pv-21{padding-top:21px;padding-bottom:21px}.ph-21{padding-left:21px;padding-right:21px}.mh-21{margin-left:21px;margin-right:21px}.pa-21{padding:21px}.ml-22{margin-left:22px}.mr-22{margin-right:22px}.mt-22{margin-top:22px}.mb-22{margin-bottom:22px}.pl-22{padding-left:22px}.pr-22{padding-right:22px}.pt-22{padding-top:22px}.pb-22{padding-bottom:22px}.mv-22{margin-top:22px;margin-bottom:22px}.pv-22{padding-top:22px;padding-bottom:22px}.ph-22{padding-left:22px;padding-right:22px}.mh-22{margin-left:22px;margin-right:22px}.pa-22{padding:22px}.ml-23{margin-left:23px}.mr-23{margin-right:23px}.mt-23{margin-top:23px}.mb-23{margin-bottom:23px}.pl-23{padding-left:23px}.pr-23{padding-right:23px}.pt-23{padding-top:23px}.pb-23{padding-bottom:23px}.mv-23{margin-top:23px;margin-bottom:23px}.pv-23{padding-top:23px;padding-bottom:23px}.ph-23{padding-left:23px;padding-right:23px}.mh-23{margin-left:23px;margin-right:23px}.pa-23{padding:23px}.ml-24{margin-left:24px}.mr-24{margin-right:24px}.mt-24{margin-top:24px}.mb-24{margin-bottom:24px}.pl-24{padding-left:24px}.pr-24{padding-right:24px}.pt-24{padding-top:24px}.pb-24{padding-bottom:24px}.mv-24{margin-top:24px;margin-bottom:24px}.pv-24{padding-top:24px;padding-bottom:24px}.ph-24{padding-left:24px;padding-right:24px}.mh-24{margin-left:24px;margin-right:24px}.pa-24{padding:24px}.ml-25{margin-left:25px}.mr-25{margin-right:25px}.mt-25{margin-top:25px}.mb-25{margin-bottom:25px}.pl-25{padding-left:25px}.pr-25{padding-right:25px}.pt-25{padding-top:25px}.pb-25{padding-bottom:25px}.mv-25{margin-top:25px;margin-bottom:25px}.pv-25{padding-top:25px;padding-bottom:25px}.ph-25{padding-left:25px;padding-right:25px}.mh-25{margin-left:25px;margin-right:25px}.pa-25{padding:25px}.ml-26{margin-left:26px}.mr-26{margin-right:26px}.mt-26{margin-top:26px}.mb-26{margin-bottom:26px}.pl-26{padding-left:26px}.pr-26{padding-right:26px}.pt-26{padding-top:26px}.pb-26{padding-bottom:26px}.mv-26{margin-top:26px;margin-bottom:26px}.pv-26{padding-top:26px;padding-bottom:26px}.ph-26{padding-left:26px;padding-right:26px}.mh-26{margin-left:26px;margin-right:26px}.pa-26{padding:26px}.ml-27{margin-left:27px}.mr-27{margin-right:27px}.mt-27{margin-top:27px}.mb-27{margin-bottom:27px}.pl-27{padding-left:27px}.pr-27{padding-right:27px}.pt-27{padding-top:27px}.pb-27{padding-bottom:27px}.mv-27{margin-top:27px;margin-bottom:27px}.pv-27{padding-top:27px;padding-bottom:27px}.ph-27{padding-left:27px;padding-right:27px}.mh-27{margin-left:27px;margin-right:27px}.pa-27{padding:27px}.ml-28{margin-left:28px}.mr-28{margin-right:28px}.mt-28{margin-top:28px}.mb-28{margin-bottom:28px}.pl-28{padding-left:28px}.pr-28{padding-right:28px}.pt-28{padding-top:28px}.pb-28{padding-bottom:28px}.mv-28{margin-top:28px;margin-bottom:28px}.pv-28{padding-top:28px;padding-bottom:28px}.ph-28{padding-left:28px;padding-right:28px}.mh-28{margin-left:28px;margin-right:28px}.pa-28{padding:28px}.ml-29{margin-left:29px}.mr-29{margin-right:29px}.mt-29{margin-top:29px}.mb-29{margin-bottom:29px}.pl-29{padding-left:29px}.pr-29{padding-right:29px}.pt-29{padding-top:29px}.pb-29{padding-bottom:29px}.mv-29{margin-top:29px;margin-bottom:29px}.pv-29{padding-top:29px;padding-bottom:29px}.ph-29{padding-left:29px;padding-right:29px}.mh-29{margin-left:29px;margin-right:29px}.pa-29{padding:29px}.ml-30{margin-left:30px}.mr-30{margin-right:30px}.mt-30{margin-top:30px}.mb-30{margin-bottom:30px}.pl-30{padding-left:30px}.pr-30{padding-right:30px}.pt-30{padding-top:30px}.pb-30{padding-bottom:30px}.mv-30{margin-top:30px;margin-bottom:30px}.pv-30{padding-top:30px;padding-bottom:30px}.ph-30{padding-left:30px;padding-right:30px}.mh-30{margin-left:30px;margin-right:30px}.pa-30{padding:30px}.HaInputImg{display:flex;align-items:center}.HaInputImg .img-wrapper{max-width:200px;max-height:200px;margin-right:20px}.HaInputImg .img-wrapper .img{width:100%;height:100%}.HaInputImg .input-file{display:none}