search>form{display:flex;position:relative}search>form>input{width:calc(100% - 180px);border-radius:var(--radius-base) 0 0 var(--radius-base)}search>form>.clear{display:flex;text-align:center;cursor:pointer;width:40px;background-color:var(--dark-white-mixed);margin-right:10px;border-radius:0 var(--radius-base) var(--radius-base) 0}search>form>.clear:after{content:"";background-image:url(../img/icons/close.svg);display:block;height:15px;width:15px;background-size:15px 15px;background-repeat:no-repeat;margin:auto 10px}search>form>input:invalid+.clear:after{display:none}search>form>button{width:140px;height:37.5px}main>.search-buttons{display:flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;margin-top:10px}main>.search-buttons>.btn{padding:5px 10px;position:relative}main>.filter{display:flex;flex-wrap:wrap;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;margin-top:40px;gap:15px}main>.filter>h2{width:100%}main>.filter>div{display:flex;flex-wrap:wrap;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center}main>.filter>div>.btn{padding:5px 10px;position:relative}.no-results{display:flex;flex-flow:column;align-items:center;-webkit-align-items:center;gap:40px;padding:20px 0}.no-results>span{color:var(--text);font-size:var(--font-size-3xl);font-weight:700;text-transform:uppercase}.pagination{display:flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;gap:5px;flex-wrap:wrap}.pagination.top{padding-bottom:30px}.pagination.bottom{padding-top:50px}.pagination>.btn{height:30px;min-width:35px;padding:0 10px}.pagination>.active{background-color:var(--dark-white-mixed);cursor:default}.pagination>a:hover:not(.active){background-color:var(--color)}main>.info-text{padding-top:70px;color:var(--third-text)}.more-filter{max-width:100%;flex-direction:column;padding:40px;gap:30px;height:fit-content}.more-filter>.col{display:flex;flex-direction:column;gap:10px}.more-filter>.col>.tags{display:flex;flex-wrap:wrap;gap:3px}.more-filter>.col>.tags>.btn{padding:5px 10px}.more-filter>.col>.category{margin:0;font-weight:var(--font-weight-bold);text-transform:uppercase;font-size:var(--font-size-lg)}.recommended{display:flex;flex-wrap:wrap;padding:15px;margin:20px 0;align-items:center;background-color:var(--dark-white-mixed);border-radius:var(--radius-lg);position:relative;text-align:center;gap:10px}.recommended>.info{display:flex;width:calc(100% - 30px);justify-content:center}.recommended>.info>p{color:var(--text)}.recommended>.info>p>a{color:var(--color)}.recommended>.info>p>a:hover{color:var(--hover-color)}.recommended>.close{display:flex;width:20px;justify-content:center;align-items:center}.close>#closeRecommended{font-size:28px;font-weight:700;color:var(--third-text);transition:color var(--default-time);background-color:transparent;cursor:pointer;margin-top:-4px}.close>#closeRecommended:hover{color:var(--text);transition:color var(--default-time)}.atlas{display:flex;flex-wrap:wrap;margin:40px 0 0;align-items:center;background-color:rgb(255 255 255 / 1%);border-radius:10px;position:relative;gap:10px;overflow:hidden;padding:20px}.atlas>.head{display:flex;flex-wrap:wrap}.atlas>.head>.info{display:flex;flex-direction:column;width:70%;gap:30px;align-self:center;padding-right:80px}.atlas>.head>.info>p{text-transform:none;font-size:30px;font-weight:var(--font-weight-bold)}.atlas>.head>.info>span{color:var(--third-text);line-height:1.3}.atlas>.head>.info>.buttons{display:flex;flex-wrap:wrap;gap:20px}.atlas>.head>.info>.buttons>.btn{position:relative}.atlas>.head>.info>.image{display:none}.atlas>.head>.image{display:flex;width:30%;border-radius:10px;overflow:hidden;margin-left:auto;position:relative}.atlas>.head>.image>img{object-fit:cover;transition:opacity 1s,transform 1s;position:absolute;inset:0;width:100%;height:100%}.atlas>.head>.image>img:first-child{opacity:1;z-index:1}.atlas>.head>.image>img:nth-child(2){opacity:0;z-index:2}.atlas>.head>.image:hover>img:first-child{opacity:0}.atlas>.head>.image:hover>img:nth-child(2){opacity:1}.atlas>.head>.image:hover>img{transform:scale(1.3)}.atlas>.head>.image>span{display:none;white-space:nowrap}.atlas>.head>.image:hover>span{display:flex;z-index:3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-transform:uppercase;font-size:20px;font-weight:var(--font-weight-bold);color:var(--text);transition:1s;user-select:none}.atlas>.head>.image:hover::after{transition:1s;content:"";position:absolute;inset:0;height:100%;pointer-events:none;z-index:2;background-color:#1f202975;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}@media screen and (max-width:1000px){.atlas>.head>.info{width:100%;gap:15px;padding-right:0}.atlas>.head>.image{display:none}.atlas>.head>.info>.image{display:flex;width:100%;border-radius:10px;position:relative;overflow:hidden;height:120px}.atlas>.head>.info>.image>img{width:100%;object-fit:cover;transition:transform 1s ease,opacity 1s ease;position:absolute;inset:0}.atlas>.head>.info>.image>img:first-child{opacity:1;z-index:1}.atlas>.head>.info>.image>img:nth-child(2){opacity:0;z-index:2}.atlas>.head>.info>.image:hover>img:first-child{opacity:0}.atlas>.head>.info>.image:hover>img:nth-child(2){opacity:1}.atlas>.head>.info>.image:hover>img{transform:scale(1.3)}.atlas>.head>.info>.image>span{display:none}.atlas>.head>.info>.image:hover>span{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-transform:uppercase;font-size:20px;font-weight:var(--font-weight-bold);color:var(--text);z-index:3}.atlas>.head>.info>.image:hover::after{content:"";position:absolute;inset:0;background-color:#1f202975;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);z-index:2;pointer-events:none;transition:opacity 1s ease}}@media screen and (max-width:600px){.atlas>.head>.info>h1{font-size:var(--font-size-3xl)}}@media screen and (max-width:460px){.atlas>.head>.info>.buttons>a{width:100%}}.recently:not(:has(.list > .server)){display:none}.recently:has(.list > .server){display:flex;flex-wrap:wrap;margin-top:40px;align-items:center;position:relative;gap:10px}.recently>h4{width:100%}.recently>.carousel{display:flex;flex-wrap:nowrap;align-items:center;margin:20px 0 0;width:100%}.recently>.carousel>.list{display:flex;flex-wrap:nowrap;gap:15px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;width:95%}.recently>.carousel>.list::-webkit-scrollbar{display:none}.recently>.carousel>.list>.server>.btn{display:none}.recently>.carousel>a{display:flex;border-radius:6px;margin:auto}.recently>.carousel>a>svg{width:30px;transform:rotate(90deg)}.recently>.carousel>.list>.server{display:flex;gap:10px;min-width:fit-content;width:100%;padding:5px;align-items:baseline;transition:background-color var(--default-time);height:auto;flex-direction:row}.recently>.carousel>.list>.server:hover{background-color:var(--dark-black-mixed);transition:background-color var(--default-time)}.recently>.carousel>.list>.server>a{min-width:50px;min-height:50px}.recently>.carousel>.list>.server>a>img{border-radius:var(--radius-base)}.recently>.carousel>.list>.server>.info>.title>a{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.recently>.carousel>.list>.server>.info>.title{height:25px;align-items:baseline;flex-wrap:nowrap;flex-direction:row}.recently>.carousel>.list>.server>.info>.title>.online{align-items:center}.recently>.carousel>.list>.server>.info{display:flex;flex-direction:column;width:100%;min-width:0;align-items:baseline;gap:5px;max-width:300px}.recently>.carousel>.list>.server>.info>.view{display:flex;flex-direction:column;justify-content:center;width:100%}.recently>.carousel>.list>.server>.info>.view>p{color:var(--third-text);font-size:var(--font-size-sm);text-align:left}.recently>.carousel>.list>.server>.info>.view>p:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.recently>.carousel>.list>.server>.info>.view>p>a{color:var(--third-text);font-size:var(--font-size-sm)}.recently>.carousel>.list>.server>.info>.view>p>a:hover{color:var(--color)}.recently>.carousel>.list>.history-clear,.recently>.carousel>.list>.not-viewed{font-weight:var(--font-weight-bold);font-size:20px}.recently:not(:has(.list .server)) #clear-recent{display:none}