.loader-container{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-neutral-white);z-index:9999}.loader,.loader-container{display:flex;align-items:center;justify-content:center}.loader{flex-direction:column}.loader-fullscreen{height:100vh;width:100vw}.loader-spinner{border-radius:50%;border:3px solid var(--color-primary);border-top-color:var(--color-neutral-white);animation:spin 1s linear infinite}.loader-spinner.donut{position:relative;animation:spin 1s linear infinite}.loader-spinner.donut:before{content:"";display:block;width:100%;height:100%;border-radius:50%;background:conic-gradient(var(--color-primary) 0deg 90deg,var(--color-secondary) 90deg 180deg,var(--color-accent-yellow) 180deg 270deg,var(--color-accent-green) 270deg 1turn)}.loader-spinner.donut:after{content:"";position:absolute;top:15%;left:15%;width:70%;height:70%;border-radius:50%;background-color:var(--color-neutral-white)}.flower-loader{position:relative;animation:rotateFlower 4s linear infinite}.flower-loader:after{content:"";transform:translate(-50%,-50%);width:20%;height:20%;background-color:var(--color-neutral-white);border-radius:50%}.flower-loader:after,.petal{position:absolute;top:50%;left:50%}.petal{width:30%;height:10%;border-radius:50px;transform-origin:0 50%;animation:pulse 1.5s ease-in-out infinite alternate}.petal,.petal1{background-color:var(--color-primary)}.petal1{--rotation:0deg;animation-delay:0s}.petal2{--rotation:60deg;background-color:var(--color-primary);animation-delay:.1s}.petal3{--rotation:120deg;background-color:var(--color-secondary);animation-delay:.2s}.petal4{--rotation:180deg;background-color:var(--color-accent-yellow);animation-delay:.3s}.petal5{--rotation:240deg;background-color:var(--color-accent-green);animation-delay:.4s}.petal6{--rotation:300deg;background-color:var(--color-primary);animation-delay:.5s}.petal{transform:rotate(var(--rotation)) translateX(50%)}.loader-small .flower-loader,.loader-small .loader-spinner{width:20px;height:20px}.loader-medium .flower-loader,.loader-medium .loader-spinner{width:40px;height:40px}.loader-large .flower-loader,.loader-large .loader-spinner{width:60px;height:60px}.loader-small .flower-loader{width:30px;height:30px}.loader-medium .flower-loader{width:60px;height:60px}.loader-large .flower-loader{width:90px;height:90px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes rotateFlower{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%{transform:rotate(var(--rotation)) translateX(45%) scale(.9)}to{transform:rotate(var(--rotation)) translateX(55%) scale(1)}}.loader-text{margin-top:var(--spacing-md);font-family:var(--font-family-base);color:var(--color-text-secondary);font-size:var(--font-size-base)}.logo-fill-wrapper{position:relative;width:200px;--reveal:0%}.logo-img{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:block}.logo-img.gray{filter:grayscale(100%)}.logo-img.color{position:absolute;inset:0;-webkit-clip-path:inset(0 calc(100% - var(--reveal)) 0 0);clip-path:inset(0 calc(100% - var(--reveal)) 0 0);transition:-webkit-clip-path 1s cubic-bezier(.4,0,.2,1);transition:clip-path 1s cubic-bezier(.4,0,.2,1);transition:clip-path 1s cubic-bezier(.4,0,.2,1),-webkit-clip-path 1s cubic-bezier(.4,0,.2,1)}.logo-fill-percentage{position:fixed;left:var(--spacing-md,1rem);bottom:var(--spacing-md,1rem);font-size:var(--font-size-xxl);font-weight:700;z-index:10000}