.recently{display:flex;flex-wrap:wrap;gap:40px;margin-bottom:40px}.recently>button{max-width:200px;width:100%;position:absolute;right:0;top:0;min-height:34px}.recently>.list{display:flex;flex-wrap:wrap;width:100%;gap:15px}.recently>.already:hover{background-color:var(--danger)}.recently>.list>.server{display:flex;gap:10px;max-width:calc(100% / 3 - 10px);width:100%;padding:5px;border-radius:var(--radius-base);align-items:center;transition:background-color var(--default-time);height:auto;min-width:450px}@media screen and (max-width:1440px){.recently>.list>.server{max-width:calc(100% / 2 - 10px)}}@media screen and (max-width:955px){.recently>.list>.server{max-width:100%}}.recently>.list>.server:hover{background-color:var(--dark-black-mixed);transition:background-color var(--default-time)}.recently>.list>.server>a>img{border-radius:var(--radius-base);min-width:50px;min-height:50px}.recently>.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>.list>.server>.info>.title{height:25px;align-items:baseline;flex-wrap:nowrap}.recently>.list>.server>.info>.title>.online{align-items:center}.recently>.list>.server>.info{display:flex;flex-direction:column;width:100%;min-width:0;align-items:baseline;gap:5px}.recently>.list>.server>.info>.view{display:flex;flex-direction:column;justify-content:center;width:100%}.recently>.list>.server>.info>.view>p{color:var(--third-text);font-size:var(--font-size-sm)}.recently>.list>.server>.info>.view>p:nth-child(2)>a{color:var(--third-text);font-size:var(--font-size-sm)}.recently>.list>.server>.info>.view>p:nth-child(2)>a:hover{color:var(--color)}.recently>.list>.server>.info>.view>p:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.recently:has(.history-clear),.recently:has(.not-viewed){margin:auto}.recently>.list>.history-clear,.recently>.list>.not-viewed{font-weight:var(--font-weight-bold);font-size:20px}.recently:not(:has(.list .server)) #clear-recent{display:none}@media screen and (max-width:800px){.recently>button{max-width:100%;width:100%;position:relative;top:0;min-height:35px;right:0}}@media screen and (max-width:750px){.recently>.list>.server>.info>.title{align-items:baseline;flex-direction:unset;gap:10px}}@media screen and (max-width:576px){.recently>.list{gap:25px}.recently>.list>.server>.info{gap:5px;order:inherit}.recently>.list>.server>.info>.title{height:auto;flex-direction:column;align-items:center;gap:3px}.recently>.list>.server>.info>.view{width:100%}.recently>.list>.server>.info>.title>a{width:100%}.recently>.list>.server{min-width:auto}}