.skeleton-container{position:relative;width:100%;padding-top:56.25%;perspective:100px}.skeleton-container .skeleton{position:absolute;inset:0;display:flex;contain:layout style paint;border:1px solid var(--divider);border-radius:var(--radius);background:var(--bg);contain:strict;box-shadow:0 12px 48px #0000001a}.skeleton-container .skeleton .sidebar,.skeleton-container .skeleton .skeleton-widgets{width:11em}.skeleton-container .skeleton .skeleton-widgets{border:0;border-left:1px solid var(--divider);border-radius:0}.skeleton-container .skeleton .sidebar{background:var(--navBg);box-sizing:border-box;padding:1.5em 1em}.skeleton-container .skeleton .sidebar>img{display:block;margin-inline:auto;margin-bottom:20px;border-radius:30%;width:25%;padding-bottom:25%;height:0}.skeleton-container .skeleton .sidebar>a{width:100%;display:block;padding:.5em .8em;display:flex;align-items:center;gap:.7em;border-radius:100px;min-width:40%;transition:background .4s,transform .2s}.skeleton-container .skeleton .sidebar>a>*{transition:transform 1s}.skeleton-container .skeleton .sidebar>a svg{height:1em;min-width:1em}.skeleton-container .skeleton .sidebar>a:nth-child(1):after{width:48%}.skeleton-container .skeleton .sidebar>a:nth-child(2):after{width:58%}.skeleton-container .skeleton .sidebar>a:nth-child(3):after{width:47%}.skeleton-container .skeleton .sidebar>a:nth-child(4):after{width:69%}.skeleton-container .skeleton .sidebar>a:nth-child(5):after{width:52%}.skeleton-container .skeleton .sidebar>a:nth-child(6):after{width:80%}.skeleton-container .skeleton .sidebar>a:nth-child(7):after{width:47%}.skeleton-container .skeleton .sidebar>a:nth-child(8):after{width:16%}.skeleton-container .skeleton .sidebar>a:nth-child(9):after{width:63%}.skeleton-container .skeleton .sidebar>a:nth-child(10):after{width:66%}.skeleton-container .skeleton .sidebar>a>span{font-size:.75em;color:var(--navFg);opacity:.8;font-weight:700}.skeleton-container .skeleton .sidebar>a:after{height:.4em}.skeleton-container .skeleton .sidebar>a.active,.skeleton-container .skeleton .sidebar>a:hover{background:var(--accentedBg)}.skeleton-container .skeleton .sidebar>a.active span,.skeleton-container .skeleton .sidebar>a:hover span{opacity:1;color:inherit}.skeleton-container .skeleton .sidebar>a.active:after,.skeleton-container .skeleton .sidebar>a:hover:after{background:var(--accent);opacity:1}.skeleton-container .skeleton .sidebar>a:hover{transform:scale(1.05);filter:drop-shadow(2px 4px 24px var(--accent))}.skeleton-container .skeleton .sidebar>a:hover>*{transform:scale(1.1) translate(-2px,-2px);transition:transform .05s}.skeleton-container .skeleton .sidebar>a:hover>span{transform:scale(1.05) translate(-2px,-1.5px)}.skeleton-container .skeleton .center{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:5%;width:50%;flex-grow:1;font-weight:700;color:var(--accent)}.skeleton-container.small .skeleton{font-size:.7em}.skeleton-container.small .skeleton .sidebar svg{display:none}.skeleton-container.small .skeleton .sidebar,.skeleton-container.small .skeleton .skeleton-widgets{width:unset;flex-grow:5;max-width:10em;min-width:5em}.skeleton-container.small .skeleton .sidebar a:after{content:"";min-width:60%;height:.5em;background:var(--navFg);opacity:.8;border-radius:100px;mask:linear-gradient(to right,#000,rgba(0,0,0,.8));-webkit-mask:linear-gradient(to right,#000,rgba(0,0,0,.8));transition:opacity .2s,background .2s}.skeleton-container.small .skeleton .clock>div:first-child{display:none}.skeleton-container.small .skeleton .center{font-size:1.5em}.skeleton-container.small .skeleton .widget:hover .lines:not(.header),.skeleton-container.small .skeleton .widget:hover :before,.skeleton-container.small .skeleton .widget:hover :after{transform:scale(1.01) translate(-.5px,-.5px)!important}.skeleton-container .columns{display:flex;flex-grow:3;width:100%}.skeleton-container .columns .skeleton-widgets{width:100%!important;max-width:unset!important;border:0}.skeleton-container .columns>div{width:20%;flex-grow:1;border-left:1px solid var(--divider)}.skeleton-container .columns p{margin-bottom:0;color:var(--accent);font-weight:800}.skeleton-container .header,.skeleton-widgets .header{position:relative;min-height:26px;background:var(--panelHeaderBg);border-bottom:solid .5px var(--panelHeaderDivider);display:flex;justify-content:space-between;padding:11px 12px 10px}.skeleton-container .header:after,.skeleton-widgets .header:after{width:10%}.skeleton-widgets{border-left:1px solid var(--divider);padding:10px;background:var(--acrylicBg);border-radius:var(--radius);border:1px solid var(--divider);max-width:300px}.skeleton-widgets .widget{background:var(--panel);border-radius:var(--radius-med);min-height:5em;margin-bottom:1em;overflow:hidden;transition:transform .2s,background .7s}.skeleton-widgets .widget .lines:not(.header),.skeleton-widgets .widget :before,.skeleton-widgets .widget :after{transition:transform 1s}.skeleton-container:not(.small) .skeleton-widgets .widget:hover{transform:scale(1.02) translate(-1px,-2px)}.skeleton-container:not(.small) .skeleton-widgets .widget:hover .lines:not(.header),.skeleton-container:not(.small) .skeleton-widgets .widget:hover :before,.skeleton-container:not(.small) .skeleton-widgets .widget:hover :after{transform:scale(1.01) translate(-2px,-2px);filter:drop-shadow(2px 4px 4px var(--accentDarken));transition:transform .05s}.skeleton-widgets .widget.clock{display:flex;align-items:center;padding:1em;gap:1em;min-height:unset}.skeleton-widgets .widget.clock>:first-child{background:var(--accent);height:2.5em;width:2.5em;border-radius:40%;opacity:.5}.skeleton-widgets .widget.clock>:last-child{display:flex;flex-direction:column;align-content:center;gap:.8em;flex-grow:2}.skeleton-widgets .widget:last-child{min-height:900px}.lines{position:relative;display:flex;justify-content:space-between;width:100%;min-height:4px;gap:10%}.lines:before,.lines:after{content:"";background:var(--accent);border-radius:100px;flex-grow:1;mask:linear-gradient(to right,#000,rgba(0,0,0,.8));-webkit-mask:linear-gradient(to right,#000,rgba(0,0,0,.8))}.lines:nth-last-child(1):before{flex-grow:1.5}.lines:nth-last-child(2):before{flex-grow:3}.lines:nth-last-child(3):before{flex-grow:4.5}.lines:nth-child(2n):after{flex-grow:5}.small .skeleton-widgets>:nth-child(1),.small .skeleton .sidebar>:nth-child(1){animation:fadeUp .7s .1s backwards cubic-bezier(0,0,0,1);transition-delay:.05s}.small .skeleton-widgets>:nth-child(2),.small .skeleton .sidebar>:nth-child(2){animation:fadeUp .7s .2s backwards cubic-bezier(0,0,0,1);transition-delay:.1s}.small .skeleton-widgets>:nth-child(3),.small .skeleton .sidebar>:nth-child(3){animation:fadeUp .7s .3s backwards cubic-bezier(0,0,0,1);transition-delay:.15s}.small .skeleton-widgets>:nth-child(4),.small .skeleton .sidebar>:nth-child(4){animation:fadeUp .7s .4s backwards cubic-bezier(0,0,0,1);transition-delay:.2s}.small .skeleton-widgets>:nth-child(5),.small .skeleton .sidebar>:nth-child(5){animation:fadeUp .7s .5s backwards cubic-bezier(0,0,0,1);transition-delay:.25s}.small .skeleton-widgets>:nth-child(6),.small .skeleton .sidebar>:nth-child(6){animation:fadeUp .7s .6s backwards cubic-bezier(0,0,0,1);transition-delay:.3s}.small .skeleton-widgets>:nth-child(7),.small .skeleton .sidebar>:nth-child(7){animation:fadeUp .7s .7s backwards cubic-bezier(0,0,0,1);transition-delay:.35s}.small .skeleton-widgets>:nth-child(8),.small .skeleton .sidebar>:nth-child(8){animation:fadeUp .7s .8s backwards cubic-bezier(0,0,0,1);transition-delay:.4s}