@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap");:root{--header-height:3.5rem;--nav-width:219px;--first-color:#6923D0;--first-color-light:#F4F0FA;--title-color:#19181B;--text-color:#58555E;--text-color-light:#A5A1AA;--body-color:#F9F6FD;--container-color:#FFFFFF;--body-font:"Poppins",sans-serif;--normal-font-size:.938rem;--small-font-size:.75rem;--smaller-font-size:.75rem;--font-medium:500;--font-semi-bold:600;--z-fixed:100}@media screen and (min-width:1024px){:root{--normal-font-size:1rem;--small-font-size:.875rem;--smaller-font-size:.813rem}}*,:after,:before{box-sizing:border-box}.nav h3{margin:0}.nav a{text-decoration:none;cursor:pointer}.nav img{max-width:100%;height:auto}.nav{position:fixed;top:0;left:-100%;height:100vh;padding-left:1vh!important;background-color:var(--container-color);box-shadow:1.5px 0 0 #16082b1a;z-index:var(--z-fixed);transition:.4s}.nav__container{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding-top:3rem;padding-bottom:2rem;overflow:auto;scrollbar-width:none}.nav__container::-webkit-scrollbar{display:none}.nav-profile-name{display:none}.nav-profile-name img{width:10vh;margin-left:2vh}.nav-profile-name h3{margin-left:1.2vh}.nav__logo{font-weight:var(--font-semi-bold);margin-bottom:1.5rem}.nav__items,.nav__list{display:grid}.nav__items,.nav__list{row-gap:2.5rem}.nav__subtitle{font-size:var(--normal-font-size);text-transform:uppercase;letter-spacing:.1rem;color:var(--text-color-light)}.nav__link{display:flex;align-items:center;color:var(--text-color)}.nav__link:hover{color:var(--first-color)}.nav__icon{font-size:1.2rem;margin-right:.5rem}.nav__name{font-size:var(--small-font-size);font-weight:var(--font-medium);white-space:nowrap}.nav__logout{margin-top:5rem}.nav__dropdown{overflow:hidden;max-height:21px;transition:2.4s ease-in-out}.nav__dropdown-collapse{background-color:var(--first-color-light);border-radius:.25rem;margin-top:1rem}.nav__dropdown-collapse hr{margin-top:0;margin-bottom:0}.nav__dropdown-content{display:grid;grid-row-gap:.5rem;row-gap:.5rem;padding:.75rem 2.5rem .75rem 1.8rem}.nav__dropdown-item{font-size:var(--smaller-font-size);font-weight:var(--font-medium);color:var(--text-color)}.nav__dropdown-item:hover{color:var(--first-color)}.nav__dropdown-icon{margin-left:auto;transition:.4s}.nav__dropdown:hover{max-height:100rem}.nav__dropdown:hover .nav__dropdown-icon{transform:rotate(180deg)}.show-menu{left:0}.active{color:var(--first-color)}.menuOnNavBar{display:none}@media screen and (max-width:320px){.header__search{width:70%}}@media screen and (min-width:768px){.header{padding:0 3rem 0 6rem}.header__container{height:calc(var(--header-height) + .5rem)}.header__search{width:300px;padding:.55rem .75rem}.header__toggle{display:none}.header__logo{display:block}.header__img{width:40px;height:40px;order:1}.nav{left:0;width:40px}.nav__items{row-gap:1.7rem}.nav__icon{font-size:1.3rem}.nav__dropdown-icon,.nav__logo-name,.nav__name,.nav__subtitle{opacity:0;transition:.3s}.nav:hover{width:var(--nav-width)}.nav:hover .nav-profile-name{display:block}.nav:hover .nav__dropdown-icon,.nav:hover .nav__logo-name,.nav:hover .nav__name,.nav:hover .nav__subtitle{opacity:1}}@media screen and (max-width:768px){.nav-profile-name img{width:5vh;margin-left:2vh}.nav-profile-name h3{font-size:small;margin-left:0}.nav{display:none;left:0;width:-moz-fit-content!important;width:fit-content!important}#navbar,#navbar .nav-profile-name{display:block;z-index:9999}#navbarhiden{display:none}.nav__dropdown:hover{max-height:100rem}.nav__dropdown:hover .nav__dropdown-icon{transform:rotate(180deg)}.menuOnNavBar{display:block!important;top:1vh;left:1vh;position:fixed!important;z-index:10000}.header{padding:0 3rem 0 6rem}.header__container{height:calc(var(--header-height) + .5rem)}.header__search{width:300px;padding:.55rem .75rem}.header__toggle{display:none}.header__logo{display:block}.header__img{width:40px;height:40px;order:1}.nav__items{row-gap:1.7rem}.nav__icon{font-size:1.3rem}.nav__dropdown-icon,.nav__logo-name,.nav__name,.nav__subtitle{opacity:1;transition:.3s}.nav:hover .nav__dropdown-icon,.nav:hover .nav__logo-name,.nav:hover .nav__name,.nav:hover .nav__subtitle{opacity:1}}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner-container{width:50px;height:50px;border-radius:50%;animation-duration:1.5s;position:fixed;top:50%;left:50%;z-index:1}.loading-spinner img{position:absolute;top:1%;width:auto;z-index:1;animation:spin 5s linear infinite}.text-loading-container{position:relative;overflow:hidden;height:24px}.text-loading-stripe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2vh;background:linear-gradient(90deg,#ccc,#ccc 20%,transparent 50%,#ccc 80%,#ccc);animation:textStripeAnimation 2s linear infinite}.text-loading-text{position:relative;font-size:24px;font-weight:700;color:transparent;animation:textLoadingAnimation 1s infinite}@keyframes textStripeAnimation{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.media-loader{position:relative;overflow:hidden}.blur-placeholder{width:100%;padding-top:110.25%;background:url(https://petcarat.com/pc_media/images/TECHNOWELCOMEBANNERs/discus_Entry_image.jpg) 50%/cover;filter:blur(15px)}.video-loader{width:100%;padding-top:137.77%;background:#000}.loaderbtn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:12.5rem;margin:0;padding:1.5rem 3.125rem;background-color:#3498db;border:none;border-radius:.3125rem;box-shadow:0 12px 24px 0 rgba(0,0,0,.2);color:white;font-weight:300;text-transform:uppercase;overflow:hidden}.loaderbtn:before{position:absolute;content:"";bottom:0;left:0;width:0;height:100%;background-color:#2ecc71}.loaderbtn span{position:absolute;line-height:0;i{transform-origin:center center}&:first-of-type{top:50%;transform:translateY(-50%)}&:nth-of-type(2){top:100%;transform:translateY(0);font-size:24px}&:nth-of-type(3){display:none}}.loaderbtn.active{background-color:#2ecc71;&:before{width:100%;transition:width 3s linear}span{&:first-of-type{top:-100%;transform:translateY(-50%)}&:nth-of-type(2){top:50%;transform:translateY(-50%);i{animation:loading .5s linear infinite;color:black}}&:nth-of-type(3){display:none}}}.loaderbtn.finished{background-color:green;.loading,.submit{display:none}.check{display:block!important;font-size:24px;animation:scale .5s linear;i{transform-origin:center center;color:white}}}@keyframes loading{to{transform:rotate(1turn)}}@keyframes scale{0%{transform:scale(10)}50%{transform:scale(.2)}70%{transform:scale(1.2)}90%{transform:scale(.7)}to{transform:scale(1)}}.logo-startup-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:20px;z-index:999}.logo-startup-container img{position:absolute;top:50%;left:50%;width:40vh;height:40vh}.logo-startup-container.visible{opacity:1}@media screen and (max-width:480px){.logo-startup-container img{height:auto;width:22vh}.animation-loader__outline_circle_bg,.animation-loader__outline_circle_dust{margin-top:-11vh!important;margin-left:-11vh!important}}.animation-loader__fish_img,.animation-loader__paws_img,.animation-loader__spiral_dust_img,.animation-loader__text_1,.animation-loader__text_2,.animation-loader__text_bg_dust{transform:translate(-50%,-50%) scale(0);animation:zoomIn 1s forwards}.animation-loader__outline_circle_dust{animation:zoomIn 3s forwards,spin 2s linear infinite;transform-origin:center}.animation-loader__outline_circle_bg,.animation-loader__outline_circle_dust{margin-top:-20vh;margin-left:-20vh;animation-delay:0s;z-index:4}.animation-loader__spiral_dust_img{animation-delay:.2s;z-index:999}.animation-loader__paws_img{animation-delay:.4s;z-index:999}.animation-loader__fish_img{animation-delay:.2s;z-index:999}.animation-loader__text_2,.animation-loader__text_bg_dust{animation-delay:.5s;z-index:999}.animation-loader__text_1{animation-delay:1s;z-index:999}.exit-animation{animation:zoomOut 1s backwards;animation-fill-mode:forwards}.invisible{display:none}@keyframes zoomIn{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes zoomOut{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(0)}}