@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";html{--primary-color: 34, 49, 63;--secondary-color: 29, 42, 56;--border-radius: 1em;--box-bg: rgba(var(--primary-color), .5);--box-shadow: 0 5px 10px rgba(0, 0, 0, .6);background-color:rgb(var(--secondary-color));background-position:center top;background-repeat:no-repeat;background-size:auto 100lvh;background-attachment:fixed;margin:0;scroll-behavior:smooth}body{font-family:JetBrains Mono,monospace}body .background{position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:auto;height:100lvh;z-index:-1}body.light .header widgets-content,body.light section,body.light a{color:#000!important}main{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}main *{text-align:center}main .loading{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1d2a38;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;transition:visibility .5s,opacity .5s linear}main .loading.fade-out{opacity:0;visibility:hidden}main .header{display:flex;padding:1rem;padding-top:0;flex-direction:column}main .header .cat{line-height:1.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;padding-bottom:.5rem}main .header .widgets{margin:.75rem;display:flex;flex-direction:row;gap:1rem;align-items:center;justify-content:center}main .header .widgets .date-widget{--primary-color: 126, 221, 222}main .header .widgets .time-widget{--primary-color: 255, 212, 132}main .header .widgets [class$=-widget]{color:#000;background-color:rgba(var(--primary-color),.8)}main .header .widgets [class$=-widget]:hover{background-color:rgba(var(--primary-color),1)}main .header .widgets-content{color:#fff;text-decoration:none;font-size:.8rem;padding:.5rem;transition:all .3s ease-in-out;background-color:rgba(var(--primary-color),.5);border-radius:var(--border-radius);box-shadow:var(--box-shadow);display:flex;align-items:center;gap:.5rem}main .header .widgets-content:hover{background-color:rgba(var(--primary-color),.8)}main section{background-color:rgba(var(--secondary-color),.6);color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:5px solid rgba(var(--primary-color),.8);border-radius:var(--border-radius);box-shadow:0 5px 15px #000c;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1rem;margin:1rem;width:fit-content;max-width:min(100% - 2rem,1000px)}main section article{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:1rem;width:100%}main section article a{color:#fff}main section article .music{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;flex-wrap:wrap}main section article .music iframe{padding:0 1rem;height:450px;width:100%;max-width:660px;min-width:300px;overflow:hidden;background:transparent;border:none}main section article.intro{margin-top:1rem}main section article.intro .avatar{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem}main section article.intro .avatar .name{flex-direction:column;justify-content:center;gap:0}main section article.intro .avatar .name h1{font-size:2rem;line-height:1rem}main section article.intro .avatar img{border-radius:50%;width:100px;height:100px}main section article.intro .avatar .decoration{position:absolute;border-radius:50%;transform:scale(1.2);pointer-events:none}main section article .icons{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%}main section article .icons a{color:#fff;font-size:1.5rem}main section article .icons a:hover{transform:scale(1.1);transition:transform .5s}main section article #stats{max-width:100%}main section article.bio{max-width:75%;line-height:1.75rem}main section footer{display:flex;align-items:center;justify-content:center;margin-top:2rem;font-size:1rem;width:100%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1d2a38}::-webkit-scrollbar-thumb{background:#2f3e4e;border-radius:10px}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:.9;--rt-transition-show-delay:.15s;--rt-transition-closing-delay:.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute;z-index:-1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:max-content}.styles-module_arrow__K0L3T{height:var(--rt-arrow-size);width:var(--rt-arrow-size)}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}.age{background-color:#3a3a3a;padding:0 .25rem;border-radius:.25rem}body.light .age{background-color:#b1b1b1}.lanyard{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;column-gap:2.5rem;row-gap:1.5rem;margin-left:1rem;margin-right:1rem;padding:1rem}.lanyard.centered{width:fit-content}.lanyard.centered .activity{justify-content:left!important;margin:0!important;width:100%;max-width:350px;display:block;background-color:var(--box-bg);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:1rem!important}.lanyard.centered .activity .activity-info{flex-direction:row!important;height:100%}.lanyard.centered .activity .activity-info .activity-image{margin-right:15px!important;margin-left:0!important}.lanyard.centered .activity .activity-info *{text-align:left!important}@media screen and (max-width: 500px){.lanyard.centered .activity{width:100%;max-width:300px}.lanyard.centered .activity-info-text{width:200px!important}.lanyard.centered .activity-info-text-name{text-overflow:ellipsis}}.lanyard .activity{width:400px;z-index:0;display:flex;justify-content:center;background-color:var(--box-bg);border-radius:var(--border-radius);box-shadow:0 5px 10px #0009;padding:1rem}.lanyard .activity:has(.activity-info-progress){min-height:118px}.lanyard .activity:nth-child(odd):not(:only-child){justify-content:left;margin-right:auto;padding-right:0}.lanyard .activity:nth-child(2n){justify-content:right;margin-left:auto;padding-left:0}.lanyard .activity:nth-child(2n) .activity-info{flex-direction:row-reverse}.lanyard .activity:nth-child(2n) .activity-info .activity-image{margin-right:0;margin-left:15px}.lanyard .activity:nth-child(2n) .activity-info *{text-align:right}.lanyard .activity .activity-info{position:relative;display:flex;flex-direction:row;align-items:center;font-size:.75rem}.lanyard .activity .activity-info *{text-align:left}.lanyard .activity .activity-info .activity-image{margin-right:15px;margin-top:5px;width:auto;height:auto;position:relative}.lanyard .activity .activity-info .activity-image .activity-image-large{width:80px;height:80px;border-radius:10px;object-fit:cover}.lanyard .activity .activity-info .activity-image .activity-image-large.unknown{filter:invert(1)}.lanyard .activity .activity-info .activity-image .activity-image-small{position:absolute;top:60px;right:-5px;width:30px;height:30px;border-radius:50%;margin-left:-26px;margin-bottom:-8px;background-color:var(--accent, #1d2a38);transition:background-color .5s linear}.lanyard .activity .activity-info .activity-image .activity-image-small.no-large{top:0;right:0;width:80px;height:80px;border:solid .5px var(--border-color);border-radius:10px;margin-left:0;margin-bottom:0}.lanyard .activity .activity-info .activity-image .activity-image-emoji{font-size:3.5rem}.lanyard .activity .activity-info .activity-info-progress{position:sticky;width:100%;margin:10px 0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;transition:background-color .5s linear!important}.lanyard .activity .activity-info .activity-info-progress-bar{width:100%;height:2px;background-color:#000;border-radius:5px;margin-left:7px;margin-right:7px;overflow:hidden;transition:background-color .5s linear}.lanyard .activity .activity-info .activity-info-progress-bar-container{position:relative;width:100%;height:100%}.lanyard .activity .activity-info .activity-info-progress-bar-fill{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;border-radius:5px;transition:background-color .5s linear}.lanyard .activity .activity-info .activity-info-text{color:#e0e0e0;line-height:1;font-size:.85rem;width:275px;text-wrap:nowrap;transition:color .5s linear}.lanyard .activity .activity-info .activity-info-text.has-timestamp{margin-top:-6px}.lanyard .activity .activity-info .activity-info-text-name svg{color:unset;transition:color .5s linear;top:2px;position:relative}.lanyard .activity .activity-info .activity-info-text-name span{color:unset;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:15px;margin:7px 0;padding-left:.5rem;transition:color .5s linear}.lanyard .activity .activity-info .activity-info-text-details,.lanyard .activity .activity-info .activity-info-text-state{color:#ccc;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:15px;margin:7px 0;transition:inherit}.lanyard .activity .activity-info .activity-info-text a{margin:0;display:inline-block;max-width:100%}.placeholder-text{color:#e0e0e0;font-style:italic;transition:color .5s linear}body.light .date-widget,body.light .time-widget{box-shadow:0 5px 10px #0000001f!important}body.light .lanyard .activity-info-text{color:#333!important}body.light .lanyard .activity-info-text-name span,body.light .lanyard .activity-info-text-name svg{color:#000!important}body.light .lanyard .activity-info-text-details,body.light .lanyard .activity-info-text-state{color:#333!important}body.light .lanyard .activity-info-progress-bar{background-color:#f3f3f3!important}body.light .lanyard .activity-info-progress-bar-fill{background-color:#000!important}body.light .placeholder-text{color:#333}.stack{display:flex;flex-direction:column}.stack>*{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1rem}.stack>*.list{border:1px solid var(--primary-color);padding:1rem;margin-bottom:1rem;background-color:var(--box-bg);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.stack>* .icon{width:1.5rem;height:1.5rem}.stack>* .icon:hover{transform:scale(1.1);transition:transform .5s}body.light .stack>*.list{border:1px solid black}.stats{display:flex;justify-content:space-between;margin-top:20px;padding:0 20px}.stats-wrapper{width:100%;max-width:500px}.stats-body{display:flex;justify-content:space-between;width:100%}.stats-body-item{display:flex;flex-direction:column;align-items:center;padding:10px;border-radius:5px;flex:1}.stats-body-item-title{font-size:1.2rem;font-weight:700;margin-bottom:10px}@media screen and (max-width: 600px){.stats-wrapper{display:flex;align-items:center;flex-direction:column}.stats-body{flex-direction:column;gap:1.5rem;width:80%}.stats-body-item{flex-direction:row;gap:1rem;width:100%;padding:0}.stats-body-item *{margin:0}.stats-body-item p{margin-left:auto}}
