.blog-tag-cloud[data-v-f42d23a9]{--loop-duration:25s;margin-block:1.5vw -3vw}@media (prefers-reduced-motion:reduce){.blog-tag-cloud[data-v-f42d23a9]{--loop-duration:70s}}.water[data-v-f42d23a9]{--wave-size:8vw;--mask:radial-gradient(4.47vw at 50% 6vw,#000 99%,#0000 101%) calc(50% - 4vw) 0 /var(--wave-size) 100%,radial-gradient(4.47vw at 50% -4vw,#0000 99%,#000 101%) 50% 2vw /var(--wave-size) 100% repeat-x;animation:waves-f42d23a9 2.5s linear infinite;background:linear-gradient(to bottom,var(--color-blue-40),var(--bg));height:100%;-webkit-mask:var(--mask);mask:var(--mask);overflow:clip;position:relative;top:-3vw}:where(.-light-mode) .water[data-v-f42d23a9]{background:linear-gradient(to bottom,var(--color-blue-70),var(--bg))}@media (prefers-reduced-motion:reduce){.water[data-v-f42d23a9]{animation:none}}.fishes[data-v-f42d23a9]{height:100%;position:relative}.fish[data-v-f42d23a9]{background:transparent;border:0;color:inherit;font-family:var(--font);letter-spacing:.1em;outline:none;padding:0;text-wrap:pretty;--line-height-sm:var(--line-height-xs-sm);--line-height-base:var(--line-height-xs-base);--line-height-lg:var(--line-height-xs-lg);line-height:var(--line-height-base)}@container (width <= 320px){.fish[data-v-f42d23a9]{line-height:var(--line-height-sm)}}@container (width >= 960px){.fish[data-v-f42d23a9]{line-height:var(--line-height-lg)}}.fish[data-v-f42d23a9]{align-items:center;animation:swim-f42d23a9 calc(var(--loop-duration) + var(--distance)*3s) linear calc(var(--random)*var(--loop-duration)*-1) infinite;background-color:var(--fish-color);border-radius:0 50% 50% 0;color:var(--color-blue-30);cursor:pointer;display:flex;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.03em;letter-spacing:.18em;line-height:1;padding:.9em 1.7em .83em .9em;position:absolute;scale:clamp(1,1 + var(--size) * var(--size) * .014,3);text-transform:uppercase;transition-property:background-color,color,scale}:where(.-light-mode) .fish[data-v-f42d23a9]{color:var(--color-blue-70)}.fish[data-v-f42d23a9],.fish[data-v-f42d23a9]:before{transition-duration:.25s;transition-timing-function:ease}.fish[data-v-f42d23a9]:before{animation:tail-f42d23a9 .6s ease calc(var(--random)*.8s) infinite;animation-direction:alternate;border-bottom:1.25em solid transparent;border-left:1.25em solid transparent;border-left-color:var(--fish-color);border-right:0 solid transparent;border-top:1.25em solid transparent;content:"";display:block;height:0;left:0;position:absolute;top:50%;transform-origin:right center;transition-property:border-color;translate:-75% -50%;width:0}@media (prefers-reduced-motion:reduce){.fish[data-v-f42d23a9]:before{animation:none}}.fish.--distance-near[data-v-f42d23a9]{--fish-color:var(--color-blue-70)}:where(.-light-mode) .fish.--distance-near[data-v-f42d23a9]{--fish-color:var(--color-blue-30)}.fish.--distance-near[data-v-f42d23a9]{z-index:4}.fish.--distance-mid[data-v-f42d23a9]{--fish-color:var(--color-blue-60)}:where(.-light-mode) .fish.--distance-mid[data-v-f42d23a9]{--fish-color:var(--color-blue-40)}.fish.--distance-mid[data-v-f42d23a9]{z-index:3}.fish.--distance-mid.--dummy[data-v-f42d23a9]{--fish-color:var(--color-blue-50)}:where(.-light-mode) .fish.--distance-mid.--dummy[data-v-f42d23a9]{--fish-color:var(--color-blue-50)}.fish.--distance-mid.--dummy[data-v-f42d23a9]{z-index:2}.fish.--distance-far[data-v-f42d23a9]{--fish-color:var(--color-blue-40)}:where(.-light-mode) .fish.--distance-far[data-v-f42d23a9]{--fish-color:var(--color-blue-60)}.fish.--distance-far[data-v-f42d23a9]{z-index:1}.fish[data-v-f42d23a9]:focus-visible,.fish[data-v-f42d23a9]:hover{--fish-color:var(--bg-up);animation-play-state:paused;color:var(--fg-secondary);rotate:-2deg}.fish[data-v-f42d23a9]:focus-visible:before,.fish[data-v-f42d23a9]:hover:before{animation-duration:.2s}@keyframes waves-f42d23a9{to{-webkit-mask-position:calc(50% - 4vw) 0,50% 2vw;mask-position:calc(50% - 4vw) 0,50% 2vw}0%{-webkit-mask-position:calc(50% - 4vw + var(--wave-size)) 0,calc(50% + var(--wave-size)) 2vw;mask-position:calc(50% - 4vw + var(--wave-size)) 0,calc(50% + var(--wave-size)) 2vw}}@keyframes swim-f42d23a9{0%{translate:-300% 0}to{translate:calc(100vw + 100%) 0}}@keyframes tail-f42d23a9{0%{scale:1 1}to{scale:.7 1}}