.button-primary{background:#6366f1;color:#fff;border:.1rem solid transparent;padding:1rem 1.2rem;display:flex;align-items:center;justify-content:center;gap:1rem;border-radius:.4rem;text-wrap:nowrap;cursor:pointer;transition:.5s;height:4.5rem}.button-primary:hover{background:#e0e7ff;color:#4f46e5;border:.1rem solid #4f46e5}.button-primary:disabled{opacity:.4;cursor:default}.button-primary:disabled:hover{background:#6366f1;color:#fff}.button-primary svg{width:2rem;aspect-ratio:1}.button-primary-soft{background:#e0e7ff;color:#4f46e5;border:.1rem solid transparent;padding:1rem 1.2rem;display:flex;align-items:center;justify-content:center;gap:1rem;border-radius:.4rem;text-wrap:nowrap;cursor:pointer;transition:.5s;height:4.5rem}.button-primary-soft:hover{background:#6366f1;color:#fff}.button-primary-soft:disabled{opacity:.5;cursor:default}.button-primary-soft:disabled:hover{background:#e0e7ff;color:#4f46e5}.delete-confirm{margin-block-start:1rem;max-width:35rem}.delete-confirm__actions{margin-block-start:1.5rem;display:flex;justify-content:flex-end;gap:1rem}.delete-confirm__actions-button{display:flex;justify-content:center;align-items:center;padding:.6rem 1.2rem;border:none;border-radius:.4rem;cursor:pointer;font-size:1.5rem;transition:.3s;width:10rem;height:3.6rem;font-weight:600;color:#525252}.delete-confirm__actions-button:hover{background-color:#ddd;color:#333}.delete-confirm__actions-button:disabled:hover{background-color:unset;cursor:default}.delete-confirm__actions--delete{background-color:#fee2e2;color:#dc2626}.delete-confirm__actions--delete:hover{background-color:#dc2626;color:#fff}.delete-confirm__actions--delete:disabled{opacity:.5;cursor:default}.delete-confirm__actions--delete:disabled:hover{background-color:#fee2e2;color:#dc2626}.main-loader__container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin-inline:auto;margin-block-start:20rem}.main-loader{--uib-size: 14rem;--uib-color: #333;--uib-speed: 1s;--uib-stroke: .5rem;--uib-bg-opacity: .1;position:relative;display:flex;align-items:center;justify-content:center;height:var(--uib-stroke);width:var(--uib-size);border-radius:calc(var(--uib-stroke) / 2);overflow:hidden;transform:translateZ(0)}.main-loader:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background-color:var(--uib-color);opacity:var(--uib-bg-opacity);transition:background-color .1s ease}.main-loader:after{content:"";height:100%;width:100%;border-radius:calc(var(--uib-stroke) / 2);animation:zoom var(--uib-speed) ease-in-out infinite;transform:translate(-100%);background-color:var(--uib-color);transition:background-color .1s ease}@keyframes zoom{0%{transform:translate(-100%)}to{transform:translate(100%)}}.msg-deleted{margin-block-start:1.5rem;display:flex;flex-direction:column;gap:1rem;max-width:35rem}.msg-deleted button{margin-block-start:1rem;height:3.8rem;padding-block:1rem}.error-msg{text-align:center;color:#e01818;margin-block-start:10rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.error-msg svg{width:3rem}.error-refresh{margin-block-start:2rem;border:.1rem solid transparent;padding:.6rem 2.5rem;display:flex;align-items:center;justify-content:center;gap:1rem;border-radius:.4rem;text-wrap:nowrap;cursor:pointer;transition:.5s}.error-refresh:hover{background:#e0e7ff;color:#4f46e5;border:.1rem solid #4f46e5}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;z-index:9}.modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;transition:all .5s;animation:fadeIn .2s ease-out}.modal__content{background:#fff;border-radius:.5rem;padding:2.5rem;z-index:10;max-height:100vh;overflow-y:auto;animation:slideInFromTop .2s ease-out}.modal__header{display:flex;justify-content:space-between;align-items:center;gap:2rem}.modal__title{font-weight:800}.modal__close-button{display:block;border:.1rem solid #ECECEC;color:#7e7e7e;background:none;width:3rem;aspect-ratio:1;margin-inline-start:auto;cursor:pointer;border-radius:.4rem}.modal__close-button svg{width:1.8rem;aspect-ratio:1;vertical-align:middle}.modal__close-button:hover{background:#ececec;color:#333}@keyframes slideInFromTop{0%{transform:translateY(-15%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loader{aspect-ratio:1;border:3px solid #FFF;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user{border:.1rem solid #EBEBEB;border-radius:.4rem;padding-block:2rem;padding-inline:1.6rem;width:100%;animation-name:flipInX;animation-duration:1s}.user__header{display:flex;gap:1.6rem;margin-block-end:1.5rem}.user__figure{min-width:9rem;width:9rem;height:9rem;border-radius:.5rem;overflow:hidden;border:.4rem solid #FFF;box-shadow:0 0 1rem #0000001a;background:#f1f1f1}.user__letter{min-width:9rem;width:9rem;height:9rem;border-radius:.5rem;border:.4rem solid #FFF;box-shadow:0 0 1rem #0000001a;background:#f1f1f1;display:grid;place-content:center;font-weight:700;font-size:3rem;color:#afafaf}.user__img{object-fit:contain;aspect-ratio:1}.user__name{display:flex;flex-direction:column;max-width:18rem}.user__list{display:flex;flex-direction:column;gap:1rem;padding-inline-start:1rem}.user__item{display:flex;flex-direction:column}.user__label{display:flex;align-items:center;gap:.5rem;color:#afafaf;text-transform:uppercase;font-size:1.3rem}.user__label svg{width:1.7rem}.user__actions{display:flex;justify-content:flex-end;gap:1rem;margin-block-start:1.5rem;padding-block-start:1rem;border-block-start:.1rem solid #F0F0F0}.user__button{width:3rem;aspect-ratio:1;border:none;border-radius:.4rem;cursor:pointer}.user__button svg{width:1.5rem;aspect-ratio:1;vertical-align:middle;stroke-width:2}.user__button--edit{color:#0284c7;background-color:#e0f2fe}.user__button--edit:hover{color:#fff;background-color:#0ea5e9}.user__button--delete{background-color:#fee2e2;color:#dc2626}.user__button--delete:hover{background-color:#dc2626;color:#fff}@media (min-width: 768px){.user{max-width:30.8rem}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotateX(90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);-ms-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.form{width:100%;margin-block-start:2rem}.form__image{display:flex;align-items:center;gap:2rem;margin-block-end:1.5rem}.form__image .button-primary-soft{height:auto;padding:1rem 1.2rem}.form__image-content{position:relative}.form__figure{width:10rem;height:10rem;border-radius:.5rem;border:.4rem solid #FFF;box-shadow:0 0 1rem #0000001a;background:#f1f1f1}.form__figure--button-remove{position:absolute;inset-block-start:-.7rem;inset-inline-end:-.8rem;background:none;border:none;color:#7e7e7e;cursor:pointer}.form__figure--button-remove:hover{color:#333}.form__figure--button-remove svg{width:1.8rem}.form__img{object-fit:contain;aspect-ratio:1}.form__field--required{color:#d6293e}.form__field{position:relative;display:flex;flex-direction:column;gap:.2rem;padding-block-end:2rem}.form__label{font-size:1.4rem}.form__input{padding:1.5rem;border-radius:.4rem;border:none;background:#f1f1f1}.form__input::placeholder{color:#afafaf}.form__error{position:absolute;inset-block-end:.3rem}.form__button{margin-block-start:1rem}.form__button button{width:100%}@media (min-width: 568px){.form{min-width:38rem}}.users{display:flex;flex-wrap:wrap;gap:2rem;padding-inline:2rem;margin-block:2rem}@media (min-width: 500px){.users{margin-block:4rem}}.without-results{text-align:center;margin-block-start:20rem;color:#afafaf;font-size:1.8rem}.without-results svg{width:3.2rem;aspect-ratio:1}html{font-size:62.5%;box-sizing:border-box;scroll-behavior:smooth;scrollbar-gutter:stable}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}*,*:after,*:before{padding:0;margin:0;box-sizing:inherit}body{font-size:1.6rem}img{display:block;width:100%;height:auto}ul{list-style:none}.toast{padding:1.2rem}.app{display:flex;flex-direction:column;align-items:center;min-height:100vh}.main{max-width:100.4rem;padding-block-end:4rem;flex:1;width:100%}.header{display:flex;justify-content:space-between;align-items:center;padding:2rem;margin-block-start:1rem}.form__error{color:#e01818;font-size:1.3rem}.footer{width:100%;background:#fff;font-size:1.4rem;border-block-start:.1rem solid #F0F0F0;padding-block:1rem}.footer a{display:flex;align-items:center;justify-content:center;gap:.3rem}.footer svg{width:1.8rem;aspect-ratio:1}.footer__link{text-decoration:none;color:#333}.footer__link:hover{text-decoration:underline}body::-webkit-scrollbar{-webkit-appearance:none}body::-webkit-scrollbar:vertical{width:.8rem}body::-webkit-scrollbar-button:increment,body::-webkit-scrollbar-button{display:none}body::-webkit-scrollbar:horizontal{height:.8rem}body::-webkit-scrollbar-thumb{background-color:#eee;border-radius:1rem;border:.2rem solid #e6e6e6}body::-webkit-scrollbar-track{border-radius:.8rem}@media (min-width: 768px){.header{margin-block-start:4rem}}