:root{--primary-color:#d20962;--nav-bg-color:#d20962;--nav-logo-fill-color:#fff;--nav-menu-icon-color:#fff}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}body{margin:0;font-size:1rem;font-weight:400;line-height:1.5;color:#000;text-align:left;background-color:#f3f4f7}h1,h2,h3,h4,h5,h6{margin:0;padding:0}a{color:#283593;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#181f57;text-decoration:underline}.auth{position:fixed;top:0;background-color:rgba(0,0,0,.9);height:100vh;width:100vw;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:999}.auth.open{display:-webkit-box;display:-ms-flexbox;display:flex}.auth.open .close-icon{cursor:pointer;position:absolute;top:-15px;right:-3px;width:40px;height:40px;padding:10px;border:2px solid var(--primary-color);border-radius:50%;background:#fff;font-size:25px;font-weight:bolder;display:flex;justify-content:center;align-items:center}.auth .container{position:relative;background:#fff;border:2px solid var(--primary-color);border-radius:5px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:400px;padding:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.auth .container h1{color:var(--primary-color);margin-bottom:1px;padding:0}.auth .container .loginfooter{font-size:12px}.auth .container .btn{width:100%;color:#fff;font-weight:700;text-align:center;border-radius:30px;padding:8px 30px;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.auth .container .btn svg{display:inline-block;left:0;fill:#fff;height:30px;width:30px}.auth .container .btn span{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.auth .container .btn.btn-facebook{background:#3b5998}.auth .container .btn.btn-google{margin-top:16px;background:#db4437}.auth .container p{text-align:center;max-width:250px;margin-top:30px;color:#424242}.auth .container .Chost{text-align:center;color:#424242;font-size:18px;font-weight:bolder;margin-bottom:10px}.auth .container p a{display:inline-block;color:var(--primary-color);text-decoration:underline}.loadmore{text-align:center;padding:10px;margin:10px}.loadmore_button{font-weight:bolder;font-size:16px;border:none;color:#fff;background-color:var(--primary-color);padding:15px 10px;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;border-radius:4px;width:220px}h2{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#000;margin:0;padding:0}.codehap_h2{font-weight:400;font-size:13px;margin:0;padding:0 5px}.codehap_extro_nav{padding:10px 30px;display:flex;justify-content:space-between;text-align:center;background:#fff;align-items:center;line-height:13px;position: fixed;left: 0;bottom: 0; width: 100%; z-index:5;}.codehap_extro_nav a{color:var(--primary-color)}.codehap_extro_nav span{color:var(--primary-color);font-size:12px}.codehap_files{padding:0 8px;margin:0 auto;display:grid;grid-gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.codehap_details{color:#000;display:block;margin-top:5px}.codehap_more_info{display:flex;background-color:#fff;-webkit-box-pack:justify;-ms-flex-pack:justify;color:#424242;vertical-align:middle;align-items:center;justify-content:space-between;flex-direction:row;padding:15px;line-height:15px;text-align:center;font-size:24px;font-weight:bolder}.codehap_more_info small{font-size:12px;font-weight:400;color:#6d6e70}.codehap_meta{display:flex;vertical-align:middle;align-items:center}.codehap_info{display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;color:#6d6e70;vertical-align:middle;align-items:center;justify-content:space-between}.codehap_image{position:relative;color:#fff}.codehap_image img{width:100%;height:400px;object-fit:cover}.bottom-left{position:absolute;bottom:8px;left:16px}.top-left{position:absolute;top:8px;left:16px}.top-right{position:absolute;top:8px;right:16px}.bottom-right{background:rgba(0,0,0,.5);position:absolute;bottom:6px;right:0;width:100%;color:#fff}.centered{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.centered svg{background-color:rgba(0,0,0,.5);border-radius:50%;border:1px solid #4d4f53}.top-left{padding:1px 5px;font-size:7px;background-color:rgba(0,0,0,.7);border-radius:2px;border:1px solid #4d4f53}.codehap_tags div{background-color:#dbebfa;display:inline-block;border-radius:4px;margin:1px 2px;color:#00334e;font-size:13px}.codehap_tags a{padding:2px 9px;margin:1px 2px;color:#00334e}.codehap_tags{text-align:center}hr.codehap{border:1px solid #f3f4f7}.codehap_view_container h1{text-align:center;padding:5px 3px 3px 3px;line-height:38px;font-size:28px}.codehap_view_container{max-width:500px;background-color:#fff;margin:15px auto;padding:10px 8px;border:1px solid #caccd1;border-radius:4px}.center{text-align:center;line-height:15px}.codehap_player{text-align:center;line-height:15px;margin:15px 0}.button{width:100%;border:none;color:#fff;padding:8px 5px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:4px;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;vertical-align:middle;align-items:center;justify-content:center}.button1{background-color:var(--primary-color)}.button2{background-color:#da1884}.codehap_dl_container{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px}.codehap_three_container{display:flex;align-items:flex-start;vertical-align:middle;justify-content:center}.codehap_title h1,.codehap_title h2{font-size:23px;text-align:center;padding:13px 8px;background-color:#fff;border-bottom:2px solid #caccd1}.column2{width:60%}.column{width:40%}.overlay{height:0%;width:100%;position:fixed;z-index:9999;top:0;left:0;background-color:#000;background-color:rgba(0,0,0,.8);overflow-y:hidden;transition:.5s}.overlay-content{position:relative;top:8%;width:100%;margin-top:30px}.overlay .x{padding:8px;text-decoration:none;font-size:36px;color:#fff;display:block;transition:.3s}.overlay .x:focus,.overlay .x:hover{color:#f1f1f1}.overlay .closebtn{position:absolute;top:8px;right:45px;font-size:60px;cursor:pointer}.codehap_model{max-width:400px;margin:2px auto;background-color:#fff;padding:10px;border-radius:8px;text-align:center;color:#52565e;font-size:14px;border:2px solid var(--primary-color)}.codehap_model .h1{font-size:20px;padding:10px 1px 5px 1px;color:#000;font-weight:bolder}@media only screen and (max-width:800px){.column,.column2{width:100%}.codehap_three_container{display:block}}@media only screen and (max-width:550px){.overlay{overflow-y:auto}.overlay a{font-size:20px}.overlay .closebtn{font-size:40px;top:15px;right:35px}.codehap_model{max-width:90%}.column,.column2{width:100%}.codehap_three_container{display:block}.codehap_image img{width:100%;height:100%;object-fit:cover}.codehap_files{margin:0 auto;display:grid;grid-gap:0rem;grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}.codehap_view_container{width:100%;background-color:#fff;margin:15px auto;padding:10px 8px}.codehap_dl_container{display:grid;grid-template-columns:1fr;grid-gap:0px}}.header{position:sticky;top:0;z-index:200;background-color:#fff}.header .nav{background:var(--nav-bg-color);padding:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header .nav .logo{line-height:0}.header .nav .logo svg{height:40px;width:40px;fill:var(--nav-logo-fill-color)}.header .nav .search-form{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-left:16px;max-width:700px}.header .nav .search-form .search-input{border:none;padding:4px 8px;border-radius:3px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header .nav .search-form .search-input input{width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border:none}.header .nav .search-form .search-input input:focus{outline:0}.header .nav .search-form .search-input .icon{padding-left:8px;width:45px;height:30px}.header .nav .sidebar-icon{margin-left:16px;cursor:pointer}.header .nav .sidebar-icon span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:var(--nav-menu-icon-color);border-radius:3px;z-index:1;-webkit-transform-origin:4px 0;transform-origin:4px 0;-webkit-transition:background .5s cubic-bezier(.77, .2, .05, 1),opacity .55s ease,-webkit-transform .5s cubic-bezier(.77, .2, .05, 1);transition:background .5s cubic-bezier(.77, .2, .05, 1),opacity .55s ease,-webkit-transform .5s cubic-bezier(.77, .2, .05, 1);transition:transform .5s cubic-bezier(.77, .2, .05, 1),background .5s cubic-bezier(.77, .2, .05, 1),opacity .55s ease;transition:transform .5s cubic-bezier(.77, .2, .05, 1),background .5s cubic-bezier(.77, .2, .05, 1),opacity .55s ease,-webkit-transform .5s cubic-bezier(.77, .2, .05, 1)}.header .nav .sidebar-icon span:first-child{-webkit-transform-origin:0 0;transform-origin:0 0}.header .nav .sidebar-icon span:last-child{margin-bottom:0}.header .nav .sidebar-icon span:last-child(2){-webkit-transform-origin:0 100%;transform-origin:0 100%}.header .sidebar{overflow-y:scroll;min-width:250px;height:100vh;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:#000;font-size:1.1em;position:absolute;right:0;top:0;-webkit-transition:all .5s ease;transition:all .5s ease;-webkit-box-shadow:0 0 3px -1px #000;box-shadow:0 0 3px -1px #000;-ms-overflow-style:none}.header .sidebar::-webkit-scrollbar{display:none}.header .sidebar .link-wrap{padding:16px;margin-top:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.header .sidebar .link-wrap a{margin:8px;color:#fff}.header .sidebar .divider{margin:8px;background:#2c2c2c;height:1px;width:80%}.header.open-sidebar .sidebar-icon span{opacity:1;-webkit-transform:rotate(45deg) translate(0,-4px);transform:rotate(45deg) translate(0,-4px)}.header.open-sidebar .sidebar-icon span:nth-last-child(2){opacity:0;-webkit-transform:rotate(0) scale(.2,.2);transform:rotate(0) scale(.2,.2)}.header.open-sidebar .sidebar-icon span:last-child{-webkit-transform:rotate(-45deg) translate(0,-1px);transform:rotate(-45deg) translate(0,-1px)}.header.open-sidebar .sidebar{-webkit-transform:none;transform:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:all .5s ease;transition:all .5s ease}.codehap_404,.codehap_upload{max-width:500px;background-color:#fff;margin:15px auto;padding:15px 8px;border:1px solid #caccd1;border-radius:4px;text-align:center}.codehap_404 h1{color:red}.codehap_lists{padding:25px 8px;display:grid;grid-gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.codehap_lists_item{background-color:#fff;padding:5px;margin:1px 3px;border-radius:4px;border:1px solid #000}.codehap_page_content{padding:10px 20px;background:#fff}.like-button.liked svg{fill:red!important}.codehap_button_user{border-radius:8px;background-color:var(--primary-color);border:none;color:#fff;padding:8px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer}.codehap_button_group{text-align:center}.CodheHap_fi__input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.CodheHap_fi__label{cursor:pointer;display:inline-flex;align-items:center;border-radius:4px;font-size:18px;font-weight:600;color:#fff;padding:10px 12px;background:var(--primary-color);box-shadow:0 0 2px rgba(0,0,0,.25)}.CodheHap_fi__label svg{height:16px;margin-right:4px}.codehap_input input,.codehap_input select{width:100%;padding:8px}.codehap_input span{display:block;color:grey;margin-top:10px;font-size:12px}.CodheHap_progress_bar{background:#00c16e;width:0%;color:#fff;font-size:9px;height:15px}.CodheHap_progress{background:#fafafa;height:15px;margin-top:6px}.CodheHap_no_title{margin-top:5px;background:#f3f4f7;border-radius:3px;border:1px solid #caccd1;color:#caccd1;text-align:center;padding:5px}.codehap_img_info span{padding:4px 8px;margin:3px;background:#fff9ea;color:#000;border-radius:4px;border:1px solid #f7ebcd;display:inline-block}