a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.app-container{display:flex}.sidebar{width:3.5vw;min-width:50px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#ccc1;border:1px solid #ccc1;box-shadow:0 4px 30px #0000001a;position:fixed;border-radius:15px;margin:20px}.sidebar>img{transition:transform .2s ease,color .2 ease;color:#ccc}.sidebar>ul{display:flex;flex-direction:column;padding:10px;gap:30px}.sidebar>ul>li{display:block;align-self:center}@media screen and (width < 750px){.sidebar{width:auto;padding:0 10px;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:#ccc1;box-shadow:0 4px 30px #0000001a;border-radius:15px;position:static}.sidebar>ul{flex-direction:row;padding:10px;margin:0}.app-container{flex-direction:column;align-items:center}body{overflow:scroll}}.icon{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;transition:transform .2s ease,color .2s ease;color:#aaa;cursor:pointer}.tooltip{position:relative;display:inline-block}.tooltip:after{content:attr(data-tooltip);position:absolute;left:100%;top:50%;transform:translateY(-50%) translate(8px);background:#333;color:#fff;padding:4px 8px;border-radius:4px;white-space:nowrap;font-size:.75rem;opacity:0;pointer-events:none;transition:opacity .2s ease}.tooltip:hover:after{opacity:1}.TooltipContent{border-radius:5px;padding:6px 10px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#ccc2;border:1px solid #ccc2;box-shadow:0 4px 30px #0000001a;animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);will-change:transform,opacity}@keyframes slideUpAndFade{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.TooltipContent[data-state=delayed-open]{animation-name:slideUpAndFade}.main-content{max-width:1280px;margin:0 20vw;padding:2rem;width:100%}@media screen and (width < 1400px){.main-content{margin:4vh 15vw 4vh 15vw}}@media screen and (width < 900px){.main-content{margin:4vh 10vw 4vh 10vw}}@media screen and (width < 750px){.main-content{padding:1rem;margin:0 0 2vh}}:root{--hue: 245;--color-background: hsl(var(--hue), 10%, 15%);--color-surface: hsl(var(--hue), 12%, 22%);--color-card: hsl(var(--hue), 15%, 30%);--color-card-hover: hsl(var(--hue), 15%, 35%);--text-primary: hsl(var(--hue), 20%, 96%);--text-secondary: hsl(var(--hue), 15%, 87%);--color-accent: hsl(180, 65%, 55%);--color-accent-hover: hsl(180, 65%, 65%);--color-surface-layer-1: #ccc1;--color-surfact-layer-2: #eee1}body{background:linear-gradient(135deg,#394488,#41284e);background:linear-gradient(135deg,#5c406d,#5c3f83);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color:var(--text-primary)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap;border:0}.searchbar{width:200px;padding:15px;border-radius:15px;border:1px solid var(--color-surfact-layer-2);background-color:var(--color-surfact-layer-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 30px #0000001a;color:var(--text-primary)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-card);cursor:pointer}button:hover{background:#ffffff2e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.search-button{padding:15px}.search-row{display:flex;gap:15px}.skin-showcase{height:150px;image-rendering:pixelated;border-radius:5px}.cape-showcase{image-rendering:pixelated;height:100%;border-radius:4px}.cape-section{display:flex;background-color:var(--color-surfact-layer-2);border:1px solid var(--color-surfact-layer-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 30px #0000001a;border-radius:5px;height:150px}.cape-name{margin:0;padding:0 10px;font-size:1.1em;font-family:Google Sans Code,monospace}.cape-name-label{padding-top:10px;padding-left:10px;padding-right:10px}.mojang-img{display:flex;gap:15px;flex-wrap:wrap}.username{font-size:1.4rem;margin:0;font-family:Google Sans Code,monospace}.uuid{display:flex;align-items:center;margin:0 0 15px;color:var(--text-secondary);font-family:Google Sans Code,monospace}.mojang-data,.hypixel-data,.advanced-info-tabs,.player-tracker{width:100%;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:var(--color-surface-layer-1);border:1px solid var(--color-surfact-layer-2);box-shadow:0 4px 30px #0000001a;padding:25px;border-radius:15px;margin-bottom:20px}.guild-list-item-container{display:block}.guild-list-item{display:block;background-color:var(--color-surfact-layer-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 30px #0000001a;border-radius:5px;padding:10px;border:1px solid var(--color-surfact-layer-2);transition:none}.guild-list-item:hover{cursor:pointer;background:#ffffff1a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.guild-list,.info-card-list{display:flex;flex-wrap:wrap;gap:25px;padding-left:0;list-style:none}.list-uuid{color:var(--text-secondary);font-size:.7rem;text-align:left}.list-username{margin-bottom:0;text-align:left}.info-card{display:block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--color-surfact-layer-2);border:1px solid var(--color-surfact-layer-2);box-shadow:0 4px 30px #0000001a;padding:10px;border-radius:5px}.info-card-label{color:var(--text-secondary);font-size:.85em;margin:0;font-family:Google Sans Code,monospace}.info-card-value{font-size:1.1em;font-family:Google Sans Code,monospace}.guild-member-image{image-rendering:pixelated;height:80px;border-radius:3px}.guild-member-flex-container{display:flex;gap:10px}button{color:var(--text-primary);background-color:var(--color-surfact-layer-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 30px #0000001a;transition:.35s}.loading-skeleton{background-color:var(--color-surface);border-radius:5px;height:241px;animation:pulse 1s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%{opacity:1}70%{opacity:.75}}.copy-icon{padding-left:10px;cursor:pointer}.copy-icon-clicked{animation:copy-clicked 1s ease;padding-left:10px}@keyframes copy-clicked{0%{transform:scale(1)}35%{transform:scale(.7)}}.loading-container{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:var(--color-surface-layer-1);border:1px solid var(--color-surfact-layer-2);box-shadow:0 4px 30px #0000001a;padding:25px;height:120px;width:120px;border-radius:15px}.advanced-tabs{display:flex;flex-wrap:wrap;gap:15px;position:sticky;top:15px;z-index:10;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background-color:var(--color-surfact-layer-2);border:1px solid var(--color-surfact-layer-2);border-radius:15px;padding:10px}.em-text{font-size:1.2em;margin:0;padding-bottom:5px}.secondary-text{color:var(--text-secondary);margin:0;padding:0}.no-padding{padding:0;margin:0}.align-right{text-align:right}.distribution-graph{background-color:var(--color-surfact-layer-2);border:1px solid var(--color-surfact-layer-2);border-radius:15px;padding:10px;color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:400px;height:250px}.icon{height:fit-content}.info-card-row{display:flex}.icon-button,.icon-button:hover{all:unset;border:1px solid #aaa0;border-radius:5px;height:20px}.icon-button:focus{border-color:var(--color-accent)}.center{display:flex;justify-content:center;align-items:center}.track-flex{display:flex;justify-content:space-between;align-items:end}.track-player{min-width:400px;width:35%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--color-surfact-layer-2);border:1px solid var(--color-surfact-layer-2);box-shadow:0 4px 30px #0000001a;padding:15px;border-radius:10px;margin-top:20px}.track-flex>button{height:50px}.motion-button{animation:none;transition:none}.tracker-live-data{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--color-surfact-layer-2);border:1px solid var(--color-surfact-layer-2);box-shadow:0 4px 30px #0000001a;padding:15px;border-radius:10px}.tracker-live-data>h3,.tracker-live-data>p{margin:0;font-family:Google Sans Code,monospace}.tracker-history{font-family:Google Sans Code,monospace;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--color-surfact-layer-2);border:1px solid var(--color-surfact-layer-2);border-radius:10px;padding:15px;margin-top:0}.tracker-history>li{display:block}.track-header{display:flex;gap:15px;justify-content:space-between;margin-bottom:-10px;margin-left:2px}.compact-paragraph{line-height:1;margin:10px 0}.track-subheader{margin-top:0;margin-bottom:20px;margin-left:2px}.track-stop-button{height:50px;width:50px;display:flex;justify-content:center;align-items:center;border-radius:15px}.timeline-item{display:flex;gap:20px}.timeline-item>div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--color-surfact-layer-2);border:1px solid var(--color-surfact-layer-2);border-radius:10px;padding:15px;height:90%}.timeline-time{margin-top:1.2em}.timeline-part{margin-top:1.5em;margin-bottom:-1.5em}.tracker-timeline{font-family:Google Sans Code,monospace;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--color-surfact-layer-2);border:1px solid var(--color-surfact-layer-2);border-radius:10px;padding:15px 35px;margin-top:0}.timeline-header{font-size:1.15em;font-weight:600}.last-timeline-item{margin-bottom:-1.5em}.track-history-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:15px 0 10px 2px}.track-history-header>h3{margin:0}.select-button{display:flex;align-items:center;justify-content:center;height:50px;width:50px}.select-button-left{border-radius:15px 0 0 15px}.select-button-right{border-radius:0 15px 15px 0}.select-container{display:flex;border-radius:15px;align-items:center}.selected-tab{background-color:#f4f07780}.left-align{text-align:left}.flex{display:flex;justify-content:center;align-items:center;gap:10px}.DialogOverlay{background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:fixed;inset:0;animation:overlayShow .3s cubic-bezier(.16,1,.3,1);z-index:1000}.DialogContent{background-color:#eee3;border:1px solid #eee3;border-radius:15px;box-shadow:#ccc;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:500px;max-height:85vh;padding:25px;animation:contentShow .15s cubic-bezier(.16,1,.3,1);z-index:1001;box-sizing:border-box}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.skin-container{display:flex;width:100%;justify-content:center}:root{--wynn-green: #55FF55}.wynncraft-character-list{display:grid;gap:30px;padding:0;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.wynncraft-character-item{display:block;margin:0;padding:10px;background-color:var(--color-surfact-layer-2);border-radius:5px;overflow:hidden;cursor:pointer;border:1px solid var(--color-surfact-layer-2)}.wynncraft-character-item:hover{background:#ffffff1a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.wynncraft-character-item.expanded{grid-column:1 / -1}.wynn-nametag{font-family:Google Sans Code,monospace}.wynn-username{margin-left:6px}.profession-list{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;overflow-x:scroll;padding:0;gap:15px}.wynn-guild-member-list{display:flex;flex-wrap:wrap;gap:25px;padding:0;list-style:none}.wynn-guild-member-item:hover{background:#ffffff1a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.wynn-guild-member-item{display:block;cursor:pointer;border-radius:5px;background-color:var(--color-surfact-layer-2);padding:10px;border:1px solid var(--color-surfact-layer-2);transition:none}.wynn-mode{height:25px}.wynn-modes{display:flex;gap:6px}.wynn-rank{height:20px;image-rendering:pixelated}.wynn-character-icon{height:100px}.wynn-character-row{display:flex}.wynn-classname-c{display:flex;flex-direction:column;justify-content:center;padding-left:10px}.wynn-restrictions{background-color:var(--color-surfact-layer-2);padding:10px;border:1px solid var(--color-surfact-layer-2);border-radius:15px;margin:20px 0}.wynn-restrictions>p{line-height:1.5;padding:0;margin:0}.card-showcase{border-radius:15px;background-color:var(--color-surface);padding:15px;margin-top:10px;width:35vw;display:flex;gap:15px}.mojang-data-showcase{display:flex;justify-content:center;gap:10px}.mojang-data-text{background:linear-gradient(to left,#be77f4,#a130f6);padding:15px;border-radius:10px;width:3%;margin-bottom:20px}.mojang-data-text>h3,.mojang-data-text>p{margin:5px 0}.main-explore-button{padding:15px;border-radius:15px;background-color:var(--color-accent);color:#000;margin:30px 0}.main-explore-button:hover{background-color:var(--color-accent-hover);transition:.5s;color:#000}.align-center{display:flex;justify-content:center}.info-card-showcase{display:flex;gap:10px;justify-content:space-around}.info-card-container,.guild-members-container{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:var(--color-surface-layer-1);border:1px solid var(--color-surfact-layer-2);box-shadow:0 4px 30px #0000001a;border-radius:15px;padding:15px}.showcases-container{display:flex;flex-direction:column;width:100%}.showcases-container>div{box-sizing:border-box}.guild-members-showcase,.final-button{display:flex;flex-direction:column;align-items:center}footer{font-size:small;margin-top:20px;box-sizing:border-box}.hero-background{display:flex;flex-direction:column;background:linear-gradient(to left,#f4e2f7,#f5f3cf);color:#101e10;border-radius:10px;z-index:-2;position:absolute;align-items:center;width:100vw;height:100vh;left:0%;top:0%}.hero-section{display:flex;flex-direction:column;color:#101e10;z-index:-2}.hero-headings{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:0px;margin:10vh 0}.hero-h1,.hero-h2{margin:0;font-family:Epunda Slab,serif;letter-spacing:.05rem;z-index:5}.hero-h1{font-weight:600;font-size:3.2rem}.hero-h2{font-weight:500;font-size:2rem}.purple-orange-gradient{position:absolute;right:-15vw;top:-350px;z-index:-1;animation:gradient-right 1.3s cubic-bezier(.19,1,.22,1)}.yellow-gradient{position:absolute;right:76vw;top:-60px;z-index:-1;clip-path:view-box;animation:gradient-left 1.3s cubic-bezier(.19,1,.22,1)}.hero-searchbar{display:flex;border-radius:10px;gap:10px;align-items:center;align-self:center}.hero-searchbar>svg{width:40px;height:25px;z-index:15}.hero-searchbar>input{border:1px solid #dddf;background:linear-gradient(to right,#f4eae3,#e8d5fd);background-color:unset;min-width:550px;z-index:10;padding:20px 40px;border-radius:10px;margin-left:-50px;box-sizing:content-box;transition:.15s}.hero-searchbar>input:focus{border:1px solid #ddda}.hero-searchbar>input:hover{background:linear-gradient(to right,#f4eae3,#e8d5fd 40%);box-shadow:#a130f620 1px 1px 15px}.hero-card-container{display:flex;gap:30px;justify-content:center;margin:150px 0 100px}.hero-card{background:linear-gradient(#be77f4,#a130f6);padding:15px;color:#fff;border-radius:10px;width:220px}.hero-card-heading{text-align:center}.hero-card-paragraph{text-align:justify}.hero-footer{background:linear-gradient(to left,#be77f4,#a130f6);padding:15px;border-radius:10px}@keyframes gradient-left{0%{opacity:.5;right:100vw}to{opacity:1;right:76vw}}@keyframes gradient-right{0%{opacity:.5;right:-30vw}to{opacity:1;right:-15vw}}.arrow-button{background-color:#f4f077;width:80px;align-self:center;transition:none;margin-bottom:150px}.arrow-button>svg{scale:1.6}a{color:#f4f077}a:hover{color:#f3a718}.features-h2{font-family:Epunda Slab,serif;font-size:2rem;font-weight:600;align-self:center}.features-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.vertical-text{text-orientation:mixed;writing-mode:sideways-lr;font-weight:600;margin:0}.hypixel-data-text{background:linear-gradient(to right,#be77f4,#a130f6);padding:15px;border-radius:10px;width:3%;margin-bottom:20px}.hypixel-data-text>h3{writing-mode:sideways-rl}.mojang-data-text,.hypixel-data-text{display:flex;justify-content:center;align-items:center}