.FishSchool-module__fWuiDq__school{isolation:isolate;pointer-events:none;flex:1;width:100%;height:100%;min-height:0;position:relative;overflow:hidden;container-type:size}.FishSchool-module__fWuiDq__fish{width:calc(clamp(72px, 27cqw, 126px) * var(--fish-scale));aspect-ratio:1;will-change:transform;z-index:1;position:absolute;translate:-50% -50%}.FishSchool-module__fWuiDq__school[data-variant=ocean] .FishSchool-module__fWuiDq__fish{width:calc(clamp(56px, 21cqw, 88px) * var(--fish-scale))}.FishSchool-module__fWuiDq__heading{width:100%;height:100%;transform:perspective(480px) rotateY(var(--facing,0deg)) rotateZ(var(--pitch,0deg));transition:transform .65s cubic-bezier(.22,1,.36,1)}.FishSchool-module__fWuiDq__bob{width:100%;height:100%;animation:3.8s ease-in-out infinite FishSchool-module__fWuiDq__drift;animation-delay:var(--fish-delay);position:relative}.FishSchool-module__fWuiDq__sprite{background-image:url(/images/ocean/aquarium-fish-atlas.webp);background-size:200% 200%;background-position:var(--fish-position);background-repeat:no-repeat;position:absolute;inset:0}.FishSchool-module__fWuiDq__body{-webkit-mask-image:linear-gradient(to right, transparent var(--tail-start), #000 var(--tail-end));mask-image:linear-gradient(to right, transparent var(--tail-start), #000 var(--tail-end))}.FishSchool-module__fWuiDq__tail{-webkit-mask-image:linear-gradient(to right, #000 var(--tail-start), transparent var(--tail-end));mask-image:linear-gradient(to right, #000 var(--tail-start), transparent var(--tail-end));transform-origin:var(--tail-origin);animation:.85s ease-in-out infinite FishSchool-module__fWuiDq__wag;animation-delay:var(--fish-delay)}.FishSchool-module__fWuiDq__fish[data-fish=betta] .FishSchool-module__fWuiDq__tail{animation-duration:1.25s}.FishSchool-module__fWuiDq__fish[data-fish=puffer] .FishSchool-module__fWuiDq__tail{animation-duration:.65s}.FishSchool-module__fWuiDq__bubble{width:calc(7px + var(--bubble-index) * 3px);aspect-ratio:1;left:calc(7% + var(--bubble-index) * 17%);animation:FishSchool-module__fWuiDq__rise calc(12s + var(--bubble-index) * 1.5s) linear infinite;animation-delay:calc(var(--bubble-index) * -3.7s);background:radial-gradient(circle at 30% 25%,#fff9,#ffffff05 65%);border:1px solid #ffffffbd;border-radius:50%;position:absolute;bottom:-40px}.FishSchool-module__fWuiDq__school[data-motion=paused] .FishSchool-module__fWuiDq__bob,.FishSchool-module__fWuiDq__school[data-motion=paused] .FishSchool-module__fWuiDq__tail,.FishSchool-module__fWuiDq__school[data-motion=paused] .FishSchool-module__fWuiDq__bubble{animation-play-state:paused}@keyframes FishSchool-module__fWuiDq__drift{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-4px)rotate(1deg)}}@keyframes FishSchool-module__fWuiDq__wag{0%,to{transform:perspective(200px)rotateY(-22deg)rotate(-1deg)}50%{transform:perspective(200px)rotateY(22deg)rotate(1deg)}}@keyframes FishSchool-module__fWuiDq__rise{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.65}85%{opacity:.6}to{opacity:0;transform:translateY(-500px)translate(20px)}}@container (max-height:180px){.FishSchool-module__fWuiDq__fish{width:calc(clamp(44px, 20cqw, 68px) * var(--fish-scale))}}@media (prefers-reduced-motion:reduce){.FishSchool-module__fWuiDq__heading{transition:none}.FishSchool-module__fWuiDq__bob,.FishSchool-module__fWuiDq__tail,.FishSchool-module__fWuiDq__bubble{animation:none}.FishSchool-module__fWuiDq__fish{will-change:auto}}
