:root{--bodyHeight:-webkit-calc(100vh - 5em);--bodyHeight:calc(100vh - 5em);--mainWidth:-webkit-calc(100vw - 33em);--mainWidth:calc(100vw - 33em)}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#app{color:var(--defFontColor);height:-webkit-calc(100vh - 5em);height:calc(100vh - 5em);overflow:hidden;overflow-y:auto;width:100vw}#app,.page_top{position:relative}.page_top{-webkit-backdrop-filter:url(29px);backdrop-filter:url(29px);background:-webkit-gradient(linear,left top,left bottom,from(#409eff),color-stop(#409eff88),to(#fff));background:linear-gradient(180deg,#409eff,#409eff88,#fff);background-color:#fff8;background-position:0 50%;background-repeat:no-repeat;background-size:100%;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;display:grid;grid-template-columns:1fr auto;width:100%}.theme_cover{height:100%;overflow:hidden;position:relative;z-index:-1}.theme_cover>img{position:absolute;width:100%}.pagr_top_right{background:var(--defFontColor);-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-rows:1fr auto auto auto;min-height:50em;padding:4em 3em 3em;width:50vw}.pagr_top_right>p{font-size:1.5em;line-height:2;margin:0;width:75%}.theme_create_date{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:2em}.page_top h1{font-size:4.5em;margin:.5em 0;word-break:break-word}.pagr_top_right .search_container{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#fff;border-radius:10em;display:grid;grid-template-columns:1fr auto;padding:.7em 1em .7em .7em;position:relative;width:48em}.pagr_top_right .search_container input{border:none;border-radius:10em;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;padding:.7em .5em;width:100%}.pagr_top_right svg.icon.search_btn{cursor:pointer;height:3em;margin:0 .5em 0 1em;width:3em}.pagr_top_right svg.icon.clear_search_content{cursor:pointer;display:none;height:2em;position:absolute;right:6em;width:2em}.pagr_top_right .search_container svg path{fill:inherit}.noProjectTips{color:var(--el-border-color-darker);font-size:3em;font-weight:700;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.projects{-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:repeat(4,25%);justify-items:center;margin-top:5em;min-height:-webkit-calc(15.83333vw - .63333em);min-height:calc(15.83333vw - .63333em);padding:0 2em;position:relative;width:100%}.project{margin-bottom:1em;width:95%}.project .project_top{-webkit-box-shadow:0 0 10px var(--el-border-color-darker);box-shadow:0 0 10px var(--el-border-color-darker);overflow:hidden;position:relative;width:100%}.project .project_top .project_detials{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:1em .5em}.project .project_top .project_detials .project_name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.project .project_top .project_detials .project_info,.project .project_top .project_detials .project_info .project_info_item{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.project .project_top .project_detials .project_info .project_info_item{color:var(--el-text-color-regular);margin-left:1.5em}.project .project_top .project_detials .project_info .project_info_item svg{height:1.5em;margin-right:.5em;width:1.5em}.project .project_top .project_detials .project_info .project_info_item svg path{fill:var(--el-text-color-regular)}.project .project_tags{padding:.5em 0}.project .project_tags .project_tag{background:var(--el-border-color-lighter);border-radius:.25em;margin-bottom:1em;margin-right:1em;padding:.5em}.project .project_tags .project_tag:empty{display:none}.project img{height:-webkit-calc(15.83333vw - .63333em);height:calc(15.83333vw - .63333em);-o-object-fit:contain!important;object-fit:contain!important;width:100%}.rotation_image{left:0;-o-object-fit:unset!important;object-fit:unset!important;opacity:0;pointer-events:none;position:absolute;top:0;-webkit-transition:opacity .2s;transition:opacity .2s;width:1500%!important;z-index:1}.image-progress{background:var(--el-color-primary);height:.5em;position:absolute;top:-webkit-calc(15.83333vw - .63333em);top:calc(15.83333vw - .63333em);-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:width .2s;transition:width .2s;z-index:1}.pages_con{display:none;margin-bottom:1em;margin-top:7em;place-items:center}.pages_con:has(a){display:grid}.page_nums{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.page_item{background:var(--backgroungColor);border-radius:.5em;cursor:pointer;display:grid;height:4em;margin:0 .5em;place-items:center;width:4em}.page_item:hover{background-color:var(--hoverBackgroungColor);color:var(--primaryColor)}.page_item_focus{background:var(--primaryColor)!important;color:#fff!important}.page_pre{background-image:url(/pages/mockups/img/prev.svg);background-position:50% 50%;background-repeat:no-repeat;background-size:30% 30%}.page_pre:hover{background-image:url(/pages/mockups/img/prev_focus.svg)}.page_next{background-image:url(/pages/mockups/img/next.svg);background-position:100% 50%;background-repeat:no-repeat;background-size:30% 30%;padding:0 3.5em 0 2em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.page_next:hover{background-image:url(/pages/mockups/img/next_focus.svg)}.advertisement_block{container-name:size-queries;container-type:size;overflow:hidden;position:relative;width:300px}.advertisement_block>ins{display:block;position:relative}.advertisement_block>ins:after{border:3px solid;border-radius:10em;content:"Ad";font-size:2em;font-weight:700;left:50%;padding:.5em;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1}.load_more_project{background:var(--el-color-primary);border-radius:.25em;color:#fff;cursor:pointer;font-size:1.5em;margin:0 auto;padding:.5em 1em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@container size-queries (max-height: 10px){.advertisement_block>ins{height:250px!important}}@media screen and (max-width:1024px){.page_top{background:var(--defFontColor);display:block}.theme_cover{height:auto;overflow:hidden;position:relative;z-index:-1}.theme_cover>img{-o-object-fit:cover;object-fit:cover;position:relative}.pagr_top_right{min-height:unset;padding:2em 1em;width:100%}.page_top h1{font-size:3em;width:-webkit-calc(100vw - 2em);width:calc(100vw - 2em)}.search_container{max-width:60%}.projects{display:block!important;padding:0 1em}.project{width:100%}.project img{height:-webkit-calc(63.33333vw - 1.26667em);height:calc(63.33333vw - 1.26667em)}.pages_con{margin:1em 0 2em}div:has(.page_footer){margin:0!important}.advertisement_block{margin-bottom:4em;width:-webkit-calc(100vw - 2em)!important;width:calc(100vw - 2em)!important}}.advertisement_block .mobile-md,.advertisement_block .mobile-sm,.advertisement_block .pc{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:none;-webkit-justify-content:space-evenly;justify-content:space-evenly}@media screen and (min-width:748px){.advertisement_block .mobile-md,.advertisement_block .mobile-sm,.advertisement_block .pc{display:none}.advertisement_block .pc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}}@media screen and (min-width:488px) and (max-width:748px){.advertisement_block .mobile-md,.advertisement_block .mobile-sm,.advertisement_block .pc{display:none}.advertisement_block .mobile-md{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}}@media screen and (max-width:488px){.advertisement_block .mobile-md,.advertisement_block .mobile-sm,.advertisement_block .pc{display:none}.advertisement_block .mobile-sm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}}