html,body{font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue","Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;font-weight:400;font-size:14px;letter-spacing:-0.05em;margin:0;padding:0;background-color:#fff;color:#333;box-sizing:content-box;height:100%;white-space:nowrap}#root{height:inherit}*{font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue","Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a:-webkit-any-link{color:inherit}html{scrollbar-arrow-color:#efefef;scrollbar-track-color:#efefef;scrollbar-base-color:#dfdfdf;scrollbar-face-color:#dfdfdf;scrollbar-3dlight-color:#dfdfdf;scrollbar-darkshadow-color:#dfdfdf;scrollbar-highlight-color:#dfdfdf;scrollbar-shadow-color:#dfdfdf}::-webkit-scrollbar{width:10px;height:12px}::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:none;width:12px;height:12px;background:rgba(0,0,0,.05)}::-webkit-scrollbar-thumb{background:#999}ul{margin:0px;padding-inline-start:2em}
a{text-decoration:none}.Home{min-height:calc(100vh - 280px)}.Home .top-bar{top:0px}.Home>.home-wrapper>.header{background-color:#161a24;display:flex;flex-flow:row;align-items:center;padding-top:40px;padding-bottom:20px;box-sizing:border-box}.Home>.home-wrapper>.header>.wrapper{width:1200px;margin:auto;display:flex;flex-flow:row;margin-top:20px;height:40px;margin-top:20px;justify-content:space-between}.Home>.home-wrapper>.header>.wrapper>.title{color:#eee;font-size:30px;z-index:1}.Home>.home-wrapper>.header>.wrapper .right-info-wrapper{display:flex;align-items:center}.Home>.home-wrapper>.header>.wrapper .right-info-wrapper .point-info{display:flex;flex-flow:row;justify-content:space-between;align-items:center;margin-left:auto;height:40px}.Home>.home-wrapper>.header>.wrapper .right-info-wrapper .point-info>.name{color:#999;font-size:14px;margin-right:2px;display:flex;flex-flow:row;align-items:center}.Home>.home-wrapper>.header>.wrapper .right-info-wrapper .point-info>.name>.buildit-point-logo{width:16px !important;height:16px !important}.Home>.home-wrapper>.header>.wrapper .right-info-wrapper .point-info>.name>.useable-point{line-height:17px}.Home>.home-wrapper>.header>.wrapper .right-info-wrapper .point-info .point{color:#ccc;font-size:18px;font-weight:400}.Home>.home-wrapper>.header>.wrapper .right-info-wrapper .PLATINUM-wrapper{width:149px;height:40px;border-radius:6px;border:1px solid #48ddf2;font-weight:700;line-height:40px;display:flex;align-items:center;padding-left:10px;padding-right:10px;margin-left:20px;box-sizing:border-box}.Home>.home-wrapper>.header>.wrapper .right-info-wrapper .PLATINUM-wrapper .PLATINUM{background:linear-gradient(95.5deg, #48ddf2 16.29%, #95e4b3 84.25%);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);font-size:18px}.Home>.home-wrapper>.header>.wrapper .right-info-wrapper .PLATINUM-wrapper .PLATINUM-using{margin-left:3px;color:#48ddf2;font-size:14px}.Home>.home-wrapper>.body{display:flex;flex-flow:column;align-items:center;grid-row-gap:32px;row-gap:32px;padding-top:40px}.table-header{width:inherit}.table-header .tr{display:flex;flex-flow:row;background-color:#161a24;height:51px;border-bottom:1px solid #555}.table-header .tr.card{border-bottom:none}.table-header .tr>.td{height:inherit;background-color:inherit}.table-header .tr>.th{height:inherit;background-color:inherit;display:flex;flex-flow:row}.table-header .tr>.th>.icon{width:18px !important;height:18px !important;margin-left:5px}.table-header .tr>.checkbox{width:40px;height:100%;padding:0px;display:flex;align-items:center;justify-content:center}.table-header .tr>.checkbox>.checkbox{width:40px}.table-header .tr>.checkbox>.checkbox.checked{color:#48ddf2}.table-header .tr>.checkbox svg{width:20px;height:20px}.table-header .tr>.checkbox input{width:40px;height:45px}.table-header .tr>.project-field{display:flex;flex-flow:row;align-items:center}.table-header .tr>.user-project-id{width:70px;cursor:pointer;display:flex;flex-direction:column}.table-header .tr>.user-project-id>.name{display:flex;height:50%;margin-left:auto;margin-right:auto;font-size:14px;padding-top:10px}.table-header .tr>.user-project-id>.arrow{padding-top:2px;align-items:flex-start;height:50%;display:flex;margin-left:auto;margin-right:auto}.table-header .tr>.user-project-id>.arrow .icon{width:10px !important;height:10px !important}.table-header .tr>.project-type{width:110px;justify-content:center;padding:0px;cursor:pointer}.table-header .tr>.status,.table-header .tr>.eng-status{width:70px;justify-content:center;padding:0px;cursor:pointer}.table-header .tr>.building-type{width:110px;justify-content:center;padding:0px;cursor:pointer}.table-header .tr>.project-name{width:424px;padding-top:10px}.table-header .tr>.favorite{width:36px}.table-header .tr>.area{width:120px;cursor:pointer;display:flex;flex-direction:column}.table-header .tr>.area>.name{display:flex;height:50%;margin-left:auto;margin-right:auto;font-size:14px;padding-top:10px}.table-header .tr>.area>.arrow{padding-top:2px;align-items:flex-start;height:50%;display:flex;margin-left:auto;margin-right:auto}.table-header .tr>.area>.arrow .icon{width:10px !important;height:10px !important}.table-header .tr>.floor-area-ratio{width:90px;padding-top:10px}.table-header .tr>.created-at{width:100px;cursor:pointer;display:flex;flex-direction:column}.table-header .tr>.created-at>.name{display:flex;height:50%;margin-left:auto;margin-right:auto;font-size:14px;padding-top:10px}.table-header .tr>.created-at>.arrow{padding-top:2px;align-items:flex-start;height:50%;display:flex;margin-left:auto;margin-right:auto}.table-header .tr>.created-at>.arrow .icon{width:10px !important;height:10px !important}.table-header .th{display:inline-flex;color:#ccc;font-size:14px;text-align:left;padding-left:10px;padding-right:10px;box-sizing:border-box}.table-row{display:flex;flex-flow:row;background-color:#232732;height:50px;border-bottom:1px solid #333;align-items:center;cursor:pointer;position:relative}.table-row .disable-box{background-color:#232732;opacity:.5;width:100%;height:100%;position:absolute}.table-row.mouseOver{background-color:#273945}.table-row.disabled{cursor:normal}.table-row.disabled.mouseOver{background-color:#232732}.table-row .link{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex}.table-row .td{height:50px;display:inline-flex;color:#ccc;font-size:14px;text-align:left;padding-left:10px;padding-right:10px;box-sizing:border-box}.table-row .th{display:inline-flex;color:#ccc;font-size:14px;text-align:left;box-sizing:border-box;border-bottom:1px solid #555}.table-row>.checkbox{width:40px;height:100%;padding:0px;display:flex;align-items:center;justify-content:center}.table-row>.checkbox>.checkbox{width:40px}.table-row>.checkbox>.checkbox.disabled{opacity:.5}.table-row>.checkbox>.checkbox.checked{color:#48ddf2}.table-row>.checkbox svg{width:20px;height:20px}.table-row>.checkbox input{width:40px;height:45px}.table-row .project-field{display:flex;flex-flow:row;align-items:center}.table-row .project-field.user-project-id{width:70px;justify-content:center}.table-row .project-field.project-type{width:110px;padding-left:10px;display:flex;justify-content:center}.table-row .project-field.status,.table-row .project-field.eng-status{width:70px;padding-left:10px;justify-content:center}.table-row .project-field.building-type{width:110px;padding-left:0px;padding-right:0px;cursor:pointer;justify-content:center}.table-row .project-field.project-name{width:424px;padding-right:0}.table-row .project-field.project-name>.value{width:510px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px}.table-row .project-field.project-name>.memo{width:36px;line-height:20px}.table-row .project-field.favorite{width:36px;padding:0}.table-row .project-field.favorite .favorite-btn{min-width:0px;width:36px;height:36px;color:#999}.table-row .project-field.favorite .favorite-btn.disabled{opacity:.5}.table-row .project-field.favorite .favorite-btn>.active{color:#95e4b3}.table-row .project-field.area{width:120px;flex-flow:row-reverse}.table-row .project-field.floor-area-ratio{width:90px;flex-flow:row-reverse}.table-row .project-field.created-at{width:100px;padding-left:14px;padding-right:0px}
.buildit-template{display:block;height:100%;min-height:100%}.buildit-template .template-logo{flex:1 1;font-size:24px}.buildit-template .app-bar{display:flex;justify-content:center;height:60px;box-shadow:none;background-color:#232732}.buildit-template .app-bar .greeting{margin-left:11px}.buildit-template .app-bar .tool-bar{min-height:60px;height:60px;padding-left:30px;padding-right:0px;justify-content:space-between}.buildit-template .app-bar .tool-bar>a{display:flex}.buildit-template .app-bar .tool-bar>.hamburger{display:none;position:absolute;left:calc(100vw - 50px)}.buildit-template .app-bar .tool-bar .menus{display:flex;align-items:center;margin-right:30px}.buildit-template .app-bar .tool-bar .menus .new-project-btn-wrapper{padding-top:10px;padding-bottom:10px}.buildit-template .app-bar .tool-bar .menus .new-project-btn{width:140px;font-size:14px;padding:0px}.buildit-template .app-bar .tool-bar .menus .new-project-btn.disabled{pointer-events:none}.buildit-template .app-bar .tool-bar .menus .items{margin:auto 10px;display:flex;text-transform:none;padding:20px 0px}.buildit-template .app-bar .tool-bar .menus .dropdown{position:relative}.buildit-template .app-bar .tool-bar .menus .dropdown .dropbtn-text{color:#ccc}.buildit-template .app-bar .tool-bar .menus .dropdown:hover .dropbtn-text{color:#eee}.buildit-template .app-bar .tool-bar .menus .dropdown a:active{text-decoration:none}.buildit-template .app-bar .tool-bar .menus .dropdown.user-email{color:#ccc}.buildit-template .app-bar .tool-bar .menus .dropdown .dropbtn{padding:20px 0px;background-color:inherit;margin:auto 5px auto 10px}.buildit-template .app-bar .tool-bar .menus .dropdown .dropbtn>.dropbtn-text{display:flex;align-items:center}.buildit-template .app-bar .tool-bar .menus .dropdown .dropbtn>.dropbtn-text .expand-icon{width:16px}.buildit-template .app-bar .tool-bar .menus .dropdown .dropbtn .email{width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;text-transform:none}.buildit-template .app-bar .tool-bar .menus .dropdown .dropbtn .email .email-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buildit-template .app-bar .tool-bar .menus .dropbtn.last-menu{margin-right:15px}.buildit-template .app-bar .tool-bar .menus .dropdown-content{display:none;position:absolute;width:101px;background:#232732;z-index:1;top:60px;left:0px}.buildit-template .app-bar .tool-bar .menus .dropdown-content.email{width:142px}.buildit-template .app-bar .tool-bar .menus .dropdown-content .wrap{height:40px}.buildit-template .app-bar .tool-bar .menus .dropdown-content .wrap>.menu{background-color:#232732;text-align:left;height:40px;padding-left:10px;display:flex;align-items:center;color:#ccc;text-decoration:none;cursor:pointer}.buildit-template .app-bar .tool-bar .menus .dropdown-content .wrap>.menu:hover{background-color:#273945}.buildit-template .app-bar .tool-bar .menus .dropdown-content .wrap>.menu .launch-icon{width:16px;margin-left:2px;color:#eee}.buildit-template .app-bar .tool-bar .menus .dropdown-content a{float:none;height:40px;display:block;color:#ccc;display:flex;flex-direction:column;justify-content:center}.buildit-template .app-bar .tool-bar .menus .dropdown-content a:hover{background-color:#273945}.buildit-template .app-bar .tool-bar .menus .dropdown:hover .dropdown-content{display:block}.buildit-template .app-bar .tool-bar .menus .items:hover{color:#eee}.buildit-template .app-bar .tool-bar-mobile{display:none}.buildit-template .template-content{display:block;height:100vh}.buildit-template .template-content .app-bar-space{height:60px}.buildit-template .template-content .main-content{overflow-x:auto;min-height:calc(100vh - 60px);position:relative;display:flex;flex-flow:column;justify-content:space-between}.buildit-template .template-content>.dim{height:100vh;width:100%;background-color:rgba(0,0,0,.5);position:absolute;top:0px;z-index:999999;pointer-events:none;display:flex;flex-flow:column}.buildit-template .template-content>.dim>.circular-progress{position:absolute;left:calc(50% - 30px);top:calc(50% - 60px);color:#eee}.buildit-template .template-content>.dim>.content{position:absolute;top:50%;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-items:center;color:#ccc;font-size:14px}.buildit-template .text-deco-none{text-decoration:none}@media screen and (max-width: 992px){.hamburger{display:block !important}.tool-bar{height:auto}.tool-bar>a{display:flex}.tool-bar .menus{display:flex;position:absolute;left:calc(100vw - 50px - 160px);flex-direction:column;margin:0 auto;margin-top:360px;align-items:center;background-color:#1a1e28;width:160px;border:1px solid #333;box-shadow:4px 4px 4px rgba(0,0,0,.25);border-radius:6px}.tool-bar .menus .items{margin-right:0 !important}.tool-bar .menus .dropdown{position:relative}.tool-bar .menus .dropdown .dropbtn-text{color:#ccc}.tool-bar .menus .dropdown:hover .dropbtn-text{color:#eee}.tool-bar .menus .dropdown a:active{text-decoration:none}.tool-bar .menus .dropdown.user-email{width:140px;color:#ccc}.tool-bar .menus .dropdown .dropbtn{width:142px;margin-right:0 !important}.tool-bar .menus .dropdown .dropbtn>.dropbtn-text{justify-content:center}.tool-bar .menus .dropdown .dropbtn .email{margin:0 auto}.tool-bar .menus .dropdown-content{left:0 !important;width:132px !important}.tool-bar .menus .dropdown-content .wrap{height:40px}.tool-bar .menus .dropdown-content .wrap>.menu{width:132px}.tool-bar .menus-hidden{visibility:hidden}}
.foot{width:100%;border-top:1px solid #333;box-sizing:border-box;padding-bottom:30px;padding-top:30px}.foot>.wrapper{min-width:1200px;max-width:1200px;margin:auto}.foot>.wrapper .row{display:flex;justify-content:space-between}.foot>.wrapper .row .logo-box{display:flex;height:30px;align-items:center}.foot>.wrapper .row .logo-box>.logo{width:auto;height:inherit}.foot>.wrapper .row>.content{display:flex;align-items:center}.foot>.wrapper .row>.content>.links{display:flex;align-items:center}.foot>.wrapper .row>.content>.links>.link-divider{height:12px;margin:0px 10px;border:1px solid #333}.foot>.wrapper .row>.content>.links>.link{color:#999;font-weight:bold;font-size:12px;text-decoration:none}.foot>.wrapper .row>.content .btn{width:210px;margin-left:auto;align-items:center}.foot>.wrapper .footer-foot{margin-top:10px;margin-bottom:10px;display:flex;flex-direction:column;align-items:baseline;color:#999;font-size:12px}.foot>.wrapper .footer-foot .first-row{display:flex;flex-wrap:wrap}.foot>.wrapper .footer-foot .second-row{display:flex;flex-wrap:wrap;margin-top:5px}.foot>.wrapper .footer-foot .item{margin-right:10px}.foot>.wrapper .footer-foot .third-row{margin-top:10px;width:100%;display:flex;flex-flow:row wrap;justify-content:space-between}.foot>.wrapper .footer-foot .copyright{font-size:10px}
.buildit-template .tabs.horizontal{height:40px;box-sizing:border-box;border-radius:6px;display:flex;align-items:center;padding:1px;font-size:14px}.buildit-template .tabs.horizontal.tabs-small{height:32px}.buildit-template .tabs.horizontal .tab{height:36px;border-radius:6px;color:#ccc;padding:0px;align-items:center;font-size:inherit;flex:1 1;font-weight:bold}.buildit-template .tabs.horizontal .tab.disabled{cursor:default}.buildit-template .tabs.vertical{box-sizing:border-box;border-radius:6px;width:40px;display:flex;flex-flow:column;align-items:center;padding:1px}.buildit-template .tabs.vertical .tab{flex:1 1;min-width:36px;width:36px;color:#ccc;padding:0px;align-items:center;font-size:inherit;margin-top:1px;margin-bottom:1px}.buildit-template .tabs.bg-navy{background-color:#383b45}.buildit-template .bg-navy.tab-primary{min-width:40px;background-color:#383b45;color:#ccc}.buildit-template .bg-navy.tab-primary.AI{background-color:#333;color:#555;cursor:not-allowed}.buildit-template .bg-navy.tab-primary:hover,.buildit-template .bg-navy.tab-primary.active{background-color:#ddd;color:#232732}.buildit-template .bg-navy.tab-primary.tab-small{min-width:30px;font-size:12px;height:28px}.buildit-template .bg-navy.tab-primary.disabled{cursor:auto;color:#555}.buildit-template .bg-navy.tab-primary.disabled:hover{background-color:#383b45 !important}.buildit-template .bg-navy.tab-secondary{height:40px;min-width:40px;box-sizing:border-box;background-color:#232732;color:#ccc}.buildit-template .bg-navy.tab-secondary:hover,.buildit-template .bg-navy.tab-secondary.active{background-color:#60626a;color:#eee}.buildit-template .bg-navy.tab-secondary.tab-small{height:30px;min-width:28px}.buildit-template .bg-navy.tab-secondary.tab-disabled{color:#555}.buildit-template .bg-navy.tab-fix-padding{padding-left:15px;padding-right:15px}.buildit-template .bg-navy.first-child{margin-left:0px}.buildit-template .bg-navy.last-child{margin-right:0px}.buildit-template .btn{min-width:40px;height:40px;border-radius:6px;font-size:14px;box-sizing:border-box;display:flex;flex-flow:row;justify-content:center;align-items:center;padding:0px;width:100%}.buildit-template .btn.bg-navy.btn-primary{background-color:#383b45;color:#ccc;min-width:40px}.buildit-template .btn.bg-navy.btn-primary:hover,.buildit-template .btn.bg-navy.btn-primary.active{background-color:#273945;color:#eee}.buildit-template .btn.bg-navy.btn-primary.disabled{background-color:#383b45;color:#555;cursor:auto;pointer-events:none}.buildit-template .btn.bg-navy.btn-secondary{min-width:40px;background-color:#232732;color:#ccc}.buildit-template .btn.bg-navy.btn-secondary:hover,.buildit-template .btn.bg-navy.btn-secondary.active{border:none;background-color:#60626a;color:#eee}.buildit-template .btn.bg-navy.btn-secondary.disabled{border:solid 2px #333;background-color:#232732;color:#555;cursor:default}.buildit-template .btn.bg-navy.btn-third{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;background-color:inherit;color:inherit}.buildit-template .btn.bg-navy.btn-third:hover{background-color:#273945}.buildit-template .btn.bg-navy.btn-cancel{min-width:40px;background-color:#232732;color:#999}.buildit-template .btn.bg-navy.btn-cancel:hover,.buildit-template .btn.bg-navy.btn-cancel.active{border:none;background-color:#273945}.buildit-template .btn.bg-navy.btn-cancel.disabled{border:solid 1px #333;background-color:#232732;color:#555}.buildit-template .btn.bg-navy.btn-run{background-image:linear-gradient(to right, #48ddf2, #95e4b3);color:#232732;font-weight:bold;transition:background-image 1s}.buildit-template .btn.bg-navy.btn-run.btn-small{height:30px;font-size:12px;font-weight:normal}.buildit-template .btn.bg-navy.btn-run:hover{background-image:linear-gradient(to right, #95e4b3, #48ddf2);transition:background-image 1s}.buildit-template .btn.bg-navy.btn-run.disabled{background-image:none;background-color:#383b45;color:#555}.buildit-template .btn.bg-navy.btn-extra{background-color:#232732;border:1px solid #48ddf2;color:#48ddf2}.buildit-template .btn.bg-navy.btn-small{height:30px;font-size:12px}.buildit-template .btn.bg-white{min-width:0px;height:40px}.buildit-template .btn.bg-white.btn-primary{background-color:#232732;color:#ccc;min-width:40px}.buildit-template .btn.bg-white.btn-primary:hover,.buildit-template .btn.bg-white.btn-primary.active{color:#eee}.buildit-template .btn.bg-white.btn-primary.disabled{background-color:#ccc;color:#999;cursor:default;pointer-events:none}.buildit-template .btn.bg-white.btn-small{height:30px}.buildit-template .btn.bg-gray{background-color:#393c46}.buildit-template .btn.bg-gray.disabled{color:#555}.buildit-template .checkbox{color:#ccc;padding:0px;height:100%}.buildit-template .checkbox svg{width:20px;height:20px}.buildit-template .checkbox input{width:20px;height:20px}.buildit-template .checkbox.checked{color:#48ddf2}.buildit-template .font.font-primary{color:#ccc}.buildit-template .font.font-secondary{color:#999}.buildit-template .font.font-emphasis{color:#eee}.buildit-template .font.font-special{color:#48ddf2}.buildit-template .font.font-error{color:#e81c1c}.buildit-template .font.font-warn{color:#ffb068}.buildit-template .font.font-disable{color:#666}.buildit-template .font.font-disable2{color:#555}.buildit-template .font.font-8px{font-size:8px}.buildit-template .font.font-12px{font-size:12px}.buildit-template .font.font-14px{font-size:14px}.buildit-template .font.font-16px{font-size:16px}.buildit-template .font.font-18px{font-size:18px}.buildit-template .font.font-bold{font-weight:700}.buildit-template .font.font-normal{font-weight:400}.buildit-template .bgc-navy{background-color:#232732}.buildit-template .bgc-white{background-color:#fff}.buildit-template .icon{width:20px !important;height:20px !important;color:#ccc}.buildit-template .icon.active{color:#95e4b3}.buildit-template .icon.primary{color:#48ddf2}.buildit-template .icon.disabled{color:inherit}.buildit-template .m-l-a{margin-left:auto}.buildit-template .m-r-a{margin-left:auto}.buildit-template .m-a{margin:auto}.buildit-template .m-l-sm{margin-left:5px}.buildit-template .m-l-md{margin-left:10px}.buildit-template .m-l-lg{margin-left:15px}.buildit-template .m-l-xl{margin-left:20px}.buildit-template .m-r-sm{margin-right:5px}.buildit-template .m-r-md{margin-right:10px}.buildit-template .m-r-lg{margin-right:15px}.buildit-template .m-r-xl{margin-right:20px}.buildit-template .m-t-sm{margin-top:5px}.buildit-template .m-t-md{margin-top:10px}.buildit-template .m-t-lg{margin-top:15px}.buildit-template .m-t-xl{margin-top:20px}.buildit-template .m-b-sm{margin-bottom:5px}.buildit-template .m-b-md{margin-bottom:10px}.buildit-template .m-b-lg{margin-bottom:15px}.buildit-template .m-b-xl{margin-bottom:20px}.buildit-template .t-a-c{text-align:center}.buildit-template .t-a-l{text-align:left}.buildit-template .t-a-r{text-align:right}.buildit-template .visibility-hidden{visibility:hidden}.buildit-template .display-none{display:none}.buildit-template .router-link{text-decoration:none;color:inherit;display:flex;align-items:center;flex-flow:row}.buildit-template .d-flex{display:flex}.buildit-template .d-block{display:block}.buildit-template .d-inline{display:inline}.buildit-template .p-e-n{pointer-events:none}.buildit-template .router-link-with-underbar{color:#999;-webkit-text-decoration-line:underline;text-decoration-line:underline}
.loadingPage{height:inherit}.loadingPage.modal-size{width:700px;z-index:2400;opacity:1;background:#1a1e28;border:1px solid #333}.loadingPage.modal-size .progress{height:160px}.loadingPage.modal-size .progress .loading-img{width:160px}@keyframes rotation{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.loadingPage .centerWord{transform:translate(-50%, -100%);top:50%;left:50%;position:absolute;width:197px;font-style:normal;font-weight:bold;font-size:24px;line-height:28px;text-align:center;color:#eee}.loadingPage .loadingMessage{margin:30px auto auto auto;font-style:normal;line-height:26px;text-align:center}.loadingPage .loadingMessage>.white{color:#fff}
.ChristmasTheme{position:absolute;top:0;pointer-events:none}.wrap-bottom{position:relative;height:100.5vh}.land-img{max-width:100vw;bottom:0;z-index:0;position:absolute}.moon-img{position:absolute;top:80px;left:30px;height:86px;z-index:1}.snow{z-index:2;position:absolute;min-width:100vw;min-height:100vh;height:100%;width:100%;top:0;left:0}.snow .svg{position:absolute;width:100%;height:100%}#snow-top-layer{will-change:transform;transform:translateY(-768px);animation:fall 22.5s infinite linear}#snow-bottom-layer{will-change:transform;transform:translateY(-768px);animation:fall 45s infinite linear}@keyframes fall{100%{transform:translateY(0)}}
.halloween-background{position:relative}.halloween-background .wrap-ground{position:fixed;bottom:-3px}.halloween-background .wrap-ground .ground{position:relative;width:100vw;z-index:-1}.halloween-background .bats{position:fixed;top:185px;right:80px;width:187px;height:167px}.halloween-background .wrap-house{width:100vw;position:absolute;left:7%;bottom:calc(19% - 5px)}.halloween-background .wrap-house .box{position:relative}.halloween-background .wrap-house .house{max-width:149px;width:100vw;left:0;bottom:0px;position:absolute;object-fit:cover}.halloween-background .wrap-house .window{left:125px;max-width:149px;width:96px;left:36px;bottom:29px;position:absolute;animation:blink 3s steps(1);animation-delay:.1}.halloween-background .wrap-house .ghostSmall{position:absolute;width:23px;left:140px;bottom:133px;animation:ghostSmall 5s;animation-delay:.2}.halloween-background .wrap-house .ghostBig{position:absolute;width:35px;left:5px;bottom:168px;animation:ghostBig 5s;animation-delay:.1}@keyframes ghostSmall{0%,55%{opacity:0}60%{opacity:1}66%{opacity:0}80%{opacity:1}}@keyframes ghostBig{0%{opacity:0}41%{opacity:0}55%{opacity:1}}@keyframes blink{0%,100%{opacity:0}9%{opacity:0}10%{opacity:1}11%{opacity:1}12%{opacity:0}15%{opacity:0}16%{opacity:1}18%{opacity:1}19%{opacity:0}25%{opacity:0}26%{opacity:1}27%{opacity:1}28%{opacity:0}31%{opacity:1}34%{opacity:1}35%{opacity:0}40%{opacity:0}41%{opacity:1}}@media screen and (max-width: 1200px){.halloween-background .ground{width:1200px !important}.halloween-background .wrap-house{position:absolute;bottom:6px !important}}
.NewYearTheme{position:absolute;top:0;pointer-events:none}.NewYearTheme .wrap-bottom{position:relative;height:100.5vh;width:100vw}.NewYearTheme .land-img{max-width:100vw;bottom:0;z-index:0;position:absolute}.NewYearTheme #dragon{position:absolute;bottom:6.3vw;right:4.5vw;width:8vw;opacity:0;animation:.6s ease-in fadeIn 1s forwards,.8s ease-in fadeOut 4s forwards,1s ease-in fadeIn 8s forwards}@keyframes fadeIn{to{opacity:1}}@keyframes fadeOut{to{opacity:0}}
.TropicalTheme{position:relative}.TropicalTheme .leaf{position:fixed;top:-13px;left:-40px;z-index:100005;transform-origin:left top;pointer-events:none;transition:rotate .4s ease}.TropicalTheme .leaf.entered{rotate:16deg;animation:sway 5s linear infinite}@keyframes sway{25%{transform:skewX(2deg)}75%{transform:skewX(-2deg)}}.TropicalTheme .right-bottom-wrapper{position:fixed;bottom:49px;right:133px;z-index:1;pointer-events:none}.TropicalTheme .right-bottom-wrapper .picture{position:relative;pointer-events:none}.TropicalTheme .right-bottom-wrapper .picture .boy{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);pointer-events:auto}.TropicalTheme .right-bottom-wrapper .picture .bg-sea{pointer-events:none;opacity:0;transition:opacity .3s ease-in}.TropicalTheme .right-bottom-wrapper .picture:hover{opacity:1}.TropicalTheme .right-bottom-wrapper .picture:hover .bg-sea{opacity:1}.click-effect{position:fixed;box-sizing:border-box;z-index:99999}.click-effect img{position:absolute}.click-effect :nth-child(1){animation:drop1 .1s;transition-timing-function:cubic-bezier(0.895, 0.03, 0.685, 0.22);animation-fill-mode:forwards;transform-origin:bottom right;transform:scale(0)}.click-effect :nth-child(2){animation:drop2 .1s;transition-timing-function:cubic-bezier(0.895, 0.03, 0.685, 0.22);animation-fill-mode:forwards;transform-origin:bottom right;transform:translate(-9px, 2px) scale(0);animation-delay:.05s}.click-effect :nth-child(3){animation:drop3 .2s;transition-timing-function:cubic-bezier(0.895, 0.03, 0.685, 0.22);animation-fill-mode:forwards;transform-origin:bottom right;transform:translate(-4px, 13px) scale(0);animation-delay:.1s}@keyframes drop1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes drop2{0%{transform:translate(-9px, 2px) scale(0)}100%{transform:translate(-9px, 2px) scale(1)}}@keyframes drop3{0%{transform:translate(-4px, 13px) scale(0.1)}50%{transform:translate(-4px, 13px) scale(1)}100%{transform:translate(-4px, 13px) scale(1)}}
.buildit-template .snack-bar{position:fixed;top:80px;padding:0px}.buildit-template .snack-bar .msg>div{display:flex;align-items:center}.buildit-template .snack-bar .text-wrap{display:block;white-space:pre-line;margin:4px 0}.buildit-template .snack-bar .text-wrap .warning-msg{color:red}.buildit-template .snack-bar .text-wrap .text-align-center{text-align:center}.buildit-template .snack-bar .text-highlight{color:#01baef}
.rc-tooltip{--tooltip-color: rgba(0, 0, 0, 0.8);z-index:10000 !important;pointer-events:none}.rc-tooltip>.rc-tooltip-content{background:rgba(0,0,0,0)}.rc-tooltip>.rc-tooltip-content>.rc-tooltip-arrow{border-color:rgba(0,0,0,0)}.rc-tooltip>.rc-tooltip-content>.rc-tooltip-arrow>.rc-tooltip-arrow-inner.top{border-top-color:var(--tooltip-color)}.rc-tooltip>.rc-tooltip-content>.rc-tooltip-arrow>.rc-tooltip-arrow-inner.bottom{border-bottom-color:var(--tooltip-color)}.rc-tooltip>.rc-tooltip-content>.rc-tooltip-arrow>.rc-tooltip-arrow-inner.right{border-right-color:var(--tooltip-color)}.rc-tooltip>.rc-tooltip-content>.rc-tooltip-arrow>.rc-tooltip-arrow-inner.left{border-left-color:var(--tooltip-color)}.rc-tooltip>.rc-tooltip-content>.rc-tooltip-inner{min-height:0px;color:#ccc;border:0px;background-color:var(--tooltip-color);border-radius:6px}.rc-tooltip>.rc-tooltip-content>.rc-tooltip-inner ul,.rc-tooltip>.rc-tooltip-content>.rc-tooltip-inner li{margin:0;padding:0;list-style:none}.tooltip-wrap{display:flex;align-items:center;justify-content:center;cursor:pointer}.Tooltip{display:inline-flex}
.rc-tooltip.rc-tooltip-zoom-enter,
.rc-tooltip.rc-tooltip-zoom-leave {
display: block;
}
.rc-tooltip-zoom-enter,
.rc-tooltip-zoom-appear {
opacity: 0;
animation-duration: 0.3s;
animation-fill-mode: both;
animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
animation-play-state: paused;
}
.rc-tooltip-zoom-leave {
animation-duration: 0.3s;
animation-fill-mode: both;
animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
animation-play-state: paused;
}
.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,
.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
animation-name: rcToolTipZoomIn;
animation-play-state: running;
}
.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
animation-name: rcToolTipZoomOut;
animation-play-state: running;
}
@keyframes rcToolTipZoomIn {
0% {
opacity: 0;
transform-origin: 50% 50%;
transform: scale(0, 0);
}
100% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(1, 1);
}
}
@keyframes rcToolTipZoomOut {
0% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(1, 1);
}
100% {
opacity: 0;
transform-origin: 50% 50%;
transform: scale(0, 0);
}
}
.rc-tooltip {
position: absolute;
z-index: 1070;
display: block;
visibility: visible;
line-height: 1.5;
font-size: 12px;
background-color: rgba(0, 0, 0, 0.05);
padding: 1px;
opacity: 0.9;
}
.rc-tooltip-hidden {
display: none;
}
.rc-tooltip-inner {
padding: 8px 10px;
color: #333333;
text-align: left;
text-decoration: none;
background-color: #ffffff;
border-radius: 3px;
min-height: 34px;
border: 1px solid #b1b1b1;
}
.rc-tooltip-arrow,
.rc-tooltip-arrow-inner {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.rc-tooltip-placement-top .rc-tooltip-arrow,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow,
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
bottom: -5px;
margin-left: -6px;
border-width: 6px 6px 0;
border-top-color: #b1b1b1;
}
.rc-tooltip-placement-top .rc-tooltip-arrow-inner,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow-inner,
.rc-tooltip-placement-topRight .rc-tooltip-arrow-inner {
bottom: 1px;
margin-left: -6px;
border-width: 6px 6px 0;
border-top-color: #ffffff;
}
.rc-tooltip-placement-top .rc-tooltip-arrow {
left: 50%;
}
.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
left: 15%;
}
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
right: 15%;
}
.rc-tooltip-placement-right .rc-tooltip-arrow,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
left: -5px;
margin-top: -6px;
border-width: 6px 6px 6px 0;
border-right-color: #b1b1b1;
}
.rc-tooltip-placement-right .rc-tooltip-arrow-inner,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow-inner,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow-inner {
left: 1px;
margin-top: -6px;
border-width: 6px 6px 6px 0;
border-right-color: #ffffff;
}
.rc-tooltip-placement-right .rc-tooltip-arrow {
top: 50%;
}
.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
top: 15%;
margin-top: 0;
}
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
bottom: 15%;
}
.rc-tooltip-placement-left .rc-tooltip-arrow,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
right: -5px;
margin-top: -6px;
border-width: 6px 0 6px 6px;
border-left-color: #b1b1b1;
}
.rc-tooltip-placement-left .rc-tooltip-arrow-inner,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow-inner,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow-inner {
right: 1px;
margin-top: -6px;
border-width: 6px 0 6px 6px;
border-left-color: #ffffff;
}
.rc-tooltip-placement-left .rc-tooltip-arrow {
top: 50%;
}
.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
top: 15%;
margin-top: 0;
}
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
bottom: 15%;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
top: -5px;
margin-left: -6px;
border-width: 0 6px 6px;
border-bottom-color: #b1b1b1;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow-inner,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow-inner,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow-inner {
top: 1px;
margin-left: -6px;
border-width: 0 6px 6px;
border-bottom-color: #ffffff;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow {
left: 50%;
}
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
left: 15%;
}
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
right: 15%;
}
.BuilditAlertButton{padding-top:10px;padding-bottom:10px}.BuilditAlertButton .alert-wrap{padding-left:10px;padding-right:19px}.BuilditAlertButton .alert-wrap .alert-btn{color:#48ddf2;width:48px;height:32px}.BuilditAlertButton .alert-wrap .alert-icon{width:20px;height:20px;left:5px;top:6px}.BuilditAlertButton .alert-wrap .alert-icon.alert-zero{color:#eee}.BuilditAlertButton .alert-wrap .alert-count{width:16px;left:27px;top:11px}.BuilditAlertButton .alert-wrap .alert-count.alert-zero{color:#555}.BuilditAlertDropdown{box-sizing:border-box;width:402px;background:#232732;border:1px solid #333;box-shadow:4px 4px 4px rgba(0,0,0,.25);border-radius:6px;font-weight:400}.BuilditAlertDropdown .header{height:15px}.BuilditAlertDropdown .content{height:441px;overflow-y:scroll;overflow-x:hidden;padding-left:20px;padding-right:20px}.BuilditAlertDropdown .footer{padding-left:20px;padding-right:20px;padding-top:4px;display:grid;grid-template-columns:65px auto;grid-template-rows:repeat(auto-fill, 32px);grid-column-gap:166px;column-gap:166px;align-items:center;grid-template-areas:"ca to" ". wi"}.BuilditAlertDropdown .footer .alert-check-all{grid-area:ca;cursor:pointer;padding:8px 0px}.BuilditAlertDropdown .footer .alert-check-all.disabled{color:#555;pointer-events:none}.BuilditAlertDropdown .footer .alert-switch-wrap{display:grid;grid-template-columns:82px 16px 27px;grid-column-gap:2px;column-gap:2px;align-items:center;padding:8px 0px}.BuilditAlertDropdown .footer .alert-switch-wrap.toast{grid-area:to}.BuilditAlertDropdown .footer .alert-switch-wrap.windows{grid-area:wi}.BuilditAlertDropdown .footer .alert-switch-wrap .info-icon{cursor:default;font-size:16px;color:#999}.BuilditAlertDropdown .footer .alert-switch-wrap .rc-switch{width:20.25px;height:11.25px;margin-left:3px;background:#555;border:none}.BuilditAlertDropdown .footer .alert-switch-wrap .rc-switch.rc-switch-checked{background:#48ddf2}.BuilditAlertDropdown .footer .alert-switch-wrap .rc-switch.rc-switch-checked::after{left:10.5px;background:#eee;box-shadow:0px 4px 4px rgba(0,0,0,.25)}.BuilditAlertDropdown .footer .alert-switch-wrap .rc-switch:after{width:8.25px;height:8.25px}.BuilditAlertDropdown .no-alert{color:#555;position:absolute;left:34.5%;right:34.5%;top:48.33%;bottom:48.12%}.BuilditAlertItem{padding-bottom:5px;width:360px;cursor:pointer}.BuilditAlertItem:hover{background-color:#273945}.BuilditAlertItem .alert-text-wrap,.BuilditAlertItem .alert-project,.BuilditAlertItem .alert-title .title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:break-word;text-overflow:ellipsis;overflow:hidden;white-space:normal;padding-bottom:4px}.BuilditAlertItem .alert-title{display:grid;grid-template-columns:20px 324px 16px;align-items:start;width:360px}.BuilditAlertItem .alert-title .icon{font-size:16px;padding:2px}.BuilditAlertItem .alert-title .title{line-height:20px;width:320px}.BuilditAlertItem .alert-title .check{height:25px;font-size:6px;padding:5px 6px 10px 6px}.BuilditAlertItem .alert-title .check:hover{font-size:16px;padding:0px}.BuilditAlertItem .empty-icon,.BuilditAlertItem .alert-date,.BuilditAlertItem .alert-project{padding-left:20px;padding-right:6px}.BuilditAlertItem .alert-project{-webkit-line-clamp:3;width:360px;min-height:19px;max-height:49px;line-height:15px;padding-top:2px;padding-bottom:2px}.alert-toast-message{display:flex;flex-flow:row;align-items:center;justify-content:center;grid-gap:16px;gap:16px}.alert-toast-text{overflow-wrap:break-word;text-overflow:ellipsis;overflow:hidden;height:17px;max-width:500px}
.Copy-Menu-Paper{background:unset !important}.Copy-MenuItem-Option{width:86px;box-sizing:border-box;height:24px !important;display:flex;align-items:center;padding:0 5px 0 10px !important}.Copy-MenuItem-Option:hover{background-color:#273945 !important}.Modal{z-index:999}.Modal>div>div{border-radius:0px;background-color:#1a1e28;overflow-y:hidden;overflow-x:hidden}.Modal>div>div .modal-content{white-space:normal;overflow-y:scroll;color:#ccc;font-size:14px;box-sizing:border-box}.Modal>div>div .modal-title{color:#ccc;font-size:14px}.Modal>div>div .modal-title>.close-btn{padding:0px;min-width:20px;width:20px;height:20px}.Modal>div>div .modal-title>.close-btn>.modal-title-hover{display:block;margin-left:10px;min-width:20px}.Modal>div>div .modal-title>.close-btn>.icon{width:20px;height:20px;color:#555}.Modal>div>div .modal-action>.btn{border-radius:6px}.Modal>div>div .modal-action>.btn.positive-btn{color:#ccc;background-color:#383b45}.Modal>div>div .modal-action>.btn.positive-btn:hover{background-color:#60626a;color:#eee}.Modal>div>div .modal-action>.btn.positive-btn.disabled{pointer-events:none;background:#333;color:#555}.Modal>div>div .modal-action>.btn.disabled-btn{background-color:#333 !important;color:#555 !important;background-image:none !important;pointer-events:none}.Modal>div>div .modal-action>.btn.negative-btn{color:#999;background-color:#232732}.Modal>div>div .modal-action>.btn.negative-btn:hover{background-color:#60626a}.Modal.simple>div>div{width:380px;padding:20px;box-sizing:border-box;display:flex}.Modal.simple>div>div .modal-title{height:20px;background-color:inherit;padding:0px;width:340px;font-size:14px;display:flex;align-items:center}.Modal.simple>div>div .modal-title>.modal-title-hover{display:block;margin-left:10px;min-width:20px}.Modal.simple>div>div .modal-title>.close-btn{margin-left:auto;padding:0px;min-width:20px}.Modal.simple>div>div .modal-title>.close-btn .icon{width:20px;height:20px;color:#555}.Modal.simple>div>div .modal-content{max-height:400px;background-color:inherit;margin:20px 0px;width:340px}.Modal.simple>div>div .modal-content>div{padding:0px}.Modal.simple>div>div .modal-action{background-color:inherit;padding:0px;width:340px;flex-direction:row-reverse;display:flex}.Modal.simple>div>div .modal-action>.btn{height:30px;font-size:12px;box-shadow:none;box-sizing:border-box}.Modal.simple>div>div .modal-action>.btn.negative-btn{margin-right:5px}.Modal.simple.cad-save-modal .negative-btn{background-color:#383b45 !important;color:#ccc !important;padding:0 20px}.Modal.simple.cad-save-modal .negative-btn:hover{background-color:#60626a !important;color:#eee !important}.Modal.normal>div>div{width:auto;max-width:720px;padding:24px 20px 20px 20px;display:flex;box-sizing:border-box;overflow-y:hidden}.Modal.normal>div>div .modal-title{background-color:inherit;padding:0px;width:100%;font-size:14px;text-align:left;display:flex;align-items:center;grid-column-gap:4px;column-gap:4px}.Modal.normal>div>div .modal-title>.modal-title-hover{display:block;margin-left:10px;min-width:20px}.Modal.normal>div>div .modal-title .close-btn{margin-left:auto}.Modal.normal>div>div .modal-title .icon{width:20px;height:20px;color:#555}.Modal.normal>div>div .modal-content{max-height:400px;background-color:inherit;margin:10px 0px 20px;padding-right:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Modal.normal>div>div .modal-content>div{color:inherit;padding:0px}.Modal.normal>div>div .modal-action{background-color:inherit;padding:0px;flex-direction:row-reverse;display:flex}.Modal.normal>div>div .modal-action>.btn{height:30px;font-size:12px;box-shadow:none;box-sizing:border-box}.Modal.normal>div>div .modal-action>.btn.negative-btn{margin-right:5px}.Modal.big>div>div{width:auto;max-width:1200px;padding:30px;display:flex;box-sizing:border-box;overflow-y:hidden}.Modal.big>div>div .modal-title{background-color:inherit;padding:0px;width:100%;font-size:18px;text-align:left;display:flex;align-items:center;height:20px}.Modal.big>div>div .modal-title>.modal-title-hover{display:flex;margin-left:4px;margin-top:3px;width:20px;justify-content:center;align-items:center}.Modal.big>div>div .modal-title .help-Icon{position:absolute;width:30px;height:30px;left:30px;bottom:30px;z-index:2;color:#ccc;cursor:pointer}.Modal.big>div>div .modal-title .close-btn{margin-left:auto}.Modal.big>div>div .modal-title .icon{width:20px;height:20px;color:#555}.Modal.big>div>div .modal-content{max-height:400px;background-color:inherit;margin:20px 0px;padding-right:0px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Modal.big>div>div .modal-content>div{color:inherit;padding:0px}.Modal.big>div>div .modal-action{background-color:inherit;padding:0px;flex-direction:row-reverse;display:flex}.Modal.big>div>div .modal-action>.add-info{display:flex;margin-right:10px;align-items:center}.Modal.big>div>div .modal-action>.btn{height:30px;font-size:12px;box-shadow:none;box-sizing:border-box;line-height:1.5}.Modal.big>div>div .modal-action>.btn.positive-btn.btn-run{background-image:linear-gradient(to right, #48ddf2, #95e4b3);color:#232732;font-weight:bold;transition:background-image 1s}.Modal.big>div>div .modal-action>.btn.positive-btn.btn-run:hover{background-image:linear-gradient(to right, #95e4b3, #48ddf2);transition:background-image 1s}.Modal.big>div>div .modal-action>.btn.negative-btn{margin-right:5px}.Modal.mobile ::-webkit-scrollbar{width:5px}.Modal.mobile ::-webkit-scrollbar-thumb{border-radius:2.5px}.Modal.mobile>div>div{width:auto;max-width:580px;max-height:520px;padding:30px;display:flex;box-sizing:border-box;overflow-y:hidden}.Modal.mobile>div>div .modal-title{background-color:inherit;padding:0px;width:100%;font-size:14px;text-align:left;display:flex;align-items:center;height:20px}.Modal.mobile>div>div .modal-title>.modal-title-hover{display:block;margin-left:10px;min-width:20px}.Modal.mobile>div>div .modal-title .close-btn{margin-left:auto}.Modal.mobile>div>div .modal-title .icon{width:20px;height:20px;color:#555}.Modal.mobile>div>div .modal-content{max-height:400px;background-color:inherit;margin:20px 0px;padding-right:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Modal.mobile>div>div .modal-content>div{color:inherit;padding:0px}.Modal.mobile>div>div .modal-action{background-color:inherit;padding:0px;flex-direction:row-reverse;display:flex}.Modal.mobile>div>div .modal-action>.btn{height:30px;font-size:12px;box-shadow:none;box-sizing:border-box}.Modal.mobile>div>div .modal-action>.btn.negative-btn{margin-right:5px}.Modal.mobile>div>div .modal-action>.btn.negative-btn:hover{background-color:#60626a !important;color:#eee !important}
@charset "UTF-8";/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
:root {
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1;
}
.animate__animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animate__animated.animate__infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-iteration-count: var(--animate-repeat);
animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
-webkit-animation-iteration-count: calc(1 * 2);
animation-iteration-count: calc(1 * 2);
-webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
-webkit-animation-iteration-count: calc(1 * 3);
animation-iteration-count: calc(1 * 3);
-webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-delay: var(--animate-delay);
animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
-webkit-animation-delay: calc(1s * 2);
animation-delay: calc(1s * 2);
-webkit-animation-delay: calc(var(--animate-delay) * 2);
animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
-webkit-animation-delay: calc(1s * 3);
animation-delay: calc(1s * 3);
-webkit-animation-delay: calc(var(--animate-delay) * 3);
animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
-webkit-animation-delay: calc(1s * 4);
animation-delay: calc(1s * 4);
-webkit-animation-delay: calc(var(--animate-delay) * 4);
animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
-webkit-animation-delay: calc(1s * 5);
animation-delay: calc(1s * 5);
-webkit-animation-delay: calc(var(--animate-delay) * 5);
animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
-webkit-animation-duration: calc(1s / 2);
animation-duration: calc(1s / 2);
-webkit-animation-duration: calc(var(--animate-duration) / 2);
animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
-webkit-animation-duration: calc(1s * 0.8);
animation-duration: calc(1s * 0.8);
-webkit-animation-duration: calc(var(--animate-duration) * 0.8);
animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
-webkit-animation-duration: calc(1s * 2);
animation-duration: calc(1s * 2);
-webkit-animation-duration: calc(var(--animate-duration) * 2);
animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
-webkit-animation-duration: calc(1s * 3);
animation-duration: calc(1s * 3);
-webkit-animation-duration: calc(var(--animate-duration) * 3);
animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
.animate__animated {
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
-webkit-transition-duration: 1ms !important;
transition-duration: 1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
}
.animate__animated[class*='Out'] {
opacity: 0;
}
}
/* Attention seekers */
@-webkit-keyframes bounce {
from,
20%,
53%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
transform: translate3d(0, -30px, 0) scaleY(1.1);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
transform: translate3d(0, -15px, 0) scaleY(1.05);
}
80% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
transform: translate3d(0, 0, 0) scaleY(0.95);
}
90% {
-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
transform: translate3d(0, -4px, 0) scaleY(1.02);
}
}
@keyframes bounce {
from,
20%,
53%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
transform: translate3d(0, -30px, 0) scaleY(1.1);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
transform: translate3d(0, -15px, 0) scaleY(1.05);
}
80% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
transform: translate3d(0, 0, 0) scaleY(0.95);
}
90% {
-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
transform: translate3d(0, -4px, 0) scaleY(1.02);
}
}
.animate__bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.animate__flash {
-webkit-animation-name: flash;
animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.animate__pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.animate__rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shakeX {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.animate__shakeX {
-webkit-animation-name: shakeX;
animation-name: shakeX;
}
@-webkit-keyframes shakeY {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
}
@keyframes shakeY {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
}
.animate__shakeY {
-webkit-animation-name: shakeY;
animation-name: shakeY;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.animate__headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.animate__swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.animate__tada {
-webkit-animation-name: tada;
animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.animate__jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.animate__heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: calc(1s * 1.3);
animation-duration: calc(1s * 1.3);
-webkit-animation-duration: calc(var(--animate-duration) * 1.3);
animation-duration: calc(var(--animate-duration) * 1.3);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
/* Back entrances */
@-webkit-keyframes backInDown {
0% {
-webkit-transform: translateY(-1200px) scale(0.7);
transform: translateY(-1200px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateY(0px) scale(0.7);
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes backInDown {
0% {
-webkit-transform: translateY(-1200px) scale(0.7);
transform: translateY(-1200px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateY(0px) scale(0.7);
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.animate__backInDown {
-webkit-animation-name: backInDown;
animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
0% {
-webkit-transform: translateX(-2000px) scale(0.7);
transform: translateX(-2000px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateX(0px) scale(0.7);
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes backInLeft {
0% {
-webkit-transform: translateX(-2000px) scale(0.7);
transform: translateX(-2000px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateX(0px) scale(0.7);
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.animate__backInLeft {
-webkit-animation-name: backInLeft;
animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
0% {
-webkit-transform: translateX(2000px) scale(0.7);
transform: translateX(2000px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateX(0px) scale(0.7);
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes backInRight {
0% {
-webkit-transform: translateX(2000px) scale(0.7);
transform: translateX(2000px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateX(0px) scale(0.7);
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.animate__backInRight {
-webkit-animation-name: backInRight;
animation-name: backInRight;
}
@-webkit-keyframes backInUp {
0% {
-webkit-transform: translateY(1200px) scale(0.7);
transform: translateY(1200px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateY(0px) scale(0.7);
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes backInUp {
0% {
-webkit-transform: translateY(1200px) scale(0.7);
transform: translateY(1200px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateY(0px) scale(0.7);
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.animate__backInUp {
-webkit-animation-name: backInUp;
animation-name: backInUp;
}
/* Back exits */
@-webkit-keyframes backOutDown {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateY(0px) scale(0.7);
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: translateY(700px) scale(0.7);
transform: translateY(700px) scale(0.7);
opacity: 0.7;
}
}
@keyframes backOutDown {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateY(0px) scale(0.7);
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: translateY(700px) scale(0.7);
transform: translateY(700px) scale(0.7);
opacity: 0.7;
}
}
.animate__backOutDown {
-webkit-animation-name: backOutDown;
animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateX(0px) scale(0.7);
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: translateX(-2000px) scale(0.7);
transform: translateX(-2000px) scale(0.7);
opacity: 0.7;
}
}
@keyframes backOutLeft {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateX(0px) scale(0.7);
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: translateX(-2000px) scale(0.7);
transform: translateX(-2000px) scale(0.7);
opacity: 0.7;
}
}
.animate__backOutLeft {
-webkit-animation-name: backOutLeft;
animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateX(0px) scale(0.7);
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: translateX(2000px) scale(0.7);
transform: translateX(2000px) scale(0.7);
opacity: 0.7;
}
}
@keyframes backOutRight {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateX(0px) scale(0.7);
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: translateX(2000px) scale(0.7);
transform: translateX(2000px) scale(0.7);
opacity: 0.7;
}
}
.animate__backOutRight {
-webkit-animation-name: backOutRight;
animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateY(0px) scale(0.7);
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: translateY(-700px) scale(0.7);
transform: translateY(-700px) scale(0.7);
opacity: 0.7;
}
}
@keyframes backOutUp {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateY(0px) scale(0.7);
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: translateY(-700px) scale(0.7);
transform: translateY(-700px) scale(0.7);
opacity: 0.7;
}
}
.animate__backOutUp {
-webkit-animation-name: backOutUp;
animation-name: backOutUp;
}
/* Bouncing entrances */
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.animate__bounceIn {
-webkit-animation-duration: calc(1s * 0.75);
animation-duration: calc(1s * 0.75);
-webkit-animation-duration: calc(var(--animate-duration) * 0.75);
animation-duration: calc(var(--animate-duration) * 0.75);
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
transform: translate3d(0, -3000px, 0) scaleY(3);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
transform: translate3d(0, 25px, 0) scaleY(0.9);
}
75% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
transform: translate3d(0, -10px, 0) scaleY(0.95);
}
90% {
-webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
transform: translate3d(0, 5px, 0) scaleY(0.985);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
transform: translate3d(0, -3000px, 0) scaleY(3);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
transform: translate3d(0, 25px, 0) scaleY(0.9);
}
75% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
transform: translate3d(0, -10px, 0) scaleY(0.95);
}
90% {
-webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
transform: translate3d(0, 5px, 0) scaleY(0.985);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
transform: translate3d(-3000px, 0, 0) scaleX(3);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0) scaleX(1);
transform: translate3d(25px, 0, 0) scaleX(1);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
transform: translate3d(-10px, 0, 0) scaleX(0.98);
}
90% {
-webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
transform: translate3d(5px, 0, 0) scaleX(0.995);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
transform: translate3d(-3000px, 0, 0) scaleX(3);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0) scaleX(1);
transform: translate3d(25px, 0, 0) scaleX(1);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
transform: translate3d(-10px, 0, 0) scaleX(0.98);
}
90% {
-webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
transform: translate3d(5px, 0, 0) scaleX(0.995);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
transform: translate3d(3000px, 0, 0) scaleX(3);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
transform: translate3d(-25px, 0, 0) scaleX(1);
}
75% {
-webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
transform: translate3d(10px, 0, 0) scaleX(0.98);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
transform: translate3d(-5px, 0, 0) scaleX(0.995);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
transform: translate3d(3000px, 0, 0) scaleX(3);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
transform: translate3d(-25px, 0, 0) scaleX(1);
}
75% {
-webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
transform: translate3d(10px, 0, 0) scaleX(0.98);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
transform: translate3d(-5px, 0, 0) scaleX(0.995);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
transform: translate3d(0, 3000px, 0) scaleY(5);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
transform: translate3d(0, -20px, 0) scaleY(0.9);
}
75% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
transform: translate3d(0, 10px, 0) scaleY(0.95);
}
90% {
-webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
transform: translate3d(0, -5px, 0) scaleY(0.985);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
transform: translate3d(0, 3000px, 0) scaleY(5);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
transform: translate3d(0, -20px, 0) scaleY(0.9);
}
75% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
transform: translate3d(0, 10px, 0) scaleY(0.95);
}
90% {
-webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
transform: translate3d(0, -5px, 0) scaleY(0.985);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
/* Bouncing exits */
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.animate__bounceOut {
-webkit-animation-duration: calc(1s * 0.75);
animation-duration: calc(1s * 0.75);
-webkit-animation-duration: calc(var(--animate-duration) * 0.75);
animation-duration: calc(var(--animate-duration) * 0.75);
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
transform: translate3d(0, 10px, 0) scaleY(0.985);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
transform: translate3d(0, -20px, 0) scaleY(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
transform: translate3d(0, 2000px, 0) scaleY(3);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
transform: translate3d(0, 10px, 0) scaleY(0.985);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
transform: translate3d(0, -20px, 0) scaleY(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
transform: translate3d(0, 2000px, 0) scaleY(3);
}
}
.animate__bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
transform: translate3d(20px, 0, 0) scaleX(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
transform: translate3d(-2000px, 0, 0) scaleX(2);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
transform: translate3d(20px, 0, 0) scaleX(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
transform: translate3d(-2000px, 0, 0) scaleX(2);
}
}
.animate__bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
transform: translate3d(-20px, 0, 0) scaleX(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
transform: translate3d(2000px, 0, 0) scaleX(2);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
transform: translate3d(-20px, 0, 0) scaleX(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
transform: translate3d(2000px, 0, 0) scaleX(2);
}
}
.animate__bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
transform: translate3d(0, -10px, 0) scaleY(0.985);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
transform: translate3d(0, 20px, 0) scaleY(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
transform: translate3d(0, -2000px, 0) scaleY(3);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
transform: translate3d(0, -10px, 0) scaleY(0.985);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
transform: translate3d(0, 20px, 0) scaleY(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
transform: translate3d(0, -2000px, 0) scaleY(3);
}
}
.animate__bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
/* Fading entrances */
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.animate__fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInTopLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInTopLeft {
-webkit-animation-name: fadeInTopLeft;
animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInTopRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInTopRight {
-webkit-animation-name: fadeInTopRight;
animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInBottomLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInBottomLeft {
-webkit-animation-name: fadeInBottomLeft;
animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInBottomRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInBottomRight {
-webkit-animation-name: fadeInBottomRight;
animation-name: fadeInBottomRight;
}
/* Fading exits */
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.animate__fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.animate__fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.animate__fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.animate__fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.animate__fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.animate__fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.animate__fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.animate__fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.animate__fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0);
}
}
@keyframes fadeOutTopLeft {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0);
}
}
.animate__fadeOutTopLeft {
-webkit-animation-name: fadeOutTopLeft;
animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0);
}
}
@keyframes fadeOutTopRight {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0);
}
}
.animate__fadeOutTopRight {
-webkit-animation-name: fadeOutTopRight;
animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0);
}
}
@keyframes fadeOutBottomRight {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0);
}
}
.animate__fadeOutBottomRight {
-webkit-animation-name: fadeOutBottomRight;
animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0);
}
}
@keyframes fadeOutBottomLeft {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0);
}
}
.animate__fadeOutBottomLeft {
-webkit-animation-name: fadeOutBottomLeft;
animation-name: fadeOutBottomLeft;
}
/* Flippers */
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animate__animated.animate__flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.animate__flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.animate__flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.animate__flipOutX {
-webkit-animation-duration: calc(1s * 0.75);
animation-duration: calc(1s * 0.75);
-webkit-animation-duration: calc(var(--animate-duration) * 0.75);
animation-duration: calc(var(--animate-duration) * 0.75);
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.animate__flipOutY {
-webkit-animation-duration: calc(1s * 0.75);
animation-duration: calc(1s * 0.75);
-webkit-animation-duration: calc(var(--animate-duration) * 0.75);
animation-duration: calc(var(--animate-duration) * 0.75);
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes lightSpeedInRight {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__lightSpeedInRight {
-webkit-animation-name: lightSpeedInRight;
animation-name: lightSpeedInRight;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
transform: translate3d(-100%, 0, 0) skewX(30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes lightSpeedInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
transform: translate3d(-100%, 0, 0) skewX(30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__lightSpeedInLeft {
-webkit-animation-name: lightSpeedInLeft;
animation-name: lightSpeedInLeft;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOutRight {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.animate__lightSpeedOutRight {
-webkit-animation-name: lightSpeedOutRight;
animation-name: lightSpeedOutRight;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
transform: translate3d(-100%, 0, 0) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOutLeft {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
transform: translate3d(-100%, 0, 0) skewX(-30deg);
opacity: 0;
}
}
.animate__lightSpeedOutLeft {
-webkit-animation-name: lightSpeedOutLeft;
animation-name: lightSpeedOutLeft;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
/* Rotating entrances */
@-webkit-keyframes rotateIn {
from {
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.animate__rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.animate__rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.animate__rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.animate__rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.animate__rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
/* Rotating exits */
@-webkit-keyframes rotateOut {
from {
opacity: 1;
}
to {
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
opacity: 1;
}
to {
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.animate__rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
from {
opacity: 1;
}
to {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
opacity: 1;
}
to {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.animate__rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
from {
opacity: 1;
}
to {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
opacity: 1;
}
to {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.animate__rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
from {
opacity: 1;
}
to {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
opacity: 1;
}
to {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.animate__rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
from {
opacity: 1;
}
to {
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
opacity: 1;
}
to {
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.animate__rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
/* Specials */
@-webkit-keyframes hinge {
0% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.animate__hinge {
-webkit-animation-duration: calc(1s * 2);
animation-duration: calc(1s * 2);
-webkit-animation-duration: calc(var(--animate-duration) * 2);
animation-duration: calc(var(--animate-duration) * 2);
-webkit-animation-name: hinge;
animation-name: hinge;
-webkit-transform-origin: top left;
transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.animate__jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.animate__rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
/* Zooming entrances */
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.animate__zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
/* Zooming exits */
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.animate__zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
}
}
.animate__zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
-webkit-transform-origin: left center;
transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
}
}
.animate__zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
-webkit-transform-origin: right center;
transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
/* Sliding entrances */
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
/* Sliding exits */
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.animate__slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.animate__slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.animate__slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.animate__slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.BirthdayLogo{position:relative;margin-left:10px;margin-top:17px;margin-bottom:9px}.BirthdayLogo .color-normal{color:#ccc}.BirthdayLogo .color-special{color:#48ddf2}.BirthdayLogo .typed-text{position:absolute;left:20px;bottom:14px;color:#ccc;font-weight:700;font-size:12px;-webkit-user-select:none;user-select:none}
.ProjectTypeCard{overflow:hidden;cursor:pointer;border:1px solid #3a3a3a;border-radius:6px}.ProjectTypeCard .card-media{position:absolute;z-index:1}.ProjectTypeCard .card-media img,.ProjectTypeCard .card-media video{overflow:hidden;border-radius:6px}.ProjectTypeCard .card-description{pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:absolute;z-index:2;overflow:hidden;box-sizing:border-box;width:inherit;height:inherit;padding:16px 24px;background:linear-gradient(rgba(102, 102, 102, 0), rgb(0, 0, 0));border-radius:6px}.ProjectTypeCard .card-description .title{padding-block:4px;font-size:24px;font-weight:700;color:inherit}.ProjectTypeCard .card-description .content{padding-block:4px;font-size:14px;color:#eee;text-align:center}.ProjectTypeCard .card-description .start-btn{margin-block:8px;padding-block:7.5px;pointer-events:none;width:205px;height:32px;background:#383b45;border-radius:6px;font-size:14px;font-weight:700;color:#ccc;text-align:center}.ProjectTypeCard:hover .card-description{background:none}.ProjectTypeCard:hover .start-btn{background:linear-gradient(91.83deg, #48DDF2 10.64%, #95E4B3 87.71%);color:#232732}
.HomeContent{display:flex;flex-direction:column;align-items:center;grid-row-gap:32px;row-gap:32px;margin-top:32px;margin-bottom:100px}.HomeContent:has(.event-banner){margin-top:0}.HomeContent .content{display:flex;flex-direction:column;align-items:center;grid-gap:16px;gap:16px}.HomeContent .title-wrapper{color:#eee;display:flex;flex-direction:row;align-items:center;grid-column-gap:10px;column-gap:10px}.HomeContent .title{color:#eee;font-weight:700;font-size:20px}.HomeContent .tooltip-wrapper{display:flex;flex-direction:row;align-items:center;grid-gap:4px;gap:4px;color:#eee}.HomeContent .tooltip-wrapper .tooltip-label{font-weight:700;font-size:20px}.HomeContent .tooltip-wrapper .icon-info{font-size:20px}.HomeContent .function-wrapper{display:flex;flex-direction:row;grid-gap:8px;gap:8px}.HomeContent .function-wrapper .function-card{width:596px;height:138px;display:flex;flex-direction:row;justify-content:space-between;background-color:rgba(0,0,0,.3);border-radius:6px;overflow:hidden;cursor:pointer}.HomeContent .function-wrapper .function-label{display:flex;flex-direction:column;padding:14px 24px}.HomeContent .function-wrapper .function-title{color:#eee;font-size:16px;font-weight:700;padding-block:4px}.HomeContent .function-wrapper .function-description{color:#eee;font-size:14px;padding-block:4px}.HomeContent .function-wrapper .function-btn{margin-block:4px;width:124px;height:32px}.HomeContent .icon-launch{font-size:16px}
.ProjectTypeTag{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.ProjectTypeTag.WHITE.AI{width:60px;height:20px;padding:0px;border-radius:20px;border:solid 1px #5e9eff;color:#5e9eff;font-size:10px;font-style:normal;font-weight:normal}.ProjectTypeTag.WHITE.DESIGNER{width:60px;height:20px;padding:0px;border-radius:20px;border:solid 1px #ff8b1f;color:#ff8b1f;font-size:10px;font-style:normal;font-weight:normal}.ProjectTypeTag.WHITE.SITE_PLAN{width:60px;height:20px;padding:0px;border-radius:20px;border:solid 1px #00d88a;color:#00d88a;font-size:10px;font-style:normal;font-weight:normal}.ProjectTypeTag.WHITE.CAL{width:60px;height:20px;padding:0px;border-radius:20px;border:solid 1px #00d88a;color:#00d88a;font-size:10px;font-style:normal;font-weight:normal}.ProjectTypeTag.WHITE.UNDEFINED{width:60px;height:20px;padding:0px;border-radius:20px;border:solid 1px #999;color:#999;font-size:10px;font-style:normal;font-weight:normal}.ProjectTypeTag.WHITE.NOCONFIG{width:60px;height:20px;padding:0px;border-radius:20px;border:solid 1px #999;color:#999;font-size:10px;font-style:normal;font-weight:normal}.ProjectTypeTag.WHITE.NOTSELECTED{width:60px;box-sizing:border-box;height:20px;padding:0px;border-radius:20px;border:solid 1px #999;color:#999;font-size:10px;font-style:normal;font-weight:normal}.ProjectTypeTag.DARK{border:1px solid #ccc;color:#ccc}.ProjectTypeTag.DARK.AI{width:60px;box-sizing:border-box;height:20px;padding:0px;border-radius:20px;border:1px solid #01baef;color:#01baef !important;font-size:10px;font-style:normal;font-weight:bold}.ProjectTypeTag.DARK.DESIGNER{width:60px;box-sizing:border-box;height:20px;padding:0px;border-radius:20px;border:1px solid #b71dff;color:#b71dff !important;font-size:10px;font-style:normal;font-weight:bold}.ProjectTypeTag.DARK.SITE_PLAN{width:60px;box-sizing:border-box;height:20px;padding:0px;border-radius:20px;border:1px solid #00d88a;color:#00d88a !important;font-weight:bold;font-style:normal;font-size:10px}.ProjectTypeTag.DARK.CAL{width:60px;box-sizing:border-box;height:20px;padding:0px;border-radius:20px;border:1px solid #00d88a;color:#00d88a !important;font-size:10px;font-style:normal;font-weight:bold}.ProjectTypeTag.DARK.UNDEFINED{width:60px;box-sizing:border-box;height:20px;padding:0px;border-radius:20px;border:solid 1px #999;color:#999;font-size:10px;font-style:normal;font-weight:normal}.ProjectTypeTag.DARK.NOCONFIG{width:60px;box-sizing:border-box;height:20px;padding:0px;border-radius:20px;border:solid 1px #999;color:#999;font-size:10px;font-style:normal;font-weight:normal}.ProjectTypeTag.DARK.NOTSELECTED{width:60px;box-sizing:border-box;height:20px;padding:0px;border:none;color:#999;font-size:12px;font-style:normal;font-weight:normal}
.Memo>.memo-tooltip{background-color:#161a24;background:#161a24;color:#ccc;font-size:12px;max-width:400px;text-overflow:ellipsis;overflow-y:auto;z-index:1000000 !important}.MemoIcon{color:#ccc}.MemoIcon .svg{color:inherit}.MemoIcon .icon{width:10px !important;height:10px !important}
.ProjectIcon{display:flex;align-items:center}.ProjectIcon .svg{color:inherit}.ProjectIcon>.status-text{margin-right:2px}.ProjectIcon>.status-text.config{color:#999}.ProjectIcon>.status-text.waiting,.ProjectIcon>.status-text.running{color:#9e7f51}.ProjectIcon>.status-text.finished{color:#48ddf2}.ProjectIcon>.status-text.failed{color:#9e5151}.ProjectIcon>.status-text.failed.engineering{color:#d7745b}.ProjectIcon>.status-text.none{color:#555}.ProjectIcon.width-16 .status-icon{width:16px !important}.ProjectIcon>.status-icon.config{color:#999}.ProjectIcon>.status-icon.waiting,.ProjectIcon>.status-icon.running{color:#9f832c}.ProjectIcon>.status-icon.finished{color:#48ddf2}.ProjectIcon>.status-icon.failed{color:#f13e2a}.ProjectIcon>.status-icon.failed.engineering{color:#d7745b}.ProjectIcon>.status-icon.none{color:#555}
.project-form-input-field{width:72px}.project-form-input-field input{padding:8px;font-size:14px}.ProjectFormInputField{margin:5px;display:inline-block}
.ProjectListHeader{background-color:#161a24}.ProjectListHeader>.wrapper{width:1200px;margin:auto}.ProjectListHeader>.wrapper>.content>.header{height:20px;margin:20px 0px;margin-left:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ProjectListHeader>.wrapper>.content>.body{display:flex;flex-flow:row;margin-bottom:20px}.ProjectListHeader>.wrapper>.content>.body>.page-title{color:#eee;z-index:1;font-size:30px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px}.ProjectListHeader>.wrapper>.content>.body>.project-tabs{margin-left:auto}.ProjectListHeader>.wrapper>.content>.body>.project-tabs>.tabs{width:618px}.ProjectListHeader>.wrapper>.content>.body>.project-tabs>.tabs>.tab.finished:hover path,.ProjectListHeader>.wrapper>.content>.body>.project-tabs>.tabs>.tab.finished.active path{fill:#232732 !important}.ProjectListHeader>.wrapper>.content>.body>.project-tabs>.tabs>.tab .icon-wrapper{height:100%;margin-right:2px}.ProjectListHeader>.wrapper>.content>.body>.project-tabs>.tabs>.tab .tab-icon{height:inherit;color:#999;display:flex;align-items:center;width:18px !important;height:18px !important}.ProjectListHeader>.wrapper>.content>.body>.project-tabs>.tabs>.tab .tab-icon.finished path{fill:#999}.ProjectListHeader>.wrapper>.content>.body>.project-tabs>.tabs>.tab.active .tab-icon,.ProjectListHeader>.wrapper>.content>.body>.project-tabs>.tabs>.tab:hover .tab-icon{color:#232732}
.BuilditInputTooltip{width:inherit}.BuilditInput{display:inline-flex;flex-flow:column;width:100%;position:relative;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.BuilditInput.default{color:#ccc}.BuilditInput.small-placehodler{color:#ccc}.BuilditInput.small-placehodler input::placeholder{font-size:10px !important}.BuilditInput.table{background-color:#161a24 !important;height:24px}.BuilditInput.textarea>.input-wrapper{display:block}.BuilditInput.open>.input-wrapper{border-bottom:1px solid #ccc !important}.BuilditInput.error>.input-wrapper{border-bottom:1px solid #e81c1c !important}.BuilditInput.error>.input-wrapper.focus,.BuilditInput.error>.input-wrapper:focus,.BuilditInput.error>.input-wrapper:hover,.BuilditInput.error>.input-wrapper.opened{border-bottom:1px solid #e81c1c !important}.BuilditInput.Small{width:101px;height:24px}.BuilditInput.Small .input-wrapper{min-height:24px;font-size:12px}.BuilditInput.Small .input-wrapper>input.text{font-size:inherit}.BuilditInput.Small .input-wrapper>input{padding:5px 2px 5px 5px}.BuilditInput.Small .input-wrapper>input,.BuilditInput.Small .input-wrapper>input::placeholder{font-size:inherit;min-height:23px}.BuilditInput.Small .input-wrapper .start-adornment{padding-left:5px}.BuilditInput.Small .input-wrapper .end-adornment{padding:0px}.BuilditInput.Small .input-wrapper .end-adornment .unit{font-size:12px;padding:0}.BuilditInput.select *{cursor:pointer}.BuilditInput.select>.input-wrapper{background-color:#0c111b}.BuilditInput.select>.input-wrapper>.select-icon{display:flex;flex-flow:row;align-items:center;height:100%;padding-right:5px;box-sizing:border-box}.BuilditInput.select>.input-wrapper>.select-icon>.icon{width:20px;height:20px}.BuilditInput.select.unit>.input-wrapper{background-color:#161a24;box-sizing:border-box;width:80px;border-bottom:1px solid #161a24;min-height:20px}.BuilditInput.select.unit>.input-wrapper>input{padding:5px 0px 5px 10px;font-size:12px;height:inherit}.BuilditInput.select.unit>.input-wrapper.hover-disable.focus,.BuilditInput.select.unit>.input-wrapper.hover-disable:focus,.BuilditInput.select.unit>.input-wrapper.hover-disable:hover,.BuilditInput.select.unit>.input-wrapper.hover-disable.opened{border-bottom:0px solid #161a24 !important}.BuilditInput.select.unit>.input-wrapper.focus,.BuilditInput.select.unit>.input-wrapper:focus,.BuilditInput.select.unit>.input-wrapper:hover,.BuilditInput.select.unit>.input-wrapper.opened{border-bottom:1px solid #161a24 !important}.BuilditInput.select.unit>.select-wrapper{border:1px solid #555;margin-top:20px}.BuilditInput>.select-wrapper{display:flex;flex-flow:column;background-color:#0c111b;position:absolute;margin-top:40px;z-index:1;border:1px solid #555;border-top:none;box-sizing:border-box;width:inherit;max-height:300px;overflow:auto}.BuilditInput>.select-wrapper.select-table{margin-top:50px !important}.BuilditInput>.select-wrapper>.option{display:flex;box-sizing:border-box;padding:10px;align-items:center;height:40px;color:#ccc;background-color:#0c111b;font-size:14px;cursor:pointer}.BuilditInput>.select-wrapper>.option.option-table{padding:0px !important;justify-content:center !important}.BuilditInput>.select-wrapper>.option:first-child{border-top:0px}.BuilditInput>.select-wrapper>.option:hover{background-color:#273945}.BuilditInput>.input-wrapper{background-color:#0c111b;box-sizing:border-box;width:inherit;color:inherit;position:relative;border-bottom:1px solid #0c111b;display:inline-flex;flex-flow:row;align-items:center;min-height:32px;height:inherit}.BuilditInput>.input-wrapper>.custom-placeholder{width:100%;height:100%;padding-Left:10px;align-Items:center;display:flex}.BuilditInput>.input-wrapper>.start-adornment{display:flex;align-items:center;height:inherit;padding-left:10px;box-sizing:border-box}.BuilditInput>.input-wrapper>.end-adornment{display:flex;align-items:center;height:inherit;padding-right:10px;box-sizing:border-box}.BuilditInput>.input-wrapper.hover-disable.focus,.BuilditInput>.input-wrapper.hover-disable:focus,.BuilditInput>.input-wrapper.hover-disable:hover,.BuilditInput>.input-wrapper.hover-disable.opened{border-bottom:0px solid #161a24 !important}.BuilditInput>.input-wrapper.focus,.BuilditInput>.input-wrapper:focus,.BuilditInput>.input-wrapper:hover,.BuilditInput>.input-wrapper.opened{border-bottom:1px solid #ccc;transition:border-bottom-color .5s linear;background-color:#0c111b}.BuilditInput>.input-wrapper>textarea{min-height:39px;box-sizing:border-box;width:100%;border:0px;color:inherit;padding:10px;font-size:14px;resize:vertical;background-color:inherit;line-height:150%;resize:none}.BuilditInput>.input-wrapper>textarea:focus,.BuilditInput>.input-wrapper>textarea:hover{outline:none}.BuilditInput>.input-wrapper>input{box-sizing:border-box;border:0px;width:100%;background-color:inherit;height:calc(100% - 1px);color:inherit;padding:10px;font-size:16px;min-width:10px}.BuilditInput>.input-wrapper>input:focus,.BuilditInput>.input-wrapper>input:hover{outline:none}.BuilditInput>.input-wrapper>input::placeholder{font-size:14px}.BuilditInput>.input-wrapper>input.text,.BuilditInput>.input-wrapper>input.password{font-size:14px}.BuilditInput>.input-wrapper>input.number{text-align:right}.BuilditInput>.input-wrapper>input.right{text-align:right}.BuilditInput>.input-wrapper>input.left{text-align:left}.BuilditInput>.input-wrapper>input.center{text-align:center}.BuilditInput>.input-wrapper input[type=number]::-webkit-inner-spin-button,.BuilditInput>.input-wrapper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.BuilditInput .buildit-input-error{color:#e81c1c;font-size:12px;margin-top:5px}
.BuilditSelect{display:inline-flex;flex-flow:column;align-items:center;width:100%;position:relative;background-color:#0c111b}.BuilditSelect.default{color:#ccc}.BuilditSelect.table{background-color:#161a24 !important;height:52px !important}.BuilditSelect.error>.select-header{border-bottom:1px solid #e81c1c !important}.BuilditSelect.error>.select-header.focus,.BuilditSelect.error>.select-header:focus,.BuilditSelect.error>.select-header:hover,.BuilditSelect.error>.select-header.opened{border-bottom:1px solid #e81c1c !important}.BuilditSelect.disable{pointer-events:none;background-color:unset}.BuilditSelect.disable .select-icon{visibility:hidden}.BuilditSelect.disable>.select-header{border-bottom:unset !important}.BuilditSelect.select *{cursor:pointer}.BuilditSelect.select.Small{font-size:12px}.BuilditSelect.select.Small>.select-header{min-height:24px}.BuilditSelect.select.Small>.bottom-header{min-height:24px}.BuilditSelect.select.Small>.select-wrapper{margin-top:24px}.BuilditSelect.select.Small>.select-wrapper>.option{font-size:inherit;height:24px}.BuilditSelect.select>.select-header{background-color:inherit;box-sizing:border-box;width:inherit;color:inherit;position:relative;border-bottom:1px solid #0c111b;display:flex;flex-flow:row;align-items:center;min-height:40px;height:inherit}.BuilditSelect.select>.select-header.table{border-bottom:1px solid #555}.BuilditSelect.select>.select-header.card-top{border-bottom:1px solid #161a24}.BuilditSelect.select>.select-header>.select-icon{display:flex;flex-flow:row;align-items:center;height:100%;padding-right:5px;box-sizing:border-box}.BuilditSelect.select>.select-header>.select-icon>.icon{width:20px;height:20px}.BuilditSelect.select>.select-header>.custom-placeholder{width:100%;height:100%;padding-Left:10px;align-Items:center;display:flex}.BuilditSelect.select>.select-header.hover-disable.focus,.BuilditSelect.select>.select-header.hover-disable:focus,.BuilditSelect.select>.select-header.hover-disable:hover,.BuilditSelect.select>.select-header.hover-disable.opened{border-bottom:0px solid #161a24 !important}.BuilditSelect.select>.select-header.focus,.BuilditSelect.select>.select-header:focus,.BuilditSelect.select>.select-header:hover,.BuilditSelect.select>.select-header.opened{border-bottom:1px solid #ccc;transition:border-bottom-color .5s linear;background-color:#0c111b}.BuilditSelect.select>.bottom-header{background-color:inherit;box-sizing:border-box;width:inherit;color:#ccc;position:relative;border-bottom:1px solid #0c111b;display:flex;flex-flow:column;align-items:center;min-height:40px;height:inherit}.BuilditSelect.select>.bottom-header.table{border-bottom:1px solid #555}.BuilditSelect.select>.bottom-header.card-top{border-bottom:1px solid #161a24}.BuilditSelect.select>.bottom-header>.custom-placeholder{height:50%;margin-left:auto;margin-right:auto;padding-top:10px;display:flex}.BuilditSelect.select>.bottom-header>.select-icon{display:flex;flex-flow:row;height:50%;margin-left:auto;margin-right:auto;box-sizing:border-box;padding-top:2px}.BuilditSelect.select>.bottom-header>.select-icon>.icon{width:10px !important;height:10px !important}.BuilditSelect.select>.bottom-header.hover-disable.focus,.BuilditSelect.select>.bottom-header.hover-disable:focus,.BuilditSelect.select>.bottom-header.hover-disable:hover,.BuilditSelect.select>.bottom-header.hover-disable.opened{border-bottom:0px solid #161a24 !important}.BuilditSelect.select>.bottom-header.focus,.BuilditSelect.select>.bottom-header:focus,.BuilditSelect.select>.bottom-header:hover,.BuilditSelect.select>.bottom-header.opened{border-bottom:1px solid #ccc;transition:border-bottom-color .5s linear;background-color:#0c111b}.BuilditSelect>.select-wrapper{display:flex;flex-flow:column;background-color:#0c111b;position:absolute;margin-top:40px;z-index:2;border:1px solid #555;border-top:none;box-sizing:border-box;min-width:100%;max-height:300px;overflow:auto}.BuilditSelect>.select-wrapper.select-table{margin-top:52px !important}.BuilditSelect>.select-wrapper>.option{display:flex;box-sizing:border-box;padding-left:5px;grid-column-gap:2px;column-gap:2px;align-items:center;height:40px;color:#ccc;background-color:#0c111b;font-size:14px;cursor:pointer}.BuilditSelect>.select-wrapper>.option .icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.BuilditSelect>.select-wrapper>.option .icon .check-icon{width:13px;color:#48ddf2;margin-right:2px}.BuilditSelect>.select-wrapper>.option.option-table{padding-left:5px;padding-right:10px;font-size:12px;height:24px}.BuilditSelect>.select-wrapper>.option.option-table.img-height{height:32px}.BuilditSelect>.select-wrapper>.option:first-child{margin-top:5px;border-top:0px}.BuilditSelect>.select-wrapper>.option:last-child{margin-bottom:5px}.BuilditSelect>.select-wrapper>.option:hover{background-color:#273945}.BuilditSelect>.select-wrapper>.option.disabled{color:#555;cursor:default;background-color:#0c111b;pointer-events:none}
.Pagination{display:flex;flex-flow:row;justify-content:center;align-items:center}.Pagination .router-link{text-decoration:none;display:flex}.Pagination .router-link .icon{fill:inherit}.Pagination .round-icon{min-width:30px;min-height:30px;width:30px;height:30px;box-shadow:none;background-color:#232732;font-size:14px;color:#ccc;margin:0px 1px}.Pagination .round-icon.active{background-color:#60626a;color:#eee}.Pagination .round-icon:hover{background-color:#273945 !important;color:#ccc !important}.Pagination .round-icon.arrow{background-color:#232732;margin:0px 10px}.Pagination .round-icon.arrow.enabled .icon{color:#ccc}.Pagination .round-icon.double-arrow{background-color:#232732;margin:0px 0px;stroke:#555}.Pagination .round-icon.double-arrow.enabled .icon{stroke:#ccc;stroke-width:0px;color:#ccc}.Pagination .round-icon .icon{width:18px;height:18px;color:#555}.Pagination .ellipsis{width:12px;height:18px;font-size:14px;color:#ccc;margin-left:2px;margin-right:2px}
.projectCard{position:relative;width:285px;height:470px;box-sizing:border-box;border-radius:6px;background-color:#232732;display:flex;flex-flow:column;margin-right:20px;cursor:pointer}.projectCard.mouseOver{background-color:#273945}.projectCard .link{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex}.projectCard .cardToolTip{position:absolute;top:192px;width:285px;height:0px}.projectCard .header{display:flex;width:285px;height:20px;margin-top:20px;margin-bottom:8px}.projectCard .header .cardCheck{display:flex;width:20px;height:20px;margin-left:22px;color:#999}.projectCard .header .cardCheck.checked{color:#48ddf2}.projectCard .header .cardCheck-hidden{display:none}.projectCard .header .idNumber{display:flex;margin-left:12px;margin-top:2px;margin-bottom:2px;font-weight:bold;line-height:16px}.projectCard .header .type{margin-left:10px;width:60px;padding:0px}.projectCard .header .statusField{margin-left:10px;display:flex;grid-gap:4px;gap:4px}.projectCard .header>.favorite{display:flex;align-items:center;height:20px;margin-left:auto;margin-right:20px;width:20px;cursor:pointer;color:#999}.projectCard .header>.favorite .disabled{opacity:.5}.projectCard .header>.AICAL_ver{display:flex;align-items:center;height:20px;margin-left:auto;margin-right:20px;width:20px;cursor:pointer;color:#999}.projectCard .img{position:relative;width:285px;height:285px;background-color:#232732;border-color:#232732}.projectCard .img img{width:285px;height:285px}.projectCard .content{padding:10px 0 20px;position:absolute;top:78%}.projectCard .content .key-value{padding:0 16px;height:20px;box-sizing:border-box;display:flex;flex-flow:row;align-items:flex-end}.projectCard .content .key-value .key{width:50px;color:#999;display:flex;align-items:center;font-size:12px;font-weight:400}.projectCard .content .key-value .value{color:#ccc;margin-left:auto;display:flex;align-items:center;font-size:12px;font-weight:700}.projectCard .no-img{display:flex;position:relative;width:285px;height:285px;background-color:#232732}.projectCard .no-img .inner-background{display:flex;width:285px;background-color:#161a24;flex-direction:column}.projectCard .no-img .inner-background .icon-field{display:flex;width:279px;height:30px;margin-top:120px;align-items:center;justify-content:center;color:#ccc}.projectCard .no-img .inner-background .icon-field .status-icon{display:flex;width:30px !important;height:30px !important}.projectCard .no-img .inner-background .no-img-text{width:279px;margin-top:13px;color:#999;font-size:14px;line-height:16px;text-align:center;font-weight:bold}.projectCard .building-type{position:relative;margin-top:10px;width:245px;height:20px;align-items:center;margin-left:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projectCard .name-wrapper{position:relative;width:245px;height:20px;align-items:center;margin:8px auto;display:flex}.projectCard .name-wrapper>.name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;max-width:225px}.projectCard .name-wrapper>.memo{width:20px}.projectCard .tailContent .area{display:flex;justify-content:space-between;width:285px;height:22px;padding-left:20px;padding-right:20px;line-height:14px;align-items:center}.projectCard .tailContent .area .key{display:flex;margin-top:3px;margin-bottom:3px}.projectCard .tailContent .area .value{display:flex;margin-top:3px;margin-bottom:3px}
.ProjectListTable{display:flex;flex-flow:column;width:1200px}.ProjectListTable>.table-header{width:inherit}.ProjectListTable>.table-header .tr{display:flex;flex-flow:row;background-color:#161a24;height:51px;border-bottom:1px solid #555}.ProjectListTable>.table-header .tr.card{border-bottom:none}.ProjectListTable>.table-header .tr>.td{height:inherit;background-color:inherit}.ProjectListTable>.table-header .tr>.th{height:inherit;background-color:inherit;display:flex;flex-flow:row}.ProjectListTable>.table-header .tr>.th>.icon{width:18px !important;height:18px !important;margin-left:5px}.ProjectListTable>.table-header .tr>.checkbox{width:40px;height:100%;padding:0px;display:flex;align-items:center;justify-content:center}.ProjectListTable>.table-header .tr>.checkbox>.checkbox{width:40px}.ProjectListTable>.table-header .tr>.checkbox>.checkbox.checked{color:#48ddf2}.ProjectListTable>.table-header .tr>.checkbox svg{width:20px;height:20px}.ProjectListTable>.table-header .tr>.checkbox input{width:40px;height:45px}.ProjectListTable>.table-header .tr>.project-field{display:flex;flex-flow:row;align-items:center}.ProjectListTable>.table-header .tr>.user-project-id{width:70px;cursor:pointer;display:flex;flex-direction:column}.ProjectListTable>.table-header .tr>.user-project-id>.name{display:flex;height:50%;margin-left:auto;margin-right:auto;font-size:14px;padding-top:10px}.ProjectListTable>.table-header .tr>.user-project-id>.arrow{padding-top:2px;align-items:flex-start;height:50%;display:flex;margin-left:auto;margin-right:auto}.ProjectListTable>.table-header .tr>.user-project-id>.arrow .icon{width:10px !important;height:10px !important}.ProjectListTable>.table-header .tr>.project-type{width:110px;justify-content:center;padding:0px;cursor:pointer}.ProjectListTable>.table-header .tr>.status,.ProjectListTable>.table-header .tr>.eng-status{width:70px;justify-content:center;padding:0px;cursor:pointer}.ProjectListTable>.table-header .tr>.eng-status{color:#fff}.ProjectListTable>.table-header .tr>.building-type{width:110px;justify-content:center;padding:0px;cursor:pointer}.ProjectListTable>.table-header .tr>.project-name{width:384px;padding-top:10px}.ProjectListTable>.table-header .tr>.favorite{width:36px}.ProjectListTable>.table-header .tr>.area{width:120px;cursor:pointer;display:flex;flex-direction:column}.ProjectListTable>.table-header .tr>.area>.name{display:flex;height:50%;margin-left:auto;margin-right:auto;font-size:14px;padding-top:10px}.ProjectListTable>.table-header .tr>.area>.arrow{padding-top:2px;align-items:flex-start;height:50%;display:flex;margin-left:auto;margin-right:auto}.ProjectListTable>.table-header .tr>.area>.arrow .icon{width:10px !important;height:10px !important}.ProjectListTable>.table-header .tr>.floor-area-ratio{width:90px;padding-top:10px}.ProjectListTable>.table-header .tr>.created-at{width:100px;cursor:pointer;display:flex;flex-direction:column}.ProjectListTable>.table-header .tr>.created-at>.name{display:flex;height:50%;margin-left:auto;margin-right:auto;font-size:14px;padding-top:10px}.ProjectListTable>.table-header .tr>.created-at>.arrow{padding-top:2px;align-items:flex-start;height:50%;display:flex;margin-left:auto;margin-right:auto}.ProjectListTable>.table-header .tr>.created-at>.arrow .icon{width:10px !important;height:10px !important}.ProjectListTable>.table-header .th{display:inline-flex;color:#ccc;font-size:14px;text-align:left;padding-left:10px;padding-right:10px;box-sizing:border-box}.ProjectListTable .noItemText{display:flex;width:1200px;height:510px;position:relative;background-color:#232732;justify-content:center;align-items:center;text-align:center;color:#999}.ProjectListTable .noItemText.card{margin-bottom:30px}.ProjectTableRow{display:flex;flex-flow:row;background-color:#232732;height:50px;border-bottom:1px solid #333;align-items:center;cursor:pointer;position:relative}.ProjectTableRow .disable-box{background-color:#232732;opacity:.5;width:100%;height:100%;position:absolute}.ProjectTableRow.mouseOver{background-color:#273945}.ProjectTableRow.disabled{cursor:normal}.ProjectTableRow.disabled.mouseOver{background-color:#232732}.ProjectTableRow .link{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex}.ProjectTableRow .td{height:50px;display:inline-flex;color:#ccc;font-size:14px;text-align:left;padding-left:10px;padding-right:10px;box-sizing:border-box}.ProjectTableRow .th{display:inline-flex;color:#ccc;font-size:14px;text-align:left;box-sizing:border-box;border-bottom:1px solid #555}.ProjectTableRow>.checkbox{width:40px;height:100%;padding:0px;display:flex;align-items:center;justify-content:center}.ProjectTableRow>.checkbox>.checkbox{width:40px}.ProjectTableRow>.checkbox>.checkbox.disabled{opacity:.5}.ProjectTableRow>.checkbox>.checkbox.checked{color:#48ddf2}.ProjectTableRow>.checkbox svg{width:20px;height:20px}.ProjectTableRow>.checkbox input{width:40px;height:45px}.ProjectTableRow .project-field{display:flex;flex-flow:row;align-items:center}.ProjectTableRow .project-field.user-project-id{width:70px;justify-content:center}.ProjectTableRow .project-field.project-type{width:110px;padding-left:10px;display:flex;justify-content:center}.ProjectTableRow .project-field.status,.ProjectTableRow .project-field.eng-status{width:70px;padding-left:10px;justify-content:center}.ProjectTableRow .project-field.building-type{width:110px;padding-left:0px;padding-right:0px;cursor:pointer;justify-content:center}.ProjectTableRow .project-field.project-name{width:384px;padding-right:0}.ProjectTableRow .project-field.project-name>.value{width:328px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px}.ProjectTableRow .project-field.project-name>.memo{width:36px;line-height:20px}.ProjectTableRow .project-field.favorite{width:36px;padding:0}.ProjectTableRow .project-field.favorite .favorite-btn{min-width:0px;width:36px;height:36px;color:#999}.ProjectTableRow .project-field.favorite .favorite-btn.disabled{opacity:.5}.ProjectTableRow .project-field.favorite .favorite-btn>.active{color:#95e4b3}.ProjectTableRow .project-field.area{width:120px;flex-flow:row-reverse}.ProjectTableRow .project-field.floor-area-ratio{width:90px;flex-flow:row-reverse}.ProjectTableRow .project-field.created-at{width:100px;padding-left:14px;padding-right:0px}.ProjectTableDetailRow{display:flex;flex-flow:row;background-color:#1a1e2b;height:40px;border-bottom:1px solid #333;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;cursor:pointer}.ProjectTableDetailRow.mouseOver{background-color:#23313c}.ProjectTableDetailRow.disabled{background-color:#1a1e2b}.ProjectTableDetailRow .disable-box{background-color:#232732;opacity:.5;width:1200px;position:absolute;height:59px}.ProjectTableDetailRow>.detailInfo{margin-left:400px}.ProjectTableDetailRow>.detailInfo>.detailRow{display:flex;height:24px}.ProjectTableDetailRow>.detailInfo>.detailRow>.rowTitle{margin-left:15px;width:80px;align-items:center;color:#999;font-size:12px}.ProjectTableDetailRow>.detailInfo>.detailRow>.rowValue{margin-left:10px;align-items:center;color:#ccc;font-size:12px}.cardTable{position:relative;top:30px;display:flex;flex-flow:wrap;justify-content:flex-start}.cardTable .disable-box{background-color:#232732;opacity:.5;width:285px;z-index:1;height:470px;position:absolute;pointer-events:none}.cardTable .projectCard{position:relative;width:285px;height:453px;box-sizing:border-box;border-radius:6px;background-color:#232732;display:flex;flex-flow:column;margin-bottom:24px;cursor:pointer}.cardTable .projectCard.mouseOver{background-color:#273945}.cardTable .projectCard.disabled{background-color:#232732}.cardTable .projectCard .link{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex}.cardTable .projectCard .cardToolTip{position:absolute;top:192px;width:285px;height:0px}.cardTable .projectCard .header{display:flex;width:285px;justify-content:space-between;height:20px;margin-top:20px;margin-bottom:8px}.cardTable .projectCard .header .left-wrapper{display:flex;grid-gap:4px;gap:4px;align-items:center}.cardTable .projectCard .header .cardCheck{display:flex;width:20px;height:20px;margin-left:16px;color:#999}.cardTable .projectCard .header .cardCheck.disabled .checkbox{opacity:.5}.cardTable .projectCard .header .cardCheck.checked{color:#48ddf2}.cardTable .projectCard .header .idNumber{display:flex;margin:0;font-weight:bold;line-height:16px}.cardTable .projectCard .header .type{margin-left:0;width:60px;padding:0px}.cardTable .projectCard .header .statusField{margin-left:auto}.cardTable .projectCard .header .right-wrapper{display:flex;margin-right:16px}.cardTable .projectCard .header .right-wrapper>.favorite{height:20px;margin-left:8px;width:20px;cursor:pointer;color:#999}.cardTable .projectCard .header .right-wrapper>.favorite.disabled{opacity:.5}.cardTable .projectCard .header>.AICAL_ver{display:flex;align-items:center;height:20px;margin-left:auto;margin-right:20px;width:20px;cursor:pointer;color:#999}.cardTable .projectCard .img{position:relative;width:285px;height:285px;background-color:#232732;border-color:#232732}.cardTable .projectCard .content{padding:10px 0 20px;position:absolute;top:78%}.cardTable .projectCard .content .key-value{padding:0 16px;height:20px;box-sizing:border-box;display:flex;flex-flow:row;align-items:flex-end}.cardTable .projectCard .content .key-value .key{width:50px;color:#999;display:flex;align-items:center;font-size:12px;font-weight:400}.cardTable .projectCard .content .key-value .value{color:#ccc;margin-left:auto;display:flex;align-items:center;font-size:12px;font-weight:700}.cardTable .projectCard .no-img{display:flex;position:relative;width:285px;height:285px;background-color:#232732}.cardTable .projectCard .no-img .inner-background{display:flex;background-color:#161a24;flex-direction:column}.cardTable .projectCard .no-img .inner-background .icon-field{display:flex;width:279px;height:30px;margin-top:120px;align-items:center;justify-content:center;color:#ccc}.cardTable .projectCard .no-img .inner-background .icon-field .status-icon{display:flex;width:30px !important;height:30px !important}.cardTable .projectCard .no-img .inner-background .no-img-text{width:279px;margin-top:13px;color:#999;font-size:14px;line-height:16px;text-align:center;font-weight:bold}.cardTable .projectCard .building-type{position:relative;margin-top:10px;width:245px;height:20px;align-items:center;margin-left:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cardTable .projectCard .name-wrapper{position:relative;width:245px;align-items:center;display:flex}.cardTable .projectCard .name-wrapper>.name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;max-width:225px}.cardTable .projectCard .name-wrapper>.memo{width:20px}.cardTable .projectCard .tailContent .area{display:flex;justify-content:space-between;width:285px;height:22px;padding-left:20px;padding-right:20px;line-height:14px;align-items:center}.cardTable .projectCard .tailContent .area .key{display:flex;margin-top:3px;margin-bottom:3px}.cardTable .projectCard .tailContent .area .value{display:flex;margin-top:3px;margin-bottom:3px}
.ProjectListBody{padding-top:30px;display:flex;justify-content:center;flex-direction:row}.ProjectListBody .prev{width:100px;height:auto;margin-right:10px;position:relative}.ProjectListBody .prev>.prev_btn{position:absolute;top:164px;width:100%;height:929px;display:flex;cursor:pointer;flex-direction:column;background:#1a1e28;align-items:center;justify-content:center}.ProjectListBody .prev>.prev_btn>.btn-icon{margin-left:10px;width:20px;height:20px}.ProjectListBody .prev>.prev_btn>.btn-icon.disable{color:#555}.ProjectListBody .prev>.prev_btn>.btn-icon.active{color:#ccc}.ProjectListBody .prev>.prev_btn.active:hover{background:#273945}.ProjectListBody .prev>.prev_btn.disable:hover{background:#1a1e28}.ProjectListBody .next{width:100px;height:auto;margin-left:10px;position:relative}.ProjectListBody .next>.next_btn{position:absolute;top:164px;width:100%;height:929px;display:flex;cursor:pointer;flex-direction:column;background:#1a1e28;align-items:center;justify-content:center}.ProjectListBody .next>.next_btn>.btn-icon{margin-left:10px;width:20px;height:20px}.ProjectListBody .next>.next_btn>.btn-icon.disable{color:#555}.ProjectListBody .next>.next_btn>.btn-icon.active{color:#ccc}.ProjectListBody .next>.next_btn.active:hover{background:#273945}.ProjectListBody .next>.next_btn.disable:hover{background:#1a1e28}.ProjectListBody .wrapper{z-index:1;width:1200px}.ProjectListBody .wrapper>.header{display:flex;flex-flow:row;justify-content:space-between;width:1200px;margin-top:10px}.ProjectListBody .wrapper>.header>.search-wrap{display:flex;flex-flow:row;z-index:3}.ProjectListBody .wrapper>.header>.search-wrap>.search-field{color:#ccc;box-sizing:border-box;width:120px;margin-right:10px;height:40px}.ProjectListBody .wrapper>.header>.search-wrap>.search-input{color:#ccc;box-sizing:border-box;width:260px;height:40px}.ProjectListBody .wrapper>.header>.search-wrap>.search-input .icon-btn{padding:0px}.ProjectListBody .wrapper>.header>.search-wrap>.search-input .icon-btn .icon{color:#ccc}.ProjectListBody .wrapper>.header>.search-wrap>.search-input .icon-btn .remove-icon{width:14px !important;height:14px !important;margin-right:10px}.ProjectListBody .wrapper>.header>.search-wrap>.search-info{display:flex;flex-flow:row;margin-left:10px;align-items:center;margin-right:10px}.ProjectListBody .wrapper>.header>.search-wrap .search-text{display:inline-block;overflow-wrap:break-word;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:270px}.ProjectListBody .wrapper>.header>.table-wrap{margin-left:auto;display:flex;flex-flow:row}.ProjectListBody .wrapper>.header>.table-wrap>.buttons{margin-right:11px;display:flex}.ProjectListBody .wrapper>.header>.table-wrap>.buttons .all-delete-btn{width:100px;margin-left:5px;margin-right:5px}.ProjectListBody .wrapper>.header>.table-wrap>.table-tabs>.tabs{width:116px}.ProjectListBody .wrapper>.header>.table-wrap>.table-tabs>.tabs>.tab .icon-wrapper{height:100%;margin-right:2px}.ProjectListBody .wrapper>.header>.table-wrap>.table-tabs>.tabs>.tab .tab-icon{height:inherit;color:#999;display:flex;align-items:center;width:18px !important;height:18px !important}.ProjectListBody .wrapper>.header>.table-wrap>.table-tabs>.tabs>.tab.active .tab-icon,.ProjectListBody .wrapper>.header>.table-wrap>.table-tabs>.tabs>.tab:hover .tab-icon{color:#232732}.ProjectListBody .wrapper>.header>.table-wrap>.view-wrap{margin-left:11px;color:#ccc}.ProjectListBody .wrapper>.header>.table-wrap>.view-wrap>.view-tabs{width:116px}.ProjectListBody .wrapper>.header>.table-wrap>.view-wrap>.view-num{width:120px}.ProjectListBody .wrapper>.body{margin-top:10px;margin-right:auto;margin-left:auto;width:1200px}.ProjectListBody .wrapper>.body>.buttons{display:flex;margin-top:20px}.ProjectListBody .wrapper>.body>.buttons>.icon{width:20px;height:20px}.ProjectListBody .wrapper>.body>.buttons .all-delete-btn{width:100px;margin-left:5px;margin-right:5px}.ProjectListBody .wrapper>.body>.buttons .project-pagination{margin:auto}.delete-modal{width:400px}.delete-modal>.description{font-weight:normal;font-size:14px;line-height:22px}.delete-modal>.content-list{max-height:300px;overflow:hidden;overflow-y:scroll;height:auto;font-weight:normal}.delete-modal>.content-list .content-row{display:flex;flex-direction:row;width:360px;height:30px;align-items:center;font-size:14px}.delete-modal>.content-list .content-row .icon{width:15px !important;height:15px !important}.delete-modal>.content-list .content-row>.project-name{width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:12px}.delete-modal>.content-list .content-row>.dicount-name{width:310px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:0px}
.ProjectList{min-height:calc(100vh - 280px);margin-bottom:100px;display:flex;flex-flow:column}.copy-modal{display:flex;flex-flow:column}.copy-modal .table-wrapper{max-height:315px;height:auto;overflow-x:hidden;overflow-y:scroll}.copy-modal .table-wrapper .table .table-head{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;background-color:#161a24;height:50px;top:0;position:-webkit-sticky;position:sticky;z-index:500}.copy-modal .table-wrapper .table .table-head .table-row{display:flex;height:50px}.copy-modal .table-wrapper .table .table-head .table-row .table-cell{display:flex;box-sizing:border-box;color:#ccc;border-bottom:1px solid #555;background:#161a24;font-size:14px}.copy-modal .table-wrapper .table .table-body{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;background-color:#232732;flex-direction:column}.copy-modal .table-wrapper .table .table-body .table-row{display:flex;height:50px}.copy-modal .table-wrapper .table .table-body .table-row .table-cell.project-name{background:#232732}.copy-modal .table-wrapper .table .table-cell{box-sizing:border-box;padding:0px 10px;height:50px;border-bottom:1px solid #333;display:flex}.copy-modal .table-wrapper .table .table-cell>div{display:flex;justify-items:center;align-items:center;color:#ccc}.copy-modal .table-wrapper .table .table-cell.no-data{width:660px;text-align:center;color:#ccc}.copy-modal .table-wrapper .table .table-cell.no-data .modal-data{display:flex;flex-flow:row;align-items:center}.copy-modal .table-wrapper .table .table-cell.checkbox{width:40px;padding:0px;align-items:center;justify-content:center}.copy-modal .table-wrapper .table .table-cell.checkbox>.checkbox{margin:auto;width:40px;color:#ccc}.copy-modal .table-wrapper .table .table-cell.checkbox>.checkbox.checked{color:#48ddf2}.copy-modal .table-wrapper .table .table-cell.checkbox svg{width:20px;height:20px}.copy-modal .table-wrapper .table .table-cell.project-id{width:70px}.copy-modal .table-wrapper .table .table-cell.project-id>div{width:70px}.copy-modal .table-wrapper .table .table-cell.project-type{width:80px;align-items:center;justify-content:center}.copy-modal .table-wrapper .table .table-cell.project-type-change{width:100px;align-items:center;justify-content:center}.copy-modal .table-wrapper .table .table-cell.project-type-change .MenuItem{height:25px;display:flex;align-items:center;cursor:pointer !important}.copy-modal .table-wrapper .table .table-cell.project-type-change .convert-project-type{height:24px;padding-left:2px}.copy-modal .table-wrapper .table .table-cell.project-type-change .convert-project-type .ProjectTypeTag{line-height:1.5}.copy-modal .table-wrapper .table .table-cell.project-type-change .convert-project-type svg{cursor:pointer}.copy-modal .table-wrapper .table .table-cell.project-type-change .convert-project-type:hover{transition:border-bottom-color .5s linear;background:#0c111b;border-bottom:1px solid #eee}.copy-modal .table-wrapper .table .table-cell.project-type-change .disabled{color:#555}.copy-modal .table-wrapper .table .table-cell.project-type-change .down-arrow-icon{width:20px;color:#555;margin-left:5px;height:20px}.copy-modal .table-wrapper .table .table-cell.project-type-change.td{padding-right:5px}.copy-modal .table-wrapper .table .table-cell.project-status{width:50px}.copy-modal .table-wrapper .table .table-cell.project-status .icon{width:20px !important;height:20px !important;margin-left:5px}.copy-modal .table-wrapper .table .table-cell.project-name{width:410px;font-size:14px;padding-left:10px;box-sizing:border-box}.copy-modal .table-wrapper .table .table-cell.project-name>.head{display:flex}.copy-modal .table-wrapper .table .table-cell.project-name>.row{width:410px}.copy-modal .table-wrapper .table .table-cell.project-name>.row.smaller{width:370px}.copy-modal .table-wrapper .table .table-cell.project-name>.row.bigger{width:500px}.copy-modal .table-wrapper .table .table-cell.project-name.bigger{width:480px}.copy-modal .table-wrapper .table .table-cell.project-name.smaller{width:370px}.copy-modal .info-wrap{width:100%;padding:20px 0px 0px 0px !important;display:flex;flex-flow:row;color:#ccc;font-size:14px;align-items:center}.copy-modal .info-wrap>.info{margin:0 4px;padding:0px;display:flex;align-items:center}.copy-modal .info-wrap .custom-placeholder{padding-left:5px !important}.copy-modal .info-wrap .select-icon{padding-right:2px !important}.copy-modal .info-wrap .select-icon .icon{width:16px !important;height:16px !important}.copy-modal .info-wrap .select-disabled{display:flex;width:88px;height:24px;align-items:center;justify-content:space-between;padding:auto 2px auto 5px}.copy-modal .info-wrap .select-disabled .select-icon{width:16px !important;height:16px !important;display:flex;align-items:center;justify-content:center}.copy-modal .info-wrap .select-disabled .select-icon .icon{width:16px !important;height:16px !important;color:#333}.copy-modal .info-wrap .copy-select{width:88px}.copy-modal .info-wrap .copy-select .option{padding-right:5px}
.SearchPlaceInput{width:360px;color:#ccc}.SearchPlaceInput>.search-wrapper{position:absolute;z-index:1;border-top:none;box-sizing:border-box;width:inherit;max-height:500px;overflow:auto;background-color:#0c111b;border:1px solid #555;border-top:0px}.SearchPlaceInput>.search-wrapper.empty>.header{font-size:12px;color:#999;height:40px;padding-left:10px;padding-right:10px;display:flex;align-items:center}.SearchPlaceInput>.search-wrapper.empty>.body{font-size:12px;color:#999;border-top:1px solid #333}.SearchPlaceInput>.search-wrapper.empty>.footer{border-top:1px solid #333;height:40px;padding-left:10px;padding-right:10px;display:flex;flex-flow:row;align-items:center;color:#999;font-size:12px}.SearchPlaceInput>.search-wrapper.empty>.footer>.title{cursor:pointer}.SearchPlaceInput>.search-wrapper.empty>.footer>.delete{cursor:pointer;margin-left:auto}.SearchPlaceInput>.search-wrapper.empty .item{padding-right:10px;display:flex;flex-flow:row;align-items:center}.SearchPlaceInput>.search-wrapper.empty .item>.address{width:310px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.SearchPlaceInput>.search-wrapper.empty .item .icon-btn{background-color:inherit;transition:none}.SearchPlaceInput>.search-wrapper.empty .item .icon-btn .icon{color:#555}.SearchPlaceInput>.search-wrapper.empty .item .icon-btn:hover{background-color:inherit}.SearchPlaceInput>.search-wrapper.empty .item .icon-btn:hover .icon{color:#ccc}.SearchPlaceInput>.search-wrapper .item{box-sizing:border-box;padding:0px 10px;height:40px;display:flex;flex-flow:row nowrap;align-items:space-between;background-color:inherit;font-size:13px;color:#ccc;cursor:pointer;width:100%}.SearchPlaceInput>.search-wrapper .item>.body{width:80%}.SearchPlaceInput>.search-wrapper .item>.body>.name{display:block;color:#ccc}.SearchPlaceInput>.search-wrapper .item>.body>.address{display:block;color:#999;font-size:12px}.SearchPlaceInput>.search-wrapper .item>.keyword{width:25%;font-size:6px;color:#d0d7d8;text-align:right;background-color:inherit}.SearchPlaceInput>.search-wrapper .item>.log{padding:0px 10px}.SearchPlaceInput>.search-wrapper .item .highlight{color:#48ddf2;background-color:inherit}.SearchPlaceInput>.search-wrapper .item:first-child{border-top:0px}.SearchPlaceInput>.search-wrapper .item:hover,.SearchPlaceInput>.search-wrapper .item.active{background-color:#273945}.SearchPlaceInput>.search-wrapper .item.place{height:58px;padding-top:10px}.SearchPlaceInput>.search-wrapper .item.address{padding-top:10px}.SearchPlaceInput>.search-wrapper>.loading-wrapper{width:100%;height:40px;align-items:center;display:flex;justify-content:center}.SearchPlaceInput>.search-wrapper>.loading-wrapper>.loading{width:18px !important;height:18px !important;color:#fff;background:none}
.MapDownloadModal .SearchPlaceInput .search-wrapper .item.log .icon-btn{padding:0 !important;box-sizing:border-box}.MapDownloadModal .marker-wrapper{position:relative;width:-webkit-max-content;width:max-content}.MapDownloadModal .marker-wrapper>.marker{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:43px;border-radius:23px;padding:5px;box-sizing:border-box;background-color:#0475f4;font-size:16px;font-weight:600;display:flex;justify-content:flex-start;align-items:center}.MapDownloadModal .marker-wrapper>.marker>.icon-wrapper{width:33px;height:33px;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center}.MapDownloadModal .marker-wrapper>.marker>.icon-wrapper>.place-icon{filter:invert(45%) sepia(93%) saturate(5600%) hue-rotate(201deg) brightness(100%) contrast(97%)}.MapDownloadModal .marker-wrapper>.marker>.text{font-size:14px;height:33px;padding-left:5px;padding-right:7px;line-height:33px;font-weight:900;color:#fff;z-index:10}.MapDownloadModal .marker-wrapper>.tail{width:0;height:0;position:absolute;left:17px;bottom:-5px;border-color:#0475f4 rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:6px 4px 0;pointer-events:none}.MapDownloadModal .marker-wrapper>.tail:after{opacity:.1;position:absolute;bottom:-2px;left:-5px;width:10px;height:3px;background-color:#000;filter:blur(1px);content:""}
.Login{width:100%;height:100%;background:url(../../static/media/login_background.6cf2ff1c.jpg)}.Login>.dim{height:100%;width:100%;background-color:rgba(0,0,0,.25);position:absolute;z-index:999999}.Login>.dim>.circular-progress{position:absolute;left:calc(50% - 30px);top:calc(50% - 60px);color:#eee}.Login .login-wrapper{background-color:rgba(35,39,50,.9);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.Login .login-wrapper .logo{position:absolute;left:30px;top:16px}.Login .login-wrapper>.footer{width:360px;position:absolute;bottom:30px;display:flex;flex-flow:row;color:#999;font-size:12px;align-items:center}.Login .login-wrapper>.footer a{color:#999;text-decoration:none;white-space:pre}.Login .login-wrapper>.login-form{width:360px;margin:auto}.Login .login-wrapper>.login-form>.header{font-size:30px;color:#ccc;line-height:125%;font-weight:700;margin-bottom:20px}.Login .login-wrapper>.login-form>.header .subheader{font-size:18px;color:#48ddf2;line-height:125%;margin-top:10px;font-weight:400}.Login .login-wrapper>.login-form>.download-description{margin-top:10px;color:#48ddf2;font-size:14px;font-weight:400}.Login .login-wrapper>.login-form>.login-btn-wrap{padding-top:20px}.Login .login-wrapper>.login-form>.login-btn-wrap.padding-small{padding-top:11px !important}.Login .login-wrapper>.login-form>.login-btn-wrap .login-btn{width:360px;box-sizing:border-box}.Login .login-wrapper>.login-form>.register-wrap{display:flex;flex-flow:row;justify-content:center;padding-top:10px;font-weight:700}.Login .login-wrapper>.login-form>.register-wrap .register-text{color:#ccc;font-size:14px}.Login .login-wrapper>.login-form>.register-wrap .register-btn{color:#48ddf2;font-size:14px;margin-left:12px;text-decoration:underline}.Login .login-wrapper>.login-form>.options{display:flex;flex-flow:row;justify-content:center;color:#ccc;padding-top:30px}.Login .login-wrapper>.login-form>.options>.forgot-btn{display:flex;font-weight:700;justify-content:flex-start;align-items:center;margin-left:10px;cursor:pointer;text-decoration:underline}.Login .login-wrapper>.login-form>.input-wrap .RegisterInput.margin-small{margin-top:4px !important}.Login .login-wrapper>.login-form>.input-wrap>.login-input{margin-top:10px}.Login .login-wrapper>.login-form>.input-wrap>.input-form{margin-top:10px;height:40px;width:360px;background-color:#f5f5f5;border-radius:0px}.Login .login-wrapper>.login-form>.input-wrap>.input-form input{height:40px;box-sizing:border-box;padding:10px;font-size:14px}
.RegisterInput .wrap-Buildit-input{display:block;width:360px}.RegisterInput .BuilditInput .input-wrapper{height:40px}.RegisterInput .BuilditInput .input-wrapper>input::placeholder{color:#999}.RegisterInput .required-list{display:flex;flex-flow:row;align-items:center;margin-top:5px}.RegisterInput .required-list>.required-item{color:#555;font-size:12px;display:flex;flex-flow:row;align-items:center;margin-right:10px}.RegisterInput .required-list>.required-item>.icon{color:#555;width:14px;height:14px;margin-right:3px}.RegisterInput .required-list>.required-item.true{color:#48ddf2}.RegisterInput .required-list>.required-item.true>.icon{color:#48ddf2}.RegisterInput .icon{color:#333}.RegisterInput .icon.true{color:#48ddf2}.RegisterInput .icon.error{color:#e81c1c}.RegisterInput .visibility-btn{color:#eee;cursor:pointer;padding:0}.RegisterInput .visibility-btn>.icon{width:20px !important}
.ProjectFormDetail{position:absolute;display:flex;right:0px;height:calc(100vh - 60px);box-sizing:content-box;z-index:101}.ProjectFormDetail .detail-config-wrap{width:420px;background-color:#161a24;display:flex;flex-flow:column;border-left:1px solid #333;border-right:1px solid #333}.ProjectFormDetail .detail-config-wrap>.header{padding:20px 30px;border-bottom:1px solid #333}.ProjectFormDetail .detail-config-wrap>.header .project-type-title{display:block;width:100%;margin-bottom:5px;height:20px;font-size:14px}.ProjectFormDetail .detail-config-wrap>.header .project-type-title.AI{color:#3e97ff}.ProjectFormDetail .detail-config-wrap>.header .project-type-title.DESIGNER{color:#905cff}.ProjectFormDetail .detail-config-wrap>.header .project-type-title.SITE_PLAN{color:#00d88a}.ProjectFormDetail .detail-config-wrap>.header .title{margin-bottom:10px;display:flex;flex-flow:row;align-items:center;position:relative;height:24px}.ProjectFormDetail .detail-config-wrap>.header .title>.tooltip{position:absolute;right:0px}.ProjectFormDetail .detail-config-wrap>.header .detail-config-type .tabs .tab.error-field{color:#e81c1c !important}.ProjectFormDetail .detail-config-wrap>.content{overflow-y:auto;height:100vh}
.ProjectFormBuilding{display:flex;flex-flow:row;height:100%}.ProjectFormBuilding .building-types{height:100%;display:flex;flex-flow:column}.ProjectFormBuilding .building-types>ul{margin:0px;padding:0px}.ProjectFormBuilding .building-types>.type{flex:1 1 100%;box-sizing:border-box;width:120px;background-color:#1a1e28;align-items:center;display:flex;flex-flow:column;margin:auto}.ProjectFormBuilding .building-types>.type.buildit-type{border-right:1px solid #333;border-bottom:1px solid #333}.ProjectFormBuilding .building-types>.type.my-type{border-right:1px solid #333;border-top:1px solid #333}.ProjectFormBuilding .building-types>.type.active{border:0px;background-color:#161a24}.ProjectFormBuilding .building-types>.type.active>.title{color:#95e4b3}.ProjectFormBuilding .building-types>.type>.title{color:#999;font-size:12px;margin-bottom:10px;margin-top:20px}.ProjectFormBuilding .building-items-wrapper{overflow:hidden}.ProjectFormBuilding .building-items-wrapper .items-header{padding-left:30px;margin-top:30px}.ProjectFormBuilding .building-items-wrapper .items-header .info{font-size:12px;color:#ccc;height:20px;display:flex;align-items:center}.ProjectFormBuilding .building-items-wrapper .items-header.BUILDIT_TYPE{height:50px}.ProjectFormBuilding .building-items-wrapper .items-header.MY_TYPE{height:120px}.ProjectFormBuilding .building-items-wrapper .items-header .my-building-type-wrap{width:224px;margin-top:10px}.ProjectFormBuilding .building-items-wrapper .items-header .my-building-type-wrap .title{display:flex;align-items:center}.ProjectFormBuilding .building-items-wrapper .items-header .my-building-type-wrap .button-wrapper{width:224px;margin-top:10px;height:30px;display:flex}.ProjectFormBuilding .building-items-wrapper .items-header .my-building-type-wrap .button-wrapper>.upload-btn{width:179px;height:30px;font-size:12px;font-weight:400;line-height:14px;padding-left:10px}.ProjectFormBuilding .building-items-wrapper .items-header .my-building-type-wrap .button-wrapper>.upload-btn .icon{margin-left:2px;margin-right:auto;width:14px !important;height:14px !important;color:inherit}.ProjectFormBuilding .building-items-wrapper .items-header .my-building-type-wrap .button-wrapper>.refresh-btn{margin-left:5px;width:40px;height:30px}.ProjectFormBuilding .building-items-wrapper .items-header .my-building-type-wrap .button-wrapper>.refresh-btn .icon{margin-left:2px;width:20px !important;height:20px !important;color:inherit}.ProjectFormBuilding .building-items-wrapper .items-header .my-building-type-wrap .search-field{margin-top:10px;width:224px}.ProjectFormBuilding .building-items-wrapper .items-header .my-building-type-wrap .search-field .icon-btn{padding:0px}.ProjectFormBuilding .building-items-wrapper .items-header .my-building-type-wrap .search-field .icon-btn .remove-icon{width:14px !important;height:14px !important;margin-right:10px}.ProjectFormBuilding .building-items-wrapper .building-items{box-sizing:border-box;width:300px;overflow-y:auto;padding-left:30px;padding-top:10px}.ProjectFormBuilding .building-items-wrapper .building-items.BUILDIT_TYPE{height:calc(100% - 60px)}.ProjectFormBuilding .building-items-wrapper .building-items.MY_TYPE{height:calc(100% - 130px)}.ProjectFormBuilding .building-items-wrapper .building-items>.title{margin-top:10px;height:30px;display:flex;align-items:center}.ProjectFormBuilding .building-items-wrapper .building-items>.info{height:20px;display:flex;align-items:center;padding-bottom:20px;font-size:12px;color:#ccc}.ProjectFormBuilding .building-items-wrapper .building-items>.buffer{height:calc(100% - 70px - 218px)}.ProjectFormBuilding .building-types-btn{box-sizing:border-box;width:50px;height:50px;background-color:#232732;min-width:0px;margin-bottom:10px;padding:0px;color:#999;font-size:12px}.ProjectFormBuilding .building-types-btn:last-child{margin-bottom:20px}.ProjectFormBuilding .building-types-btn:hover,.ProjectFormBuilding .building-types-btn.active{background-color:#232732;border:solid 1px #95e4b3}.ProjectFormBuilding .building-types-btn:hover .active-img,.ProjectFormBuilding .building-types-btn.active .active-img{display:block;width:75%;height:75%}.ProjectFormBuilding .building-types-btn:hover .default-img,.ProjectFormBuilding .building-types-btn.active .default-img{display:none;width:75%;height:75%}.ProjectFormBuilding .building-types-btn .active-img{display:none}.ProjectFormBuilding .building-types-btn .default-img{width:75%;height:75%}.ProjectFormBuilding .building-drawer-open-btn{min-width:0px;width:50px;height:50px;padding:0px;color:#48ddf2;font-size:12px;border:solid 1px #48ddf2;background-color:#383b45}.BuildingItems{margin-bottom:30px}.BuildingItems .title{padding-bottom:15px}.BuildingItems>.houses-btn-wrap{margin-bottom:10px}.BuildingItems>.houses-btn-wrap.grid{display:grid;grid-template-columns:repeat(4, 30px);grid-template-rows:repeat(1, 32px)}.BuildingItems>.houses-btn-wrap>.houses-btn{padding:0px;margin-right:2px;width:28px;height:30px;box-sizing:border-box}.BuildingItems>.houses-btn-wrap>.houses-btn .houses-value{display:flex}.BuildingItems>.img-btn{position:relative;width:224px;box-sizing:border-box;height:190px;display:flex;align-items:center;justify-content:center;border-radius:6px;background-color:#232732}.BuildingItems>.img-btn .building-types-icon{width:25px;height:25px;margin-top:22px;opacity:.8;position:absolute;top:0;display:flex}.BuildingItems>.img-btn .building-types-icon.building-types-add{display:none}.BuildingItems>.img-btn .building-types-icon.building-types-check{color:#95e4b3}.BuildingItems>.img-btn .building-types-icon.building-types-sub{display:none}.BuildingItems>.img-btn:hover{background-color:#273945}.BuildingItems>.img-btn:hover .building-types-add{color:#48ddf2;display:flex;width:25px;height:25px}.BuildingItems>.img-btn:hover .building-types-check{display:none;width:25px;height:25px}.BuildingItems>.img-btn:hover .building-types-sub{color:#eee;display:flex;width:25px;height:25px}.MyBuildingItems{background-color:#232732;margin-bottom:30px;border-radius:6px;width:224px}.MyBuildingItems.empty{height:100px;display:flex;align-items:center;justify-content:center;color:#999;font-size:12px}.MyBuildingItems.empty:hover{background-color:#232732}.MyBuildingItems:hover{background-color:#273945}.MyBuildingItems>.header{display:flex;flex-flow:row;align-items:center;padding:20px 10px 10px 10px}.MyBuildingItems>.header>.id{margin-right:10px;color:#ccc;font-size:14px}.MyBuildingItems>.img{width:224px;height:188px;display:flex;justify-content:center}.MyBuildingItems>.img>.img-btn{position:relative;width:224px;height:188px;display:flex;align-items:center;justify-content:center;border-radius:6px}.MyBuildingItems>.img>.img-btn img{width:188px;height:188px}.MyBuildingItems>.img>.img-btn .building-types-icon{width:25px;height:25px;opacity:.8;position:absolute;top:0;display:flex}.MyBuildingItems>.img>.img-btn .building-types-icon.building-types-add{display:none}.MyBuildingItems>.img>.img-btn .building-types-icon.building-types-check{color:#95e4b3}.MyBuildingItems>.img>.img-btn .building-types-icon.building-types-sub{display:none}.MyBuildingItems>.img>.img-btn:hover{background-color:inherit}.MyBuildingItems>.img>.img-btn:hover .building-types-add{color:#48ddf2;display:flex}.MyBuildingItems>.img>.img-btn:hover .building-types-check{display:none}.MyBuildingItems>.img>.img-btn:hover .building-types-sub{color:#eee;display:flex}.MyBuildingItems>.img>.img-btn .building-types-add{display:none}.MyBuildingItems>.info{display:flex;flex-flow:column;padding:10px 10px 20px 10px}.MyBuildingItems>.info>.name{color:#ccc;font-size:14px;margin-bottom:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.MyBuildingItems>.info>.key-value{display:flex;align-items:center;font-size:12px;height:20px}.MyBuildingItems>.info>.key-value>.key{display:flex;color:#999}.MyBuildingItems>.info>.key-value>.value{color:#ccc;margin-left:auto;display:flex}.MyBuildingItems>.info>.key-value>.value .house-type{width:100px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:right}.MyBuildingItems>.info>.key-value>.value .unit{width:30px;display:flex;align-items:center;justify-content:flex-end;text-align:right;font-size:12px;line-height:14px}
.ProjectFormHousing{position:relative;height:calc(100vh - 127px - 120px);box-sizing:border-box;margin-left:30px;padding-top:10px}.ProjectFormHousing .title{align-items:center;font-size:14px;color:#999;font-weight:bold;height:24px;display:flex;align-items:center}.ProjectFormHousing>.area-type>.area-type-select{width:175px;height:40px;box-sizing:border-box;background-color:#0c111b;color:#ccc;font-size:14px}.ProjectFormHousing>.area-type>.area-type-select .area-type-option{width:175px;background-color:#0c111b;color:#ccc;padding:10px}.ProjectFormHousing>.area-type>.area-type-select>div>select{width:175px;box-sizing:border-box;padding-top:0px;padding-bottom:0px;padding-left:10px;padding-right:10px}.ProjectFormHousing>.area-type>.area-type-select>div>div{padding:0px}.ProjectFormHousing>.area-type>.area-type-select svg{color:#ccc;width:20px;height:20px}.ProjectFormHousing>.available-list{margin-left:-30px;padding-left:30px;padding-bottom:5px;display:flex;flex-flow:column}.ProjectFormHousing>.available-list>.info{color:#ccc;font-size:12px;margin-bottom:20px}.ProjectFormHousing>.available-list>.header{color:#999;font-size:14px;font-weight:700;margin-bottom:10px}.ProjectFormHousing>.available-list>.item{display:flex;flex-flow:row;align-items:center;color:#ccc;height:20px;font-size:12px}.ProjectFormHousing>.available-list>.item.font-highlight{color:#e81c1c}.ProjectFormHousing>.available-list>.item>.name{margin-left:5px;width:104px}.ProjectFormHousing>.available-list>.item>.name .circle-icon{margin-right:5px}.ProjectFormHousing>.line{width:360px;height:1px;background-color:#333;margin-bottom:10px}.ProjectFormHousing>.content .errormsg{font-size:12px;line-height:20px;display:flex;align-items:center;color:#e81c1c}.ProjectFormHousing>.content>.sub-title{height:24px;display:flex;align-items:center;font-size:14px;color:#999;font-weight:bold;margin-bottom:10px}.ProjectFormHousing>.content>.housing-type-add-btn{width:175px}.ProjectFormHousing>.content>.housing-type-add-btn.btn-small{height:24px}.ProjectFormHousing>.content>.housing-item{padding-bottom:5px;border-bottom:1px solid #333;margin-bottom:10px}.ProjectFormHousing>.content>.housing-item>.header{display:flex;flex-flow:row;align-items:center;margin-bottom:3px}.ProjectFormHousing>.content>.housing-item>.header .close-icon{width:16px !important;height:16px !important;color:#555}.ProjectFormHousing>.content>.housing-item>.content{display:flex;flex-flow:row;flex-direction:row;flex-wrap:wrap;align-content:space-around;justify-content:space-between}.ProjectFormHousing>.content>.housing-item>.content>.proportion{width:175px;margin-left:10px}.ProjectFormHousing>.content>.housing-item>.content>.housing-select{width:50%}.ProjectFormHousing>.content>.housing-item>.content>.housing-select.area{width:175px}.ProjectFormHousing>.content>.housing-item>.content>.housing-select.area.DESIGNER,.ProjectFormHousing>.content>.housing-item>.content>.housing-select.area.SITE_PLAN{width:100%}.ProjectFormHousing>.content>.housing-item>.content>.housing-select.bay{width:95px;margin-left:10px}.ProjectFormHousing>.content>.housing-item>.content>.housing-select.full-width{width:100% !important}.ProjectFormHousing>.content>.housing-item>.content .housing-input{margin-top:5px;height:24px;width:175px;box-sizing:border-box;color:#ccc}.ProjectFormHousing>.content>.housing-item>.content .housing-input>input{text-align:right}.ProjectFormHousing>.content{color:#ccc;width:360px}.ProjectFormHousing>.content .housing-plan-type.my-type{background-color:#232732;margin-bottom:20px;border-radius:6px}.ProjectFormHousing>.content .housing-plan-type.my-type>.header{display:flex;align-items:center;padding-left:10px;padding-right:10px;height:40px;font-size:14px}.ProjectFormHousing>.content .housing-plan-type.my-type>.body{display:flex}.ProjectFormHousing>.content .housing-plan-type.my-type>.body>.img{width:165px;height:148px;display:flex;align-items:center;justify-content:center}.ProjectFormHousing>.content .housing-plan-type.my-type>.body>.img img{width:125px;padding-bottom:10px}.ProjectFormHousing>.content .housing-plan-type.my-type>.body>.info{width:185px;height:148px;padding-left:10px;box-sizing:border-box}.ProjectFormHousing>.content .housing-plan-type.my-type>.body>.info>.title{height:24px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:normal;color:#ccc}.ProjectFormHousing>.content .housing-plan-type.my-type>.body>.info>.key-value{display:flex;font-size:12px;align-items:center;height:20px}.ProjectFormHousing>.content .housing-plan-type.my-type>.body>.info>.key-value>.key{color:#999}.ProjectFormHousing>.content .housing-plan-type.my-type>.body>.info>.key-value>.value{text-align:end;width:100px;color:#ccc;margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ProjectFormHousing>.content .housing-plan-type.my-type>.body>.info>.my-type-proportion{margin-top:5px}
.ProjectFieldInput{justify-content:space-between}.ProjectFieldInput .localeString .input-wrapper input.text{text-align:right}.ProjectFieldInput.non-editable{font-size:12px}.ProjectFieldInput.non-editable .title{color:#999;font-size:12px;line-height:16px;align-items:center;display:flex;height:20px}.ProjectFieldInput.non-editable .value{display:flex;padding-left:10px;padding-right:5px;color:#eee;align-items:center;justify-content:space-between;height:24px;box-sizing:border-box}.ProjectFieldInput.non-editable .value .icon{color:#555}.ProjectFieldInput.width-full .BuilditInput{width:175px}.ProjectFieldInput.width-full .content{width:175px}.ProjectFieldInput.width-half:not(.Small) .content{width:101px}.ProjectFieldInput.title-left{display:flex;height:24px;align-items:center}.ProjectFieldInput>.header{align-items:center;display:flex;grid-column-gap:2px;column-gap:2px;width:185px;flex-flow:row;height:20px}.ProjectFieldInput>.header .title{color:#999;font-size:12px;display:inline-block;line-height:16px}.ProjectFieldInput>.header .info-icon{color:#999;width:14px;height:auto;margin-left:2px;display:flex;align-items:center;justify-content:center;cursor:default}.ProjectFieldInput>.header .error-icon{width:12px;height:auto}.ProjectFieldInput>.header>.unit-select{margin-left:auto}.ProjectFieldInput>.header>.unit-select>.unit{width:80px;height:20px}.ProjectFieldInput>.content{color:#ccc}.ProjectFieldInput>.content .different-default{color:#95e4b3}.ProjectFieldInput>.content>.default-value{box-sizing:border-box;background-color:rgba(72,221,242,.3);color:#eee;width:inherit;align-items:center;display:flex;font-weight:400;padding:0;font-size:12px}.ProjectFieldInput>.content>.default-value.select{height:24px;padding:auto;padding-left:10px}.ProjectFieldInput>.content>.default-value.input{height:24px;justify-content:flex-end}.ProjectFieldInput>.content>.default-value.input>.value.no-unit{margin-right:10px}.ProjectFieldInput>.content>.default-value.input>.unit{margin-left:2px;margin-right:10px;font-weight:100}.ProjectFieldInput>.content .BuilditInput.warning-text{color:red}.ProjectFieldInput>.content .BuilditInput.warning-text .unit{color:red}.ProjectFieldInput>.content .BuilditInput.disabled .input-wrapper{background-color:#161a24;pointer-events:none}.ProjectFieldInput>.content .BuilditInput>.input-wrapper>.start-adornment>.icon-btn{padding:0px}.ProjectFieldInput>.content .BuilditInput>.input-wrapper>.start-adornment>.icon-btn .icon{color:#ccc;width:20px;height:20px}.ProjectFieldInput>.content .BuilditInput>.input-wrapper>.start-adornment>.icon-btn.dec-btn{margin-right:5px}.ProjectFieldInput>.content .BuilditInput .unit{color:#ccc}
.ProjectFormBuildingDrawer{height:calc(100vh - 60px);width:356px;background-color:#1a1e28}.ProjectFormBuildingDrawer>.header{display:flex;flex-flow:column;padding:20px 30px 10px 30px;box-sizing:border-box;height:80px}.ProjectFormBuildingDrawer>.header>.title{height:30px;color:#eee;font-size:18px}.ProjectFormBuildingDrawer>.header>.count{font-size:14px;display:flex;flex-flow:row;align-items:center;font-weight:bold}.ProjectFormBuildingDrawer>.header>.info{flex-direction:row;color:#ccc;font-size:12px}.ProjectFormBuildingDrawer>.header>.close-btn{margin-left:auto;margin-top:20px;margin-bottom:20px;background:#1a1e28;border:none;color:#999;font-size:12px;padding:0px}.ProjectFormBuildingDrawer>.header>.close-btn .close-icon{width:20px;height:20px}.ProjectFormBuildingDrawer .border{margin:auto;width:296px;height:1px;background-color:#333;display:flex;justify-content:center}.ProjectFormBuildingDrawer>.content{padding-bottom:10px;box-sizing:border-box;height:calc(100% - 81px);overflow-y:auto}.ProjectFormBuildingDrawer>.content>.error-section{padding-left:30px;padding-top:10px}.ProjectFormBuildingDrawer>.content>.title{padding-left:30px;height:24px;font-size:14px;color:#999;margin-bottom:5px;margin-top:10px;display:flex;align-items:center}.ProjectFormBuildingDrawer>.content>.empty{width:295px;height:139px;display:flex;color:#999;font-size:12px;align-items:center;justify-content:center;border-radius:6px;background-color:#232732;margin:auto;margin-bottom:10px}.SelectedBuildingType{background:#232732;margin-bottom:5px;border-radius:6px;box-sizing:border-box}.SelectedBuildingType.vertical{width:224px}.SelectedBuildingType.vertical>.header{height:50px}.SelectedBuildingType.vertical>.img{height:188px;display:flex;align-items:center;justify-content:center}.SelectedBuildingType.vertical>.info{padding:0px 16px 20px 10px}.SelectedBuildingType.vertical>.info>.name{color:#ccc;font-size:14px;margin-bottom:5px}.SelectedBuildingType.vertical>.info>.key-value{display:flex;flex-flow:row;align-items:center;font-size:12px}.SelectedBuildingType.vertical>.info>.key-value>.key{color:#999}.SelectedBuildingType.vertical>.info>.key-value>.value{margin-left:auto;color:#ccc}.SelectedBuildingType.horizontal{width:295px;margin-left:30px}.SelectedBuildingType.horizontal>.header{height:40px}.SelectedBuildingType.horizontal>.body{display:flex;flex-flow:row;height:99px}.SelectedBuildingType.horizontal>.body>.img{width:106px;max-width:106px;height:99px;padding:2px;box-sizing:border-box}.SelectedBuildingType.horizontal>.body>.img>img{max-width:100%;max-height:100%}.SelectedBuildingType.horizontal>.body>.info{width:190px;height:99px}.SelectedBuildingType.horizontal>.body>.info>.name{padding:0px 10px;margin-bottom:5px;display:flex;align-items:center;height:24px;color:#ccc;font-size:14px}.SelectedBuildingType.horizontal>.body>.info>.key-value{display:flex;flex-flow:row;align-items:center;font-size:12px;height:20px;padding:0px 10px}.SelectedBuildingType.horizontal>.body>.info>.key-value>.key{color:#999}.SelectedBuildingType.horizontal>.body>.info>.key-value>.value{color:#ccc;margin-left:auto}.SelectedBuildingType>.header{font-size:12px;padding-left:10px;padding-right:10px;display:flex;flex-flow:row;align-items:center;height:40px}.SelectedBuildingType>.header>.title{color:#ccc}.SelectedBuildingType>.header>.close-btn{margin-left:auto;padding:0px}.SelectedBuildingType>.header>.close-btn svg{color:#555;width:16px;height:16px}.SelectedBuildingType>.body{display:flex;flex-flow:row;height:90px}.SelectedBuildingType>.body>.img{width:115px;display:flex;align-items:center;justify-content:center}.SelectedMyBuildingType{background:#232732;margin-bottom:10px;border-radius:6px;position:relative;box-sizing:border-box}.SelectedMyBuildingType.vertical{width:224px}.SelectedMyBuildingType.vertical>.header{box-sizing:border-box;height:50px;padding:20px 10px 10px 10px}.SelectedMyBuildingType.vertical>.header>.title{display:flex;align-items:center}.SelectedMyBuildingType.vertical>.header>.title>.id{font-size:14px;color:#ccc;margin-right:10px}.SelectedMyBuildingType.vertical>.img{box-sizing:border-box;height:188px;text-align:center}.SelectedMyBuildingType.vertical>.img img{width:188px}.SelectedMyBuildingType.vertical>.info{box-sizing:border-box;padding:10px 10px 20px 10px}.SelectedMyBuildingType.vertical>.info>.name{height:20px;color:#ccc;font-size:14px;padding-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:200px}.SelectedMyBuildingType.vertical>.info>.key-value{height:20px;display:flex;align-items:center;flex-flow:row;font-size:12px}.SelectedMyBuildingType.vertical>.info>.key-value>.key{color:#999}.SelectedMyBuildingType.vertical>.info>.key-value>.value{margin-left:auto;color:#ccc;display:flex}.SelectedMyBuildingType.horizontal{width:295px;margin-left:30px}.SelectedMyBuildingType.horizontal>.header{height:40px;display:flex;align-items:center;padding:0px 10px}.SelectedMyBuildingType.horizontal>.header>.title{display:flex;align-items:center}.SelectedMyBuildingType.horizontal>.header>.title>.id{color:#ccc;font-size:14px;margin-right:10px}.SelectedMyBuildingType.horizontal>.header>.close-btn{margin-left:auto;padding:0px}.SelectedMyBuildingType.horizontal>.header>.close-btn svg{color:#555;width:16px;height:16px}.SelectedMyBuildingType.horizontal>.body{display:flex;flex-flow:row}.SelectedMyBuildingType.horizontal>.body>.img{width:106px;height:119px;padding:10px;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.SelectedMyBuildingType.horizontal>.body>.img img{width:100%}.SelectedMyBuildingType.horizontal>.body>.info{width:190px;height:119px}.SelectedMyBuildingType.horizontal>.body>.info>.name{padding:0px 10px;margin-bottom:5px;color:#ccc;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:170px;line-height:24px;height:24px}.SelectedMyBuildingType.horizontal>.body>.info>.key-value{display:flex;flex-flow:row;align-items:center;font-size:12px;padding:0px 10px;height:20px}.SelectedMyBuildingType.horizontal>.body>.info>.key-value>.key{color:#999}.SelectedMyBuildingType.horizontal>.body>.info>.key-value>.value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100px;text-align:right;color:#ccc;margin-left:auto}.SelectedMyBuildingType.horizontal>.body>.info>.key-value>.unit{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#ccc}
.c3-axis-y text{fill:#999;font-size:10px}.c3-legend-item text{font-size:12px;fill:#999}.c3-axis-x text{font-size:11px;fill:#ccc}.c3-axis path{stroke:#999}.c3-axis-x line{stroke:none}.c3-axis-y line{stroke:#555}.one .c3-axis path,.one .c3-axis line,.one .c3-axis-y text,.one .c3-legend-item{visibility:hidden !important}.c3-chart-arc text{fill:unset;font-weight:700}.C3ChartWrapper .C3Chart .c3-shape{stroke:#232732}.C3ChartWrapper .C3Chart-legend{justify-content:center;display:flex;flex-flow:column}.C3ChartWrapper .C3Chart-legend>.legend-item{display:flex;flex-flow:row;align-items:center;padding-bottom:5px;grid-gap:10px;gap:10px;color:#999;min-width:201px;cursor:pointer}.C3ChartWrapper .C3Chart-legend>.legend-item.focused>.legend-id,.C3ChartWrapper .C3Chart-legend>.legend-item.focused>.proportion{color:#ccc}.C3ChartWrapper .C3Chart-legend>.legend-item>.symbol{width:15px;height:15px;border-radius:50%}.C3ChartWrapper .C3Chart-legend>.legend-item>.legend-id{width:112px;color:inherit;display:block;line-height:1.5em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.C3ChartWrapper .C3Chart-legend>.legend-item>.proportion{width:54px;text-align:end}.C3ChartWrapper.bottom{display:flex;flex-flow:column}.C3ChartWrapper.right{display:flex;flex-flow:row;grid-gap:20px;gap:20px}.C3ChartWrapper.right>.C3Chart-legend{flex-flow:column}
.ProjectFormHousingChart{height:calc(100vh - 60px);width:356px;background-color:#1a1e28;box-sizing:border-box}.ProjectFormHousingChart>.content>.header{height:70px;display:flex;padding-left:30px;align-items:center;color:#ccc;font-size:18px;border-bottom:1px solid #333;box-sizing:border-box}.ProjectFormHousingChart>.content>.chart-wrapper{padding:20px 30px}.ProjectFormHousingChart>.content>.chart-wrapper .C3Chart-legend .legend-item>.proportion{margin-left:auto;text-align:right}
.rc-switch {
position: relative;
display: inline-block;
box-sizing: border-box;
width: 44px;
height: 22px;
line-height: 20px;
padding: 0;
vertical-align: middle;
border-radius: 20px 20px;
border: 1px solid #ccc;
background-color: #ccc;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
}
.rc-switch-inner {
color: #fff;
font-size: 12px;
position: absolute;
left: 24px;
top: 0;
}
.rc-switch:after {
position: absolute;
width: 18px;
height: 18px;
left: 2px;
top: 1px;
border-radius: 50% 50%;
background-color: #fff;
content: " ";
cursor: pointer;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
transform: scale(1);
transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1);
animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
animation-duration: 0.3s;
animation-name: rcSwitchOff;
}
.rc-switch:hover:after {
transform: scale(1.1);
animation-name: rcSwitchOn;
}
.rc-switch:focus {
box-shadow: 0 0 0 2px #d5f1fd;
outline: none;
}
.rc-switch-checked {
border: 1px solid #87d068;
background-color: #87d068;
}
.rc-switch-checked .rc-switch-inner {
left: 6px;
}
.rc-switch-checked:after {
left: 22px;
}
.rc-switch-disabled {
cursor: no-drop;
background: #ccc;
border-color: #ccc;
}
.rc-switch-disabled:after {
background: #9e9e9e;
animation-name: none;
cursor: no-drop;
}
.rc-switch-disabled:hover:after {
transform: scale(1);
animation-name: none;
}
.rc-switch-label {
display: inline-block;
line-height: 20px;
font-size: 14px;
padding-left: 10px;
vertical-align: middle;
white-space: normal;
pointer-events: none;
-webkit-user-select: text;
user-select: text;
}
@keyframes rcSwitchOn {
0% {
transform: scale(1);
}
50% {
transform: scale(1.25);
}
100% {
transform: scale(1.1);
}
}
@keyframes rcSwitchOff {
0% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.Switch{display:inline-flex;align-items:center;flex-flow:row}.Switch>.rc-switch{background-color:#555;border-color:#555;width:36px;height:20px}.Switch>.rc-switch.rc-switch-checked{border:1px solid #01baef;background-color:#01baef}.Switch>.rc-switch.rc-switch-checked.AI{border:1px solid #01baef;background-color:#01baef}.Switch>.rc-switch.rc-switch-checked.DESIGNER{border:1px solid #b71dff;background-color:#b71dff}.Switch>.rc-switch.rc-switch-checked.SITE_PLAN{border:1px solid #00d88a;background-color:#00d88a}.Switch>.rc-switch.rc-switch-checked:after{width:16px;height:16px;left:18px}.Switch>.rc-switch:after{width:16px;height:16px}.Switch>.rc-switch:hover:after{transform:none;-webkit-transform:none;animation-name:none;-webkit-animation-name:none}.Switch>.name{margin-left:5px;color:#eee;font-size:12px;line-height:12px}.Switch.small>.rc-switch{width:20.25px;height:11.25px}.Switch.small>.rc-switch .rc-switch-inner{font-size:12px}.Switch.small>.rc-switch.rc-switch-checked::after{left:10px}.Switch.small>.rc-switch:after{width:8.25px;height:8.25px}
.ProjectFormValue-Header{background-color:#161a24;width:100%;position:-webkit-sticky;position:sticky;top:0px;z-index:100;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:40px}.ProjectFormValue-Header>.description{margin-top:10px;margin-left:30px;width:260px;font-size:12px;line-height:14px;color:#95e4b3}.ProjectFormValue-Header>.show-button{margin-top:10px;margin-right:30px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:20px;background-color:#161a24;color:#ccc;align-items:center;font-size:12px;font-weight:700}.ProjectFormValue-Header>.show-button:hover{background-color:#273945}.ProjectFormValue-Header>.show-button .icon{margin-left:3px;width:18px !important;height:18px !important;color:#999}.ProjectFormValue-Header>.show-button .icon.active{color:#48ddf2}.ProjectFormValue{padding:10px 0px 30px 30px;margin-right:auto;display:flex;flex-flow:row wrap;width:360px}.ProjectFormValue .project-field{margin-bottom:5px}.ProjectFormValue .project-field .header{display:flex;align-items:center}.ProjectFormValue .project-field .info-icon{width:14px;margin-left:2px;cursor:default}.ProjectFormValue .project-field .info-icon:hover{color:#ccc}.ProjectFormValue .project-field>.width-half{width:175px}.ProjectFormValue .project-field.Small .BuilditInput{width:101px !important}.ProjectFormValue .building-stories-wrap{width:360px;display:flex;position:relative;flex-flow:row wrap}.ProjectFormValue .more-btn-wrap{width:360px}.ProjectFormValue .more-btn-wrap .project-field{margin-bottom:0}.ProjectFormValue .more-btn-wrap .more-btn{margin-left:10px;width:175px;height:24px !important}.ProjectFormValue .more-btn-wrap .law-btn{position:absolute;right:0px;top:50%;width:100px;transform:translateY(-50%)}.ProjectFormValue .more-fields{display:flex;flex-flow:row wrap;width:360px}.ProjectFormValue .more-fields .project-field-wrap{display:flex;flex-flow:column}.ProjectFormValue .more-fields .project-field-wrap>.title{font-size:14px;font-weight:bold;color:#999;margin-bottom:0px;display:flex;align-items:center;height:24px;margin-bottom:5px;margin-top:10px}.ProjectFormValue .more-fields .project-field-wrap>.title .wrap{display:flex}.ProjectFormValue .more-fields .project-field-wrap>.title.space-between{justify-content:space-between}.ProjectFormValue .more-fields .project-field-wrap>.title .switch-name{font-size:12px;font-weight:normal;margin-right:4px}.ProjectFormValue .more-fields .project-field-wrap>.title .Switch{padding:0 2px}.ProjectFormValue .more-fields .project-field-wrap .info-icon{width:16px;height:16px;color:#999;margin-left:3px}.ProjectFormValue .more-fields .project-field-wrap .info-icon:hover{color:#ccc}.ProjectFormValue .more-fields .project-field-wrap>.project-field-group{display:flex;flex-flow:row wrap;width:360px}.ProjectFormValue .more-fields .project-field-wrap>.project-field-group>.project-field{display:flex;margin-left:0px}
.ProjectFormJiguInfo{height:calc(100vh - 60px);width:356px;background-color:#1a1e28;box-sizing:border-box}.ProjectFormJiguInfo>.content>.header{height:54px;display:flex;padding-left:30px;align-items:center;color:#ccc;font-size:18px;border-bottom:1px solid #333;box-sizing:border-box}.ProjectFormJiguInfo>.content .jibun-container{display:flex;flex-direction:row;flex-wrap:wrap;grid-gap:3px;gap:3px;padding:8px 24px 0px 24px;transition:max-height .4s;max-height:100vh}.ProjectFormJiguInfo>.content .jibun-container.close{max-height:0;overflow:hidden}.ProjectFormJiguInfo>.content .jibun-container .jibun{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:21px;padding:0px 8px;font-weight:400}.ProjectFormJiguInfo>.content .jibun-container .jibun.active{border:1px solid #48ddf2;background:#383b45;font-weight:700}.ProjectFormJiguInfo>.content .jibun-switch{width:100%;height:16px;color:#ccc;border-bottom:1px solid #333}.ProjectFormJiguInfo>.content .jibun-switch svg{transition:all .4s}.ProjectFormJiguInfo>.content .jibun-switch.close svg{transform:rotate(180deg)}.ProjectFormJiguInfo>.content>.info{box-sizing:border-box;padding:10px 20px 20px 20px;overflow-y:scroll;white-space:pre-wrap}.ProjectFormJiguInfo>.content>.info .btn .icon{color:#48ddf2}.ProjectFormJiguInfo>.content>.info>.address{display:flex;flex-direction:column;border-bottom:1px solid #333;box-sizing:border-box}.ProjectFormJiguInfo>.content>.info>.address>.title{font-size:12px;color:#999;margin-bottom:5px}.ProjectFormJiguInfo>.content>.info>.address>.content{font-size:14px;color:#ccc}.ProjectFormJiguInfo>.content>.info>.address .link{text-align:end}.ProjectFormJiguInfo>.content>.info>.address .link a{display:block}.ProjectFormJiguInfo>.content>.info>.address .link p{display:inline-block;vertical-align:middle}.ProjectFormJiguInfo>.content>.info>.address .link svg{vertical-align:middle}.ProjectFormJiguInfo>.content>.info>.address .link.eum{margin-left:auto}.ProjectFormJiguInfo>.content>.info>.jigu-raw{margin-top:16px;display:flex;flex-flow:column;grid-row-gap:8px;row-gap:8px;padding-bottom:8px;box-sizing:border-box;border-bottom:1px solid #333}.ProjectFormJiguInfo>.content>.info>.jigu-raw>.title{color:#ccc;font-weight:700;font-size:14px}.ProjectFormJiguInfo>.content>.info>.jigu-raw>.content{display:flex;flex-flow:column;grid-row-gap:4px;row-gap:4px;min-height:30px;font-size:14px}.ProjectFormJiguInfo>.content>.info>.jigu-raw>.content>.key{color:#999;font-size:12px}.ProjectFormJiguInfo>.content>.info>.jigu-raw>.content>.value{color:#ccc;font-size:14px}
.ProjectFormValue-Header{background-color:#161a24;width:100%;position:-webkit-sticky;position:sticky;top:0px;z-index:100;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:40px}.ProjectFormValue-Header>.description{margin-top:10px;margin-left:30px;width:260px;font-size:12px;line-height:14px;color:#95e4b3}.ProjectFormValue-Header>.show-button{margin-top:10px;margin-right:auto;width:100px;height:30px;background-color:#161a24;color:#ccc;align-items:center;font-size:12px;line-height:14px}.ProjectFormValue-Header>.show-button:hover{background-color:#273945}.ProjectFormValue-Header>.show-button .icon{margin-left:3px;width:18px !important;height:18px !important;color:#999}.ProjectFormValue-Header>.show-button .icon.active{color:#48ddf2}.ProjectFormBasic{padding-top:10px;padding-bottom:30px;margin-left:30px;margin-right:30px;width:360px}.ProjectFormBasic .sub-title{height:24px;width:360px;font-weight:700;display:flex;align-items:center}.ProjectFormBasic .more-fields{display:flex;flex-flow:row wrap}.ProjectFormBasic .project-field-wrapper{display:flex;justify-content:space-between}.ProjectFormBasic .project-field{margin-bottom:5px;display:flex;flex-flow:column}.ProjectFormBasic .project-field .width-full{width:360px}.ProjectFormBasic .project-field .width-half{width:175px}.ProjectFormBasic .project-field>.title{color:#999;font-size:12px;margin-bottom:5px}.ProjectFormBasic .project-field.project-address.margin-none{margin-bottom:0}.ProjectFormBasic .project-field>.content.project-address{width:360px;height:40px;padding-left:10px;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#eee}.ProjectFormBasic .project-field>.content.description{margin-top:10px;width:360px;height:36px;display:flex;align-items:center;font-size:14px;color:#ccc}.ProjectFormBasic .project-field>.content.table{margin-top:10px;margin-bottom:10px}.ProjectFormBasic .project-field>.content.table table{width:280px}.ProjectFormBasic .project-field>.content.table table tr{width:100%;height:30px;display:flex;flex-direction:row;color:#ccc;font-size:14px}.ProjectFormBasic .project-field>.content.table table tr th{display:flex;width:90px;align-items:center;font-weight:400;height:29px;justify-content:center;border-bottom:solid;border-color:#333;border-width:1px}.ProjectFormBasic .project-field>.content.table table tr th.first{width:99px !important;border-right:solid;border-color:#333;border-width:1px}.ProjectFormBasic .project-field>.content.table table tr td{display:flex;width:90px;align-items:center;font-weight:400;justify-content:center;height:inherit}.ProjectFormBasic .project-field>.content.table table tr td.first{width:90px !important;border-right:solid;border-color:#333;border-width:1px;justify-content:flex-start;padding-left:10px}.ProjectFormBasic .project-field>.content .btn-group .btn{background-color:#232732;padding-left:15px;padding-right:15px;border:1px solid #555;color:#eee;margin-right:5px;margin-bottom:5px;font-size:14px}.ProjectFormBasic .project-field>.content .btn-group .btn:hover,.ProjectFormBasic .project-field>.content .btn-group .btn.active{background-color:#60626a;font-weight:bold}.ProjectFormBasic .project-field.complex-district-title{display:flex}.ProjectFormBasic .project-field.complex-district-title .title{display:flex;justify-content:space-between;width:100%}.ProjectFormBasic .project-field.complex-district-title .title .flex{font-size:12px;display:flex;color:#999;height:24px;flex-direction:row;align-items:center}.ProjectFormBasic .project-field.complex-district-title .title .flex.label{width:114px}.ProjectFormBasic .project-field.complex-district-title .title .flex .icon{margin-left:2px;width:14px !important}.ProjectFormBasic .project-field.complex-district-title .complex-district-list{color:#eee;font-size:12px;height:24px;justify-content:flex-end;display:flex;align-items:center;padding-left:6px}.ProjectFormBasic .project-field.complex-district-title .complex-district-list .text{overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis;margin-right:5px;width:360px;text-align:right}.ProjectFormBasic .project-field.project-address>.title{justify-content:space-between;display:flex;height:24px;align-items:center}.ProjectFormBasic .project-field.project-address>.title>.jigu-info{cursor:pointer;-webkit-user-select:none}.ProjectFormBasic .project-field.project-address .jigu-info{width:175px;height:24px}.ProjectFormBasic .project-field .designer-building-type{width:175px;display:flex;align-items:center}.ProjectFormBasic .project-field .designer-building-type .info-icon{margin-left:2px;align-items:center;justify-content:center;width:14px !important;height:14px !important}.ProjectFormBasic .jiguinfo-container .jiguinfo-title{line-height:20px;height:20px}.ProjectFormBasic .jiguinfo-container .jiguinfo-keyword-container{display:flex;flex-direction:row;flex-wrap:wrap;grid-row-gap:8px;row-gap:8px;grid-column-gap:4px;column-gap:4px;padding-top:4px}.ProjectFormBasic .jiguinfo-container .jiguinfo-keyword{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0px 8px;height:1.5rem}.ProjectFormBasic .required-icon{width:3px;height:3px}.ProjectFormBasic .more-btn{margin:auto;width:100px;margin-bottom:30px}.ProjectFormBasic .use_district_regulation>.btn{width:140px;font-size:12px;margin-left:auto;display:flex;align-items:center;margin-top:-10px}.ProjectFormBasic .use_district_regulation>.btn .icon{color:#48ddf2}.ProjectFormBasic .use_district_regulation>.regulation-wrap{margin-top:20px}
.resizable{z-index:1000}.errorLog{z-index:1;-webkit-user-select:none;user-select:none;background-color:#161a24}.errorLog>.errorLogHead{border:1px solid #333;border-right:0px;background:#383b45;display:flex;justify-content:space-between;height:30px;box-sizing:border-box;cursor:pointer}.errorLog>.errorLogHead>.leftSide{display:flex;align-items:center}.errorLog>.errorLogHead>.leftSide .wrap-icon{width:20px;height:20px;display:flex;margin-right:2px;align-items:center;justify-content:center}.errorLog>.errorLogHead>.leftSide .wrap-icon .speaker-icon{width:15px !important}.errorLog>.errorLogHead .headText{margin:auto}.errorLog>.errorLogHead .log-expand-btn{padding:0}.errorLog>.errorLogHead .log-expand-btn .icon.speaker-icon{width:15px !important}.errorLog>.errorLogHead .log-expand-btn .icon.expand-icon{width:20px;height:20px;background:#383b45;cursor:pointer;margin-right:10px}.errorLog .errorLogBody{display:flex;height:256px}.errorLog .errorLogBody.display-none{display:none;height:0}.errorLog .errorLogBody .expansion{height:100%}.errorLog .errorLogBody .expansion .summary-root div[role=button]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;left:-2px}.errorLog .errorLogBody .expansion .summary-root div[role=button].expanded{transform:translateY(-50%) rotate(90deg)}.errorLog .errorLogBody .expansion .expansion-title{height:30px !important;min-height:30px;padding:0 !important;display:flex;align-items:center;font-size:14px}.errorLog .errorLogBody .expansion .expansion-title div{margin:0}.errorLog .errorLogBody .expansion .expansion-title .arrow-btn{width:40px;padding:0}.errorLog .errorLogBody .expansion .expansion-content{display:block;align-items:center;padding:2px;-webkit-user-select:none;user-select:none;border-bottom:none}.errorLog .errorLogBody>.category{box-sizing:border-box;background-color:#1e222e;width:160px;height:282px;border:1px solid #333;border-top:0px}.errorLog .errorLogBody>.category>.logName{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;margin-left:10px;margin-right:10px;height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.errorLog .errorLogBody>.category>.logName .closeIcon{width:16px !important;color:#555;cursor:pointer}.errorLog .errorLogBody>.category>.cell{box-sizing:border-box;height:30px;display:flex;color:#ccc;border-bottom:1px solid #333;cursor:pointer}.errorLog .errorLogBody>.category>.cell.completion{cursor:default}.errorLog .errorLogBody>.category>.cell>.icon{width:16px !important;height:16px;margin:auto 2px auto 10px}.errorLog .errorLogBody>.category>.cell>.icon.complete-icon{width:14px !important;fill:#48ddf2}.errorLog .errorLogBody>.category>.cell>.icon.red{color:#e81c1c}.errorLog .errorLogBody>.category>.cell>.icon.yellow{width:15px !important;color:#ffb068}.errorLog .errorLogBody>.category>.cell>.icon.green{color:#95e4b3 !important}.errorLog .errorLogBody>.category>.cell>.text{font-size:14px;margin:auto 0;margin-left:4px}.errorLog .errorLogBody>.category>.cell.active{background:#444a5a}.errorLog .errorLogBody>.category>.cell.hidden{display:none}.errorLog .errorLogBody>.category>.cell:hover:not(.completion){background:#444a5a}.errorLog .errorLogBody>.errorList{width:calc(100% - 160px);height:250px;overflow-y:scroll}.errorLog .errorLogBody>.errorList .completeLog{height:30px;color:#eee;font-size:14px;display:flex;align-items:center;-webkit-user-select:none;user-select:none}.errorLog .errorLogBody>.errorList .completeLog .icon.complete-icon{fill:#48ddf2;width:15px !important;margin-left:13px;margin-right:13px}.errorLog .errorLogBody>.errorList div>div{background:none}.errorLog .errorLogBody>.errorList .log-header{height:30px;display:flex;align-items:center;cursor:pointer}.errorLog .errorLogBody>.errorList .log-header .icon.arrow-right{cursor:pointer;margin-left:10px}.errorLog .errorLogBody>.errorList .info{cursor:pointer;min-height:24px;height:-webkit-max-content;height:max-content;display:flex;align-items:center}.errorLog .errorLogBody>.errorList .info>.icon{width:15px !important;height:15px !important;margin:3px 10px auto 32px}.errorLog .errorLogBody>.errorList .info>.icon.red{color:#e81c1c}.errorLog .errorLogBody>.errorList .info>.icon.yellow{color:#ffb068}.errorLog .errorLogBody>.errorList .info>.icon.green{color:#95e4b3}.errorLog .errorLogBody>.errorList .info .text{font-size:14px;margin:1px;color:#ccc}.errorLog .errorLogBody>.errorList .info .text.sub{font-size:12px}.errorLog .errorLogBody>.errorList .info.hilight.error{background:rgba(232,28,28,.2)}.errorLog .errorLogBody>.errorList .info.hilight.warning{background-color:rgba(255,176,104,.2)}.errorLog .errorLogBody>.errorList .info.hilight.info-log{background-color:rgba(75,114,91,.2941176471)}.errorLog .errorLogBody>.errorList .info:hover.error{background:rgba(232,28,28,.2)}.errorLog .errorLogBody>.errorList .info:hover.warning{background-color:rgba(255,176,104,.2)}.errorLog .errorLogBody>.errorList .info:hover.info-log{background-color:rgba(75,114,91,.2941176471)}
.SettingModalBody[role=dialog]{z-index:2000;margin:20px}.SettingModalBody[role=document] div{max-width:608px !important;width:608px;height:635px;position:relative;display:flex}.SettingModalBody div[role=document] div{border-radius:0;overflow-x:hidden;overflow-y:hidden}.SettingModalBody .Switch .name{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:56px;text-align:center}.SettingModalBody .Switch .rc-switch{width:27px;height:14px}.SettingModalBody .Switch .rc-switch.rc-switch-checked{border:1px solid #48ddf2;background-color:#48ddf2}.SettingModalBody .Switch .rc-switch:after{top:0px;width:12px;height:12px}.SettingModalBody .Switch .rc-switch-checked:after{left:13px}.SettingModalBody .modalContent{max-width:608px;width:608px;height:635px;box-sizing:border-box;background-color:#1a1e28;padding:20px 30px}.SettingModalBody .modalContent .wrap-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-left:2px}.SettingModalBody .modalContent>.description{width:548px;height:44px;line-height:22px;padding-left:15px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;justify-content:center}.SettingModalBody .modalContent>.description .circle-icon{width:4px;height:4px}.SettingModalBody .modalContent .border.light-grey{background:#555}.SettingModalBody .title{width:548px;height:20px;display:flex;justify-content:space-between;align-items:center}.SettingModalBody .title .setting{height:20px}.SettingModalBody .title .right{display:flex;overflow:hidden;height:20px}.SettingModalBody .title .right .btn{height:20px}.SettingModalBody .title .right .save-msg{display:flex;align-items:center}.SettingModalBody .title .right .save-msg .icon{color:#eee;margin-right:2px;width:14px !important}.SettingModalBody .title .right .save-msg .text{display:flex;align-items:center}.SettingModalBody .title .right .closeIcon{color:#555;cursor:pointer;width:20px !important}.SettingModalBody .title .right>.wrap-icon{margin-left:10px}.SettingModalBody .input-unit{height:40px;display:flex;align-items:center}.SettingModalBody .wrap-left-text{display:flex}.SettingModalBody .wrap-key-value{display:flex;position:relative;width:548px;height:40px;align-items:center;justify-content:space-between;border-bottom:1px solid #333;box-sizing:border-box}.SettingModalBody .wrap-key-value .key{display:flex;align-items:center;max-width:216px;width:216px}.SettingModalBody .wrap-key-value .key .icon{margin-left:3px;width:16px !important}.SettingModalBody .wrap-key-value .middle-text{margin-left:13px;display:flex;align-items:center}.SettingModalBody .wrap-key-value .middle-text .distance-input{width:80px;height:24px;margin-right:9px}.SettingModalBody .wrap-key-value .middle-text .distance-input .input-wrapper{min-height:24px}.SettingModalBody .wrap-key-value .middle-text .distance-input .input-wrapper .text{height:24px}.SettingModalBody .wrap-key-value .value{display:flex;width:-webkit-max-content;width:max-content;align-items:center}.SettingModalBody .wrap-key-value .value .name{color:#48ddf2;font-size:14px}.SettingModalBody .wrap-key-value .value .font-secondary .name{color:#999}.SettingModalBody .border{width:548px;height:1px;background-color:#333}.SettingModalBody .border.m-b-27px{margin-bottom:27px}.SettingModalBody .wrap-tab{width:548px;height:40px}.SettingModalBody .wrap-tab .tab.disabled{cursor:default}
.ProjectImport{width:420px;position:absolute;height:calc(100vh - 120px);z-index:1000;background-color:#161a24;box-sizing:border-box;overflow-x:visible}.ProjectImport>.header{padding:20px 30px;box-sizing:border-box;height:120px}.ProjectImport>.header>.title{display:flex;flex-flow:row;margin-bottom:10px;height:30px;align-items:center}.ProjectImport>.header>.title .close-btn{padding:0px;color:#555}.ProjectImport>.header>.tab-wrap>.import-description.AI{font-size:12px;color:#ccc;margin-top:10px;height:20px;width:360px;font-weight:400}.ProjectImport>.header>.tab-wrap>.import-description.AI span{color:#b71dff}.ProjectImport>.header>.tab-wrap>.import-description.DESIGNER{display:none}.ProjectImport>.header>.tab-wrap>.button-wrapper{margin-top:20px;width:285px;height:30px;margin-left:auto;margin-right:auto;display:flex}.ProjectImport>.header>.tab-wrap>.button-wrapper .my-site-search-input{color:#ccc;height:32px}.ProjectImport>.header>.tab-wrap>.button-wrapper .upload-btn{width:32px;height:32px;margin-left:5px;align-items:center;font-size:12px;font-weight:400;line-height:14px;padding-left:10px}.ProjectImport>.header>.tab-wrap>.button-wrapper .upload-btn .icon{margin-right:auto;margin-left:2px;width:14px !important;height:14px !important;color:inherit}.ProjectImport>.header>.tab-wrap>.button-wrapper .upload-btn .upload-btn-icon{fill:#ccc;margin-left:0px;width:20px !important;height:20px !important}.ProjectImport>.header>.tab-wrap>.button-wrapper .refresh-btn{width:32px;height:32px;margin-left:5px}.ProjectImport>.header>.tab-wrap>.button-wrapper .refresh-btn .icon{width:20px !important;height:20px !important;color:inherit}.ProjectImport>.header>.tab-wrap>.search-field{margin-top:10px;width:285px;margin-left:auto;margin-right:auto}.ProjectImport>.header>.tab-wrap>.search-field .icon-btn{padding:0px}.ProjectImport>.header>.tab-wrap>.search-field .icon-btn .icon{color:#ccc}.ProjectImport>.header>.tab-wrap>.search-field .icon-btn .remove-icon{width:14px !important;height:14px !important;margin-right:10px}.ProjectImport>.content{overflow-x:visible;box-sizing:border-box;height:calc(100vh - 60px - 120px);overflow-y:auto;padding:0px 0px 20px 0px}.ProjectImport>.content>.empty-info>.title{font-size:14px}.ProjectImport>.content>.quick-access{display:flex;margin-bottom:20px}.ProjectImport>.content>.quick-access>.router-link>.btn{width:130px}.ProjectImport>.content .item{margin-left:67.5px}.ProjectImport>.content .item.compare{position:fixed;top:230px;left:430px;margin-left:0px}.ProjectImportItem{cursor:pointer;background-color:#232732;margin-left:auto;margin-right:auto;border-radius:6px;width:285px;margin-bottom:20px}.ProjectImportItem:first-child{margin-top:10px}.ProjectImportItem.selected{cursor:default}.ProjectImportItem.selected:hover{background-color:#232732}.ProjectImportItem.selected>.img-wrap>.active{display:flex}.ProjectImportItem.empty{height:492px;display:flex;align-items:center;justify-content:center;cursor:default;background-color:#232732;color:#999}.ProjectImportItem.empty:hover{background-color:#232732}.ProjectImportItem:hover{background-color:#273945}.ProjectImportItem:hover>.img-wrap>.active{display:flex}.ProjectImportItem>.header{color:#ccc;font-size:14px;padding:20px 10px 10px 10px;display:flex;flex-flow:row;align-items:center}.ProjectImportItem>.header>.checked{display:flex;flex-flow:row;align-items:center;color:#95e4b3}.ProjectImportItem>.header>.checked>.check-icon{color:#95e4b3;margin-right:5px}.ProjectImportItem>.img-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:285px;height:285px}.ProjectImportItem>.img-wrap img{width:285px;height:285px;background-color:#242b35}.ProjectImportItem>.img-wrap>.active{display:none;position:absolute;margin:auto}.ProjectImportItem>.img-wrap>.active>.add-icon{width:50px;height:50px;color:#48ddf2}.ProjectImportItem>.img-wrap>.active>.check-icon{width:50px;height:50px;color:#95e4b3}.ProjectImportItem>.info{display:flex;flex-flow:column;padding:10px 10px 20px 10px}.ProjectImportItem>.info>.name{color:#ccc;font-size:14px;margin-bottom:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ProjectImportItem>.info>.file-address{font-size:12px;color:#eee;height:20px;margin-bottom:5px}.ProjectImportItem>.info>.key-value{display:flex;align-items:center;font-size:12px;height:20px}.ProjectImportItem>.info>.key-value>.key{color:#999;display:flex;align-items:center}.ProjectImportItem>.info>.key-value>.key>.text{display:flex;align-items:center}.ProjectImportItem>.info>.key-value>.key .info-icon{width:14px !important;color:#999;margin-left:2px}.ProjectImportItem>.info>.key-value>.value{color:#ccc;margin-left:auto;text-overflow:ellipsis;width:170px;text-align:right;overflow:hidden;line-height:14px;white-space:nowrap}.ProjectImportItem>.info>.key-value>.unit{line-height:14px;color:#ccc;margin-left:5px}
.ProjectFormMapRoad{background-color:#1a1e28;height:calc(100vh - 60px)}.ProjectFormMapRoad>.header{height:70px;display:flex;align-items:center;padding-left:30px;padding-right:20px;border-bottom:1px solid #333;box-sizing:border-box}.ProjectFormMapRoad>.header>.title{font-size:18px;color:#eee}.ProjectFormMapRoad>.header>.icon{width:18px !important;height:18px !important;color:#eee;margin-left:2px;cursor:pointer}.ProjectFormMapRoad>.header>.btn{margin-left:auto;font-size:14px;height:30px;padding:0px 20px;width:175px}.ProjectFormMapRoad>.header>.btn .icon{color:#232732}.ProjectFormMapRoad>.header .close-btn{margin-left:auto;padding:0px}.ProjectFormMapRoad>.header .close-btn .close-icon{color:#666}.ProjectFormMapRoad>.body{height:calc(100vh - 60px - 70px - 140px);box-sizing:border-box;overflow:auto}.ProjectFormMapRoad>.body>.info-wrap{padding-left:30px;padding-right:30px;padding-top:20px}.ProjectFormMapRoad>.body>.info-wrap>.info{font-size:14px;color:#ccc}.ProjectFormMapRoad>.body>.info-wrap>.warning{margin-top:12px;font-size:14px;color:#999}.ProjectFormMapRoad>.body>.info-wrap>.btns{padding-top:20px;display:flex}.ProjectFormMapRoad>.body>.info-wrap>.btns .btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0px 16px}.ProjectFormMapRoad>.body>.info-wrap>.btns .btn.road{margin-right:5px;margin-left:auto}.ProjectFormMapRoad>.body>.wrapper .display-flex{padding-left:30px}.ProjectFormMapRoad>.body>.wrapper .btn{width:175px;margin-top:20px}.ProjectFormMapRoad>.body>.wrapper .btn:first-child{margin-right:15px}.ProjectFormMapRoad>.body>.wrapper>.roads-wrap{padding-left:30px;width:360px}.ProjectFormMapRoad>.body>.wrapper>.roads-wrap>.header{height:40px;width:360px;color:#ccc;margin-top:10px;display:flex;flex-flow:row;align-items:center;border-bottom:1px solid #333;box-sizing:border-box}.ProjectFormMapRoad>.body>.wrapper>.roads-wrap>.header>.checkbox{margin-right:5px}.ProjectFormMapRoad>.body>.wrapper>.roads-wrap>.header>.show-btn{display:flex;flex-flow:row;align-items:center;padding:0px;width:100%;height:23px}.ProjectFormMapRoad>.body>.wrapper>.roads-wrap>.header>.show-btn:hover{background-color:inherit}.ProjectFormMapRoad>.body>.wrapper>.roads-wrap>.header>.show-btn .title{font-size:14px;color:#ccc;margin-right:auto}.ProjectFormMapRoad>.body>.wrapper>.roads-wrap>.header>.show-btn .icon{color:#999;margin-left:auto}.ProjectFormMapRoad>.body>.wrapper>.roads-wrap>.body{border-bottom:1px solid #333;padding-bottom:10px}.ProjectFormMapRoad>.body>.road-loading{width:360px;padding:20px 0px 0px 30px;color:#ccc}.ProjectFormMapRoad>.body>.road-loading .circular-progress-wrap{display:flex;align-items:center;justify-content:center}.ProjectFormMapRoad>.body>.road-loading .circular-progress-wrap .circular-progress{color:#eee}.ProjectFormMapRoad>.footer{border-top:1px solid #333;padding:20px 30px 30px 30px;box-sizing:border-box;height:140px}.ProjectFormMapRoad>.footer>.header{box-sizing:border-box}.ProjectFormMapRoad>.footer>.header>.main-title{height:20px;color:#eee;font-size:14px}.ProjectFormMapRoad>.footer>.header>.sub-title{height:20px;color:#ccc;font-size:12px}.ProjectFormMapRoad>.footer>.body{display:flex;flex-flow:row;align-items:center;padding-top:10px;box-sizing:border-box;height:50px}.ProjectFormMapRoad>.footer>.body>.select-road-project-input{width:175px}.ProjectFormMapRoad>.footer>.body>.btn{width:175px;margin-left:auto}.info-modal{width:608px;height:390px;display:flex;flex-flow:column}.info-modal>.img{width:390px;height:306px}.info-modal>.description{display:flex;flex-flow:column;margin-top:10px;color:#ccc;font-size:12px}.info-modal>.description>.first-title{color:#95e4b3}.info-modal>.description>.second-title{margin-top:9px}.RoadItem{display:flex;flex-flow:row;align-items:center;padding-left:10px;margin-top:10px}.RoadItem:hover{background-color:#273945}.RoadItem .ProjectFieldInput.title-left{height:inherit}.RoadItem>.checkbox{margin-right:5px}.RoadItem>.title{font-size:14px;color:#ccc}.RoadItem>.road-project-input{width:175px;margin-left:auto}.RoadItem>.btn{padding:0px;min-width:0px}.RoadItem>.btn .icon{color:#999}
.ProjectFormStepButton .site-btn.depth-1{height:28px}.ProjectFormStepButton .label{padding-inline:6px !important;min-width:20px;font-size:14px}.ProjectFormStepButton button .depth-1{margin-left:16%}.ProjectFormStepButton button .depth-1 .label{font-size:12px}@keyframes borderBlink{from,to{border-color:rgba(0,0,0,0)}50%{border-color:#48ddf2}}.ProjectFormStepButton .ready{animation-name:borderBlink;animation-delay:0s;animation-iteration-count:infinite;animation-duration:1s}
.ProjectFormMap{height:calc(100vh - 60px);width:100%;background-color:#232732;position:relative}.ProjectFormMap .snack-bar{position:absolute;top:20px;z-index:0;padding:0px;border-radius:0}.ProjectFormMap .snack-bar .msg>div{display:flex;align-items:center}.ProjectFormMap .snack-bar>div{background-color:#0c111b;opacity:.8;color:#ccc;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;width:auto;max-width:2200px;padding:0px 20px;height:auto;min-height:40px;box-sizing:border-box;align-items:center}.ProjectFormMap .snack-bar>div .icon{color:#48ddf2}.ProjectFormMap .snack-bar>div .text-wrap{display:block;white-space:pre-line;margin:4px 0}.ProjectFormMap .snack-bar>div .warning-msg{color:red}.ProjectFormMap .snack-bar>div .text-align-center{text-align:center}.ProjectFormMap .absolute{position:absolute;-webkit-user-select:none;user-select:none;z-index:1000;display:flex;flex-flow:row;height:calc(100vh - 60px);box-sizing:border-box}.ProjectFormMap .site-config-wrap{width:420px;height:calc(100vh - 60px);background-color:#161a24;box-sizing:border-box;overflow-y:auto}.ProjectFormMap .site-config-wrap>.search-address{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #333;width:360px;margin:auto}.ProjectFormMap .site-config-wrap>.search-address .icon-btn{padding:0px;display:flex;align-items:center;justify-content:center}.ProjectFormMap .site-config-wrap>.search-address .icon-btn.search-btn{min-width:40px;min-height:40px;width:40px;height:40px}.ProjectFormMap .site-config-wrap>.search-address .icon-btn.close-btn{min-width:20px;min-height:40px;width:20px;height:40px}.ProjectFormMap .site-config-wrap>.search-address .icon-btn.close-btn .icon{width:14px !important;height:14px !important}.ProjectFormMap .site-config-wrap>.search-address .icon-btn svg{color:#ccc}.ProjectFormMap .site-config-wrap>.header{padding:20px 30px;border-bottom:1px solid #333}.ProjectFormMap .site-config-wrap>.header .project-site-select{display:flex}.ProjectFormMap .site-config-wrap>.header .project-site-select>.project-site-select-text{display:flex;align-items:center;margin-left:5px;color:#eee}.ProjectFormMap .site-config-wrap>.header .content{display:flex;flex-flow:column;position:relative;margin-bottom:10px}.ProjectFormMap .site-config-wrap>.header .content .project-type-title{display:block;width:100%;margin-bottom:5px;height:20px;font-size:14px}.ProjectFormMap .site-config-wrap>.header .content .title-header{height:24px;display:flex;align-items:center}.ProjectFormMap .site-config-wrap>.header .content>.site-tooltip{margin-left:auto}.ProjectFormMap .site-config-wrap .import-btn{display:flex;box-sizing:border-box;width:238.66px;height:32px;color:#ccc;background-color:#383b45;justify-content:space-between;margin-bottom:5px}.ProjectFormMap .site-config-wrap .import-btn .import-btn-item{display:flex;align-items:center}.ProjectFormMap .site-config-wrap .import-btn:hover{background-color:#60626a;color:#eee}.ProjectFormMap .site-config-wrap .content .site-config{padding-top:10px;align-items:center;display:flex;padding-top:10px;padding-left:30px;padding-right:30px}.ProjectFormMap .site-config-wrap .content .site-config .config-set{display:flex;flex-flow:column;width:100%}.ProjectFormMap .site-config-wrap .content .site-config .config-set .config,.ProjectFormMap .site-config-wrap .content .site-config .config-set .header{display:flex;flex-flow:row;align-items:center;margin-block:4px}.ProjectFormMap .site-config-wrap .content .site-config .config-set .config .required,.ProjectFormMap .site-config-wrap .content .site-config .config-set .header .required{display:flex;margin-bottom:auto;margin-top:4px;margin-left:3px}.ProjectFormMap .site-config-wrap .content .site-config .config-set .config .action,.ProjectFormMap .site-config-wrap .content .site-config .config-set .header .action{display:flex;flex-flow:row;margin-left:18px;width:100%}.ProjectFormMap .site-config-wrap .content .site-config .config-set .config .action .action-btn,.ProjectFormMap .site-config-wrap .content .site-config .config-set .header .action .action-btn{font-size:12px;height:22px}.ProjectFormMap .site-config-wrap .content .site-config .config-set .config .site-btn,.ProjectFormMap .site-config-wrap .content .site-config .config-set .header .site-btn{width:238.66px;display:flex;flex-flow:row;align-items:center;justify-content:left;padding-left:10px;padding-right:10px}.ProjectFormMap .site-config-wrap .content .site-config .config-set .config .site-btn .num,.ProjectFormMap .site-config-wrap .content .site-config .config-set .header .site-btn .num{height:20px;color:#232732;font-size:14px;margin-right:10px}.ProjectFormMap .site-config-wrap .content .site-config .config-set .config .site-btn .num.AI,.ProjectFormMap .site-config-wrap .content .site-config .config-set .header .site-btn .num.AI{background-color:#01baef}.ProjectFormMap .site-config-wrap .content .site-config .config-set .config .site-btn .num.DESIGNER,.ProjectFormMap .site-config-wrap .content .site-config .config-set .header .site-btn .num.DESIGNER{background-color:#b71dff}.ProjectFormMap .site-config-wrap .content .site-config .config-set .config .site-btn .num.SITE_PLAN,.ProjectFormMap .site-config-wrap .content .site-config .config-set .header .site-btn .num.SITE_PLAN{background-color:#00d88a}.ProjectFormMap .site-config-wrap .content .site-config .config-set .config .site-btn .num.disabled,.ProjectFormMap .site-config-wrap .content .site-config .config-set .header .site-btn .num.disabled{background-color:#333;color:#555}.ProjectFormMap .site-config-wrap .content .site-config .config-set .config .site-btn .name,.ProjectFormMap .site-config-wrap .content .site-config .config-set .header .site-btn .name{color:inherit}.ProjectFormMap .site-config-wrap .content .site-config .config-set .config .site-btn .complete-icon,.ProjectFormMap .site-config-wrap .content .site-config .config-set .header .site-btn .complete-icon{display:flex;margin-left:auto;width:20px;height:20px;color:#555}.ProjectFormMap .site-config-wrap .content .site-config .config-set .config .site-btn .complete-icon.completed,.ProjectFormMap .site-config-wrap .content .site-config .config-set .header .site-btn .complete-icon.completed{color:#95e4b3}.ProjectFormMap .site-config-wrap .content .site-config .config-set .config .site-btn .complete-icon.err,.ProjectFormMap .site-config-wrap .content .site-config .config-set .header .site-btn .complete-icon.err{color:#e81c1c}.ProjectFormMap .site-config-wrap .content .site-config .config-set .config .site-btn .expand-icon,.ProjectFormMap .site-config-wrap .content .site-config .config-set .header .site-btn .expand-icon{margin-left:auto;color:#ccc}.ProjectFormMap .site-config-wrap .content .site-config .config-set .require-icon{width:3px;height:3px;margin-right:12px}.ProjectFormMap .site-config-wrap .content .run{padding-left:30px;padding-right:30px;margin-top:30px}.ProjectFormMap .site-config-wrap .content .run .run-AI{width:360px;background-image:linear-gradient(to right, #48ddf2 0%, #95e4b3 51%, #48ddf2 100%);margin-bottom:10px;font-size:18px;font-weight:bold;color:#232732;transition:.5s;background-size:200% auto}.ProjectFormMap .site-config-wrap .content .run .run-AI:hover{background-position:right center}.ProjectFormMap .site-config-wrap .content .run .run-DESIGNER{width:360px;background-image:linear-gradient(to right, #48ddf2 0%, #95e4b3 51%, #48ddf2 100%);font-size:18px;font-weight:bold;color:#232732;transition:.5s;background-size:200% auto}.ProjectFormMap .site-config-wrap .content .run .run-DESIGNER:hover{background-position:right center}.ProjectFormMap .site-config-wrap .content .site-area{width:360px;padding:10px 20px;margin-top:20px;margin-left:auto;margin-right:auto;box-sizing:border-box;background-color:rgba(238,238,238,.05);display:flex;flex-direction:column;grid-gap:8px;gap:8px}.ProjectFormMap .site-config-wrap .content .site-area>div{display:flex;flex-flow:row;align-items:center}.ProjectFormMap .site-config-wrap .content .site-area>div .key{color:#999;font-size:12px}.ProjectFormMap .site-config-wrap .content .site-area>div .key .info-icon{margin-left:4px;bottom:0;width:14px;height:14px}.ProjectFormMap .site-config-wrap .content .site-area>div .key .info-icon:hover{color:#fff}.ProjectFormMap .site-config-wrap .content .site-area>div .value{color:#ccc;margin-left:auto;font-size:12px;align-items:center;grid-gap:8px;gap:8px}.ProjectFormMap .site-config-wrap .content .site-area>div .value .loop-icon{width:14px;color:#555}.ProjectFormMap .site-config-wrap .content .site-area>div .value .return-icon{padding:0}.ProjectFormMap .site-config-wrap .content .site-area>div .value .return-icon:hover{background-color:rgba(0,0,0,0);filter:invert(100%) sepia(0%) saturate(2476%) hue-rotate(86deg) brightness(150%) contrast(119%)}.ProjectFormMap .site-config-wrap .content .site-area>div .value .active-icon{background-color:rgba(0,0,0,0);filter:invert(100%) sepia(0%) saturate(2476%) hue-rotate(86deg) brightness(150%) contrast(119%)}.ProjectFormMap .site-config-wrap .content .site-area>div .warning{color:#95e4b3;size:12px;line-height:14.4px;font-weight:400}.ProjectFormMap .site-config-wrap .content .site-area>div:last-child{margin-bottom:0px}.ProjectFormMap .site-config-wrap .content .site-area>div:first-child{margin-top:0px}.ProjectFormMap .site-config-wrap .content .site-area .project-site-used-area{margin-top:8px}.ProjectFormMap .site-config-wrap .btn-group{box-sizing:border-box;width:360px;height:44px;margin:auto;padding:1px;background-color:#383b45;display:flex;flex-flow:row;border-radius:6px}.ProjectFormMap .site-config-wrap .btn-group>.btn{background-color:#383b45;margin:1px;flex:1 1;font-size:14px;color:#eee}.ProjectFormMap .site-config-wrap .btn-group>.btn.active,.ProjectFormMap .site-config-wrap .btn-group>.btn:hover{background-color:#eee;color:#232732;font-weight:bold}.ProjectFormMap .road-config-wrap{width:420px;height:calc(100vh - 60px);position:absolute;z-index:1000;background-color:#1a1e28;box-sizing:border-box}.ProjectFormMap .site-config-btn{position:absolute;right:-99px;background-color:#161a24;border-radius:0px 6px 6px 0px;height:32px;width:99px;color:#ccc;font-size:12px;border-left:1px solid #333}.ProjectFormMap .site-config-btn:hover{background-color:#161a24;color:#eee}.ProjectFormMap .site-config-btn .icon{width:16px !important}.ProjectFormMap .detail-config-btn-tooltip{position:absolute;right:0}.ProjectFormMap .detail-config-btn{top:0px;right:0;z-index:10;background-color:#161a24;color:#ccc;font-size:12px;box-sizing:border-box;width:99px;padding-left:8px;height:32px;border-radius:6px 0px 0px 6px}.ProjectFormMap .detail-config-btn.error-field{color:#e81c1c !important}.ProjectFormMap .detail-config-btn.error-field .icon{color:#e81c1c !important}.ProjectFormMap .detail-config-btn:hover{background-color:#161a24;color:#eee}.ProjectFormMap .detail-config-btn .icon{margin-left:22px;width:16px !important}.ProjectFormMap .detail-config-btn.open-detail-config{right:422px}.ProjectFormMap .detail-config-btn.open-detail-config-more{right:778px}.ProjectFormMap .map-legend{position:absolute;bottom:30px;right:-42px}.ProjectFormMap .map-converter{position:absolute;right:14px;top:42px;width:126px;height:82px;z-index:1}.ProjectFormMap .map-converter.open-detail-config{right:435px}.ProjectFormMap .map-converter.open-detail-config-more{right:791px}.ProjectFormMap .map-converter.tabs .tab{height:36px;font-size:10px !important}.ProjectFormMap .map-converter.tabs.vertical{width:36px;height:104px}.ProjectFormMap .map-converter.tabs.vertical .tab-small{width:32px;height:32px;font-weight:700;line-height:1.2}.ProjectFormMap .map-options{position:absolute;display:flex;flex-flow:column;top:154px;z-index:1;right:14px}.ProjectFormMap .map-options.open-detail-config{right:435px}.ProjectFormMap .map-options.open-detail-config-more{right:791px}.ProjectFormMap .map-options .tooltip-wrap .btn{min-width:32px;width:32px;height:32px}.ProjectFormMap .map-options .tooltip-wrap .btn .icon{width:16px !important;height:16px !important}.ProjectFormMap .map-options .area{width:32px}.ProjectFormMap .map-options .gps-icon{width:20px;height:20px;color:#eee}.ProjectFormMap .map-options .tooltip{margin-top:10px}.ProjectFormMap .map{width:100%;height:calc(100vh - 60px);outline:none}.ProjectFormMap .manual-button{position:absolute;display:flex;flex-flow:column;bottom:10px;z-index:102;right:14px}.ProjectFormMap .manual-button.open-detail-config{right:435px}.ProjectFormMap .manual-button.open-detail-config-more{right:791px}.ProjectFormMap .construction-line-info-core{position:absolute;right:-160px;bottom:255px;background-color:#fff;padding:20px;width:150px;box-sizing:border-box;color:#eee;z-index:2}.ProjectFormMap .construction-line-info{position:absolute;right:-140px;bottom:30px;background-color:#fff;width:130px;box-sizing:border-box}.ProjectFormMap .construction-line-info .line-type{padding-top:2px;padding-bottom:2px}.ProjectFormMap .img-btn img{margin-right:10px}.ProjectFormMap .img-btn .img{display:block;padding-left:5px}.ProjectFormMap .img-btn .img-active{display:none}.ProjectFormMap .img-btn.active .img,.ProjectFormMap .img-btn:hover .img{display:none}.ProjectFormMap .img-btn.active .img-active,.ProjectFormMap .img-btn:hover .img-active{display:block}.ProjectFormMap .bottom-error{margin:15px 30px 0 30px;box-sizing:border-box;background-color:rgba(255,176,104,.2);height:32px;width:360px;color:#ccc;display:flex;align-items:center}.ProjectFormMap .bottom-error .vector{width:38px;display:flex}.ProjectFormMap .bottom-error .vector .area-warning-icon{width:16px !important;height:16px !important;margin:8.33px auto;justify-content:center;color:#ffb068}.ProjectFormMap .bottom-error span{width:322px;font-size:12px;font-weight:400;padding-left:10px}.ProjectFormMap .collapse-wrapper-inner{display:flex;flex-direction:column}
.copy-project-tooltip{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;justify-content:flex-start}.router-link{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;justify-content:flex-start}.router-link .CopyProjectInfo{color:#ccc !important;font-weight:700;font-size:12px;padding-right:7px;height:20px;display:flex;cursor:pointer;flex-direction:row;justify-content:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-top:5px}.router-link .CopyProjectInfo:hover{background-color:#273945}.router-link .CopyProjectInfo.project-form{padding-left:10px;height:40px;margin-top:0px;padding-right:10px}.router-link .CopyProjectInfo>.text{margin-right:5px;line-height:1.5em}.router-link .CopyProjectInfo>.icon{width:16px !important}.router-link .CopyProjectInfo>.icon.arrow-icon{color:#999;margin-right:2px}
.ProjectForm{display:flex;flex-flow:column;width:100%;min-width:1200px;height:100vh;position:relative;transition-duration:1s}.ProjectForm .loading-block{pointer-events:none;cursor:not-allowed}.ProjectForm>.transparent-dim{z-index:1100;position:absolute;width:100%;height:100%}.ProjectForm>.tutorial-wrap{z-index:1500;position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.ProjectForm>.tutorial-wrap>.tutorial{left:50%;top:50%;transform:translate(-50%, -50%);position:absolute}.ProjectForm>.tutorial-wrap>.tutorial img{width:auto;height:auto}.ProjectForm>.tutorial-wrap>.tutorial .close-btn{position:absolute;top:7px;right:7px}.ProjectForm>.tutorial-wrap>.tutorial .close-btn .close-icon{width:20px;height:20px}.ProjectForm>.tutorial-wrap>.tutorial .never-close-btn{position:absolute;bottom:0px;right:1px;font-size:14px;color:#626262}.ProjectForm>.tutorial-wrap>.tutorial .never-close-btn .close-icon{color:#999;width:20px;height:20px;margin-bottom:1px}.ProjectForm>.tutorial-wrap>.tutorial .never-close-btn:hover{background-color:rgba(0,0,0,0) !important}.ProjectForm>.tutorial-wrap>.tutorial .guide-btn{position:absolute;top:67%;left:7%;background-color:#232732;font-size:20px;width:480px;box-sizing:border-box;padding:10px;height:60px}.ProjectForm>.tutorial-wrap>.tutorial .guide-btn a{display:flex;color:inherit;text-decoration:none;width:inherit}.ProjectForm>.tutorial-wrap>.tutorial .guide-btn .icon{color:#161a24;margin-left:5px}.ProjectForm>.content{min-width:1200px;position:relative;display:flex;flex-flow:row;height:100vh}.ProjectForm>.content>.config-btn{position:absolute;z-index:1000}.ProjectForm>.content>.config-btn.site-config-btn{background-color:#232732;color:#eee;border-radius:0px 6px 6px 0px}.ProjectForm>.content>.config-btn.site-config-btn.open-map{left:420px}.ProjectForm .snack-bar{position:absolute;top:80px;z-index:0;padding:0px}.ProjectForm .snack-bar .msg>div{display:flex;align-items:center}.ProjectForm .snack-bar .text-wrap{display:block;white-space:pre-line;margin:4px 0}.ProjectForm .snack-bar .text-wrap .warning-msg{color:red}.ProjectForm .snack-bar .text-wrap .text-align-center{text-align:center}.ProjectForm .snack-bar .text-highlight{color:#01baef}.ProjectForm .switch-tooltip-wrap{display:flex;flex-flow:row;grid-column-gap:2px;column-gap:2px}.ProjectForm .switch-tooltip-wrap .rc-switch{width:20.25px;height:11.25px;border:none}.ProjectForm .switch-tooltip-wrap .rc-switch.rc-switch-checked::after{left:10px;top:0px;width:8.25px;height:8.25px}.ProjectForm .switch-tooltip-wrap .rc-switch::after{width:8.25px;height:8.25px}.ProjectForm .info-icon{width:14px;height:14px;color:#eee;cursor:default}.change-use-district-modal-select{margin-top:8px;width:350px;padding-right:0px;display:flex;flex-flow:column;overflow-y:visible;margin-right:-10px}.change-use-district-modal-select .BuilditSelect>.select-wrapper{position:fixed;width:350px;min-width:350px}.ProjectFormHead{-webkit-user-select:none;user-select:none;width:100%;height:60px;box-sizing:border-box;background-color:#232732;display:flex;flex-flow:row;border-bottom:1px solid #333;align-items:center;position:relative}.ProjectFormHead .title{z-index:1200;box-sizing:border-box;color:#eee;font-weight:400;display:flex;flex-flow:row;margin:0 auto;align-items:left;text-align:left;font-size:14px}.ProjectFormHead .title>.project-name{display:flex;flex-flow:row;align-items:center}.ProjectFormHead .title>.project-name .input-wrapper input{line-height:39px}.ProjectFormHead .title>.project-name .input-wrapper.focus,.ProjectFormHead .title>.project-name .input-wrapper:focus,.ProjectFormHead .title>.project-name .input-wrapper:hover,.ProjectFormHead .title>.project-name .input-wrapper.opened{height:16px}.ProjectFormHead .title>.project-name>.project-type{width:110px;background-color:#232732}.ProjectFormHead .title>.project-name>.project-type:hover{background-color:#273945}.ProjectFormHead .title>.project-name>.project-type>.input-wrapper{border-color:#232732}.ProjectFormHead .title>.project-name>.project-type>.input-wrapper:hover{background-color:#273945}.ProjectFormHead .title>.project-name>.project-type>.input-wrapper:focus{background-color:#232732}.ProjectFormHead .title>.project-name>.project-name-explanation-wrap>.project_name .input-wrapper input{min-width:250px;height:16px}.ProjectFormHead .title>.project-name .project_name input{height:16px;font-size:14px}.ProjectFormHead .title>.project-name .project-name-no-edit{color:#ccc;max-width:485px;min-width:250px;height:40px;display:flex;justify-content:center;padding-left:10px;padding-right:10px;align-items:center}.ProjectFormHead .title>.project-name .project-name-no-edit>.value{font-size:14px;line-height:16px;height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ProjectFormHead .title>.project-name .project-name-no-edit:hover{background-color:#273945;cursor:text}.ProjectFormHead>.right{display:flex;flex-flow:row;align-items:center}.ProjectFormHead>.right>.project-config-btns{display:flex;flex-flow:row;margin-right:30px}.ProjectFormHead>.right>.project-config-btns .account-tooltip{width:40px}.ProjectFormHead>.right>.project-config-btns .run-btn{width:140px}.ProjectFormHead>.right>.project-config-btns .run-btn.disabled{color:#555;background-color:#383b45}.ProjectFormHead>.page-title{margin:auto;font-size:18px;color:#ccc;position:absolute;width:200px;text-align:center;left:50%;transform:-100px}.ProjectFormHead .project-memo{position:absolute;top:60px;right:312px;z-index:1200}.ProjectFormHead .project-memo .project-explanation{height:500px;width:400px;font-size:16px;z-index:100000;display:flex;flex-flow:column}.ProjectFormHead .project-memo .project-explanation .BuilditInput{color:#eee;width:400px}.ProjectFormHead .project-memo .project-explanation .BuilditInput textarea::placeholder{color:#999}.ProjectFormHead .dim{cursor:pointer;position:fixed;z-index:999998;width:100%;height:200%}.ProjectFormHead .home-icon{cursor:pointer;color:#eee;width:24px;margin-left:30px}.ProjectFormHead .arrow-right-icon{color:#555}.ProjectFormHead .convert-icon{width:20px;height:20px;background-color:#383b45;border-radius:6px;padding:3px;color:#ccc}.ProjectFormHead.AI .ProjectTypeSelect .select-input{color:#01baef}.ProjectFormHead.AI .ProjectTypeSelect .select-input .icon{color:#01baef}.ProjectFormHead.DESIGNER .ProjectTypeSelect .select-input{color:#b71dff}.ProjectFormHead.DESIGNER .ProjectTypeSelect .select-input .icon{color:#b71dff}.ProjectFormHead.SITE_PLAN .ProjectTypeSelect .select-input{color:#00d88a}.ProjectFormHead.SITE_PLAN .ProjectTypeSelect .select-input .icon{color:#00d88a}.ProjectTypeSelect{position:relative;height:40px;display:flex;align-items:center}.ProjectTypeSelect .select-input{display:flex;align-items:center;height:40px;box-sizing:border-box;padding:10px 5px 10px 0px;cursor:pointer;font-size:18px;font-weight:700;color:#01baef}.ProjectTypeSelect .select-input.discountable{padding:10px 15px 10px 0px}.ProjectTypeSelect .select-input:hover{background-color:#273945}.ProjectTypeSelect .select-input.none-hover{cursor:default}.ProjectTypeSelect .select-input.none-hover:hover{background-color:inherit}.ProjectTypeSelect .select-input .icon{margin-left:5px}.ProjectTypeSelect .select-items{position:absolute;top:60px;background-color:#232732}.ProjectTypeSelect .select-items .item{padding:10px;box-sizing:border-box;height:40px}
.BuildingLaws .tabs.horizontal,.BuildingLaws .tabs.vertical{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:2px}.BuildingLaws .tabs.horizontal .tab,.BuildingLaws .tabs.vertical .tab{font-weight:normal}.BuildingLaws .tabs.horizontal .tab.active,.BuildingLaws .tabs.vertical .tab.active{font-weight:700}.BuildingLaws .law-icon{font-size:16px}.BuildingLawsContent>.body{margin-top:10px;display:flex;flex-flow:row;width:606px;height:100%}.BuildingLawsContent>.body>.tabs{background-color:#161a24;width:178px}.BuildingLawsContent>.body>.tabs .tab{width:174px;height:24px;flex:unset;box-sizing:content-box}.BuildingLawsContent>.body>.tabs .bg-navy.tab-primary.active{color:#48ddf2;border-radius:6px;border:1px solid #48ddf2;background:#383b45}.BuildingLawsContent>.body>.tabs .bg-navy.tab-primary:hover{color:#ccc;background-color:#273945}.BuildingLawsContent>.body>.content{color:#ccc;font-size:12px;margin-left:20px;padding-right:15px;height:-webkit-max-content;height:max-content;height:390px;white-space:pre-wrap;overflow-y:scroll;overflow-x:hidden}.BuildingLawsContent>.body>.content>.img{width:390px;height:306px;margin-bottom:10px}.BuildingLawsContent>.body>.content *{line-height:16px;margin:0}.BuildingLawsContent>.body>.content li{list-style-position:outside}.BuildingLawsContent>.body>.content li>img{padding-bottom:16px}.BuildingLawsContent>.body>.content ol,.BuildingLawsContent>.body>.content ul{margin:0;padding:0;margin-left:1rem;white-space:normal}.BuildingLawsContent>.body>.content ul{list-style-type:disc;padding-block:6px}.BuildingLawsContent>.body>.content .keywords-pannel{margin-top:8px;margin-bottom:16px}.BuildingLawsContent>.body>.content .keywords-pannel .keywords-container{display:flex;flex-wrap:wrap;grid-gap:4px;gap:4px}.BuildingLawsContent>.body>.content .keywords-pannel .keywords-container .keyword{height:21px;font-size:14px;font-weight:400;letter-spacing:-0.7px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0px 8px;pointer-events:none}.BuildingLawsContent>.body>.content .keywords-pannel .keywords-summary{display:flex;height:21px;align-items:center;justify-content:space-between}.BuildingLawsContent>.body>.content .keywords-pannel .keywords-summary .btn-more{justify-content:center;color:#999;cursor:pointer;width:72px;font-size:12px;display:flex;grid-gap:2px;gap:2px;height:21px;align-items:center}.BuildingLawsContent>.body>.content .keywords-pannel .keywords-summary .btn-more .icon{color:#999;width:14px;height:14px}.BuildingLawsContent>.body>.content .keywords-pannel .keywords-detail{overflow:hidden;height:0;margin-top:4px}.BuildingLawsContent>.body>.content .keywords-pannel .keywords-detail.expanded{overflow:visible;height:auto}.BuildingLawsContent>.body>.content .warn{display:flex;flex-direction:row;grid-column-gap:4px;column-gap:4px;color:#ffb068}.BuildingLawsContent>.body>.content .contents table,.BuildingLawsContent>.body>.content .contents th,.BuildingLawsContent>.body>.content .contents td{border:1px solid #333;border-collapse:collapse}.BuildingLawsContent>.body>.content .contents table{text-align:center;table-layout:fixed;width:100%}.BuildingLawsContent>.body>.content .link{display:flex;flex-direction:column;grid-gap:6px;gap:6px}.BuildingLawsContent>.body>.content .link a{display:block}.BuildingLawsContent>.body>.content .link p{display:inline-block;vertical-align:middle}.BuildingLawsContent>.body>.content .link svg{vertical-align:middle}.BuildingLawsContent ::-webkit-scrollbar{width:5px}.BuildingLawsContent ::-webkit-scrollbar-thumb{border-radius:2.5px}.BuildingLawsHeader{width:100%}.BuildingLawsHeader .tabs.horizontal{height:32px}.BuildingLawsHeader .tabs.horizontal .tab{height:28px}.BuildingLawsHeader>.modal-title-hover{min-width:unset}
.DownloadButton{justify-content:flex-start !important;align-items:center !important;padding:0px 8px !important}.DownloadButton.designer-download-btn .progress-icon{color:#232732}.DownloadButton .progress-icon{width:15px !important;height:15px !important;padding:2.5px}.DownloadButton .download-icon{width:20px !important;height:20px !important;color:inherit;margin-left:2px}
.DownloadButtonGroup{position:relative;padding:0 !important;width:230px}.DownloadButtonGroup .btn-wrap{display:flex}.DownloadButtonGroup .btn-wrap .left-btn{width:194px;padding:0 8px;border-radius:6px 0 0 6px}.DownloadButtonGroup .btn-wrap .left-btn .icon{margin-left:2px}.DownloadButtonGroup .btn-wrap .right-btn{border-radius:0 6px 6px 0;min-width:36px !important;height:36px;width:36px;padding:0 8px}.DownloadButtonGroup .btn-wrap .right-btn .icon{color:#eee}.DownloadButtonGroup .btn-wrap .right-btn.disabled{background-color:#333 !important}.DownloadButtonGroup .btn-wrap .right-btn.disabled .icon{color:#555}.DownloadButtonGroup .space{padding-top:4px;position:absolute;top:36px;z-index:1;display:none}.DownloadButtonGroup .space.show{display:block}.DownloadButtonGroup .space .dropdown-group{background-color:#000;color:#ccc;padding:4px 0;width:230px}.DownloadButtonGroup .space .dropdown-group .item{justify-content:space-between;align-items:center;display:flex;padding:0 8px;font-size:14px;height:36px;color:#eee;cursor:pointer}.DownloadButtonGroup .space .dropdown-group .item .right{display:flex;align-items:center}.DownloadButtonGroup .space .dropdown-group .item .right .format{margin-right:2px;font-size:12px}.DownloadButtonGroup .space .dropdown-group .item:hover{background-color:#273945}
.ProjectResultCard{width:224px;box-sizing:border-box;background-color:#232732;position:relative;border-radius:6px}.ProjectResultCard.COMPARE>.content>.key-value{height:40px;display:flex;align-items:center}.ProjectResultCard.COMPARE>.content>.key-value>.value{text-align:center;margin:auto}.ProjectResultCard.COMPARE>.cad-img{position:relative;cursor:pointer}.ProjectResultCard.COMPARE>.cad-img:hover .go-to-icon{position:absolute;display:flex;justify-content:center;align-items:center;width:60px;height:40px;color:#eee;top:50%;left:50%;transform:translate(-50%, -50%)}.ProjectResultCard.COMPARE>.cad-img:hover .viewer_icon_div{position:absolute;top:190px;left:184px;display:flex;justify-content:center;align-items:center;width:32px;height:44px}.ProjectResultCard.COMPARE>.cad-img:hover .viewer_icon_div>.tooltip{align-items:flex-end}.ProjectResultCard.COMPARE>.cad-img:hover .viewer_icon_div .viewer_icon{position:absolute;display:flex;justify-content:center;align-items:center;left:0px;top:0px;min-width:32px;width:32px;height:24px;background:linear-gradient(78.41deg, #66DFD9 32.83%, #95E4B3 66.61%);border-radius:6px;color:#232732}.ProjectResultCard.COMPARE>.cad-img:hover .download_icon_div{position:absolute;display:flex;justify-content:center;align-items:center;left:184px;top:190px;width:32px;height:44px}.ProjectResultCard.COMPARE>.cad-img:hover .download_icon_div>.tooltip{align-items:flex-end}.ProjectResultCard.COMPARE>.cad-img:hover .download_icon_div .download_icon{position:absolute;display:flex;justify-content:center;align-items:center;left:0px;top:0px;min-width:32px;width:30px;height:24px;background:#383b45;border-radius:6px;color:#ccc}.ProjectResultCard.COMPARE>.cad-img .download_icon{display:none}.ProjectResultCard.COMPARE>.cad-img .viewer_icon{display:none}.ProjectResultCard.NORMAL:hover{background-color:#273945;cursor:pointer}.ProjectResultCard.NORMAL:hover>.cad-img{position:relative}.ProjectResultCard.NORMAL:hover .go-to-icon{position:absolute;display:flex;justify-content:center;align-items:center;width:60px;height:40px;color:#eee;top:50%;left:50%;transform:translate(-50%, -50%)}.ProjectResultCard.NORMAL:hover .viewer_icon_div{position:absolute;top:190px;left:184px;display:flex;justify-content:center;align-items:center;width:32px;height:44px}.ProjectResultCard.NORMAL:hover .viewer_icon_div>.tooltip{align-items:flex-end}.ProjectResultCard.NORMAL:hover .viewer_icon_div .viewer_icon{position:absolute;display:flex;justify-content:center;align-items:center;left:0px;top:0px;min-width:32px;width:32px;height:24px;background:linear-gradient(78.41deg, #66DFD9 32.83%, #95E4B3 66.61%);border-radius:6px;color:#232732}.ProjectResultCard.NORMAL:hover .download_icon_div{position:absolute;display:flex;justify-content:center;align-items:center;left:184px;top:190px;width:32px;height:44px}.ProjectResultCard.NORMAL:hover .download_icon_div>.tooltip{align-items:flex-end}.ProjectResultCard.NORMAL:hover .download_icon_div .download_icon{position:absolute;display:flex;justify-content:center;align-items:center;left:0px;top:0px;min-width:32px;width:30px;height:24px;background:#383b45;border-radius:6px;color:#ccc}.ProjectResultCard.NORMAL .download_icon{display:none}.ProjectResultCard.NORMAL .viewer_icon{display:none}.ProjectResultCard .go-to-icon{display:none}.ProjectResultCard>.header{display:flex;align-items:center;font-size:14px;width:100%;box-sizing:border-box;padding:20px 16px 10px 16px}.ProjectResultCard>.header .checkbox{padding:0px}.ProjectResultCard>.header .checkbox input{width:40px;height:40px;transform:translate(-25%, -25%)}.ProjectResultCard>.header .my-file-wrapper{display:flex;align-items:center;justify-content:center;margin-left:5px;color:#48ddf2;font-size:12px}.ProjectResultCard>.header .my-file-wrapper .check-icon{margin-left:1px;width:14px}.ProjectResultCard>.cad-img{width:224px;height:224px;text-align:center}.ProjectResultCard>.cad-img>img{width:222px;height:222px;background-color:#161a24}.ProjectResultCard>.content{padding:10px 0px 20px 0px}.ProjectResultCard>.content>.key-value{padding:0px 16px;height:20px;box-sizing:border-box;display:flex;flex-flow:row;align-items:flex-end}.ProjectResultCard>.content>.key-value>.key{width:100px;font-size:12px;color:#999;display:flex;align-items:center}.ProjectResultCard>.content>.key-value>.value{font-size:12px;color:#ccc;margin-left:auto;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis}.ProjectResultCard>.content>.key-value>.value .text{display:block;overflow:hidden;text-overflow:ellipsis}.ProjectResultCard>.content>.key-value>.value .building_value{text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none}
.SummaryGraphs{border-radius:6px;box-sizing:border-box}.SummaryGraphs .tabs-title{display:flex;flex-direction:row;grid-column-gap:8px;column-gap:8px;height:31px;padding:8px 10px}.SummaryGraphs .tabs-title .tab-title{color:#ccc;font-size:12px;cursor:pointer}.SummaryGraphs .tabs-title .tab-title.active{color:#48ddf2;font-weight:700;-webkit-text-decoration-line:underline;text-decoration-line:underline}.SummaryGraphs .tabs-title .tab-title.disable{color:#666;pointer-events:none}.SummaryGraphs .tabs-title .tab-title.hide{display:none}.SummaryGraphs .tabs-content{padding-inline:50px}.SummaryGraphs .HousingChart{margin-left:-19px}
.ConstructSummary{width:100%;padding-top:10px}.ConstructSummary .construct-title{font-size:18px;color:#48ddf2;padding-block:4px;margin-bottom:8px}.ConstructSummary .cell-label{display:flex;flex-flow:row;grid-column-gap:4px;column-gap:4px;align-items:center;justify-content:flex-start}.ConstructSummary table{border-collapse:collapse;width:100%}.ConstructSummary th,.ConstructSummary td{font-size:14px;border:1px solid #333;text-align:start;padding-inline:8px;padding-block:8px;font-weight:normal}.ConstructSummary th{color:#999;background:#1a1e27;width:148px}.ConstructSummary td{color:#ccc;background:#161a24;width:158px}.ConstructSummary td:has(.BuilditSelect){padding:0}.ConstructSummary .tooltip-wrap{vertical-align:bottom}.ConstructSummary .info-icon{font-size:14px;color:#ccc}
.EngineeringInfo{display:flex;flex-flow:column;grid-row-gap:24px;row-gap:24px;padding-top:10px;width:100%}.EngineeringInfo .engineering-wrapper-title{font-size:18px;color:#48ddf2;padding-block:4px;margin-bottom:8px;display:flex;flex-flow:row;grid-column-gap:4px;column-gap:4px;align-items:center;justify-content:flex-start}.EngineeringInfo table{table-layout:fixed;border-collapse:collapse;width:100%}.EngineeringInfo th,.EngineeringInfo td{font-size:14px;border:1px solid #333;text-align:start;padding-inline:8px;padding-block:8px;font-weight:normal}.EngineeringInfo th{color:#999;white-space:pre;background:#1a1e27;width:148px}.EngineeringInfo td{color:#ccc;background:#161a24;width:158px}.EngineeringInfo td:has(.BuilditSelect){padding:0}
.ProjectResultHeaderStatus{width:100%;height:100%;box-sizing:border-box;padding:24px 0;background-color:#22262f;margin-top:4px;border-radius:6px;border:1px dashed;display:flex;flex-direction:column;align-items:center;justify-content:center}.ProjectResultHeaderStatus.WAITING,.ProjectResultHeaderStatus.RUNNING{border-color:#9e7f51}.ProjectResultHeaderStatus.FAILED{border-color:#e81c1c;background-color:rgba(232,28,28,.0509803922)}.ProjectResultHeaderStatus>.title{text-align:center;font-weight:600;font-size:24px;color:#eee;width:initial}.ProjectResultHeaderStatus>.title .warn{color:#9e7f51}.ProjectResultHeaderStatus .description{margin-top:8px;font-size:16px;color:#ccc;display:flex;justify-content:center}.ProjectResultHeaderStatus .description .font-special{display:flex;margin:0 2px;align-items:center;cursor:pointer}.ProjectResultHeaderStatus .description .restore{margin:0 2px;display:flex;align-items:center;text-decoration:underline;cursor:pointer}.ProjectResultHeaderStatus .description .arrow-icon,.ProjectResultHeaderStatus .description .restore-icon{width:16px;margin-left:2px;height:19px}
.UserQuestionModal.Modal.big>div>div{padding:20px 50px 40px 50px}.UserQuestionModal.Modal.big>div>div .modal-content{max-height:none}.UserQuestionModal.Modal.big>div>div .modal-action{grid-column-gap:10px;column-gap:10px;justify-content:center}.UserQuestionModal.Modal.big>div>div .modal-action>.btn{font-size:16px;height:36px;width:256px}.UserQuestionModal title{color:#eee;font-size:32px;font-weight:700;width:522px;display:block;padding:10px 0;border-bottom:1px solid #eee;margin-bottom:20px}.UserQuestionModal section{display:flex;flex-direction:column;grid-row-gap:10px;row-gap:10px;padding-bottom:20px}.UserQuestionModal label{color:#999;font-size:14px;display:block;padding:4px 0}.UserQuestionModal .horz{display:flex;flex-direction:row;grid-column-gap:20px;column-gap:20px;align-items:center;justify-content:flex-start}.UserQuestionModal .horz label{width:115px}.UserQuestionModal .type .BuilditSelect{width:387px}.UserQuestionModal .input{display:flex;flex-direction:column;grid-row-gap:4px;row-gap:4px}.UserQuestionModal .sub{color:#48ddf2;font-size:12px}.UserQuestionModal .contents input{height:152px}.UserQuestionModal .files input{height:72px}.UserQuestionModal .drop-zone{color:#eee;height:72px;background:#0c111b;display:table;text-align:center}.UserQuestionModal .drop-zone>p{display:table-cell;vertical-align:middle}.UserQuestionModal .snackbar-error{color:#e81c1c;font-size:14px;background-color:rgba(0,0,0,.8);padding:9px 20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:unset;max-width:unset;margin-top:72px}
.ProjectSummary.summary{position:relative;z-index:1}.ProjectSummary .more-btn{width:100px;position:absolute;bottom:0px;right:0px}.ProjectSummary>.title{font-size:18px;border-bottom:1px solid #555;height:50px;display:flex;align-items:center}.ProjectSummary>.content>.project-name-wrap{padding-top:30px}.ProjectSummary>.content>.project-name-wrap>.project-name-title{color:#999;font-size:12px}.ProjectSummary>.content>.project-name-wrap>.project-name{color:#ccc;font-size:18px;padding-top:10px;display:flex;flex-flow:row;align-items:center}.ProjectSummary>.content>.project-explanation-wrap{width:1078px}.ProjectSummary>.content>.project-explanation-wrap>.title{height:20px;font-size:12px;color:#999;margin-top:20px}.ProjectSummary>.content>.project-explanation-wrap>.project-explanation{padding:10px;box-sizing:border-box;color:#ccc;font-size:14px;background-color:inherit;border:1px solid #333;height:100px;width:100%;margin-top:10px;resize:none;line-height:150%}.ProjectSummary>.content>.project-explanation-wrap>.project-explanation:focus{outline:none}.ProjectSummary>.content>.config-wrap{display:flex;flex-flow:row;border-top:1px solid #555;padding-top:20px;margin-top:50px;box-sizing:border-box}.ProjectSummary>.content>.config-wrap>.title{margin-right:122px;width:102px;box-sizing:border-box;height:58px;border-bottom:1px solid #555;border-right:1px solid #555;font-size:18px;color:#eee}.ProjectSummary>.content>.config-wrap>.content-wrap{width:977px;display:flex;flex-flow:column}.ProjectSummary>.content>.config-wrap>.content-wrap>.content{min-height:35px;border-left:1px solid #333;padding-left:20px;display:flex;flex-flow:column;padding-top:20px;position:relative}.ProjectSummary>.content>.config-wrap>.content-wrap>.content:first-child{padding-top:0px}.ProjectSummary>.content>.config-wrap>.content-wrap>.content>.type{display:flex;flex-flow:column}.ProjectSummary>.content>.config-wrap>.content-wrap>.content>.type.my-type>.title{display:flex;flex-flow:row;align-items:center}.ProjectSummary>.content>.config-wrap>.content-wrap>.content>.type.my-type>.title>.more-my-type-btn{margin-left:auto;color:#ccc;font-size:12px;padding:0px}.ProjectSummary>.content>.config-wrap>.content-wrap>.content>.type.my-type>.title>.more-my-type-btn .icon{margin-left:10px;color:#ccc}.ProjectSummary>.content>.config-wrap>.content-wrap>.content>.type.my-type>.title:hover{background-color:inherit}.ProjectSummary>.content>.config-wrap.basic>.content-wrap>.content{flex-flow:row nowrap}.ProjectSummary>.content>.config-wrap.basic>.content-wrap>.content>.basic-box{width:224px;box-sizing:border-box;margin-right:20px}.ProjectSummary>.content>.config-wrap.basic>.content-wrap>.content>.basic-box.address{width:468px}.ProjectSummary>.content>.config-wrap.basic>.content-wrap>.content>:last-child{margin-right:0px}.ProjectSummary>.content>.config-wrap.basic>.content-wrap>.content>.textarea{width:712px}.ProjectSummary>.content>.config-wrap.value>.content-wrap>.content{flex-flow:row nowrap}.ProjectSummary>.content>.config-wrap.value>.content-wrap>.content>.value-box{width:102px;box-sizing:border-box;margin-right:20px}.ProjectSummary>.content>.config-wrap.value>.content-wrap>.content>:last-child{margin-right:0px}.ProjectSummary>.content>.config-wrap.value>.content-wrap>.content .project-value-wrap{margin-right:20px}.ProjectSummary>.content>.config-wrap.value>.content-wrap>.content .project-value-wrap:last-child{margin-right:0px}.ProjectSummary>.content>.config-wrap.value>.content-wrap>.content .project-value-wrap>.title{font-size:14px;border-bottom:1px solid #555;height:30px}.ProjectSummary>.content>.config-wrap.value>.content-wrap>.content .project-value-wrap>.content{display:flex;flex-flow:row;padding-top:10px}.ProjectSummary>.content>.config-wrap.value>.content-wrap>.content .project-value-wrap>.content>.value-box{width:102px;box-sizing:border-box;margin-right:20px}.ProjectSummary>.content>.config-wrap.value>.content-wrap>.content .project-value-wrap>.content>.value-box.large{width:223px}.ProjectSummary>.content>.config-wrap.value>.content-wrap>.content .project-value-wrap>.content>.value-box:last-child{margin-right:0px}.ProjectSummary>.content>.config-wrap.housing-type .C3Chart-legend{margin-top:auto;max-height:230px;margin-bottom:auto;box-sizing:border-box;overflow-y:auto;justify-content:unset}.ProjectSummary>.content>.config-wrap.housing-type>.content-wrap>.content>.housing-chart-wrap{width:712px;background-color:#232732;border-radius:6px;box-sizing:border-box;padding:20px;height:310px;display:flex;align-items:center}.ProjectSummary>.content>.config-wrap.housing-type>.content-wrap .value-box{width:102px;box-sizing:border-box;margin-right:20px}.ProjectSummary>.content>.config-wrap.building-type>.content-wrap>.content{flex-flow:column}.ProjectSummary>.content>.config-wrap.building-type>.content-wrap>.content>.type:last-child{margin-top:30px}.ProjectSummary>.content>.config-wrap.building-type>.content-wrap>.content>.type>.title{font-size:18px;color:#ccc;margin-bottom:10px;height:30px}.ProjectSummary>.content>.config-wrap.building-type>.content-wrap>.content>.type>.list{width:957px;display:flex;flex-flow:row wrap}.ProjectSummary>.content>.config-wrap.building-type>.content-wrap>.content>.type>.list>.building-type-box{margin-right:20px;margin-bottom:0px}.ProjectSummary>.content>.config-wrap.building-type>.content-wrap>.content>.type>.list>.building-type-box.no-margin-right{margin-right:0px}.ProjectSummary>.content>.config-wrap.building-type>.content-wrap>.content>.type>.list>.building-type-box.top-margin{margin-top:20px}
.ProjectSummary .content .map-wrap{display:flex;flex-flow:row;height:470px;padding-top:30px;border-radius:6px}.ProjectSummary .content .map-wrap .map-content{position:relative}.ProjectSummary .content .map-wrap .map-content .map-legend{position:absolute;left:8px;bottom:8px}.ProjectSummary .content .map-wrap .map-content .map-converter{position:absolute;top:8px;right:8px;height:62px}.ProjectSummary .content .map-wrap .map-content .map-converter.tabs .tab{height:36px !important;font-size:10px !important}.ProjectSummary .content .map-wrap .map-info{width:238px;padding:16px;background-color:#161a24;font-size:12px;color:#ccc;display:flex;flex-direction:column;grid-row-gap:16px;row-gap:16px}.ProjectSummary .content .map-wrap .map-info .map-info-title{font-weight:700}.ProjectSummary .content .map-wrap .area-info{display:flex;flex-direction:column;grid-row-gap:8px;row-gap:8px}.ProjectSummary .content .map-wrap .area-info .site-areas{width:100%;box-sizing:border-box;display:flex;flex-direction:column;grid-row-gap:4px;row-gap:4px}.ProjectSummary .content .map-wrap .area-info .area-notice{padding-block:4px;background-color:rgba(255,255,255,.1019607843);color:#48ddf2;text-align:center}
.InputSummary{margin-top:24px}.InputSummary .block-row{display:flex;flex-flow:row;grid-column-gap:20px;column-gap:20px}.InputSummary .block-wrapper{width:100%}.InputSummary .block-wrapper table{table-layout:fixed;border-collapse:collapse;width:100%}.InputSummary .block-wrapper th,.InputSummary .block-wrapper td{font-size:14px;border:1px solid #333;text-align:start;padding-inline:8px;padding-block:8px;font-weight:normal}.InputSummary .block-wrapper th{color:#999;background:#1a1e28;width:21%}.InputSummary .block-wrapper td{color:#ccc;background:#151b29}.InputSummary .block-wrapper .table-sub-label th{background:#232732;color:#ccc;font-size:16px;font-weight:700}.InputSummary .block-label{font-size:18px;color:#48ddf2;padding-block:4px;margin-bottom:8px}.InputSummary .block-spacer{height:24px;width:100%}.InputSummary .jiguinfo-keyword-container{display:flex;flex-wrap:wrap;grid-gap:4px;gap:4px}.InputSummary .jiguinfo-keyword{font-size:14px;color:#eee;padding:2px 8px;line-height:normal;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:21px}.InputSummary .housing-chart-wrap{border:1px solid #333;background:#161a24;padding-block:4px}.InputSummary .housing-chart-wrap .HousingChart{margin:auto;width:380px}.InputSummary .collapse-btn{font-size:12px;color:#999;padding-block:4px;width:100%;height:22px}.InputSummary .collapse-icon{font-size:14px;transition:all .2s}.InputSummary .collapse-icon.rotate{transform:rotate(180deg)}.InputSummary .warn-icon{color:#ffb068;display:inline;vertical-align:middle}.InputSummary .building-table .building-cell{padding:0;border:none;background-color:unset}.InputSummary .building-table .building-cell .mybuilding-label{display:flex;flex-flow:row;justify-content:space-between;width:100%}.InputSummary .building-table .building-cell .mybuilding-label img{padding-left:.25rem}.InputSummary .building-table .building-cell table{box-sizing:border-box;height:100%}.InputSummary .building-table .building-cell th{height:1rem}.InputSummary .building-table .building-cell td{text-overflow:ellipsis;overflow:hidden;width:30%}.InputSummary .building-table .building-cell td:has(img){text-align:center}
.ProjectResult{display:flex;flex-flow:column;min-height:calc(100vh - 280px);padding-bottom:100px}.ProjectResult .project-error-log-dev{position:absolute;right:5px;z-index:100;color:#fff;font-size:20px}.ProjectResult .project-error-log-dev textarea{width:350px;height:400px;color:#000}.ProjectResult .ProjectResultHeader{padding-bottom:20px;background-color:#161a24}.ProjectResult .ProjectResultHeader .wrapper{z-index:1;position:relative;padding-top:25px;width:1200px;margin:auto}.ProjectResult .ProjectResultHeader .wrapper .notice-discarded-project{display:flex;justify-content:space-between}.ProjectResult .ProjectResultHeader .wrapper .notice-discarded-project>.notice-discarded-project-text{display:flex;align-items:center;color:#e81c1c}.ProjectResult .ProjectResultHeader .wrapper .page-title{font-size:30px;padding-top:20px;display:flex;align-items:center}.ProjectResult .ProjectResultHeader .wrapper .page-title .project-name-edit{display:flex;align-items:center;width:956px;height:50px;border:1px solid #161a24;display:flex;align-items:center}.ProjectResult .ProjectResultHeader .wrapper .page-title .project-name-edit>.project-name{max-width:940px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ProjectResult .ProjectResultHeader .wrapper .page-title .project-name-edit .icon{margin-left:10px;color:#999}.ProjectResult .ProjectResultHeader .wrapper .page-title .project-name-edit:hover{background-color:#273945;cursor:text}.ProjectResult .ProjectResultHeader .wrapper .page-title .project-name-no-edit{display:flex;align-items:center;width:956px;height:50px;border:1px solid #161a24;display:flex;align-items:center}.ProjectResult .ProjectResultHeader .wrapper .page-title .project-name-no-edit>.project-name{max-width:940px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ProjectResult .ProjectResultHeader .wrapper .page-title .project-name-no-edit .icon{margin-left:10px;color:#999}.ProjectResult .ProjectResultHeader .wrapper .page-title .project-name-cant-edit{display:flex;align-items:center;width:956px;height:50px;border:1px solid #161a24;display:flex;align-items:center}.ProjectResult .ProjectResultHeader .wrapper .page-title .project-name-cant-edit>.project-name{max-width:940px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ProjectResult .ProjectResultHeader .wrapper .page-title .project-name-cant-edit .icon{margin-left:10px;color:#999}.ProjectResult .ProjectResultHeader .wrapper .page-title>.project-name{width:956px}.ProjectResult .ProjectResultHeader .wrapper .page-title>.project-name .edit-btn{min-width:0px;padding:0px;width:40px;height:40px}.ProjectResult .ProjectResultHeader .wrapper .page-title>.project-name .edit-btn .icon{color:#ccc}.ProjectResult .ProjectResultHeader .wrapper .page-title>.project-name input{height:50px;font-size:30px}.ProjectResult .ProjectResultHeader .wrapper .page-title>.project-name input::placeholder{font-size:24px}.ProjectResult .ProjectResultHeader .wrapper .page-title>.icon-group{margin-left:auto;display:flex;flex-flow:row}.ProjectResult .ProjectResultHeader .wrapper .page-title>.icon-group .favorite-btn:hover{background-color:inherit}.ProjectResult .ProjectResultHeader .wrapper .page-title>.icon-group .favorite-btn .icon{color:#ccc}.ProjectResult .ProjectResultHeader .wrapper .page-title>.icon-group .favorite-btn .icon.active{color:#95e4b3}.ProjectResult .ProjectResultHeader .wrapper .page-title>.icon-group .btn{margin-right:5px}.ProjectResult .ProjectResultHeader .wrapper .page-title>.icon-group .btn:last-child{margin-right:0px}.ProjectResult .ProjectResultHeader .wrapper .project-description textarea{height:77px}.ProjectResult .ProjectResultHeader .wrapper .project-info{padding-top:20px;padding-bottom:12px}.ProjectResult .ProjectResultHeader .wrapper .project-info .id-type-status{display:flex;flex-flow:row;align-items:center}.ProjectResult .ProjectResultHeader .wrapper .project-info .id-type-status>.date{display:flex;flex-flow:row;align-items:center}.ProjectResult .ProjectResultHeader .wrapper .project-info .id-type-status>.date>div{margin-right:8px;font-size:12px;color:#999}.ProjectResult .ProjectResultHeader .wrapper .project-info .id-type-status>.date>divlast:last-child{margin-right:0px}.ProjectResult .ProjectResultHeader .wrapper .project-info .id-type-status>.user-project-id{color:#ccc;font-size:14px;margin-right:8px}.ProjectResult .ProjectResultHeader .wrapper .project-info .id-type-status>.project-type{margin-right:10px}.ProjectResult .ProjectResultHeader .wrapper .project-info .id-type-status>.project-status{color:#ccc;font-size:12px;margin-right:8px}.ProjectResult .ProjectResultHeader .wrapper .project-info .id-type-status>.project-status-eng{font-size:12px;margin-right:6px}.ProjectResult .ProjectResultHeader .wrapper .project-info .project-description-cant-edit{display:flex;margin-top:10px;width:1200px;height:100px;background-color:#161a24;border:1px solid #333;min-height:39px;color:#ccc;padding:10px;font-size:14px;resize:vertical;line-height:150%;white-space:pre-wrap;overflow:scroll;box-sizing:border-box}.ProjectResult .ProjectResultBody{width:1200px;margin-left:auto;margin-right:auto;z-index:1}.ProjectResult .ProjectResultBody.ALL>.download-wrap{padding-top:16px;display:flex;flex-flow:column}.ProjectResult .ProjectResultBody.ALL>.download-wrap>.header{font-size:18px;border-bottom:1px solid #555;height:40px;display:flex;align-items:center;color:#48ddf2}.ProjectResult .ProjectResultBody.ALL>.download-wrap>.content>.code{margin-top:20px;color:#999;font-size:14px}.ProjectResult .ProjectResultBody.ALL>.download-wrap>.content>.code>.project-result-code-copy-btn{text-align:center;border-radius:15px;background:inherit;border:1px solid #999;color:#999;height:20px;box-sizing:border-box;width:80px;font-size:12px;text-transform:none;margin-left:10px;padding:0px;outline:none}.ProjectResult .ProjectResultBody.ALL>.download-wrap>.content>.code>.project-result-code-copy-btn .tooltip{cursor:pointer}.ProjectResult .ProjectResultBody.ALL>.download-wrap>.content>.download-btns{padding-top:20px;display:flex;flex-flow:row;align-items:left}.ProjectResult .ProjectResultBody.ALL>.download-wrap>.content>.download-btns>.download-btn{font-size:14px;width:230px;margin-bottom:10px;padding-left:20px;padding-right:20px}.ProjectResult .ProjectResultBody.ALL>.download-wrap>.content>.download-btns>.download-btn.designer-download-btn .icon{color:#232732}.ProjectResult .ProjectResultBody.ALL>.download-wrap>.content>.download-btns>.download-btn.designer-download-btn.disabled{pointer-events:none}.ProjectResult .ProjectResultBody.ALL>.download-wrap>.content>.download-btns>.download-btn.designer-download-btn.disabled .icon{color:#555}.ProjectResult .ProjectResultBody.ALL .main-title{font-size:24px;margin-top:16px;padding:8px 0}.ProjectResult .ProjectResultBody.ALL .result-chart-wrap{display:flex;flex-flow:row;padding-top:50px}.ProjectResult .ProjectResultBody.ALL .result-chart-wrap .result-chart{width:956px}.ProjectResult .ProjectResultBody.ALL .result-chart-wrap .result-chart.element{width:224px;margin-left:auto}.ProjectResult .ProjectResultBody.ALL .result-chart-wrap .result-chart.element .header{border-bottom:1px solid #555}.ProjectResult .ProjectResultBody.ALL .result-chart-wrap .result-chart .header{height:50px;font-size:18px;display:flex;flex-flow:row;align-items:center;border-bottom:1px solid #555}.ProjectResult .ProjectResultBody.ALL .result-chart-wrap .result-chart .header .compare-tabs{width:146px}.ProjectResult .ProjectResultBody.ALL .result-chart-wrap .result-chart .header .compare-tabs .tooltip{flex:1 1}.ProjectResult .ProjectResultBody.ALL .result-chart-wrap .result-chart .content{padding-top:20px}.ProjectResult .ProjectResultBody.ALL .result-chart-wrap .result-chart .content .description{height:20px;color:#ccc;font-size:12px;margin-bottom:10px}.ProjectResult .ProjectResultBody.ALL .result-list-wrap>.header{display:flex;flex-flow:row;align-items:center;height:40px;border-bottom:1px solid #555;margin-top:12px}.ProjectResult .ProjectResultBody.ALL .result-list-wrap>.header>.title{font-size:18px}.ProjectResult .ProjectResultBody.ALL .result-list-wrap>.header>.left-pannel{color:#ccc;box-sizing:border-box;width:125px;margin-left:20px;height:40px}.ProjectResult .ProjectResultBody.ALL .result-list-wrap>.header>.right-pannel{display:flex;flex-flow:row;margin-left:auto}.ProjectResult .ProjectResultBody.ALL .result-list-wrap>.header>.right-pannel .viewer-btn{width:160px;font-size:14px;margin-left:auto}.ProjectResult .ProjectResultBody.ALL .result-list-wrap>.header>.right-pannel .compare-tabs{width:146px;margin-left:10px}.ProjectResult .ProjectResultBody.ALL .result-list-wrap>.header>.right-pannel .compare-tabs .tooltip{flex:1 1}.ProjectResult .ProjectResultBody.ALL .result-list-wrap>.content{display:flex;flex-flow:row wrap}.ProjectResult .ProjectResultBody.ALL .result-list-wrap>.content>.project-card{margin-top:30px;margin-right:20px}.ProjectResult .ProjectResultBody.ALL .result-list-wrap>.content>.project-card>.content>.compare-element{display:none}.ProjectResult .ProjectResultBody.ALL .result-list-wrap>.content.COMPARE{display:inline-flex;flex-flow:column}.ProjectResult .ProjectResultBody.ALL .result-list-wrap>.content.COMPARE>.content-wrap{display:flex;flex-flow:row}.ProjectResult .ProjectResultBody.ALL .result-list-wrap>.content.COMPARE>.content-wrap>.project-card{margin-top:30px;margin-right:20px}.ProjectResult .ProjectResultBody.ALL .result-list-wrap>.content.COMPARE>.content-wrap>.project-card>.content>.compare-element{display:flex}.ProjectResult .ProjectResultBody.ALL .result-list-wrap>.content.COMPARE>.content-wrap>.project-card>.content>.key-value{justify-content:center}.ProjectResult .ProjectResultBody.ALL .result-list-wrap>.content.COMPARE>.content-wrap>.project-card>.content>.key-value>.key{display:none}.ProjectResult .ProjectResultBody.ALL .result-list-wrap>.content.COMPARE>.content-wrap>.compare-field{width:224px;box-sizing:border-box;margin-top:30px;padding:20px}.ProjectResult .ProjectResultBody.ALL .result-list-wrap>.content.COMPARE>.content-wrap>.compare-field>.report{color:#ccc;font-size:14px}.ProjectResult .ProjectResultBody.ALL .result-list-wrap>.content.COMPARE>.content-wrap>.compare-field>.area-title{padding-top:152px;font-size:12px;color:#999}.ProjectResult .ProjectResultBody.ALL .result-list-wrap>.content.COMPARE>.content-wrap>.compare-field>.area{font-size:16px;color:#ccc;margin-bottom:15px}.ProjectResult .ProjectResultBody.ALL .result-list-wrap>.content.COMPARE>.content-wrap>.compare-field>.field{margin-top:0px;box-sizing:border-box;color:#999;height:40px;display:flex;align-items:center}.ProjectResult .ProjectResultBody.ALL .result-list-wrap>.content.COMPARE>.content-wrap>.NONE-SELECT{width:976px;display:flex;justify-content:center;align-items:center;color:#ccc;font-size:14px;padding:0px}.ProjectResult .ProjectResultBody.ALL .project-summary{padding-top:16px}.ProjectResult .ProjectResultBody.DETAIL .main-title{font-size:24px;display:flex;flex-direction:row;justify-content:flex-start}.ProjectResult .ProjectResultBody.DETAIL .main-title>.title{width:auto;margin-right:10px;font-style:normal;font-weight:normal;font-size:26px;line-height:128.7%;display:flex;align-items:center;color:#eee}.ProjectResult .ProjectResultBody.DETAIL .main-title>.solver-type{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:7px 10px;height:30px;min-width:50px;font-style:normal;font-weight:bold;font-size:14px;line-height:16px;background:#1a1e28;border:1px solid #ccc;box-sizing:border-box}.ProjectResult .ProjectResultBody.DETAIL .main-title>.has-my-building{margin-left:10px;border:1px solid #48ddf2;padding-left:10px;padding-right:8px;height:31px;font-size:14px;color:#48ddf2;display:flex;align-items:center;box-sizing:border-box}.ProjectResult .ProjectResultBody.DETAIL .main-title>.has-my-building .check-icon{width:14px;margin-left:2px}.ProjectResult .ProjectResultBody.DETAIL>.content{display:flex;flex-flow:row;padding-top:25px}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files{width:468px;box-sizing:border-box;position:relative}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .webgl-btn{margin-top:10px;width:100%;font-size:18px;font-weight:bold;color:#232732}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .cad-img{width:468px}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .cad-img>img{width:468px;height:468px;border:1px solid #232732;background-color:#161a24}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .viewer-btn-wrap{margin:8px 0 16px;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:10px}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .viewer-btn-wrap.no-grid{grid-template-columns:none}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .viewer-btn-wrap .btn{display:flex;height:38px;padding:0 16px;justify-content:space-between;font-size:18px}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .viewer-btn-wrap .btn .icon{width:20px;color:#232732;margin-left:4px}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .viewer-btn-wrap .btn.disabled .icon{color:#555}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .viewer-btn-wrap .btn .right-wrap{display:flex;align-items:center}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .viewer-btn-wrap .btn .right-wrap .exe{font-size:12px;font-weight:400}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .viewer-btn-wrap .designer-code{width:100%;grid-column:1/span 2;color:#ccc;font-size:14px;height:25px;display:flex;align-items:center;justify-content:center;background-color:#262933}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .floor-btn-wrap{display:flex;flex-flow:row;align-items:center;justify-content:space-between;margin-top:20px}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .floor-btn-wrap .tabs{height:30px}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .floor-btn-wrap .tabs .tab{height:26px;font-size:12px}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .floor-btn-wrap .btn{min-width:70px !important;min-height:36px !important}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .files .header{font-size:18px;height:38px;width:100%;display:flex;align-items:center;border-bottom:1px solid #555;margin-bottom:8px}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .files .header .row{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:space-between}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .files .header .row>.title{width:50%;display:flex;height:40px;align-items:center}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .files .header .row>.download-btn{font-size:14px;width:230px;margin-bottom:10px;padding-left:20px;padding-right:20px}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .files .header .row>.download-btn.designer-download-btn .icon{color:#232732}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .files .header .row>.download-btn.disabled{background:#333;color:#555}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .files .content .designer{display:flex;flex-flow:row;align-items:center;color:#999;margin-top:20px;padding-bottom:18px}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .files .content .designer>.key{color:#ccc;margin-left:5px}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .files .content .designer>.project-result-code-copy-btn{text-align:center;border-radius:15px;background:inherit;border:1px solid #999;color:#999;height:20px;box-sizing:border-box;width:80px;font-size:12px;text-transform:none;margin-left:10px;padding:0px;outline:none}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .files .content .designer>.project-result-code-copy-btn .tooltip{cursor:pointer}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .files .content .report-files{position:relative;grid-gap:8px;gap:8px;display:flex;flex-flow:row wrap}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .files .content .report-files .download-btn{font-size:14px;height:36px;width:230px;color:#eee;font-weight:400}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .files .content .report-files .download-btn.disabled{color:#555;background-color:#333}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .files .content .report-files .download-btn.all{font-weight:700}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .files .content .report-files .download-btn .format{font-size:12px;font-weight:400}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .files .content .report-files .download-btn.dropdown{width:194px}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .files .content .dim-file-buttons{display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;width:468px;height:124px;background:rgba(0,0,0,.7);border-radius:6px}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .files .content .dim-file-buttons .sample-down-button{width:229px;height:32px;background:#0078bb;color:#fff;border-radius:6px;font-size:16px;font-weight:700;letter-spacing:-0.8px}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .files .content .dim-file-buttons .sample-down-button .icon{width:16px;height:16px;margin-left:4px;color:#fff}.ProjectResult .ProjectResultBody.DETAIL>.content .result-img-files .files .content .dim-file-buttons .description{color:#eee;text-align:center;font-size:14px;font-weight:400;line-height:20px;letter-spacing:-0.7px}.ProjectResult .ProjectResultBody.DETAIL>.content .result-summary{width:712px;margin-left:60px;display:flex;flex-direction:column;align-items:flex-end;grid-row-gap:24px;row-gap:24px}.ProjectResult .ProjectResultBody.DETAIL>.content .result-summary .content{width:100%;display:flex;flex-flow:row;grid-gap:20px;gap:20px;padding-top:20px}.ProjectResult .ProjectResultBody.DETAIL>.content .result-summary .content .values-left{grid-gap:20px;gap:20px;display:flex;flex-flow:column}.ProjectResult .ProjectResultBody.DETAIL>.content .result-summary .content .values-left .value-lg{width:185px}.ProjectResult .ProjectResultBody.DETAIL>.content .result-summary .content .values-right{display:flex;flex-flow:row wrap;margin-left:auto;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;grid-gap:20px;gap:20px}.ProjectResult .ProjectResultBody.DETAIL>.content .result-summary .content .values-right .value-md{width:102px;max-height:65px}.ProjectResult .ProjectResultBody.DETAIL>.content .result-summary .content .values-right .value-md.value-small{font-size:13px}.ProjectResult .ProjectResultBody.DETAIL>.content .result-summary .content .values-right .value-md.last{padding-right:0px}.ProjectResult .ProjectResultBody.DETAIL>.content .result-summary .content .values-right .value-lg{width:185px;padding-top:20px;padding-right:20px}.ProjectResult .ProjectResultBody.DETAIL>.content .result-summary .housing-type-chart{width:100%;margin-top:20px;margin-left:auto;padding:20px 0px 20px 20px;border:1px solid #333;box-sizing:border-box}.ProjectResult .ProjectResultBody.DETAIL>.content .result-summary .housing-type-chart>.title{color:#999;font-size:12px;margin-bottom:20px}.ProjectResult .ProjectResultBody.DETAIL>.content .result-summary .floor_content{width:100%}.ProjectResult .ProjectResultBody.DETAIL>.content .result-summary .floor_content .moreview{width:672px;height:20px;margin-top:16px;font-style:normal;font-weight:bold;font-size:12px;line-height:18px;text-align:right;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;cursor:pointer;color:#ccc}.ProjectResult .ProjectResultBody.DETAIL>.content .result-summary .floor_content .moreview:hover{background-color:#273945}.ProjectResult .ProjectResultBody.DETAIL>.content .result-summary .floor_content .floortitle{margin-top:34px;margin-bottom:15px;font-style:normal;font-weight:normal;font-size:16px;line-height:128.7%;display:flex;align-items:center;color:#ccc}.ProjectResult .ProjectResultBody.DETAIL>.content .result-summary .floor_content .table-row{height:30px;width:672px}.ProjectResult .ProjectResultBody.DETAIL>.content .result-summary .floor_content .table-row .cellhead{width:84px;height:30px;padding:0px;text-align:center;font-style:normal;font-weight:bold;font-size:12px;line-height:18px;text-align:center;color:#ccc;background:#232732;border:1px solid #333;border-radius:0px}.ProjectResult .ProjectResultBody.DETAIL>.content .result-summary .floor_content .table-row .cellfirst{width:84px;height:30px;padding:0px;background:#1a1e28;border:1px solid #333;font-style:normal;font-weight:bold;font-size:12px;line-height:18px;text-align:center;color:#ccc}.ProjectResult .ProjectResultBody.DETAIL>.content .result-summary .floor_content .table-row .celldata{width:84px;height:30px;padding:0px;background:#161a24;border:1px solid #333;font-style:normal;font-weight:normal;font-size:12px;line-height:18px;text-align:center;color:#ccc}.ProjectResult .ProjectResultBody.DETAIL>.content .result-summary .floor_content .table-row .totalfirst{width:84px;height:30px;padding:0px;background:#1a1e28;border:1px solid #333;font-style:normal;font-weight:bold;font-size:12px;line-height:18px;text-align:center;color:#48ddf2}.ProjectResult .ProjectResultBody.DETAIL>.content .result-summary .floor_content .table-row .totaldata{width:84px;height:30px;padding:0px;background:#161a24;border:1px solid #333;font-style:normal;font-weight:normal;font-size:12px;line-height:18px;text-align:center;color:#48ddf2}.ProjectResult .ProjectResultBody.DETAIL>.content .renewable-container{display:flex;flex-flow:column;grid-gap:20px;gap:20px;width:100%}.ProjectResult .ProjectResultBody.DETAIL>.content .renewable-container>.title{display:flex;align-items:center;height:50px;border-bottom:1px solid #555}.ProjectResult .ProjectResultBody.DETAIL>.content .renewable-container .contents{display:flex;flex-flow:row;grid-gap:20px;gap:20px}.ProjectResult .ProjectResultBody.DETAIL>.content .renewable-container .contents .value-xl{width:200px}.ProjectResult .ProjectResultBody.DETAIL>.content .renewable-container .contents .value-lg{width:153px}.ProjectResult .ProjectResultFooter>.wrapper{display:flex;margin:auto;padding-top:45px;width:1200px}.ProjectResult .ProjectResultFooter>.wrapper>.buttons{display:flex;flex-flow:row;margin-left:auto}.ProjectResult .ProjectResultFooter>.wrapper>.buttons>.btn{margin-right:5px}.ProjectResult .ProjectResultFooter>.wrapper>.buttons>.btn:last-child{margin-right:0px}.ProjectResult>.scroll-top-btn{width:40px;height:40px;position:fixed;right:30px;bottom:80px;display:none}.ProjectResultList{display:flex;flex-flow:row wrap;align-items:center;grid-gap:20px;gap:20px}.ProjectResultList.COMPARE{align-items:flex-start;flex-flow:nowrap}.ProjectResultList.COMPARE .icon-wrapper{width:14px;height:14px;display:flex;align-items:center;justify-content:center}.ProjectResultList.COMPARE .info-icon{color:#eee;width:14px;margin-left:2px}.ProjectResultList.COMPARE>.project-card-header{margin-right:20px;width:224px;color:#999;margin-top:30px;font-size:12px}.ProjectResultList.COMPARE>.project-card-header>.title{padding:0px 10px;margin-top:20px;height:20px;color:#eee}.ProjectResultList.COMPARE>.project-card-header>.project-site{padding:0px 10px;margin-top:10px;height:224px;display:flex;flex-flow:column}.ProjectResultList.COMPARE>.project-card-header>.project-site>.info{margin-top:auto;display:flex;flex-flow:column}.ProjectResultList.COMPARE>.project-card-header>.project-site>.info>.area{color:#ccc;font-size:16px}.ProjectResultList.COMPARE>.project-card-header>.project-site>.info>.title{display:flex;grid-gap:4px;gap:4px}.ProjectResultList.COMPARE>.project-card-header>.content{margin:10px 0px 20px 0px}.ProjectResultList.COMPARE>.project-card-header>.content>.key{padding:0px 10px;height:40px;display:flex;align-items:center;grid-gap:4px;gap:4px}.ProjectResultList.COMPARE>.project-card-header>.content>.key.hover{background-color:#273945}.ProjectResultList.COMPARE .project-card .content .key-value{cursor:text}.ProjectResultList.COMPARE .project-card .content .key-value.hover{background-color:#273945}.ProjectResultList .project-card{margin-top:30px}.ProjectResultList .project-card.COMPARE{margin-top:34px}.ProjectResultList .project-card:nth-child(5){margin-right:0px}.ProjectResultList .project-card:nth-child(10){margin-right:0px}
.multi-setting-wrap{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between}.ProjectMultiSettingValue{width:360px;box-sizing:border-box;background-color:#232732;position:relative;border-radius:6px;margin-top:10px;margin-bottom:10px}.ProjectMultiSettingValue.NORMAL .download_icon{display:none}.ProjectMultiSettingValue.NORMAL .viewer_icon{display:none}.ProjectMultiSettingValue .go-to-icon{display:none}.ProjectMultiSettingValue>.header{display:flex;align-items:center;font-size:14px;width:100%;box-sizing:border-box;padding:20px 16px 10px 16px}.ProjectMultiSettingValue>.header .checkbox{padding:0px}.ProjectMultiSettingValue>.header .checkbox input{width:40px;height:40px;transform:translate(-25%, -25%)}.ProjectMultiSettingValue>.cad-img{width:224px;height:224px;text-align:center}.ProjectMultiSettingValue>.cad-img>img{width:222px;height:222px;background-color:#161a24}.ProjectMultiSettingValue>.content{padding:10px 0px 20px 0px}.ProjectMultiSettingValue>.content>.key-value{padding:0px 16px;height:auto;box-sizing:border-box;display:flex;flex-flow:row;align-items:flex-start;justify-content:space-between}.ProjectMultiSettingValue>.content>.key-value>.key{width:180px;font-size:12px;color:#999;display:flex;justify-content:flex-end;align-items:center}.ProjectMultiSettingValue>.content>.key-value>.value{font-size:12px;width:120px;color:#ccc;display:flex;flex-direction:column;justify-content:flex-start}
.project-description-wrap{position:relative;display:flex;flex-direction:column;margin-top:10px}.project-description-wrap .project-description-info{color:#999;font-size:12px;margin-bottom:10px}.project-description-wrap .project-description{color:#ccc}.project-description-wrap .project-description.no-edit{border:1px solid #333;background-color:#161a24;color:#999}.project-description-wrap .project-description.no-edit>.input-wrapper{border:0px}.project-description-wrap .project-description.no-edit>.input-wrapper:hover{background-color:#273945}.project-description-wrap .project-description>.input-wrapper textarea{height:100px;resize:none}.project-description-wrap .project-description .input-wrapper{color:#eee}.project-description-wrap .project-description .input-wrapper textarea::placeholder{color:#999}.project-description-wrap .icon{position:absolute;bottom:10px;right:10px}.project-description-wrap .icon.edit{color:#999}.project-description-wrap .icon.on-save{color:#ccc}.project-description-wrap .icon.save{color:#ccc}.project-description-wrap .length-count{position:absolute;bottom:10px;right:10px;color:#999}
@charset "UTF-8";/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animated.repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animated.repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
.carousel .control-arrow,.carousel.carousel-slider .control-arrow{transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:''}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{transition:all .15s ease-in;transform:translate3d(0, 0, 0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,0.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:0.25;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px rgba(0,0,0,0.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,0.9);color:#fff}.carousel:hover .slide .legend{opacity:1}
.CustomCarousel{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.CustomCarousel .carousel-root{height:450px}.CustomCarousel .carousel-slider{overflow:visible}.CustomCarousel .slide{text-align:left}.CustomCarousel .control-dots{bottom:-28px;margin:0}.CustomCarousel .control-dots .dot{width:26px;margin:2px;height:3px;border-radius:0;background:#666;opacity:.2;box-shadow:none}.CustomCarousel .control-dots .dot.selected{opacity:1}.CustomCarousel .control-arrow{background-color:rgba(0,0,0,0) !important;opacity:1;width:50px;height:50px;margin-top:30px;display:inline-block;border-top:0px;border-bottom:0px;margin:0px;top:382px !important;display:flex;justify-content:center;align-items:center;opacity:1 !important;border:1px solid #000;background-color:rgba(0,0,0,0)}.CustomCarousel .control-arrow:before{display:inline-block;border-top:0px;border-bottom:0px;margin:0px}.CustomCarousel .control-arrow.control-prev:before{margin:0;border:0;width:50px;height:50px;content:url(../../static/media/M-landing-swiper-left.eac1f517.svg)}.CustomCarousel .control-arrow.control-next:before{margin:0;border:0;width:50px;display:inline-block;height:50px;content:url(../../static/media/M-landing-swiper-right.760fc7e0.svg)}.CustomCarousel .carousel-status{display:none}
.planCard{min-height:377px;width:224px;height:100%;border-radius:6px;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;border-width:2px 2px 8px 2px;border-style:solid}.planCard.LITE{border-color:#a49ada}.planCard.EDUCATION{border-color:#ffd2ce}.planCard.STANDARD{border-color:#ffda92}.planCard.ENGINEERING_PLUS{border-color:#94db9b}.planCard.AI_PLUS{border-color:#69aeff}.planCard.PREMIUM{border-color:rgba(0,0,0,0);background-image:linear-gradient(#fff, #fff),linear-gradient(to right, #48DDF2, #95e4b3);background-origin:border-box;background-clip:padding-box,border-box}.planCard .iconContainer{display:flex;grid-gap:4px;gap:4px}.planCard .planTitle{font-size:20px;margin:10px 0 0 0;display:flex;align-items:center;height:30px;grid-gap:4px;gap:4px}.planCard .planTitle .info__icon{width:18px;height:18px}.planCard .describe{margin:4px 0 0 0;color:#333;font-size:14px;line-height:18px;letter-spacing:-0.7px;white-space:pre-line}.planCard .features__ul{list-style:none;margin:0;padding:0}.planCard .features__ul .feature__li{color:#666;font-size:12px;line-height:18px}.planCard .features__ul .feature__li .decoration{margin:0 5px}.planCard .bottom{grid-gap:8px;gap:8px;display:flex;flex-direction:column;width:100%;margin-top:35px}.planCard .bottom.margin-less{margin-top:8px}.planCard .bottom .wrapper{display:flex;justify-content:space-between;align-items:center}.planCard .bottom .wrapper .leftSide{display:flex;flex-direction:column;width:184px}.planCard .bottom .wrapper .leftSide.discount{border:1px solid #ff4747;padding:4px;position:relative}.planCard .bottom .wrapper .leftSide.discount .ribbon__img{position:absolute;top:0px;left:0px}.planCard .bottom .wrapper .leftSide.discount .ribbon__span{position:absolute;top:2px;left:2px;color:#fff;font-size:12px;font-weight:700}.planCard .bottom .wrapper .leftSide .defaultPrice{display:flex;justify-content:flex-end;-webkit-text-decoration-color:#ff4747;text-decoration-color:#ff4747;font-size:16px}.planCard .bottom .wrapper .leftSide .priceItem{display:flex;justify-content:space-between;align-items:center}.planCard .bottom .wrapper .label{color:#333;font-size:12px}.planCard .bottom .wrapper .price{font-size:20px;text-align:right;letter-spacing:-1.1px}.planCard .bottom .wrapper .price.yearly{font-size:24px}.planCard .bottom .navigate__btn{height:32px;border-radius:6px;background:#383b45;color:#ccc;font-size:14px;font-weight:700}.planCard .bottom .navigate__btn.premium{color:#383b45;background:linear-gradient(92.29deg, #48ddf2 11.76%, #95e4b3 88.24%)}
.planFeatureTitle{margin:56px 0 24px 0;font-size:32px;line-height:42px;text-align:center}.tableWrapper{overflow-x:scroll}.tableWrapper .table{border-spacing:0}.tableWrapper .table .td{border-right:1px solid #ccc;border-bottom:1px solid #ccc;box-sizing:border-box}.tableWrapper .table .th{width:196px;height:36px;font-size:16px;color:#333;box-sizing:border-box}.tableWrapper .table .th.vacant{width:216px;border-right:1px solid #ccc;border-bottom:1px solid #ccc}.tableWrapper .table .th.LITE{border:2px solid #a49ada}.tableWrapper .table .th.EDUCATION{border:2px solid #ffd2ce}.tableWrapper .table .th.STANDARD{border:2px solid #ffda92}.tableWrapper .table .th.ENGINEERING_PLUS{border:2px solid #94db9b}.tableWrapper .table .th.AI_PLUS{border:2px solid #69aeff}.tableWrapper .table .th.PREMIUM{background:linear-gradient(93deg, #48DDF2 11.24%, #95E4B3 85.77%);border:none}.tableWrapper .table .td{text-align:center;height:30px;font-size:16px}.tableWrapper .table .td .count{color:#666}.tableWrapper .table .td.label{color:#666;font-weight:700;display:flex;align-items:center;grid-gap:5px;gap:5px;padding-left:10px}.tableWrapper .table .td.label .info-icon{width:16px;height:16px}@media(min-width: 768px)and (max-width: 1199px){.table{min-width:-webkit-max-content;min-width:max-content}}@media(min-width: 300px)and (max-width: 767px){.planFeatureTitle{font-size:24px;margin-top:72px;margin-bottom:30px}.table{min-width:-webkit-max-content;min-width:max-content}}
.builditSystemTable{box-sizing:border-box;color:#333;font-size:16px;text-align:center;border-collapse:collapse}.builditSystemTable .empty__th,.builditSystemTable .th{border-right:1px solid #a9a9a9}.builditSystemTable .th{background-color:#cfe4e7;font-weight:400}.builditSystemTable .th.features{border-right:1px solid #ccc}.builditSystemTable .th.features:nth-child(3){border-right-color:#a9a9a9}.builditSystemTable .th:last-child{border-right:none}.builditSystemTable .th,.builditSystemTable .td{width:138px;height:40px;border-bottom:1px solid #ccc}.builditSystemTable .td{border-right:1px solid #ccc}.builditSystemTable .td.type{background-color:#eee;text-align:left;padding-left:10px;border-right:1px solid #a9a9a9}.builditSystemTable .td:nth-child(4){border-right-color:#a9a9a9}.builditSystemTable .td:last-child{border-right:none}
.SampleResultSection{background-color:#d6efef}.SampleResultSection h3{margin:0}.SampleResultSection .wrapper{margin:auto;padding:80px 0;max-width:1200px}.SampleResultSection .wrapper .main-title{margin:0 0 64px 0;white-space:pre-wrap;font-size:48px}.SampleResultSection .wrapper .sample-wrapper .tabs-container{margin:auto;width:936px;margin-bottom:32px}.SampleResultSection .wrapper .sample-wrapper .tabs-container .tab{width:312px;height:53px;background-color:#fff;color:#333;font-size:24px;font-weight:700;border-radius:0}.SampleResultSection .wrapper .sample-wrapper .tabs-container .tab:not(:last-child)::after{content:"";width:1px;height:inherit;position:absolute;right:0px;background-color:#ccc}.SampleResultSection .wrapper .sample-wrapper .tabs-container .tab:first-child{border-radius:8px 0 0 8px}.SampleResultSection .wrapper .sample-wrapper .tabs-container .tab:last-child{border-radius:0 8px 8px 0}.SampleResultSection .wrapper .sample-wrapper .tabs-container .tab:hover{color:#333;background-color:#cde4f0}.SampleResultSection .wrapper .sample-wrapper .tabs-container .tab.active{background-color:#0078bb;color:#fff}.SampleResultSection .wrapper .sample-wrapper .sample-item{display:flex;grid-gap:56px;gap:56px;height:400px}.SampleResultSection .wrapper .sample-wrapper .sample-item .video-wrap{width:554px;height:400px}.SampleResultSection .wrapper .sample-wrapper .sample-item .video{width:554px;height:400px;border-radius:8px;aspect-ratio:1.385}.SampleResultSection .wrapper .sample-wrapper .sample-item .right-wrap{display:flex;flex-direction:column;justify-content:space-between}.SampleResultSection .wrapper .sample-wrapper .sample-item .right-wrap .summary{font-size:18px;color:#333;font-weight:600;margin:16px 0}.SampleResultSection .wrapper .sample-wrapper .sample-item .right-wrap .title{font-size:32px;font-weight:700;color:#333;white-space:pre-line}.SampleResultSection .wrapper .sample-wrapper .sample-item .right-wrap .guide{margin:16px 0;color:#0078bb;font-size:18px;line-height:26px}.SampleResultSection .wrapper .sample-wrapper .sample-item .right-wrap .guide .strong{display:block;font-weight:600}.SampleResultSection .wrapper .sample-wrapper .sample-item .right-wrap .btn-container{display:flex;grid-gap:8px;gap:8px}.SampleResultSection .wrapper .sample-wrapper .sample-item .right-wrap .btn-container .open-new-btn{background-color:#fff;width:192px;height:60px;color:#333;display:flex;justify-content:space-between;border-radius:8px;font-size:16px;font-weight:600}.SampleResultSection .wrapper .sample-wrapper .sample-item .right-wrap .btn-container .open-new-btn .icon{width:20px;height:20px;color:#333}.SampleResultSection .wrapper .sample-wrapper .sample-item .right-wrap .btn-container .open-new-btn:hover{background-color:#cde4f0}.SampleResultSection .wrapper .sample-wrapper .sample-item .right-wrap .description{margin:16px 0;color:#6f6f6f;font-size:16px}.SampleResultSection .wrapper .video-wrapper{display:flex;justify-content:space-between;margin-top:64px}.SampleResultSection .wrapper .video-wrapper .text-group .summary{color:#0078bb;font-weight:700;font-size:24px;margin:8px 0}.SampleResultSection .wrapper .video-wrapper .text-group .title{color:#333;font-weight:700;font-size:32px;margin-bottom:16px}.SampleResultSection .wrapper .video-wrapper .text-group .description{margin:8px 0;color:#666;font-size:18px;line-height:26px;white-space:pre-line}@media(min-width: 768px)and (max-width: 1199px){.SampleResultSection .wrapper{padding:100px 50px}.SampleResultSection .wrapper .sample-wrapper .tabs-container{width:660px}.SampleResultSection .wrapper .sample-wrapper .tabs-container .tab{width:220px}.SampleResultSection .wrapper .sample-wrapper .sample-item{height:auto;grid-gap:0;gap:0;flex-direction:column}.SampleResultSection .wrapper .sample-wrapper .sample-item .video-wrap{width:100%;height:auto}.SampleResultSection .wrapper .sample-wrapper .sample-item .video-wrap .video{width:100%}.SampleResultSection .wrapper .video-wrapper{flex-direction:column}.SampleResultSection .wrapper .video-wrapper .text-group .summary{font-size:24px}.SampleResultSection .wrapper .video-wrapper .text-group .title{font-size:32px}.SampleResultSection .wrapper .video-wrapper .text-group .description{font-size:18px;margin:14px 0 24px}.SampleResultSection .wrapper .video-wrapper .video{width:100%;max-width:792px}}@media(min-width: 300px)and (max-width: 767px){.SampleResultSection{padding:0 16px}.SampleResultSection .wrapper{padding:40px 0}.SampleResultSection .wrapper .main-title{font-size:32px;margin-bottom:24px}.SampleResultSection .wrapper .sample-wrapper .tabs-container{width:312px;margin-bottom:16px}.SampleResultSection .wrapper .sample-wrapper .tabs-container .tab{width:104px;font-size:12px;height:30px;letter-spacing:-0.05em}.SampleResultSection .wrapper .sample-wrapper .sample-item{height:auto;flex-direction:column;grid-gap:0;gap:0}.SampleResultSection .wrapper .sample-wrapper .sample-item .video-wrap{width:100%;height:auto}.SampleResultSection .wrapper .sample-wrapper .sample-item .video-wrap .video{width:100%;height:auto}.SampleResultSection .wrapper .sample-wrapper .sample-item .right-wrap .summary{font-size:14px;margin:8px 0}.SampleResultSection .wrapper .sample-wrapper .sample-item .right-wrap .title{font-size:24px;margin-bottom:8px;word-break:keep-all;white-space:normal}.SampleResultSection .wrapper .sample-wrapper .sample-item .right-wrap .guide{font-size:12px;font-weight:600;margin:4px 0}.SampleResultSection .wrapper .sample-wrapper .sample-item .right-wrap .description{font-size:12px;margin:0}.SampleResultSection .wrapper .video-wrapper{flex-direction:column;margin-top:16px}.SampleResultSection .wrapper .video-wrapper .text-group .summary{font-size:14px;margin:8px 0}.SampleResultSection .wrapper .video-wrapper .text-group .title{font-size:24px;margin:0}.SampleResultSection .wrapper .video-wrapper .text-group .description{margin:8px 0 16px;font-size:14px;line-height:20px}}
.MainVisualSection{text-align:center}.MainVisualSection .background{background-image:url(../../static/media/main-visual-bg.96c9ac03.jpg);background-repeat:no-repeat;width:100%;height:auto;background-size:100vw 100%;padding-bottom:50px;box-sizing:border-box}@supports(background-image: url("../../img/landing/main-visual-bg.webp")){.MainVisualSection .background{background-image:url(../../static/media/main-visual-bg.63a33794.webp)}}.MainVisualSection .title{padding-top:64px;color:#002226;font-weight:900;font-size:4rem;white-space:pre-line;margin:0;line-height:4.285rem}.MainVisualSection .sub-title{font-weight:700;font-size:1.71rem;height:3.285rem;line-height:3.285rem;color:#002226}.MainVisualSection .container-btn{grid-gap:4px;gap:4px;display:flex;justify-content:center;margin-top:32px}.MainVisualSection .description{line-height:1.857rem;font-size:1.428rem;color:#333;white-space:pre-line;margin:24px 0}.MainVisualSection .video-wrap{aspect-ratio:16/9.1;max-width:1200px;margin:auto;display:flex;flex-direction:column}.MainVisualSection .video{max-width:1200px;width:100%;height:auto;border-radius:16px}.MainVisualSection .video-caption{font-size:.857rem;color:#999;margin:16px 0 0 0}@media(min-width: 768px)and (max-width: 1199px){.MainVisualSection .background{padding:0 50px}}@media(min-width: 300px)and (max-width: 767px){.MainVisualSection{margin-bottom:20px}.MainVisualSection .background{height:auto;width:100%;padding:0 8px}.MainVisualSection .title{font-size:2.571rem;line-height:3rem;padding:44px 0 8px}.MainVisualSection .sub-title{font-size:1.428rem;line-height:2rem;white-space:pre-line}.MainVisualSection .container-btn{display:flex;padding:24px 0 8px;margin-top:0;flex-wrap:wrap}.MainVisualSection .description{line-height:1.285rem;font-size:.857rem;white-space:pre-line;margin:0 0 8px}.MainVisualSection .video{width:100%;height:auto}.MainVisualSection .video-caption{margin-top:8px}}
.Landing{height:100%;overflow:auto;background-color:#fff;position:relative}.Landing .visually-hidden{visibility:hidden;position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}.Landing .scroll-top-btn{width:40px;height:40px;position:fixed;right:30px;bottom:30px;z-index:10}.Landing .disappear-scroll-top-btn{bottom:-90px}.Landing .dim{width:100%;height:100%;background-color:rgba(0,0,0,.6);position:fixed;z-index:1;top:0px;overflow:hidden}.Landing .mobile-appbar{display:none;position:fixed;z-index:3;width:100%;height:60px;margin-bottom:0px;box-shadow:unset}.Landing .mobile-appbar .exp-root{margin:0px}.Landing .mobile-appbar .expanded{color:#999}.Landing .mobile-appbar .summary-root{min-height:60px}.Landing .mobile-appbar .summary-root .expanded{margin:0px}.Landing .mobile-appbar .summary-root .content{margin:0px}.Landing .mobile-appbar .detail{padding:0px;display:flex;flex-flow:column}.Landing .mobile-appbar .detail .menu{cursor:pointer;height:50px;display:flex;align-items:center;font-size:18px;color:#333;background-color:#fff;padding-left:30px}.Landing .mobile-appbar .detail .info{display:flex;flex-flow:column;justify-content:center;background-color:#fff;color:#999;font-size:14px;padding-left:30px;height:60px;padding-bottom:10px}.Landing .app-bar{position:fixed;display:flex;background-color:#fff;align-items:center;justify-content:flex-start;flex-flow:row;padding-left:30px;padding-right:30px}.Landing .app-bar .logo{margin-top:0;padding-left:0px}.Landing .app-bar .heading{width:1px;height:1px;overflow:hidden;position:absolute;top:0;left:0}.Landing .app-bar .toolbar{display:flex;flex-flow:row;align-items:center;margin-left:auto}.Landing .app-bar .toolbar .menus{display:flex;flex-flow:row;align-items:center}.Landing .app-bar .toolbar .menus .buildit-start-btn .icon{width:16px !important;color:#333}.Landing .app-bar .toolbar .menus .btn{padding:0px 10px}.Landing .app-bar .toolbar .menus .btn .buildit-start-btn{color:#333}.Landing .app-bar .toolbar .menus .items{color:#666;display:flex;align-items:center;justify-content:center;height:52px;cursor:pointer;padding:10px}.Landing .app-bar .toolbar .menus .items.selected,.Landing .app-bar .toolbar .menus .items:hover{color:#000;font-weight:bold}.Landing .landing-wrapper{margin-top:60px}.Landing .landing-wrapper .buildit-start-btn{padding:0px 10px}.Landing .landing-wrapper .buildit-start-btn .icon{color:#333}.Landing .landing-wrapper .btn{font-size:14px}.Landing .landing-wrapper>.l-container{width:100%}.Landing .landing-wrapper>.l-container.buildit-system{background-color:#f5f5f5}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper{max-width:1200px;margin:auto;display:flex;padding:100px 0 60px 0}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper>.title{flex:1 1;font-size:48px;color:#333;font-weight:bold;line-height:60px;width:300px;margin:0}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper>.cards-container{display:flex;flex-direction:column}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper>.cards-container .cards{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:834px;margin-left:auto;margin-bottom:30px}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper>.cards-container .cards .card{max-width:356px;min-height:144px;margin-bottom:20px}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper>.cards-container .cards .card .card-icon-background{display:flex;justify-content:center;align-items:center;border-radius:6px;background-color:#cfe4e7;width:60px;height:60px;margin-bottom:20px}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper>.cards-container .cards .card .card-icon-background>.card-icon{width:35px;height:35px}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper>.cards-container .cards .card .card-icon-background .setting-motion{display:inline-block;position:relative;box-sizing:border-box;animation:rotation 2s linear infinite}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper>.cards-container .cards .card .card-icon-background .setting-motion:after{content:"";box-sizing:border-box;position:absolute;left:50%;top:50%;transform:translate(-30%, -30%)}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper>.cards-container .cards .card .card-icon-background .amplifier-motion{display:block;margin:20px auto;position:relative;box-sizing:border-box;animation:animloader 2s linear infinite}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper>.cards-container .cards .card .card-icon-background .amplifier-motion:after{content:"";box-sizing:border-box;width:6px;height:24px;background:#fff;transform:rotate(-45deg);position:absolute;bottom:-20px;left:46px}@keyframes animloader{0%{transform:translate(-5px, -5px)}25%{transform:translate(-5px, 5px)}50%{transform:translate(5px, 5px)}75%{transform:translate(5px, -5px)}100%{transform:translate(-5px, -5px)}}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper>.cards-container .cards .card .card-icon-background .seed-motion{width:23px;animation:seedmotion 2s linear infinite}@keyframes seedmotion{0%{transform:scale(1);transition:.5s}50%{transform:scale(1.4);transition:.5s}100%{transform:scale(1);transition:.5s}}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper>.cards-container .cards .card .card-icon-background .bulb-motion{animation:blinkeffect 1s linear infinite}@keyframes blinkeffect{50%{opacity:.1;transition:1s}100%{opacity:1;transition:1s}}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper>.cards-container .cards .card .system-description{font-weight:700;font-size:24px;line-height:32px}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper>.cards-container .card__project{display:flex;width:100%;flex-direction:column}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper>.cards-container .card__project .project-row{display:flex;flex-direction:row}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper>.cards-container .card__project .project-row .project-title{display:flex;font-weight:700;font-size:18px;line-height:32px;min-width:180px;box-sizing:border-box;padding-right:10px}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper>.cards-container .card__project .project-row .project-description{display:flex;font-weight:400;font-size:18px;line-height:32px;white-space:pre-wrap}.Landing .landing-wrapper>.l-container.buildit-system .sub-wrapper{max-width:1200px;margin:auto;display:flex;justify-content:space-between;padding-bottom:100px}.Landing .landing-wrapper>.l-container.buildit-system .sub-wrapper>.sub-title{font-size:30px;color:#333;font-weight:700;line-height:36px;width:300px;flex:1 1}.Landing .landing-wrapper>.l-container.buildit-system .sub-wrapper>.sub-title .mobile-display{display:none}.Landing .landing-wrapper>.l-container.buildit-system .sub-wrapper>.sub-title>.title-border{width:80px;height:4px;background-color:#cfe4e7;margin-bottom:20px}.Landing .landing-wrapper>.l-container.buildit-system .sub-wrapper>.buildit-system__use{display:flex;flex-direction:column;width:834px;margin-left:auto;overflow-x:auto}.Landing .landing-wrapper>.l-container.buildit-system .sub-wrapper>.buildit-system__use>.buildit-system__use-border{width:auto;height:4px;background-color:#cfe4e7;margin-bottom:30px}.Landing .landing-wrapper>.l-container.buildit-system .sub-wrapper>.buildit-system__use .use-header{font-weight:700;font-size:24px;line-height:32px;margin-bottom:20px;white-space:pre-wrap}.Landing .landing-wrapper>.l-container.buildit-system .sub-wrapper>.buildit-system__use .use-project-type{display:flex;flex-direction:column;margin-bottom:20px}.Landing .landing-wrapper>.l-container.buildit-system .sub-wrapper>.buildit-system__use .use-project-type .use-project-type-row{display:flex;flex-direction:row}.Landing .landing-wrapper>.l-container.buildit-system .sub-wrapper>.buildit-system__use .use-project-type .use-project-type-row .use-project-type-title{min-width:180px;font-weight:700;font-size:18px;line-height:32px}.Landing .landing-wrapper>.l-container.buildit-system .sub-wrapper>.buildit-system__use .use-project-type .use-project-type-row .use-project-type-description{font-size:18px;font-weight:400;line-height:32px;white-space:pre-wrap}.Landing .landing-wrapper>.l-container.buildit-reason1{padding:100px 0px}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper{max-width:1200px;margin:auto;display:flex;flex-flow:row}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.title{font-size:48px;color:#333;font-weight:bold;line-height:60px;min-width:268px;display:flex;flex-flow:column}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.title>.sub-title{color:#666;font-size:24px;font-weight:100}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.content{max-width:834px;margin-left:auto;white-space:normal}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.content .mobile-display{display:none}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.content .mobile-none{display:block}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.content .info-box{margin-bottom:50px}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.content .info-box:last-child{margin-bottom:0px}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.content .info-box>.title{font-size:32px;color:#333;margin-bottom:20px;font-weight:bold;display:flex;align-items:center}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.content .info-box>.title>.sub-title{color:#666;font-size:24px;font-weight:normal;margin-left:10px}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.content .info-box>.info{color:#666;font-size:24px}.Landing .landing-wrapper>.l-container.price{padding:100px 0px}.Landing .landing-wrapper>.l-container.price>.wrapper>.title{max-width:1200px;margin:auto}.Landing .landing-wrapper>.l-container.price>.wrapper>.title>.main-title{font-size:48px;line-height:60px;color:#333;font-weight:bold;text-align:center;margin:0}.Landing .landing-wrapper>.l-container.price>.wrapper>.title>.sub-title{font-size:32px;line-height:42px;color:#333;text-align:center;margin-top:16px;margin-bottom:24px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content{max-width:1200px;margin:auto}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards{display:flex;justify-content:center}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards>.mobile{display:none}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card{margin:0px 15px;background-color:#fff;border-bottom:2px solid #d2d2d2;width:273px;position:relative}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card.GOLD{border-bottom:2px solid #f6d38f}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card.PLATINUM{border-bottom:2px solid #48ddf2}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card.BRONZE{border-bottom:2px solid #ceaba8}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.top-line{position:absolute;width:100%;height:30px;display:flex;align-items:center}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.top-line .text{font-weight:bold;font-size:12px;margin-left:16px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card:first-child{margin-left:0px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card:last-child{margin-right:0px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-title{font-size:32px;line-height:42px;color:#333;font-weight:bold;padding:0px 16px;padding-top:60px;margin-bottom:10px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-info{height:48px;font-size:18px;color:#333;font-weight:bold;line-height:24px;padding:0px 0px 0px 16px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price{padding:0px 16px;color:#333;font-size:18px;line-height:24px;font-weight:bold;margin-bottom:30px;display:flex;align-items:center;flex-flow:column;margin-top:10px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price>.origin-price{margin-left:auto;font-size:18px;color:#333;-webkit-text-decoration-color:#333;text-decoration-color:#333;font-weight:700}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price>.discount-price{margin-left:auto}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.point-info{display:none}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table{border-top:2px solid #f5f5f5}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value{display:flex;height:40px;align-items:center;border-bottom:1px solid #f5f5f5}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value:nth-child(3){border-bottom:0px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value>.icon-wrap{padding-left:10px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value>.icon-wrap .icon{color:#666;margin-top:5px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value>.value{width:100%;box-sizing:border-box;padding-left:10px;color:#666;font-size:14px;font-weight:500}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value-table{display:flex;margin-bottom:5px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value-table:last-child{margin-bottom:30px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value-table>.icon-wrap{padding-left:10px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value-table>.icon-wrap>img{margin-top:11px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value-table>.icon-wrap>.info-icon{color:#666;width:18px;height:18px;margin-top:11px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value-table>.value{width:100%;padding-left:10px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value-table>.value>.key-value{display:flex;align-items:center;width:inherit}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value-table>.value>.key-value.all{height:40px;font-weight:500}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value-table>.value>.key-value.buildit,.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value-table>.value>.key-value.service{height:24px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value-table>.value>.key-value>.value{margin-left:auto;margin-right:20px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .plantype-price{display:flex;flex-wrap:wrap;grid-gap:20px;gap:20px;justify-content:center}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info{position:relative;max-width:1200px;background-color:#fff;border-bottom:2px solid #e6e5e5;margin:auto;box-sizing:border-box;margin-top:50px;display:flex;flex-flow:column}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info>.service-request{display:flex;margin-top:36px;align-items:center;margin-bottom:30px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info>.service-request>.title{font-size:28px;font-weight:bold;padding:0px 16px;display:flex;align-items:center}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info>.service-request>.contact,.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info>.service-request>.email{font-size:18px;color:#666;padding:0px 16px;font-weight:bold;display:flex;align-items:center}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info>.service-request>.contact .icon,.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info>.service-request>.email .icon{color:#666}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info>.info-wrapper{display:flex;flex-flow:row}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info>.info-wrapper>.consulting-info{padding:0px 16px;margin-bottom:20px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info>.info-wrapper>.consulting-info>.title{color:#333;font-size:14px;font-weight:500;margin-bottom:15px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info>.info-wrapper>.consulting-info>.content-wrap{margin-top:30px;margin-bottom:15px;display:flex}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info>.info-wrapper>.consulting-info>.content-wrap .content{color:#666;font-size:14px;display:flex;flex-flow:column}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info>.info-wrapper>.info-wrap{padding:0px 16px;margin-bottom:20px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info>.info-wrapper>.info-wrap>.title{color:#333;font-size:14px;font-weight:500;margin-bottom:15px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info .table{display:flex;flex-flow:column;min-width:556px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info .table>.tr{display:flex;align-items:center;border-top:2px solid #ccc;color:#666}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info .table>.tr:last-child{border-bottom:2px solid #ccc}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info .table>.tr>.th{display:flex;align-items:center;height:35px;min-width:158px;background-color:#e2f2f4;padding-left:5px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info .table>.tr>.td{display:flex;align-items:center;height:35px;padding-left:5px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info>.top-line{position:absolute;height:10px}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content{margin-top:50px;display:flex}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content>.contact{width:calc(50% - 10px)}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content>.contact>.contact-box{margin-bottom:20px}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content>.contact>.contact-box:last-child{margin-bottom:0px}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content>.contact>.contact-box>.title{font-size:14px;color:#666}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content>.contact>.contact-box>.value{font-size:18px;font-weight:bold;color:#333}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content>.detail-infomation{width:calc(50% - 10px);margin-left:auto;padding-left:20px;box-sizing:border-box}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content>.detail-infomation>.info-box{margin-bottom:20px}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content>.detail-infomation>.info-box:last-child{margin-bottom:0px}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content>.detail-infomation>.info-box>.title{font-size:14px;color:#666}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content>.detail-infomation>.info-box>.value{font-size:18px;color:#333}.Landing .landing-wrapper>.l-container.finish{height:320px;background:url(../../static/media/landing_img_finish.0a7010a5.png);background-size:cover;background-position-y:100%}.Landing .landing-wrapper>.l-container.finish>.wrapper{background-color:rgba(0,0,0,.8);height:100%;display:flex;align-items:center;justify-content:center;color:#eee}.Landing .landing-wrapper>.l-container.finish>.wrapper .main-title{font-size:48px;line-height:60px;display:flex;flex-flow:column;align-items:center;justify-content:center;font-weight:bold}.Landing .landing-wrapper>.l-container.finish>.wrapper .btn-groups{display:flex;align-items:center;justify-content:center}.Landing .landing-wrapper>.l-container.finish>.wrapper .btn-groups .btn{width:210px;margin-right:5px;margin-left:5px;font-size:14px}.Landing .landing-wrapper>.l-container.footer{padding:30px 0px}.Landing .landing-wrapper>.l-container.footer>.wrapper{max-width:1200px;margin:auto}.Landing .landing-wrapper>.l-container.footer>.wrapper .row{display:flex;justify-content:space-between;white-space:pre-wrap}.Landing .landing-wrapper>.l-container.footer>.wrapper .row .logo-box{display:flex;height:30px;align-items:center}.Landing .landing-wrapper>.l-container.footer>.wrapper .row .logo-box>.logo{width:auto;height:inherit}.Landing .landing-wrapper>.l-container.footer>.wrapper .row>.content{display:flex;align-items:center}.Landing .landing-wrapper>.l-container.footer>.wrapper .row>.content>.links{display:flex;align-items:center}.Landing .landing-wrapper>.l-container.footer>.wrapper .row>.content>.links>.link-divider{height:12px;margin:0px 10px;border:1px solid #555}.Landing .landing-wrapper>.l-container.footer>.wrapper .row>.content>.links>.link{color:#555;font-weight:bold;font-size:12px;text-decoration:none}.Landing .landing-wrapper>.l-container.footer>.wrapper .row>.content .btn{width:210px;margin-left:auto;align-items:center}.Landing .landing-wrapper>.l-container.footer>.wrapper .footer-foot{margin-top:10px;margin-bottom:10px;display:flex;flex-direction:column;align-items:baseline;color:gray;font-size:12px}.Landing .landing-wrapper>.l-container.footer>.wrapper .footer-foot .first-row{display:flex;flex-wrap:wrap;white-space:pre-wrap}.Landing .landing-wrapper>.l-container.footer>.wrapper .footer-foot .second-row{display:flex;flex-wrap:wrap;white-space:pre-wrap}.Landing .landing-wrapper>.l-container.footer>.wrapper .footer-foot .item{margin-right:10px}.Landing .landing-wrapper>.l-container.footer>.wrapper .footer-foot .third-row{margin-top:10px;width:100%;display:flex;flex-flow:row wrap;justify-content:space-between}.Landing .landing-wrapper>.l-container.footer>.wrapper .footer-foot .copyright{font-size:10px}@media(min-width: 768px)and (max-width: 1199px){::-webkit-scrollbar{height:10px}.Landing{height:100%;overflow:auto;overflow-x:hidden !important;background-color:#fff}.Landing .landing-wrapper{margin-top:60px}.Landing .landing-wrapper>.l-container.buildit-system{background-color:#f5f5f5}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper{max-width:1200px;display:flex;flex-flow:column;margin:0px 50px}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper>.title{padding-top:0px;font-size:48px;color:#333;font-weight:bold;line-height:60px;text-align:left;margin-bottom:40px}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper>.cards{flex:1 1;display:flex;padding-top:100px;justify-content:center;margin-left:-16px;margin-right:-16px}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper>.cards .card{background-color:inherit}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper>.cards .card.AI{margin-right:60px}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper>.cards .card.DESIGNER{margin-top:200px}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper>.cards .card img{width:304px;height:402px}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper>.cards .card>.title{text-align:center;color:#333;font-size:18px;font-weight:bold;margin:20px 0px}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper>.cards .card>.info{font-size:20px;display:flex;flex-flow:column;align-items:center;justify-content:center;font-weight:bold;margin-bottom:20px}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper>.cards .card .btn{width:210px;margin:auto;font-size:14px}.Landing .landing-wrapper>.l-container.buildit-system .sub-wrapper{display:flex;flex-flow:column;margin:0px 50px;overflow-x:auto}.Landing .landing-wrapper>.l-container.buildit-system .sub-wrapper>.sub-title{margin-bottom:40px}.Landing .landing-wrapper>.l-container.buildit-system .sub-wrapper>.sub-title>.title-border{display:none}.Landing .landing-wrapper>.l-container.buildit-system .sub-wrapper>.sub-title>.mobile-display{display:block}.Landing .landing-wrapper>.l-container.buildit-system .sub-wrapper>.sub-title>.mobile-hide{display:none}.Landing .landing-wrapper>.l-container.buildit-system .sub-wrapper>.buildit-system__use>.buildit-system__use-border{display:none}.Landing .landing-wrapper>.l-container.buildit-reason1{padding:100px 0px}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper{max-width:1200px;margin:auto;display:flex;flex-flow:column;margin-left:50px}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.title{font-size:48px;color:#333;font-weight:bold;line-height:60px}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.content{max-width:712px;margin-left:0px;margin-top:100px}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.content .mobile-display{display:none}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.content .mobile-none{display:block}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.content .info-box{margin-bottom:50px}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.content .info-box>.title{font-size:32px;color:#333;margin-bottom:20px;font-weight:bold}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.content .info-box>.info{color:#666;font-size:24px}.Landing .landing-wrapper>.l-container.price{padding:100px 0px}.Landing .landing-wrapper>.l-container.price>.wrapper{max-width:1200px;margin:auto}.Landing .landing-wrapper>.l-container.price>.wrapper>.content{margin:0px 50px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .plantype-price{grid-template-columns:repeat(2, 0fr);justify-content:center}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards{display:flex;overflow-x:auto;justify-content:unset;padding-bottom:20px;flex-flow:nowrap}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards::-webkit-scrollbar{height:7px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card{margin:0px;flex-grow:0;flex-shrink:0;flex-basis:273px;margin-right:20px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card:first-child{margin-left:0px;margin-right:20px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card:last-child{margin-left:auto;margin-right:0px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-title{font-size:32px;line-height:42px;color:#333;font-weight:bold}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-info{height:48px;font-size:16px;color:#333;font-weight:bold;line-height:24px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price{color:#333;font-size:18px;line-height:24px;font-weight:bold;text-align:right;margin-bottom:30px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.point-info{display:none}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value{display:flex;height:40px;align-items:center}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value>.icon-wrap{padding-left:10px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value>.icon-wrap .icon{color:#666;margin-top:5px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value>.value{padding-left:10px;color:#666;font-size:14px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value-table{display:flex;margin-bottom:10px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value-table>.icon-wrap{padding-left:10px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value-table>.icon-wrap>img{margin-top:11px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value-table>.value{width:100%;padding-left:10px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value-table>.value>.key-value{display:flex;align-items:center;width:inherit}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value-table>.value>.key-value.all{height:40px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value-table>.value>.key-value.buildit,.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value-table>.value>.key-value.service{height:24px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value-table>.value>.key-value>.value{margin-left:auto;margin-right:20px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info>.info-wrapper{flex-flow:column}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info>.info-wrapper>.consulting-info{padding:0px 16px;margin-bottom:20px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info>.info-wrapper>.consulting-info>.title{color:#333;font-size:14px;font-weight:500;margin-bottom:15px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info>.info-wrapper>.consulting-info>.content-wrap{margin-bottom:15px;display:flex}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info>.info-wrapper>.consulting-info>.content-wrap .content{color:#666;font-size:14px;display:flex;flex-flow:column}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info>.info-wrapper>.info-wrap{padding:0px 16px;margin-bottom:20px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info>.info-wrapper>.info-wrap>.title{color:#333;font-size:14px;font-weight:500;margin-bottom:15px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info .table{min-width:unset;width:100%}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info .table .tr{min-width:unset;align-items:unset}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content{margin-top:50px;display:flex}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content>.contact{width:calc(30% - 10px)}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content>.contact>.contact-box{margin-bottom:20px}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content>.contact>.contact-box:last-child{margin-bottom:0px}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content>.contact>.contact-box>.title{font-size:14px;color:#666}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content>.contact>.contact-box>.value{font-size:18px;font-weight:bold;color:#333}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content>.detail-infomation{width:calc(50% - 10px);margin-left:20px;padding-left:20px;box-sizing:border-box}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content>.detail-infomation>.info-box{margin-bottom:20px}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content>.detail-infomation>.info-box:last-child{margin-bottom:0px}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content>.detail-infomation>.info-box>.title{font-size:14px;color:#666}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content>.detail-infomation>.info-box>.value{font-size:18px;color:#333}.Landing .landing-wrapper>.l-container.finish{height:400px;background:url(../../static/media/landing_img_finish.0a7010a5.png);background-size:cover;background-position-y:100%}.Landing .landing-wrapper>.l-container.finish>.wrapper{background-color:rgba(0,0,0,.6);height:100%;display:flex;align-items:center;justify-content:center;color:#eee}.Landing .landing-wrapper>.l-container.finish>.wrapper .main-title{font-size:48px;line-height:60px;display:flex;flex-flow:column;align-items:center;justify-content:center;font-weight:bold;margin-bottom:30px}.Landing .landing-wrapper>.l-container.finish>.wrapper .sub-title{font-size:24px;display:flex;flex-flow:column;align-items:center;justify-content:center;font-weight:bold;margin-bottom:20px}.Landing .landing-wrapper>.l-container.finish>.wrapper .btn-groups{display:flex;align-items:center;justify-content:center}.Landing .landing-wrapper>.l-container.finish>.wrapper .btn-groups .btn{width:210px;margin-right:5px;margin-left:5px}.Landing .landing-wrapper>.l-container.footer{padding:30px 0px}.Landing .landing-wrapper>.l-container.footer>.wrapper{max-width:1200px;margin:auto;margin:0px 50px}.Landing .landing-wrapper>.l-container.footer>.wrapper>.content{display:flex}.Landing .landing-wrapper>.l-container.footer>.wrapper>.content>.links{display:flex;align-items:center}.Landing .landing-wrapper>.l-container.footer>.wrapper>.content>.links>.link-divider{height:30%;margin:0px 10px;border:1px solid #555}.Landing .landing-wrapper>.l-container.footer>.wrapper>.content>.links>.link{color:#555;font-weight:bold;font-size:18px;text-decoration:none}.Landing .landing-wrapper>.l-container.footer>.wrapper>.content .btn{width:210px;margin-left:auto;align-items:center}.Landing .landing-wrapper>.l-container.footer>.wrapper>.footer-foot{margin-top:10px;margin-bottom:20px;display:flex;align-items:flex-start;flex-flow:column}}@media(min-width: 300px)and (max-width: 767px){::-webkit-scrollbar{height:10px}::-webkit-scrollbar-thumb{background:#ccc !important}.Landing{height:100%;overflow:auto;overflow-x:hidden;background-color:#fff}.Landing .btn{font-weight:bold !important}.Landing .app-bar{display:none !important}.Landing .mobile-appbar{display:block;margin-top:0px}.Landing .mobile-appbar .detail{padding-top:10px;background-color:#fff}.Landing .mobile-appbar .detail .menu{height:40px;padding-left:22px;color:#232732;font-size:14px}.Landing .mobile-appbar .detail .menu .open-icon{width:16px;margin-left:2px}.Landing .mobile-appbar .detail .info{font-size:12px;padding-left:22px;height:50px;line-height:16px}.Landing .landing-wrapper>.l-container{width:100%}.Landing .landing-wrapper>.l-container.buildit-system{padding-bottom:20px}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper{max-width:1200px;margin:auto;display:flex;flex-flow:column;padding:50px 0px 30px 0px;margin:0px 16px 20px 16px;overflow-x:auto}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper>.title{flex:1 1;padding-top:0px;font-size:48px;color:#333;font-weight:bold;line-height:40px;text-align:left;font-size:32px;margin-bottom:40px}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper .cards-container .project-description{white-space:nowrap !important}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper .cards{display:flex;flex-flow:nowrap;overflow-x:scroll;justify-content:space-between;flex-wrap:wrap;width:820px;margin-bottom:0 !important}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper .cards .card{background-color:inherit;margin-bottom:40px !important;width:50%;flex:0 0 304px}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper .cards .card.AI{padding-top:0px;margin-right:10px}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper .cards .card.DESIGNER{margin-left:10px;margin-top:0px}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper .cards .card img{width:100%;height:auto}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper .cards .card>.title{text-align:center;color:#333;font-size:18px;font-weight:bold;margin:16px 0px}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper .cards .card>.info{font-size:18px;display:flex;flex-flow:column;align-items:center;justify-content:normal;font-weight:bold;margin-bottom:20px;height:80px}.Landing .landing-wrapper>.l-container.buildit-system>.wrapper .cards .card .btn{width:210px;margin:auto;font-size:14px}.Landing .landing-wrapper>.l-container.buildit-system .sub-wrapper{display:flex;flex-flow:column;margin:70px 16px 0px 16px;overflow-x:auto;padding-bottom:30px}.Landing .landing-wrapper>.l-container.buildit-system .sub-wrapper>.sub-title{font-size:32px;margin-bottom:40px}.Landing .landing-wrapper>.l-container.buildit-system .sub-wrapper>.sub-title .mobile-display{display:block}.Landing .landing-wrapper>.l-container.buildit-system .sub-wrapper>.sub-title .mobile-hide{display:none}.Landing .landing-wrapper>.l-container.buildit-system .sub-wrapper>.sub-title>.title-border{display:none}.Landing .landing-wrapper>.l-container.buildit-system .sub-wrapper>.buildit-system__use>.buildit-system__use-border{display:none}.Landing .landing-wrapper>.l-container.buildit-reason1{padding:50px 0px 0px 0;height:412px;box-sizing:border-box}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper{max-width:1200px;margin:auto;display:flex;flex-flow:column;overflow:visible;margin:0px 16px}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.title{font-size:32px;color:#333;font-weight:bold;line-height:40px;margin-bottom:30px;margin-left:0px}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.content{margin-left:0px;max-width:auto;display:flex;flex-flow:nowrap;overflow-x:scroll}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.content .mobile-display{display:block}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.content .mobile-none{display:none}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.content .carousel{height:247px;padding-bottom:32px}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.content .carousel .slide{text-align:left}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.content .carousel .control-dots{margin-bottom:32px}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.content .carousel .control-dots .dot{width:26px;height:3px;border-radius:0;background:#666;opacity:.2;margin:2px;box-shadow:none}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.content .carousel .control-dots .dot.selected{opacity:1}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.content .carousel .control-arrow{opacity:1;width:50px;height:50px;margin-top:30px;display:inline-block;border-top:0px;border-bottom:0px;margin:0px;top:182px;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0)}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.content .carousel .control-arrow.control-prev:before{margin:0;border:0;width:50px;height:50px;content:url(../../static/media/M-landing-swiper-left.eac1f517.svg)}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.content .carousel .control-arrow.control-next:before{margin:0;border:0;width:50px;height:50px;content:url(../../static/media/M-landing-swiper-right.760fc7e0.svg)}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.content .carousel .carousel-status{display:none}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.content .info-box{flex:0 0 100%;margin-right:20px;line-height:24px;color:#666;font-size:16px}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.content .info-box:last-child{margin-right:0px}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.content .info-box>.title{font-size:24px;color:#333;margin-bottom:10px;font-weight:bold}.Landing .landing-wrapper>.l-container.buildit-reason1>.wrapper>.content .info-box>.info{color:#666;font-size:18px}.Landing .landing-wrapper>.l-container.price{background:#fff;padding-top:40px;padding-bottom:20px}.Landing .landing-wrapper>.l-container.price>.wrapper{margin:auto}.Landing .landing-wrapper>.l-container.price>.wrapper>.title>.main-title{font-size:32px;line-height:42px;color:#333;font-weight:bold;text-align:center}.Landing .landing-wrapper>.l-container.price>.wrapper>.title>.sub-title{margin-top:10px;font-size:18px;line-height:26px;color:#232732;text-align:center;display:flex;flex-flow:column}.Landing .landing-wrapper>.l-container.price>.wrapper>.content{margin:0px 16px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards{display:flex;overflow-x:scroll;padding-bottom:20px;justify-content:unset;flex-flow:nowrap}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card{margin:0px;flex-grow:0;flex-shrink:0;flex-basis:273px;margin-right:20px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card:first-child{margin-left:0px;margin-right:20px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card:last-child{margin-left:auto;margin-right:0px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-title{font-size:32px;line-height:42px;color:#333;font-weight:bold}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-info{height:48px;font-size:18px;color:#333;font-weight:bold;line-height:24px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price{color:#333;font-size:18px;line-height:24px;font-weight:bold;text-align:right;margin-bottom:30px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.point-info{display:none}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value{display:flex;height:40px;align-items:center}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value>.icon-wrap{padding-left:10px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value>.icon-wrap .icon{color:#666;margin-top:5px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value>.value{padding-left:10px;color:#666;font-size:14px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value-table{display:flex;margin-bottom:10px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value-table>.icon-wrap{padding-left:10px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value-table>.icon-wrap>img{margin-top:11px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value-table>.value{width:100%;padding-left:10px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value-table>.value>.key-value{display:flex;align-items:center;width:inherit}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value-table>.value>.key-value.all{height:40px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value-table>.value>.key-value.buildit,.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value-table>.value>.key-value.service{height:24px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content>.price-cards .card>.price-table>.icon-value-table>.value>.key-value>.value{margin-left:auto;margin-right:20px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .plantype-price{display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:scroll;padding-bottom:26px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info>.service-request{align-items:flex-start;flex-flow:column}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info>.info-wrapper{flex-flow:column}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info>.info-wrapper>.consulting-info{padding:0px 16px;margin-bottom:20px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info>.info-wrapper>.consulting-info>.title{color:#333;font-size:14px;font-weight:500;margin-bottom:15px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info>.info-wrapper>.consulting-info>.content-wrap{margin-bottom:15px;display:flex}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info>.info-wrapper>.consulting-info>.content-wrap .content{color:#666;font-size:14px;display:flex;flex-flow:column}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info>.info-wrapper>.info-wrap{padding:0px 16px;margin-bottom:20px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info>.info-wrapper>.info-wrap>.title{color:#333;font-size:14px;font-weight:500;margin-bottom:15px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info .table{min-width:120px}.Landing .landing-wrapper>.l-container.price>.wrapper>.content .service-info .table .tr{min-width:inherit;align-items:unset;flex-flow:column}.Landing .landing-wrapper>.l-container.price>.wrapper .consult-title{font-size:24px;margin-bottom:30px}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content{display:flex;flex-flow:column;margin:0px;margin-top:50px}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content>.contact{width:100%}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content>.contact>.contact-box{margin-bottom:20px}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content>.contact>.contact-box:last-child{margin-bottom:0px}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content>.contact>.contact-box>.title{font-size:14px;color:#666}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content>.contact>.contact-box>.value{font-size:18px;font-weight:bold;color:#333}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content>.detail-infomation{width:100%;margin-left:0%;padding-left:0px;margin-top:20px;box-sizing:border-box}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content>.detail-infomation>.info-box{margin-bottom:20px}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content>.detail-infomation>.info-box:last-child{margin-bottom:0px}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content>.detail-infomation>.info-box>.title{font-size:14px;color:#666}.Landing .landing-wrapper>.l-container.price>.wrapper>.sub-content>.detail-infomation>.info-box>.value{font-size:18px;color:#333}.Landing .landing-wrapper>.l-container.finish{height:160px;background:url(../../static/media/landing_img_finish.0a7010a5.png);background-size:cover;background-position-y:100%}.Landing .landing-wrapper>.l-container.finish>.wrapper{background-color:rgba(0,0,0,.6);height:100%;display:flex;align-items:center;justify-content:center;color:#eee}.Landing .landing-wrapper>.l-container.finish>.wrapper .main-title{font-size:18px;line-height:24px;display:flex;flex-flow:column;align-items:center;justify-content:center;font-weight:bold}.Landing .landing-wrapper>.l-container.finish>.wrapper .sub-title{font-size:14px;display:flex;flex-flow:column;align-items:center;justify-content:center;font-weight:bold;margin-bottom:20px}.Landing .landing-wrapper>.l-container.finish>.wrapper .btn-groups{display:flex;align-items:center;justify-content:center;flex-flow:column}.Landing .landing-wrapper>.l-container.finish>.wrapper .btn-groups .btn{width:210px;margin-right:5px;margin-left:5px;margin-bottom:15px}.Landing .landing-wrapper>.l-container.footer{padding:30px 0px}.Landing .landing-wrapper>.l-container.footer>.wrapper{max-width:1200px;margin:auto;margin:0px 16px}.Landing .landing-wrapper>.l-container.footer>.wrapper .row .logo-box{display:none}.Landing .landing-wrapper>.l-container.footer>.wrapper .content{display:flex}.Landing .landing-wrapper>.l-container.footer>.wrapper .content>.links{flex-direction:column;display:flex;flex-flow:column;align-items:flex-start !important}.Landing .landing-wrapper>.l-container.footer>.wrapper .content>.links>.link-divider{height:30%;margin:0px 10px;border:1px solid #555;display:none}.Landing .landing-wrapper>.l-container.footer>.wrapper .content>.links>.link{color:#555;font-weight:bold;font-size:16px !important;text-decoration:none;margin-bottom:10px;text-align:left}.Landing .landing-wrapper>.l-container.footer>.wrapper .content .btn{width:210px;margin-left:auto;align-items:center;display:none}.Landing .landing-wrapper>.l-container.footer>.wrapper>.footer-foot{margin-top:10px;margin-bottom:20px;display:flex;flex-flow:column;align-items:flex-start;color:gray;line-height:18px;font-size:12px !important}.Landing .landing-wrapper>.l-container.footer>.wrapper>.footer-foot .first-row{display:flex;flex-direction:column}.Landing .landing-wrapper>.l-container.footer>.wrapper>.footer-foot .first-row .item:nth-child(3){width:260px}.Landing .landing-wrapper>.l-container.footer>.wrapper>.footer-foot .second-row{flex-wrap:nowrap;flex-direction:column}.Landing .landing-wrapper>.l-container.footer>.wrapper>.footer-foot .second-row .item:nth-child(3){width:240px;margin-right:0}.Landing .landing-wrapper>.l-container.footer>.wrapper>.footer-foot .second-row .mobile-none{display:none}.Landing .landing-wrapper>.l-container.footer>.wrapper>.footer-foot>.address{display:flex;flex-flow:column}}.block{height:5em;line-height:5em;width:10em;background:#464646;color:#fdfdfd;text-align:center;margin:1em auto;text-shadow:0 0 1px #333}.animatable{visibility:hidden;animation-play-state:paused}.animated{visibility:visible;animation-fill-mode:both;animation-duration:1s;animation-play-state:running}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}60%{opacity:0}20%{opacity:0}100%{opacity:1}}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px)}60%{transform:translateX(20px)}80%{transform:translateX(-5px)}100%{opacity:1;transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px)}60%{transform:translateX(-20px)}80%{transform:translateX(5px)}100%{opacity:1;transform:translateX(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3)}50%{transform:scale(1.05)}70%{transform:scale(0.9)}100%{opacity:1;transform:scale(1)}}@keyframes moveUp{0%{opacity:1;transform:translateY(40px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeBgColor{0%{background:none}70%{background:none}100%{background:#464646}}.animated.animationDelay{animation-delay:.4s;-webkit-animation-delay:.4s}.animated.animationDelayMed{animation-delay:1.2s;-webkit-animation-delay:1.2s}.animated.animationDelayLong{animation-delay:1.6s;-webkit-animation-delay:1.6s}.animated.fadeBgColor{animation-name:fadeBgColor}.animated.bounceIn{animation-name:bounceIn}.animated.bounceInRight{animation-name:bounceInRight}.animated.bounceInLeft{animation-name:bounceInLeft}.animated.fadeIn{animation-name:fadeIn}.animated.fadeInDown{animation-name:fadeInDown}.animated.fadeInUp{animation-name:fadeInUp}.animated.moveUp{animation-name:moveUp}
.ProjectSummary .more-btn{width:100px;position:absolute;bottom:0px;right:0px}.ProjectSummary>.title{font-size:18px;border-bottom:1px solid #555;height:50px;display:flex;align-items:center}.ProjectSummary>.content>.project-title-wrap{padding-top:30px;cursor:text}.ProjectSummary>.content>.project-title-wrap>.project-title-info{color:#999;font-size:12px;margin-bottom:10px}.ProjectSummary>.content>.project-title-wrap>.project-title{display:flex;flex-flow:row;align-items:center;font-size:18px;height:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ccc;background-color:#0c111b}.ProjectSummary>.content>.project-title-wrap>.project-title:hover{background-color:#273945}.ProjectSummary>.content>.project-title-wrap>.project-title .project-title-edit{display:flex;align-items:center;width:1068px;margin-left:10px}.ProjectSummary>.content>.project-title-wrap>.project-title .project-title-edit>.project-title{max-width:1068px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ProjectSummary>.content>.project-title-wrap>.project-title .project-title-edit .icon{margin-left:10px;color:#999}.ProjectSummary>.content>.project-title-wrap>.project-title input{height:50px;font-size:18px}.ProjectSummary>.content>.project-title-wrap>.project-title input:hover{cursor:text}.ProjectSummary>.content>.project-title-wrap>.project-title .focus{border-bottom:1px solid #fff}.ProjectSummary>.content>.project-description-wrap{width:1078px}.ProjectSummary>.content .project-description.no-edit{border:none}.ProjectSummary>.content>.config-wrap{display:flex;flex-flow:row;border-top:1px solid #555;padding-top:20px;margin-top:50px;box-sizing:border-box}.ProjectSummary>.content>.config-wrap>.title{margin-right:122px;width:102px;box-sizing:border-box;height:58px;border-bottom:1px solid #555;border-right:1px solid #555;font-size:18px;color:#eee}.ProjectSummary>.content>.config-wrap>.content-wrap{width:977px;display:flex;flex-flow:column}.ProjectSummary>.content>.config-wrap>.content-wrap>.content{min-height:35px;border-left:1px solid #333;padding-left:20px;display:flex;flex-flow:column;padding-top:20px;position:relative}.ProjectSummary>.content>.config-wrap>.content-wrap>.content:first-child{padding-top:0px}.ProjectSummary>.content>.config-wrap>.content-wrap>.content>.type{display:flex;flex-flow:column}.ProjectSummary>.content>.config-wrap>.content-wrap>.content>.type.my-type>.title{display:flex;flex-flow:row;align-items:center}.ProjectSummary>.content>.config-wrap>.content-wrap>.content>.type.my-type>.title>.more-my-type-btn{margin-left:auto;color:#ccc;font-size:12px;padding:0px}.ProjectSummary>.content>.config-wrap>.content-wrap>.content>.type.my-type>.title>.more-my-type-btn .icon{margin-left:10px;color:#ccc}.ProjectSummary>.content>.config-wrap>.content-wrap>.content>.type.my-type>.title:hover{background-color:inherit}.ProjectSummary>.content>.config-wrap.basic>.content-wrap>.content{flex-flow:row nowrap}.ProjectSummary>.content>.config-wrap.basic>.content-wrap>.content>.basic-box{width:224px;box-sizing:border-box;margin-right:20px}.ProjectSummary>.content>.config-wrap.basic>.content-wrap>.content>.basic-box.address{width:468px}.ProjectSummary>.content>.config-wrap.basic>.content-wrap>.content>:last-child{margin-right:0px}.ProjectSummary>.content>.config-wrap.basic>.content-wrap>.content>.textarea{width:712px}.ProjectSummary>.content>.config-wrap.value>.content-wrap>.content{flex-flow:row nowrap}.ProjectSummary>.content>.config-wrap.value>.content-wrap>.content>.value-box{width:102px;box-sizing:border-box;margin-right:20px}.ProjectSummary>.content>.config-wrap.value>.content-wrap>.content>:last-child{margin-right:0px}.ProjectSummary>.content>.config-wrap.value>.content-wrap>.content .project-value-wrap{margin-right:20px}.ProjectSummary>.content>.config-wrap.value>.content-wrap>.content .project-value-wrap:last-child{margin-right:0px}.ProjectSummary>.content>.config-wrap.value>.content-wrap>.content .project-value-wrap>.title{font-size:14px;border-bottom:1px solid #555;height:30px}.ProjectSummary>.content>.config-wrap.value>.content-wrap>.content .project-value-wrap>.content{display:flex;flex-flow:row;padding-top:10px}.ProjectSummary>.content>.config-wrap.value>.content-wrap>.content .project-value-wrap>.content>.value-box{width:102px;box-sizing:border-box;margin-right:20px}.ProjectSummary>.content>.config-wrap.value>.content-wrap>.content .project-value-wrap>.content>.value-box.large{width:223px}.ProjectSummary>.content>.config-wrap.value>.content-wrap>.content .project-value-wrap>.content>.value-box:last-child{margin-right:0px}
.ProjectPayment{padding-bottom:100px}.ProjectPayment>.breadcrumb-wrap{background-color:#161a24;display:flex;justify-content:center}.ProjectPayment>.breadcrumb-wrap>.content{margin-top:20px;width:1200px;display:flex;justify-content:flex-end}.ProjectPayment>.summary{margin-top:10px}.ProjectPayment>.payment-wrapper{background-color:#161a24;width:100%;z-index:2;position:relative}.ProjectPayment>.payment-wrapper>.content{position:relative;z-index:1;padding-top:20px;margin-left:auto;margin-right:auto;width:1200px;display:flex;flex-flow:column}.ProjectPayment>.payment-wrapper>.content>.title{font-size:30px;color:#eee}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.title{color:#48ddf2;font-size:18px;height:50px;box-sizing:border-box;display:flex;align-items:center;border-bottom:1px solid #555}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body{margin:16px 0px;display:flex;flex-flow:row;align-items:center;height:120px}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.loading-box{display:none}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.loading-box .loading-icon{color:#ccc}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.loading-box.loading-on{display:block;width:1200px;z-index:2000;position:absolute;height:162px;background-color:rgba(22,26,36,.5);display:flex;align-items:center;justify-content:center}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.loading-box.INFINITE{height:209px}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap{padding:20px 0;border-radius:6px;background-color:#232732}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap .plan-tag-wrap{height:70px}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap .plan-tag-wrap .plan-tag{margin-left:20px;margin-top:25px}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap .plan-tag-wrap .plan-info{height:30px;margin-left:20px;margin-top:25px;color:#999;font-size:14px}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap .plan-tag-wrap .plan-info .link{color:#48ddf2;cursor:pointer;margin-left:5px}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.package-box{margin-top:20px;margin-left:20px;display:flex;justify-content:flex-start;display:flex;flex-direction:row;justify-content:flex-start}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.package-box>.available-daily-point{font-size:14px;text-align:center;margin-left:16px}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.package-box .PLATINUM-wrapper{width:149px;height:40px;border-radius:6px;border:1px solid #48ddf2;font-weight:700;line-height:40px;display:flex;align-items:center;padding-left:10px;padding-right:10px;box-sizing:border-box}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.package-box .PLATINUM-wrapper .PLATINUM{background:linear-gradient(95.5deg, #48DDF2 16.29%, #95E4B3 84.25%);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);font-size:18px}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.package-box .PLATINUM-wrapper .PLATINUM-using{margin-left:3px;color:#48ddf2;font-size:14px}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.project-setting{border-bottom:1px solid #333;width:672px;padding:20px 0px 10px 0px;margin:0px 20px;display:flex}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.project-setting>.project-type-wrap{width:100%;height:40px;display:flex;align-items:center}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.project-setting>.project-type-wrap>.project-type-btns{margin-left:auto}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.project-setting>.project-type-wrap>.project-type-btns>.project-type{border:1px solid #ccc;box-sizing:border-box;width:120px;padding:0px;height:30px;font-size:14px;color:#ccc}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.project-setting>.project-type-wrap>.project-type-btns>.project-type.select{border-color:#95e4b3;color:#95e4b3}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.project-setting>.project-type-wrap>.project-type-btns>.project-type.select .icon{color:#95e4b3}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.project-setting>.project-type-wrap>.project-type-btns>.project-type .type-btn-wrap{width:100%;display:flex;align-items:center;text-align:left}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.project-setting>.project-type-wrap>.project-type-btns>.project-type .type-btn-wrap .icon-wrap{width:40px;display:flex;padding:0px 10px;box-sizing:border-box;margin-left:auto}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.project-setting>.project-type-wrap>.project-type-btns>.project-type .type-btn-wrap .type{height:28px;display:flex;align-items:center;margin-left:10px}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.project-setting>.reports-number{margin-left:auto}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.project-setting>.reports-number .reports-number-input{width:120px}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.pay-info{display:flex;align-items:center}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.pay-info>.info-wrap{box-sizing:border-box;width:348px;display:flex;flex-direction:column;align-items:inherit}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.pay-info>.info-wrap>.key-value{width:100%;padding:0px 20px 0 20px;height:40px;display:flex;align-items:center}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.pay-info>.info-wrap>.key-value>.key{display:flex;font-size:14px;width:147px;color:#999}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.pay-info>.info-wrap>.key-value>.value{color:#eee;font-size:14px;margin-left:auto}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.pay-info>.info-wrap>.key-value>.value.large{font-size:20px}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.pay-info>.info-wrap>.key-value>.value.no-money{color:#e81c1c}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.pay-info>.info-wrap>.key-value .font-special{color:#48ddf2;display:flex;align-items:center}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.pay-info>.info-wrap>.key-value .font-special .info{margin-left:4px;width:16px}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.pay-info>.info-wrap>.key-value.total{background-color:#161a24}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.pay-info>.info-wrap>.key-value.total>.key,.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.pay-info>.info-wrap>.key-value.total>.value{color:#48ddf2}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.pay-info>.info-wrap-divider{border:.5px solid #333;height:62px;margin:0px 7px}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.pay-coupon{margin:8px 8px 0 10px}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.pay-coupon .key-value{height:32px;display:flex}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.pay-coupon .key-value .key{width:147px;flex-shrink:0;display:flex;color:#999;align-items:center}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.pay-coupon .key-value .key .info{width:16px;margin-left:4px}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-wrap>.pay-coupon .key-value .value{width:100%;display:flex;align-items:center}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-btns{display:flex;margin-left:auto;flex-flow:column;width:366px;grid-gap:8px;gap:8px}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-btns .available-info{color:#ccc;text-align:center}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-btns>.no-count{color:#e81c1c;text-align:center}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-btns>.premium-trial{line-height:28px;height:28px}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-btns>.buy-plan{color:#48ddf2;text-align:center}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-btns>.buy-plan .info-link{color:#48ddf2 !important;text-decoration:underline;display:inline-flex}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-btns>.after-pay{text-align:center;margin-top:4px;color:#ccc}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-btns>.agree-wrap{cursor:pointer;display:flex;align-items:center;width:100%}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-btns>.agree-wrap a{color:inherit;text-decoration:underline;white-space:pre}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-btns>.pay-btn{height:36px;margin-top:auto;width:100%}.ProjectPayment>.payment-wrapper>.content>.pay-info-wrapper>.body>.pay-btns>.back-btn{width:100%;height:36px}.ProjectPayment .ProjectSummary{width:1200px;margin-left:auto;margin-right:auto}
.UserConfirm{width:100%;height:100%;background-color:#232732}.UserConfirm>.user-confirm-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-flow:column}.UserConfirm>.user-confirm-wrapper>a>.logo{position:absolute;left:30px;top:10px}.UserConfirm>.user-confirm-wrapper>.footer{position:absolute;bottom:30px;display:flex;flex-flow:row;color:#ccc;font-size:12px;align-items:center}.UserConfirm>.user-confirm-wrapper>.footer>div{margin-left:35px;margin-right:35px}.UserConfirm>.user-confirm-wrapper>.user-confirm-body{padding-top:30px;width:360px}.UserConfirm>.user-confirm-wrapper>.user-confirm-body>.header{font-size:30px;color:#eee}.UserConfirm>.user-confirm-wrapper>.user-confirm-body>.info{padding-top:25px;font-size:18px;color:#ccc}.UserConfirm>.user-confirm-wrapper>.user-confirm-body>.email-wrap{margin-top:30px;width:360px;height:100px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid #333}.UserConfirm>.user-confirm-wrapper>.user-confirm-body>.login-wrap{padding-top:20px}.UserConfirm>.user-confirm-wrapper>.user-confirm-body>.login-wrap .btn{width:360px}
.ResetPassword{width:100%;height:100%;background-color:#232732}.ResetPassword .BuilditInput .input-wrapper{height:40px}.ResetPassword .BuilditInput .input-wrapper .text::placeholder{color:#999}.ResetPassword .reset-password-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ResetPassword .reset-password-wrapper>a>.logo{position:absolute;left:30px;top:18px}.ResetPassword .reset-password-wrapper>.reset-form>.header{font-size:30px;color:#eee;width:360px}.ResetPassword .reset-password-wrapper>.reset-form>.input-wrap{padding-top:25px;width:360px;color:#ccc;font-size:18px}.ResetPassword .reset-password-wrapper>.reset-form>.input-wrap>.info{padding-bottom:20px}.ResetPassword .reset-password-wrapper>.reset-form>.input-wrap>.info>.email{color:#48ddf2}.ResetPassword .reset-password-wrapper>.reset-form>.input-wrap>.input{width:360px;margin-top:10px}.ResetPassword .reset-password-wrapper>.reset-form>.btn-wrap{margin-top:15px}.ResetPassword .reset-password-wrapper>.reset-form>.btn-wrap>.btn{width:360px}
#root{overflow:hidden;background-color:#1a1e28}header{background-color:#232732;display:flex;height:60px}header .logo{position:absolute;margin-left:30px;margin-top:17.5px}header .projectName{width:100%;text-align:center;vertical-align:auto;color:#ccc;font-size:14px;line-height:16px;margin:auto}header>.buttons{position:absolute;right:0;top:9px;display:flex;flex-direction:row;margin:auto;margin-right:30px}header>.buttons>.imageBox{position:relative;cursor:pointer;width:32px;height:32px;margin:5px;background-color:#383b45;border-radius:6px;display:flex;color:#ccc}header>.buttons>.imageBox>.tooltiptext{position:absolute;width:-webkit-max-content;width:max-content;visibility:hidden;opacity:0;cursor:default;background-color:#000;color:#eee;text-align:center;padding:5px 10px;font-size:12px;z-index:2;bottom:-100%;left:50%;transition:opacity .3s;transform:translate(-50%, 0%)}header>.buttons>.imageBox>.tooltiptext::after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #000 rgba(0,0,0,0)}header>.buttons>.imageBox>.imageButton,header>.buttons>.imageBox>.svgButton{margin:auto;width:20px;height:20px}header>.buttons>.imageBox.hidden{display:none}header>.buttons .imageBox:hover .imageButton{color:#95e4b3}header>.buttons .imageBox:hover .svgButton path{fill:#95e4b3}header>.buttons .imageBox:hover>.tooltiptext{visibility:visible;opacity:1}.mainView{display:flex;height:calc(100% - 60px)}.mainView .checkboxList{background-color:#161a24;width:120px}.mainView .checkboxList .reportBox{height:40px;padding-left:22.5px;color:#ccc;display:flex}.mainView .checkboxList .reportBox>.checkbox{padding:0px;padding-right:7.5px;color:#ccc}.mainView .checkboxList .reportBox>.checkbox svg{font-size:20px}.mainView .checkboxList .reportBox>.checkbox.checked{color:#48ddf2}.mainView .checkboxList .reportBox>.label{margin-top:10px;margin-left:0;font-size:12px}.lightControl{width:215px;height:225px;right:43px;top:70px;background-color:#222632;color:#eee;position:absolute;z-index:1}.lightControl .text{display:flex;font-size:12px;font-style:normal;font-weight:bold;line-height:17px;margin:10px 0 0 20px}.lightControl .text>span{margin-left:auto;margin-right:20px;color:#48ddf2}.lightControl .switchButton{width:175px;height:30px;margin:10px 20px;background-color:#383b45;color:#ccc;border-radius:6px;display:flex}.lightControl .switchButton .button{width:84.5px;height:26px;margin:auto;font-size:12px;line-height:14px;display:flex;cursor:pointer}.lightControl .switchButton .button>span{margin:auto;text-align:center}.lightControl .switchButton .button.active{background-color:#ccc;border-radius:6px;color:#383b45;font-weight:bold}.lightControl .lightHead{background-color:#1a1e28;border:1px solid #333;height:20px;color:#48ddf2;padding:10px 20px;display:flex}.lightControl .lightHead .icon{width:20px;height:20px}.lightControl .lightHead .icon>path{fill:#48ddf2}.lightControl .lightHead .headText{font-size:14px;margin:auto auto auto 5px}.lightControl .lightHead .close{width:20px;height:20px;margin-right:0px;color:#555;cursor:pointer}.lightControl .slider{margin:18px 0 0 20px;-webkit-appearance:none;width:175px;height:4px;background:#555;outline:none;opacity:1}.lightControl .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#48ddf2;cursor:pointer}.lightControl .slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#48ddf2;cursor:pointer}.Visualizer{position:relative;display:flex;height:100%}.Visualizer .interface{position:absolute;background-color:rgba(0,0,0,.2);top:0px;left:0px;height:100%;width:50px}.Visualizer .interface>button{padding:0px;border:0px;background:none;outline:none}.Visualizer .interface>button.handCursor{cursor:pointer}.Visualizer .interface>button>img{width:50px;height:50px}.Visualizer .lightDir{position:absolute;-webkit-appearance:none;width:100%;height:15px;border-radius:5px;background:#d3d3d3;outline:none;opacity:.7;transition:opacity .2s}.Visualizer .lightDir::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#4caf50;cursor:pointer}.Visualizer .lightDir::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:#4caf50;cursor:pointer}.Visualizer .canvases{display:flex;flex-flow:row wrap}.Visualizer .canvases .sample_info_div{z-index:1;position:absolute;top:10px;left:50%;transform:translateX(-50%);pointer-events:none;filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));animation-name:fadeIn;-webkit-animation:fadeIn 2s}.Visualizer .canvases .sample_info_div .sample_info{width:770px;height:76px;pointer-events:none}.Visualizer .canvases .sample_info_div .service_plan_btn{position:absolute;cursor:pointer;top:50%;right:15px;width:140px;height:32px;border-radius:6px;transform:translateY(-50%);background:linear-gradient(88.78deg, #48DDF2 21.4%, #95E4B3 78.6%);font-style:normal;font-weight:700;font-size:14px;line-height:17px;text-align:center;letter-spacing:-0.05em;color:#232732;border:none;pointer-events:initial}@media screen and (max-width: 1000px){.Visualizer .canvases .sample_info_div{display:none}}.Visualizer .canvases .sample_logo{position:absolute;top:50%;left:50%;width:565px;height:116px;opacity:.3;pointer-events:none;z-index:1;transform:translate(-50%, -50%);animation-name:fadeIn5;-webkit-animation:fadeIn5 1s}.Visualizer .canvases .Canvas{position:relative;box-sizing:border-box}.Visualizer .canvases .Canvas .rightTop{position:absolute;right:10px;top:10px}.Visualizer .canvases .Canvas .rightTop .compassButton{width:40px;height:40px;margin-bottom:10px;background:none;cursor:pointer;outline:none;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.Visualizer .canvases .Canvas .rightTop .compassButton .compassPointer{position:absolute;height:30px;top:50%;left:50%;transform:translate(-50%, -50%)}.Visualizer .canvases .Canvas .rightTop .imageButton{cursor:pointer;width:40px;height:40px;background-color:#383b45;border-radius:6px;display:flex;margin:auto;margin-bottom:10px}.Visualizer .canvases .Canvas .rightTop .imageButton .image{width:24px;height:24px;margin:auto;color:#ccc}.Visualizer .canvases .Canvas .rightTop .imageButton.hidden{visibility:hidden}.Visualizer .canvases .Canvas .rightTop .imageButton.active .image>path{fill:#95e4b3}.Visualizer .canvases .Canvas .rightTop .imageButton .tooltiptext{position:absolute;width:-webkit-max-content;width:max-content;visibility:hidden;opacity:0;cursor:default;background-color:#000;color:#eee;text-align:center;padding:5px 10px;font-size:12px;z-index:2;right:80%;transition:opacity .3s;transform:translate(0, 25%)}.Visualizer .canvases .Canvas .rightTop .imageButton .tooltiptext::after{content:"";position:absolute;left:100%;top:35%;border-width:4px;border-style:solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #000}.Visualizer .canvases .Canvas .rightTop .imageButton:hover .image{color:#95e4b3}.Visualizer .canvases .Canvas .rightTop .imageButton:hover .image>path{fill:#95e4b3}.Visualizer .canvases .Canvas .rightTop .imageButton:hover>.tooltiptext{visibility:visible;opacity:1}.Visualizer .canvases .Canvas .rightTop .reportNum{text-align:center}.Visualizer .canvases .Canvas .rightBottom{position:absolute;right:10px;bottom:10px}.Visualizer .canvases .Canvas .leftTop{position:absolute;width:162px;height:127px;left:10px;top:10px;background-color:rgba(22,26,36,.5);border-radius:6px;color:#eee;display:flex;flex-direction:column;-webkit-user-select:none;-webkit-user-drag:none;-webkit-app-region:no-drag;pointer-events:none}.Visualizer .canvases .Canvas .leftTop .titleDiv{height:32px;display:flex}.Visualizer .canvases .Canvas .leftTop .titleDiv .title{font-size:14px;margin-top:10px;margin-left:10px}.Visualizer .canvases .Canvas .leftTop .midTitle{height:20px;display:flex}.Visualizer .canvases .Canvas .leftTop .midTitle .title{font-size:12px;margin-top:2px;margin-bottom:auto;margin-left:10px}.Visualizer .canvases .Canvas .leftTop .parameter{display:flex;height:20px;color:#ccc;font-size:12px}.Visualizer .canvases .Canvas .leftTop .parameter .name{margin-top:auto;padding-left:10px;width:80px}.Visualizer .canvases .Canvas .leftTop .parameter .value{margin-top:auto;margin-left:auto;margin-right:10px;right:0px}.Visualizer .canvases .Canvas .compositionMask{position:absolute;top:0px;left:0px;pointer-events:none;display:flex;flex-direction:row}.Visualizer .canvases .Canvas .compositionMask .mask{background-color:rgba(0,0,0,.3);pointer-events:auto;color:#eee;font-weight:700}.Visualizer .canvases .Canvas .compositionMask .mask.created{background-color:rgba(0,89,255,.3)}.Visualizer .canvases .Canvas .compositionMask .top{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-block:16px}.Visualizer .canvases .Canvas .compositionMask .indexButton{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;grid-column-gap:8px;column-gap:8px}.Visualizer .canvases .Canvas canvas{display:inherit;outline:none}.Visualizer .canvases .Canvas.mouseOver{border:2px solid #48ddf2}.modalBody div>div{width:985px;height:750px;max-width:1000px;background-color:#1a1e28}.modalBody .modal-title{background-color:#1a1e28;box-sizing:border-box;width:985px;height:50px;padding:30px 40px 0 30px;font-size:18px;color:#eee;display:flex}.modalBody .modal-title .title{width:auto;height:20px}.modalBody .modal-title .icon{color:#555;margin-left:auto;width:20px;height:20px;cursor:pointer}.modalBody .project_info{display:flex;max-width:955px;height:auto;padding-top:21px;padding-left:30px}.modalBody .project_info .info_parameter{width:175px;height:40px;display:flex;flex-direction:column}.modalBody .project_info .info_parameter .info_title{width:auto;height:20px;font-size:12px;color:#999}.modalBody .project_info .info_parameter .info_value{width:auto;font-size:14px;color:#ccc;height:20px}.modalBody .project_info .info_parameter.w175{width:175px}.modalBody .project_info .info_parameter.w360{width:360px}.modalBody .project_info .info_parameter.rb{border-right:1px solid #333;margin-right:10px}.modalBody .dividingLine{margin-left:30px;margin-top:21px;height:1px;width:915px;border-top:solid 1px #555}.modalBody .info{width:auto;margin-left:30px;margin-top:30px;display:flex;flex-direction:column}.modalBody .info .row{display:flex;width:auto;height:auto}.modalBody .info .row .cell{width:175px;height:20px;padding:10px 0 10px 0;margin-right:10px;font-size:14px;color:#ccc;display:flex}.modalBody .info .row .cell.reportNum{font-size:18px;color:#48ddf2}.modalBody .info .row .cell .infoTooltip{display:inline}.modalBody .info .row .cell .infoTooltip .info-icon-wrap{margin-left:6px;width:14px;height:14px;flex-direction:row;align-items:flex-end;justify-content:flex-start}.modalBody .info .row .cell .infoTooltip .info-icon-wrap .info-icon{min-width:12px;width:15px;height:15px;color:#ccc;vertical-align:center;padding-bottom:2px;display:block}.loading{width:100%;height:100%;background:linear-gradient(rgba(35, 39, 50, 0.75), rgba(35, 39, 50, 0.75)),url(../../static/media/login_background.6cf2ff1c.jpg);background-size:cover;background-position:center center}.loading header{position:relative;z-index:2}.loading .information{position:absolute;transform:translate(-50%, -50%);top:50%;left:50%;text-align:center;z-index:1}.loading .information .progress{height:244px;animation:rotation 1.33s infinite linear}@keyframes rotation{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}.loading .information .centerWord{transform:translate(-50%, -100%);top:50%;left:50%;position:absolute;width:128px;font-style:normal;font-weight:bold;font-size:24px;line-height:28px;text-align:center;color:#eee;white-space:normal}.loading .information .loadingMessage{padding-top:30px;font-style:normal;font-size:18px;line-height:26px;text-align:center;color:#48ddf2}.loading .information .loadingMessage>.white{color:#fff}@keyframes fadeIn5{0%{opacity:0}20%{opacity:0}100%{opacity:.3}}
.ModalBody div>div{width:380px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background:#1a1e28;border-radius:0}.ModalBody .modal-title{width:340px;height:15px;padding:20px 0 0 20px;font-size:13px;color:#999;display:flex}.ModalBody .modal-title .icon{color:#555;margin-left:auto;width:20px;height:20px;cursor:pointer}.ModalBody .modal-title .icon>svg{font-size:20px}.ModalBody .modal-content{width:340px;margin:20px 0 0 20px;color:#ccc;font-size:14px;overflow:unset}.ModalBody .modal-content>.content{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ModalBody .modal-action{width:340px;min-height:50px;margin:auto;margin-top:5px;display:flex;flex-direction:row-reverse}.ModalBody .modal-action button{width:68px;height:30px;border-radius:6px;border:none;font-size:12px;cursor:pointer}.ModalBody .modal-action .positive-btn{color:#ccc;background-color:#383b45}.ModalBody .modal-action .negative-btn{color:#999;margin-right:5px;background-color:#232732}
.RenderAICarousel .carousel.carousel-slider{overflow:unset}.RenderAICarousel .carousel>.thumbs-wrapper{margin:0px;margin-block-start:8px}.RenderAICarousel .carousel>.thumbs-wrapper ul{padding:0px;text-align:center}.RenderAICarousel .carousel>.thumbs-wrapper li{margin-inline:2px;border:none}.RenderAICarousel .carousel>.thumbs-wrapper .control-arrow{display:none}.RenderAICarousel .carousel>.thumbs-wrapper .btn-arrow{position:absolute;top:0px;color:#333;font-size:24px;background-color:#1a1e28;border-radius:0px;padding:0px;padding-block:10px}.RenderAICarousel .carousel>.thumbs-wrapper .btn-prev{left:0px}.RenderAICarousel .carousel>.thumbs-wrapper .btn-next{right:0px}.RenderAICarousel .overlay-wrapper{position:relative}.RenderAICarousel .placeholder-image{position:absolute;top:116px;left:204px}
.lightbox-paper{background-color:rgba(0,0,0,0) !important}.lightbox-wrapper{width:1127px;height:720px;background-color:inherit;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.lightbox-wrapper .btn-download{color:#eee;font-size:12px;background-color:#383b45;padding:4px 8px;width:133px;height:28px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-transform:unset;border-radius:6px}.lightbox-wrapper .btn-download .icon-label{display:flex;flex-direction:row;align-items:center;grid-column-gap:2px;column-gap:2px;font-weight:400}.lightbox-wrapper .btn-download .icon-download{font-size:20px}
.renderAI{background-color:#1a1e28;width:752px;box-sizing:border-box;height:100%;padding-inline:30px;padding-block-start:16px;padding-block-end:56px;overflow-y:scroll;display:flex;flex-direction:column;align-items:center;grid-row-gap:16px;row-gap:16px;scrollbar-gutter:stable both-edges}.renderAI .btn-more{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:30px;padding:8px}.renderAI .full-text{width:100%}.renderAI .keywords{display:flex;flex-direction:row;grid-gap:8px;gap:8px;flex-wrap:wrap;width:100%;max-height:100dvh;overflow:hidden;transition:max-height .3s}.renderAI .keywords.collapsed{max-height:152px}.renderAI .keywords .btn-keyword{color:#ccc;border:1px solid #232732;border-radius:6px;background-color:#161a24;padding-block:4px;padding-inline:4px 8px;min-width:unset}.renderAI .keywords .selected{border-color:#48ddf2;color:#48ddf2}.renderAI .request-loader{width:20px;height:28px;aspect-ratio:4;background:radial-gradient(circle closest-side, #eee 90%, rgba(0, 0, 0, 0)) 0/33.3333333333% 100% space;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);animation:l1 1s steps(4) infinite}@keyframes l1{to{-webkit-clip-path:inset(0 -34% 0 0);clip-path:inset(0 -34% 0 0)}}
.renderAIModal{width:1400px;height:840px;background-color:#1a1e28;color:#eee;position:relative}.renderAIModal .header-title{font-size:24px;font-weight:700;padding-block:8px;margin-inline:100px;margin-top:24px}.renderAIModal .list-wrapper{height:768px;padding-inline:100px;overflow-y:scroll}.renderAIModal .list-wrapper::-webkit-scrollbar{width:26px}.renderAIModal .list-wrapper::-webkit-scrollbar-thumb{border-radius:16px;border:8px solid rgba(0,0,0,0);background-clip:padding-box}.renderAIModal .list-empty{font-size:14px;color:#eee;width:100%;height:294px;background-color:#232732;display:grid;place-items:center}.renderAIModal .icon-close{font-size:24px;color:#555;position:absolute;top:24px;right:24px;padding:0px}.renderAIModal .item-date{padding-block:16px 4px;font-size:18px;font-weight:700;color:#48ddf2}.renderAIModal .item-header{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:8px}.renderAIModal .item-header .keyword-wrapper{display:flex;flex-direction:row;grid-column-gap:4px;column-gap:4px;align-items:center}.renderAIModal .item-header .keyword-title{font-size:14px;font-weight:700}.renderAIModal .item-header .btn-download{color:#eee;font-size:12px;background-color:#383b45;padding:4px 8px;width:133px;height:28px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-transform:unset;border-radius:6px}.renderAIModal .item-header .btn-download.disabled{color:#555}.renderAIModal .item-header .btn-download .icon-label{display:flex;flex-direction:row;align-items:center;grid-column-gap:2px;column-gap:2px;font-weight:400}.renderAIModal .item-header .btn-download .icon-download{font-size:20px}.renderAIModal .item-images{display:flex;flex-direction:row;flex-wrap:wrap;grid-gap:8px;gap:8px;margin-bottom:16px}
.RenderAIList{display:flex;flex-direction:column;width:100%;grid-row-gap:8px;row-gap:8px}.RenderAIList .list-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding-block:16px 4px;border-top:1px solid #333}.RenderAIList .list-header .btn-more{padding:4px}.RenderAIList .list-carousel-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}
.ImageDownloadCarousel .carousel>.thumbs-wrapper{margin:0px;margin-block-start:8px}.ImageDownloadCarousel .carousel>.thumbs-wrapper ul{padding:0px}.ImageDownloadCarousel .carousel>.thumbs-wrapper li{margin-inline:2px;border:none;pointer-events:none}.ImageDownloadCarousel .carousel>.thumbs-wrapper li:first-of-type{margin-inline-start:0px}.ImageDownloadCarousel .carousel>.thumbs-wrapper li:last-of-type{margin-inline-end:0px}.ImageDownloadCarousel .carousel>.thumbs-wrapper .control-arrow{display:none}.ImageDownloadCarousel .carousel>.thumbs-wrapper .icon-more{font-size:16px}.ImageDownloadCarousel .carousel .thumb{padding:0px}.ImageDownloadCarousel .carousel .thumb.selected{border:none}.ImageDownloadCarousel .carousel .thumb:last-child{width:-webkit-fit-content !important;width:-moz-fit-content !important;width:fit-content !important}.ImageDownloadCarousel .overlay-wrapper{position:relative}.ImageDownloadCarousel .overlay{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.ImageDownloadCarousel .placeholder-image{font-size:32px}.ImageDownloadCarousel .btn-wrapper{display:flex;flex-direction:column;grid-row-gap:4px;row-gap:4px}.ImageDownloadCarousel .btn-wrapper .btn{height:28px;width:133px;padding:8px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-transform:unset}
.MainBody.Legacy div input{outline:0px}.MainBody.Legacy .areaInfo .textTest{border:#fff 1px solid;border-radius:5px;padding:10px;position:absolute;color:#fff;z-index:1;transform:translateX(-50%) translateY(-50%)}.MainBody.Legacy .information{height:60px;border:solid 1px #333;display:flex;flex-flow:row;align-items:center}.MainBody.Legacy .information .info{display:inline-table;width:160px;border-right:solid 1px #333;height:-webkit-fill-available;box-sizing:border-box;padding-left:30px}.MainBody.Legacy .information .info.shotWidth{width:120px}.MainBody.Legacy .information .info.longWidth{width:190px}.MainBody.Legacy .information .infoLabel{margin-top:13px;color:#999;font-size:12px}.MainBody.Legacy .information .inforValue{margin-top:4px;margin-bottom:8px;color:#ccc;font-size:14px}.MainBody.Legacy .information .fileInfo{width:380px;height:60px;right:20px;color:#555;display:flex;position:absolute}.MainBody.Legacy .information .fileInfo .dxfIcon{width:24px;height:24px;font-size:10px;margin:auto 0 auto 0;border:2px solid #555;border-radius:50%;display:flex}.MainBody.Legacy .information .fileInfo .dxfIcon.loaded{color:#95e4b3;border:2px solid #95e4b3}.MainBody.Legacy .information .fileInfo .dxfIcon>.text{margin:auto}.MainBody.Legacy .information .fileInfo .dxfIcon>.text.loaded{color:#95e4b3}.MainBody.Legacy .information .fileInfo .fileName{position:relative;width:280px;margin:auto 0 auto 10px}.MainBody.Legacy .information .fileInfo .fileName.loaded{color:#ccc}.MainBody.Legacy .information .fileInfo .layerToggle{position:relative;cursor:pointer;margin:auto 0 auto auto;font-size:12px;width:64px;right:0px}.MainBody.Legacy .information .fileInfo .layerToggle.loaded{color:#48ddf2}.MainBody.Legacy .Scene{display:flex;flex-direction:column;position:fixed}.MainBody.Legacy .Scene .toolBar{position:absolute;display:flex;flex-flow:row;z-index:2;right:0px;margin-top:20px;margin-right:20px}.MainBody.Legacy .Scene .toolBar .rightButtons{display:flex;flex-flow:column;align-items:center;width:49px}.MainBody.Legacy .Scene .toolBar .switchTabs{width:49px;height:58px;display:flex;flex-flow:column;background-color:#383b45;border-radius:5px;margin:0 0px 10px 0px}.MainBody.Legacy .Scene .toolBar .switchTabs .switchButton{width:45px;height:26px;font-size:12px;padding:0px;margin:2px;min-width:auto;color:#ccc}.MainBody.Legacy .Scene .toolBar .switchTabs .switchButton.enable{background-color:#eee;color:#232732}.MainBody.Legacy .Scene .toolBar .switchTabs .switchButton:hover{background-color:#eee;color:#232732}.MainBody.Legacy .Scene .toolBar .switchTabs.hidden{display:none}.MainBody.Legacy .Scene .toolBar .searchDiv{position:relative;margin-right:20px}.MainBody.Legacy .Scene .toolBar .searchDiv .addressSearch{width:360px;height:40px;box-sizing:border-box;padding:0 40px 0 10px;color:#999;font-size:14px}.MainBody.Legacy .Scene .toolBar .searchDiv>.icon{position:absolute;width:20px;height:20px;right:0px;margin:10px 10px 10px 0}.MainBody.Legacy .Scene .toolBar .slider{-webkit-appearance:none;appearance:none;z-index:1;width:150px;background-color:#999;border-radius:6px;margin:0 10px 0 0;height:3px;transform:rotate(270deg) translateX(calc(-50% - 10px)) translateY(5px);outline:none}.MainBody.Legacy .Scene .toolBar .slider.hidden{display:none}.MainBody.Legacy .Scene .toolBar .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;background:#60626a;border-radius:50%;cursor:pointer}.MainBody.Legacy .Scene .toolBar .slider::-moz-range-thumb{width:15px;height:15px;background:#60626a;border-radius:50%;cursor:pointer}.MainBody.Legacy .Scene .toolBar.hidden{display:none}.MainBody.Legacy .Scene .Canvas{position:relative;display:flex}.MainBody.Legacy .Scene .Canvas canvas{position:relative;outline:0px}.MainBody.Legacy .Scene .Canvas .autosetDiv{position:absolute;width:100%;display:flex;flex-direction:column;margin-top:20px;z-index:1}.MainBody.Legacy .Scene .Canvas .autosetDiv .autosetButton{position:relative;margin:auto;width:380px;height:40px;font-size:14px;font-weight:bold;border-radius:6px;background:linear-gradient(93.5deg, #66dfd9 51.57%, #95e4b3 81.41%)}.MainBody.Legacy .Scene .Canvas .autosetDiv .autosetMessage{position:relative;width:360px;height:38px;color:#ccc;background:#000;padding:6px 10px 6px 10px;margin:10px auto 0 auto;font-size:11px}.MainBody.Legacy .Scene .Canvas .autosetDiv.hidden{display:none}.MainBody.Legacy .Scene .helpIcon{position:absolute;width:30px;height:30px;left:30px;bottom:30px;z-index:2;color:#ccc;cursor:pointer}.MainBody.Legacy .mainLayout{margin-left:auto;display:flex;flex-direction:row;height:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:#161a24}.MainBody.Legacy .mainLayout>.layerLayout{flex-flow:column;width:235px}.MainBody.Legacy .mainLayout>.layerLayout>.layerList{height:calc(100% - 58px);overflow:auto}.MainBody.Legacy .mainLayout>.layerLayout>.layerList button{width:175px;height:30px;margin:1px 30px;font-size:12px;color:#eee;background-color:#232732;border:solid 1px #333;flex:0 0 auto}.MainBody.Legacy .mainLayout>.layerLayout>.layerList button.selected{background-color:#eee;color:#232732}.MainBody.Legacy .mainLayout>.layerLayout>.layerList button.error{background-color:red;color:#232732}.MainBody.Legacy .mainLayout>.layerLayout>.layerList button:hover{background-color:#eee;color:#232732}.MainBody.Legacy .mainLayout>.layerLayout>.layerList button:after,.MainBody.Legacy .mainLayout>.layerLayout>.layerList button:before{background-color:#232732}.MainBody.Legacy .mainLayout>.layerLayout>.arrowDiv{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex;align-items:flex-end;flex:0 0 auto}.MainBody.Legacy .mainLayout>.layerLayout>.arrowDiv>.forwardArrow{color:#eee;margin:20px 30px 20px auto;width:18px;height:18px;cursor:pointer}.MainBody.Legacy .mainLayout.hidden{display:none}.MainBody.Legacy .functionalLayout{display:flex;flex-direction:column;width:420px;flex-basis:auto;height:100%}.MainBody.Legacy .functionalLayout .fileNameLayout{flex:0 0 auto;width:100%;height:142px;display:flex;flex-flow:column}.MainBody.Legacy .functionalLayout .fileNameLayout>.titleText{margin-top:23px;margin-left:20px;font-size:12px;color:#999}.MainBody.Legacy .functionalLayout .fileNameLayout>input{width:380px;height:40px;margin-left:20px;margin-top:5px;box-sizing:border-box;padding:0px 9px;background-color:#0c111b;border:0px;color:#ccc}.MainBody.Legacy .functionalLayout .fileNameLayout>.switchTabs{width:380px;height:40px;display:flex;background-color:#383b45;border-radius:5px;margin:10px 20px}.MainBody.Legacy .functionalLayout .fileNameLayout>.switchTabs .switchButton{width:187px;height:36px;padding:0px;margin:2px;border-radius:6px;display:flex;color:#ccc;cursor:pointer}.MainBody.Legacy .functionalLayout .fileNameLayout>.switchTabs .switchButton .text{font-size:12px;margin:auto}.MainBody.Legacy .functionalLayout .fileNameLayout>.switchTabs .switchButton.enable{background-color:#eee;color:#232732}.MainBody.Legacy .functionalLayout .fileNameLayout>.switchTabs .switchButton:hover{background-color:#eee;color:#232732}.MainBody.Legacy .functionalLayout .bodyLayout{width:100%;overflow:auto;flex:1 1;display:flex;flex-flow:column;padding-bottom:20px}.MainBody.Legacy .functionalLayout .bodyLayout>button{flex:0 0 auto;border:0;font-size:12px;width:175px;height:30px;border-radius:6px;color:#ccc;background-color:#383b45;margin-left:auto;margin-right:30px;margin-top:10px}.MainBody.Legacy .functionalLayout .bodyLayout button:after,.MainBody.Legacy .functionalLayout .bodyLayout button:before{background-color:#232732}.MainBody.Legacy .functionalLayout .bodyLayout .addButton{background:#383b45;border-radius:6px;margin:20px;width:380px;height:30px;display:flex;cursor:pointer}.MainBody.Legacy .functionalLayout .bodyLayout .addButton>.text{margin:auto;font-size:12px;color:#ccc}.MainBody.Legacy .functionalLayout .bodyLayout .addBuilding{width:360px;height:40px;background-color:#232732;border:solid 1px #383b45;border-radius:6px;font-size:18px}.MainBody.Legacy .functionalLayout .switchLayout{height:60px;width:100%;display:flex;align-items:center;box-sizing:border-box;border:solid 1px #333;border-top:0px;border-bottom:0px}.MainBody.Legacy .functionalLayout .switchLayout .switchTabs{height:44px;width:360px;display:flex;background-color:#383b45;border-radius:5px;margin:auto}.MainBody.Legacy .functionalLayout .switchLayout .switchTabs .switchButton{width:177px;height:40px;font-size:14px;font-weight:bold;padding:0px;margin:2px;min-width:auto;color:#ccc}.MainBody.Legacy .functionalLayout .switchLayout .switchTabs .switchButton .icon{margin:0 10px}.MainBody.Legacy .functionalLayout .switchLayout .switchTabs .switchButton .icon.enable path{fill:#383b45}.MainBody.Legacy .functionalLayout .switchLayout .switchTabs .switchButton>span{justify-content:flex-start}.MainBody.Legacy .functionalLayout .switchLayout .switchTabs .switchButton.enable{background-color:#eee;color:#232732}.MainBody.Legacy .functionalLayout .saveLayout{width:100%;height:100px;flex:0 0 auto}.MainBody.Legacy .functionalLayout .saveLayout>div{color:#999;font-size:12px;width:100%}.MainBody.Legacy .functionalLayout .saveLayout>button{border:0;font-weight:bold;font-size:18px;width:360px;height:40px;border-radius:6px;margin-left:30px;margin-top:20px;background-image:linear-gradient(to right, #66dfd9, #95e4b3)}.MainBody.Legacy .functionalLayout .saveLayout>button.sideMargin{margin-top:10px}.MainBody.Legacy .functionalLayout .saveLayout>button.navyButton{color:#ccc;background-color:#383b45;background-image:none;font-weight:normal}.MainBody.Legacy .functionalLayout .saveLayout>button:hover{background-image:linear-gradient(to left, #66dfd9, #95e4b3)}.MainBody.Legacy .functionalLayout .saveLayout>button:hover.navyButton{background-color:#60626a;background-image:none}.MainBody.Legacy .functionalLayout .saveLayout>button:after,.MainBody.Legacy .functionalLayout .saveLayout>button:before{background-image:linear-gradient(to right, #66dfd9, #95e4b3)}.MainBody.Legacy .functionalLayout .saveLayout>button:after.navyButton,.MainBody.Legacy .functionalLayout .saveLayout>button:before.navyButton{background-color:#383b45;background-image:none}.MainBody.Legacy .functionalLayout .saveLayout .extraText{box-sizing:border-box;padding-left:30px;margin-top:13px;display:flex}.MainBody.Legacy .functionalLayout .saveLayout .extraText>.end{margin-left:auto;margin-right:30px}.MainBody.Legacy .functionalLayout .saveLayout.TwoButtonHeight{height:150px}.MainBody.Legacy ::-webkit-scrollbar{width:5px;height:5px}.MainBody.Legacy ::-webkit-scrollbar-button:start:decrement,.MainBody.Legacy ::-webkit-scrollbar-button:end:increment{display:block;width:12px;height:12px;background:rgba(0,0,0,.05)}.MainBody.Legacy ::-webkit-scrollbar-thumb{border-radius:2.5px;background:#999}div.lbrBorder{box-sizing:border-box;border:solid 1px #333;border-top:0px}body{overflow:hidden}
.inputBody{width:135px;margin-right:10px}.inputBody .label-wrap{display:flex;position:relative;justify-content:space-between}.inputBody .label-wrap .label{font-size:12px;color:#999;margin-bottom:5px;height:20px;width:185px;display:flex;align-items:center;width:135px;height:20px;justify-content:space-between}.inputBody .label-wrap .label .refresh-icon{color:#555;width:14px !important;cursor:default}.inputBody .label-wrap .label .refresh-icon.reset-icon-on{cursor:pointer;color:#eee}.inputBody>.box{display:flex;flex-flow:row;align-items:center;height:30px;background-color:#0c111b;padding:0 0px 0 20px;box-sizing:border-box;margin-bottom:10px}.inputBody .icon{width:20px;height:20px;margin-right:5px;color:#eee;cursor:pointer}.inputBody .icon.hide{display:none}.inputBody .icon.disable{display:none}.inputBody .box{width:135px;height:30px;padding-left:10px}.inputBody .value{margin-left:auto;font-size:16px;padding:0px;border:0px;outline:none;overflow:auto;text-align:left;background:#0c111b;color:#ccc;width:100%}.inputBody .value span{font-size:14px;color:#ccc}.inputBody .value.disable{background-color:#161a24}.inputBody .value::-webkit-inner-spin-button,.inputBody .value::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inputBody .box{border-bottom:1px solid #0c111b}.inputBody .box.focus{transition:border-bottom .5s linear;border-bottom:solid 1px #999}.inputBody .box:hover,.inputBody .box:focus{transition:border-bottom .5s linear;border-bottom:solid 1px #999}.inputBody .box.error{transition:border-bottom .5s linear;border-bottom:solid 1px #e81c1c}.inputBody .box-disable{display:flex;flex-flow:row;align-items:center;height:40px;background-color:#161a24;padding:0 10px 0 5px;box-sizing:border-box}
.field,.house,.core{margin:20px;width:380px;color:#ccc}.field>.nameDiv,.house>.nameDiv,.core>.nameDiv{display:flex;flex-flow:row;font-size:18px;color:#48ddf2;align-items:center;margin-bottom:10px}.field>.nameDiv>.closeIcon,.house>.nameDiv>.closeIcon,.core>.nameDiv>.closeIcon{margin-left:auto;width:20px;height:20px;color:#555;cursor:pointer}.field>.nameDiv>.showIcon,.house>.nameDiv>.showIcon,.core>.nameDiv>.showIcon{width:18px;height:18px;color:#999}.field>.nameDiv>.iconRight,.house>.nameDiv>.iconRight,.core>.nameDiv>.iconRight{margin-right:5px}.field>.nameDiv>.notice,.house>.nameDiv>.notice,.core>.nameDiv>.notice{margin-left:10px;font-size:12px;color:#f37b7b}.field .buttonDiv,.house .buttonDiv,.core .buttonDiv{display:flex;margin-bottom:10px;font-size:14px;color:#ccc}.field .buttonDiv .selectButton,.house .buttonDiv .selectButton,.core .buttonDiv .selectButton{width:155px;height:20px;border-radius:6px;padding:10px;font-size:14px;display:flex;cursor:pointer;background-color:#232732}.field .buttonDiv .selectButton.selected,.house .buttonDiv .selectButton.selected,.core .buttonDiv .selectButton.selected{background-color:#60626a}.field .buttonDiv .selectButton .CheckIcon,.house .buttonDiv .selectButton .CheckIcon,.core .buttonDiv .selectButton .CheckIcon{color:#555;width:20px;height:20px;margin-left:auto}.field .buttonDiv .selectButton .CheckIcon.checked,.house .buttonDiv .selectButton .CheckIcon.checked,.core .buttonDiv .selectButton .CheckIcon.checked{color:#95e4b3}.field .buttonDiv>.selectButton:hover,.house .buttonDiv>.selectButton:hover,.core .buttonDiv>.selectButton:hover{background-color:#60626a}.field .buttonDiv>.houseList,.house .buttonDiv>.houseList,.core .buttonDiv>.houseList{display:flex;flex-flow:column}.field .buttonDiv>.houseList>.cell,.house .buttonDiv>.houseList>.cell,.core .buttonDiv>.houseList>.cell{display:flex;transform:translate(-40px, 0)}.field .buttonDiv>.houseList .CheckIcon,.house .buttonDiv>.houseList .CheckIcon,.core .buttonDiv>.houseList .CheckIcon{position:relative;margin:10px;width:20px;height:20px;color:#95e4b3;pointer-events:none}.field .buttonDiv.alignTop,.house .buttonDiv.alignTop,.core .buttonDiv.alignTop{align-items:unset}.field .buttonDiv .nameText,.house .buttonDiv .nameText,.core .buttonDiv .nameText{width:125px;height:20px;padding:10px;display:flex}.field .buttonDiv .nameText>.closeIcon,.house .buttonDiv .nameText>.closeIcon,.core .buttonDiv .nameText>.closeIcon{width:16px;height:16px;color:#555;display:none;margin-left:auto;transform:translate(40px, 0);cursor:pointer}.field .buttonDiv .nameText>.closeIcon.selected,.house .buttonDiv .nameText>.closeIcon.selected,.core .buttonDiv .nameText>.closeIcon.selected{display:block}.field .inputValues,.house .inputValues,.core .inputValues{display:flex}.field .inputValues.hidden,.house .inputValues.hidden,.core .inputValues.hidden{display:none}.field .border,.house .border,.core .border{width:380px;height:0px;margin-bottom:20px;border:1px solid #333}.field .extraMenu,.house .extraMenu,.core .extraMenu{position:absolute;margin-right:10px;right:0;font-size:12px;color:#ccc;text-align:end;cursor:pointer}.field>.Line,.house>.Line,.core>.Line{width:100%;height:1px;margin:10px 0px;background:#555}
.dropFileBox{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%, -50%);background:#111a22;z-index:1;display:flex;flex-direction:column;text-align:center;display:flex;justify-content:center;align-items:center}.dropFileBox .drag-cover{display:block;position:absolute;top:0px;width:100%;height:100%;background:#c4c4c4;pointer-events:none;opacity:.3}.dropFileBox.hidden{display:none}.dropFileBox .icon.upload-icon{width:18px !important}.dropFileBox .icon.download-icon{width:18px !important;filter:invert(93%) sepia(1%) saturate(0%) hue-rotate(327deg) brightness(90%) contrast(89%)}.dropFileBox .converter-type{background:#161e26;border:1px solid #333;width:1000px;height:600px;display:flex;justify-content:center;flex-direction:column;align-items:center;box-sizing:border-box;position:relative}.dropFileBox .converter-type.m-r-30px{margin-right:30px}.dropFileBox .converter-type>.type-title{margin-bottom:30px;font-size:24px;height:40px;display:flex;justify-content:center;align-items:center;font-weight:700;line-height:1.5em}.dropFileBox .converter-type>.type-title .icon-wrap{height:40px;display:flex;justify-content:center;align-items:center}.dropFileBox .converter-type>.type-title .info-icon{margin-left:7px;width:17px !important}.dropFileBox .converter-type .btn{width:320px;text-transform:none;height:40px}.dropFileBox .converter-type .open-btn-wrap:hover .btn{background-image:linear-gradient(to right, #95e4b3, #48ddf2);transition:background-image 1s}.dropFileBox .converter-type .bottom-text{height:40px;display:flex;justify-content:center;align-items:center}.dropFileBox .converter-type>.dark-wrap{background-color:#0c0e10;opacity:.7;width:400px;height:570px;position:absolute;top:0;left:0;z-index:10;display:flex;justify-content:center;align-items:center}.dropFileBox .converter-type>.dark-wrap>.text{font-weight:700;font-size:40px}.dropFileBox .chip{height:22px;font-size:14px;border-radius:6px;margin-right:4px}.dropFileBox .chip span{padding:0 8px}
.myTypeLayerLayout{width:232px;border:1px solid #333;border-top:0px;background:#1a1e28;padding-bottom:10px}.myTypeLayerLayout div .each-block:hover{background-color:#60626a}.myTypeLayerLayout>.layerList{height:calc(100% - 127px);overflow:auto}.myTypeLayerLayout>.layerList .listButton{width:190px;height:30px;margin:2px auto;background-color:#232732;border-radius:6px;display:flex;cursor:pointer}.myTypeLayerLayout>.layerList .listButton>.text{font-size:12px;color:#eee;margin:auto auto auto 3px}.myTypeLayerLayout>.layerList .listButton>.CheckIcon{width:20px;height:20px;color:#555;margin:auto 0px auto 10px}.myTypeLayerLayout>.layerList .listButton>.CheckIcon.close{display:none}.myTypeLayerLayout>.layerList .listButton>.CheckIcon.selected{color:#95e4b3}.myTypeLayerLayout>.layerList .listButton .error{color:#e81c1c}.myTypeLayerLayout>.layerList .listButton.selected{background-color:#60626a}.myTypeLayerLayout>.layerList .listButton.selected:hover{background-color:#60626a}.myTypeLayerLayout>.layerList .listButton.selected:hover .close{display:inline}.myTypeLayerLayout>.layerList .listButton.selected:hover .check{display:none}.myTypeLayerLayout>.layerList .error{color:#e81c1c}.myTypeLayerLayout>.layerList .listButton:hover{background-color:#60626a}.myTypeLayerLayout>.arrowDiv{display:flex;align-items:flex-end;flex:0 0 auto;width:190px;height:20px;margin:20px auto 15px auto}.myTypeLayerLayout>.arrowDiv>.text{position:relative;margin-right:auto;font-size:12px;color:#999}.myTypeLayerLayout>.arrowDiv>.closeIcon{position:relative;color:#555;margin-left:auto;width:18px;height:18px;cursor:pointer}.myTypeLayerLayout>.switchTabs{width:190px;height:30px;display:flex;background-color:#383b45;border-radius:5px;margin:0px auto 20px auto}.myTypeLayerLayout>.switchTabs .switchButton{width:92px;height:26px;padding:0px;margin:2px;border-radius:6px;display:flex;color:#ccc;cursor:pointer}.myTypeLayerLayout>.switchTabs .switchButton .text{font-size:12px;margin:auto}.myTypeLayerLayout>.switchTabs .switchButton.enable{background-color:#eee;color:#232732}.myTypeLayerLayout>.switchTabs .switchButton:hover{background-color:#eee;color:#232732}.myTypeLayerLayout>.switchTabs.hidden{display:none}.myTypeLayerLayout>.description{font-size:12px;color:#48ddf2;margin:0 22.5px 10px 22.5px}.myTypeLayerLayout>.description.hidden{display:none}
.SaveModalBody{font-size:12px}.SaveModalBody div>div{width:600px;height:640px;background-color:#1a1e28}.SaveModalBody .modal-title{height:60px;color:#999;display:flex}.SaveModalBody .modal-title .title-content{margin:auto auto auto 30px}.SaveModalBody .modal-title>.icon{width:20px;height:20px;margin:auto 30px auto auto;color:#555;cursor:pointer}.SaveModalBody .modal-content{height:500px}.SaveModalBody .modal-content .SaveCanvas{width:600px;height:500px;outline:none}.SaveModalBody .modal-content .SaveCanvas>canvas{outline:none}.SaveModalBody .modal-action{margin:5px auto;width:548px;height:40px;display:flex;color:#ccc}.SaveModalBody .modal-action>.action-content{margin:auto 0px;margin-right:auto}.SaveModalBody .modal-action>.modal-btn{width:100px;height:30px;margin:5px;display:flex;border-radius:6px;cursor:pointer}.SaveModalBody .modal-action>.modal-btn>.btn-text{margin:auto}.SaveModalBody .modal-action>.modal-btn.positive{background:#383b45}.SaveModalBody .modal-action>.modal-btn.negative{color:#999;background:#232732}.SaveModalBody.preVersion{font-size:12px}.SaveModalBody.preVersion div{overflow-x:hidden}.SaveModalBody.preVersion div>div{width:698px;max-width:698px;height:480px;background-color:#1a1e28}.SaveModalBody.preVersion .modal-title{height:60px;color:#999;display:flex}.SaveModalBody.preVersion .modal-title .title-content{margin:auto auto auto 30px}.SaveModalBody.preVersion .modal-title>.icon{width:20px;height:20px;margin:auto 30px auto auto;color:#555;cursor:pointer}.SaveModalBody.preVersion .modal-content{height:340px}.SaveModalBody.preVersion .modal-content .SaveCanvas{width:698px;height:340px;outline:none}.SaveModalBody.preVersion .modal-content .SaveCanvas>canvas{outline:none}.SaveModalBody.preVersion .modal-action{margin:5px auto;width:548px;height:40px;display:flex;color:#ccc}.SaveModalBody.preVersion .modal-action>.action-content{margin:auto 0px;margin-right:auto}.SaveModalBody.preVersion .modal-action>.modal-btn{width:100px;height:30px;margin:5px;display:flex;border-radius:6px;cursor:pointer}.SaveModalBody.preVersion .modal-action>.modal-btn>.btn-text{margin:auto}.SaveModalBody.preVersion .modal-action>.modal-btn.positive{background:#383b45}.SaveModalBody.preVersion .modal-action>.modal-btn.negative{color:#999;background:#232732}
.SettingModalLayer.SettingModalBody div[role=document] div{overflow-x:visible;overflow-y:visible}.SettingModalLayer.SettingModalBody>div>div{max-width:608px;width:608px;height:640px;background-color:#1a1e28;position:relative;display:flex}.SettingModalLayer.SettingModalBody .title{position:relative;margin:20px auto 0 auto;width:548px;height:20px;display:flex;color:#999}.SettingModalLayer.SettingModalBody .title>span{margin-right:auto}.SettingModalLayer.SettingModalBody .title .closeIcon{cursor:pointer;margin-left:auto;color:#555;width:20px;height:20px}.SettingModalLayer.SettingModalBody .contentTitle{width:548px;height:40px;color:#eee;display:flex;margin:20px auto 0 auto;align-items:center}.SettingModalLayer.SettingModalBody .contentTitle>span{font-size:16px;margin:auto 0 auto 0}.SettingModalLayer.SettingModalBody .contentTitle .icon{display:flex;align-items:center;width:16px !important;height:16px !important;margin:auto 0 auto 4px;cursor:pointer}.SettingModalLayer.SettingModalBody .item{width:525px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex;margin:10px auto 0 auto;padding-bottom:9px;border-bottom:1px solid #333;flex-direction:column}.SettingModalLayer.SettingModalBody .item .mainContent{width:525px;display:flex;justify-content:space-between;align-items:center}.SettingModalLayer.SettingModalBody .item .mainContent .name{font-size:14px;margin:auto 0;color:#ccc}.SettingModalLayer.SettingModalBody .item .mainContent .Switch .name{margin-left:5px}.SettingModalLayer.SettingModalBody .item .mainContent .Switch.font-special .name{color:#48ddf2 !important}.SettingModalLayer.SettingModalBody .item .mainContent>.text{font-size:14px;margin:auto;color:#999}.SettingModalLayer.SettingModalBody .item .mainContent>.text.active{color:#48ddf2}.SettingModalLayer.SettingModalBody .item .mainContent .info-icon{width:16px !important;height:16px !important;color:#ccc;margin:auto 0 auto 2px;cursor:pointer}.SettingModalLayer.SettingModalBody .item .mainContent .BuilditSelect{width:80px}.SettingModalLayer.SettingModalBody .item .mainContent>.inputBox{width:60px;height:20px;background:#0c111b;padding:10px;border:0px;outline:0px;color:#ccc;font-size:16px;text-align:right}.SettingModalLayer.SettingModalBody .item .mainContent input::-webkit-outer-spin-button,.SettingModalLayer.SettingModalBody .item .mainContent input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.SettingModalLayer.SettingModalBody .item .description{height:20px;display:flex;width:500px;align-items:flex-end}.SettingModalLayer.SettingModalBody .item .description>span{color:#48ddf2}.SettingModalLayer.SettingModalBody .item .description.hidden{display:none}.SettingModalLayer.SettingModalBody .unitDropdown{width:120px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-size:16px;color:#ccc;display:flex;flex-direction:column}.SettingModalLayer.SettingModalBody .unitDropdown .default{right:0;width:100px;height:20px;padding:10px;display:flex;background:#0c111b}.SettingModalLayer.SettingModalBody .unitDropdown .default .text{margin:auto auto auto 0}.SettingModalLayer.SettingModalBody .unitDropdown .default .icon{width:18px;height:18px}.SettingModalLayer.SettingModalBody .unitDropdown .menu{width:120px;display:none;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background:#0c111b}.SettingModalLayer.SettingModalBody .unitDropdown .menu .item{height:20px;width:100px;padding:10px;margin:0px;cursor:pointer;background:#0c111b;z-index:10}.SettingModalLayer.SettingModalBody .unitDropdown .menu.show{display:block}.SettingModalLayer.SettingModalBody .switchTabs{width:548px;height:40px;display:flex;background-color:#383b45;border-radius:6px;margin:10px auto 10px auto}.SettingModalLayer.SettingModalBody .switchTabs .switchButton{width:180px;height:36px;font-size:12px;padding:0px;margin:2px 0 2px 2px;min-width:auto;color:#ccc;border-radius:6px;display:flex;color:#232732;cursor:pointer}.SettingModalLayer.SettingModalBody .switchTabs .switchButton .text{margin:auto}.SettingModalLayer.SettingModalBody .switchTabs .switchButton.enable{background-color:#eee;color:#232732}.SettingModalLayer.SettingModalBody .switchTabs .switchButton.disable{color:#555;background:#333}.SettingModalLayer.SettingModalBody .switchTabs.hidden{display:none}
.ConverterHeader .Head{width:100%;min-width:1200px;height:60px;background-color:#232732;color:#eee;font-size:20px;display:flex;align-items:center;z-index:120;justify-content:space-between}.ConverterHeader .Head .breadScrum{display:flex;height:60px;align-items:center}.ConverterHeader .Head .breadScrum .logoDiv{height:60px;display:flex;cursor:pointer}.ConverterHeader .Head .breadScrum .logoDiv>.logoImg{margin:auto;margin-left:30px}.ConverterHeader .Head .breadScrum .file-setting{height:28px;font-weight:700;display:flex;justify-content:center;align-items:center;width:67px;cursor:pointer}.ConverterHeader .Head .breadScrum .home-btn{min-width:22px;width:22px;padding:0;display:flex;justify-content:center;align-items:center;margin:auto}.ConverterHeader .Head .breadScrum .icon.next-icon{width:24px !important;height:24px !important;color:#555}.ConverterHeader .Head .breadScrum .icon.next-icon.first{margin-left:10px}.ConverterHeader .Head .breadScrum .icon.home-icon{display:flex;justify-content:center;margin:0;width:22px !important;height:22px !important}.ConverterHeader .Head .middle-wrap{position:absolute;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center}.ConverterHeader .Head .middle-wrap .download-cadastral-map-btn{width:140px}.ConverterHeader .Head .middle-wrap .download-cadastral-map-btn:hover{color:#ccc !important}.ConverterHeader .Head>.Tools{display:flex;flex-direction:row;margin-right:20px}.ConverterHeader .Head>.Tools .imageBox{cursor:pointer;margin-left:5px}.ConverterHeader .Head>.Tools .imageBox>.icon.open-icon{fill:#ccc;width:16px !important}.ConverterHeader .Head>.Tools .imageBox.hidden{display:none}.ConverterHeader .Head>.Tools .btn-small{width:200px;height:auto}.ConverterHeader .Head>.Tools .btn-border{border:1px solid rgba(0,0,0,0);border-radius:6px;background-image:linear-gradient(#232732, #232732),linear-gradient(to right, #48ddf2, #95e4b3);background-origin:border-box;background-clip:content-box,border-box;border-image-slice:1}.ConverterHeader .Head>.Tools .convert-icon{width:17px;height:17px;padding-left:10px;color:#fff}.ConverterHeader .Head>.Tools>.account{width:40px;display:flex;position:relative;margin:auto}.ConverterHeader .Head>.Tools>.account>.icon{width:20px;height:20px;margin:auto}.ConverterHeader .Head>.Tools>.errorMessage{height:40px;display:flex;margin:auto;margin-right:5px}.ConverterHeader .Head>.Tools>.errorMessage .errorInfo{display:flex}.ConverterHeader .Head>.Tools>.errorMessage .errorInfo .completeIcon{fill:#48ddf2;margin-right:3px}.ConverterHeader .Head>.Tools>.errorMessage .errorInfo .completeIcon.disabled{fill:#555}.ConverterHeader .Head>.Tools>.errorMessage .errorInfo .icon.disabled{color:#555;fill:#555}.ConverterHeader .Head>.Tools>.errorMessage .errorInfo .errorIcon{color:#e81c1c}.ConverterHeader .Head>.Tools>.errorMessage .errorInfo .warningIcon{color:#ffb068}.ConverterHeader .Head>.Tools>.errorMessage .errorInfo .infoIcon{color:#95e4b3}.ConverterHeader .Head>.Tools>.errorMessage .errorInfo .icon{height:16px !important;margin:auto 0px auto 5px}.ConverterHeader .Head>.Tools>.errorMessage .errorInfo .icon.completeIcon{width:16px !important}.ConverterHeader .Head>.Tools>.errorMessage .errorInfo .icon.warningIcon{width:15px !important}.ConverterHeader .Head>.Tools>.errorMessage .errorInfo .value{font-size:12px;margin:auto 2px auto 2px}.ConverterHeader .Head>.Tools>.errorMessage .hidden{display:none}.ConverterHeader .Head>.Tools .tooltip>.tooltiptext{position:absolute;width:-webkit-max-content;width:max-content;visibility:hidden;opacity:0;cursor:default;background-color:#000;color:#eee;text-align:center;padding:5px 10px;font-size:12px;z-index:2;bottom:-100%;left:50%;transition:opacity .3s;transform:translate(-50%, 0%)}.ConverterHeader .Head>.Tools .tooltip>.tooltiptext::after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #000 rgba(0,0,0,0)}.ConverterHeader .Head>.Tools .tooltip:hover>.tooltiptext{visibility:visible;opacity:1}.ConverterHeader .Head>.Tools .saveButton{width:185px;margin-left:15px;font-size:14px}.ConverterHeader .Head>.Tools .saveButton.disabled{pointer-events:none}@media screen and (max-width: 1400px){.ConverterHeader .download-cadastral-map-btn,.ConverterHeader .errorMessage,.ConverterHeader .account,.ConverterHeader .errorInfo{display:none}.ConverterHeader .errorInfo .value,.ConverterHeader .errorInfo .icon{display:none}}
.CadConverterTypeTag{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;border:1px solid #999;color:#ccc;width:56px;height:24px;padding:0px;border-radius:20px;font-size:10px;font-style:normal;font-weight:bold}.CadConverterTypeTag.latest>.text{background:linear-gradient(to right, #48ddf2, #95e4b3);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.CadConverterTypeTag.width-71px{width:71px}.CadConverterTypeTag:not(.width-71px){line-height:24px}.CadConverterTypeTag>.text{display:flex;align-items:center}.CadConverterTypeTag>.text .sync-icon{width:12px !important;color:#eee}.CadConverterTypeTag.isSwitchable:hover{background-color:#273945}
.HeaderDropBox.open .dropbox{display:block}.HeaderDropBox .text-deco-none{text-decoration:none;color:inherit}.HeaderDropBox .icon.home-icon{margin-left:7px;color:#ccc;width:18px !important}.HeaderDropBox>.title-wrap{display:flex;width:-webkit-max-content;width:max-content;box-sizing:border-box;cursor:pointer;padding:10px;justify-content:center;align-items:center;height:60px}.HeaderDropBox>.title-wrap:hover{background-color:#273945}.HeaderDropBox>.title-wrap .title{font-size:20px;font-weight:400}.HeaderDropBox>.title-wrap .icon-wrap{width:24px;height:24px;display:flex;justify-content:center;align-items:center;margin-left:2px}.HeaderDropBox>.title-wrap .icon-wrap .icon{margin-left:7px;width:18px !important;height:20px}.HeaderDropBox>.title-wrap .mainText{display:flex;align-items:center;justify-items:center}.HeaderDropBox>.title-wrap .mainText .icon{display:flex;align-items:center;justify-items:center;margin-left:10px}.HeaderDropBox .dropbox{display:flex;position:absolute;left:50%;transform:translate(-50%, 0%);padding:10px 0 10px 0;z-index:1000;flex-direction:column;justify-content:none;align-items:flex-start;background-color:#000}.HeaderDropBox .dropbox::after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #000 rgba(0,0,0,0)}.HeaderDropBox .dropbox .checkIcon{width:17px !important;height:20px;margin-right:14px;margin-left:14px}.HeaderDropBox .dropbox .name-wrap{width:240px;display:flex;align-items:center}.HeaderDropBox .dropbox .item{display:flex;justify-content:center;align-items:center;height:40px;padding:auto 20px;cursor:pointer}.HeaderDropBox .dropbox .item:hover{background-color:#273945}.HeaderDropBox .dropdown{position:relative}.HeaderDropBox .dropdown .dropbtn{background-color:inherit;margin:0;line-height:24px;display:flex;align-items:center}.HeaderDropBox .dropdown-content{display:none;position:absolute;top:60px;padding-top:10px;background-color:rgba(0,0,0,0);z-index:2001}.HeaderDropBox .dropdown-content.show{display:block}.HeaderDropBox .select-menu{width:240px;display:flex;flex-flow:column}.HeaderDropBox .dropdown:hover .dropdown-content{display:block}
.building{margin:11px auto 9px auto;width:360px;color:#eee}.building>.nameDiv{display:flex;align-items:center;margin-bottom:10px}.building>.nameDiv .name{display:flex;width:100%;font-size:12px;align-items:center;color:#48ddf2}.building>.nameDiv>.closeIcon{margin-left:auto;width:20px;height:20px;color:#555;cursor:pointer}.building .buildingBody .roomAndCore{flex:1 1;display:flex;flex-flow:column}.building .buildingBody .roomAndCore>button{flex:0 0 auto;border:0;font-size:12px;width:175px;height:30px;border-radius:6px;color:#ccc;background-color:#383b45;margin-left:auto;margin-top:10px}.building .buildingBody .roomAndCore button:hover{background-color:#60626a}.building .buildingBody .roomAndCore button:after,.building .buildingBody .roomAndCore button:before{background-color:#232732}.building>.Line{width:100%;height:1px;margin-top:10px;background:#555}
.MainBody{display:flex;flex-direction:column;min-width:1200px;height:calc(100vh - 122px);background-color:#232732}.MainBody .infoIcon{color:#242831;position:absolute;z-index:1;transform:translateX(-50%) translateY(-50%);top:-200px;left:-400px;pointer-events:cursor;display:flex;align-items:center;justify-content:center;cursor:pointer}.MainBody .infoIcon>svg{width:20px;height:20px}.MainBody div input{outline:0px}.MainBody .siteInfo{pointer-events:none}.MainBody .siteInfo .fieldText{padding:10px;position:absolute;z-index:1;transform:translateX(-50%) translateY(-50%);width:-webkit-max-content;width:max-content;overflow:hidden;font-weight:400;color:#fff;display:flex}.MainBody .areaInfo{pointer-events:none}.MainBody .areaInfo .textTest{box-sizing:border-box;visibility:hidden;background-color:#242831;opacity:.8;padding:10px;position:absolute;z-index:1;transform:translateX(-50%) translateY(-50%);width:-webkit-max-content;width:max-content;overflow:hidden;border-radius:0;border:none;top:-200px;left:-400px;width:148px;font-size:12px}.MainBody .areaInfo .textTest.coreInfo{height:54px}.MainBody .areaInfo .textTest .key-value{display:flex;justify-content:space-between;align-items:flex-start;height:15px;line-height:16px}.MainBody .areaInfo .textTest .key-value:first-child{margin-bottom:4px;font-weight:700}.MainBody .areaInfo .textTest .key-value:not(:first-child){margin-bottom:2px;font-weight:400}.MainBody .areaInfo .textTest .key-value li{margin:0;list-style:none}.MainBody .areaInfo .textTest .key-value .circle-icon{background-color:#95e4b3;width:2px;height:2px;margin-right:2px;border-radius:50%;margin-left:-4px}.MainBody .areaInfo .textTest .key-value .circle-icon.non-active{background-color:#eee}.MainBody .areaInfo .textTest .key-value .key{width:128px;display:flex;align-items:center;margin:0 !important;color:#eee;margin-right:20px}.MainBody .areaInfo .textTest .key-value .key.active{color:#95e4b3}.MainBody .areaInfo .textTest .key-value .key.core{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.MainBody .areaInfo .textTest .key-value .key.house{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.MainBody .areaInfo .textTest .key-value .value{margin-left:3px;color:#eee}.MainBody .areaInfo .textTest .key-value .value.active{color:#95e4b3}.MainBody .RenderView{display:flex;position:relative;height:calc(100vh - 122px)}.MainBody .RenderView .snack-bar{position:absolute;z-index:9;top:10px}.MainBody .RenderView .snack-bar>div{padding:12px 20px;font-size:14px;background-color:rgba(0,0,0,.8)}.MainBody .RenderView .snack-bar>div>div{padding:0}.MainBody .fold-btn{top:0;left:-30px;min-width:30px !important;width:30px;height:30px;z-index:3;border-radius:0;position:absolute;border:1px solid #161a24}.MainBody .Scene{display:flex;flex-direction:column;position:relative;width:-webkit-min-content;width:min-content;height:-webkit-min-content;height:min-content}.MainBody .Scene .Canvas{display:flex}.MainBody .Scene .Canvas canvas{position:relative;outline:0px}.MainBody .Scene .selectBox{border:1px solid #5af;position:fixed}.MainBody .mainLayout{margin-left:auto;display:flex;z-index:10;flex-direction:row;height:100vh;width:640px;box-sizing:border-box;background:#161a24;position:relative}.MainBody ::-webkit-scrollbar{width:5px;height:5px}.MainBody ::-webkit-scrollbar-button:start:decrement,.MainBody ::-webkit-scrollbar-button:end:increment{display:block;width:12px;height:0;background:rgba(0,0,0,.05)}.MainBody ::-webkit-scrollbar-thumb{width:5px;border-radius:2.5px;background:#999}.MainBody .ConstructionLineInfo{position:absolute;top:20px;left:20px;background-color:#fff;width:119px;box-sizing:border-box;font-weight:400}.MainBody .ConstructionLineInfo.converter-site{top:50px}.MainBody .ConstructionLineInfo .converter-type{position:absolute;top:0;left:0;border:1px solid #fff}.MainBody .ConstructionLineInfo .line{margin-bottom:0px;height:24px;padding-left:10px}.MainBody .ConstructionLineInfo .line .img{width:20px;height:16px;box-sizing:border-box}.MainBody .radio-group{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:650px;-webkit-user-select:none;user-select:none;text-align:center}.MainBody .fieldset{display:flex;width:100%;border:0;border-radius:4px;overflow:hidden;padding:0;margin:0}.MainBody .fieldset label{display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;color:#303030;background-color:#eee;padding-block:10px;cursor:pointer}.MainBody .fieldset label:has(input:checked){font-weight:700;background-color:#7fded3}.MainBody .fieldset label:not(:last-of-type){border-right:1px solid #b3b3b3}.MainBody .fieldset span{color:#d32e2e}.MainBody .tab-guide{display:inline-block;font-size:16px;color:#eee;text-align:center;padding-top:12px;margin:0}.MainBody .cadconverter.dim{height:100vh;width:100%;position:absolute;top:0px;z-index:999999;display:flex;flex-flow:column}.MainBody .progress-btn{position:absolute;top:0;z-index:99;width:44px;min-width:44px;height:44px;background-color:#fff;border-radius:50%}.MainBody .progress-btn:hover{background-color:#fff}.MainBody .progress-btn:disabled{background-color:rgba(184,184,184,.4392156863);cursor:default}.MainBody .progress-btn span{width:100%;height:100%}.MainBody .progress-btn img{width:100%;height:100%}.MainBody .prev-btn{left:-76px;padding:13px 14px 13px 10px}.MainBody .next-btn{right:-76px;padding:13px 10px 13px 14px}.Modal.mobile .modal-title{color:#999}.Modal.mobile div div{border-radius:0;padding:20px 20px}.Modal.mobile div div .modal-content{padding:0;margin-top:10px;margin-bottom:10px}.Modal.mobile div div .modal-action button{border-radius:6px;width:68px}.Modal.mobile div div .modal-action .positive-btn{background:#383b45;color:#ccc}.Modal.mobile div div .modal-action .negative-btn{width:-webkit-max-content;width:max-content;background:#232732 !important;padding-left:20px;padding-right:20px;color:#999}
.myType>.header{margin-bottom:10px}.myType>.header>.item{width:55px;height:30px;text-align:center;line-height:30px;color:#48ddf2;font-size:14px;background-color:#1a1e28}.myType>.list-wrap{margin-left:20px}.myType>.layerList{height:calc(100% - 127px);overflow:auto}.myType>.layerList .listButton{width:190px;height:30px;margin:2px auto;background-color:#232732;border-radius:6px;display:flex;cursor:pointer}.myType>.layerList .listButton>.text{font-size:12px;color:#eee;margin:auto auto auto 3px}.myType>.layerList .listButton>.CheckIcon{width:20px;height:20px;color:#555;margin:auto 0px auto 10px}.myType>.layerList .listButton>.CheckIcon.close{display:none}.myType>.layerList .listButton>.CheckIcon.selected{color:#95e4b3}.myType>.layerList .listButton .error{color:#e81c1c}.myType>.layerList .listButton.selected{background-color:#60626a}.myType>.layerList .listButton.selected:hover{background-color:#60626a}.myType>.layerList .listButton.selected:hover .close{display:inline}.myType>.layerList .listButton.selected:hover .check{display:none}.myType>.layerList .error{color:#e81c1c}.myType>.layerList .listButton:hover{background-color:#60626a}.myType>.arrowDiv{display:flex;align-items:flex-end;flex:0 0 auto;width:190px;height:20px;margin:20px auto 15px auto}.myType>.arrowDiv>.text{position:relative;margin-right:auto;font-size:12px;color:#999}.myType>.arrowDiv>.closeIcon{position:relative;color:#555;margin-left:auto;width:18px;height:18px;cursor:pointer}.myType>.switchTabs{width:190px;height:30px;display:flex;background-color:#383b45;border-radius:5px;margin:0px auto 20px auto}.myType>.switchTabs .switchButton{width:92px;height:26px;padding:0px;margin:2px;border-radius:6px;display:flex;color:#ccc;cursor:pointer}.myType>.switchTabs .switchButton .text{font-size:12px;margin:auto}.myType>.switchTabs .switchButton.enable{background-color:#eee;color:#232732}.myType>.switchTabs .switchButton:hover{background-color:#eee;color:#232732}.myType>.switchTabs.hidden{display:none}.myType>.description{font-size:12px;color:#48ddf2;margin:0 22.5px 10px 22.5px}.myType>.description.hidden{display:none}.MainBody .wrapBlockList{color:#ccc;border:1px solid #333;border-top:none;margin:0;box-sizing:border-box;width:320px;background-color:#1a1e28;height:100%}.MainBody .wrapBlockList.z-index-back{z-index:-1}.MainBody .wrapBlockList .header{z-index:100;width:320px;display:flex;align-items:center;height:30px;box-sizing:border-box;border-right:none;background-color:#383b45;border:1px solid #161a24;display:flex;justify-content:space-between}.MainBody .wrapBlockList .header .hierarchy-icon{margin:auto 2px auto 10px}.MainBody .wrapBlockList .header .text{font-weight:400}.MainBody .wrapBlockList .header>.left-side{display:flex;align-items:center}.MainBody .wrapBlockList .header .right-side{width:99px;height:30px;border:1px solid #161a24;box-sizing:border-box}.MainBody .wrapBlockList .header .right-side .BuilditSelect{width:99px;color:#eee;background:#383b45;font-size:12px}.MainBody .wrapBlockList .header .right-side .BuilditSelect .select-header{min-height:28px;border:none;height:28px}.MainBody .wrapBlockList .header .right-side .BuilditSelect .select-header:hover{background-color:#273945}.MainBody .wrapBlockList .header .right-side .BuilditSelect .select-header .select-icon svg{width:16px !important;height:16px !important}.MainBody .wrapBlockList .header .right-side .BuilditSelect .select-wrapper{margin-top:28px;border:1px solid #333}.MainBody .wrapBlockList .header .right-side .BuilditSelect .option{height:30px;font-size:12px;padding-top:6px;padding-bottom:6px;color:#eee}.MainBody .wrapBlockList .header .right-side .BuilditSelect .option:not(:first-child){border-top:1px solid #333}.MainBody .wrapBlockList .wrap-tab .tabs{background-color:#333;width:320px;z-index:300;height:30px}.MainBody .wrapBlockList .wrap-tab .tabs .tab{font-size:14px;height:30px}.MainBody .wrapBlockList .description{padding-top:10px;overflow-y:scroll;width:320px;height:calc(100vh - 152px);box-sizing:border-box;padding-bottom:30px}.MainBody .wrapBlockList .description .text{stroke:#eee}.MainBody .functionalLayout{background-color:#161a24;width:320px;box-sizing:border-box;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.MainBody .functionalLayout>.header{border:1px solid #161a24;box-sizing:border-box;width:100%;height:30px !important;display:flex;align-items:center;align-content:center;justify-items:center;color:#48ddf2;background-color:#383b45}.MainBody .functionalLayout>.header>.wrapper{display:flex;justify-content:center;align-items:center}.MainBody .functionalLayout>.header>.wrapper .wrap-icon{display:flex;width:20px;align-items:center;justify-content:center;margin-right:2px}.MainBody .functionalLayout>.header>.wrapper .wrap-icon .icon{width:16px !important}.MainBody .functionalLayout>.header>.wrapper .font{font-weight:400}.MainBody .functionalLayout .description{width:320px;box-sizing:border-box;height:calc(100vh - 152px);overflow-y:scroll;overflow-x:hidden}.MainBody .functionalLayout .description .selectedBlockName{height:30px;width:380px}.MainBody .functionalLayout .description .selectedBlockName .title{display:flex;width:280px;height:30px;margin:10px 20px;flex-direction:row;border-bottom:1px solid #555;align-items:center;justify-content:space-between}.MainBody .functionalLayout .description .selectedBlockName .title .block-icon{stroke:#eee;margin-left:2px;margin-right:7px}.MainBody .functionalLayout>.selected-not-block{color:#48ddf2;font-size:12px;width:380px;height:20px;margin:20px}
.MySiteBlockSaveModal{background-color:rgba(0,0,0,.7);position:absolute;width:100%;height:100%;top:0;left:0;z-index:200;display:flex;justify-content:center;align-items:center;max-height:calc(100% - 80px);padding-block:40px}.MySiteBlockSaveModal .circle-icon{border-radius:50%;width:2px;margin-right:3px;height:2px;margin-left:-5px;background-color:#95e4b3}.MySiteBlockSaveModal.hidden{display:none}.MySiteBlockSaveModal .modal-wrapper{position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:700px;max-height:100%;background:#1a1e28;border:1px solid #333;color:#ccc}.MySiteBlockSaveModal .modal-wrapper>.header{padding:20px 30px 20px 30px;font-size:12px;box-sizing:border-box}.MySiteBlockSaveModal .modal-wrapper>.header.myType{margin-bottom:0}.MySiteBlockSaveModal .modal-wrapper>.header>.top-bar{display:flex;margin:auto;justify-content:space-between;width:640px;height:20px}.MySiteBlockSaveModal .modal-wrapper>.header>.top-bar>.title{color:#999;font-size:12px}.MySiteBlockSaveModal .modal-wrapper>.header>.top-bar>.icon-button{width:20px}.MySiteBlockSaveModal .modal-wrapper>.header>.top-bar>.icon-button .close-icon{color:#555;font-size:20px}.MySiteBlockSaveModal .modal-wrapper>.header>.top-bar>.icon-button .close-icon.hidden{display:none}.MySiteBlockSaveModal .modal-wrapper>.header>.msg{margin-top:20px;height:30px}.MySiteBlockSaveModal .modal-wrapper>.header>.title{margin-top:10px;margin-bottom:5px;color:#999;font-size:12px}.MySiteBlockSaveModal .modal-wrapper>.header>.file-name-wrapper{display:flex;justify-content:space-between}.MySiteBlockSaveModal .modal-wrapper>.header>.file-name-wrapper>.file-name{box-sizing:border-box;outline:none;width:425px;height:30px;background-color:#0c111b;color:#eee;display:flex;justify-content:flex-start;align-items:center;padding-left:10px;border:none}.MySiteBlockSaveModal .modal-wrapper>.header>.file-name-wrapper>.button-wrapper{display:flex}.MySiteBlockSaveModal .modal-wrapper>.header>.file-name-wrapper>.button-wrapper .cancle-btn{width:100px;height:30px}.MySiteBlockSaveModal .modal-wrapper>.header>.file-name-wrapper>.button-wrapper .cancle-btn.disabled{cursor:default}.MySiteBlockSaveModal .modal-wrapper>.header>.file-name-wrapper>.button-wrapper>.save-btn{width:100px;height:30px;margin-left:5px}.MySiteBlockSaveModal .modal-wrapper>.header .font-error{display:flex;align-items:center}.MySiteBlockSaveModal .modal-wrapper>.scene-wrapper,.MySiteBlockSaveModal .modal-wrapper>.map-wrapper{width:698px;height:438px;background:#111a22;display:flex;justify-content:center}.MySiteBlockSaveModal .modal-wrapper>.scene-wrapper.myType,.MySiteBlockSaveModal .modal-wrapper>.map-wrapper.myType{height:330px}.MySiteBlockSaveModal .modal-wrapper>.scene-wrapper.background-none,.MySiteBlockSaveModal .modal-wrapper>.map-wrapper.background-none{background-color:rgba(0,0,0,0)}.MySiteBlockSaveModal .modal-wrapper>.scene-wrapper .scene,.MySiteBlockSaveModal .modal-wrapper>.map-wrapper .scene{display:flex;justify-content:center;align-items:center;z-index:2000}.MySiteBlockSaveModal .modal-wrapper>.scene-wrapper .scene .Canvas,.MySiteBlockSaveModal .modal-wrapper>.scene-wrapper .scene .map,.MySiteBlockSaveModal .modal-wrapper>.map-wrapper .scene .Canvas,.MySiteBlockSaveModal .modal-wrapper>.map-wrapper .scene .map{width:640px;height:380px}.MySiteBlockSaveModal .modal-wrapper>.scene-wrapper .scene .Canvas,.MySiteBlockSaveModal .modal-wrapper>.map-wrapper .scene .Canvas{background-color:#212830}.MySiteBlockSaveModal .saveNameMsg{height:17px;margin-bottom:7px}.MySiteBlockSaveModal .border{width:640px;height:1px;background-color:#333}.MySiteBlockSaveModal .title-wrapper{align-items:center;height:30px;width:640px;display:flex}.MySiteBlockSaveModal .title-wrapper .edited{color:#95e4b3;display:flex;justify-content:center;align-items:center}.MySiteBlockSaveModal .title-wrapper .edited .circle-icon{margin-right:5px}.MySiteBlockSaveModal .title-wrapper .more{display:flex;align-items:center}.MySiteBlockSaveModal .input-summary{display:flex;width:640px;height:30px;display:flex;align-items:center}.MySiteBlockSaveModal .input-summary>.edited{display:flex;align-items:center;color:#95e4b3}.MySiteBlockSaveModal .key-value-wrapper{display:flex;justify-content:space-between}.MySiteBlockSaveModal .key-value-wrapper ::-webkit-scrollbar{background-color:#000;height:5px;margin:0}.MySiteBlockSaveModal .key-value-wrapper ::-webkit-scrollbar-thumb{border-radius:2.5px}.MySiteBlockSaveModal .key-value-wrapper ::-webkit-scrollbar-button:start:decrement,.MySiteBlockSaveModal .key-value-wrapper ::-webkit-scrollbar-button:end:increment{display:none}.MySiteBlockSaveModal .key-value-wrapper .wrap-table{display:flex;max-width:256px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;overflow-x:auto}.MySiteBlockSaveModal .key-value-wrapper .wrap-table .table{border-top:1px solid #333;border-bottom:none;width:128px;background-color:#000}.MySiteBlockSaveModal .key-value-wrapper .wrap-table .table.display{transition:opacity .1s linear;opacity:1}.MySiteBlockSaveModal .key-value-wrapper .wrap-table .table.display-none{display:block;transition:opacity .5s linear;opacity:0}.MySiteBlockSaveModal .key-value-wrapper .wrap-table .table .tr{border-bottom:1px solid #333;border-left:1px solid #333;border-right:1px solid #333;display:flex;background-color:#000}.MySiteBlockSaveModal .key-value-wrapper .wrap-table .table .tr.active{background-color:#10181e}.MySiteBlockSaveModal .key-value-wrapper .wrap-table .table .tr .td{box-sizing:border-box;padding:5px 8px}.MySiteBlockSaveModal .key-value-wrapper .wrap-table .table .tr .td.active{color:#95e4b3}.MySiteBlockSaveModal .key-value-wrapper .wrap-table .table .tr .td.key{min-width:65px}.MySiteBlockSaveModal .key-value-wrapper .wrap-table .table .tr .td.value{width:72px}.MySiteBlockSaveModal .key-value-wrapper .wrap-table .table .tr .th{background:#0c111b}.MySiteBlockSaveModal .key-value-wrapper .wrap-table .table:not(:nth-of-type(1)) .tr{border-left:none}.MySiteBlockSaveModal .key-value-wrapper>.key-value{z-index:2010;width:120px;margin-right:10px;height:48px}.MySiteBlockSaveModal .key-value-wrapper>.key-value.width-250px{width:250px}.MySiteBlockSaveModal .key-value-wrapper>.key-value>.key{font-size:12px;height:24px;line-height:24px;color:#999;display:flex;align-items:center}.MySiteBlockSaveModal .key-value-wrapper>.key-value>.key .info-icon{width:13px !important;color:#999;display:flex;justify-content:center;align-items:center;margin-left:4px;cursor:pointer}.MySiteBlockSaveModal .key-value-wrapper>.key-value>.key .info-icon.active{color:#95e4b3}.MySiteBlockSaveModal .key-value-wrapper>.key-value>.wrap-value{display:flex}.MySiteBlockSaveModal .key-value-wrapper>.key-value>.wrap-value .btn{width:30px}.MySiteBlockSaveModal .key-value-wrapper>.key-value>.value{height:24px;color:#ccc;font-size:14px;display:flex;line-height:40px;align-self:center;align-items:center;display:flex;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.MySiteBlockSaveModal .key-value-wrapper>.key-value>.value .review-area.active{color:#95e4b3}.MySiteBlockSaveModal .key-value-wrapper>.key-value>.value.d-flex{cursor:pointer;justify-content:space-between;padding-left:5px;padding-right:5px;align-items:center}.MySiteBlockSaveModal .key-value-wrapper>.key-value>.value.d-flex:hover{background-color:#0c111b}.MySiteBlockSaveModal .key-value-wrapper>.key-value>.value.d-flex.active{background-color:#0c111b}.MySiteBlockSaveModal .key-value-wrapper>.key-value>.value.d-flex .font{font-weight:400}.MySiteBlockSaveModal .key-value-wrapper>.key-value>.value.d-flex .icon.expand-icon{width:16px !important}.MySiteBlockSaveModal .key-value-wrapper>.key-value>.value.font-green{color:#95e4b3}.MySiteBlockSaveModal .loading-wrap{z-index:2001;height:300px}.MySiteBlockSaveModal .loading-wrap .modal-size{width:698px}.MySiteBlockSaveModal .item-wrapper{padding-block:10px 12px}.MySiteBlockSaveModal .item-title{font-size:14px;color:#fff;margin-block:10px 8px}.MySiteBlockSaveModal .item-value{display:flex;grid-gap:2px;gap:2px}.MySiteBlockSaveModal .building-type-select{width:200px;height:30px;font-size:14px;color:#ccc;margin-bottom:8px}.MySiteBlockSaveModal .building-type-select .select-header{height:30px;min-height:30px}.MySiteBlockSaveModal .building-type-select .select-wrapper{margin-top:30px;z-index:2101}.MySiteBlockSaveModal .building-type-select .select-wrapper .option{height:30px}.display-none{visibility:hidden}.Modal.mobile div div .modal-action .negative-btn{background-color:#383b45}
.ConstructionLineInfo{z-index:1}.ConstructionLineInfo .header{display:flex;align-items:center;justify-content:space-between;padding-left:10px;padding-right:5px;font-size:10px;color:#161a24;height:24px;cursor:pointer}.ConstructionLineInfo .header .icon-btn .arrow-icon{color:#232732;width:16px;height:16px}.ConstructionLineInfo .title{height:24px;color:#232732;font-size:10px;display:flex;align-items:center;justify-content:space-between;padding-right:5px;padding-left:10px}.ConstructionLineInfo .title .wrap-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;cursor:pointer}.ConstructionLineInfo .line-type{display:"flex";align-items:"center";padding-left:10px;height:24px}.ConstructionLineInfo .line-type.disabled{opacity:.4}.ConstructionLineInfo .line-type:not(.title):not(.disabled):hover{cursor:pointer;display:flex;align-items:center;background-color:#eee}.ConstructionLineInfo .line-type:last-child{margin-bottom:0px}.ConstructionLineInfo .line-type .img{width:16px;height:16px !important;box-sizing:border-box;display:flex;align-items:center}.ConstructionLineInfo .line-type .name{color:#161a24;font-size:12px}.ConstructionLineInfo .low-opacity{opacity:.4}.ConstructionLineInfo .visibility-icon{font-size:14px;color:#232732}.ConstructionLineInfo .visibility-icon.disabled{color:#999}.ConstructionLineInfo.dark-mode{background:#1e222e !important;z-index:100}.ConstructionLineInfo.dark-mode .header{color:#48ddf2}.ConstructionLineInfo.dark-mode .header .arrow-icon{color:#ccc}.ConstructionLineInfo.dark-mode .title{color:#999}.ConstructionLineInfo.dark-mode .line-type:not(.title):not(.disabled):hover{background:#273945}.ConstructionLineInfo.dark-mode .name{color:#ccc}.ConstructionLineInfo.dark-mode .visibility-icon{color:#eee}.ConstructionLineInfo.dark-mode .visibility-icon.disabled{color:#999}
.FileInfoHeader{z-index:10;height:60px;box-sizing:border-box;border:solid 1px #333;display:flex;justify-content:space-between;align-items:center;background-color:#1e222e}.FileInfoHeader .info{display:inline-table;height:60px;border-right:solid 1px #333;box-sizing:border-box;padding:12px 20px}.FileInfoHeader .info .value{margin-top:4px}.FileInfoHeader .fileInfo{width:320px;height:60px;color:#555;display:flex;align-items:center;color:#95e4b3;grid-gap:10px;gap:10px}.FileInfoHeader .fileInfo .dxfIcon{width:24px;height:24px;font-size:10px;margin-left:10px;border-radius:50%;display:flex;border:2px solid #95e4b3}.FileInfoHeader .fileInfo .dxfIcon>.text{margin:auto}.FileInfoHeader .fileInfo .fileName{width:280px;color:#ccc}@media screen and (max-width: 1100px){.FileInfoHeader .fileInfo{display:none}}
.ToolBox{position:absolute;top:50px;z-index:10;right:10px;width:40px;grid-gap:10px;gap:10px;display:grid}.ToolBox .tabs{background-color:#1a1e28;box-sizing:border-box;padding:2px;border-radius:6px;display:flex;flex-direction:column;grid-gap:2px;gap:2px}.ToolBox .tabs .tab{color:#ccc;min-width:36px;width:36px;height:36px;font-size:10px;font-weight:500}.ToolBox .tabs .tab.active,.ToolBox .tabs .tab:hover{background-color:#ccc;color:#1a1e28}.ToolBox .setting-back-icon,.ToolBox .info-icon{width:16px;color:#eee}.ToolBox .setting-back-icon.active,.ToolBox .info-icon.active{color:#48ddf2}
.LogsPanel{position:absolute;bottom:0;z-index:11;-webkit-user-select:none;user-select:none;background-color:#161a24;width:100%;height:286px}.LogsPanel.less-width{width:calc(100% - 640px)}.LogsPanel.collapsed{height:30px;overflow:hidden}.LogsPanel.non-buildings{width:calc(100% - 320px)}.LogsPanel .header{border:1px solid #333;background:#383b45;display:flex;justify-content:space-between;height:30px;box-sizing:border-box;cursor:pointer;padding:0 10px;align-items:center}.LogsPanel .header .left-wrapper{display:flex;align-items:center;grid-gap:2px;gap:2px}.LogsPanel .header .left-wrapper .speaker-icon{width:15px;height:15px;color:#eee}.LogsPanel .header .left-wrapper .text{color:#ccc;font-size:14px;font-weight:700}.LogsPanel .header .expand-icon{width:20px;height:20px;color:#ccc}.LogsPanel .content{display:flex}.LogsPanel .content .aside{width:160px;border:1px solid #333;border-top:none;height:282px;background-color:#1e222e}.LogsPanel .content .aside .item{height:30px;border-bottom:1px solid #333;box-sizing:border-box;color:#ccc;display:flex;align-items:center;padding:0 10px;font-size:14px}.LogsPanel .content .aside .item.message:hover,.LogsPanel .content .aside .item.error:hover,.LogsPanel .content .aside .item.warning:hover,.LogsPanel .content .aside .item.info:hover,.LogsPanel .content .aside .item.active{background:#444a5a;cursor:pointer}.LogsPanel .content .aside .item.all{color:#999;font-size:12px;display:flex;justify-content:space-between}.LogsPanel .content .aside .item.all .close-icon{width:16px;color:#555;cursor:pointer}.LogsPanel .content .aside .item .item-icon{margin-right:6px}.LogsPanel .content .aside .item .item-icon.message{width:16px}.LogsPanel .content .aside .item .item-icon.completion{fill:#48ddf2;width:14px}.LogsPanel .content .aside .item .item-icon.errors{width:16px;color:#e81c1c}.LogsPanel .content .aside .item .item-icon.warnings{width:15px;color:#ffb068}.LogsPanel .content .aside .item .item-icon.info{width:15px;color:#95e4b3 !important}.LogsPanel .content .section{width:calc(100% - 160px);height:250px;overflow-y:scroll}.LogsPanel .content .section .log-icon.complete-icon{fill:#48ddf2;margin:0 13px;width:16px}.LogsPanel .content .section .log-complete{color:#eee;height:30px;font-size:14px;display:flex;align-items:center}
.LogItem.expansion-panel{background:none;border:none;color:#ccc;box-shadow:none;margin:0;box-sizing:border-box}.LogItem.expansion-panel div[role=button]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0;width:100%;min-height:30px;font-size:14px;color:#eee}.LogItem.expansion-panel div[role=button][aria-expanded=true] .arrow-btn{transform:rotate(90deg)}.LogItem.expansion-panel div[role=button] .arrow-btn{width:40px;color:#ccc;padding:0;transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}.LogItem.expansion-panel div[role=button] .arrow-btn .arrow-right-icon{width:20px;height:20px}.LogItem.expansion-panel div[role=button] div{margin:0;display:flex;align-items:center}.LogItem.expansion-panel .expansion-content{display:block;cursor:pointer;padding:0}.LogItem.expansion-panel .expansion-content .msg-item{display:flex;align-items:center;font-size:12px;height:24px;width:100%;padding:0 42px}.LogItem.expansion-panel .expansion-content .msg-item.Error:hover,.LogItem.expansion-panel .expansion-content .msg-item.Error.active{background-color:rgba(232,28,28,.2)}.LogItem.expansion-panel .expansion-content .msg-item.Warning:hover,.LogItem.expansion-panel .expansion-content .msg-item.Warning.active{background-color:rgba(255,176,104,.2)}.LogItem.expansion-panel .expansion-content .msg-item.Info:hover,.LogItem.expansion-panel .expansion-content .msg-item.Info.active{background-color:rgba(75,114,91,.2941176471)}.LogItem.expansion-panel .expansion-content .msg-item .item-icon{margin-right:10px;width:15px}.LogItem.expansion-panel .expansion-content .msg-item .item-icon.error{color:#e81c1c}.LogItem.expansion-panel .expansion-content .msg-item .item-icon.warning{color:#ffb068}.LogItem.expansion-panel .expansion-content .msg-item .item-icon.info{color:#95e4b3}
.BlockListPanel{-webkit-user-select:none;user-select:none;height:100%;width:320px;box-sizing:border-box;border:1px solid #333;border-top:none}.BlockListPanel .header{height:30px;box-sizing:border-box;border-top:1px solid #161a24;border-bottom:1px solid #161a24;background-color:#383b45;color:#ccc;display:flex;align-items:center;padding-left:10px;justify-content:space-between}.BlockListPanel .header .wrapper{align-items:center;display:flex}.BlockListPanel .header .hierarchy-icon{margin-right:2px}.BlockListPanel .header .right-side{width:99px;height:30px;border:1px solid #161a24;box-sizing:border-box}.BlockListPanel .header .right-side .BuilditSelect{width:99px;color:#eee;background:#383b45;font-size:12px}.BlockListPanel .header .right-side .BuilditSelect .select-header{min-height:28px;border:none;height:28px}.BlockListPanel .header .right-side .BuilditSelect .select-header:hover{background-color:#273945}.BlockListPanel .header .right-side .BuilditSelect .select-header .select-icon svg{width:16px !important;height:16px !important}.BlockListPanel .header .right-side .BuilditSelect .select-wrapper{margin-top:28px;border:1px solid #333}.BlockListPanel .header .right-side .BuilditSelect .option{height:30px;font-size:12px;padding-top:6px;padding-bottom:6px;color:#eee}.BlockListPanel .header .right-side .BuilditSelect .option:not(:first-child){border-top:1px solid #333}.BlockListPanel .content{-webkit-user-select:none;user-select:none;padding:10px 19px;height:calc(100% - 150px);background-color:#1a1e28;overflow-y:scroll;overflow-x:hidden}.BlockListPanel .content .field-item .rc-tree-node-content-wrapper{width:274px !important}.BlockListPanel .content.non-header .rc-tree-treenode.depth-0 .rc-tree-title{width:211px !important}.BlockListPanel .content.non-header .rc-tree-treenode.depth-1 .rc-tree-title{width:202px !important}.BlockListPanel .content.non-header .rc-tree-treenode.depth-2 .rc-tree-title{width:182px !important}.BlockListPanel .content .rc-tree-list-holder-inner{display:flex;align-items:center}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-treenode{color:#ccc;height:30px;width:280px;box-sizing:border-box;display:flex;align-items:center}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-treenode.start-node{width:285px}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-treenode.start-node .rc-tree-node-content-wrapper{width:254px}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-treenode.start-node .rc-tree-iconEle{display:none}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-treenode .switcher-icon{margin:12px 5px}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-treenode .tree-icon{margin-right:5px}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-treenode.selected:not(.start-node){background:#444a5a;color:#48ddf2}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-treenode.selected:not(.start-node) .block-icon{stroke:#48ddf2}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-treenode.selected:not(.start-node) .window-icon{background:#48ddf2}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-treenode.depth-0 .switcher-icon{margin-left:12px;margin-right:5px}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-treenode.depth-0 .rc-tree-title{width:229px}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-treenode.depth-0 .rc-tree-title .name{width:170px}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-treenode.depth-0.myPlan .switcher-icon{margin-left:26px}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-treenode.depth-0.myPlan .rc-tree-title{width:215px}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-treenode.depth-1 .switcher-icon{margin-left:33px}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-treenode.depth-1 .rc-tree-title{width:208px}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-treenode.depth-1 .rc-tree-title .name{width:150px}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-treenode.depth-1.myPlan .switcher-icon{margin-left:47px}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-treenode.depth-1.myPlan .rc-tree-title{width:194px}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-treenode.depth-2 .switcher-icon{margin-left:54px}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-treenode.depth-2 .rc-tree-title{font-size:12px;width:187px}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-treenode.depth-2 .rc-tree-title .name{width:125px}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-treenode.depth-2.myPlan .switcher-icon{margin-left:68px}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-treenode.depth-2.myPlan .rc-tree-title{width:173px}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-treenode.depth-3.myPlan .switcher-icon{margin-left:68px}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-treenode.depth-3.myPlan .rc-tree-title{width:173px}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-treenode:hover:not(.start-node){background-color:#273945 !important}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-switcher{display:flex !important;align-items:center;height:16px;color:#999 !important}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-switcher .expand-icon{width:16px !important;height:16px !important}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-switcher.rc-tree-switcher_close .expand-icon{transform:rotate(270deg)}.BlockListPanel .content .rc-tree-list-holder-inner .switcher-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-node-content-wrapper{display:flex;align-items:center;height:30px;position:relative}.BlockListPanel .content .rc-tree-list-holder-inner .field-item .rc-tree-indent{margin-left:5px}.BlockListPanel .content .rc-tree-list-holder-inner .field-item.myPlan .rc-tree-indent{margin-left:26px}.BlockListPanel .content .rc-tree-list-holder-inner .field-item .rc-tree-title .name{width:214px}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-title{font-size:14px;display:flex;justify-content:space-between;align-items:center;max-width:280px}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-title .name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;margin-left:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-title .tooltip-wrap{position:absolute;right:-1px}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-title .visibility-btn,.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-title .log-btn{width:30px;min-width:30px;height:30px;border-radius:0;display:flex;align-items:center;justify-content:center}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-title .visibility-btn:not(:hover),.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-title .log-btn:not(:hover){background:#1a1e28}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-title .log-btn.active{background:#444a5a}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-title .visibility-icon{width:16px !important;height:16px !important;color:#eee}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-title .visibility-icon.disabled{color:#999}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-title .log-icon{width:15px !important;height:15px !important;color:#eee;cursor:pointer}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-title .log-icon.disabled{color:#333}.BlockListPanel .content .rc-tree-list-holder-inner .layer .rc-tree-node-content-wrapper{width:100%}.BlockListPanel .content .rc-tree-list-holder-inner .layer .rc-tree-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;font-size:12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:160px}.BlockListPanel .content .rc-tree-list-holder-inner .layer .rc-tree-iconEle{margin-left:97px}.BlockListPanel .content .rc-tree-list-holder-inner .layer.myPlan .rc-tree-iconEle{margin-left:110px}.BlockListPanel .content .rc-tree-list-holder-inner .layer.myPlan .rc-tree-title{width:173px}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-iconEle{display:flex;align-items:center;justify-content:center;margin:0;width:16px;height:16px}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-iconEle .icon-wrap{display:flex;align-items:center}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-iconEle .wrap-icon{width:16px;height:16px;margin-right:5px;display:flex;justify-content:center;align-items:center}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-iconEle .wrap-icon>.window-icon{width:6.4px;height:6.4px;display:block;background-color:#eee}.BlockListPanel .content .rc-tree-list-holder-inner .tree-icon{width:16px;height:16px;margin-left:5px;display:flex;align-items:center;justify-content:center;margin-right:10px}.BlockListPanel .content .rc-tree-list-holder-inner .tree-icon .block-icon{stroke:#eee;width:12px !important;height:12px !important}.BlockListPanel .content .rc-tree-list-holder-inner .rc-tree-switcher{align-items:center}
.rc-tree{margin:0;width:280px}.rc-tree-focused:not(.rc-tree-active-focused){border-color:aqua}.rc-tree .rc-tree-indent{width:0}.rc-tree .rc-tree-treenode{margin:0;padding:0;line-height:24px;white-space:nowrap;list-style:none;outline:0;border:1px solid rgba(0,0,0,0)}.rc-tree .rc-tree-treenode .draggable{color:#333;-webkit-user-select:none;user-select:none;-khtml-user-drag:element;-webkit-user-drag:element}.rc-tree .rc-tree-treenode.drop-container>.draggable::after{position:absolute;left:0;right:0;top:0;bottom:0;box-shadow:inset 0 0 0 2px red;content:""}.rc-tree .rc-tree-treenode.drop-container~.rc-tree-treenode{border-left:2px solid #d2691e}.rc-tree .rc-tree-treenode.drop-target{background-color:#9acd32}.rc-tree .rc-tree-treenode.drop-target~.rc-tree-treenode{border-left:none}.rc-tree .rc-tree-treenode.filter-node>.rc-tree-node-content-wrapper{color:#a60000 !important;font-weight:bold !important}.rc-tree .rc-tree-treenode ul{margin:0;padding:0 0 0 18px}.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{position:relative;display:inline-block;height:24px;margin:0;padding:0;text-decoration:none;vertical-align:top;cursor:pointer}.rc-tree .rc-tree-treenode span.rc-tree-switcher,.rc-tree .rc-tree-treenode span.rc-tree-checkbox,.rc-tree .rc-tree-treenode span.rc-tree-iconEle{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:30px;vertical-align:-0.125em;background-color:rgba(0,0,0,0);background-repeat:no-repeat;background-attachment:scroll;border:0 none;outline:none;cursor:pointer}.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-icon__customize,.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-icon__customize,.rc-tree .rc-tree-treenode span.rc-tree-iconEle.rc-tree-icon__customize{background-image:none}.rc-tree .rc-tree-treenode span.rc-tree-icon_loading{margin-right:2px;vertical-align:top;background:url("data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7") no-repeat scroll 0 0 rgba(0,0,0,0)}.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop{cursor:auto}.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open{background-position:-93px -56px}.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close{background-position:-75px -56px}.rc-tree .rc-tree-treenode span.rc-tree-checkbox{width:13px;height:13px;margin:0 3px;background-position:0 0}.rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked{background-position:-14px 0}.rc-tree .rc-tree-treenode span.rc-tree-checkbox-indeterminate{background-position:-14px -28px}.rc-tree .rc-tree-treenode span.rc-tree-checkbox-disabled{background-position:0 -56px}.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-checked.rc-tree-checkbox-disabled{background-position:-14px -56px}.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled{position:relative;background:#ccc;border-radius:3px}.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled::after{position:absolute;top:5px;left:3px;width:5px;height:0;border:2px solid #fff;border-top:0;border-left:0;transform:scale(1);content:" "}.rc-tree:not(.rc-tree-show-line) .rc-tree-treenode .rc-tree-switcher-noop{background:none}.rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child)>ul{background:url("data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7") 0 0 repeat-y}.rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child)>.rc-tree-switcher-noop{background-position:-56px -18px}.rc-tree.rc-tree-show-line .rc-tree-treenode:last-child>.rc-tree-switcher-noop{background-position:-56px -36px}.rc-tree-child-tree{display:none}.rc-tree-child-tree-open{display:block}.rc-tree-treenode-disabled>span:not(.rc-tree-switcher),.rc-tree-treenode-disabled>a,.rc-tree-treenode-disabled>a span{color:#767676;cursor:not-allowed}.rc-tree-treenode-active{background:rgba(0,0,0,.1)}.rc-tree-icon__open{margin-right:2px;vertical-align:top;background-position:-110px -16px}.rc-tree-icon__close{margin-right:2px;vertical-align:top;background-position:-110px 0}.rc-tree-icon__docu{margin-right:2px;vertical-align:top;background-position:-110px -32px}.rc-tree-icon__customize{margin-right:2px;vertical-align:top}.rc-tree-title{max-width:190px;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rc-tree-indent{display:inline-block;vertical-align:bottom;height:0}.rc-tree-indent-unit{width:16px;display:inline-block}
.InspectorPanel{width:320px}.InspectorPanel .header{height:30px;box-sizing:border-box;background-color:#383b45;border:1px solid #161a24;color:#ccc;display:flex;align-items:center;grid-gap:2px;gap:2px;padding:0 10px}.InspectorPanel .header .info-icon{color:#eee;width:16px}.InspectorPanel .content{padding:10px 19px;height:calc(100% - 150px);overflow-y:scroll;box-sizing:border-box}.InspectorPanel .content .unit{margin-top:10px;font-size:12px;color:#999}.InspectorPanel .content .title{height:30px;border-bottom:1px solid #555;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.InspectorPanel .content .title .wrapper{display:flex;align-items:center}.InspectorPanel .content .title .wrapper .block-icon{stroke:#eee;margin:2px 7px}.InspectorPanel .content .title .wrapper .name{color:#eee;font-size:14px}.InspectorPanel .content .title .type{font-size:12px;color:#999}.InspectorPanel .content .input-wrapper{display:flex}.InspectorPanel .content .input-wrapper .input-contain-arrow{display:flex;flex-direction:column;width:135px}.InspectorPanel .content .input-wrapper .inputBody>.box{margin-bottom:10px}.InspectorPanel .content .input-wrapper .arrow-bottom{height:10px;width:100%;display:flex;justify-content:center;align-items:center}.InspectorPanel .content .input-wrapper .arrow-bottom .expand-icon{width:10px;height:10px;color:#ccc}.InspectorPanel .content .input-wrapper .arrow-bottom:hover{background-color:#273945}
.InspectorTree .rc-tree{width:280px}.InspectorTree .rc-tree-switcher{display:flex;align-items:center}.InspectorTree .icon.block-icon{stroke:#eee;width:12px !important;margin:0 5px}.InspectorTree .block-title{display:flex;justify-content:space-between;align-items:center}.InspectorTree .block-title>.left-side{display:flex}.InspectorTree .block-title>.left-side .name{width:150px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}.InspectorTree .block-title>.right-side{top:2px;right:0;margin-left:10px;position:absolute}.InspectorTree .rc-tree-treenode{display:flex;height:24px;position:relative;align-items:center;box-sizing:border-box}.InspectorTree .rc-tree-treenode .rc-tree-node-content-wrapper{display:flex;align-items:center;position:static}.InspectorTree .rc-tree-treenode .rc-tree-title .block-title .left-side{align-items:center}.InspectorTree .rc-tree-treenode.component,.InspectorTree .rc-tree-treenode.blockB{height:30px}.InspectorTree .rc-tree-treenode .rc-tree-switcher{display:flex !important}.InspectorTree .rc-tree-treenode .rc-tree-switcher.rc-tree-switcher_open .switcher-icon{transform:rotate(90deg)}.InspectorTree .rc-tree-treenode .rc-tree-switcher .icon.switcher-icon{color:#999}.InspectorTree .blockB{box-sizing:border-box;height:32px}.InspectorTree .area-info{margin-left:67px}.InspectorTree .component{margin-left:24px}.InspectorTree .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{cursor:default}
.RequiredTypeSetting>.expansion{background:none;font-size:14px;color:#eee;padding:0}.RequiredTypeSetting>.expansion .expansion-title{padding:0;min-height:30px}.RequiredTypeSetting>.expansion .expansion-title.font-error{color:#e81c1c}.RequiredTypeSetting>.expansion .expansion-title .arrow-btn{padding:0}.RequiredTypeSetting>.expansion .expansion-title .arrow-btn .icon.arrow-right{color:#999}.RequiredTypeSetting>.expansion .content{margin:0;padding:0;line-height:20px}.RequiredTypeSetting>.expansion .expansion-content{color:#ccc;padding:0 0 0 22px;display:flex;flex-direction:column}.RequiredTypeSetting>.expansion .expansion-content .item-title{height:24px;margin-bottom:8px;font-size:12px;color:#999;line-height:24px}.RequiredTypeSetting>.expansion .expansion-content .item-value{display:flex;grid-gap:2px;gap:2px}.RequiredTypeSetting>.expansion .expansion-content .building-type-select{height:30px;font-size:14px;color:#ccc}.RequiredTypeSetting>.expansion .expansion-content .building-type-select .select-header{height:30px;min-height:30px}.RequiredTypeSetting>.expansion .expansion-content .building-type-select .select-wrapper{margin-top:30px}.RequiredTypeSetting>.expansion .expansion-content .building-type-select .select-wrapper .option{height:30px}
.myPage{height:100%;display:flex;flex-direction:column}.myPage .body{z-index:2;height:-webkit-fill-available;width:1200px;margin:0 auto}
.sitePageContent{position:relative;width:1200px;min-height:calc(100vh - 180px);margin:0 auto;overflow:-webkit-paged-x}.sitePageContent .siteInfo{position:relative;display:flex;height:30px;margin-top:32px}.sitePageContent .siteInfo .all-card-cnt{margin-left:5px}.sitePageContent .siteInfo>.tooltip{align-items:center}.sitePageContent .siteInfo>div{line-height:26px}.sitePageContent .siteInfo .icon{margin-left:6.5px;margin-right:5px;display:flex}.sitePageContent .siteInfo .icon .help-icon{width:18px;height:18px}.sitePageContent .siteInfo .bold{font-weight:bold}.sitePageContent>.info{position:relative;font-size:18px;line-height:26px;display:flex;align-items:center;color:#ccc}.sitePageContent>.info div{display:inline}.sitePageContent>.info .icon{margin-left:6.5px;color:#eee}.sitePageContent>.info span{font-weight:bold}.sitePageContent>.interactionLayer{position:relative;justify-content:space-between;display:flex;margin-top:10px}.sitePageContent>.interactionLayer .search-wrapper{display:flex}.sitePageContent>.interactionLayer .search-wrapper .search-field-select{display:flex;width:120px;height:40px;margin-right:10px}.sitePageContent>.interactionLayer .search-wrapper .input-search{width:259px;margin-right:10px;height:40px}.sitePageContent>.interactionLayer .search-wrapper .input-search .svg{width:20px;height:20px;margin-right:10px;margin-top:5px}.sitePageContent>.interactionLayer .search-wrapper .input-search .icon-btn{padding:0px}.sitePageContent>.interactionLayer .search-wrapper .input-search .icon-btn .remove-icon{width:14px !important;height:14px !important;margin-right:10px}.sitePageContent>.interactionLayer .search-wrapper .search-info{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;align-items:center}.sitePageContent>.interactionLayer .right-wrapper{display:flex}.sitePageContent>.interactionLayer .right-wrapper .img{margin-top:20px}.sitePageContent>.interactionLayer .right-wrapper .download-check{width:184px;height:40px;align-items:center;justify-content:center}.sitePageContent>.interactionLayer .right-wrapper .download-check .wrap-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.sitePageContent>.interactionLayer .right-wrapper .download-check .wrap-icon>.info-icon{width:16px}.sitePageContent>.interactionLayer .right-wrapper>.file-button{margin-right:5px;width:221px;display:flex;justify-content:flex-start;padding-left:10px}.sitePageContent>.interactionLayer .right-wrapper>.file-button>span{display:flex;justify-content:space-between}.sitePageContent>.interactionLayer .right-wrapper>.file-button .icon{margin-right:13px}.sitePageContent>.interactionLayer .buttonLayer .callButton{width:180px;height:40px;align-items:center;display:flex}.sitePageContent>.interactionLayer .buttonLayer .callButton .buttonText{display:flex;line-height:20px;width:117px;height:24px;text-align:center}.sitePageContent>.interactionLayer .buttonLayer .callButton .img{display:flex;width:15px;height:15px;margin-left:6.7px}.sitePageContent>.interactionLayer .buttonLayer .callButton .img .object{width:15px;height:15px}.sitePageContent>.file-layer{justify-content:space-between;display:flex;margin-top:10px;background-color:#161a24;width:inherit;height:50px;color:#ccc;align-items:center}.sitePageContent>.file-layer>.left-wrapper{display:flex}.sitePageContent>.file-layer>.left-wrapper>.check-box{color:#999;width:40px;height:20px;padding:0px;padding-top:12px}.sitePageContent>.file-layer>.left-wrapper>.check-box.checked{color:#48ddf2}.sitePageContent>.file-layer>.left-wrapper>.sort-type{list-style:none;display:flex;justify-content:center;flex-direction:column;align-items:center;cursor:pointer;box-sizing:border-box;font-size:14px}.sitePageContent>.file-layer>.left-wrapper>.sort-type>.name{margin-top:10px}.sitePageContent>.file-layer>.left-wrapper>.sort-type>.arrow{display:flex;height:20px;justify-content:flex-start;flex-direction:column}.sitePageContent>.file-layer>.left-wrapper>.sort-type .icon{width:10px !important;height:10px !important}.sitePageContent>.file-layer>.left-wrapper>.sort-type.width-70{width:70px}.sitePageContent>.file-layer>.left-wrapper>.sort-type.width-107{width:107px}.sitePageContent>.file-layer>.right-wrapper{display:flex}.sitePageContent>.file-layer>.right-wrapper>.file-button{width:170px;height:40px;align-items:center;display:flex;justify-content:space-between}.sitePageContent>.file-layer>.right-wrapper>.file-button .buttonText{display:flex;line-height:20px;font-size:14px;font-weight:normal;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:center;padding-left:10px}.sitePageContent>.file-layer>.right-wrapper>.file-button .icon{display:flex;width:20px;height:20px;margin-right:10px;align-items:center}.sitePageContent>.file-layer>.right-wrapper>.file-button.not-first{margin-left:5px}.sitePageContent>.file-layer>.right-wrapper .delete-Button{width:40px;height:40px;margin-left:5px}.sitePageContent>.file-layer>.right-wrapper .delete-Button .icon{display:flex;width:20px;height:20px;align-items:center;color:#999}.sitePageContent .cardTable{top:0;margin-top:10px;display:flex;grid-gap:20px;gap:20px}.sitePageContent .bottom-button{width:40px;height:40px;margin-top:20px}.sitePageContent .bottom-button svg{width:20px;height:20px}.sitePageContent .pagination{position:relative;margin-top:20px;margin-bottom:100px}.sitePageContent .noItemText{display:flex;width:1200px;height:490px;position:relative;color:#999;background-color:#232732;font-size:14px;line-height:20px;justify-content:center;align-items:center;text-align:center;margin-top:20px;margin-bottom:100px}.cad-data-modal{display:flex;flex-flow:column}.cad-data-modal .table-wrapper{width:670px;max-height:290px;height:auto;overflow:hidden;overflow-y:scroll}.cad-data-modal .table-wrapper .table .table-head{display:flex;background-color:#161a24;height:40px;top:0;position:-webkit-sticky;position:sticky;z-index:500}.cad-data-modal .table-wrapper .table .table-head .table-row{display:flex;height:40px}.cad-data-modal .table-wrapper .table .table-head .table-row .table-cell{display:flex;box-sizing:border-box;color:#ccc;height:40px;border-bottom:1px solid #333;font-size:14px}.cad-data-modal .table-wrapper .table .table-body{width:670px;display:flex;background-color:#232732;flex-direction:column}.cad-data-modal .table-wrapper .table .table-body .table-row{display:flex;height:50px}.cad-data-modal .table-wrapper .table .table-cell{box-sizing:border-box;padding:0px 10px;height:50px;border-bottom:1px solid #333;display:flex}.cad-data-modal .table-wrapper .table .table-cell>div{display:flex;justify-items:center;align-items:center;color:#ccc}.cad-data-modal .table-wrapper .table .table-cell.no-data{width:660px;text-align:center;color:#ccc}.cad-data-modal .table-wrapper .table .table-cell.no-data .modal-data{display:flex;flex-flow:row;align-items:center}.cad-data-modal .table-wrapper .table .table-cell.checkbox{width:40px;padding:0px;align-items:center;justify-content:center}.cad-data-modal .table-wrapper .table .table-cell.checkbox>.checkbox{margin:auto;width:40px;color:#ccc}.cad-data-modal .table-wrapper .table .table-cell.checkbox>.checkbox.checked{color:#48ddf2}.cad-data-modal .table-wrapper .table .table-cell.checkbox svg{width:20px;height:20px}.cad-data-modal .table-wrapper .table .table-cell.project-id{width:70px}.cad-data-modal .table-wrapper .table .table-cell.project-id>div{width:70px}.cad-data-modal .table-wrapper .table .table-cell.project-name{width:550px}.cad-data-modal .info-wrap{width:100%;padding:20px 0px 0px 0px !important;display:flex;flex-flow:column;color:#ccc;font-size:12px}.cad-data-modal .info-wrap>.info{padding:0px;display:flex;align-items:center}
.FileManageCard{width:285px;min-height:458px;border-radius:6px;box-sizing:border-box;background-color:#232732;padding-bottom:16px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.FileManageCard .header{height:44px;color:#ccc;display:flex;padding:8px;justify-content:space-between;box-sizing:border-box}.FileManageCard .header .checkbox{margin-right:4px;color:#eee}.FileManageCard .header .checkbox.active{color:#48ddf2}.FileManageCard .header .btn{min-width:28px !important;width:28px;height:28px}.FileManageCard .header .btn.download-btn{margin-right:4px}.FileManageCard .header .btn .btn-icon{width:16px}.FileManageCard .thumbnail{width:285px;height:285px;background-color:#161a24;position:relative}.FileManageCard .thumbnail>.img{width:inherit;height:inherit}.FileManageCard .thumbnail>.dim{top:0;opacity:0;position:absolute;background-color:rgba(0,0,0,.5);width:inherit;height:inherit;display:flex;transition:opacity 120ms ease-in}.FileManageCard .thumbnail>.dim .history{position:absolute;right:8px;top:8px}.FileManageCard .thumbnail>.dim .history .history-icon{width:20px;height:20px;color:#eee}.FileManageCard .thumbnail>.dim .edit-btn{width:108px;font-weight:700;font-size:14px;height:33px;margin:auto}.FileManageCard .thumbnail:hover .dim{opacity:1}.FileManageCard .name{margin:4px;color:#eee;cursor:text}.FileManageCard .name .normal{height:33px;padding:8px}.FileManageCard .name .normal>.text{font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.FileManageCard .name .normal:hover{background-color:#273945}.FileManageCard .name .edit{display:block;height:33px}.FileManageCard .name .edit .input-wrapper{width:100%}.FileManageCard .name .edit .input-wrapper .text{letter-spacing:-0.05em;padding:8px}.FileManageCard .item{height:24px;font-size:12px;padding:4px 12px;display:flex;justify-content:space-between}.FileManageCard .item.no-label{height:26px}.FileManageCard .item .label{color:#999;display:flex;align-items:center;grid-gap:2px;gap:2px}.FileManageCard .item .label .info-icon{width:16px;height:16px}.FileManageCard .item .value{color:#ccc;display:flex;align-items:center}.FileManageCard .item .value .ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:150px;display:block;text-align:right;flex-direction:right}.FileManageCard .item .value .unit{margin-left:4px}.FileManageCard .item.project-id-list{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;align-items:flex-start;padding:3px 12px}.FileManageCard .item.project-id-list .label{line-height:18px}.FileManageCard .item.project-id-list .value{width:162px;justify-content:flex-end;flex-wrap:wrap}.FileManageCard .item.project-id-list .value .project-id{font-weight:700;margin-left:4px;line-height:18px}.FileManageCard .item.project-id-list .value .project-id.FINISHED{color:#48ddf2}.FileManageCard .item.project-id-list .value .project-id.FAILED{color:#e81c1c}.FileManageCard .item.project-id-list .value .project-id.RUNNING,.FileManageCard .item.project-id-list .value .project-id.WAITING{color:#ffb068}.FileManageCard .item.project-id-list .value .project-id:not(:last-child):after{content:"";background-color:#555;width:1px;height:8px;display:inline-block;vertical-align:-1px;margin:0 0 0 4px}.FileManageCard .item.project-id-list .value .divider{margin:0 4px}
.MyPageHead{width:100%;background-color:#161a24;height:100%}.MyPageHead a{text-decoration:none}.MyPageHead .content{width:1200px;margin:0 auto;position:relative;z-index:3}.MyPageHead .content .pageInfoLayer{width:100%;height:15px;margin-top:20px;display:flex;justify-content:flex-end;align-items:center;color:#999}.MyPageHead .content .buttonLayer{justify-content:space-between;margin-top:20px;flex-direction:row;display:flex;margin-bottom:20px}.MyPageHead .content .buttonLayer .title{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;font-size:30px;height:40px;align-items:center}.MyPageHead .content .buttonLayer .buttons{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;justify-content:flex-end}.MyPageHead .content .buttonLayer .buttons .emailButton{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:174px;height:40px;background-color:#232732;color:#ccc;border-radius:6px;text-transform:none;font-size:14px;line-height:16px;padding:20px}.MyPageHead .content .buttonLayer .buttons .emailButton .text{font-weight:100}.MyPageHead .content .buttonLayer .buttons .pointButton{height:40px;border-radius:6px;align-items:center;display:flex;justify-content:flex-start;margin-left:10px}.MyPageHead .content .buttonLayer .buttons .pointButton .svg{display:flex;align-items:center}.MyPageHead .content .buttonLayer .buttons .pointButton .svg>object{width:16px !important;height:16px !important}.MyPageHead .content .buttonLayer .buttons .pointButton .text{font-size:14px;line-height:17px;color:#999;margin-left:5px;margin-top:1px;font-weight:100}.MyPageHead .content .buttonLayer .buttons .pointButton .point{text-align:right;font-size:18px;line-height:21px;color:#ccc;margin-left:7px;font-weight:400}.MyPageHead .content .buttonLayer .buttons .switchTabs{display:flex;background-color:#383b45;height:36px;border-radius:6px;padding:2px;align-items:center;text-align:center;margin-left:10px;justify-content:center}.MyPageHead .content .buttonLayer .buttons .switchTabs .switchButton{font-size:12px;line-height:128.7%;height:36px;background-color:#383b45;color:#ccc;padding:0px}.MyPageHead .content .buttonLayer .buttons .switchTabs .switchButton:hover{background-color:#60626a;color:#eee}.MyPageHead .content .buttonLayer .buttons .switchTabs .switchButton.enable{background-color:#eee;color:#232732}.MyPageHead .content .buttonLayer .buttons .icon-wrap{width:24px;display:flex;justify-content:center;align-items:center}.MyPageHead .content .buttonLayer .buttons .icon-wrap .icon{width:17px !important}.MyPageHead .content .servicePlan{color:#999;display:flex;width:100%;justify-content:space-between}.MyPageHead .content .servicePlan .left-wrap .count{font-weight:700;font-size:16px;color:#eee}.MyPageHead .content .servicePlan .left-wrap .arrow-icon{width:16px !important;margin-left:2px;color:#ccc;height:28px}.MyPageHead .content .servicePlan .left-wrap .title{height:50px;box-sizing:border-box;padding:1px 0;white-space:pre-line;line-height:24px}.MyPageHead .content .servicePlan .left-wrap .detail{height:33px;margin-top:16px;display:flex;border-radius:0;padding:0;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.MyPageHead .content .servicePlan .left-wrap .detail .icon{margin-left:2px;width:16px !important;height:16px}.MyPageHead .content .servicePlan .left-wrap .no-plan .link{color:#48ddf2;margin-left:5px;cursor:pointer}.MyPageHead .content .servicePlan .right-wrap{display:flex;grid-gap:5px;gap:5px}.MyPageHead .content .servicePlan .right-wrap .card-number{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:right;width:100%}.MyPageHead .content .servicePlan .right-wrap .info{width:16px !important;color:#ccc}.MyPageHead .content .servicePlan .right-wrap.no-plan{width:580px;height:99px;background:#22262f;border-radius:6px;display:flex;align-items:center;justify-content:center}
.ProjectRunTable .table{color:#eee;width:inherit}.ProjectRunTable .table .tr{display:flex;height:50px}.ProjectRunTable .table .table-header{background:#161a24}.ProjectRunTable .table .table-header.disabled{pointer-events:none}.ProjectRunTable .table-body{background:#232732;border-bottom:#333}.ProjectRunTable .table-body .no-history{width:100%;height:500px;display:flex;align-items:center;justify-content:center}
.SubscribeTable .table{width:inherit}.SubscribeTable .table .tr{display:flex;height:50px}.SubscribeTable .table .table-header{background:#161a24}.SubscribeTable .table .table-header.disabled{pointer-events:none}.SubscribeTable .table .table-body .no-history{width:1200px;height:500px;background:#232732;display:flex;align-items:center;justify-content:center}.SubscribeTable .table .table-body .search-icon{width:20px;height:20px}
.core-popup-wrapper{position:absolute;-webkit-user-select:none;user-select:none}.core-popup-wrapper .core-set-btn-wrapper{position:absolute;transform:translate(-50%, -50%);z-index:1}.core-popup-wrapper .core-set-btn-wrapper p{font-size:1.5rem;color:#fff;-webkit-user-select:none;user-select:none;margin:0}.core-popup-wrapper .core-set-btn{line-height:1.2;color:#fff;text-align:center;background-color:#757575;border:1px solid #333;border-radius:1px;padding:5px 16px}.core-popup-wrapper .core-set-btn:hover{background-color:#757575}.core-popup-wrapper .core-popup{position:absolute;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;color:#3c3c3c;border:1px solid #000;text-align:center;background-color:#fff;z-index:2}.core-popup-wrapper .core-popup .popup-header{position:relative;border-bottom:1px solid #000}.core-popup-wrapper .core-popup .popup-header .close-btn{position:absolute;top:0;right:4px;width:24px;min-width:24px;height:24px;padding:0}.core-popup-wrapper .core-popup .title{font-weight:700;text-align:center;background-color:#e4e4e4;padding:4px 8px}.core-popup-wrapper .core-popup .popup-content{display:flex;justify-content:center}.core-popup-wrapper .core-popup .input-title{display:flex;align-items:center;font-size:14px;font-weight:700;background-color:#e4e4e4;border-right:1px solid #000;padding:4px 10px}.core-popup-wrapper .core-popup .popup-input{padding-right:4px}.core-popup-wrapper .core-popup .popup-input::before,.core-popup-wrapper .core-popup .popup-input::after{display:none}.core-popup-wrapper .core-popup .popup-input input{width:60px;text-align:center;padding:5px 4px 6px}.core-popup-wrapper .core-popup .popup-footer{border-top:1px solid #000;padding:5px}.core-popup-wrapper .core-popup .remove-btn{color:#fff;background-color:#8a8a8a;border:1px solid #000;border-radius:0;padding:0}
.house-popup-wrapper{position:absolute;box-sizing:border-box}.house-popup-wrapper .house-set-btn-wrapper{position:absolute;transform:translate(-50%, -50%);z-index:1}.house-popup-wrapper .house-set-btn-wrapper p{font-size:1.5rem;color:#fff;-webkit-user-select:none;user-select:none;margin:0}.house-popup-wrapper .house-set-btn{line-height:1.2;color:#fff;text-align:center;background-color:#757575;border:1px solid #333;border-radius:1px;padding:5px 16px}.house-popup-wrapper .house-set-btn:hover{background-color:#757575}.house-popup-wrapper .house-popup{position:absolute;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;color:#3c3c3c;border:1px solid #000;text-align:center;background-color:#fff;z-index:2;-webkit-user-select:none;user-select:none}.house-popup-wrapper .house-popup .popup-header{position:relative}.house-popup-wrapper .house-popup .popup-header .close-btn{position:absolute;top:1px;right:3px;width:24px;min-width:24px;height:24px;padding:0}.house-popup-wrapper .house-popup .title{font-weight:700;text-align:left;background-color:#e4e4e4;padding:5px 8px}.house-popup-wrapper .house-popup .col-wrapper{display:flex;border-top:1px solid #000}.house-popup-wrapper .house-popup .col-wrapper>*{width:50%}.house-popup-wrapper .house-popup .col-wrapper p{padding:5px 10px 6px;margin:0}.house-popup-wrapper .house-popup .col-title{display:flex;align-items:center;font-size:14px;font-weight:700;background-color:#e4e4e4;border-right:1px solid #000;padding:4px 10px}.house-popup-wrapper .house-popup .popup-input{padding-right:4px;transition:background-color .2s}.house-popup-wrapper .house-popup .popup-input::before,.house-popup-wrapper .house-popup .popup-input::after{display:none}.house-popup-wrapper .house-popup .popup-input.selected{background-color:#e0f7fa}.house-popup-wrapper .house-popup .popup-input input{width:60px;text-align:center;padding:5px 4px 6px}.house-popup-wrapper .house-popup .popup-footer{border-top:1px solid #000;padding:3px 5px}.house-popup-wrapper .house-popup .remove-btn{color:#fff;background-color:#8a8a8a;border:1px solid #000;border-radius:0;padding:0}
.windows-popup-wrapper{position:absolute;z-index:1}.windows-popup-wrapper .windows-popup{position:absolute;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;color:#3c3c3c;border:1px solid #000;background-color:#fff}.windows-popup-wrapper .windows-popup .popup-header{position:relative;border-bottom:1px solid #000}.windows-popup-wrapper .windows-popup .popup-header .close-btn{position:absolute;top:0;right:4px;width:24px;min-width:24px;height:24px;padding:0}.windows-popup-wrapper .windows-popup .title{font-weight:700;text-align:left;background-color:#e4e4e4;padding:4px 8px}.windows-popup-wrapper .windows-popup .popup-footer{padding:5px 10px}.windows-popup-wrapper .windows-popup .footer-btn{color:#fff;background-color:#8a8a8a;border:1px solid #000;border-radius:0;padding:0}.windows-popup-wrapper .windows-popup .select-btn{margin-right:10px}
.CADNavigator{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:320px;background:#161a24;position:absolute;right:0;bottom:0;border-left:1px solid #383b45;border-right:1px solid #383b45;z-index:2;box-sizing:border-box;overflow:hidden}.CADNavigator .header{padding-left:10px;padding-right:10px;background:#383b45;display:flex;align-items:center;height:30px;justify-content:space-between;cursor:pointer}.CADNavigator .header .arrow-icon{width:16px !important;height:16px !important;cursor:pointer}.CADNavigator .header>.left-side{display:flex;align-items:center}.CADNavigator .header>.left-side .wrap-icon{width:20px !important;height:20px !important;display:flex;margin-right:2px;align-items:center;justify-content:center}.CADNavigator .header>.left-side .gps-icon{width:15px !important;margin-right:2px}.CADNavigator .zoom-controller{display:flex;padding-left:10px;padding-right:10px;height:50px;align-items:center}.CADNavigator .zoom-controller .line{width:186px;height:4px;background-color:#555}.CADNavigator .zoom-controller .circle{width:16px;height:16px;background-color:#48ddf2;border-radius:50%;cursor:pointer}.CADNavigator .zoom-controller .BuilditInput{margin-left:18px;width:88px}.CADNavigator .Canvas{background:#161a24;position:relative;overflow:hidden;height:285px}.CADNavigator .Canvas canvas{outline:0px}.navigator-rectangle{border:1px solid #48ddf2;width:314px;height:279px;position:absolute;z-index:10;transform:translate(-50%, -50%)}
.designer-download-page{display:flex;min-height:calc(100vh - 60px);background-color:#161a24;justify-content:center;align-items:center}.designer-download-page>.bg-wrapper{top:0;left:0;width:100%;max-height:calc(100vh - 60px);min-height:490px;position:absolute;z-index:1;overflow:hidden}.designer-download-page>.bg-wrapper>.bg-img{width:100%;max-height:inherit;min-height:inherit;opacity:.4}.designer-download-page>.content-wrapper{z-index:2;width:1200px;height:485px;display:flex;justify-content:center;flex-direction:column}.designer-download-page>.content-wrapper>.title{color:#eee;font-size:30px;align-items:center;margin-left:auto;margin-right:auto;line-height:35px}.designer-download-page>.content-wrapper>.downloder-wrapper{width:1200px;height:420px;margin-top:30px;background-color:rgba(35,39,50,.8);border-radius:6px;display:flex;flex-direction:column}.designer-download-page>.content-wrapper>.downloder-wrapper>.button-wrapper{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:auto;margin-right:auto;margin-top:100px;justify-content:center;display:flex;flex-direction:column}.designer-download-page>.content-wrapper>.downloder-wrapper>.button-wrapper>.title{margin-left:auto;margin-right:auto;font-size:24px;line-height:18px;color:#eee;font-weight:700}.designer-download-page>.content-wrapper>.downloder-wrapper>.button-wrapper>.sub-title-wrapper{display:flex;flex-direction:column;margin-top:20px;margin-bottom:20px;font-size:18px;color:#eee}.designer-download-page>.content-wrapper>.downloder-wrapper>.button-wrapper>.sub-title-wrapper .sub-title{display:flex;justify-content:center}.designer-download-page>.content-wrapper>.downloder-wrapper>.button-wrapper>.download-inner-wrapper{display:flex;width:420px;margin-top:10px;justify-content:center;align-items:center}.designer-download-page>.content-wrapper>.downloder-wrapper>.button-wrapper>.download-inner-wrapper .version-wrapper{justify-content:center;align-items:center;margin-right:-10px;width:191px;height:20px;padding-top:10px;padding-bottom:10px;padding-left:10px;border-radius:6px 0 0 6px;background-color:rgba(0,0,0,.2);color:#eee;font-weight:400;line-height:1.5em}.designer-download-page>.content-wrapper>.downloder-wrapper>.button-wrapper>.download-inner-wrapper .download-btn{font-size:14px;width:229px;display:flex;justify-content:space-between;padding-left:10px;padding-right:10px;margin-left:0}.designer-download-page>.content-wrapper>.downloder-wrapper>.button-wrapper>.download-inner-wrapper .download-btn.designer-download-btn .icon{color:#232732}.designer-download-page>.content-wrapper>.downloder-wrapper>.button-wrapper>.download-inner-wrapper .download-btn.designer-download-btn .icon.download-icon{width:16px !important;margin-right:2px}.designer-download-page>.content-wrapper>.downloder-wrapper>.button-wrapper>.download-inner-wrapper .download-btn.designer-download-btn.disabled .icon{color:#555}.designer-download-page>.content-wrapper>.downloder-wrapper>.button-wrapper>.download-inner-wrapper .download-btn.designer-download-btn .exe{display:flex;align-items:center;font-weight:400;font-size:12px}.designer-download-page>.content-wrapper>.downloder-wrapper>.button-wrapper>.download-inner-wrapper .launch-icon{display:flex;justify-content:flex-end;align-items:center;width:17px;height:17px;color:#eee}.designer-download-page>.content-wrapper>.downloder-wrapper>.grey-line{margin-top:85px;width:-1px;border:1px solid #333}
.not-found-page{display:flex;min-height:calc(100vh - 180px);background-color:#161a24;justify-content:center;align-items:center}.not-found-page>.bg-wrapper{top:0;left:0;width:100%;max-height:calc(100vh - 180px);min-height:490px;position:absolute;z-index:1;overflow:hidden}.not-found-page>.bg-wrapper>.bg-img{width:1920px;height:906px;opacity:.2;background-position:50% 60%;background-repeat:no-repeat;background-image:url(../../static/media/galaxy.fb4b196a.jpg)}.not-found-page>.content-wrapper{z-index:2;display:flex;justify-content:center;flex-direction:column}.not-found-page>.content-wrapper>.title{color:#eee;font-size:60px;align-items:center;margin-left:auto;margin-right:auto;line-height:87px}.not-found-page>.content-wrapper>.sub-title{color:#eee;font-weight:bold;font-size:24px;line-height:35px;align-items:center;margin-left:auto;margin-right:auto;margin-top:20px}.not-found-page>.content-wrapper>.description{color:#ccc;font-size:18px;line-height:26px;align-items:center;margin-left:auto;margin-right:auto;margin-top:5px;text-align:center}.not-found-page>.content-wrapper>.home-button{color:#232732;font-size:18px;line-height:26px;margin-left:auto;margin-right:auto;margin-top:32px;width:200px;background-image:linear-gradient(to right, #66dfd9, #95e4b3)}
.CadConverterHome{background-color:#111a22}.CadConverterHome .btn-secondary:hover{background:#273945 !important;color:#ccc !important}.CadConverterHome .mouse-tooltip{background:#000;width:-webkit-max-content;width:max-content;padding-left:10px;padding-right:10px;height:27px;color:#fff;position:absolute;z-index:30;display:flex;justify-content:center;align-items:center}.CadConverterHome .mouse-tooltip.display-none{display:none}.CadConverterHome>.app-bar{display:flex;justify-content:center;align-items:center}.CadConverterHome>.app-bar .breadScrum{position:absolute;left:0;display:flex;align-items:center;height:60px}.CadConverterHome>.app-bar .breadScrum .logo{height:60px;display:flex;cursor:pointer}.CadConverterHome>.app-bar .breadScrum .logoImg{margin:auto;margin-left:30px}.CadConverterHome>.app-bar .breadScrum .file-setting{height:28px;font-weight:700;display:flex;justify-content:center;align-items:center;cursor:pointer}.CadConverterHome>.app-bar .icon.next-icon{width:24px !important;height:24px !important;color:#555}.CadConverterHome>.app-bar .icon.next-icon.first{margin-left:10px}.CadConverterHome>.content-wrap{display:flex;justify-content:center;align-items:center;flex-direction:column;height:calc(100vh - 60px)}.CadConverterHome>.content-wrap>.button-wrap{display:flex;justify-content:center;align-items:center}.CadConverterHome>.content-wrap>.button-wrap .using-explain-wrap{position:relative}.CadConverterHome>.content-wrap>.button-wrap .using-explain-wrap .cad-converter-guide{box-sizing:border-box;width:800px;height:516px;background-color:#161a24;padding:30px 45px;position:absolute;top:40px;left:0;z-index:15}.CadConverterHome>.content-wrap>.button-wrap .using-explain-wrap .cad-converter-guide.hidden{display:none}.CadConverterHome>.content-wrap>.button-wrap .using-explain-wrap .cad-converter-guide .article-wrap>.title{display:flex;align-items:center;height:20px}.CadConverterHome>.content-wrap>.button-wrap .using-explain-wrap .cad-converter-guide .article-wrap>.title :not(.title-icon){font-weight:700}.CadConverterHome>.content-wrap>.button-wrap .using-explain-wrap .cad-converter-guide .article-wrap>.title>.title-icon{width:14px;height:20px;display:flex;justify-content:center;align-items:center}.CadConverterHome>.content-wrap>.button-wrap .using-explain-wrap .cad-converter-guide .article-wrap>.content{margin-left:19px}.CadConverterHome>.content-wrap>.button-wrap .using-explain-wrap .cad-converter-guide .article-wrap>.content .wrap-box{position:absolute;top:59px;right:79px;display:flex}.CadConverterHome>.content-wrap>.button-wrap .using-explain-wrap .cad-converter-guide .article-wrap>.content .wrap-box .box{width:58px;height:58px;border:1px solid #555;display:flex;align-items:center;justify-content:center}.CadConverterHome>.content-wrap>.button-wrap .using-explain-wrap .cad-converter-guide .article-wrap>.content li{margin-left:5px}.CadConverterHome>.content-wrap>.button-wrap .btn{width:200px}.CadConverterHome>.content-wrap>.button-wrap .btn.using-explain{display:flex;justify-content:flex-start;border-radius:0}.CadConverterHome>.content-wrap>.button-wrap .btn.using-explain .icon-wrap{display:inline-block;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.CadConverterHome>.content-wrap>.button-wrap .btn .icon.pageView-icon{margin-left:7px;width:15px !important}.CadConverterHome>.content-wrap>.button-wrap .btn .icon.open-icon{margin-left:7px;width:16px !important}.CadConverterHome>.content-wrap>.button-wrap .width-590px{width:590px}.CadConverterHome>.content-wrap>.button-wrap .manual-btn .icon.download-icon{fill:#ccc;width:16px !important;margin-left:8px}.CadConverterHome>.content-wrap>.button-wrap .sample-file-downloads-wrap{height:40px}.CadConverterHome>.content-wrap>.button-wrap .sample-file-downloads-wrap .sample-download-btns{display:flex;justify-content:center;position:relative}.CadConverterHome>.content-wrap>.button-wrap .sample-file-downloads-wrap .sample-download-btns .icon.download-icon{fill:#ccc;width:16px !important;margin-left:8px}.CadConverterHome>.content-wrap>.button-wrap .sample-file-downloads-wrap .sample-download-btns>.btn-left{border-top-right-radius:0;border-bottom-right-radius:0}.CadConverterHome>.content-wrap>.button-wrap .sample-file-downloads-wrap .sample-download-btns>.vertical-line{width:1px;height:24px;position:absolute;right:40px;top:8px;background-color:#555;z-index:100}.CadConverterHome>.content-wrap>.button-wrap .sample-file-downloads-wrap .sample-download-btns>.btn-right{width:40px;border-top-left-radius:0;border-bottom-left-radius:0}.CadConverterHome>.content-wrap>.button-wrap .dropbtn{position:relative}.CadConverterHome>.content-wrap>.button-wrap .dropdown-content{padding-top:10px}.CadConverterHome>.content-wrap>.button-wrap .sample-file-downloads{background-color:#000;width:240px;position:absolute;z-index:15;padding:10px 0}.CadConverterHome>.content-wrap>.button-wrap .sample-file-downloads .item{padding-left:20px;padding-right:20px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.CadConverterHome>.content-wrap>.button-wrap .sample-file-downloads .item .icon.download-icon{fill:#ccc;width:16px !important}.CadConverterHome>.content-wrap>.button-wrap .sample-file-downloads .item:hover{background-color:#273945}.CadConverterHome>.content-wrap>.button-wrap .sample-file-downloads:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border:5px solid rgba(0,0,0,0);border-bottom-color:#000}.CadConverterHome>.content-wrap .converter-type-wrap{margin-top:60px;display:flex;justify-content:center;align-items:center}.CadConverterHome>.content-wrap .converter-type-wrap .button-wrap{display:flex}.CadConverterHome>.content-wrap .converter-type-wrap .drag-cover{position:absolute;top:0;width:400px;height:580px;z-index:100}.CadConverterHome>.content-wrap .converter-type-wrap .drag-cover.my-type{background:#53585e;opacity:.2}.CadConverterHome>.content-wrap .converter-type-wrap .converter-type{position:relative;background:#161e26;border:1px solid #333;width:400px;height:580px;display:flex;justify-content:center;flex-direction:column;align-items:center;padding:50px 40px 10px 40px;box-sizing:border-box;position:relative}.CadConverterHome>.content-wrap .converter-type-wrap .converter-type .thumb-img{cursor:pointer}.CadConverterHome>.content-wrap .converter-type-wrap .converter-type.m-r-30px{margin-right:30px}.CadConverterHome>.content-wrap .converter-type-wrap .converter-type>.type-title{margin-bottom:40px;font-size:24px;height:40px;display:flex;justify-content:center;align-items:center}.CadConverterHome>.content-wrap .converter-type-wrap .converter-type>.type-title .icon-wrap{height:40px;display:flex;justify-content:center;align-items:center}.CadConverterHome>.content-wrap .converter-type-wrap .converter-type>.type-title .info-icon{margin-left:7px;width:17px !important}.CadConverterHome>.content-wrap .converter-type-wrap .converter-type .btn{width:320px;text-transform:none;height:40px}.CadConverterHome>.content-wrap .converter-type-wrap .converter-type .btn .icon.upload-icon{width:18px !important;fill:#232732}.CadConverterHome>.content-wrap .converter-type-wrap .converter-type .btn-border{border:1px solid rgba(0,0,0,0);border-radius:6px;background-image:linear-gradient(#232732, #232732),linear-gradient(to right, #48ddf2, #95e4b3);background-origin:border-box;background-clip:content-box,border-box;border-image-slice:1}.CadConverterHome>.content-wrap .converter-type-wrap .converter-type .btn-border:hover{background-image:linear-gradient(#273945, #273945),linear-gradient(to right, #48ddf2, #95e4b3)}.CadConverterHome>.content-wrap .converter-type-wrap .converter-type .bottom-text{height:40px;display:flex;justify-content:center;align-items:center}.CadConverterHome>.content-wrap .converter-type-wrap .converter-type .bottom-btn{display:flex;align-items:center}.CadConverterHome>.content-wrap .converter-type-wrap .converter-type .bottom-btn .btn-small{width:151px;height:30px}.CadConverterHome>.content-wrap .converter-type-wrap .converter-type .bottom-btn .wrap-info-icon{width:24px;min-width:24px;padding:0;height:24px;border-radius:0}.CadConverterHome>.content-wrap .converter-type-wrap .converter-type .bottom-btn .wrap-info-icon:not(:hover){background-color:#161e26}.CadConverterHome>.content-wrap .converter-type-wrap .converter-type .bottom-btn .wrap-info-icon>.info-icon{color:#eee;width:17px !important}.CadConverterHome>.content-wrap .converter-type-wrap .converter-type>.dark-wrap{background-color:#0c0e10;opacity:.7;width:398px;height:578px;position:absolute;top:0;left:0;z-index:10;display:flex;justify-content:center;align-items:center}.CadConverterHome>.content-wrap .converter-type-wrap .converter-type>.dark-wrap>.text{font-weight:700;font-size:40px}.CadConverterHome .dropbtn:hover .dropdown-content{display:block}.CadConverterHome .chip{height:22px;font-size:14px;border-radius:6px;margin-right:4px}.CadConverterHome .chip span{padding:0 8px}
div[class^=PushMessagestyled]{bottom:95px !important}
.RegistrationUser{background-color:#161a24;height:100%;overflow-y:scroll}.RegistrationUser>a>.logo{position:absolute;left:30px;top:18px}.RegistrationUser .register-form{width:360px}.RegistrationUser .register-form>.header{padding-top:10px;margin-bottom:20px}.RegistrationUser .register-form>.register-info{margin-top:25px}.RegistrationUser .register-form>.input-wrap{grid-gap:10px;gap:10px;display:flex;flex-direction:column}.RegistrationUser .register-form>.input-wrap>.register-input{width:360px}.RegistrationUser .register-form>.input-wrap>.register-input:nth-child(4){margin-top:30px}.RegistrationUser .register-form>.email-wrap{margin-top:30px;width:360px;height:100px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid #333;color:#48ddf2;font-size:18px}.RegistrationUser .register-form>.policy-wrap{padding-top:20px}.RegistrationUser .register-form>.policy-wrap>.wrap{font-size:12px;box-sizing:border-box;height:30px;border-bottom:1px solid #555;display:flex;align-items:center}.RegistrationUser .register-form>.policy-wrap>.all{font-size:14px;color:#eee;padding-left:10px}.RegistrationUser .register-form>.policy-wrap>.use,.RegistrationUser .register-form>.policy-wrap>.personal{color:#ccc;padding-left:10px}.RegistrationUser .register-form>.policy-wrap>.use.wrap,.RegistrationUser .register-form>.policy-wrap>.personal.wrap{border-bottom:1px solid #333}.RegistrationUser .register-form>.policy-wrap>.use>.action,.RegistrationUser .register-form>.policy-wrap>.personal>.action{display:flex;flex-flow:row;align-items:center;text-decoration:underline}.RegistrationUser .register-form>.policy-wrap>.use>.action>div,.RegistrationUser .register-form>.policy-wrap>.personal>.action>div{cursor:pointer}.RegistrationUser .register-form>.sign-up-wrap{padding-top:20px}.RegistrationUser .register-form>.login-wrap .login-btn{font-size:14px;width:360px;color:#ccc;height:36px;margin-top:20px;font-weight:400;text-decoration:underline}.RegistrationUser section{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;margin-top:144px;grid-column-gap:128px;column-gap:128px}.RegistrationUser>.dim{height:calc(100vh - 60px);width:100%;background-color:rgba(0,0,0,.25);position:absolute;top:60px;z-index:999999}.RegistrationUser>.dim>.circular-progress{position:absolute;left:calc(50% - 30px);top:calc(50% - 60px);color:#eee}.RegistrationUser .event-banner{display:flex;flex-direction:column;grid-row-gap:16px;row-gap:16px}.registration-modal-content{padding-right:15px !important;width:525px;font-size:12px;line-height:17px}.registration-modal-content>p:first-child{margin-top:10px}#root .bg-primary{background-color:#1a1e28}#root .bg-secondary{background-color:#232732}
.policy-container{margin-top:20px;display:flex;flex-direction:column}.policy-container .wrap{width:360px;height:30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333}.policy-container .wrap.border-gray{border-bottom:1px solid #555}.policy-container .form-control-label{margin:0;height:30px;width:315px}.policy-container .form-control-label.width-full{width:360px}.policy-container .label-emphasis{color:#ccc;font-size:14px;margin-left:5px}.policy-container .label-normal{color:#ccc;font-size:12px;margin-left:5px;line-height:1.5em}.policy-container .detail{color:#ccc;font-size:12px;text-decoration:underline;cursor:pointer}
.UnconfirmedUserLayout{height:100vh}.UnconfirmedUserLayout .UnconfirmedUser{background-color:#161a24;width:100%;height:100%;display:flex;padding-top:141px;justify-content:center}.UnconfirmedUserLayout .UnconfirmedUser>.wrapper{width:360px}.UnconfirmedUserLayout .UnconfirmedUser>.wrapper>.title{padding-top:10px}.UnconfirmedUserLayout .UnconfirmedUser>.wrapper>.register-info{margin-top:20px;line-height:24px}.UnconfirmedUserLayout .UnconfirmedUser>.wrapper>.email-wrap{width:360px;height:50px;color:#48ddf2;font-size:18px;display:flex;justify-content:center;align-items:center;margin-top:20px;border:1px solid #333;box-sizing:border-box}.UnconfirmedUserLayout .UnconfirmedUser>.wrapper>a>.login-btn{margin-top:30px;width:360px;height:40px}.UnconfirmedUserLayout .foot{position:absolute;bottom:0;background-color:#161a24}
.UserQuestionTable{display:flex;flex-direction:column;justify-content:center;align-items:center}.UserQuestionTable table thead{background-color:#161a24}.UserQuestionTable table thead th{border-bottom:1px solid #555}.UserQuestionTable table tbody{background-color:#232732}.UserQuestionTable table tbody td{border-bottom:1px solid #333}.UserQuestionTable table th,.UserQuestionTable table td{color:#ccc;font-size:14px;padding:0}.UserQuestionTable .no-question{display:table;width:1200px;height:510px;background-color:#232732}.UserQuestionTable .no-question td{color:#999;font-size:14px;vertical-align:middle;text-align:center}.UserQuestionTable .collapse-row{height:unset}.UserQuestionTable .collapse-row.question-row td{border:unset}.UserQuestionTable .collapse-row .question-container{display:flex;flex-direction:column;grid-row-gap:15px;row-gap:15px;padding:15px 0px}.UserQuestionTable .collapse-row .question-container .question{white-space:break-spaces;word-wrap:break-word}.UserQuestionTable .collapse-row .question-container .question-project{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.UserQuestionTable .collapse-row .question-btn{display:flex;flex-direction:row;grid-column-gap:2px;column-gap:2px;justify-content:flex-end}.UserQuestionTable .collapse-row .question-btn .divider{color:#999}.UserQuestionTable .collapse-row .question-btn button{color:#ccc;font-size:14px;padding:0;min-width:unset;line-height:1}.UserQuestionTable .collapse-row .answer-container{display:flex;flex-direction:row;grid-column-gap:4px;column-gap:4px;padding:10px 0px}.UserQuestionTable .collapse-row .answer-container .answer-perfix{color:#48ddf2}.UserQuestionTable .collapse-row .answer-container .answer{white-space:break-spaces}
.UserQuestionPageHeader{background-color:#161a24;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;grid-row-gap:24px;row-gap:24px}.UserQuestionPageHeader .header,.UserQuestionPageHeader .body{width:1200px}.UserQuestionPageHeader .header>div{float:right}.UserQuestionPageHeader .body{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.UserQuestionPageHeader .body title{color:#ccc;display:block;font-size:30px}.UserQuestionPageHeader .body .btn{width:158px;height:40px}.UserQuestionPageBody{display:flex;flex-direction:column;align-items:center;grid-row-gap:30px;row-gap:30px;min-height:calc(100vh - 360px);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-bottom:100px;padding-top:32px}.UserQuestionPageBody title{color:#ccc;font-size:24px;display:block;width:1200px;text-align:start}.UserQuestionPageBody section{width:1200px}