html,body{height:100%}.dashboard-page{width:100%;max-width:100vw;height:100%;display:flex;overflow-x:hidden}.dropdown-top{cursor:pointer;justify-content:space-between;align-items:center;width:100%;display:flex}.dropdown-top .dropdown-arrow{width:15px;transition:transform .25s ease-in-out}.dropdown-top .dropdown-arrow.rotate{transform:rotate(180deg)}.sidebar-dropdown{flex-direction:column;gap:5px;display:flex}.sidebar-dropdown .sidebar-dropdown-icon{width:17px}.dropdown-bottom{border-radius:10px;flex-direction:column;max-height:0;transition:max-height .25s linear;display:flex;overflow:hidden}.dropdown-bottom.active{max-height:167px}.dropdown-bottom .dropdown-content{border:1.5px solid #252525;border-radius:10px;width:100%;overflow:hidden}.dropdown-bottom .dropdown-content :last-child{border-bottom:none}.dropdown-bottom .sidebar-tab-fill{cursor:pointer;background-color:#191919;border-bottom:1px solid #ffffff1a;justify-content:flex-start;align-items:center;gap:15px;height:55px;padding:0 15px;transition:background-color .15s ease-in;display:flex}.dropdown-bottom .sidebar-tab-fill:hover{background-color:#252525}.nav-bottom{flex-direction:column;gap:10px;display:flex}.dashboard-nav{top:0;border-right:1px solid #ffffff1a;flex-flow:column;flex-basis:300px;justify-content:space-between;align-items:stretch;min-width:300px;height:100dvh;padding:20px 15px;display:flex;position:sticky;inset:0%}.dashboard-nav .nav-top{flex-direction:column;row-gap:20px;display:flex}.dashboard-nav .nav-top .sidebar-tabs{grid-column-gap:35px;grid-row-gap:35px;background-color:#0e0e0e;border:1px solid #ffffff1a;border-radius:10px;flex-flow:column;padding:20px;transition:border-color .25s ease-in-out;display:flex}.dashboard-nav .nav-top .sidebar-tabs:hover{border-color:#ffffff26}.dashboard-nav .nav-top .sidebar-tabs .sidebar-tab{cursor:pointer;justify-content:flex-start;align-items:center;column-gap:20px;height:35px;text-decoration:none;display:flex}@media (max-width:950px){.dashboard-nav{flex-basis:250px}}.log-out{color:#fff;cursor:pointer;background-color:#0e0e0e;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;height:55px;font-family:Host Grotesk,sans-serif;font-size:15px;font-weight:500;transition:border-color .15s ease-in;display:flex}.log-out.black{background-color:#000}.log-out:hover{border-color:#ffffff26}.dashboard-nav-mobile{display:none;position:relative}.dashboard-nav-mobile .nav-top{justify-content:space-between;width:100%;padding:10px 10px 0 25px;display:flex}.dashboard-nav-mobile .dropdown-popup{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;background-color:#070707bf;border-left:1px solid #ffffff1a;flex-direction:column;justify-content:space-between;row-gap:25px;width:350px;height:100dvh;padding:22.5px 25px 25px 30px;transition:transform .3s ease-in;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(350px)}.dashboard-nav-mobile .dropdown-popup.visible{transition:transform .3s ease-out}@media (max-width:350px){.dashboard-nav-mobile .dropdown-popup{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;padding:22.5px 25px 25px}}.dashboard-nav-mobile .sidebar-tabs{grid-column-gap:35px;grid-row-gap:35px;flex-flow:column;display:flex}.dashboard-nav-mobile .sidebar-tabs .sidebar-tab{cursor:pointer;justify-content:flex-start;align-items:center;column-gap:20px;height:35px;text-decoration:none;display:flex}.nav-logo{grid-column-gap:15px;align-items:center;padding-left:5px;text-decoration:none;display:flex}.menu{cursor:pointer;-webkit-tap-highlight-color:#0000;-webkit-user-select:none;user-select:none;z-index:1001;transition:transform .5s;position:relative}.menu .menu-line{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;transition:stroke-dasharray .5s,stroke-dashoffset .5s}.menu .top{stroke-dasharray:40 160}.menu .middle{stroke-dasharray:40 142;transform-origin:50%;transition:transform .35s}.menu .bottom{stroke-dasharray:40 85;transform-origin:50%;transition:transform .35s,stroke-dashoffset .5s}.active .top{stroke-dashoffset:-64px}.active .middle{transform:rotate(90deg)}.active .bottom{stroke-dashoffset:-64px}.menu-rotate.active{transform:rotate(45deg)}.discord-button{background-color:#2f3fef;border:2px solid #5865f2;border-radius:12px;justify-content:center;align-items:center;gap:15px;height:55px;padding:20px 10px;font-size:15px;text-decoration:none;transition:background-color .15s ease-in;display:flex}.discord-button:hover{background-color:#5865f2}.discord-button{cursor:pointer}@media (max-width:910px){.dashboard-page{flex-direction:column;display:flex}.dashboard-nav{display:none}.sidebar-dropdown{gap:10px}.dashboard-nav-mobile{display:block}}@media (max-width:425px){.dashboard-nav-mobile .nav-top{padding:10px 5px 0 15px}}
.dashboard-tab{flex-direction:column;gap:25px;width:100%;max-width:1440px;display:flex}.nav-tabs{flex-wrap:wrap;gap:10px;display:flex}.nav-tabs .nav-tab{cursor:pointer;background-color:#0e0e0e;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:15px;height:50px;padding:0 20px;transition:border-color .25s ease-in-out;display:flex}@media (max-width:600px){.nav-tabs .nav-tab{flex:1;justify-content:center}}.nav-tabs .nav-tab.active,.nav-tabs .nav-tab:hover{border:1px solid #ffffff26}.nav-tabs .nav-tab .tab-icon{width:16px}.tab-container{flex:1;width:100%;height:fit-content;padding:35px 50px}@media (max-width:1000px){.tab-container{gap:15px;padding:20px 25px}}@media (max-width:425px){.tab-container{padding:15px}}.default-tab,.biolink-styles-tab{flex-direction:column;gap:15px;width:100%;max-width:1100px;display:flex}.settings-tab{flex-direction:column;align-items:flex-start;gap:15px;width:100%;max-width:1100px;display:flex}.check-toggle{cursor:pointer;background-color:#191919;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:15px;height:55px;padding:0 20px;transition:border-color .25s ease-in-out;display:flex}.check-toggle.dark{background-color:#0e0e0e}.check-toggle:hover{border:1px solid #ffffff26}.check-toggle .toggle-check{width:20px}.save-button{color:#fff;cursor:pointer;background-color:#000;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:15px;height:50px;padding:0 20px;font-family:Host Grotesk,sans-serif;font-size:15px;transition:border-color .25s ease-in-out;display:flex}.save-button:hover{border-color:#ffffff26}.line{background-color:#ffffff1a;width:1px;height:35px}
@media (max-width:575px){.tab-top{flex-direction:column;align-items:flex-start}.tab-top .tab-info{justify-content:space-between;align-items:center;width:100%}.tab-top .tab-info .line{display:none}.tab-top .open-link{background-color:#0e0e0e;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;gap:25px;width:100%;height:50px;padding:0 20px;transition:border-color .25s ease-in-out;display:flex}.tab-top .open-link:hover{border-color:#ffffff26}}.dashboard-tab{flex:1}.tab-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 25px;display:flex}.tab-top .tab-info{flex-wrap:wrap;align-items:center;gap:10px 25px;padding:0 2.5px;display:flex}@media (max-width:575px){.tab-top .tab-info{justify-content:space-between;align-items:center;width:100%}.tab-top .tab-info .line{display:none}}.tab-top .open-link{align-items:center;gap:15px;text-decoration:none;display:flex}@media (max-width:575px){.tab-top .open-link{background-color:#0e0e0e;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;gap:25px;width:100%;height:50px;padding:0 20px;transition:border-color .25s ease-in-out;display:flex}.tab-top .open-link:hover{border-color:#ffffff26}.tab-top{flex-direction:column;align-items:flex-start}}.views-dropdown-menu{outline-offset:-1px;cursor:pointer;z-index:999;background-color:#0e0e0e;border:1px solid #ffffff1a;border-radius:10px;outline-color:#ffffff1a;flex:none;justify-content:space-between;align-items:center;gap:15px;min-width:100px;height:45px;padding:10px 15px;transition:border-color .25s ease-in-out;display:flex;position:relative}.views-dropdown-menu .dropdown-arrow{width:10px;transition:transform .25s ease-in-out}.views-dropdown-menu .dropdown-arrow.rotate{transform:rotate(180deg)}.views-dropdown-menu.active{border-bottom-right-radius:0;border-bottom-left-radius:0}.views-dropdown-menu:hover{border:1px solid #ffffff26}.views-dropdown-menu .dropdown-container{z-index:999;background-color:#0e0e0e;border-bottom-right-radius:10px;border-bottom-left-radius:10px;flex-direction:column;width:calc(100% + 2px);max-height:0;transition:max-height .25s ease-in-out;display:flex;position:absolute;top:44px;left:-1px;overflow:hidden}.views-dropdown-menu .dropdown-container.show{z-index:9999;border:1px solid #ffffff1a;border-top:none;max-height:150px;display:flex}.views-dropdown-menu .timeframe-name{cursor:pointer;border-bottom:1px solid #ffffff1a;padding:10px 15px;transition:background-color .15s}.views-dropdown-menu .timeframe-name:hover{background-color:#191919}.views-dropdown-menu .dropdown-content{flex-direction:column;display:flex;overflow:hidden}.views-dropdown-menu .dropdown-content :last-child{border-bottom:none}.user-dashboard{flex-wrap:wrap;justify-content:space-between;gap:10px;padding-bottom:50px;display:flex}.user-dashboard .link-views{background-color:#0e0e0e;background-image:url(/images/dashboard/views-bg.svg);background-position:50%;background-repeat:repeat;background-size:contain;border:1px solid #ffffff1a;border-radius:10px;flex-flow:column;flex:3;justify-content:space-between;align-items:stretch;width:100%;min-width:500px;max-width:730px;height:auto;display:flex;position:relative;overflow:hidden}@media (max-width:1350px){.user-dashboard .link-views{max-width:none}}@media (max-width:850px){.user-dashboard .link-views{min-width:400px}}@media (max-width:550px){.user-dashboard .link-views{min-width:100%}}.user-dashboard .link-views .view-header{z-index:99;background-color:#191919;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:10px 25px;display:flex;position:relative}@media (max-width:950px){.user-dashboard .link-views .view-header{padding:15px 20px}}.user-dashboard .link-views .view-settings{align-items:center;gap:15px;display:flex}.user-dashboard .link-views .view-count{gap:10px;display:flex}.user-dashboard .info-card{background-color:#0e0e0e;border:1px solid #ffffff1a;border-radius:10px;flex-flow:column;gap:10px;min-width:425px;padding:15px;display:flex}@media (max-width:480px){.user-dashboard .info-card{min-width:100%}}.user-dashboard .info-card .update-text{background-color:#191919;border:1px solid #ffffff1a;border-radius:10px;justify-content:flex-start;align-items:center;gap:10px;min-height:55px;padding:15px;text-decoration:none;transition:border-color .25s ease-in-out;display:flex}.user-dashboard .info-card .update-text:hover{border-color:#ffffff26}.user-dashboard .info-card .update-text .-s14{padding-top:2px}.user-dashboard .info-card .quick-link{cursor:pointer;background-color:#191919;border:1px solid #ffffff1a;border-radius:10px;justify-content:flex-start;align-items:center;gap:15px;padding:20px;text-decoration:none;transition:border-color .25s ease-in-out,background-color .25s ease-in-out;display:flex}.user-dashboard .info-card .quick-link:hover{background-color:#252525;border-color:#ffffff26}.user-dashboard .user-dashboard-right{flex-direction:column;flex:2;gap:10px;display:flex}
.chart{z-index:0;position:relative}.tooltip{box-sizing:border-box;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--stroke);z-index:1;background-color:#00000040;border-radius:5px;justify-content:center;align-items:center;height:35px;padding:0 15px;display:flex}.tooltip :only-child{margin:0}.recharts-surface{top:0;left:0}
.biolink-dashboard{flex-direction:column;gap:15px;display:flex}@media (max-width:950px){.link-nav{flex-wrap:wrap}.link-nav .link-nav-tab{flex:1;justify-content:center}}
.alert-popup{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#00000080;border-bottom:1px solid #ffffff1a;justify-content:center;align-items:center;gap:20px;width:100%;height:75px;padding:0 20px;animation:.3s ease-in forwards slideDown;display:flex;position:absolute;top:-75px;left:50%;transform:translate(-50%)}.alert-popup .alert-icon{width:25px;height:25px}.alert-popup.success{background-color:#00ff6280;border-bottom:1px solid #00ff62}.alert-popup.error{background-color:#ff303f80;border-bottom:1px solid #ff303f}.alert-popup.hide{animation:.3s ease-out forwards slideUp}@keyframes slideDown{0%{top:-75px}to{top:0}}@keyframes slideUp{0%{top:0}to{top:-75px}}
.profile-form{flex-wrap:wrap;align-items:flex-end;gap:20px 15px;width:100%;display:flex}@media (max-width:700px){.profile-form{row-gap:15px}}.profile-form .input{min-width:300px}@media (max-width:445px){.profile-form .input{min-width:200px}}.profile-form .input-icon{background-color:#0e0e0e;border:1px solid #ffffff1a;border-right:none;border-top-left-radius:12px;border-bottom-left-radius:12px;justify-content:center;align-items:center;width:55px;height:55px;display:flex}.profile-form .image-preview{flex-wrap:wrap;flex:1;align-items:flex-end;gap:10px;min-width:300px;display:flex}@media (max-width:495px){.profile-form .image-preview{min-width:200px}}.profile-form .image-preview .image-display{aspect-ratio:1;background-color:#0e0e0e;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.profile-form .image-preview .image-display .preview-image{object-fit:cover;width:100%;height:100%;max-height:100%}.profile-form .image-input-container{flex-direction:column;flex:1;justify-content:flex-end;gap:7.5px;display:flex}.profile-form .image-upload{display:flex}.profile-form .image-upload .upload-button{color:#fff;cursor:pointer;background-color:#000;border:1px solid #ffffff1a;border-right:none;border-radius:10px 0 0 10px;flex:1;justify-content:space-between;align-items:center;gap:25px;height:55px;padding:0 20px;font-family:Host Grotesk,sans-serif;font-size:15px;transition:border-color .25s ease-in-out;display:flex}.profile-form .image-upload .upload-button:hover{border:1px solid #ffffff26;border-right:none}.profile-form .image-upload .image-name{color:#fff;text-wrap:nowrap;background-color:#000;border:1px solid #ffffff1a;border-left:none;border-right:none;flex:1;align-items:center;width:55px;height:55px;padding:0 15px;display:flex;overflow:hidden}.profile-form .image-upload .image-name span{white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:14px;overflow:hidden}@media (max-width:495px){.profile-form .image-upload .image-name{display:none}.profile-form .image-upload .upload-button{flex:1;justify-content:space-between;padding:0 20px 0 15px}.profile-form .image-upload .upload-button:hover{border-right:1px solid #ffffff26}.profile-form .image-upload .image-preview{min-width:0!important}}.profile-form .image-input{display:none}.profile-form .bio{flex-basis:100%}.profile-form textarea{height:100px}.profile-form .badges-container{flex-wrap:wrap;gap:10px;display:flex}.profile-form .badges-container .badge-card{background-color:#0e0e0e;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;flex:1;min-width:325px;display:flex}@media (max-width:720px){.profile-form .badges-container .badge-card{min-width:100%}}.profile-form .badges-container .badges-header{border-bottom:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 15px;padding:15px;display:flex}.profile-form .badges-container .badges-header .title{align-items:center;gap:15px;display:flex}.profile-form .badges-container .badges{flex-wrap:wrap;gap:10px;padding:15px;display:flex}.profile-form .badges-container .badge{cursor:pointer;background-color:#191919;border:2px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;transition:border-color .25s ease-in-out;display:flex}.profile-form .badges-container .badge .badge-image{height:30px}.profile-form .badges-container .badge{position:relative}.profile-form .badges-container .badge .badge-hover{background-color:#0e0e0e;border:1px solid #ffffff1a;border-radius:7.5px;padding:8px 12px;font-size:12px;animation-name:badge-hover;animation-duration:.35s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;position:absolute;top:-20px;box-shadow:0 0 10px #00000040}.profile-form .badges-container .badge:hover{border-color:#ffffff26}.profile-form .badges-container .badge.enabled{border:2px solid #00e1ff}@keyframes badge-hover{0%{opacity:0;top:-25px}to{opacity:1;top:-38px}}.profile-form .link-slug{flex:1;display:flex}.profile-form .link-slug .slug-holder{background-color:#0e0e0e;border:1px solid #ffffff1a;border-right-width:0;border-top-left-radius:10px;border-bottom-left-radius:10px;justify-content:flex-start;align-items:center;height:55px;padding-left:20px;padding-right:20px;display:flex}.profile-form .link-slug .link-tag{border-top-left-radius:0;border-bottom-left-radius:0;flex:1;min-width:0!important}.profile-form .link-slug input{border-top-left-radius:0;border-bottom-left-radius:0;flex:1}@media (min-width:1370px){.profile-form .input{min-width:425px}}
.loading-spinner{border:5px solid #0e0e0e;border-top-color:#252525;border-radius:50%;width:20px;height:20px;animation:.9s linear infinite spin}.loading-spinner.bg-dark-secondary{border-color:#191919}.loading-spinner.bg-transparent{border-color:#0000}.loading-spinner.bg-dark{border-color:#0e0e0e}.loading-spinner.white{border-top-color:#fff}.loading-spinner.dark{border-top-color:#0e0e0e}.loading-spinner.blue{border-top-color:#00f}.loading-spinner.red{border-top-color:#ff303f}.loading-spinner.dark-secondary{border-top-color:#191919}.loading-spinner.dark-secondary-light{border-top-color:#303030}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}