.discord-logo{transform-origin:24px 24px;transform:scale(.7)}.discord-logo.rotateY-animation .discord-original{transform-origin:50%;transition:transform .3s linear}.discord-logo-container:hover .rotateY-animation .discord-original,.animated .rotateY-animation .discord-original{transform:rotateY(180deg)}.discord-logo.rotateX-animation .discord-original{transform-origin:50%;transition:transform .3s linear}.discord-logo-container:hover .rotateX-animation .discord-original,.animated .rotateX-animation .discord-original{transform:rotateX(360deg)}.discord-logo-container:hover .shake-animation .discord-original,.animated .shake-animation .discord-original{animation-name:shake;animation-duration:.1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake{2%{transform:translate(.5px,1.5px)rotate(1.5deg)}4%{transform:translate(.5px,1.5px)rotate(1.5deg)}6%{transform:translate(-1.5px,-1.5px)rotate(-.5deg)}8%{transform:translate(.5px,-.5px)rotate(.5deg)}10%{transform:translate(.5px,2.5px)rotate(.5deg)}12%{transform:translate(2.5px,1.5px)rotate(-.5deg)}14%{transform:translate(-1.5px,2.5px)rotate(-.5deg)}16%{transform:translate(-.5px,.5px)rotate(.5deg)}18%{transform:translate(.5px,2.5px)rotate(1.5deg)}20%{transform:translate(-.5px,-.5px)rotate(.5deg)}22%{transform:translate(2.5px,.5px)rotate(-.5deg)}24%{transform:translate(-1.5px,-1.5px)rotate(.5deg)}26%{transform:translate(2.5px,-.5px)rotate(-.5deg)}28%{transform:translate(1.5px,-.5px)rotate(.5deg)}30%{transform:translate(.5px,.5px)rotate(-.5deg)}32%{transform:translate(-1.5px,.5px)rotate(-.5deg)}34%{transform:translate(.5px,2.5px)rotate(-.5deg)}36%{transform:translate(-.5px,-.5px)rotate(1.5deg)}38%{transform:translate(-1.5px,-1.5px)rotate(.5deg)}40%{transform:translate(-1.5px,1.5px)rotate(1.5deg)}42%{transform:translate(.5px,-1.5px)rotate(1.5deg)}44%{transform:translate(.5px,.5px)rotate(.5deg)}46%{transform:translate(-1.5px,-1.5px)rotate(1.5deg)}48%{transform:translate(.5px,-1.5px)rotate(.5deg)}50%{transform:translate(2.5px,.5px)rotate(-.5deg)}52%{transform:translate(-.5px,2.5px)rotate(-.5deg)}54%{transform:translate(.5px,.5px)rotate(.5deg)}56%{transform:translate(-1.5px,2.5px)rotate(.5deg)}58%{transform:translate(2.5px,.5px)rotate(.5deg)}60%{transform:translate(-1.5px,2.5px)rotate(.5deg)}62%{transform:translate(1.5px,-.5px)rotate(-.5deg)}64%{transform:translate(1.5px,-1.5px)rotate(1.5deg)}66%{transform:translate(1.5px,-1.5px)rotate(-.5deg)}68%{transform:translate(.5px,2.5px)rotate(-.5deg)}70%{transform:translate(1.5px,-1.5px)rotate(1.5deg)}72%{transform:translate(1.5px,1.5px)rotate(-.5deg)}74%{transform:translate(-.5px,1.5px)rotate(1.5deg)}76%{transform:translate(1.5px,2.5px)rotate(.5deg)}78%{transform:translate(-.5px,.5px)rotate(.5deg)}80%{transform:translate(-1.5px,2.5px)rotate(.5deg)}82%{transform:translate(.5px,2.5px)rotate(-.5deg)}84%{transform:translate(2.5px,-.5px)rotate(.5deg)}86%{transform:translate(1.5px,.5px)rotate(.5deg)}88%{transform:translate(-.5px,-1.5px)rotate(-.5deg)}90%{transform:translate(1.5px,-.5px)rotate(1.5deg)}92%{transform:translate(.5px,2.5px)rotate(.5deg)}94%{transform:translate(2.5px,.5px)rotate(-.5deg)}96%{transform:translate(.5px,2.5px)rotate(.5deg)}98%{transform:translate(2.5px,-1.5px)rotate(1.5deg)}0%,to{transform:translate(0)rotate(0)}}.discord-logo.softshake-animation .discord-original{transform-origin:24px 24px}.discord-logo-container:hover .softshake-animation .discord-original,.animated .softshake-animation .discord-original{animation:2s linear forwards softshake}@keyframes softshake{0%,66%,to{transform:rotate(0)}3%{transform:rotate(-18deg)}6%{transform:rotate(14.4deg)}9%{transform:rotate(-11.5deg)}12%{transform:rotate(9.21deg)}15%{transform:rotate(-7.37deg)}18%{transform:rotate(5.89deg)}21%{transform:rotate(-4.71deg)}24%{transform:rotate(3.77deg)}27%{transform:rotate(-3.02deg)}30%{transform:rotate(2.41deg)}33%{transform:rotate(-1.93deg)}36%{transform:rotate(1.54deg)}39%{transform:rotate(-1.23deg)}42%{transform:rotate(.99deg)}45%{transform:rotate(-.79deg)}48%{transform:rotate(.63deg)}51%{transform:rotate(-.5deg)}54%{transform:rotate(.4deg)}57%{transform:rotate(-.32deg)}60%{transform:rotate(.25deg)}63%{transform:rotate(-.2deg)}}.discord-logo.swirl-animation .discord-outer-layer{transform-origin:50%;transition:transform .8s cubic-bezier(.7,1,.7,1)}.discord-logo-container:hover .swirl-animation .discord-outer-layer,.animated .swirl-animation .discord-outer-layer{transform:scale(1.5)rotate(360deg)}.discord-logo.swirl-animation .discord-middle-layer{transform-origin:50%;transition:transform .8s cubic-bezier(.5,1,.5,1)}.discord-logo-container:hover .swirl-animation .discord-middle-layer,.animated .swirl-animation .discord-middle-layer{transform:scale(1.4)rotate(360deg)}.discord-logo.swirl-animation .discord-inner-layer{transform-origin:50%;transition:transform .8s cubic-bezier(.3,1,.3,1)}.discord-logo-container:hover .swirl-animation .discord-inner-layer,.animated .swirl-animation .discord-inner-layer{transform:scale(1.3)rotate(360deg)}.discord-logo.swirl-animation .discord-original{transition:visibility 0s .8s}.discord-logo-container:hover .swirl-animation .discord-original,.animated .swirl-animation .discord-original{visibility:hidden;transition-delay:0s}.discord-logo.spin-animation .discord-outer-layer,.discord-logo.spin-animation .discord-middle-layer,.discord-logo.spin-animation .discord-inner-layer{transform-origin:50%}.discord-logo-container:hover .spin-animation .discord-outer-layer,.animated .spin-animation .discord-outer-layer{--spin-scale:1.12;animation:.7s cubic-bezier(.5,0,.3,1) discord-spin,.7s ease-in-out discord-spin-scale}.discord-logo-container:hover .spin-animation .discord-middle-layer,.animated .spin-animation .discord-middle-layer{--spin-scale:1.09;animation:.7s cubic-bezier(.35,0,.25,1) discord-spin,.7s ease-in-out discord-spin-scale}.discord-logo-container:hover .spin-animation .discord-inner-layer,.animated .spin-animation .discord-inner-layer{--spin-scale:1.06;animation:.7s cubic-bezier(.2,0,.2,1) discord-spin,.7s ease-in-out discord-spin-scale}.discord-logo-container:hover .spin-animation .discord-original,.animated .spin-animation .discord-original{visibility:hidden}@keyframes discord-spin{0%{rotate:0deg}to{rotate:360deg}}@keyframes discord-spin-scale{50%{scale:var(--spin-scale)}}.github-corner{pointer-events:none;border:0;position:absolute;top:0;right:0}.github-corner:hover .octocat{transform-origin:50%;animation:5s ease-in-out forwards octocat-grow}@keyframes octocat-grow{16%,66%{transform:scale(1.2)}33%{transform:scale(1.1)}50%,to{transform:scale(1.3)}83%{transform:scale(1.4)}}.octo-click-text{text-anchor:middle;stroke-width:2px;opacity:0;font-family:Avenir,Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;transform:rotate(45deg)}.github-corner:hover .octo-click-text{animation:5s linear forwards octocat-text}@keyframes octocat-text{99%{opacity:0}to{opacity:1}}.github-corner:hover .octo-arm{animation:.4s linear infinite octocat-wave}@keyframes octocat-wave{0%,50%,to{transform:rotate(0)}25%{transform:rotate(-25deg)}75%{transform:rotate(10deg)}}.github-corner .octo-glasses{visibility:visible;opacity:0;transition:opacity 5s}.github-corner:hover .octo-glasses{opacity:1;animation:.4s linear 4s forwards octocat-glass-wiggle}@keyframes octocat-glass-wiggle{0%,50%,to{transform:translate(0)translateY(0)}25%,75%{transform:translate(3px)translateY(-3px)}}.discord-corner{transform-origin:60px 60px;transform:rotate(-45deg)}.buttons{display:inline-block;position:relative;bottom:60px}.buttons .button{padding:2px}.speechbubble{position:relative;transform:translateY(-50%)}.discordtext{opacity:.75}.discordtext:hover{opacity:1}.discordtext a{text-decoration:none}.toggle-button{box-sizing:border-box;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;border-radius:11px;height:22px;margin-right:4px;font-size:10px;font-weight:600;line-height:22px;transition:background-color .3s;display:inline-block;position:relative}.toggle-button.disabled{opacity:.6;cursor:not-allowed}.toggle-button input{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute}.toggle-button:has(input:focus-visible){outline-offset:2px;outline:2px solid #2c3e50}.toggle-button-label{text-align:right;padding:0 10px 0 25px;display:block}.toggle-button.checked .toggle-button-label{text-align:left;padding:0 25px 0 10px}.toggle-button-knob{background-color:#fff;border-radius:50%;width:16px;height:16px;transition:left .3s;position:absolute;top:3px;left:3px}.toggle-button.checked .toggle-button-knob{left:calc(100% - 19px)}.debug{height:500px}header{text-align:left;max-width:580px;margin:auto;padding:50px 20px 15px}#preview{display:inline-block}.previewbox{margin-top:8px;display:inline-block}.previewDiscordText{padding-right:20px}section{max-width:1200px;margin:auto;padding:50px 20px 50px 50px;display:flex}.left{height:482px;display:flex}.size-slider{writing-mode:vertical-lr;width:16px;height:482px;margin:0 8px 0 0}.left .stack{text-align:left;width:262px}.button,.input input{margin-bottom:5px}.color-picker{text-align:left;white-space:nowrap;flex-direction:column;gap:10px;padding:0 10px;display:flex}.color-picker label{align-items:center;gap:8px;display:flex}.color-picker input{cursor:pointer;background:0 0;border:0;width:48px;height:48px;padding:0}textarea{width:100%;margin-left:5px}footer{padding-bottom:5px;font-size:15px}foreignObject{width:100%;height:100%}.eyeSelector{margin-top:0;margin-bottom:15px}html,body{height:100%;margin:0}#container{width:100%;display:table}.box{text-align:center;width:33%;max-width:300px;display:inline-block}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;height:100%;font-family:Avenir,Helvetica,Arial,sans-serif}#discordcorner{border:0;position:absolute;top:0;left:0}