.category-item,.context-menu a,.custom-card-link,.custom-download-btn,.custom-term-link,.icon,.icon-nav,.submit-link2,.tag-item{text-decoration:none}._1tR0D,._1tR0D a,._287uD,.style3{font-weight:700}.icon:hover .tooltip,.nsfw_popup_overlay.show{visibility:visible;opacity:1}.navbar{background: linear-gradient(135deg, #1D4686, #4C358D, #623074); background-attachment: fixed; background-size: cover;border-bottom:1px solid #292c32;position:sticky;top:0;z-index:9999;box-shadow:0 25px 55px #000!important;text-transform:uppercase}.navbar-collapse,.searchbg{background-color:#06070d!important}._3AEsy{width:1px;height:20px;background:#363a42;margin:auto 24px}.navbar-expand-lg .navbar-nav .dropdown-menu{background-color:#382570!important;border-bottom:1px solid #272a30!important;border-right:1px solid #272a30!important;border-bottom-right-radius:10px!important}.nav-link,.nav-link:hover,.offcanvas-title{color:#fafafa!important}.navbar-nav a{color:#fff!important}._1tR0D a{color:#ff815f!important;margin:auto}.navbar-toggler svg{fill:#fafafa!important}.dropdown-item:active,.dropdown-item:hover{background-color:#06070d!important;color:#fafafa!important}.dropdown-toggle::after{color:#969db1!important}.style3{-webkit-background-clip:text;font-size:17px;background:url(https://pfphub.com/images/Q5arH.gif);color:#f2f2f2;line-height:24px;padding:0 8px}.getsoft{background:#21272b;border-radius:4px;margin:auto}._1tR0D{color:#ff815f;margin:auto}.parent-dl-info{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;grid-column-gap:20px;grid-row-gap:0px}.div1img{grid-area:1/1/2/2}.div3info{grid-area:1/2/2/3}.commento-root input[type=text],.commento-root textarea{background:#181818!important;border:1px solid rgba(50,50,93,.1);border-radius:3px;color:#525f7f}.download-icon,.mb_avatar-widget{position:relative;display:inline-block}.context-menu{display:none;position:absolute;top:40px;left:0;background-color:#fff;box-shadow:0 8px 16px rgba(0,0,0,.2);z-index:1}.context-menu a{display:block;padding:8px 16px;color:#000}.context-menu a:hover{background-color:#ddd}.custom-card-link,.download-icon:hover .context-menu{display:block}._380e8{color:#f2f2f2!important}.v7ka9{display:flex;align-items:center;margin-top:8px;color:#c9cacf}._287uD{font-size:24px;white-space:pre-wrap;flex-grow:1}.desktop-fences-wrapper{display:flex;justify-content:space-between;align-items:center;padding:10px 0 15px;border-radius:10px;position:relative}.desktop-fence-block,.desktop-fence-block-minecraft,.desktop-fence-block-roblox{padding:20px;color:#fff;position:relative}.desktop-fence-block{flex:1;margin:0 7px 0 0;background:url("https://pfphub.com/images/avatargen.png") bottom right no-repeat #161a1f;border:1px solid #1d2127;border-radius:10px}.desktop-fence-block-roblox{flex:1;margin:0 7px 0 0;background:url("https://pfphub.com/icons/robloxbox.png") bottom right no-repeat #161a1f;border:1px solid #1d2127;border-radius:10px}.desktop-fence-block-2,.desktop-fence-block-3,.desktop-fence-block-4{flex:1;margin:0 0 0 7px;background:url("https://pfphub.com/images/discordgen.png") bottom right no-repeat #161a1f;border:1px solid #1d2127;padding:20px;border-radius:10px;color:#fff;position:relative}.desktop-fence-block-minecraft{flex:1;margin:0 0 0 7px;background:url("https://pfphub.com/icons/minecraftbox.png") bottom right no-repeat #161a1f;border:1px solid #1d2127;border-radius:10px}.desktop-download-btn,.desktop-download-btn-2,.desktop-download-btn-minecraft,.desktop-download-btn-roblox{color:#000;margin-top:10px;padding:0 24px;min-height:32px;position:relative;display:inline-flex;z-index:0;text-transform:none;font-weight:700;overflow:hidden;white-space:nowrap;height:auto;cursor:pointer}.desktop-download-btn-roblox{border:none;border-radius:2px;align-items:center;justify-content:center;background:linear-gradient(97deg,#c48e4f,#5f301d)!important}.desktop-download-btn,.desktop-download-btn-minecraft{border:none;align-items:center}.desktop-download-btn-minecraft{border-radius:2px;justify-content:center;background:linear-gradient(97deg,#6ca542,#c0885d)!important}.desktop-fence-block h3,.desktop-fence-block-2 h3,.desktop-fence-block-minecraft h3,.desktop-fence-block-roblox h3{font-size:16px;color:#ccc}.desktop-fence-block h2,.desktop-fence-block-2 h2,.desktop-fence-block-minecraft h2,.desktop-fence-block-roblox h2{font-size:25px;color:#fff;margin-bottom:10px}.desktop-fence-block ul,.desktop-fence-block-2 ul,.desktop-fence-block-minecraft ul,.desktop-fence-block-roblox ul{list-style:none;padding:0;margin:0}.desktop-fence-block ul li,.desktop-fence-block-2 ul li,.desktop-fence-block-minecraft ul li,.desktop-fence-block-roblox ul li{margin:5px 0}.desktop-fence-block span,.desktop-fence-block-2 span,.desktop-fence-block-minecraft span,.desktop-fence-block-roblox span{color:tomato}.desktop-download-btn{border-radius:2px;justify-content:center;background:linear-gradient(97deg,#7db960,#dcffb4)!important}.desktop-download-btn-2{border:none;border-radius:2px;align-items:center;justify-content:center;background:linear-gradient(97deg,#7388d9,#8d8bc2)!important}.custom-title-text,.demo-label,.tag-icon{text-transform:uppercase}@media screen and (max-width:768px){.desktop-fences-wrapper{flex-direction:column}.desktop-fence-block,.desktop-fence-block-2,.desktop-fence-block-minecraft,.desktop-fence-block-roblox{margin:10px 0}}.next-btn,.prev-btn{background-color:#4caf501f;color:#fff;padding:5px 8px;font-size:15px;border-radius:5px;cursor:pointer;position:absolute;z-index:10}.prev-btn{left:-16px}.next-btn{right:-16px}.next-btn:hover,.prev-btn:hover{background-color:#45a049}.custom-search-wrapper{position:relative;width:100%;margin:0 auto}.custom-search-form{display:flex;align-items:center;background-color:#161a1f;border:1px solid #26292e;border-radius:8px;padding:.5rem;box-shadow:0 2px 4px rgba(0,0,0,.3)}.custom-search-input{flex-grow:1;background:0 0;border:none;color:#fff;padding:.5rem;font-size:1rem;outline:0}.custom-search-input::placeholder{color:#bbb}.custom-search-button{background:linear-gradient(97deg,#636b54,#8e997e)!important;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:1rem;cursor:pointer;transition:background-color .3s}.custom-search-button:hover{background:linear-gradient(97deg,#8e997e,#636b54)!important}.custom-recommended-terms{display:none;position:absolute;top:calc(100% + 10px);left:0;width:100%;background-color:#101316;border:1px solid #26292e;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.4);padding:1rem;z-index:10;transform:translateY(100%);opacity:0;transition:.3s ease-out}.scroll-btn,.sidebar{transform:translateY(-50%)}.custom-recommended-terms.show{display:block;transform:translateY(0);opacity:1}.custom-recommended-title{display:block;color:#fff;font-size:1.1rem;margin-bottom:.5rem;font-weight:700}.custom-term-link{display:inline-block;margin:.2rem .5rem .2rem 0;color:#000;background-color:#cfd6df;padding:.3rem .6rem;border-radius:4px;font-size:.9rem;transition:background-color .3s}.custom-term-link:hover{background-color:#9ca4af}.submit-link2{font-size:15px;font-weight:400;position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;padding:0 20px;height:auto;min-height:39px;border:1px solid transparent;border-radius:5px;background:linear-gradient(to right,#06070d,#06070d),linear-gradient(to right,#ffc107,#fc690a);background-clip:padding-box,border-box;background-origin:padding-box,border-box}.app-card,.text-truncate{overflow:hidden!important}.app-list{margin:0!important}.app-card{border-radius:10px!important;transition:transform .2s ease-in-out!important;padding:8px!important;text-align:center!important}.app-card:hover{transform:translateY(-3px)!important}.app-card img{width:100%!important;height:auto!important;border-radius:8px!important;display:block!important}.app-info{margin-top:8px!important;color:#fff!important}.app-title{font-size:14px!important;font-weight:600!important}.app-developer{font-size:12px!important;color:#a1a1a1!important}.text-truncate{white-space:nowrap!important;text-overflow:ellipsis!important}.demo-label,.tag-text,.tags-container,.user-label{white-space:nowrap}.col-6,.col-lg-2,.col-md-3{padding:2px!important}.foot-logo{width:128px;height:30px;margin-right:4px}.borderfoot{border-top:1px solid #342458!important}.borderfoot2{border-top:1px solid #342458!important}.meta-list li{width:48%;display:inline-block;padding:10px;background:rgba(0,0,0,.15);margin-bottom:5px;border-radius:6px;font-size:14px}.line{flex-grow:1;height:1px;width:25px;background-color:#292f36}.custom-discord-profile,.custom-settings{background-color:#161a1f;border-radius:8px;padding:20px;box-shadow:0 4px 10px rgba(0,0,0,.3)}.custom-container{display:flex;justify-content:space-between;width:100%;max-width:1200px;flex-wrap:wrap}.custom-settings{width:54%;margin-top:30px;color:#e1e1e1;border:1px solid #1d2127;max-height:395px;overflow-y:auto}.custom-settings::-webkit-scrollbar{width:8px}.custom-settings::-webkit-scrollbar-thumb{background-color:#8c544a;border-radius:10px}.custom-settings::-webkit-scrollbar-track{background-color:#2a2f37;border-radius:10px}.custom-settings label{font-size:14px;margin-bottom:8px;display:block;color:#b9bbbe}.custom-settings input,.custom-settings select{width:100%;padding:12px;border-radius:6px;border:1px solid #3f2e23;background-color:#1b1d1e;font-size:14px;margin-bottom:20px;color:#fff}.custom-settings input:focus,.custom-settings select:focus{border-color:#7289da;outline:0}.custom-settings button{width:100%;padding:12px;border:none;border-radius:6px;color:#000;cursor:pointer;background:linear-gradient(121deg,#fc8f73,#f4476a);font-size:20px;font-weight:700}.custom-settings button:hover{background:linear-gradient(121deg,#f4476a,#fc8f73)}.custom-image-preview{width:45%;display:flex;flex-direction:column;align-items:center;margin-top:30px}.custom-discord-profile{width:100%;display:flex;flex-direction:column;align-items:center;margin:0 10px 0 0;gap:10px;border:1px solid #1d2127}.custom-discord-profile .custom-banner{width:100%;height:140px;background:linear-gradient(45deg,#ff4500,#ff8c42,gold,#ff4500)!important;animation:6s infinite gradient-animation;border-radius:8px}.custom-download-btn,.custom-download-btn:hover{background-color:#222225}@keyframes gradient-animation{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.custom-discord-profile .custom-profile-pic{margin-top:-90px;width:160px;height:160px;border-radius:50%;border:5px solid #3f51b5;box-shadow:0 0 10px rgba(0,0,0,.5);background-image:url(https://pfphub.com/images/chromawave.png);background-size:cover;background-position:center}.custom-discord-profile .custom-info{text-align:center;color:#e1e1e1}.custom-discord-profile .custom-name{font-weight:700;font-size:18px}.custom-download-btn{padding:12px 20px;border:1px solid #26292e;color:#fff;font-size:16px;border-radius:8px;margin-bottom:15px;cursor:pointer;text-align:center}.custom-title-container{position:relative;width:100%;padding:40px 20px;background-color:transparent;text-align:center;overflow:hidden;z-index:1}._1eevN,.bubble,.bubbles,.tooltip{position:absolute}.bubble,.bubble-1{background-color:#ff7043}.custom-title-text{font-size:3.5rem;font-weight:700;color:#f5f5f5;margin-bottom:10px;letter-spacing:1px;z-index:2}.custom-tagline{font-size:1.2rem;font-weight:400;color:silver;max-width:800px;margin:0 auto;line-height:1.6;letter-spacing:.5px;z-index:2}@keyframes bubbles{0%,100%{transform:scale(0);opacity:0}50%{transform:scale(1);opacity:.7}}.bubbles{top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.bubble{border-radius:50%;animation:6s infinite bubbles;opacity:.8;z-index:0}.custom-card,.custom-card-img,.masonry-item img{border-radius:12px}.bubble-1{width:50px;height:50px;top:10%;left:30%;animation-duration:6s;animation-delay:1s}.bubble-2{width:40px;height:40px;top:20%;left:70%;animation-duration:5s;animation-delay:2s;background-color:#ffeb3b}.bubble-3{width:30px;height:30px;top:40%;left:10%;animation-duration:7s;animation-delay:3s;background-color:#4caf50}.bubble-4{width:45px;height:45px;top:60%;left:50%;animation-duration:8s;animation-delay:4s;background-color:#2196f3}.bubble-5{width:60px;height:60px;top:80%;left:20%;animation-duration:6.5s;animation-delay:5s;background-color:#9c27b0}.bubble-6{width:35px;height:35px;top:15%;left:80%;animation-duration:5.5s;animation-delay:6s;background-color:#f44336}.custom-card{position:relative;overflow:hidden;background-color:#161a1f;transition:transform .3s,box-shadow .3s}.custom-card-img-overlay,.custom-card-img-overlay2{bottom:0;z-index:2;background:rgba(0,0,0,.6);right:0;left:0}.custom-card:hover{transform:translateY(-5px);box-shadow:0 4px 16px rgba(0,0,0,.2)}.custom-card-img-wrapper{position:relative;height:200px;overflow:hidden}.custom-card-img img{height:100%;object-fit:cover;width:100%}.custom-card-img-overlay{position:absolute;padding:10px;border-radius:0 0 5px 5px}.custom-card-title{font-size:1.25rem;color:#fff;font-weight:700;text-shadow:1px 1px 4px rgba(0,0,0,.7)}.custom-card-img-overlay2{position:absolute;padding:20px}.custom-card-img-overlay2::before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.2),rgba(0,0,0,.8));z-index:1;filter:blur(10px)}.demo-label,.nav-link{align-items:center;display:flex}.tag-icon,.tag-item,.tags-scroll{display:inline-block}.demo-label,.overlay{position:absolute;bottom:0;right:0}.overlay .title h2{font-size:1.2em;margin-bottom:.5em;line-height:1.2;padding-left:30px;padding-right:30px;text-shadow:0 1px 0 rgba(0,0,0,.6),0 2px 6px rgba(0,0,0,.5)}.overlay .date,.overlay .developer{font-size:.9em;display:block;line-height:1.2}.demo-label{color:#fff;padding:2px 20px;font-size:9.7px;border-bottom-right-radius:8px;border-top-left-radius:14px;font-weight:400;z-index:10;box-shadow:1px 1px 9px rgba(0,0,0,.5);justify-content:center;text-shadow:0 1px 0 rgb(0 0 0),0 2px 6px rgb(0 0 0)}.tag-icon,.tag-item{color:#fff}.img-fluid2{width:100%;height:auto;object-fit:scale-down;aspect-ratio:16/9;border-radius:inherit;box-shadow:inset 0 0 0 1px #1f2023}.category-icon,.mb_avatar img{object-fit:cover}.image-container2{background-color:#06070d}.navbar{box-shadow:0 2px 5px rgba(0,0,0,.1)}.navbar-logo img{height:40px}.navbar-nav .nav-item{margin-left:5px;font-size:20px}.search-input{max-width:600px}.nav-link i{margin-right:.5rem}.tags-wrapper{width:100%}.tags-container{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#888 #f1f1f100}.tags-container::-webkit-scrollbar{height:8px}.tags-container::-webkit-scrollbar-track{background:#f1f1f100;border-radius:10px}.tags-container::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.tags-container::-webkit-scrollbar-thumb:hover{background:#555}.tag-item{padding:8px 16px;margin-right:2px;border-radius:6px;transition:background-color .3s;box-shadow:#3f424a 0 0 0 1px inset;background:radial-gradient(circle at 0 30%,rgb(29 104 166 / 15%) 0,transparent 90%)}.tag-icon{width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;background-color:#434e6e;margin-right:5px;font-weight:700}.scroll-btn{display:none}.tag-text{flex-grow:1}.tag-item:hover{background:#3f4454;color:#deecec}.page-link{background-color:#384356!important;color:#fff!important}.page-link:hover{background-color:#505c6f!important;color:#fff!important}.modern-dropdown{min-width:600px;max-width:90vw;background:#1a1a1a}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;padding:10px}.category-item{display:flex;align-items:center;gap:10px;border-radius:6px;color:#fff;transition:background .3s,transform .2s}.icon,.tooltip{padding:15px;color:#fff}.category-item:hover{background:#333;transform:translateY(-2px)}.category-icon{width:28px;height:28px;border-radius:8px}.icon-placeholder{display:flex;justify-content:center;align-items:center;width:28px;height:28px;background:#444;border-radius:50%;color:#ddd}.category-title{font-size:15px}.sticky-top{position:sticky;top:70px}.sidebar{position:fixed;top:50%;left:10px;display:flex;flex-direction:column;background-color:#101218;border-radius:0 10px 10px 0;z-index:9999;border-top:1px solid #3f4454;border-bottom:1px solid #3f4454;border-right:1px solid #3f4454}._3a3p6,.icon{position:relative}.icon-nav:hover,.icon:hover,.tooltip,input[type=search]:focus{background-color:#3f4454}.icon{text-align:center;font-size:20px;transition:background-color .3s;width:60px;display:inline-block;border-bottom:1px solid #242424}.tooltip{left:100%;border-radius:5px;opacity:0;visibility:hidden;transform:translateX(10px);transition:opacity .3s,transform .3s ease-in-out}.icon:hover .tooltip{transform:translateX(0)}._3mCVP{max-width:50%}.WP4Br{top:0}._1eevN{display:flex;flex-flow:row wrap;max-height:60px;z-index:1001}._2Gl0P.SW8cD{background: url(/assets/clan_badge_02_04.svg); left: 8px; background-size: contain; top: 10px;}.VzY-J,._3kx8G{margin-right:8px}.SW8cD,.SW8cD2{width:38px;height:40px}._2Gl0P2.SW8cD2{background: url(/assets/clan_badge_03_03.svg); left: 8px; background-size: contain; top: 10px;}input[type=search]:focus{border-color:#5a5f70;outline:0}.nsfw_popup_overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:9999;backdrop-filter:blur(8px);visibility:hidden;opacity:0;transition:opacity .3s ease-in-out}.sidebar-snig,.sidebar-snigr{top:50%;transform:translateY(-50%)}.nsfw_popup_content{background:linear-gradient(to right,#323232,#fff0) center/cover,url(/assets/39c4c09e_640.gif) center/cover;padding:30px;border-radius:8px;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.2);max-width:400px;width:90%;animation:.3s ease-in-out popupAnim}.nsfw_button,.nsfw_button2{padding:10px 20px;cursor:pointer;margin:5px;transition:background-color .3s}.nsfw_popup_content h2{font-size:24px;font-weight:700;margin-bottom:20px}.nsfw_popup_content p{font-size:16px;margin-bottom:30px}.nsfw_button{background-color:#e91e63;color:#fff;border:none;border-radius:5px;font-size:16px}.nsfw_button2{background-color:#fff;color:#000;border:none;border-radius:5px;font-size:16px}.nsfw_button:hover{background-color:#bd416b}@keyframes popupAnim{0%{transform:scale(.9);opacity:0}100%{transform:scale(1);opacity:1}}@media (max-width:767px){.navbar-nav.stu222{display:flex;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;padding:0}.navbar-nav.stu222 .nav-item{flex-shrink:0;margin-right:15px}.navbar-nav.stu222 .dropdown-menu{width:auto}}#mobileMenuModal .modal-content{border-radius:5px;background-color:#fff;border:none;box-shadow:none}#mobileMenuModal .modal-header{border-bottom:none;padding:20px;text-align:center;background-color:#1a1b22}#mobileMenuModal .modal-title{font-size:24px;font-weight:600;color:#333}#mobileMenuModal .btn-close{border:none;font-size:1.5rem}#mobileMenuModal .menu-link{display:block;padding:12px;font-size:18px;text-align:center;text-decoration:none;border-bottom:1px solid #1b1a1a;transition:background-color .3s;background-color:#101218}#mobileMenuModal .menu-link:hover{background-color:#f1f1f1}#mobileMenuModal .menu-link:last-child{border-bottom:none}#mobileMenuModal .modal-body{padding:0}.plyr__video-wrapper{height:auto!important;object-fit:scale-down!important;aspect-ratio:16/9!important}.btnft{color:#deecec!important}.mb_dropdown-menu{box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:5px}.mb_dropdown-button{font-size:14px;display:flex;align-items:center;color:#fff}.mb_dropdown-button:hover{color:#9e9e9e}.mb_avatar{display:flex;justify-content:center;align-items:center}.mb_separator{border-left:1px solid #292c32;height:28px}.overlay:hover{background:linear-gradient(to right,rgb(50 50 50 / 32%),#fff0)}.ad-item{width:calc(30% - -23px);margin-left:8px;margin-bottom:8px;box-sizing:border-box;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.ad-wrapper{width:100%;height:auto;background:#1e1e1e;border-radius:4px;padding:5px;box-shadow:0 1px 3px rgba(0,0,0,.2)}@media (max-width:768px){.custom-container{flex-direction:column;align-items:center}#mobileMenuModal .modal-content,.custom-discord-profile,.custom-image-preview,.custom-settings{width:100%}.custom-title-text{font-size:2.5rem}.custom-tagline{font-size:1rem}.bubble{width:30px;height:30px}.custom-card-img-wrapper{height:180px}.overlay{padding:.8em;font-size:.9em}.overlay .title h2{font-size:1.1em}.overlay .date,.overlay .developer{font-size:.8em}.demo-label{font-size:8px;padding:1px 5px}#mobileMenuModal .modal-dialog{max-width:100%}}@media (max-width:480px){.overlay{padding:.6em;font-size:.8em}.overlay .title h2{font-size:1em}.overlay .date,.overlay .developer{font-size:.7em}.demo-label{font-size:7px;padding:1px 4px}}@media (max-width:320px){.overlay{padding:.5em;font-size:.7em}.overlay .title h2{font-size:.9em}.overlay .date,.overlay .developer{font-size:.6em}}.sidebar-snig{position:fixed;right:0;display:flex;flex-direction:column;border-radius:10px 0 0 10px}#logo,.color-square{display:inline-block;vertical-align:middle}.color-square{width:28px;height:28px;border-radius:6px;margin-right:8px}.random-color-block{width:100%;height:200px;border-radius:10px;transition:background-color .3s}.user-label{position:absolute;bottom:3px;left:-10px;color:#acc6f7;padding:2px 20px;border-bottom-right-radius:3px;border-top-left-radius:14px;opacity:.59;font-weight:400;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:9998}.text{display:block;color:#fff;font-size:14px;margin-top:5px;text-align:center;opacity:.7;transition:opacity .3s}.horizontal-nav{background-color:#342465;box-shadow: 0px 3px 0px #8858ada3;border:1px solid #8858ad;border-radius:0 0 10px 10px;padding:10px 15px;display:flex;gap:15px;flex-wrap:nowrap;margin:0 auto;width:fit-content}.icon-nav{display:flex;flex-direction:column;align-items:center;color:#fff;padding:10px;transition:background-color .3s;font-size:18px;border-radius:10px}.icon-nav .text{font-size:13px;margin-top:5px}.sidebar-snigr{position:fixed;left:0;display:flex;flex-direction:column;border-radius:10px 0 0 10px}#logo,.dh-button-base{position:relative;overflow:hidden}.dh-extension-buttons-container{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.dh-button-base{border:1px solid transparent;border-radius:5px;padding:10px 20px;font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif;cursor:pointer;min-width:280px;transition:background-color .2s,transform .1s;color:#fff;-webkit-font-smoothing:antialiased}.comment-cta-button:active,.dh-button-base:active{transform:scale(.98)}.dh-button-content-wrapper{display:flex;align-items:center;justify-content:center;gap:15px}.dh-button-icon-fa{font-size:28px;line-height:1}.dh-button-text-group{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.dh-button-maintext{font-size:16px;font-weight:600}.dh-button-subtext{font-size:12px;font-weight:400;opacity:.85}.dh-button-chrome{background-color:#4285f4}.dh-button-chrome:hover{background-color:#3367d6}.dh-button-firefox{background-color:#e66000}.dh-button-firefox:hover{background-color:#c95600}.dh-button-edge{background-color:#0078d4}.dh-button-edge:hover{background-color:#005a9e}.dh-button-edge:disabled::before,.dh-button-firefox:disabled::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);z-index:1}.dh-button-edge:disabled::after,.dh-button-firefox:disabled::after{content:attr(data-status-text);position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;z-index:2}.dh-button-edge.dh-state-success:disabled::before,.dh-button-firefox.dh-state-success:disabled::before{background-color:#107c10}.dh-button-chrome.dh-loading{background-color:#5f6368}.dh-button-chrome.dh-install-extension,.dh-button-chrome.dh-set-success{background-color:#34a853}.dh-button-chrome.dh-set-error{background-color:#ea4335}.overlay{left:0;color:#fff;padding:1em;text-align:center;height:100%;transition:.3s;font-size:1em;z-index:1000;box-shadow:inset 0 0 12px rgba(255,255,255,.1),inset 0 0 20px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:5px}.container{max-width:1150px!important}.navbar .container{max-width:1400px!important}.comment-cta-wrapper{text-align:center;margin:30px 0}.comment-cta-button{background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;padding:12px 24px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:background .3s,transform .2s}.comment-cta-button:hover{background:linear-gradient(135deg,#4338ca,#2563eb);transform:scale(1.03)}.disqus-footer{display:none!important}#logo{width:100px;height:29px}#logo .c1,#logo .c2{position:absolute;width:70px;height:70px;top:-20px;border-radius:50%;content:""}#logo .c1{left:0;background:rgba(99,166,159,.5);animation:2s left-circle}#logo .c2{right:0;background:rgb(67 78 110 / 57%);animation:2s right-circle}#logo .d,#logo .h{width:38px;animation:2s letters}#logo .d,#logo .h,#logo .h:after,#logo .h:before{position:absolute;z-index:1;background:rgba(255,255,255,.75)}#logo .d{height:22px;top:3.5px;left:10px;border-radius:4px 12px 12px 4px}#logo .h{height:6px;top:11.5px;right:10px;border-radius:4px}#logo .h:after,#logo .h:before{content:"";width:6px;height:22px;top:-8px;border-radius:4px}#logo .h:before{left:0}#logo .h:after{right:0}@keyframes left-circle{0%{opacity:0;transform:translateX(50px)}100%{opacity:1;transform:translateX(0)}}@keyframes right-circle{0%{opacity:0;transform:translateX(-50px)}100%{opacity:1;transform:translateX(0)}}@keyframes letters{0%,50%{opacity:0}100%{opacity:1}}.guide{background:linear-gradient(135deg,#565759,#432a60);padding:6px;border-radius:5px}.button-plastic:hover{background:linear-gradient(135deg,#5a7bff,#7a22db);box-shadow:0 6px 12px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.35);transform:translateY(-2px)}.button-plastic:active{background:linear-gradient(135deg,#3a5bff,#5a0fb3);box-shadow:0 2px 4px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2);transform:translateY(1px)}.overlay-editors{border:3px solid #d24980cc}.overlay-musthave{border:3px solid #14886469}html{scroll-behavior:smooth}

    /* Custom styles for the search button */
    .search-btn-custom {
        background-color: #81b422;
        color: #000;
    }
    .search-btn-custom:hover {
        background-color: #ffc107; /* Using the warning color from your site for consistency */
        border-color: #ffc107;
        color: #000;
    }

/* 1. Set a maximum height and scrolling on the main dropdown container */
.dropdown-menu.modern-dropdown {
    max-height: 80vh; /* Use 80% of the viewport height. Adjust as you like. */
    overflow-y: auto;  /* Add a vertical scrollbar ONLY when needed */
    overflow-x: hidden;/* Hide any potential horizontal overflow */
}

/* 2. Target the main row and FORCE its columns to stay in a single line */
.mega-menu > .container > .row {
    flex-wrap: nowrap; /* Prevents columns from wrapping onto a new line */
}

/* 3. General Column and List Styling */
.mega-menu {
    padding: 20px;
}

.mega-menu-column {
    padding: 0 15px;
}

.mega-menu-column h5 {
    font-weight: 600;
    font-size: 1.1rem;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #6c757d3b; /* Made border slightly more visible for dark themes */
    white-space: nowrap;
	color: #81b422;
}

.mega-menu-list + h5 {
    margin-top: 2rem; 
}

.mega-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mega-menu-list li {
    display: block;
}

.mega-menu-list li a {
    color: #ccc; /* Lighter text color for dark background */
    text-decoration: none;
    padding: 4px 0;
    font-size: 0.95rem;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mega-menu-list li a:hover {
    color: #81b422; /* Your highlight color */
}

/* --- Recommended: Custom Scrollbar Styling --- */
.dropdown-menu.modern-dropdown::-webkit-scrollbar {
    width: 8px;
}

.dropdown-menu.modern-dropdown::-webkit-scrollbar-track {
    background: #212529;
    border-radius: 10px;
}

.dropdown-menu.modern-dropdown::-webkit-scrollbar-thumb {
    background: #6c757d;
    border-radius: 10px;
}

.dropdown-menu.modern-dropdown::-webkit-scrollbar-thumb:hover {
    background: #adb5bd;
}

@font-face {
  font-family: 'Bungee';
  src: url('/assets/fonts/Bungee-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap; /* avoids blocking text */
}

.cr-btn {
  position: relative;
  display: inline-block;
  font-size: 1.3rem;
  color: #FEFEFE;
  text-transform: uppercase;
  padding: 20px 45px;
  border-radius: 12px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  margin: 15px;
  transition: transform 0.1s ease-in-out;
  text-shadow: -1px 0 1px #005F00,
               1px 0 1px #005F00,
               0 -1px 1px #005F00,
               0 4px 1px #005F00,
               -2px 4px 1px #005F00,
               2px 3px 2px #005F00;
}

/* Base green button */
.cr-green {
  background: linear-gradient(#50FF65, #30ED45);
  box-shadow: 0px 6px 0px #0D8F23;
}

/* Bottom "base" layer (dark shadow) */
.cr-green::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  width: 100%;
  height: 100%;
  background: #0A4F1A;
  border-radius: 12px;
  z-index: -2;
  box-shadow: 0px 11px 2px #0A4F1A;
}

/* Inner highlight layer */
.cr-green::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  border-radius: 12px 12px 0 0;
  background: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0));
  z-index: -1;
}

/* Shine effect */
.cr-btn span {
  position: relative;
  z-index: 2;
}

.cr-btn:active {
  transform: translateY(4px);
  box-shadow: 0px 2px 0px #0D8F23;
}
.cr-btn:active::before {
  top: 2px;
  left: 2px;
}

 p {
  font-family: 'Inter', 'Roboto', sans-serif; /* clean readable font */
}

.cr-btn .btn-icon {
  width: 1em;   /* same as font-size */
  height: 1em;  /* keeps it square */
  vertical-align: -0.125em; /* aligns nicely with baseline */
  margin-right: 0.5em; /* spacing before text */
}


/* Base tag pill */
.tag-pill {
  position: relative;
  display: inline-block;
  font-size: 0.8rem;
  padding: 6px 14px;
  border-radius: 10px; /* pill shape */
  text-transform: uppercase;
  text-decoration: none;
  margin: 4px;
  cursor: pointer;
  transition: transform 0.1s ease-in-out;
  text-shadow: -1px 0 1px rgba(0,0,0,0.6),
               1px 0 1px rgba(0,0,0,0.6),
               0 -1px 1px rgba(0,0,0,0.6),
               0 2px 1px rgba(0,0,0,0.6);
}

.tag-pill::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 100%;
  height: 100%;
  border-radius: 999px;
  z-index: -1;
}

/* Press effect */
.tag-pill:active {
  transform: translateY(2px);
  box-shadow: 0px 1px 0px rgba(0,0,0,0.4);
}
.tag-pill:active::before {
  top: 1px;
  left: 1px;
}

/* === Tag Colors === */

.tag-green {
  background: linear-gradient(#50FF65, #30ED45);
  box-shadow: 0px 3px 0px #0D8F23;
  color: #fff;
}
.tag-green::before {
  background: #0A4F1A;
}

.tag-blue {
  background: linear-gradient(#67BCFF, #2199FF);
  box-shadow: 0px 3px 0px #004FA5;
  color: #fff;
}
.tag-blue::before {
  background: #002F83;
}

.tag-yellow {
  background: linear-gradient(#FFD053, #FCA80D);
  box-shadow: 0px 3px 0px #AF6B06;
  color: #fff;
}
.tag-yellow::before {
  background: #301C09;
}

.tag-red {
  background: linear-gradient(#FF6666, #FC3632);
  box-shadow: 0px 3px 0px #9C1814;
  color: #fff;
}
.tag-red::before {
  background: #5A0E0E;
}

.cr-blue {
  background: linear-gradient(#67BCFF, #2199FF);
  box-shadow: 0px 3px 0px #004FA5;
  color: #fff;
}
.cr-blue::before {
  background: #002F83;
}

.cr-btn2 {
    position: relative;
    display: inline-block;
    color: #FEFEFE;
    text-transform: uppercase;
    padding: 20px 45px;
    border-radius: 12px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    transition: transform 0.1s 
ease-in-out;
    text-shadow: -1px 0 1px #005F00, 1px 0 1px #005F00, 0 -1px 1px #005F00, 0 4px 1px #005F00, -2px 4px 1px #005F00, 2px 3px 2px #005F00;
}

.cr-green2 {
    background: linear-gradient(#50FF65, #30ED45);
    box-shadow: 0px 4px 0px #0D8F23;
}

.cr-blue2 {
  background: linear-gradient(#67BCFF, #2199FF);
  box-shadow: 0px 4px 0px #004FA5;
}

.info-link {
  display: inline-flex;
  align-items: center;
  gap: 4px; /* space between icon and text */
  font-size: 16px; /* controls both text & icon size */
  line-height: 1;
}

.info-link svg {
  width: 1em;   /* same size as text */
  height: 1em;
  vertical-align: middle; /* keeps it aligned with text */
}

.overlay.random-border {
    border: 4px solid transparent;
    border-radius: 12px;
    padding: 8px;
    transition: border-color 0.3s ease;
}

/* Carousel wrapper */
.tags-carousel-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
}

/* Scrollable container */
.tags-carousel-container {
    overflow-x: auto;
    overflow-y: hidden;
    flex: 1;
    scroll-behavior: smooth;
    -ms-overflow-style: none;  /* IE/Edge */
    scrollbar-width: none;      /* Firefox */
}

.tags-carousel-container::-webkit-scrollbar {
    display: none;              /* Chrome/Safari */
}

/* Carousel inner flex */
.tags-carousel {
    display: flex;
    gap: 6px;
    align-items: center;
}

/* Buttons */
.carousel-btn {
    background: linear-gradient(#ffce50, #fcaa11);
    color: #fff;
    font-size: 1.5rem;
    /* padding: 6px 10px; */
    cursor: pointer;
    border-radius: 10%;
    transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
}

.carousel-btn:active {
    transform: translateY(2px);
    box-shadow: 0 2px 0 #0D8F23;
}

.tags-carousel {
    display: inline-block;  /* ensure horizontal line */
    white-space: nowrap;    /* prevent wrapping */
}

.text-logo {
    font-size: 30px; /* Adjust as needed */
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.text-logo .desktop {
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    color: white;
    text-shadow: -1px 0 1px #0d0d0ca8, 1px 0 1px #0d0d0ca8, 0 -1px 1px #0d0d0ca8, 0 4px 1px #0d0d0ca8, -2px 4px 1px #0d0d0ca8, 2px 3px 2px #0d0d0ca8;
}

.text-logo .hut {
  
font-size: 30px;
    font-style: normal;
    font-weight: 400;
    color: white;
    text-shadow: -1px 0 1px #0d0d0ca8, 1px 0 1px #0d0d0ca8, 0 -1px 1px #0d0d0ca8, 0 4px 1px #0d0d0ca8, -2px 4px 1px #0d0d0ca8, 2px 3px 2px #0d0d0ca8;
}

.logo-icon {
    width: 36px;       /* Adjust size */
    height: 36px;      /* Keep proportional to font size */
    color: white;       /* Match your text color */
}

.masonry-item {
    border-radius: 12px;
}

div[data-actirise-slot="top-page"]{
  display: none;
  margin: 10px auto;
}
@media screen and (max-width: 480px){
  div[data-actirise-slot="top-page"].device-mobile{
    display: flex !important;
    width: 100%;
    min-height: 280px;
  }
}
@media screen and (min-width: 481px) and (max-width: 769px){
  div[data-actirise-slot="top-page"].device-tablet{
    display: flex !important;
    width: 100%;
    min-height: 280px;
  }
}
@media screen and (min-width: 770px){
  div[data-actirise-slot="top-page"].device-desktop{
    display: flex !important;
    width: 100%;
    min-height: 250px;
  }
}

/* Compact frosted glass banner */
.ogl-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 14px;
  height: 85px;
  max-height: 90px;
  width: 100%;
  border-radius: 0px 0px 8px 8px;
  background: rgba(25, 25, 25, 0.4);
  backdrop-filter: blur(14px) saturate(180%);
  -webkit-backdrop-filter: blur(14px) saturate(180%);
  border-top: 1px solid rgb(0 0 0);
  color: #fff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  margin-top: 12px;
}

/* Shimmer reflection */
.ogl-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: -70%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.25) 0%,
    rgba(255, 255, 255, 0.05) 100%
  );
  transform: skewX(-25deg);
  animation: shimmer 6s infinite;
}
@keyframes shimmer {
  0% { left: -70%; }
  50% { left: 120%; }
  100% { left: 120%; }
}

/* Hover */
.ogl-banner:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.4);
}

/* Logo */
.ogl-logo {
  width: 45px;
  height: auto;
  flex-shrink: 0;
  filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.4));
  transition: transform 0.3s ease;
}
.ogl-banner:hover .ogl-logo {
  transform: scale(1.05);
}

/* Text content */
.ogl-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.1;
  flex: 1;
}

/* Title */
.ogl-text {
  color: #fff;
  font-size: 0.6rem;
  white-space: normal;
}
.ogl-text .ogl-link {
  background: linear-gradient(90deg, #8ec5fc, #e0c3fc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.ogl-text .ogl-link:hover {
  opacity: 0.8;
}

/* Subtext */
.ogl-subtext {
  font-family: 'Segoe UI', sans-serif;
  font-size: 0.6rem;
  color: rgba(255, 255, 255, 0.85);
  margin-top: 3px;
  line-height: 1.3;
}

/* Button */
.ogl-btn {
  background: linear-gradient(90deg, #0078d7, #00a2ff);
  color: #fff;
  text-decoration: none;
  padding: 7px 14px;
  border-radius: 10px;
  font-size: 0.8rem;
  border: none;
  cursor: pointer;
  box-shadow: 0 3px 6px rgba(0, 123, 255, 0.3);
  transition: all 0.25s ease;
  flex-shrink: 0;
}
.ogl-btn:hover {
  background: linear-gradient(90deg, #0090ff, #00ccff);
  transform: translateY(-1px);
  box-shadow: 0 6px 12px rgba(0, 200, 255, 0.35);
}

/* Hide on mobile */
@media (max-width: 991px) {
  .ogl-banner {
    display: none;
  }
}

/* Adjust text size on medium screens */
@media (max-width: 1200px) {
  .ogl-text {
    font-size: 0.85rem;
  }
  .ogl-logo {
    width: 42px;
  }
}