.sx-liquid{isolation:isolate;transition:color .4s 80ms,border-color .4s,scale .15s ease-out;position:relative;overflow:hidden}.sx-liquid-fill{z-index:-1;pointer-events:none;height:calc(100% + 16px);transition:transform .8s cubic-bezier(.6,0,.2,1);position:absolute;inset:auto 0 0;transform:translateY(101%)}.sx-liquid:hover>.sx-liquid-fill,.sx-liquid:focus-visible>.sx-liquid-fill{transform:translateY(0)}.sx-liquid:hover,.sx-liquid:focus-visible{color:var(--sx-fill-fg,#fff);border-color:var(--sx-fill,#0a0a0a)}.sx-liquid-body{background:var(--sx-fill,#0a0a0a);position:absolute;inset:13px 0 0}.sx-wave{background:var(--sx-fill,#0a0a0a);width:calc(100% + 64px);height:14px;animation:1.6s linear infinite paused sx-wave;position:absolute;top:0;left:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='14' viewBox='0 0 64 14'%3E%3Cpath d='M0 7 Q16 0 32 7 T64 7 V14 H0 Z'/%3E%3C/svg%3E") 0 0/64px 14px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='14' viewBox='0 0 64 14'%3E%3Cpath d='M0 7 Q16 0 32 7 T64 7 V14 H0 Z'/%3E%3C/svg%3E") 0 0/64px 14px repeat-x}.sx-liquid:hover .sx-wave,.sx-liquid:focus-visible .sx-wave{animation-play-state:running}.sx-wave-back{opacity:.45;animation-duration:2.4s;animation-direction:reverse;top:-3px}@keyframes sx-wave{to{transform:translate(-64px)}}@media (prefers-reduced-motion:reduce){.sx-wave{animation:none}.sx-liquid-fill{transition-duration:.2s}}@keyframes one-studio-breathe{0%,to{opacity:1}50%{opacity:.35}}.one-studio-breathe{animation:2.6s ease-in-out infinite one-studio-breathe}@media (prefers-reduced-motion:reduce){.one-studio-breathe{animation:none}}