@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap";h1{font-size:55px;line-height:82.5px}p,label{font-size:16px;line-height:24px}*{box-sizing:border-box;padding:0;margin:0}ul{list-style:none}a{text-decoration:none;color:inherit}button{border:0;background-color:transparent;cursor:pointer;font-family:Poppins,sans-serif}body{font-family:Poppins,sans-serif;color:#000}.page-content{margin-left:70px;background-color:#f5f5f5;width:calc(100% - 70px);min-height:100vh}@media (max-width: 992px){.page-content{margin-left:0;width:100%}}.login{background-color:#f5f5f5;height:100vh;display:flex;justify-content:center;align-items:center}.login__container{background-color:#fff;padding:40px;box-shadow:0 0 20px #00000040;border-radius:20px}.login__container .login__title{text-align:center}.login__container .login__google{padding:20px;display:flex;justify-content:center;align-items:center}.login__container .login__form{display:flex;flex-direction:column}.login__container .login__form .login__pass-label{margin-top:9px}.login__container .login__form .login__button{margin-top:40px}.login__container .login__register-forward{display:flex;flex-direction:column;margin-top:9px}.dashboard{display:flex;width:100%;height:100%;gap:15px;padding:15px}@media (max-width: 992px){.dashboard{flex-direction:column-reverse}}.dashboard__list{flex-basis:47%}.dashboard__pigeon{display:flex;flex-basis:53%;height:calc(100vh - 30px);position:sticky;top:15px;gap:15px}@media (max-width: 992px){.dashboard__pigeon{flex-direction:column;position:static}}.dashboard__pigeon .dashboard__details{flex-basis:46%}.dashboard__pigeon .dashboard__other{flex-basis:54%;display:flex;flex-direction:column;row-gap:20px}.input__label{display:block;font-weight:600;margin-bottom:5px}.input__field{width:100%;border:1px solid #000;border-radius:10px;font-family:Poppins,sans-serif;color:#000;font-size:18px;line-height:27px;padding:3px 10px}.input__field::-webkit-outer-spin-button,.input__field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input__field--error{border:1px solid #cf1616}.input__field--button{display:flex;padding:0}.input__field--button .input__submit{width:100%;border:0;border-radius:10px;padding:3px 0 3px 10px;font-size:18px;line-height:27px}.input__field--button .input__submit:focus{outline:none}.input__field--button .input__submit-button{border-radius:6px;display:flex;align-items:center;background-color:#eef0f4;padding:0 4px;margin:4px}.input__text-area{resize:none;min-height:164px}.button{color:#fff;background-color:#1b9dde;font-weight:600;font-size:16px;line-height:24px;border-radius:10px;padding:5px 0;cursor:pointer;min-width:100px}.button:hover{background-color:#1680b5;box-shadow:inset 0 0 10px #00000040}.navigation__mobile{display:none;background-color:#f5f5f5;padding:20px 0 0 20px}@media (max-width: 992px){.navigation__mobile{display:block}}.navigation__main{position:fixed;background-color:#1b9dde;height:100vh;width:fit-content;padding:100px 0 50px}@media (max-width: 992px){.navigation__main{top:0;border-top-right-radius:20px;border-bottom-right-radius:20px;padding-top:0;display:flex;flex-direction:column;row-gap:50px}}.navigation__main .navigation__close{align-self:flex-end;margin:20px 20px 0 0}.navigation__main nav{display:flex;flex-direction:column;justify-content:space-between;height:100%}.navigation__main nav .navigation__button{display:flex;padding:10px 15px;color:#fff;align-items:center;font-weight:600;font-size:18px;column-gap:10px}.navigation__main nav .navigation__button:hover{box-shadow:inset 0 0 10px #00000040;background-color:#1680b5}.navigation__main nav .navigation__button .navigation__icons{width:40px;height:auto}.navigation__main nav .navigation__options{display:flex;flex-direction:column;row-gap:20px}.modal{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:900}.modal--hidden{display:none}.add-edit-pigeon{border-radius:20px;padding:20px;background-color:#fff;max-width:696px}.add-edit-pigeon__heading{display:flex;justify-content:space-between;margin-bottom:20px}.add-edit-pigeon__heading .add-edit-pigeon__error{color:#cf1616}.add-edit-pigeon__form{display:flex;flex-direction:column;row-gap:20px}.add-edit-pigeon__form .add-edit-pigeon__rows{display:flex;gap:20px}@media (max-width: 992px){.add-edit-pigeon__form .add-edit-pigeon__rows{flex-direction:column}}.add-edit-pigeon__form .add-edit-pigeon__rows .add-edit-pigeon__code{display:flex;width:100%;flex-basis:50%;column-gap:10px}.add-edit-pigeon__form .add-edit-pigeon__rows .add-edit-pigeon__code .add-edit-pigeon__fields:nth-child(1){flex-basis:20%}.add-edit-pigeon__form .add-edit-pigeon__rows .add-edit-pigeon__code .add-edit-pigeon__fields:nth-child(2){flex-basis:50%}.add-edit-pigeon__form .add-edit-pigeon__rows .add-edit-pigeon__code .add-edit-pigeon__fields:nth-child(3){flex-basis:30%}.add-edit-pigeon__form .add-edit-pigeon__rows .add-edit-pigeon__selects{display:flex;column-gap:10px;flex-basis:50%}.add-edit-pigeon__form .add-edit-pigeon__rows .add-edit-pigeon__name{width:100%;flex-basis:50%}.add-edit-pigeon__form .add-edit-pigeon__rows .add-edit-pigeon__description{width:100%}.pigeons-list{background-color:#fff;width:100%;height:100%;border-radius:20px;box-shadow:0 0 10px #00000040;padding:15px;display:flex;flex-direction:column;row-gap:15px}.pigeons-list__subheader{display:flex;justify-content:space-between;font-weight:600;margin-top:5px}.pigeons-list__subheader .pigeons-list__clear{font-weight:600;font-size:16px;line-height:24px}.pigeons-list__filters{display:flex;gap:10px}@media (max-width: 992px){.pigeons-list__filters{flex-direction:column}}.pigeons-list__filters .pigeons-list__group{display:flex;flex-basis:50%;column-gap:10px}.pigeons-list__filters .pigeons-list__group .pigeons-list__search{width:100%}.pigeons-list__table-wrapper .pigeons-list__table{table-layout:fixed;width:100%;border-collapse:collapse}.pigeons-list__table-wrapper .pigeons-list__table th{border:1px solid #c9ccd5;background-color:#eef0f4}.pigeons-list__table-wrapper .pigeons-list__table tbody .pigeons-list__row:hover{background-color:#cfebfa;cursor:pointer}.pigeons-list__table-wrapper .pigeons-list__table tbody .pigeons-list__row--selected{background-color:#eef0f4}.pigeons-list__table-wrapper .pigeons-list__table tbody .pigeons-list__row td{border:1px solid #c9ccd5;text-align:center}.pigeons-list__pagination{margin:auto auto 0;align-self:flex-end}.pagination{display:flex;column-gap:10px}.pagination__step{display:flex;align-items:center}.pagination__step--hidden{visibility:hidden}.pagination__list{display:flex;border-radius:15px;border:2px solid #c9ccd5;width:fit-content;background-color:#fff}.pagination__list .pagination__page{font-weight:600;padding:2px 12px;cursor:pointer}.pagination__list .pagination__page--active{background-color:#1b9dde;border-radius:15px}.pigeon-details{background-color:#1b9dde;width:100%;height:100%;border-radius:20px;box-shadow:0 0 10px #00000040;padding:15px;display:flex;flex-direction:column;row-gap:20px}.pigeon-details__header{display:flex;justify-content:space-between;color:#fff}.pigeon-details__list{display:flex;flex-direction:column;row-gap:10px;margin-left:20%}.pigeon-details__list .pigeon-details__item{display:flex;column-gap:10px}.pigeon-details__list .pigeon-details__item .pigeon-details__name{color:#fff}.pigeon-details__list .pigeon-details__item .pigeon-details__value{font-weight:600}.pigeon-details__description{height:100%;display:flex;flex-direction:column;row-gap:4px}.pigeon-details__description .pigeon-details__label{color:#fff}.pigeon-details__description .pigeon-details__text{background-color:#fff;border-radius:10px;padding:10px;flex-grow:1;position:relative;min-height:100px}.pigeon-details__description .pigeon-details__text .pigeon-details__paragraph{position:absolute;top:0;height:100%;overflow:auto}.options{position:relative}.options__button{border-radius:100%;padding:9px 16px}.options__button:hover,.options__button--active{box-shadow:inset 0 0 10px #00000040;background-color:#1680b5}.options__button img{display:flex}.options__list{position:absolute;right:0;background-color:#fff;border-radius:10px;border:1px solid #000}.options__list .options__item{display:flex;align-items:center;column-gap:10px;width:100%;padding:4px 12px}.options__list .options__item:first-child{border-top-right-radius:10px;border-top-left-radius:10px}.options__list .options__item:last-child{border-bottom-right-radius:10px;border-bottom-left-radius:10px}.options__list .options__item:hover{background-color:#cfebfa;cursor:pointer}.yes-no{background-color:#fff;border-radius:20px;padding:20px;text-align:center;max-width:260px;width:100%;display:flex;flex-direction:column;row-gap:10px}.yes-no__buttons{display:flex;column-gap:20px}.records{background-color:#1b9dde;border-radius:20px;box-shadow:0 0 10px #00000026;flex-basis:33%;padding:15px;display:flex;flex-direction:column;row-gap:15px}.records__header{display:flex;justify-content:space-between;min-height:38px}.records__header .records__main{display:flex;column-gap:30px}.records__header .records__main .records__title{color:#fff}.records__header .records__edit{border-radius:100%}.records__header .records__edit:hover{background-color:#1680b5;box-shadow:inset 0 0 10px #00000040}.records__description{background-color:#fff;border-radius:10px;height:100%;padding:10px}.add-edit-records{background-color:#fff;border-radius:20px;padding:15px;max-width:400px;width:100%;display:flex;flex-direction:column;row-gap:15px}.add-edit-records__header{display:flex;justify-content:space-between}.add-edit-records__header .add-edit-records__main{display:flex;column-gap:30px}.add-edit-records__header .add-edit-records__main .add-edit-records__delete{display:flex;align-items:center}.add-edit-records__header .add-edit-records__main .add-edit-records__delete img{height:20px;width:auto}.family{background-color:#fff;border-radius:20px;box-shadow:0 0 10px #00000026;flex-basis:33%;padding:15px;display:flex;flex-direction:column}.family__tree{display:flex;width:100%;height:100%}.family__tree .family__helper{display:flex}.family__tree .family__helper .family__branch{background-color:#cfebfa;border-radius:10px;padding:5px 10px;font-weight:600;position:relative;display:inline;min-width:150px;font-size:16px}.family__tree .family__helper .family__branch:hover{box-shadow:inset 0 0 10px #00000040}.family__tree .family__first{display:flex;flex-direction:column;justify-content:center;flex-grow:1;overflow:hidden}.family__tree .family__first .family__branch:after{content:"";position:absolute;left:100%;top:50%;width:100%;border-top:2px solid #1b9dde}.family__tree .family__separator{height:100%;background-color:#1b9dde;width:2px;height:calc(100% - 33px);align-self:center;margin-top:2px}.family__tree .family__second{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;overflow:hidden}@media (max-width: 992px){.family__tree .family__second{row-gap:10px}}.family__tree .family__second .family__helper{display:inline-flex;justify-content:end}.family__tree .family__second .family__helper .family__branch:before{content:"";position:absolute;right:100%;top:50%;width:100%;border-top:2px solid #1b9dde}.edit-user{border-radius:20px;padding:20px;background-color:#fff;display:flex;flex-direction:column;row-gap:20px}