.liquid-ether-container{touch-action:none;width:100%;height:100%;position:relative;overflow:hidden}
.btn-container{--btn-color:#d8ff7c;--corner-color:transparent;--corner-dist:24px;--corner-multiplier:1.05;--timing-function:cubic-bezier(0, 0, 0, 2.5);--duration:.25s;justify-content:center;align-items:center;display:flex;position:relative}.btn{min-width:160px;min-height:calc(var(--corner-dist) * 2);background:linear-gradient(#fff2, #0001), var(--btn-color);transition:transform var(--duration) var(--timing-function), filter var(--duration) var(--timing-function);-webkit-transition:transform var(--duration) var(--timing-function), -webkit-filter var(--duration) var(--timing-function);cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;padding:.25em 1em;text-decoration:none;display:flex;position:relative;box-shadow:inset 1px 1px 2px -1px #fff,0 2px 1px #00000010,0 4px 2px #00000010,0 8px 4px #00000010,0 16px 8px #00000010,0 32px 16px #00000010}.btn-drawer{color:#0009;background:linear-gradient(#fff2, #0001), var(--btn-color);opacity:0;min-height:32px;transition:transform calc(.5 * var(--duration)) ease, filter var(--duration) var(--timing-function), opacity calc(.5 * var(--duration)) ease;-webkit-transition:transform calc(.5 * var(--duration)) ease, -webkit-filter var(--duration) var(--timing-function), opacity calc(.5 * var(--duration)) ease;-webkit-filter:blur(2px);background-color:#fbff13;border:none;border-radius:16px;justify-content:center;padding:.25em 1em;font-family:Poppins,monospace;font-size:.8em;font-weight:600;display:flex;position:absolute}.transition-top{border-radius:12px 12px 0 0;align-items:start;top:0;left:0}.transition-bottom{border-radius:0 0 12px 12px;align-items:end;bottom:0;right:0}.btn-text{color:#5550;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 1px #fff6)drop-shadow(0 -1px #0006);transition:transform var(--duration) var(--timing-function), filter var(--duration) var(--timing-function), color var(--duration) var(--timing-function);-webkit-transition:transform var(--duration) var(--timing-function), -webkit-filter var(--duration) var(--timing-function), color var(--duration) var(--timing-function);background-image:linear-gradient(#444,#000a);-webkit-background-clip:text;background-clip:text;font-family:Syne,Poppins,Inter,sans-serif;font-size:1.25em;font-weight:600;display:inline-block}.btn-corner{fill:none;width:32px;stroke:var(--corner-color);transition:transform var(--duration) var(--timing-function), filter var(--duration) var(--timing-function);-webkit-transition:transform var(--duration) var(--timing-function), -webkit-filter var(--duration) var(--timing-function);position:absolute}.btn-corner:first-of-type{transform:translate(calc(-1 * var(--corner-dist)), calc(-1 * var(--corner-dist))) rotate(90deg);top:0;left:0}.btn-corner:nth-of-type(2){transform:translate(var(--corner-dist), calc(-1 * var(--corner-dist))) rotate(180deg);top:0;right:0}.btn-corner:nth-of-type(3){transform:translate(var(--corner-dist), var(--corner-dist)) rotate(-90deg);bottom:0;right:0}.btn-corner:nth-of-type(4){transform:translate(calc(-1 * var(--corner-dist)), var(--corner-dist)) rotate(0deg);bottom:0;left:0}@media (hover:hover) and (pointer:fine){:is(.btn-container:has(.btn:hover),.btn-container:has(.btn:focus-visible)) .btn{-webkit-filter:drop-shadow(0 16px 16px #0002);transform:scale(1.05)}:is(.btn-container:has(.btn:hover),.btn-container:has(.btn:focus-visible)) .transition-top{-webkit-filter:blur();opacity:1;animation:3s linear infinite hue-anim;transform:translateY(-34px)rotate(4deg)}:is(.btn-container:has(.btn:hover),.btn-container:has(.btn:focus-visible)) .transition-bottom{-webkit-filter:blur();opacity:1;animation:3s linear infinite hue-anim;transform:translateY(34px)rotate(4deg)}:is(.btn-container:has(.btn:hover),.btn-container:has(.btn:focus-visible)) .btn-text{-webkit-filter:drop-shadow(0 1px #fff6)drop-shadow(0 -1px #0006)drop-shadow(0 6px 2px #0003);color:#0008;transform:scale(1.05)}:is(.btn-container:has(.btn:hover),.btn-container:has(.btn:focus-visible)){--corner-color:#00000014}:is(.btn-container:has(.btn:hover),.btn-container:has(.btn:focus-visible)) .btn-corner:first-of-type{transform:translate(calc(-1 * var(--corner-multiplier) * var(--corner-dist)), calc(-1 * var(--corner-multiplier) * var(--corner-dist))) rotate(90deg);-webkit-filter:drop-shadow(-10px 10px 1px var(--corner-color)) drop-shadow(-20px 20px 2px var(--corner-color))}:is(.btn-container:has(.btn:hover),.btn-container:has(.btn:focus-visible)) .btn-corner:nth-of-type(2){transform:translate(calc(var(--corner-multiplier) * var(--corner-dist)), calc(-1 * var(--corner-multiplier) * var(--corner-dist))) rotate(180deg);-webkit-filter:drop-shadow(-10px 10px 1px var(--corner-color)) drop-shadow(-20px 20px 2px var(--corner-color))}@-moz-document url-prefix(){:is(.btn-container:has(.btn:hover),.btn-container:has(.btn:focus-visible)) .btn-corner:nth-of-type(2){filter:drop-shadow(10px -10px 1px var(--corner-color)) drop-shadow(20px -20px 2px var(--corner-color))}}:is(.btn-container:has(.btn:hover),.btn-container:has(.btn:focus-visible)) .btn-corner:nth-of-type(3){transform:translate(calc(var(--corner-multiplier) * var(--corner-dist)), calc(var(--corner-multiplier) * var(--corner-dist))) rotate(-90deg);-webkit-filter:drop-shadow(-10px 10px 1px var(--corner-color)) drop-shadow(-20px 20px 2px var(--corner-color))}:is(.btn-container:has(.btn:hover),.btn-container:has(.btn:focus-visible)) .btn-corner:nth-of-type(4){transform:translate(calc(-1 * var(--corner-multiplier) * var(--corner-dist)), calc(var(--corner-multiplier) * var(--corner-dist))) rotate(0deg);-webkit-filter:drop-shadow(-10px 10px 1px var(--corner-color)) drop-shadow(-20px 20px 2px var(--corner-color))}.btn-container:has(.btn:active) .btn{-webkit-filter:drop-shadow(0 10px 4px #0002);transform:scale(.95)}.btn-container:has(.btn:active) .transition-top,.btn-container:has(.btn:active) .transition-bottom{transform:translateY(0)scale(.5)}.btn-container:has(.btn:active) .btn-text{-webkit-filter:drop-shadow(0 1px #fff6)drop-shadow(0 -1px #0006)drop-shadow(0 6px 2px #0003);color:#000a;transform:scale(1)}.btn-container:has(.btn:active){--corner-color:#0005;--corner-multiplier:.95}.btn-container:has(.btn:active) .btn-corner:first-of-type{transform:translate(calc(-1 * var(--corner-multiplier) * var(--corner-dist)), calc(-1 * var(--corner-multiplier) * var(--corner-dist))) rotate(90deg);-webkit-filter:drop-shadow(-10px 10px 2px var(--corner-color)) drop-shadow(-20px 20px 3px var(--corner-color))}.btn-container:has(.btn:active) .btn-corner:nth-of-type(2){transform:translate(calc(var(--corner-multiplier) * var(--corner-dist)), calc(-1 * var(--corner-multiplier) * var(--corner-dist))) rotate(180deg);-webkit-filter:drop-shadow(-10px 10px 2px var(--corner-color)) drop-shadow(-20px 20px 3px var(--corner-color))}@-moz-document url-prefix(){.btn-container:has(.btn:active) .btn-corner:nth-of-type(2){filter:drop-shadow(10px -10px 2px var(--corner-color)) drop-shadow(20px -20px 3px var(--corner-color))}}.btn-container:has(.btn:active) .btn-corner:nth-of-type(3){transform:translate(calc(var(--corner-multiplier) * var(--corner-dist)), calc(var(--corner-multiplier) * var(--corner-dist))) rotate(-90deg);-webkit-filter:drop-shadow(-10px 10px 2px var(--corner-color)) drop-shadow(-20px 20px 3px var(--corner-color))}.btn-container:has(.btn:active) .btn-corner:nth-of-type(4){transform:translate(calc(-1 * var(--corner-multiplier) * var(--corner-dist)), calc(var(--corner-multiplier) * var(--corner-dist))) rotate(0deg);-webkit-filter:drop-shadow(-10px 10px 2px var(--corner-color)) drop-shadow(-20px 20px 3px var(--corner-color))}}@keyframes hue-anim{0%,to{-webkit-filter:hue-rotate()}50%{-webkit-filter:hue-rotate(-70deg)}}
.bubble-menu{pointer-events:none;z-index:99;justify-content:space-between;align-items:center;gap:16px;padding:0 2em;display:flex;top:2em;left:0;right:0}.bubble-menu.fixed{position:fixed}.bubble-menu.absolute{position:absolute}.bubble-menu .bubble{--bubble-size:48px;width:var(--bubble-size);height:var(--bubble-size);pointer-events:auto;background:#fff;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 4px 16px #0000001f}.bubble-menu .logo-bubble,.bubble-menu .toggle-bubble{will-change:transform}.bubble-menu .logo-bubble{width:auto;min-height:var(--bubble-size);height:var(--bubble-size);border-radius:calc(var(--bubble-size) / 2);gap:8px;padding:0 16px}.bubble-menu .toggle-bubble{width:var(--bubble-size);height:var(--bubble-size)}.bubble-menu .bubble-logo{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:60%;display:block}.bubble-menu .logo-content{--logo-max-height:60%;--logo-max-width:100%;justify-content:center;align-items:center;width:120px;height:100%;display:inline-flex}.bubble-menu .logo-content>.bubble-logo,.bubble-menu .logo-content>img,.bubble-menu .logo-content>svg{max-height:var(--logo-max-height);max-width:var(--logo-max-width)}.bubble-menu .menu-btn{cursor:pointer;background:#fff;border:none;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex}.bubble-menu .menu-line{transform-origin:50%;background:#111;border-radius:2px;width:26px;height:2px;margin:0 auto;transition:transform .3s,opacity .3s;display:block}.bubble-menu .menu-line+.menu-line{margin-top:6px}.bubble-menu .menu-btn.open .menu-line:first-child{transform:translateY(4px)rotate(45deg)}.bubble-menu .menu-btn.open .menu-line:last-child{transform:translateY(-4px)rotate(-45deg)}@media (min-width:768px){.bubble-menu .bubble{--bubble-size:56px}.bubble-menu .logo-bubble{padding:0 16px}}.bubble-menu-items{pointer-events:none;z-index:98;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bubble-menu-items.fixed{position:fixed}.bubble-menu-items.absolute{position:absolute}.bubble-menu-items .pill-list{pointer-events:auto;flex-wrap:wrap;justify-content:stretch;gap:4px 0;width:100%;max-width:1600px;margin:0 auto;padding:0 24px;list-style:none;display:flex}.bubble-menu-items .pill-list .pill-spacer{pointer-events:none;width:100%;height:0}.bubble-menu-items .pill-list .pill-col{box-sizing:border-box;flex:0 0 33.3333%;justify-content:center;align-items:stretch;display:flex}.bubble-menu-items .pill-list .pill-col:nth-child(4):nth-last-child(2){margin-left:16.6667%}.bubble-menu-items .pill-list .pill-col:nth-child(4):last-child{margin-left:33.3333%}.bubble-menu-items .pill-link{--pill-bg:#fff;--pill-color:#111;--pill-border:#0000001f;--item-rot:0deg;--pill-min-h:160px;--hover-bg:#f3f4f6;--hover-color:#111;width:100%;min-height:var(--pill-min-h);background:var(--pill-bg);color:var(--pill-color);will-change:transform;box-sizing:border-box;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;height:10px;padding:clamp(1.5rem,3vw,8rem) 0;font-size:clamp(1.5rem,4vw,4rem);font-weight:400;line-height:0;text-decoration:none;transition:background .3s,color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #0000001a}@media (min-width:900px){.bubble-menu-items .pill-link{transform:rotate(var(--item-rot))}.bubble-menu-items .pill-link:hover{transform:rotate(var(--item-rot)) scale(1.06);background:var(--hover-bg);color:var(--hover-color)}.bubble-menu-items .pill-link:active{transform:rotate(var(--item-rot)) scale(.94)}}.bubble-menu-items .pill-link .pill-label{will-change:transform, opacity;height:1.2em;line-height:1.2;display:inline-block}@media (max-width:899px){.bubble-menu-items{align-items:flex-start;padding-top:120px}.bubble-menu-items .pill-list{row-gap:16px}.bubble-menu-items .pill-list .pill-col{flex:0 0 100%;overflow:visible;margin-left:0!important}.bubble-menu-items .pill-link{min-height:80px;padding:clamp(1rem,2vw,2rem) 0;font-size:clamp(1.2rem,3vw,4rem)}.bubble-menu-items .pill-link:hover{background:var(--hover-bg);color:var(--hover-color);transform:scale(1.06)}.bubble-menu-items .pill-link:active{transform:scale(.94)}}
