#game-container{position:absolute;top:0;left:0;display:block;width:100vw;height:100vh}.bot-menu{font-family:Share Tech Mono,monospace;position:fixed;left:0;top:0;width:300px;height:100vh;background:linear-gradient(180deg,#000000d9 100%,#ae2aa699 0%);transform:translate(-300px);transition:transform .3s ease;z-index:1000;overflow:hidden}body.bot-menu-open .bot-menu{transform:translate(0)}.bot-menu-overlay{position:fixed;top:0;left:0;display:block!important;width:100vw;height:100vh;background:linear-gradient(180deg,#ae2aa699,#000000d9);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:999}body.bot-menu-open .bot-menu-overlay{opacity:1;pointer-events:auto}.hamburger{text-align:left;font-size:2rem;border:none;background:var(--violet-30);z-index:9999;cursor:pointer}header .hamburger{top:-4.25rem;left:-2rem;position:relative;width:55px}@media only screen and (min-width: 990px){header .hamburger{top:.5rem;left:-4rem;width:unset}header .hamburger.is-active{opacity:0}}.bot-menu-wrapper .hamburger{position:absolute;top:.8rem;left:1rem}// make the box and the lines ignore pointer events .hamburger-box,.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{pointer-events:none}/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */.hamburger{padding:15px;display:inline-block;cursor:pointer;transition:all .5s ease-in-out;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover,.hamburger.is-active:hover{color:var(--violet-20)}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:before,.hamburger.is-active .hamburger-inner:after{transition:all .25s ease-in-out;background-color:var(--violet-30)}.hamburger.is-active:hover .hamburger-inner,.hamburger.is-active:hover .hamburger-inner:before,.hamburger.is-active:hover .hamburger-inner:after{background-color:var(--violet-20)}.hamburger .menu-text{position:relative;color:var(--violet-30);top:-.65rem;left:.5rem;transition:color .25s ease-in-out}.hamburger:hover .menu-text{color:var(--violet-20)}.hamburger.is-active .menu-text{opacity:0}@media only screen and (max-width: 990px){.hamburger .menu-text{display:none}}.hamburger-box{width:32px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{width:32px;height:3px;background-color:var(--violet-30);position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner:before,.hamburger-inner:after{content:"";display:block}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-18px}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s .175s ease-in}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s .125s linear,left .125s .175s ease-in}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s .125s linear,right .125s .175s ease-in}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic.is-active .hamburger-inner:before{left:-80px;top:-80px;transform:translate3d(80px,80px,0) rotate(45deg);transition:left .125s ease-out,top .05s .125s linear,transform .125s .175s cubic-bezier(.075,.82,.165,1)}.hamburger--emphatic.is-active .hamburger-inner:after{right:-80px;top:-80px;transform:translate3d(-80px,80px,0) rotate(-45deg);transition:right .125s ease-out,top .05s .125s linear,transform .125s .175s cubic-bezier(.075,.82,.165,1)}@keyframes flashEmphatic{0%,to{background-color:var(--violet-30)}50%{background-color:var(--violet-20)}}.hamburger--emphatic.is-active .hamburger-inner,.hamburger--emphatic.is-active .hamburger-inner:before,.hamburger--emphatic.is-active .hamburger-inner:after{animation:flashEmphatic .6s ease-in-out}.hamburger--emphatic{transition:transform .4s ease-in-out}.hamburger--emphatic.is-active{transform:translate(225px)}.bot-menu .menu__wrap{position:absolute;top:8.5em;height:calc(100vh - 8.5em);bottom:0;width:100%;overflow:hidden}.bot-menu .menu__level{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;margin:0;padding:0;list-style:none;overflow-y:auto;visibility:hidden}.bot-menu .menu__level--current{transform:translate(0);visibility:visible;transition:none}.bot-menu .menu__level.animate-outToLeft,.bot-menu .menu__level.animate-outToRight,.bot-menu .menu__level.animate-inFromLeft,.bot-menu .menu__level.animate-inFromRight{visibility:visible}.bot-menu .menu__item{display:block;padding:0}.bot-menu .menu__link{display:block;padding:.35em 2em;font-weight:600;color:var(--violet-30);text-decoration:none;position:relative}.bot-menu .menu__link[data-submenu]:after{content:"\2022";position:absolute;right:0;padding:0 1em 0 0;color:var(--violet-30)}.bot-menu .menu__link:hover,.bot-menu .menu__link:focus,.bot-menu .menu__link[data-submenu]:hover:after{color:var(--violet-20)}.bot-menu .menu__link--current{color:var(--rose-30)}.menu__item--active-ancestor>.menu__link{color:var(--rose-30)}.bot-menu .menu__link--current:before{content:"\21a0";font-size:1.5em;line-height:0;color:var(--lime-30);position:absolute;top:.6em;left:0}@media (min-width: 769px){.bot-menu .menu__link--current:before{top:.8em}}.menu__item{will-change:transform,opacity}.bot-menu .animate-outToLeft .menu__item,.bot-menu .animate-outToRight .menu__item,.bot-menu .animate-inFromLeft .menu__item,.bot-menu .animate-inFromRight .menu__item{visibility:visible}.bot-menu .animate-outToLeft .menu__item{-webkit-animation:outToLeft .6s both cubic-bezier(.7,0,.3,1);animation:outToLeft .6s both cubic-bezier(.7,0,.3,1)}.bot-menu .animate-outToRight .menu__item{-webkit-animation:outToRight .6s both cubic-bezier(.7,0,.3,1);animation:outToRight .6s both cubic-bezier(.7,0,.3,1)}.bot-menu .animate-inFromLeft .menu__item{-webkit-animation:inFromLeft .6s both cubic-bezier(.7,0,.3,1);animation:inFromLeft .6s both cubic-bezier(.7,0,.3,1)}.bot-menu .animate-inFromRight .menu__item{-webkit-animation:inFromRight .6s both cubic-bezier(.7,0,.3,1);animation:inFromRight .6s both cubic-bezier(.7,0,.3,1)}@keyframes outToLeft{to{opacity:0;transform:translate3d(-100%,0,0)}}@keyframes outToRight{to{opacity:0;transform:translate3d(100%,0,0)}}@keyframes inFromLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes inFromRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}@-webkit-keyframes outToLeft{to{opacity:0;transform:translate3d(-100%,0,0)}}@-webkit-keyframes outToRight{to{opacity:0;transform:translate3d(100%,0,0)}}@-webkit-keyframes inFromLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}@-webkit-keyframes inFromRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}.bot-menu .menu__breadcrumbs{position:relative;padding:2em 4.5em 1em 2.35em;font-size:.8em;color:var(--violet-30);z-index:100}.bot-menu .menu__breadcrumbs a{font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-right:.5em;color:var(--violet-30)}.bot-menu .menu__breadcrumbs a:not(:last-child):after{content:"\bb";margin-left:.5em}.bot-menu .menu__breadcrumbs a:first-child{display:block}.bot-menu .menu__breadcrumbs a:last-child{display:block;pointer-events:none;color:var(--violet-20);font-size:1.5em;font-weight:400}.bot-menu-back{position:absolute;top:1em;right:1em;font-size:2rem;border:none;background:none;color:var(--violet-20);z-index:1001;cursor:pointer}.bot-menu-back{right:2.5em}.bot-menu-back.hidden{opacity:0;pointer-events:none}.scrambling{color:#ffa9ff}
/*# sourceMappingURL=/cdn/shop/t/75/assets/bot_menu.css.map */