body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.bold-white{color:#fff;display:inline;font-weight:900}.dim{filter:brightness(60%)}.red{color:#ff5b61}.green,.red{font-weight:600}.green{color:#77f777}.building{aspect-ratio:50/9;display:flex;height:auto;overflow:hidden;width:100%}.building .col-right{align-self:center;font-size:2rem;grid-column:3/3;opacity:.5;width:150%}.building .col-left{align-self:center;grid-column:2/2}.building .col-left .name{font-size:1.5rem;text-shadow:1px 1px #000}.building button{background-image:url(/cookieclicker/static/media/button_background.711f3c03690504ca2f2a.png);background-size:cover;cursor:pointer;filter:brightness(1.25);height:100%;left:0;top:0;width:100%}.building button:hover{filter:brightness(1.45)}.building button .cookie-symbol{aspect-ratio:1/1;height:auto;margin:0;padding:0;width:10%}.building button img{max-height:100%;max-width:100%}.buildingTooltip .top{display:grid;grid-template-columns:.5fr 2fr 1.5fr}.buildingTooltip .top h4{grid-column:2/2;margin:5% 0 0;text-shadow:0 0 10px #fff}.buildingTooltip .top img{aspect-ratio:1/1;height:auto;margin-left:10%;margin-top:10%;object-fit:contain;padding:0;width:80%}.buildingTooltip .price{margin-left:auto;margin-right:5%;margin-top:5%;text-align:right}.buildingTooltip .top .price img{aspect-ratio:1/1;height:auto;margin:0;padding:0;width:10%}.buildingTooltip .mid .quote{color:#969696;font-size:.85rem;margin-right:2%;margin-top:0;text-align:right}.buildingTooltip .bot{color:#d2d2d2;font-size:.8rem}.building .button-contents{display:grid;filter:brightness(.8);grid-template-columns:1fr 2fr 2fr;height:100%;width:100%}.building .button-contents img{max-height:100%;object-fit:contain}.building .button-contents:hover{filter:brightness(.689)}img{-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}@keyframes fadeIn{0%{opacity:0}12%{opacity:100%}to{opacity:100%}}@keyframes fadeInSlow{0%{opacity:0}88%{opacity:0}to{opacity:100%}}@keyframes slide-horizontal{0%{transform:translateX(0)}to{transform:translateX(26%)}}@keyframes slide-vertical{0%{transform:translateY(0)}88%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes spin{0%{rotate:0deg}to{rotate:1turn}}@keyframes invis{0%{opacity:0}to{opacity:0}}.white{color:#fff}.grey{color:#b8b5b5}.bright{filter:brightness(200%)}.shrink-cookie{aspect-ratio:1/1;height:auto;margin:0;padding:0;position:relative;top:4px;width:2%}.tooltip-portal{overflow:hidden}.layout{display:grid;flex:1 1 auto;grid-template-columns:2.29fr .75rem 4fr .75rem 1.5fr;height:100vh;overflow:hidden;width:100%}.layout .left-col{background-image:url(/cookieclicker/static/media/background.4695978a367312160707.jpg);color:#fff;display:grid;grid-template-rows:1.5fr 1fr 8.5fr 5.875fr;height:100vh}.layout .main-cookie{align-items:center;display:flex;justify-content:center;position:relative}.layout .main-cookie img:hover{cursor:pointer}.layout .main-cookie img{height:15rem;object-fit:cover;position:absolute;width:15rem}.layout .main-cookie .shine{animation:spin 18s linear infinite;filter:opacity(.6);height:30rem;width:30rem}.layout .main-cookie .shine2{animation:spin 18s linear infinite reverse;filter:opacity(.2);height:30rem;width:30rem}.layout .username{display:flex;justify-content:center}.layout .username button{background-color:#00000080;border-radius:40%;color:#ffffffe6;font-family:Merriweather;height:3rem;margin-top:4rem;width:15rem}.layout .cookie-count{background-color:#0006;display:flex;font-size:1rem;font-weight:500;justify-content:center;margin-top:1rem}.layout .cookie-count h1{margin:0}.layout .left-col .milk{display:flex;flex-direction:row;height:100%;overflow:hidden;width:100%}.layout .left-col .milk img{animation:slide-horizontal 3s linear infinite;filter:saturate(1.5);filter:brightness(1.1);opacity:85%;translate:-30% 0}.layout .cookie-rate{background-color:#0006;display:flex;justify-content:center;margin-bottom:1.5rem}.layout .divider-one{grid-column:2/2}.layout .mid-col{display:grid;grid-column:3/3;grid-template-rows:6.62fr .5fr 55.95fr;height:100vh}.layout .mid-col .menu{background-image:linear-gradient(#0009,#0000004d 30%,#00001e4d 90%,#0009),url(/cookieclicker/static/media/background.4695978a367312160707.jpg);display:flex;font-size:0;height:100%;justify-content:space-between;max-height:6rem}.layout .mid-col .menu img{height:50%;width:100%}.layout .mid-col .menu .left-menu .options{position:absolute;transform:translate(-105%,-100%)}.layout .mid-col .menu .left-menu .stats{position:absolute;transform:translate(-105%)}.layout .mid-col .menu-button{background-color:initial;border:none;color:grey;cursor:pointer;font-size:1.2rem;height:3rem;outline:none;width:6rem}.layout .mid-col .left-menu button:hover{filter:brightness(200%)}.layout .mid-col .menu .mid-menu{color:#fff;text-align:center}.layout .mid-col .menu .mid-menu .active-text{animation:fadeIn 10s linear 1 reverse,slide-vertical 10s linear 1 forwards;margin-bottom:0}.layout .mid-col .menu .mid-menu .incoming-text{animation:fadeInSlow 10s linear infinite forwards,slide-vertical 10s linear infinite forwards;margin-top:0}.layout .mid-col .menu .mid-menu h3{font-size:1.2rem}.layout .mid-col .menu .right-menu{align-self:flex-end;aspect-ratio:1/1;height:100%}.layout .mid-col .menu .left-menu{aspect-ratio:1/1;height:100%}.layout .mid-col .menu .right-menu .info{position:absolute;transform:translate(-105%,-100%)}.layout .mid-col .menu .right-menu .legacy{position:absolute;transform:translate(-105%)}.sub-menu{background-color:#000;display:flex;flex-direction:column;overflow-y:scroll}.info-menu a:link{color:grey}.info-menu a:hover{filter:brightness(2)}.info-menu a:visited{color:grey}.sub-menu .title{font-size:1.8rem;font-weight:600;margin-top:2rem;text-align:center;text-shadow:0 .5px 0 #ccc,0 1px 0 #ccc,0 1.5px 0 #ccc;text-shadow:0 0 10px #fff,0 0 20px #fff}.sub-menu .subtitle{font-size:1.3rem;font-weight:600;margin-bottom:1rem;margin-left:1rem;margin-top:2rem}.sub-menu .text{margin-left:1rem}.layout .mid-col .building-backgrounds{background-image:url(/cookieclicker/static/media/background.4695978a367312160707.jpg);overflow-y:scroll}.building-background{display:flex;overflow:hidden;white-space:nowrap}.background-building img{position:relative}.layout .divider-two{grid-column:4/4}.layout .divider-one img,.layout .divider-two img{height:100vh;position:relative;width:.75rem}.layout .right-col{background-image:linear-gradient(#0009,#0009 20%,#0006 30%,#00001e66 70%,#000c),url(/cookieclicker/static/media/background.4695978a367312160707.jpg);display:flex;flex-direction:column;grid-column:5/-1;height:100vh;overflow-y:scroll;padding:0;position:relative;z-index:1}.layout .right-col h1{align-items:center;display:flex;flex-direction:column}.layout .right-col .shop-options{align-items:center;background-color:#000;display:flex;padding:0}.layout .right-col .shop-options button{background-color:initial;border:0;color:#fff;height:2rem;margin-left:.5rem;margin-right:.5rem;width:4rem}.highlight-button{font-weight:700;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #fff}.layout .right-col .shop-options .primary-options{align-items:center;display:flex;flex-direction:column}.layout .right-col .shop-options .primary-options button{margin-bottom:.5rem;margin-top:.5rem}.layout .right-col .shop-buildings{height:100%}.layout .right-col .shop-buildings button{height:4rem;width:100%}.layout .divider-three{margin:0;padding:0}.layout .divider-three img{display:block;max-height:1rem;width:100%}.layout .right-col .upgrade-menu{grid-gap:0;display:grid;flex:1 0 auto;grid-template-columns:repeat(5,1fr);height:auto;min-height:0;overflow:visible;position:relative}.rotate-90{rotate:90deg}.y-reflect{transform:scaleX(-1)}.push-right{float:right}.tooltiptext{background-color:#1e1e1e;border:4px groove #deb887;color:#fff;position:absolute;transform:translateX(-50%);width:23rem;z-index:1000}*{box-sizing:border-box;font-family:Merriweather}@font-face{font-family:Merriweather;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-cSZMZ-Y.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}.tooltip{aspect-ratio:1/1;display:inline-block;height:auto;margin-bottom:-7%;overflow:hidden;position:relative;width:100%}.tooltip img{filter:brightness(50%);object-fit:cover}.tooltip .mainImage frame img,.tooltip img{height:100%;margin:0;padding:0;width:100%}.tooltip .mainImage .upgrade-image{bottom:12%;height:80%;position:absolute;right:12%;width:80%}.bright{filter:brightness(2)}.upgradeTooltip{display:flex;flex-direction:column}.upgradeTooltip .top{display:grid;grid-template-columns:.5fr 2fr 1fr}.upgradeTooltip .top h4{grid-column:2/2;margin:5% 0 0;text-shadow:0 0 10px #fff}.upgradeTooltip .top img{aspect-ratio:1/1;height:auto;margin:0;padding:0;width:100%}.upgradeTooltip .price{margin-left:auto;margin-right:5%;margin-top:5%;text-align:right}.upgradeTooltip .top .price img{aspect-ratio:1/1;height:auto;margin:0;padding:0;width:10%}.upgradeTooltip .mid .description{color:#c8c8c8;margin-left:2%;margin-top:0}.upgradeTooltip .mid .quote{color:#969696;font-size:.8rem;margin-right:2%;margin-top:0;text-align:right}
/*# sourceMappingURL=main.0c86f599.css.map*/