@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root{--clr-light: #ffffff;--clr-dark: #111111;--clr-white: #eeeeee;--clr-black: #222222;--clr-dirt: #dddddd;--clr-dust: #808080;--clr-smoke: #333333;--clr-green-50: #f1fcf5;--clr-green-100: #defaea;--clr-green-200: #bff3d5;--clr-green-300: #8ee7b5;--clr-green-400: #55d38d;--clr-green-500: #2bae66;--clr-green-600: #209957;--clr-green-700: #1d7846;--clr-green-800: #1c5f3b;--clr-green-900: #194e32;--clr-green-950: #082b1a;--clr-blue-50: #eff9ff;--clr-blue-100: #def1ff;--clr-blue-200: #b6e5ff;--clr-blue-300: #75d2ff;--clr-blue-400: #2cbcff;--clr-blue-500: #00a5f9;--clr-blue-600: #0082d4;--clr-blue-700: #0067ab;--clr-blue-800: #00578d;--clr-blue-900: #064974;--clr-blue-950: #042e4d;--clr-orange: #ffa500;--clr-red: #ff3131}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif;font-optical-sizing:auto}img,svg{max-width:100%;max-height:100%;display:block;-webkit-user-select:none;user-select:none}input:disabled{cursor:not-allowed}.dark-theme{--clr-light: #111111;--clr-dark: #ffffff;--clr-white: #222222;--clr-black: #eeeeee;--clr-dirt: #333333;--clr-smoke: #dddddd;--clr-green-50: #082b1a;--clr-green-100: #194e32;--clr-green-200: #1c5f3b;--clr-green-300: #1d7846;--clr-green-400: #209957;--clr-green-500: #2bae66;--clr-green-600: #55d38d;--clr-green-700: #8ee7b5;--clr-green-800: #bff3d5;--clr-green-900: #defaea;--clr-green-950: #f1fcf5;--clr-blue-50: #042e4d;--clr-blue-100: #064974;--clr-blue-200: #00578d;--clr-blue-300: #0067ab;--clr-blue-400: #0082d4;--clr-blue-500: #00a5f9;--clr-blue-600: #2cbcff;--clr-blue-700: #75d2ff;--clr-blue-800: #b6e5ff;--clr-blue-900: #def1ff;--clr-blue-950: #eff9ff}.container{width:100%;padding-left:1rem;padding-right:1rem}.section{min-height:calc(100svh - 2.5rem)}.dropdown{position:relative;display:flex;flex-direction:column;align-items:center}.dropdown-options{position:absolute;background-color:var(--clr-light);padding:.5rem;top:125%;border-radius:.25rem;box-shadow:1px 1px 4px var(--clr-dirt)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:color 0s 999999999s,background-color 0s 999999999s}@media only screen and (min-width: 640px){.container{padding-left:2rem;padding-right:2rem}.section{min-height:calc(100svh - 3rem)}}@media only screen and (min-width: 1024px){.container{padding-left:3rem;padding-right:3rem}}@media only screen and (min-width: 1440px){.container{padding-left:4.5rem;padding-right:4.5rem}}@media only screen and (min-width: 1536px){.container{padding-left:6rem;padding-right:6rem}}.navbar{position:sticky;z-index:100;top:0;height:2.5rem;display:flex;align-items:center;justify-content:space-between;background-color:var(--clr-light);border-bottom:1px solid var(--clr-white);box-shadow:0 1px 4px #32323233}.navbar__logo{height:1.5rem}.navbar__menu{display:flex;align-items:center}.navbar__menulist-pc{list-style:none;display:none;align-items:center;gap:.5rem}.navbar__menulist-mp{list-style:none;display:flex;align-items:center;gap:.25rem}.navbar__link{position:relative;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--clr-dark);font-variant:small-caps;text-transform:uppercase;padding:.25rem 1rem;font-size:.875rem;font-weight:500;transition:all .25s ease-out}.navbar__link:hover{background-color:var(--clr-dirt);background-position:left}.navbar__link:after{position:absolute;flex-shrink:0;background-color:var(--clr-blue-600);content:"";bottom:-.7rem;height:.15rem;width:0%;box-shadow:-1px -1px 8px var(--clr-blue-600);transition:width .25s}.navbar__link.active:after{width:100%}.navbar__iconlink{text-decoration:none;color:var(--clr-blue-900);transition:all .15s}.navbar__iconlink:hover{color:var(--clr-blue-700)}.navbar__icon{width:1.5rem;height:1.5rem}@media only screen and (min-width: 640px){.navbar{height:3rem}.navbar__logo{height:2rem}.navbar__menulist-mp{display:none}.navbar__menulist-pc{display:flex}}@media only screen and (min-width: 768px){.navbar__menulist-pc{gap:1rem}.navbar__link{font-size:1rem}.navbar__link:after{height:.2rem;bottom:-.63rem}}.btn{background-color:var(--btn-clr);color:var(--clr-dark);font-weight:500;outline:none;display:flex;align-items:center;justify-content:center;width:fit-content;gap:.5rem;padding:.25rem 1rem;border-radius:.25rem;cursor:pointer;transition:all .1s}.btn-icon{width:1.5rem}.signin-btn{border:1.5px solid var(--clr-green-600)}.signin-btn:hover{color:var(--clr-light);background-color:var(--clr-green-600)}.signup-btn{color:var(--clr-light);background-color:var(--clr-green-600);border:1.5px solid var(--clr-green-600)}.signup-btn:hover{color:var(--clr-dark);background-color:var(--btn-clr);border:1.5px solid var(--clr-green-600)}.theme-btn{padding:0;border:none}.menu-btn{height:1.5rem;width:1.5rem;padding:0;border:none}.hero-btn{text-wrap:nowrap;color:var(--clr-light);border:1.5px solid var(--clr-blue-600);background-color:var(--clr-blue-600)}.hero-btn:hover{color:var(--clr-dark);background-color:var(--clr-light)}.hero-btn-icon{min-width:2rem;width:2rem}.cancel-btn{text-wrap:nowrap;color:var(--clr-light);border:1.5px solid var(--clr-blue-600);background-color:var(--clr-blue-600)}.cancel-btn:hover{color:var(--clr-dark);background-color:transparent}.auth-btn{text-wrap:nowrap;color:var(--clr-light);border:1.5px solid var(--clr-green-600);background-color:var(--clr-green-600)}.auth-btn:hover{color:var(--clr-dark);background-color:transparent}.user-avatar{border-radius:1rem;border:1.5px solid var(--clr-dust);color:var(--clr-smoke)}.logout-btn{background-color:var(--clr-orange);border:1.5px solid var(--clr-orange);color:var(--clr-light)}.logout-btn:hover{background-color:transparent;color:var(--clr-orange)}.edit-btn{align-self:center;color:var(--clr-light);background-color:var(--clr-green-600);border:1.5px solid var(--clr-green-600)}.edit-btn:hover{color:var(--clr-dark);background-color:transparent}.card__menu-btn{position:relative;z-index:-1;width:1.8rem;height:1.8rem;padding:.3rem;border-radius:.25rem;border:none;transition:all .15s}.card__menu-btn:hover{background-color:#80808033}.addlink-btn{display:none;gap:.2rem;text-wrap:nowrap;color:var(--clr-dark);background-color:transparent;border:1.5px solid var(--clr-blue-600)}.addlink-btn:hover{color:var(--clr-light);background-color:var(--clr-blue-600)}.addlink-btn-mp{position:sticky;top:calc(100% - 3.5rem);border:none;color:var(--clr-light);background:var(--clr-blue-600);background:linear-gradient(135deg,var(--clr-blue-600) 0%,var(--clr-green-600) 100%);border-radius:100%;padding:.5rem;transition:all .15s}.addlink-icon-mp{height:1.5rem;width:1.5rem}.addlink-btn-mp:hover{background:linear-gradient(135deg,var(--clr-blue-400) 0%,var(--clr-green-400) 100%)}.sharelink-btn{gap:.2rem;text-wrap:nowrap;color:var(--clr-light);background-color:var(--clr-green-600);border:1.5px solid var(--clr-green-600)}.sharelink-btn:hover{color:var(--clr-dark);background-color:transparent}.addlink-icon,.sharelink-icon,.edit-icon{width:1.2rem;height:1.2rem}.delete-btn{border:1.5px solid var(--clr-red);background-color:var(--clr-red)}.copy-btn{text-wrap:nowrap;color:var(--clr-light);border:1.5px solid var(--clr-green-600);background-color:var(--clr-green-600)}.copy-btn:hover{color:var(--clr-dark);background-color:transparent}.copy-icon{flex-shrink:0;width:1.3rem;height:1.3rem}@media only screen and (min-width: 640px){.btn-icon{width:2rem}.menu-btn{height:2rem;width:2rem}}@media only screen and (min-width: 1024px){.btn{background-color:var(--btn-clr);color:var(--clr-dark);font-weight:500;outline:none;display:flex;align-items:center;justify-content:center;width:fit-content;gap:.5rem;padding:.25rem 1rem;border-radius:.25rem;cursor:pointer;transition:all .1s}.btn-icon{width:1.5rem}.signin-btn{border:1.5px solid var(--clr-green-600)}.signin-btn:hover{color:var(--clr-light);background-color:var(--clr-green-600)}.signup-btn{color:var(--clr-light);background-color:var(--clr-green-600);border:1.5px solid var(--clr-green-600)}.signup-btn:hover{color:var(--clr-dark);background-color:var(--btn-clr);border:1.5px solid var(--clr-green-600)}.theme-btn{padding:0;border:none}.menu-btn{height:1.5rem;width:1.5rem;padding:0;border:none}.hero-btn{text-wrap:nowrap;color:var(--clr-light);border:1.5px solid var(--clr-blue-600);background-color:var(--clr-blue-600)}.hero-btn:hover{color:var(--clr-dark);background-color:var(--clr-light)}.hero-btn-icon{min-width:2rem;width:2rem}.cancel-btn{text-wrap:nowrap;color:var(--clr-light);border:1.5px solid var(--clr-blue-600);background-color:var(--clr-blue-600)}.cancel-btn:hover{color:var(--clr-dark);background-color:transparent}.auth-btn{text-wrap:nowrap;color:var(--clr-light);border:1.5px solid var(--clr-green-600);background-color:var(--clr-green-600)}.auth-btn:hover{color:var(--clr-dark);background-color:transparent}.user-avatar{border-radius:1rem;border:1.5px solid var(--clr-dust);color:var(--clr-smoke)}.logout-btn{background-color:var(--clr-orange);border:1.5px solid var(--clr-orange);color:var(--clr-light)}.logout-btn:hover{background-color:transparent;color:var(--clr-orange)}.edit-btn{align-self:center;color:var(--clr-light);background-color:var(--clr-green-600);border:1.5px solid var(--clr-green-600)}.edit-btn:hover{color:var(--clr-dark);background-color:transparent}.card__menu-btn{width:1.8rem;height:1.8rem;padding:.3rem;border-radius:.25rem;border:none;transition:all .15s}.card__menu-btn:hover{background-color:#80808033}.addlink-btn{display:flex;gap:.2rem;text-wrap:nowrap;color:var(--clr-dark);background-color:transparent;border:1.5px solid var(--clr-blue-600)}.addlink-btn:hover{color:var(--clr-light);background-color:var(--clr-blue-600)}.addlink-btn-mp{display:none}.sharelink-btn{gap:.2rem;text-wrap:nowrap;color:var(--clr-light);background-color:var(--clr-green-600);border:1.5px solid var(--clr-green-600)}.sharelink-btn:hover{color:var(--clr-dark);background-color:transparent}.addlink-icon,.sharelink-icon,.edit-icon{width:1.2rem;height:1.2rem}.delete-btn{border:1.5px solid var(--clr-red);background-color:var(--clr-red)}.copy-btn{text-wrap:nowrap;color:var(--clr-light);border:1.5px solid var(--clr-green-600);background-color:var(--clr-green-600)}.copy-btn:hover{color:var(--clr-dark);background-color:transparent}.copy-icon{flex-shrink:0;width:1.3rem;height:1.3rem}}.home{padding-left:0;padding-right:0;padding-top:3rem;display:flex;flex-direction:column;gap:3rem;background-color:var(--clr-light)}.hero{padding-left:1rem;padding-right:1rem;min-height:calc(100svh - 5rem);display:flex;flex-direction:column;align-items:center;gap:2rem}.hero__container{width:100%;display:flex;flex-direction:column;gap:1rem}.hero__title{color:var(--clr-dark);font-size:2rem;font-weight:500}.hero__header{color:var(--clr-dark);font-size:1.5rem;font-weight:500}.hero__text{color:var(--clr-dark);font-size:1rem}.hero__imgcontainer{display:flex;align-items:center;justify-content:center;max-width:45%;padding-left:10%;padding-right:10%;object-fit:contain}@media only screen and (min-width: 640px){.hero{padding-left:2rem;padding-right:2rem}}@media only screen and (min-width: 768px){.hero{flex-direction:row;justify-content:space-between}.hero__container{width:45%}.hero__imgcontainer{display:flex}}@media only screen and (min-width: 1024px){.hero{padding-left:3rem;padding-right:3rem}.hero__title{font-size:3rem}.hero__header{font-size:2.25rem}.hero__text{font-size:1.125rem}}@media only screen and (min-width: 1440px){.hero{padding-left:4.5rem;padding-right:4.5rem}.hero__title{font-size:4rem}.hero__header{font-size:2.75rem}.hero__text{font-size:1.5rem}}@media only screen and (min-width: 1536px){.hero{padding-left:6rem;padding-right:6rem}.hero__title{font-size:4.5rem}.hero__header{font-size:3rem}.hero__text{font-size:1.5rem}}.footer{padding:1rem;background-color:var(--clr-blue-50);display:flex;flex-direction:column;align-items:center}.footer__text{color:var(--clr-blue-950);text-decoration:none;width:fit-content;font-size:1rem;font-weight:500}@media only screen and (min-width: 640px){.footer{padding-left:2rem;padding-right:2rem}}@media only screen and (min-width: 768px){.footer{flex-direction:column}}@media only screen and (min-width: 1024px){.footer{padding-left:3rem;padding-right:3rem}}@media only screen and (min-width: 1440px){.footer{padding-left:4.5rem;padding-right:4.5rem}}@media only screen and (min-width: 1536px){.footer{padding-left:6rem;padding-right:6rem}}.dashboard-access{background-color:var(--clr-light);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.dashboard-access-header{text-align:center;color:var(--clr-dark);font-size:clamp(1rem,10vw,3rem);font-weight:500}.dashboard-access-box{display:flex;align-items:center;gap:1rem}.dashboard-access-or{color:var(--clr-dark);font-size:clamp(.75rem,4vw,1.25rem);font-weight:600}.dashboard{padding-left:0;padding-right:0;background-color:var(--clr-light);display:flex;flex-direction:column;position:relative}.dashboard__container{position:relative;min-height:calc(100svh - 2.5rem);background-color:var(--clr-light);z-index:10;width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.dashboard__header{background-color:var(--clr-light);position:sticky;z-index:25;top:2.5rem;width:100%;padding:.75rem 1rem .5rem;display:flex;align-items:center;justify-content:space-between}.dashboard__headerbuttons{display:flex;align-items:center;gap:1rem}.dashboard__title{color:var(--clr-dark)}.dashboard__links{width:100%;padding-left:1rem;padding-right:1rem;display:flex;flex-direction:column;gap:1rem}@media only screen and (min-width: 640px){.dashboard-access{background-color:var(--clr-light);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.dashboard-access-header{text-align:center;color:var(--clr-dark);font-size:clamp(1rem,10vw,3rem);font-weight:500}.dashboard-access-box{display:flex;align-items:center;gap:1rem}.dashboard-access-or{color:var(--clr-dark);font-size:clamp(.75rem,4vw,1.25rem);font-weight:600}.dashboard{padding-left:0;background-color:var(--clr-light);display:flex;flex-direction:row;position:relative}.dashboard__container{min-height:calc(100svh - 3rem);width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.dashboard__header{padding-top:1.25rem;padding-top:1rem;top:3rem;width:100%;display:flex;align-items:center;justify-content:space-between}.dashboard__headerbuttons{display:flex;align-items:center;gap:1rem}.dashboard__title{color:var(--clr-dark)}.dashboard__links{width:100%;display:flex;flex-direction:column;gap:1rem}}@media only screen and (min-width: 1024px){.dashboard-access{background-color:var(--clr-light);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.dashboard-access-header{text-align:center;color:var(--clr-dark);font-size:clamp(1rem,10vw,3rem);font-weight:500}.dashboard-access-box{display:flex;align-items:center;gap:1rem}.dashboard-access-or{color:var(--clr-dark);font-size:clamp(.75rem,4vw,1.25rem);font-weight:600}.dashboard{padding-left:0;padding-right:3rem;background-color:var(--clr-light);display:flex;flex-direction:row;position:relative}.dashboard__container{min-height:calc(100svh - 3rem);width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.dashboard__header{padding-top:1.25rem;padding-top:1rem;top:3rem;width:100%;padding-left:10%;padding-right:10%;display:flex;align-items:center;justify-content:space-between}.dashboard__headerbuttons{display:flex;align-items:center;gap:1rem}.dashboard__title{color:var(--clr-dark)}.dashboard__links{width:100%;padding-left:10%;padding-right:10%;display:flex;flex-direction:column;gap:1rem}}.profilebar{display:flex;flex-direction:column;align-items:center;position:sticky;left:0;top:2.5rem;height:calc(100svh - 3rem);width:100%;padding-top:1rem;color:var(--clr-dark)}.profilebar-blob-container{position:relative;width:80%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.profilebar-blob{width:80%;position:absolute}.profilebar-views-count{position:absolute;color:var(--clr-light);font-size:.875rem;font-weight:600}@media only screen and (min-width: 640px){.profilebar{position:sticky;left:0;top:3rem;height:calc(100svh - 3rem);width:40%;padding-top:1rem;color:var(--clr-dark);border-right:1.5px solid var(--clr-white)}.profilebar-blob-container{position:relative;width:80%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.profilebar-blob{width:80%;position:absolute}.profilebar-views-count{position:absolute;color:var(--clr-light);font-size:.875rem;font-weight:600}}@media only screen and (min-width: 1024px){.profilebar{position:sticky;left:0;top:3rem;height:calc(100svh - 3rem);width:36%;padding-top:1rem;color:var(--clr-dark);border-right:1.5px solid var(--clr-white)}.profilebar-blob-container{position:relative;width:80%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.profilebar-blob{width:80%;position:absolute}.profilebar-views-count{position:absolute;color:var(--clr-light);font-size:1.125rem;font-weight:600}}.userprofile{display:flex;flex-direction:column;gap:.75rem;width:100%;padding-left:.5rem;padding-right:.5rem}.userprofile-box{display:flex;gap:1rem}.userprofile-avatar{display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;border-radius:100%;background:linear-gradient(138deg,#00d4ff,#0fb8b0,#209957);color:var(--clr-light);font-size:2rem;font-weight:700}.userprofile-namebox{display:flex;flex-direction:column;justify-content:space-evenly}.userprofile-name{font-size:1.25rem}.userprofile-username{font-size:.875rem;color:var(--clr-dust)}.userprofile-iconbox{display:flex;align-items:center;gap:.5rem}.userprofile-icons{width:1rem;flex-shrink:0;color:var(--clr-black)}.userprofile-bio{text-align:justify;font-size:.875rem}.userprofile-email{overflow-x:hidden;text-overflow:ellipsis;font-size:.875rem}.userprofile-profession{font-size:.875rem}@media only screen and (min-width: 1024px){.userprofile{display:flex;flex-direction:column;gap:.75rem;width:100%;padding-left:1rem;padding-right:1rem}.userprofile-box{display:flex;gap:1rem}.userprofile-avatar{display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;border-radius:100%;background:linear-gradient(138deg,#00d4ff,#0fb8b0,#209957);color:var(--clr-light);font-size:2rem;font-weight:700}.userprofile-namebox{display:flex;flex-direction:column;justify-content:space-evenly}.userprofile-username{color:var(--clr-dust)}.userprofile-iconbox{display:flex;align-items:center;gap:.5rem}.userprofile-icons{width:1rem;color:var(--clr-black)}.userprofile-bio{text-align:justify;font-size:1rem}.userprofile-email,.userprofile-profession{font-size:1.125rem}}.blob{filter:drop-shadow(1px 1px 8px rgba(85,211,142,.502)) drop-shadow(-1px -1px 8px rgba(44,188,255,.502))}.card{padding-right:.5rem;display:flex;align-items:center;width:100%;height:2.5rem;background-color:var(--clr-white);border-radius:.25rem;box-shadow:1px 1px 8px #0000001a;cursor:pointer;transition:all .15s}.card:hover{transform:scale(1.01,1.1);background-color:var(--clr-dirt)}.card__line{height:100%;width:.5rem;border-radius:.25rem 0 0 .25rem;background-color:var(--clr-green-400)}.card:nth-child(2n)>.card__line{background-color:var(--clr-blue-400)}.card:hover>.card__line{background-color:var(--clr-green-600)}.card:nth-child(2n):hover>.card__line{background-color:var(--clr-blue-600)}.card__link{cursor:initial;display:flex;align-items:center;justify-content:flex-start;text-decoration:none;color:var(--clr-dark);height:100%;flex-grow:1;text-align:left;padding:1rem}.card__linktext{cursor:pointer}.card__menu{position:relative;z-index:0;display:flex;align-items:center}.card__menu-options{position:absolute;display:flex;flex-direction:column;right:2rem;z-index:10;background-color:var(--clr-light);color:var(--clr-dark);box-shadow:1px 1px 8px var(--clr-dirt);border-radius:.25rem;padding:.5rem;gap:.25rem}.card__menu-option{border-radius:.25rem;padding:.2rem .3rem}.card__menu-option:hover{background-color:var(--clr-white)}@media only screen and (min-width: 475px){.card{height:3rem}}@media only screen and (min-width: 1024px){.card{height:4rem}}@media only screen and (min-width: 1440px){.card{height:4.5rem}}@media only screen and (min-width: 1536px){.card{height:5.5rem}}.popup{padding:1rem;width:100svw;height:100svh;position:fixed;z-index:100;top:0;left:0;background-color:#2828284d;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.popup__wrapper{padding:.5rem;background-color:var(--clr-white);border-radius:.375rem;box-shadow:1px 1px 4px #6060604d;width:100%}.input-wrapper{width:100%;display:flex;flex-direction:column;gap:.1rem}.error-msg{color:var(--clr-red);font-size:.8rem}.input-error{border-color:var(--clr-red)!important}.auth{padding:.75rem;width:100%;display:flex;flex-direction:column;gap:1rem}.auth-header{align-self:center;font-size:1.25rem;font-weight:600;color:var(--clr-dark)}.auth-container,.auth-form{width:100%;display:flex;flex-direction:column;gap:1rem}.auth-img_container{display:flex;align-items:center;flex-direction:column;justify-content:space-between;width:100%}.auth-img{display:none}.auth-buttons{display:flex;justify-content:center;gap:1rem}.auth-switch-text{font-size:.875rem;color:var(--clr-dark)}.auth-switch{cursor:pointer;color:var(--clr-blue-600);text-decoration:underline}@media only screen and (min-width: 1024px){.popup{padding:1rem;width:100svw;height:100svh;position:fixed;top:0;left:0;background-color:#2828284d;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.popup__wrapper{padding:.5rem;background-color:var(--clr-white);border-radius:.5rem;box-shadow:1px 1px 4px #6060604d;width:50%}.input-wrapper{width:100%;display:flex;flex-direction:column;gap:.1rem}.error-msg{color:var(--clr-red);font-size:.8rem}.input-error{border-color:var(--clr-red)!important}.auth{padding:1rem;width:100%;display:flex;flex-direction:column;gap:1rem}.auth-header{align-self:initial;font-size:1.5rem;color:var(--clr-dark)}.auth-container{width:100%;display:flex;flex-direction:row;gap:1rem}.auth-form{width:60%;display:flex;flex-direction:column;gap:1rem}.auth-img_container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:40%}.auth-img{display:block}.auth-buttons{display:flex;justify-content:initial;gap:1rem}.auth-switch-text{font-size:.875rem;color:var(--clr-dark)}.auth-switch{cursor:pointer;color:var(--clr-blue-600);text-decoration:underline}}.addlink{padding:1rem;width:100%;display:flex;flex-direction:column;gap:1rem}.addlink-header{color:var(--clr-dark)}.addlink-container{width:100%;display:flex;flex-direction:column;gap:1rem}.addlink-buttons{display:flex;gap:1rem}.textinput{position:relative;display:flex;align-items:center;border:1px solid var(--clr-dust);border-radius:.35rem}.textinput-label{font-size:.875rem;position:absolute;left:.5rem;color:var(--clr-smoke);background-color:var(--clr-white);transition:all .2s}.textinput-input{font-size:.8rem;padding:.5rem;flex-grow:1;color:var(--clr-dark);background-color:transparent;border:none;outline:none}.textinput:has(.textinput-input:focus){border-color:var(--clr-blue-700);box-shadow:0 4px 4px -6px var(--clr-blue-700)}.textinput:has(.textinput-input:focus)>.textinput-label,.textinput:has(.textinput-input:not(:placeholder-shown))>.textinput-label{transform:translateY(-100%) scale(.75);transform-origin:left}@media only screen and (min-width: 1024px){.textinput{position:relative;display:flex;align-items:center;border:1px solid var(--clr-dust);border-radius:.35rem}.textinput-label{font-size:1rem;position:absolute;left:.5rem;color:var(--clr-smoke);background-color:var(--clr-white);transition:all .2s}.textinput-input{font-size:.8rem;padding:.5rem;flex-grow:1;color:var(--clr-dark);background-color:transparent;border:none;outline:none}.textinput:has(.textinput-input:focus){border-color:var(--clr-blue-700);box-shadow:0 4px 4px -6px var(--clr-blue-700)}.textinput:has(.textinput-input:focus)>.textinput-label,.textinput:has(.textinput-input:not(:placeholder-shown))>.textinput-label{transform:translateY(-100%) scale(.75);transform-origin:left}}.editlink{padding:1rem;width:100%;display:flex;flex-direction:column;gap:1rem}.editlink-header{color:var(--clr-dark)}.editlink-container{width:100%;display:flex;flex-direction:column;gap:1rem}.editlink-buttons{display:flex;gap:1rem}.deletelink{padding:1rem;width:100%;display:flex;flex-direction:column;gap:1rem}.deletelink-header{color:var(--clr-dark)}.deletelink-container{width:100%;display:flex;flex-direction:column;gap:1rem}.deletelink-buttons{display:flex;gap:1rem}.sharelink{padding:1rem;width:100%;display:flex;flex-direction:column;gap:1rem}.sharelink-header{color:var(--clr-dark)}.sharelink-container{display:flex;align-items:center;gap:1rem}#sharelink-url{cursor:pointer}.sharelink-text{color:var(--clr-green-600);font-size:.8rem}.loader-container{padding:1rem;width:100svw;height:100svh;position:fixed;z-index:100;top:0;left:0;background-color:#2828284d;display:flex;align-items:center;justify-content:center}.loader-wrapper{display:inline-block;width:50px;height:50px;color:#3f51b5;animation:rotate-outer-circle 1.4s linear infinite}.loader-svg{display:block;animation:color-animation 1.4s infinite}.loader-circle{stroke:currentColor;animation:rotate-inner-circle 1.4s ease-in-out infinite;stroke-dasharray:80px,200px;stroke-dashoffset:0}@keyframes rotate-outer-circle{0%{transform-origin:50% 50%}to{transform:rotate(360deg)}}@keyframes rotate-inner-circle{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}@keyframes color-animation{0%{color:#00a5f9}25%{color:#ff3131}50%{color:orange}75%{color:#2bae66}}.share{padding-top:1rem;background-color:var(--clr-light);display:flex;flex-direction:column;align-items:center}.share__avatar{display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;border-radius:100%;background:linear-gradient(138deg,#00d4ff,#0fb8b0,#209957);color:var(--clr-light);font-size:2rem;font-weight:700}.share__username{font-size:clamp(1.125rem,5vw,2.5rem);color:var(--clr-dark)}.share__userprofession{color:var(--clr-dark)}.share__userbio{color:var(--clr-dark);margin-top:.25rem}.share__container{width:100%;display:flex;flex-direction:column;margin-top:1rem;gap:1rem}.share__error{display:flex;align-items:center;justify-content:center}@media only screen and (min-width: 768px){.share__container{width:80%}}@media only screen and (min-width: 1200px){.share__container{width:60%}}.sidebar{position:fixed;z-index:50;top:2.5rem;right:.5rem;padding:1rem;border-radius:.5rem;box-shadow:1px 1px 8px #32323233,-1px -1px 8px #32323233;background-color:var(--clr-light)}.sidebar__menu{display:flex;align-items:center}.sidebar__menulist{list-style:none;display:flex;flex-direction:column;align-items:center;gap:1rem}.sidebar__link{text-decoration:none;color:var(--clr-green-950);font-variant:small-caps;text-transform:uppercase;font-weight:500}@media only screen and (min-width: 640px){.sidebar{display:none}}.passwordinput{position:relative;display:flex;align-items:center;border:1px solid var(--clr-dust);border-radius:.35rem;padding-right:.5rem}.passwordinput-label{font-size:.875rem;position:absolute;left:.5rem;color:var(--clr-smoke);background-color:var(--clr-white);transition:all .2s}.passwordinput-input{font-size:.8rem;padding:.5rem;flex-grow:1;color:var(--clr-dark);background-color:transparent;border:none;outline:none}.passwordinput:has(.passwordinput-input:focus){border-color:var(--clr-blue-700);box-shadow:0 4px 4px -6px var(--clr-blue-700)}.passwordinput:has(.passwordinput-input:focus)>.passwordinput-label,.passwordinput:has(.passwordinput-input:not(:placeholder-shown))>.passwordinput-label{transform:translateY(-100%) scale(.75);transform-origin:left}.passwordinput-icon{cursor:pointer;padding:.3rem;border-radius:100%}@media only screen and (min-width: 1024px){.passwordinput{position:relative;display:flex;align-items:center;border:1px solid var(--clr-dust);border-radius:.35rem;padding-right:.5rem}.passwordinput-label{font-size:1rem;position:absolute;left:.5rem;color:var(--clr-smoke);background-color:var(--clr-white);transition:all .2s}.passwordinput-input{font-size:.8rem;padding:.5rem;flex-grow:1;color:var(--clr-dark);background-color:transparent;border:none;outline:none}.passwordinput:has(.passwordinput-input:focus){border-color:var(--clr-blue-700);box-shadow:0 4px 4px -6px var(--clr-blue-700)}.passwordinput:has(.passwordinput-input:focus)>.passwordinput-label,.passwordinput:has(.passwordinput-input:not(:placeholder-shown))>.passwordinput-label{transform:translateY(-100%) scale(.75);transform-origin:left}.passwordinput-icon{cursor:pointer;padding:.3rem;border-radius:100%}}