.widget-bottom.spotify{flex-direction:column;gap:15px;display:flex}.widget-bottom.spotify.show{max-height:108px}@media (max-width:1090px) and (min-width:910px){.widget-bottom.spotify.show{max-height:160px}}@media (max-width:600px){.widget-bottom.spotify.show{max-height:215px}}@media (max-width:750px){.widget-bottom.spotify.show{max-height:250px}}@media (max-width:600px){.widget-bottom.spotify .check-toggle{justify-content:space-between;width:100%}}.spotify-input{flex-wrap:wrap;gap:5px;display:flex}.spotify-input .text-input{min-width:250px}@media (max-width:1090px) and (min-width:910px){.spotify-input .text-input{min-width:100%}.spotify-input .check-toggle{flex:1;justify-content:space-between}}@media (max-width:750px){.spotify-input .text-input{min-width:100%}.spotify-input .check-toggle{justify-content:space-between;width:100%}}
.soundcloud-input{flex-wrap:wrap;gap:5px 10px;display:flex}@media (max-width:550px){.soundcloud-input{flex-direction:column}}
.id-display{background-color:#0e0e0e;border:1px solid #ffffff1a;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;height:55px;padding:0 20px;display:flex}@media (max-width:425px){.id-display{gap:5px;height:auto;min-height:50px;padding:10px 15px}}.delete-roblox{color:#fff;cursor:pointer;background-color:#ff303f;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:100%;height:50px;transition:background-color .5s,border .5s;display:flex}.delete-roblox:hover{background-color:#0e0e0e;border:1px solid #ff303f}.roblox-info{background-color:#191919;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden}.roblox-info .info-bottom{flex-direction:column;gap:5px;padding:15px;display:flex}.roblox-info .account-info-header{border-bottom:1px solid #ffffff1a;align-items:center;gap:15px;width:100%;height:50px;padding:0 15px;display:flex}@media (max-width:425px){.roblox-info .account-info-header{gap:15px;height:auto;min-height:50px;padding:10px 15px}}.roblox-info .account-info-header .text{font-size:16px;font-weight:700}.connect-roblox{cursor:pointer;background-color:#e32124;border:2px solid #d5080b;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;width:100%;min-height:55px;padding:0 15px;text-decoration:none;transition:background-color .5s;display:flex}.connect-roblox .left{align-items:center;gap:15px;display:flex}.connect-roblox img{width:auto;height:20px}.connect-roblox:hover{background-color:#d5080b}
.widget-dropdown-content.discord-server{flex-direction:column;gap:10px;display:flex}.widget-dropdown-content.discord-server .discord-server-loading{z-index:2;opacity:0;background-color:#191919;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s ease-in-out;display:none;position:absolute}.widget-dropdown-content.discord-server .discord-server-loading.active{opacity:1;display:flex}.widget-dropdown-content.discord-server .server-container{position:relative}.widget-dropdown-content.discord-server .discord-server-form{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:550px){.widget-dropdown-content.discord-server .discord-server-form{flex-direction:column}}.widget-dropdown-content.discord-server #save-discord-server{column-gap:15px}
.biolink-widgets{flex-flow:column;align-self:stretch;gap:10px 25px;width:100%;max-width:1250px;height:auto;display:flex}.biolink-widgets .account-info-header{border-bottom:1px solid #ffffff1a;align-items:center;gap:15px;width:100%;height:60px;padding:0 15px;display:flex}@media (max-width:425px){.biolink-widgets .account-info-header{gap:15px;height:auto;min-height:50px;padding:10px 15px}}.biolink-widgets .connected-icon{background-color:#0e0e0e;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.biolink-widgets .widget-dropdown{background-color:#0e0e0e;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;transition:border-color .25s ease-in-out;display:flex;position:relative}.biolink-widgets .widget-dropdown:hover{border-color:#ffffff26}.biolink-widgets .widget-dropdown .widget-icon{width:22px;height:auto}.biolink-widgets .widget-dropdown .widget-top-title{cursor:pointer;cursor:pointer;justify-content:space-between;align-self:stretch;align-items:center;padding:20px;display:flex}@media (max-width:910px){.biolink-widgets .widget-dropdown .widget-top-title{padding:20px 15px}}.biolink-widgets .widget-dropdown .widget-top-title .widget-name{justify-content:flex-start;align-items:center;gap:20px;padding-left:2.5px;display:flex}.biolink-widgets .widget-dropdown .widget-top-title .widget-arrow{transition:transform .35s ease-in-out;transform:rotate(0)}.biolink-widgets .widget-dropdown .widget-top-title .widget-arrow.rotate{transform:rotate(180deg)}.biolink-widgets .widget-dropdown .text-input{flex:1}.biolink-widgets .widget-dropdown .widget-button{cursor:pointer;color:#fff;background-color:#191919;border:1px solid #ffffff1a;border-radius:12px;flex:none;justify-content:center;align-items:center;height:55px;padding:0 25px;font-family:Host Grotesk,sans-serif;font-size:15px;transition:border-color .25s ease-in-out;display:flex}.biolink-widgets .widget-dropdown .widget-button img{object-fit:contain;width:15px;height:15px}.biolink-widgets .widget-dropdown .widget-button:hover{border-color:#ffffff26}.biolink-widgets .widget-dropdown .widget-button.delete{width:55px;padding:0}.biolink-widgets .widget-dropdown .widget-button.save,.biolink-widgets .widget-dropdown .widget-button.save-small{column-gap:15px}@media (max-width:1090px) and (min-width:910px){.biolink-widgets .widget-dropdown .widget-button.add-social{flex-basis:100%}.biolink-widgets .widget-dropdown .widget-button.save{flex:1;min-width:200px}}@media (max-width:750px){.biolink-widgets .widget-dropdown .widget-button.add-social{flex-basis:100%}.biolink-widgets .widget-dropdown .widget-button.save{flex:1;min-width:150px}}@media (max-width:910px){.biolink-widgets .widget-dropdown .widget-button.save{min-width:100px}}.biolink-widgets .widget-bottom{flex-flow:column;align-self:stretch;max-height:0;padding-left:20px;padding-right:20px;transition:max-height .25s ease-in-out,padding .25s ease-in;display:flex;overflow:hidden}.biolink-widgets .widget-bottom .widget-dropdown-content{flex-direction:column;gap:10px;padding-bottom:20px;display:flex}@media (max-width:910px){.biolink-widgets .widget-bottom .widget-dropdown-content{padding-bottom:15px}.biolink-widgets .widget-bottom{padding:0 15px}}.biolink-widgets .widget-bottom.overflow{overflow:visible}.biolink-widgets .dropdown-menu{outline-offset:-1px;cursor:pointer;z-index:999;background-color:#191919;border:1px solid #ffffff1a;border-radius:10px;outline-color:#ffffff1a;flex:none;justify-content:space-between;align-items:center;gap:15px;width:200px;min-width:180px;height:55px;padding:0 15px;transition:border-color .25s ease-in-out;display:flex;position:relative}.biolink-widgets .dropdown-menu .dropdown-arrow{width:12px;transition:transform .2s ease-in-out}.biolink-widgets .dropdown-menu .dropdown-arrow.rotate{transform:rotate(180deg)}.biolink-widgets .dropdown-menu .dropdown-image{width:20px}.biolink-widgets .dropdown-menu.active{border-bottom-right-radius:0;border-bottom-left-radius:0}.biolink-widgets .dropdown-menu.small{width:200px}.biolink-widgets .dropdown-menu.grey{z-index:998;background-color:#0e0e0e}.biolink-widgets .dropdown-menu:hover{border:1px solid #ffffff26}.biolink-widgets .dropdown-menu .dropdown-container{background-color:#191919;border-bottom-right-radius:10px;border-bottom-left-radius:10px;flex-direction:column;width:calc(100% + 1.5px);height:0;transition:height .25s ease-in-out;display:flex;position:absolute;top:54px;left:-.6px;overflow:hidden;box-shadow:0 5px 25px #000}.biolink-widgets .dropdown-menu .dropdown-container.dark{background-color:#0e0e0e}.biolink-widgets .dropdown-menu .dropdown-container.show{border:1px solid #ffffff1a;border-top:none;height:144px;display:flex}.biolink-widgets .dropdown-menu .dropdown-content{scrollbar-color:#ffffff1a #191919;scrollbar-width:auto;flex-direction:column;display:flex;overflow:hidden auto}.biolink-widgets .dropdown-menu .dropdown-content::-webkit-scrollbar-track{background-color:#191919}.biolink-widgets .dropdown-menu .dropdown-content::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:8px}.biolink-widgets .dropdown-menu .dropdown-content :last-child{border-bottom:none}
.preview-tab{flex-direction:column;display:flex}.preview-container{background-color:#000;border:1px solid #ffffff1a;border-bottom-right-radius:20px;border-bottom-left-radius:20px;flex-direction:column;min-height:50vh;display:flex;overflow:hidden}.preview-container .biolink-container{flex:1;padding:50px 20px}@media (max-width:480px){.preview-container .biolink-container{padding:20px 10px}}.tabs{background-color:#0e0e0e;border:1px solid #ffffff1a;border-bottom:none;border-top-left-radius:12px;border-top-right-radius:12px;height:40px;display:inline-flex}.tabs :last-child{border-right:none}.tab{border-right:1px solid #ffffff1a;align-items:center;gap:10px;min-width:150px;height:100%;padding:0 15px;display:flex}.tab .favicon-preview{object-fit:contain;width:16px;height:16px}@media (max-width:400px){.tab{min-width:100px}}.browser-url{background-color:#0e0e0e;border-top:1px solid #ffffff1a;border-left:1px solid #ffffff1a;border-right:1px solid #ffffff1a;border-top-right-radius:10px;align-items:center;padding-right:5px;display:flex}.browser-url .buttons{gap:20px;padding:15px;display:flex}.browser-url .url{background-color:#000;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:5px;width:100%;padding:3px 5px;display:flex}.browser-url .url .lock-icon{background-color:#000;border-radius:50px;justify-content:center;align-items:center;width:25px;height:25px;padding:5px;display:flex}