.rank-chart-modal{color:var(--color-text);overflow:visible!important;padding:var(--spacing-3);text-align:left}.rank-chart-modal-buttons{margin:0 calc(var(--spacing-1)*-1)}.rank-chart-modal-buttons>*{flex:1;font-weight:600;margin:0 var(--spacing-1)}@media (min-width:992px){.rank-chart-modal-buttons{margin:0 -var(--spacing-2)}.rank-chart-modal-buttons>*{margin:0 var(--spacing-2)}}.rank-chart-modal-content{background-color:var(--color-background-shade-base);border-radius:3px;box-shadow:0 20px 60px -2px rgba(27,33,58,.4);display:flex;flex-direction:column;max-height:calc(100vh - var(--spacing-3)*2);padding:var(--spacing-3) 20px var(--spacing-3) 30px;position:relative}.rank-chart-modal-content .chart-box{flex:1 1 auto;overflow:hidden}.rank-chart-modal-content .chart-box>*{max-height:100%}.rank-chart-content-container{box-sizing:content-box;max-width:100%;padding-left:var(--spacing-4)}.rank-chart-content-container canvas{max-width:100%}.rank-chart-modal-heading{font-size:.8125rem;font-weight:600;left:var(--spacing-2);margin:0;position:absolute;text-transform:uppercase;top:50%;transform:rotate(-90deg) translate(-50%,-50%);transform-origin:0 0}.rank-chart-modal-top{padding-bottom:var(--spacing-3);position:relative}.rank-chart-modal-top .overall-rank,.rank-chart-modal-top .profession-rank{text-shadow:1px 1px rgb(var(--color-background-shade-base) .5)}.rank-chart-modal-top .overall-rank{font-size:1.25rem;line-height:1.5;margin:0}.rank-chart-modal-top .profession-rank{font-size:1rem;line-height:1.88;margin:0}.rank-chart-modal-period{align-items:center;bottom:var(--spacing-4);display:flex;font-size:.875rem;font-weight:600;line-height:1.5;margin:0;position:absolute;right:0}.rank-chart-modal-period span{background-color:var(--color-background-shade-base);border-radius:3px;box-shadow:0 20px 60px -2px rgba(27,33,58,.4);padding:var(--spacing-2) var(--spacing-3)}.rank-chart-modal-period span:last-child{order:2}.rank-chart-modal-period:before{background-color:var(--color-text-dark);content:"";height:2px;margin:0 var(--spacing-2);order:1;width:var(--spacing-3)}.rank-chart-modal__loader{padding-bottom:3px}.rank-chart-modal__loader svg.icon-refresh{margin-left:-15px}.dashboard-nav{height:70px;left:0;position:relative}.dashboard-nav,.dashboard-nav .list-container{background-color:var(--color-background-shade4);border-bottom:3px solid var(--color-background-shade0)}.dashboard-nav .list-container{transform:translateY(0);transition:transform var(--transition-speed)}@media (min-width:768px){.dashboard-nav .list-container{border-bottom:none}}@media (min-width:1200px){.dashboard-nav .list-container .list{margin-left:145px!important;padding-left:var(--spacing-4)}}.dashboard-nav .list-container .list li{border-left:1px solid var(--color-background-shade2);font-size:.875rem;order:3}.dashboard-nav .list-container .list li:first-child{order:1}@media (min-width:992px){.dashboard-nav .list-container .list li:last-child{border-right:1px solid var(--color-background-shade2)}}.dashboard-nav .list-container .list li .a{padding:0 calc(var(--spacing-2)*1.5)}@media (min-width:568px){.dashboard-nav .list-container .list li .a{padding:0 var(--spacing-3)}}@media (min-width:768px){.dashboard-nav .list-container .list li .a{padding-left:var(--spacing-3)}}.dashboard-nav .list-container .list li a:hover{background-color:var(--color-background-shade4);color:inherit}.light-mode .dashboard-nav .list-container .list li a:hover{background-color:hsl(calc(var(--color-background-shade-base-h)) calc(var(--color-background-shade-base-s)) calc(var(--color-background-shade-base-l) + 15)/1)}@media (max-width:991px){.dashboard-nav .list-container .list li.disabled{order:4}}.dashboard-nav .list-container .list li.active{border-bottom:3px solid var(--color-primary);position:relative}.dashboard-nav .list-container .list li.active a{color:var(--color-primary);font-weight:700}@media (min-width:768px){.dashboard-nav{overflow:hidden}}.dashboard-header-nav{margin-top:0}.dashboard-header-nav--disabled{cursor:not-allowed}.dashboard-header-nav nav .views{margin-right:var(--spacing-2)}.dashboard-header-nav #vue-subject-rank-chart{cursor:pointer}.dashboard-header-nav .mobile-social-bar{min-height:61px}@media (min-width:768px){.dashboard-header-nav .mobile-social-bar{min-height:auto}}.dashboard-header-nav .header-nav-mobile-lineheight{line-height:1.1}.dashboard-header-nav .dashboard-image-small{border:2px solid var(--color-white);border-radius:8px;height:45px;min-width:45px;overflow:hidden;width:45px}.dashboard-header-nav--subject{border-radius:50%}.dashboard-header-nav .header-rating .rating .vue-star-rating{align-items:flex-start}.dashboard-header-nav .mobile-only-ratings{border-bottom:2px solid var(--color-background-shade4)}@media (min-width:0px){.dashboard-header-nav .dashboard-header .font-size-sm{font-size:3vw}}@media (min-width:568px){.dashboard-header-nav .dashboard-header .font-size-sm{font-size:.875rem}}@media (min-width:768px){.dashboard-header-nav .dashboard-header .h5{font-size:2rem}}@media (min-width:1200px){.dashboard-header-nav .dashboard-header{height:145px;padding-top:30px}}.dashboard-header-nav .dashboard-header .dashboard-image-container{bottom:0;height:45px;min-width:45px;position:relative;transition:transform var(--transition-speed);width:45px;z-index:3005}@media (min-width:768px){.dashboard-header-nav .dashboard-header .dashboard-image-container{height:80px;width:80px}}@media (min-width:1200px){.dashboard-header-nav .dashboard-header .dashboard-image-container{height:145px;width:145px}}.dashboard-header-nav .dashboard-header .dashboard-image-container .dashboard-image-large{border:2px solid var(--color-white);border-radius:8px;display:block;height:100%;overflow:hidden;width:100%}@media (min-width:768px){.dashboard-header-nav .dashboard-header .dashboard-image-container .dashboard-image-large{border:3px solid var(--color-white)}}.dashboard-header-nav .dashboard-header .dashboard-image-container .dashboard-image-large--subject{border-radius:50%}.dashboard-header-nav .dashboard-header .dashboard-image-container .dashboard-status-icon{bottom:0;font-size:2.4rem;position:absolute;right:-24px}.dashboard-header-nav .dashboard-header .header-content{color:var(--color-dropdown);justify-content:flex-start}.dashboard-header-nav .dashboard-header--channel{background-size:cover;color:var(--color-dropdown);height:100px;padding:24px var(--spacing-2) 0 var(--spacing-2);position:relative}@media (min-width:768px){.dashboard-header-nav .dashboard-header--channel{height:150px;padding:37px var(--spacing-3) 0 var(--spacing-3)}}@media (min-width:1200px){.dashboard-header-nav .dashboard-header--channel{height:232px;padding-top:115px}}.dashboard-header-nav .dashboard-header--channel a{color:var(--color-dropdown)!important}.dashboard-header-nav .dashboard-header--channel .dashboard-image-container,.dashboard-header-nav .dashboard-header--channel .header-content{color:var(--color-dropdown);z-index:1}.dashboard-header-nav .dashboard-header--channel:before{background-color:var(--color-background-shade4);content:"";inset:0;opacity:.8;position:absolute}.dashboard-header-nav .dashboard-nav{background-color:var(--color-background-shade4);border-bottom:3px solid var(--color-background-shade0);height:70px;left:0;position:relative}@media (min-width:768px){.dashboard-header-nav .dashboard-nav{overflow:hidden}}.dashboard-header-nav .live-cam button{background:transparent;border:.5px solid var(--color-border);border-radius:3px;color:var(--color-white);font-size:14px;letter-spacing:.5px;line-height:1.29;padding:5px 10px}.dashboard-header-nav .live-cam button i{color:var(--color-success);font-size:8px;margin:0 4px;vertical-align:middle}.dashboard-header-nav .sticky-dashboard-details{background-color:var(--color-background-shade2);bottom:0;display:none;left:0;top:0;transform:translateY(-100%);transition:transform var(--transition-speed);width:100%;z-index:3030}@media (min-width:768px){.dashboard-header-nav .sticky-dashboard-details{background:none;transform:translateY(0);width:auto;z-index:0}}.dashboard-header-nav .sticky-dashboard-details-inner{transform:translateY(0);transition:transform var(--transition-speed)}@media (min-width:768px){.dashboard-header-nav .sticky-dashboard-details-inner{transform:translateY(150%)}}.dashboard-header-nav.headroom--not-top{padding-bottom:68px}@media (max-width:767px){.filter-sidebar-active .dashboard-header-nav.headroom--not-top{display:none}}.dashboard-header-nav.headroom--not-top .list-container{transform:translateY(100%)}@media (min-width:768px){.dashboard-header-nav.headroom--not-top .list-container{transform:translateY(0)}}.dashboard-header-nav.headroom--not-top .sticky-name{display:inline-block;font-size:1rem;max-width:170px;overflow:hidden;text-overflow:ellipsis}.dashboard-header-nav.headroom--not-top .sticky-dashboard-details{display:flex!important;transform:translateY(0);z-index:3030}@media (min-width:768px){.dashboard-header-nav.headroom--not-top .sticky-dashboard-details-inner{transform:translateY(0)}}.dashboard-header-nav.headroom--not-top .dashboard-nav{left:0;position:fixed;right:0;top:49.7px;transition:all .2s ease-in-out;z-index:3030}@media (min-width:992px){.dashboard-header-nav.headroom--not-top .dashboard-nav{padding-left:75px}}@media (max-width:649px){.dashboard-header-nav.headroom--not-top .dashboard-nav .sticky-dashboard-details{background:var(--color-background-shade0)}.sidebar-active .dashboard-header-nav.headroom--not-top .dashboard-nav,.sidebar-active .dashboard-header-nav.headroom--not-top .dashboard-nav .list-container,.sidebar-active .dashboard-header-nav.headroom--not-top .dashboard-nav .sticky-dashboard-details{display:none!important}}@media (min-width:768px){.dashboard-header-nav.headroom--not-top .dashboard-nav{left:75px;top:94px;z-index:3010}.sidebar-active .dashboard-header-nav.headroom--not-top .dashboard-nav{left:230px}}@media (min-width:768px) and (max-width:767px){.dashboard-header-nav.headroom--not-top .dashboard-nav .sticky-dashboard-details{position:relative!important}.dashboard-header-nav.headroom--not-top .dashboard-nav .list-container .disabled{display:none!important}.dashboard-header-nav.headroom--not-top .dashboard-nav .list-container i,.dashboard-header-nav.headroom--not-top .dashboard-nav .list-container svg{display:block!important}}@media (min-width:1366px){.sidebar-active .dashboard-header-nav.headroom--not-top .dashboard-nav{left:230px}}@media (min-width:992px){.dashboard-header-nav.headroom--not-top .list{margin-left:145px!important}}.dashboard-header-nav .global-header p{line-height:1.5}.dashboard-header-nav .global-header:not(:first-child){padding-left:var(--spacing-2)}@media (min-width:992px){.dashboard-header-nav .global-header:not(:first-child){padding-left:var(--spacing-3)}}@media (min-width:1366px){.dashboard-header-nav .global-header:not(:first-child){padding-left:var(--spacing-4)}}@media (min-width:2000px){.dashboard-header-nav .global-header:not(:first-child){padding-left:var(--spacing-5)}}@media (min-width:568px){.dashboard-header-nav .global-header:not(:last-child){border-right:1px solid var(--color-border);padding-right:var(--spacing-2)}@media (min-width:992px){.dashboard-header-nav .global-header:not(:last-child){padding-right:var(--spacing-3)}}@media (min-width:1366px){.dashboard-header-nav .global-header:not(:last-child){padding-right:var(--spacing-4)}}@media (min-width:2000px){.dashboard-header-nav .global-header:not(:last-child){padding-right:var(--spacing-5)}}}.official-link .icon-home{margin-top:-2px}@media (max-width:767px){.header-follower{background:var(--color-background-shade1);border-left:1px solid var(--color-background-shade1);box-shadow:-3px 0 6px var(--color-background-shade1)}.light-mode .header-follower{border-left:1px solid var(--color-background-shade2)}}.vue-star-rating-star{opacity:.8;transition:all .2s ease-in-out}.rating:hover .vue-star-rating-star,.user-rated .vue-star-rating-star{opacity:1}.vue-star-rating-rating-text{margin-top:1px!important}.vue-star-rating{margin-top:-3px}.social-sharing-container{position:relative}.social-sharing-container .share-buttons-container{bottom:-var(--spacing-2);max-width:0;opacity:0;overflow:hidden;padding:var(--spacing-2) 0;position:absolute;right:100%;top:-var(--spacing-2);transition:max-width var(--transition-speed),opacity var(--transition-speed),padding var(--transition-speed)}.social-sharing-container .share-buttons-container .social-icons{cursor:pointer;flex-shrink:0;float:left;height:30px;width:30px}.social-sharing-container .share-buttons-container .social-icons+.social-icons{margin-left:var(--spacing-2)}.social-sharing-container.show .share-buttons-container{max-width:300px;opacity:1;padding:var(--spacing-2)}.vue-user-favorite:hover .btn-primary{border-color:var(--color-primary)}.social-share{border:2px solid var(--color-dropdown);border-radius:50%;cursor:pointer;height:30px;width:30px}.social-share .share-toggle{font-size:1.2rem}.social-share:hover{border-color:var(--color-primary);color:var(--color-primary)}