:root{--color__background: rgb(24, 24, 24);--color__background2: rgb(18, 18, 18);--color__dark2: rgba(0, 0, 0, .4);--color__dark: rgba(0, 0, 0, .3);--color__white: rgb(255, 255, 255);--color__grey: rgba(255, 255, 255, .5);--text_size__default: 24px;--corner_radius: 15px;--sb-track-color: #181818;--sb-thumb-color: #212121;--sb-size: 10px}@font-face{font-family:Roboto-Mono-Regular;src:url(/font/RobotoMono-Regular.ttf)}html,body,#root{padding:0;margin:0;background-color:var(--color__background);font-family:Roboto-Mono-Regular,serif;font-size:var(--text_size__default);color:var(--color__white);width:100%;height:100%;box-sizing:border-box}.btn{width:fit-content;border:none;cursor:pointer;text-align:center;background-color:var(--color__dark);color:var(--color__white);padding:10px;font-size:var(--text_size__default);border-radius:var(--corner_radius);transition:all,.1s}.btn:disabled{cursor:default;pointer-events:none;color:var(--color__grey)}.btn-lg{width:100%}.btn:hover{background-color:var(--color__dark2)}a{text-decoration:none;color:var(--color__grey);transition:all,.1s}a:hover{color:var(--color__white)}input,textarea{border:none;outline:none;background-color:var(--color__dark);color:var(--color__white);text-align:center;border-radius:var(--corner_radius);font-size:var(--text_size__default);font-family:Roboto-Mono-Regular,serif;resize:none}input:placeholder-shown,textarea:placeholder-shown{color:var(--color__grey)}*::-webkit-scrollbar{width:var(--sb-size);height:var(--sb-size)}*::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:3px}*::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border-radius:3px}@supports not selector(::-webkit-scrollbar){*{scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}}@media (max-width: 640px){.btn_add{width:100%}}.login__container{width:100%;height:100%;display:flex;justify-content:center;align-content:center;align-items:center}.login__form{width:fit-content;display:flex;flex-direction:column;gap:20px}.persons__top{display:flex;flex-direction:column;gap:15px}.persons__cards{display:flex;flex-direction:column;gap:30px;height:100%}.persons__search{width:100%;height:50px}.navbar__container{box-sizing:border-box;display:flex;width:100%;height:80px;padding:10px 200px;justify-content:space-between;align-items:center;vertical-align:center;background-color:var(--color__dark)}.navbar__buttons{display:flex;vertical-align:center;align-items:center;padding:0;gap:20px}@media (max-width: 1020px){.navbar__container{padding:10px 100px}}@media (max-width: 780px){.navbar__container{padding:10px 50px}}@media (max-width: 640px){.navbar__container{padding:10px 20px}}@media (max-width: 560px){.navbar__container{display:none}}.navlink__active{color:var(--color__white)}.navpage__container{display:flex;flex-direction:column;gap:35px}.container{padding:0 200px}@media (max-width: 1020px){.container{padding:0 100px}}@media (max-width: 780px){.container{padding:0 50px}}@media (max-width: 640px){.container{padding:0 20px}}@media (max-width: 560px){.container{padding:30px 10px}}.delete_confirm__overlay{position:fixed;left:0;top:0;background-color:#00000080;width:100%;height:100%;display:flex;justify-content:center;align-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.delete_confirm__form{width:600px;background-color:var(--color__background);height:fit-content;display:flex;padding:30px;box-sizing:border-box;flex-direction:column;justify-content:center;align-content:center;gap:30px;border-radius:var(--corner_radius)}.delete_confirm__title{text-align:center}.delete_confirm__buttons{display:flex;gap:50px;justify-content:center}.navbar_mobile__container{z-index:2;position:fixed;bottom:0;box-sizing:border-box;width:100%;height:80px;padding:10px 40px;justify-content:space-between;align-items:center;vertical-align:center;background-color:var(--color__background2);border-radius:var(--corner_radius);display:none}@media (max-width: 560px){.navbar_mobile__container{display:flex}}.navlink_mobile__icon{width:35px;height:35px;object-fit:fill}.navlink_mobile__active{color:var(--color__white)}.navlink_mobile__inactive{color:var(--color__grey)}.persons_card__container{box-sizing:border-box;width:100%;padding:10px;display:flex;justify-content:space-between;align-items:center;vertical-align:center;border-radius:var(--corner_radius);background-color:var(--color__dark)}.persons_card__info{display:flex;gap:30px;padding:0;justify-content:center;vertical-align:center;align-items:center}.persons_card__avatar{width:100px;height:100px;border-radius:var(--corner_radius)}.paginator__container{display:flex;gap:10px}.paginator__active{color:var(--color__white)}.paginator__inactive{color:var(--color__grey)}.person__overlay{display:flex;gap:30px}.person__form{width:100%;display:flex;flex-direction:column;background-color:var(--color__dark);padding:30px;box-sizing:border-box;border-radius:var(--corner_radius);gap:40px}.person__inputs{display:flex;width:100%;flex-direction:column;gap:20px}.person__buttons{display:flex;justify-content:space-between}.person__button_section{display:flex;gap:20px}.person__circles{overflow-y:hidden;overflow-x:scroll;display:flex;gap:20px}@media (max-width: 870px){.person__image__container{display:none}}@media (max-width: 560px){.person__form{padding:50px 30px}}.input__container{display:flex;justify-content:space-between;align-items:center;gap:15px}.input__name{width:150px}.input__box{padding:10px;box-sizing:border-box;width:100%;text-align:left}.multiline__container{display:flex;justify-content:space-between;gap:15px}.multiline__name{width:150px;margin-top:6px}.multiline__box{padding:10px;box-sizing:border-box;width:100%;text-align:left;height:270px}.person__image__container{position:relative;width:150px;height:150px;border-radius:var(--corner_radius);flex-shrink:0}.person__image__drag{width:100%;height:100%;position:absolute;left:0;top:0;background-color:#00000080;opacity:0;border-radius:var(--corner_radius);display:flex;justify-content:center;align-items:center;transition:all .1s}.person__image__drag_icon{font-size:150%}.person__image__delete{position:absolute;right:5px;top:5px;color:red}.person__image__drag:hover{opacity:1;cursor:pointer}.person__image__img{width:100%;height:100%;border-radius:var(--corner_radius);object-fit:cover}.person__circle__container{position:relative;width:150px;height:150px;border-radius:var(--corner_radius);flex-shrink:0}.person__circle__drag{width:100%;height:100%;position:absolute;left:0;top:0;background-color:#00000080;opacity:0;border-radius:var(--corner_radius);display:flex;justify-content:center;align-items:center;transition:all .1s}.person__circle__delete{position:absolute;right:5px;top:5px;color:red}.person__circle__drag:hover{opacity:1;cursor:pointer}.person__circle__video{width:100%;height:100%;border-radius:var(--corner_radius);object-fit:cover}.video_preview__overlay{position:fixed;left:0;top:0;background-color:#00000080;width:100%;height:100%;display:flex;justify-content:center;align-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.video_preview__form{position:relative;width:600px;background-color:var(--color__background);height:fit-content;display:flex;padding:30px;box-sizing:border-box;flex-direction:column;justify-content:center;align-content:center;gap:30px;border-radius:var(--corner_radius)}.video_preview__video{width:100%;height:100%;border-radius:var(--corner_radius)}.video_preview__close{position:absolute;right:7px;top:7px;width:20px;height:20px}.video_preview__close:hover{cursor:pointer}.add_circle__container{position:relative;width:150px;height:150px;border-radius:var(--corner_radius);flex-shrink:0;background-color:var(--color__dark)}.add_circle__drag{width:100%;height:100%;position:absolute;left:0;top:0;background-color:#0000;border-radius:var(--corner_radius);display:flex;transition:all .1s;justify-content:center;align-items:center}.add_circle__drag:hover{cursor:pointer;opacity:1;background-color:#00000080}.add_circle__icon{width:50px;height:50px}