@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:local(""),url(fonts/roboto-v29-latin-regular.woff2) format("woff2"),url(fonts/roboto-v29-latin-regular.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:local(""),url(fonts/roboto-v29-latin-700.woff2) format("woff2"),url(fonts/roboto-v29-latin-700.woff) format("woff")}@font-face{font-display:swap;font-family:Material Icons;font-style:normal;font-weight:400;src:url(fonts/material-icons.woff2) format("woff2")}.material-icons{word-wrap:normal;-moz-font-feature-settings:"liga";-moz-osx-font-smoothing:grayscale;direction:ltr;display:inline-block;font-family:Material Icons;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}body{background-color:#202124;display:grid;font-family:Roboto,sans-serif;margin:0}.noscript{color:#fff;display:block;font-size:20px;margin-inline:auto;position:relative;text-align:center;z-index:999}.no-scroll{overflow:hidden}.box-shadow{box-shadow:0 5px 14px 0 #000a}.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.scroll-top{height:50px;margin-top:-60px;position:fixed;right:10px;transition:margin-top .25s;width:50px;z-index:2}.scroll-top-show{margin-top:15px;transition:margin-top .25s}.circle-button{background-color:#2f3a4a;border:none;border-radius:50px;box-shadow:0 0 10px rgba(0,0,0,.25);color:#fff;cursor:pointer;outline:none}.circle-button:hover{background-color:#272f3d}.circle-button:active{background-color:#1f2530}.hidden{visibility:hidden}.msgbox{background:red;border-radius:4px;bottom:10px;display:none;margin:0;padding:5px;position:fixed;right:10px;z-index:1000}.header a,.msgbox{color:#fff}.header{background:#2f3a4a;box-shadow:0 5px 14px 0 #000a;height:60px;position:sticky;top:0;width:100%;z-index:6}.header ul{background-color:#2f3a4a;box-shadow:0 8px 8px 0 #000a;list-style:none;margin:0;overflow:hidden;padding:0}.header li a{display:block;padding:20px;text-decoration:none}.header .menu-btn:hover,.header li a:hover{background-color:#cf8c0f}.header .headerProfile>span{display:none;position:relative;top:-2px}.header .headerProfile>p{display:initial;margin:0}.header .logo{align-items:center;display:inline-flex;float:left;height:40px;padding:10px 0 10px 20px;text-decoration:none}.header .logo img{height:40px;padding-right:10px;width:40px}.header .logo h1{font-size:1.5em;font-weight:400}.header .menu{clear:both;max-height:0;transition:max-height .2s ease-out}.header .menu-icon{cursor:pointer;display:inline-block;float:right;padding:28px 20px;position:relative;user-select:none}.header .menu-icon .navicon{display:block;height:2px;position:relative;width:18px}.header .menu-icon .navicon:after,.header .menu-icon .navicon:before{background:#fff;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.header .menu-icon .navicon:before{top:5px}.header .menu-icon .navicon:after{top:-5px}.header .menu-btn{display:none}.header .menu-btn:checked~.menu{max-height:240px}.header .menu-btn:checked~.menu-icon .navicon{background:transparent}.header .menu-btn:checked~.menu-icon .navicon:before{transform:rotate(-45deg)}.header .menu-btn:checked~.menu-icon .navicon:after{transform:rotate(45deg)}.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after,.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before{top:0}@media (min-width:1000px){.header li{float:left}.header li a{border-right:1px solid #f4f4f4;height:20px;padding:20px 30px;transition:background .5s ease}.header li:last-child a{border-right:none}.header .menu{clear:none;float:right;max-height:none}.header .menu-icon{display:none}.header ul{box-shadow:none}.header .headerProfile>span{display:initial}.header .headerProfile>p{display:none}}@media (max-width:515px){.header h1{display:none}}.header ul.preload li a{transition:none}x-hair{margin-top:10%}x-hair,x-hair>img{display:block;position:relative}x-hair>img{border:2px solid;border-radius:10%;height:145px;margin-left:auto;margin-right:auto;width:145px}canvas{display:block;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}#x-hairs{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-left:8%;margin-right:8%}@media (min-width:1025px){#x-hairs{margin-left:180px;margin-right:180px}}.x-hair-container{background:#2f3a4a;border-radius:10px;box-shadow:0 5px 14px 0 #000a;display:inline-block;margin:15px;min-height:190px;position:relative;transition:background .5s ease;width:190px}#x-hairs>.x-hair-container:hover{background:#cf8c0f;cursor:pointer;transition:background .25s}.x-hair-customizer{display:flex;flex-direction:column}.x-hair-customizer>div{align-items:center;border-bottom:1px solid hsla(0,0%,71%,.548);color:#fff;display:inline-flex;height:48px;padding:2px 0;width:100%}.x-hair-customizer>div:before{content:attr(data-name);font-size:14px;margin-left:5px;width:50%}.x-hair-customizer>div>div{height:100%;width:50%}.x-hair-toggle{position:relative}.x-hair-toggle>button{background-color:#0000;border:none;color:#fff;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:50%}.x-hair-toggle>button:nth-child(2){background-color:#fff3;left:50%}.x-hair-toggle.x-checked>button{background-color:#fff3}.x-hair-toggle.x-checked>button:nth-child(2){background-color:#0000}.x-hair-toggle.x-checked>button:hover,.x-hair-toggle>button:hover{background-color:#fff1}.x-hair-drop{display:inline-block;position:relative}.x-hair-drop-content{background-color:#0004;border:none;color:#fff;height:100%;width:100%}.x-hair-drop-content>option{background-color:#a1a1a191;color:#fff;display:block;padding:10px 14px;text-decoration:none}.x-hair-drop-content>option:hover{background-color:#444}.x-hair-slider{display:flex;flex-wrap:nowrap;height:100%;position:relative}.x-hair-slider>input{background-color:#0000;border:none;color:#fff;height:100%;left:0;padding:0;position:relative;text-align:center;top:0;width:15%}.x-hair-slider>input:focus{background-color:#fff1;outline:none}.x-hair-slider>input[type=range]{-webkit-appearance:none;background-color:transparent;cursor:pointer;flex-grow:1;margin:0}.x-hair-slider>input[type=range]:last-child{margin-right:15px}.x-hair-slider>button.link{background:none;border:none;color:#fff;margin-inline:3px}.x-hair-slider>button.link:hover{cursor:pointer}.x-hair-slider>input[type=range]::-webkit-slider-runnable-track{background:#dfdfdf83;border-radius:2px;height:8px}.x-hair-slider>input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:none;border-radius:2px;height:10px;margin-top:-2.5px;width:20px}.x-hair-slider>input[type=range]::-moz-range-track{background:#dfdfdf83;border-radius:2px;height:8px}.x-hair-slider>input[type=range]::-moz-range-thumb{background:#fff;border:none;border-radius:2px;height:10px;width:20px}.x-hair-slider>input[type=range]:hover::-moz-range-thumb{background:#feffee}.x-hair-slider>input[type=range]::-ms-track{background:#dfdfdf83;border:4px solid #0009;border-radius:2px;height:4px}.x-hair-slider>input[type=range]::-ms-fill-lower{background:#e8e8e8;border:4px solid rgba(0,0,0,.1);border-radius:20px}.x-hair-slider>input[type=range]::-ms-fill-upper{background:#fff;border:4px solid rgba(0,0,0,.1);border-radius:2px}.x-hair-slider>input[type=range]::-ms-thumb{background:#fff;border:none;border-radius:25px;height:10px;margin-top:0;width:10px}.picker{height:100%;width:50px}.picker>input{-webkit-appearance:none;appearance:none;background:none;border:none;cursor:pointer;height:100%;padding:0;width:100%}.picker>input::-webkit-color-swatch-wrapper{padding:0}.x-hair-color{display:flex}.hex-code-input{align-items:center;display:flex;justify-content:center;width:90%}.hex-code-input>input{background:none;border:none;color:#ddd;font-size:22px;height:86%;text-align:center;width:90%}.hex-code-input>input:focus{outline:none!important}img{pointer-events:none}.footer{background:#222;border-top:2px solid #000;bottom:0;box-shadow:0 5px 14px 0 #000a;font-size:10px;left:0;position:fixed;text-align:center;width:100%;z-index:1}.footer-sticky{position:sticky}.rainbow{font-size:10px;text-align:center}.rainbow_text_animated{animation:rainbow_animation 6s ease-in-out infinite;background:linear-gradient(90deg,#66f,#09f,#0f0,#f39,#66f);-webkit-background-clip:text;background-clip:text;background-size:400% 100%;color:transparent}.linkCollection a,.linkCollection button{color:#fff;font-size:15px;text-decoration:none;text-transform:uppercase}.linkCollection button{background:transparent no-repeat;border:none;cursor:pointer;outline:none;padding:0}.linkCollection li{border-right:1px solid #fff;display:table-cell;list-style-type:none;padding:0 14px}.linkCollection li:last-child{border:none}@keyframes rainbow_animation{0%,to{background-position:0 0}50%{background-position:100% 0}}@media (min-width:811px){.footerMain{background-color:#141414;bottom:0;position:relative;width:100%}.linkCollection{display:table;left:50%;padding:10px 0;position:relative;text-align:center;transform:translate(-50%)}#seperator{border-bottom:1px solid #2436d8c0;left:4%;padding:5px 12px;position:relative;right:4%;width:90%}.footerText{left:5%;position:relative;text-align:left;top:10px;width:43%}.footerText p{color:#a3a3a3;font-size:14px}.footerText>a{border-bottom:1px solid;color:#a3a3a3;font-size:25px}.footerText>span>a{color:#fff}}@media (max-width:810px){.footerMain{background-color:#141414;height:40px;position:relative;width:100%}.linkCollection{display:table;left:50%;padding-top:10px;position:absolute;text-align:center;transform:translate(-50%)}#seperator,.footerSocial,.footerSocial h,.footerSocial img,.footerSocial li,.footerText,.footerText a,.footerText p{display:none}}h2{color:#fff;font-size:18px;text-align:center}.favorite{bottom:10px;color:#424242;opacity:0;position:absolute;right:30px;transition:.3s ease;transition-property:color opacity;z-index:2}.favorite:hover{color:#ffd70042}.favorite.liked{color:gold;opacity:1;z-index:2}#x-hairs>.x-hair-container:hover .favorite{opacity:1}.nothing-found{color:#bf0000;font-size:34px;margin-top:40px}.dark-overlay:after{background-color:#0008;content:"";display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9}#details{background-color:rgba(32,33,36,.95);border-radius:10px;height:665px;left:50%;max-width:879px;position:fixed;top:50%;transform:translate(-50%,-50%);width:80%;z-index:10}#details>button{z-index:2}#detailsImage{direction:rtl;display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:flex-start;max-height:100%;max-width:80%;overflow:auto;width:80%}#detailsClose{height:40px;position:absolute;right:7px;top:10px;width:40px}#detailsCopy{background-color:#2c9e5e;border:none;border-radius:10px;box-shadow:0 5px 14px 0 #000a;color:#fff;cursor:pointer;font-size:18px;height:60px;position:absolute;right:15px;text-align:center;top:585px;transition:background-color .2s ease;width:190px}#detailsCopy:hover{background-color:#114214}#detailsCopy:active{background-color:#09290b}#detailsBuilder{background-color:#2f3a4a;border:none;border-radius:10px;box-shadow:0 5px 14px 0 #000a;color:#fff;cursor:pointer;font-size:18px;height:45px;position:absolute;right:15px;text-align:center;top:519px;transition:background-color .2s ease;width:190px}#detailsBuilder:hover{background-color:#272f3d}#detailsBuilder:active{background-color:#1f2530}#detailsShare{align-items:center;display:inline-flex;flex-direction:row;flex-wrap:nowrap;height:45px;justify-content:space-between;position:absolute;right:15px;top:454px;width:190px}#detailsShare>button{background:#2f3a4a;border:none;border-radius:10px;box-shadow:0 5px 14px 0 #000a;color:#fff;cursor:pointer;height:40px;transition:background-color .2s ease}#detailsShare>button>*{display:block;height:34px;width:34px}#detailsShare>button>i{font-size:34px}#detailsShare>button:hover{background-color:#272f3d}#detailsShare>button:active{background-color:#1f2530}#detailsImageHOF{position:absolute;right:-3px;top:221px}#detailsImageHOF:after{color:#fff;content:"This is a dynamic crosshair. With a knife in your hand, you will see this.";font-size:13px;padding-left:10px;position:absolute;right:15px;text-align:center;top:-53px}.hof-hidden{display:none}#detailsImageHOF>.x-hair-container{right:3px;top:-1px}.socialLinks{margin-top:15px;position:fixed;z-index:4}.socialLinks>a{background-color:#272729;box-shadow:0 5px 14px 0 #000a;color:#fff;cursor:pointer;display:inline-block;height:31px;position:absolute;transition:left .5s}.socialLinks p{font-size:15px;padding-left:6px;position:absolute;top:-10px}.socialLinks>a:hover{left:0;transition:.4s}.twitter{left:-154px;top:0;width:187px}.discord{left:-131px;top:50px;width:166px}.timeline{left:-175px;top:100px;width:210px}.socialLinks>a>img{height:31px;position:absolute;right:2px;top:0;width:auto}.footer-hidden{display:none}.disable-scrollbars::-webkit-scrollbar{background:transparent;width:0}.disable-scrollbars{-ms-overflow-style:none;scrollbar-width:none}@media (max-width:800px){#detailsImage{direction:rtl;max-width:70%;scrollbar-width:none;width:50%}}.addedRecently_h2{margin:0 auto;position:relative}.addedRecently_h2>h2{color:#fff;font-size:30px;letter-spacing:3px;margin-bottom:0;margin-top:15px;text-shadow:4px 4px #2f3a4a;text-transform:uppercase}.addedRecently_container{margin:0 auto;position:relative;width:80%}.btn-next,.btn-pre{align-items:center;border:none;color:#fff;font-size:60px;justify-content:center;margin:0;padding:0;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.btn-next{right:0}.addedRecently_container>span{margin:0;padding:0}.addedRecently_container>span:hover{color:#cf8c0f;cursor:pointer;transition:color .25s}.addedRecently{border-bottom:.5px solid #fff;display:flex;height:220px;margin:0 auto;overflow:hidden;position:relative;scroll-behavior:smooth}@media (max-width:555px){.addedRecently_container,.addedRecently_h2,.adstest{width:320px}.addedRecently{width:220px}}@media (min-width:555px){.addedRecently_container,.addedRecently_h2,.adstest{width:540px}.addedRecently{width:440px}}@media (min-width:825px){.addedRecently_container,.addedRecently_h2{width:760px}.addedRecently{width:660px}.adstest{width:500px}}@media (min-width:1100px){.addedRecently_container,.addedRecently_h2{width:980px}.addedRecently{width:880px}.adstest{width:650px}}@media (min-width:1500px){.addedRecently_container,.addedRecently_h2{width:1200px}.addedRecently{width:1100px}.adstest{width:900px}}.addedRecently>.x-hair-container{min-width:190px}.addedRecently>.x-hair-container:hover{background:#cf8c0f;cursor:pointer;transition:background .25s}.adstest{margin:15px auto 0;overflow:hidden;position:relative}.closerecently{color:#fff;position:absolute;right:5px;top:5px}#ad-topbar{height:90px;width:100%}.filter{align-items:center;background:#272729;box-shadow:0 5px 14px 0 #000a;display:flex;flex-wrap:wrap;justify-content:center;position:sticky;top:60px;width:100%;z-index:3}.filter button{background:#272729;border:#424242;border-left:1px solid #424242;color:#fff;cursor:pointer;overflow:hidden;padding:2px 15px;text-decoration:none}.filter button:last-of-type{border-right:1px solid;border-color:#424242}.filter button:hover{background-color:#272f3d}.filter p{color:#fff;font-size:12px;line-height:1;max-height:10px;padding:0 10px}.filter #search{background:#424242;border:none;color:#fff;float:left;max-height:15px;max-width:150px;text-align:left}.filter input:focus{border-color:#719ece;outline:none}.filter>div,.filter>form{align-items:center;display:inline-flex;flex-direction:row;justify-content:center}#searchSort{background-color:#444;border:none;border-radius:4px;color:#fff;max-height:24px;max-width:150px}.submitbtn{background-color:#2f3a4a;border:none;border-radius:0 12px 12px 0;box-shadow:0 5px 14px 0 #000a;color:#fff;cursor:pointer;font-size:20px;height:344px;position:fixed;top:108px;width:30px}.submitbtn>p{-webkit-transform:rotate(90deg) translateX(-22px);-moz-transform:rotate(90deg) translateX(-22px);-o-transform:rotate(90deg) translateX(-22px);-ms-transform:rotate(90deg) translateX(-22px);transform:rotate(90deg) translateX(-22px)}.submitDrop{background-color:#202124;border-radius:0 12px 12px 0;box-shadow:0 5px 14px 0 #000a;display:flex;flex-direction:column;height:344px;left:-220px;max-width:900px;position:fixed;top:108px;transition:left .25s ease;width:220px;z-index:10}.submitDrop.show{left:0;transition:left .25s ease}.dropdown a:hover{background-color:#ddd}.dropdown{display:inline-block}#submitdrop input{background-color:#2f3a4a;border:none;border-bottom:1px solid #424242;border-radius:0;color:#fff;font-size:19px;height:39px;margin-left:15px;margin-right:15px;position:relative}#submitdrop input:focus{outline:none}#submitCross{background-color:#2f3a4a;border:none;border-radius:0 0 12px 12px;color:#fff;cursor:pointer;font-size:18px;height:53px;margin-bottom:10px;margin-left:15px;margin-right:15px;padding:0;position:relative;text-align:center;width:190px}#searchSortUser{background-color:#444;border:none;border-radius:4px;color:#fff;max-height:24px;max-width:150px}#submitImage>.x-hair-container{box-shadow:none;margin-bottom:-15px}@media (max-width:780px){#cookiePopup{background:#fff;border-radius:10px;bottom:15px;box-shadow:0 0 15px #000;display:grid;padding-bottom:10px;position:fixed;width:100%;z-index:100}#cookiePopup h4{font-size:33px;margin-bottom:8px;margin-top:5px;text-align:center}#cookiePopup p{color:#4e4e4e;font-size:15px;margin:15px 50px;text-align:center}#cookiePopup button{background:#000;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;margin:0 10px;padding:10px}#cookiePopup a{font-size:15px;margin-top:8px;text-align:center}}@media (min-width:781px){#cookiePopup{background:#fff;border-radius:10px;bottom:25px;box-shadow:0 0 15px #000;display:grid;left:30px;padding:5px 10px;position:fixed;width:450px;z-index:100}#cookiePopup h4{font-size:20px;margin-bottom:8px;margin-top:5px;text-align:center}#cookiePopup p{color:#4e4e4e;font-size:15px;text-align:center}#cookiePopup button{background:#000;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;padding:10px;width:100%}#cookiePopup a{font-size:15px;margin-top:8px;text-align:center}}