@keyframes marquee-left{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes marquee-right{0%{transform:translateX(-50%)}to{transform:translateX(0)}}.animate-marquee-left{animation:marquee-left 60s linear infinite}.animate-marquee-right{animation:marquee-right 60s linear infinite}.btn-container{--btn-color:#d8ff7c;--corner-color:#0002;--corner-dist:24px;--corner-multiplier:1.5;--timing-function:cubic-bezier(0,0,0,2.5);--duration:250ms;position:relative;display:flex;align-items:center;justify-content:center;font-size:16px}.btn{position:relative;min-width:200px;min-height:calc(var(--corner-dist) * 2.2);padding:.5em 1.5em;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;transition:transform var(--duration) var(--timing-function),filter var(--duration) var(--timing-function);cursor:pointer}.btn,.btn-drawer{border-radius:16px;border:none;background:linear-gradient(#fff2,#0001),var(--btn-color)}.btn-drawer{position:absolute;display:flex;justify-content:center;min-height:32px;padding:.25em 1em;font-size:.85em;font-weight:600;font-family:inherit;color:#0009;background-color:#fbff13;opacity:0;transition:transform calc(.5 * var(--duration)) ease,filter var(--duration) var(--timing-function),opacity calc(.5 * var(--duration)) ease;filter:blur(2px)}.transition-top{top:0;left:0;border-radius:12px 12px 0 0;align-items:start}.transition-bottom{bottom:0;right:0;border-radius:0 0 12px 12px;align-items:end}.btn-text{display:inline-block;font-size:1.15em;font-family:inherit;font-weight:700;color:#5550;background-image:linear-gradient(#444,#000a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 #fff6) drop-shadow(0 -1px 0 #0006);transition:transform var(--duration) var(--timing-function),filter var(--duration) var(--timing-function),color var(--duration) var(--timing-function)}.btn-corner{position:absolute;width:32px;fill:none;stroke:var(--corner-color);transition:transform var(--duration) var(--timing-function),filter var(--duration) var(--timing-function)}.btn-corner:first-of-type{top:0;left:0;transform:translate(calc(-1 * var(--corner-dist)),calc(-1 * var(--corner-dist))) rotate(90deg)}.btn-corner:nth-of-type(2){top:0;right:0;transform:translate(var(--corner-dist),calc(-1 * var(--corner-dist))) rotate(180deg)}.btn-corner:nth-of-type(3){bottom:0;right:0;transform:translate(var(--corner-dist),var(--corner-dist)) rotate(-90deg)}.btn-corner:nth-of-type(4){bottom:0;left:0;transform:translate(calc(-1 * var(--corner-dist)),var(--corner-dist)) rotate(0deg)}.btn-container:focus-within .btn,.btn-container:hover .btn{transform:scale(1.05);filter:drop-shadow(0 16px 16px #0002)}.btn-container:focus-within .transition-top,.btn-container:hover .transition-top{transform:translateY(-24px) rotate(4deg);filter:blur(0);animation:hue-anim 3s linear infinite;opacity:1}.btn-container:focus-within .transition-bottom,.btn-container:hover .transition-bottom{transform:translateY(24px) rotate(4deg);filter:blur(0);animation:hue-anim 3s linear infinite;opacity:1}.btn-container:focus-within .btn-text,.btn-container:hover .btn-text{filter:drop-shadow(0 1px 0 #fff6) drop-shadow(0 -1px 0 #0006) drop-shadow(0 6px 2px #0003);transform:scale(1.05);color:#0008}.btn-container:focus-within .btn-corner:first-of-type,.btn-container:hover .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);filter:drop-shadow(-10px 10px 1px rgba(0,0,0,.25)) drop-shadow(-20px 20px 2px rgba(0,0,0,.25))}.btn-container:focus-within .btn-corner:nth-of-type(2),.btn-container:hover .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);filter:drop-shadow(-10px 10px 1px rgba(0,0,0,.25)) drop-shadow(-20px 20px 2px rgba(0,0,0,.25))}.btn-container:focus-within .btn-corner:nth-of-type(3),.btn-container:hover .btn-corner:nth-of-type(3){transform:translate(calc(var(--corner-multiplier) * var(--corner-dist)),calc(var(--corner-multiplier) * var(--corner-dist))) rotate(-90deg);filter:drop-shadow(-10px 10px 1px rgba(0,0,0,.25)) drop-shadow(-20px 20px 2px rgba(0,0,0,.25))}.btn-container:focus-within .btn-corner:nth-of-type(4),.btn-container:hover .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);filter:drop-shadow(-10px 10px 1px rgba(0,0,0,.25)) drop-shadow(-20px 20px 2px rgba(0,0,0,.25))}.btn-container:active .btn{transform:scale(.95);filter:drop-shadow(0 10px 4px #0002)}.btn-container:active .transition-bottom,.btn-container:active .transition-top{transform:translateY(0) scale(.5)}.btn-container:active .btn-text{filter:drop-shadow(0 1px 0 #fff6) drop-shadow(0 -1px 0 #0006) drop-shadow(0 6px 2px #0003);transform:scale(1);color:#000a}@keyframes hue-anim{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(-70deg)}}