@import"https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;600&family=Open+Sans:wght@300;400;500&family=Roboto:wght@500&display=swap";#app{display:flex;flex-direction:column;justify-content:space-between;width:100%;min-height:100vh;margin:0 auto}@media screen and (max-width: 1200px){#app{max-width:1136px}}@media screen and (max-width: 992px){#app{max-width:928px}}@media screen and (max-width: 767px){#app{max-width:none}}.ui__button{cursor:pointer;border:none;padding:16px;font-family:Noto Sans;border-radius:16px;transition:.3s}.ui__button__primary{color:var(--color-white);background-color:var(--color-purple)}.ui__button:disabled{pointer-events:none;opacity:.5}.ui__icon{transition:.3s;--moz-transform: scale(1)}.ui__input label>span{display:block;margin-bottom:4px}.ui__input__field{display:block;width:100%;border:1px solid var(--color-grey-light);border-radius:4px;outline:none;padding:8px;font-size:1rem;line-height:1.25rem}.ui__input__field::placeholder{opacity:.25}.ui__input__field:focus{border:1px solid var(--color-blue)}.ui__input .is-invalid{border:1px solid var(--color-red)}.ui__textarea__field{box-sizing:border-box;resize:none;outline:none;border:1px solid var(--color-grey-light);border-radius:4px;transition:.3s;padding:8px;width:100%}.ui__textarea__field:focus{border:1px solid var(--color-blue)}.ui__textarea__field::placeholder{opacity:.3}.ui__textarea__label{display:block;margin-bottom:4px}.ui__selects__single{cursor:pointer;position:relative;background-color:var(--color-white);border:1px solid var(--color-grey-light);border-radius:8px;outline:none}.ui__selects__single__label>span{display:block;margin-bottom:4px}.ui__selects__single .selected{display:flex;align-items:center;justify-content:space-between;padding:8px}.ui__selects__single .selected .open{transform:rotate(-180deg)}.ui__selects__single .items{position:absolute;left:0;right:0;z-index:1;background-color:var(--color-white);margin:8px 0;max-height:250px;min-width:max-content;overflow-y:auto;box-shadow:0 4px 32px #00103d1a;border-radius:10px}.ui__selects__single .items .item{padding:8px 12px;cursor:pointer;-webkit-user-select:none;user-select:none}.ui__selects__single .items .item:hover{background:rgba(230,236,242,.25)}.ui__selects__single .items .active{color:var(--color-purple);font-weight:700}.ui__selects__single:hover{border-color:var(--color-blue)}.ui__form__header{margin-bottom:16px}.ui__form.is-disabled{pointer-events:none;opacity:.5}.ui__popup{position:absolute}:root{--color-black: #000000;--color-blue: #168dcd;--color-female: #F3859B;--color-green: #0ad00a;--color-grey: #c4c4c4;--color-grey-light: #d0d0d3;--color-grey-dry: #CFCFCF;--color-male: #BCE6FB;--color-mustard: #bda21a;--color-purple: #ab16cd;--color-red: #ee3333;--color-white: #ffffff}.lucky{background:var(--color-mustard);color:var(--color-white);font-size:18px;font-weight:400}.lucky_disabled{background:#bdbcc0}body{font-family:Noto-Sans}.add-pet-button{margin-right:16px;font-size:18px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html::-webkit-scrollbar{display:none}html::-webkit-scrollbar-track{display:none}html::-webkit-scrollbar-thumb{display:none}html{scrollbar-width:none}