@font-face{font-family:mainText;src:url(/assets/PlayfairDisplay-Regular-BzGjw5Te.ttf)}@font-face{font-family:subText;src:url(/assets/AveriaSerifLibre-Regular-CdnlCXdv.ttf)}*{margin:0;padding:0;box-sizing:border-box}#root{overflow-x:hidden;overflow-y:auto}:root{--pri__color: #061324;--sec__color: #0e1f36;--auth__gradient: #17437a;--pri__inter__color: #17437a;--sec__inter__color: #112e53;--pri__highlight: #0d0e16;--pri__highlight__hover: #1e2133;--sec__highlight: #0e1f36;--offset__color: #b79855;--offset__highlight: #caaa63;--error: #a91b1b;--error__message: rgb(248, 192, 192);--error__bar: #cc6262;--shadow: rgba(0, 0, 0, .5);--pri__text: white;--sec__text: #b79855}button{cursor:pointer;border:none}a{text-decoration:none;color:var(--pri__text)}a:hover{text-decoration:underline}body{background:linear-gradient(to bottom,var(--auth__gradient) 5%,var(--pri__color) 100%)}.error{color:var(--error);font-weight:900;font-family:mainText}.error__border{border:2px solid var(--error)!important}.error__border:focus{outline:none!important}.loading{fill:#fff;height:75px;width:75px;animation:loading .5s ease-in-out infinite}.button__loading{fill:#fff;animation:loading .5s ease-in-out infinite}.loading__screen{height:100svh;display:flex;align-items:center;justify-content:center}.grid__loading{grid-column:2 / 3}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login__error{height:100svh;display:flex;align-items:center;justify-content:center;background:linear-gradient(to left,var(--auth__gradient) 0%,var(--pri__color) 100%)}.login__error>div>h1{color:var(--pri__text);margin-bottom:1rem;font-family:mainText}.login__error>div>button{padding:1rem 2rem;font-family:mainText;background-color:var(--offset__color);color:var(--pri__text);font-size:1rem;border-radius:.5rem}.login__error>div>button:hover{background-color:var(--offset__highlight)}.error__message{position:fixed;display:flex;align-items:center;justify-content:center;padding:0 1%;bottom:5%;left:50%;transform:translate(-50%,-5%);width:45%;min-width:18rem;height:5rem;background-color:var(--error__message);border:1px solid var(--error);border-radius:1rem;z-index:6!important}.error__message>div.loading__bar{position:absolute;top:5%;left:50%;transform:translate(-50%,-5%);height:.125rem;background-color:var(--error__bar);animation:error__message 5s ease-in-out 1}.error__message>p{font-family:subText!important}@keyframes error__message{0%{width:90%;opacity:1}to{width:0;display:none}}.index__auth{position:relative;height:100vh;min-height:max-content;display:grid;grid-template-columns:1fr 1fr}.index__auth:after{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background:url(/assets/main__hero-C9HZb5zV.png);background-position:center;background-size:cover;background-repeat:no-repeat;opacity:50%}.index__auth *{z-index:3;font-family:mainText}.index__auth>*{display:flex;align-items:center;justify-content:center}.index__header__container{color:var(--pri__text)}.index__header__container>*>h1{font-size:5rem;font-weight:500}.index__header__container>*>p{color:var(--sec__text);font-weight:900}.index__form__container{position:relative;padding:1rem}.index__form__container:after{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background:url(/assets/moon-BV5lHIs0.png);background-position:center;background-size:cover;background-repeat:no-repeat;opacity:65%}.index__auth__form{width:clamp(18.5rem,50vw,30.25rem);min-height:35rem;background:linear-gradient(to bottom,var(--pri__color) 0%,var(--auth__gradient)) 100%;border-radius:1rem;box-shadow:15px 15px 5px var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 3.5rem;gap:1rem}.index__auth__form>*{display:flex;flex-direction:column;width:100%;gap:1rem}.index__auth__form>*>label{color:var(--sec__text);font-size:1.125rem}.index__auth__form>*>input{height:3.75rem;background-color:var(--pri__inter__color);border:none;border-radius:1rem;font-size:1rem;padding-left:1rem;color:var(--pri__text)}.index__auth__form>*>input:focus{outline:2px solid var(--offset__color)}.index__auth__form>*>button{background-color:var(--pri__highlight);color:var(--sec__text);height:3.75rem;border-radius:1rem}.index__auth__form>*>button:hover{background-color:var(--pri__highlight__hover)}.index__auth__form>*>a{align-self:flex-end;color:var(--sec__text)}.auth__links{display:flex;justify-content:space-between}.auth__links>a{color:var(--sec__text)}@media (max-width: 825px){.index__auth{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:2rem}.index__header__container>*>h1{font-size:3rem}.index__auth:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background:url(/assets/moon-BV5lHIs0.png);background-position:center;background-size:cover;background-repeat:no-repeat}.index__header__container>*>p{display:none}.index__form__container:after{display:none}.index__auth__form{box-shadow:5px 5px 5px var(--shadow)}}@media (max-width: 600px){.index__auth__form{padding:1rem;transition:height 1s ease}.index__auth__form>*>input{height:2.75rem;border-radius:.5rem;transition:height 1s ease}.index__auth__form>*>button{height:2.75rem;border-radius:.5rem;transition:height 1s ease}}.dashboard__main{position:relative;height:100svh;display:grid;grid-template-columns:20rem 1fr;transition:1.5s ease;min-width:20rem}.dashboard__main__toggle{grid-template-columns:5rem 1fr}.dashboard__nav{position:fixed;display:grid;grid-template-columns:5rem 1fr;background:linear-gradient(to bottom,var(--sec__color) 0%,var(--sec__inter__color) 100%);transition:width 1.5s ease-in-out;container-type:inline-size;container-name:dashboard__nav;height:100svh;width:20rem;transition:width 1.5s ease;min-height:fit-content;z-index:2}.toggle__dashboard{width:5rem}.dashboard__nav>*{align-self:center}.dashboard__nav>ul,.dashboard__nav>div{height:calc(100% - 3rem)}.dashboard__nav>ul{border-right:.05rem solid var(--offset__color);display:grid;grid-template-rows:repeat(5,5rem) 1fr 5rem;list-style-type:none}.dashboard__nav>ul>*{width:5rem;height:100%;display:flex;align-items:center;justify-content:center}.dashboard__nav__icons{width:50px;height:50px;border:.05rem solid var(--offset__color);border-radius:100%;cursor:pointer;transition:1.5s ease-in-out}.dashboard__nav__icons path{fill:var(--pri__highlight)}.dashboard__nav>ul li:last-child{grid-row:7 / 8}.dashboard__nav>div{display:grid;grid-template-rows:5rem 15rem 1fr 5rem}.dashboard__nav__toggle__button{display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;width:100%;margin-left:auto;transition:1.5s ease-in-out}.dashboard__nav__toggle{fill:#fff;height:2rem;width:2rem;transition:1.5s ease-in-out}.dashboard__button__toggle svg{transform:rotate(-180deg)}.dashboard__nav>div>ul{align-self:center;list-style-type:none;display:flex;flex-direction:column;gap:1rem}.dashboard__nav>div>ul li{cursor:pointer;font-family:mainText;color:var(--sec__text)}.dashboard__nav>div>ul h1{padding-left:1rem;font-family:mainText;color:var(--offset__color)}.dashboard__nav>div>ul li>button{padding:1rem;width:100%;height:100%;text-align:left;font-family:mainText;color:var(--sec__text);font-size:1rem;background-color:transparent}.dashboard__sub__selected{background-color:var(--pri__highlight)}.dashboard__nav>div>ul li:hover{background-color:var(--pri__highlight)}.dashboard__group__options{grid-row:4 / 5}.dashboard__nav__button{width:100%;background-color:transparent}.dashboard__nav__button:hover{background-color:var(--offset__color);transition:none}.dashboard__nav__button__select{background-color:var(--offset__color)}@container (max-width: 12rem){.dashboard__nav>div{display:none}.dashboard__nav>ul{border:none}}@media (max-width: 1000px){.dashboard__main{grid-template-columns:5rem 1fr}}@media (max-width: 320px){.dashboard__main{grid-template-columns:3rem 1fr}.dashboard__nav__icons{width:35px;height:35px}.dashboard__nav__toggle{width:1.5rem;height:1.5rem}.dashboard__nav{grid-template-columns:3rem 1fr}.dashboard__nav>ul>*{width:3rem}.toggle__dashboard{width:3rem}.dashboard__nav__button{width:3rem;transition:1.5s ease-in-out}}.dashboard__messages{padding:1rem 10% 3rem;grid-column:2 / 3;display:flex;flex-direction:column-reverse;gap:1rem;overflow:auto;min-height:33rem;transition:1.5s ease-in-out}.dashboard__messages>form{position:relative;width:100%;z-index:1}.dashboard__input{background-color:var(--sec__inter__color);border:none;border-radius:.5rem;box-shadow:0 3px 3px var(--shadow);color:var(--pri__text);padding:1rem;resize:none;height:2.725rem;width:100%;font-family:subText;scrollbar-width:none}.dashboard__input:focus{outline:1px solid var(--offset__color)}.dashboard__messages>form>button{position:absolute;right:1%;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;background-color:var(--pri__highlight);padding:.25rem .5rem;border-radius:.5rem}.dashboard__messages>form>button>svg{height:25px;width:25px;fill:var(--offset__color)}.dashboard__message__block{width:100%;height:max-content;display:flex;gap:.05rem}.dashboard__message__block>p{font-family:subText;color:var(--pri__text);margin-top:2rem}.dashboard__profile__image{width:2.5rem;height:2.5rem;background-color:var(--pri__highlight);border-radius:100%}.dashboard__user__message{flex-direction:row-reverse}.dashboard__user__message>p{text-align:right}.loading__center{display:flex;justify-content:center;align-items:center}.dashboard__joined__groups>ol{max-height:50vh;display:flex;flex-direction:column;list-style-type:none;gap:1rem;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.dashboard__joined__groups>ol li>button{padding:1rem;width:100%;height:100%;text-align:left;font-family:mainText;color:var(--sec__text);font-size:1rem;background-color:transparent}.dashboard__joined__groups>ol li{color:var(--offset__color);font-family:mainText}.dashboard__joined__groups>ol li>h1{padding-left:1rem}.dashboard__joined__groups>ol>li{color:var(--offset__color);font-family:mainText}.group__options{position:relative;grid-column:2 / 3;display:grid;grid-template-rows:10rem 1fr 1fr 5rem;background:linear-gradient(to bottom,var(--sec__color) 50%,var(--auth__gradient) 100%)}.options__header{padding:1% 5%;display:flex;align-items:center;justify-content:space-between}.options__header>form{min-width:15rem;width:75%;display:flex}.options__header>form>div{display:flex;flex-direction:column;width:90%;color:var(--pri__text);font-family:mainText;gap:.5rem}.options__header>form>div>div{width:100%;display:flex;gap:.5rem}.options__header>form>div>div>input{width:90%;padding:.5rem;border:none;border-radius:.5rem;background-color:var(--pri__inter__color);color:var(--pri__text);font-family:mainText}.options__header>form>div>div>input:focus{outline:1px solid var(--offset__color)}.options__header>form>div>div>button{width:10%;height:100%;border:none;display:flex;align-items:center;justify-content:center;background-color:var(--offset__color);border-radius:.5rem}.options__header>form>div>div>button>svg{fill:var(--pri__text)}.member{padding:1% 5%;display:grid;grid-template-rows:2rem 1fr 2rem}.member>h1{color:var(--pri__text);font-family:mainText}.button__container{display:grid;grid-template-columns:1fr 1fr;column-gap:1rem;width:100%}.button__container>button{padding:.5rem 1rem;border:none;display:flex;align-items:center;justify-content:center;background-color:var(--offset__color);border-radius:.5rem}.button__container>button>svg{fill:var(--pri__text)}.button__container button.prev{justify-self:end;grid-column:1 / 2}.button__container button.next{justify-self:start;grid-column:2 / 3}.user__row{display:flex;height:5rem;align-items:center;padding:1rem 0}.user__row>div{display:flex;height:5rem;align-items:center}.user__row>div>img{height:50%}.user__row>div>p{margin-left:1rem;color:var(--pri__text);font-family:mainText}.user__row>button{margin-left:auto;padding:.5rem 1rem;border-radius:.5rem;background-color:var(--pri__inter__color);color:var(--pri__text);font-family:mainText}@media (max-width: 600px){.user__row{height:max-content;flex-direction:column;align-items:start}.user__row>button{margin:0;width:100%}}.delete__section{display:flex;align-items:center;justify-content:flex-end}.delete__button{padding:.75rem 1.5rem;background-color:var(--error);color:#fff;font-family:mainText;border-radius:.5rem;margin-right:5%}.delete__modal{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:50%;min-width:16rem;padding:1rem;background:linear-gradient(to bottom,var(--pri__inter__color) 0%,var(--pri__highlight) 100%);border:none;border-radius:.5rem}.delete__modal>div{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;width:100%}.delete__modal>div>label{color:var(--pri__text);font-family:mainText}.delete__modal>div>input{color:var(--pri__text);font-family:mainText;padding:.5rem 1rem;background-color:var(--pri__highlight);border:none;border-radius:.5rem}.delete__modal>div>input:focus{outline:none}.delete__modal>button{padding:.75rem 1.5rem;background-color:var(--error);color:#fff;font-family:mainText;border-radius:.5rem;margin-right:5%}.delete__modal button:last-child{background-color:var(--pri__inter__color)}.add__group{padding:5%;grid-column:2 / 3}.add__group>div{display:flex;flex-direction:column;gap:1rem}.add__group>div>label{color:var(--pri__text);font-family:mainText}.add__group>div>div>input{width:50%;min-width:15rem;margin-bottom:1rem;margin-right:1rem;background-color:var(--pri__inter__color);border:none;font-size:1rem;padding:.5rem 0 .5rem 1rem;color:#fff;font-family:mainText;border-radius:.5rem;box-shadow:0 5px 5px var(--shadow)}.add__group>div>div>input:focus{outline:1px solid var(--offset__color)}.add__group>div>div>button{width:5rem;padding:.5rem 1rem;background-color:var(--offset__color);color:#fff;font-family:mainText;border-radius:.5rem;font-size:1rem}.friends__page{grid-column:2 / 3;padding:5rem 10%;display:flex;flex-direction:column;gap:5vh}.search__bar{height:max-content;width:100%;display:flex;align-items:center;justify-content:center}.search__bar>input{width:50%;height:3rem;min-width:15rem;border-radius:1rem;border:none;background-color:var(--auth__gradient);box-shadow:0 5px 2px var(--shadow);padding-left:1rem;font-family:mainText;color:var(--pri__text);font-size:1rem}.search__bar>input:focus{outline:1px solid var(--offset__color)}.search__bar>input::placeholder{color:var(--pri__text);font-size:1rem}.search__suggested{display:grid;grid-template-rows:3rem 1fr;row-gap:1rem}.search__suggested>p{color:var(--pri__text);font-family:mainText;font-size:2rem;align-self:center}.search__suggested>div{display:flex;justify-content:center;gap:4rem;overflow-x:hidden;width:100%}.user__element{height:10rem;width:5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.user__element>img{width:100%;height:50%;background-color:var(--pri__color);border-radius:100%}.user__element>button{width:100%;padding-top:.5rem;padding-bottom:.5rem;border-radius:.5rem;background-color:var(--pri__inter__color);box-shadow:5px 5px 5px var(--shadow);color:var(--pri__text);font-family:mainText}.user__element>button:hover{background-color:var(--sec__inter__color)}.user__element>p{color:var(--pri__text);font-family:mainText}.search__results{max-height:25rem;display:grid;grid-template-rows:3rem 1fr}.search__results h1{color:var(--pri__text);align-self:center;font-family:mainText}.search__results>div{overflow-y:auto;padding-top:1rem;display:flex;flex-direction:column;gap:1rem;overflow:auto;scrollbar-width:none}.search__element{display:flex;align-items:center;padding:1rem;border-radius:.5rem}.search__element>img{width:2rem;margin-right:1rem;background-color:var(--pri__color);border-radius:100%}.search__element>button{margin-left:auto;padding:.5rem 1rem;font-family:mainText;background-color:var(--offset__color);border-radius:.5rem;color:var(--pri__text);text-wrap:nowrap;text-overflow:ellipsis}.search__element>p{color:var(--pri__text);font-family:mainText}.search__element:hover{background-color:var(--pri__inter__color)}@media (max-width: 320px){.search__element{flex-direction:column;justify-content:start;align-items:center;gap:.5rem}.search__element>button{margin:0;width:100%}}.my__friends{grid-column:2 / 3;padding:5%;display:flex;flex-direction:column;gap:1rem}.my__friends>h1{color:var(--pri__text);font-family:mainText;margin-bottom:1rem}.notifications__page{grid-column:2 / 3;padding:5%;display:grid;grid-template-rows:repeat(auto-fit,minmax(50%,1fr))}.pending,.requests{display:grid;grid-template-rows:3rem 1fr 3rem}.pending>h1,.requests>h1{color:var(--pri__text);font-family:mainText;font-size:2rem}.notification__element{display:flex;align-items:center;padding:.5rem 1rem;border-radius:.5rem;gap:.5rem}.notification__element:hover{background-color:var(--sec__highlight)}.notification__element>div.info__container>img{height:3rem;margin-right:1rem;border-radius:100%;background-color:var(--shadow)}.notification__element>div.info__container>p{color:var(--pri__text);font-family:mainText;font-size:1rem}.notification__element>div{margin-left:auto}.notification__element>div.info__container{margin:0;display:flex;align-items:center}.notification__element>div>button{color:var(--pri__text);font-family:mainText;font-size:1rem;padding:.5rem 1rem;border-radius:.5rem;background-color:var(--offset__color);margin-left:3rem}.notification__element .notification__add{background-color:var(--pri__inter__color)}.notifications__buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem}.notifications__buttons>button{color:var(--pri__text);font-family:mainText;font-size:1rem;padding:.5rem 1rem;border-radius:.5rem;background-color:var(--offset__color)}.notifications__buttons>button.prev{grid-column:1 / 2;justify-self:end;align-self:center}.notifications__buttons>button.next{grid-column:2 / 3;justify-self:start;align-self:center}.notification__container{display:flex;flex-direction:column;gap:.5rem}@media (max-width: 650px){.notification__element{flex-direction:column;justify-content:start;gap:1rem}.notification__element>div{margin:0;width:100%}.notification__element>div>button{margin:0;width:100%}.request__buttons{display:flex;gap:1rem}}.settings__module{position:relative;grid-column:2 / 3;padding:5%;display:flex;flex-direction:column;gap:1rem}.change__credentials>div{display:flex;flex-direction:column;gap:1rem}.change__credentials>div>label{color:var(--sec__text);font-family:mainText;font-size:1rem}.change__credentials>div>input{width:50%;background-color:var(--pri__inter__color);border:none;font-size:1rem;height:2.225rem;border-radius:.5rem;box-shadow:0 5px 5px var(--shadow);font-family:subText;padding-left:1rem;color:var(--pri__text);min-width:15rem}.change__credentials>div>input:focus{outline:1px solid var(--offset__color)}.change__credentials>button{width:5rem;padding:.5rem 1rem;background-color:var(--offset__color);color:#fff;font-family:mainText;border-radius:.5rem}.logout>h1{color:var(--pri__text)}.logout>button{width:5rem;padding:.5rem 1rem;background-color:var(--offset__color);color:#fff;font-family:mainText;border-radius:.5rem}.credentials__modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(18rem,75vw,40rem);padding:1rem 2rem;background:linear-gradient(to left,var(--pri__inter__color) 0%,var(--sec__inter__color) 100%);border:none;border-radius:1rem}.credentials__modal>form{display:flex;flex-direction:column;gap:1rem}.credentials__center{align-items:center;justify-content:center}.credentials__modal>form>label{color:var(--pri__text);font-family:mainText}.credentials__modal>form>input{background-color:var(--offset__color);border:none;font-size:1rem;font-family:mainText;padding:.525rem 1rem;color:var(--pri__text);border-radius:.5rem;box-shadow:0 5px 5px var(--shadow)}.credentials__modal>form>input:focus{outline:1px solid var(--pri__inter__color)}.credentials__modal>form>div{width:100%;display:flex;gap:1rem;justify-content:flex-end}.credentials__modal>form>div>button{width:5rem;padding:.5rem 1rem;background-color:var(--offset__color);color:#fff;font-family:mainText;border-radius:.5rem}.credentials__modal>form>div>button:first-child{background-color:var(--pri__highlight)}