:root{--bgcolor: #fff;--navbg: #eaeaea;--navbgtext: #4d4d4d;--white: #fff;--brokenwhite: #e1e1e1;--yellow: #fff8f2;--text: #4d4d4d;--whitetext: #fff;--darktext: #4d4d4d;--link: #0d313a;--linkhover: #12404c;--brown: #543829;--red: #d44444;--shadowlight: #7a7a7a;--shadowdark: #4d4d4d;--taleforgeteaser: #49816f;--taleforgeteaserhover: #386859;--generatorlink: #2dc4ea;--generatorlinkhover: #1a94b2;--badge: linear-gradient(194deg, #3C8192 2%, #292E30 100%);--badgeborder: #7a7a7a;--card: #fff;--tablesecondary: #e1e1e1;--coins: #f8b749;--coinsinactive: #7a7a7a;--coinsgradient: linear-gradient(194deg, var(--coins) 2%, #dec396 100%);--button: #3c8192;--buttongradient: linear-gradient(194deg, #3C8192 2%, #294F5C 100%);--buttongradienthover: linear-gradient(194deg, rgb(71, 151, 171) 2%, rgb(33, 70, 82) 100%);--toolheromobile: linear-gradient(168deg, rgba(51,51,51,0.50) 6%, rgba(0,0,0,0.50) 100%), url(https://cdn.glitch.com/9322a585-38f1-4b3e-a05b-deda204323d6%2Ftool-rock-bg-mobile.jpg);--toolherodesktop: linear-gradient(168deg, rgba(51,51,51,0.50) 6%, rgba(0,0,0,0.50) 100%), url(https://cdn.glitch.com/9322a585-38f1-4b3e-a05b-deda204323d6%2Ftool-rock-bg.jpg)}.theme-dark{--bgcolor: #030303;--navbg: #373737;--text: #f0f0f0;--shadowlight: #000;--shadowdark: #000;--card: #171717;--brown: #fff;--link: #a1e2f2;--linkhover: #73b7c8;--tablesecondary: #131212;--badgeborder: #fff;--coinsinactive: #e0e0e0;--yellow: #e3e3e3}.theme-wood{--bgcolor: #261207;--navbg: #2b1508;--text: #fff;--card: #35220e;--link: #d78d55;--linkhover: #bc5b10;--shadowlight: #000;--shadowdark: #000;--badge: linear-gradient(194deg, #66471f 2%, #292E30 100%);--buttongradient: linear-gradient(194deg, #30200b 2%, #3e3007 100%);--buttongradienthover: linear-gradient(194deg, rgb(43, 27, 5) 2%, rgb(57, 45, 14) 100%);--button: #55350c;--tablesecondary: #131212;--yellow: #f7c593;--toolheromobile: linear-gradient(168deg, rgba(51,51,51,0.50) 6%, rgba(0,0,0,0.50) 100%), url(https://cdn.glitch.global/6eadd9ec-4e21-4faa-a45b-904e781c8089/wood-bg-mobile.jpg);--toolherodesktop: linear-gradient(168deg, rgba(51,51,51,0.50) 6%, rgba(0,0,0,0.50) 100%), url(https://cdn.glitch.global/6eadd9ec-4e21-4faa-a45b-904e781c8089/wood-bg.jpg)}.theme-forest{--bgcolor: #092c12;--navbg: #143220;--text: #f0f0f0;--card: #124b20;--link: #97cb95;--linkhover: #75aa73;--shadowlight: #000;--shadowdark: #000;--badge: linear-gradient(194deg, #5e8c5c 2%, #324d32 100%);--buttongradient: linear-gradient(94deg, #24502f 20%, #27513b 100%);--buttongradienthover: linear-gradient(94deg, #33663f 20%, #396e53 100%);--button: #386859;--tablesecondary: #131212;--yellow: #c2dcbd;--toolheromobile: linear-gradient(168deg, rgba(51,51,51,0.50) 6%, rgba(0,0,0,0.50) 100%), url(https://cdn.glitch.global/6eadd9ec-4e21-4faa-a45b-904e781c8089/trees-bg-mobile.jpg);--toolherodesktop: linear-gradient(168deg, rgba(51,51,51,0.50) 6%, rgba(0,0,0,0.50) 100%), url(https://cdn.glitch.global/6eadd9ec-4e21-4faa-a45b-904e781c8089/trees-bg-desktop.jpg)}.theme-candy{--bgcolor: #ff79fc;--navbg: #fcc4ff;--text: #4d4d4d;--card: #bdf1ee;--link: #001160;--linkhover: #51814f;--badge: linear-gradient(194deg, #be30d4 2%, #2e2930 100%);--buttongradient: linear-gradient(194deg, #a044cb 2%, #cf4fcc 100%);--buttongradienthover: linear-gradient(194deg, #8e3ab6 2%, #de44da 100%);--button: #fe8923;--toolheromobile: linear-gradient(168deg, rgba(51,51,51,0.50) 6%, rgba(0,0,0,0.70) 100%), url(https://cdn.glitch.global/6eadd9ec-4e21-4faa-a45b-904e781c8089/candy-bg-mobile.jpg);--toolherodesktop: linear-gradient(168deg, rgba(51,51,51,0.40) 6%, rgba(0,0,0,0.70) 100%), url(https://cdn.glitch.global/6eadd9ec-4e21-4faa-a45b-904e781c8089/candy-bg-desktop.jpg)}.theme-snow{--bgcolor: #ffffff;--white: #fff;--whitetext: #000;--brokenwhite: #e1e1e1;--link: #2f2f2f;--linkhover: #12404c;--shadowlight: #f2f2f2;--badge: linear-gradient(194deg, #00b8e5 2%, #61acca 100%);--card: #fff;--tablesecondary: #ececec;--button: #b9fff9;--buttongradient: linear-gradient(194deg, #aef2ff 2%, #ddf6ff 100%);--buttongradienthover: linear-gradient(194deg, #69e1f8 2%, #ddf6ff 100%);--toolheromobile: linear-gradient(168deg, rgb(255 255 255 / 71%) 6%, rgb(255 255 255 / 90%) 100%), url(https://cdn.glitch.global/6eadd9ec-4e21-4faa-a45b-904e781c8089/snow-bg-mobile.jpg);--toolherodesktop: linear-gradient(168deg, rgb(255 255 255 / 71%) 6%, rgb(255 255 255 / 90%) 100%), url(https://cdn.glitch.global/6eadd9ec-4e21-4faa-a45b-904e781c8089/snow-bg-desktop.jpg?)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{background:var(--bgcolor)}body *{box-sizing:border-box;font-family:open sans,sans-serif;color:var(--text)}.skip-link-main{background:#a6b2d5;height:30px;left:50%;padding:8px;position:absolute;transform:translateY(-100%);transition:transform .3s}.skip-link-main:focus{transform:translateY(0%)}.skip-link{background:#a6b2d5;height:30px;left:-100%;padding:8px;position:absolute}.skip-link:focus{left:40%;z-index:99}#sw-update{height:40vh;display:grid;text-align:center}#sw-update.hide{display:none}#sw-update>div{place-self:center}#sw-update button{display:block;border:none;background:var(--link);padding:20px 30px;color:#fff;font-size:18px;margin:20px auto;border-radius:10px}[class*=-width]{margin:0 auto;padding:15px}@media screen and (min-width:1080px){[class*=-width]{padding:15px 30px}}#main-content{display:grid;grid-template-columns:100%}@media screen and (min-width:1080px){#main-content{grid-template-columns:auto minmax(960px,1080px) auto}}.opaquebg{background-color:var(--bgcolor)}.wide-width{max-width:1100px;width:100%}@media screen and (min-width:1080px){.wide-width{padding-left:20px;padding-right:20px}}.nav-width{width:100%;max-width:960px}.reading-width{max-width:640px}.filter-container{min-height:700px}.center-container{margin-left:auto;margin-right:auto}img{width:100%;height:auto}.mt{margin-top:30px}.mts{margin-top:20px}.mb{margin-bottom:20px}#search-box{border-radius:20px;width:98%;padding:15px 30px;border:1px solid var(--brokenwhite);font-size:18px;margin:20px auto;display:block;color:#4d4d4d}h1,h2,h3,h4,h5,h6,.headline{font-family:amaranth,sans-serif;margin-bottom:10px;font-weight:700}.headline{display:block}h1{font-size:28px}h2{font-size:24px}h3,h4,h5,h6{font-size:21px}@media screen and (min-width:1080px){h1{font-size:32px}h2{font-size:26px}h3{font-size:22px}h4,h5,h6,.headline-small{font-size:18px}}p{font-size:18px;line-height:40px;margin-bottom:20px}p:last-of-type{margin-bottom:0}@media screen and (min-width:1080px){p{font-size:21px}}.smaller{font-size:12px}@media screen and (min-width:1080px){.smaller{font-size:14px}}em{font-style:italic}strong,.strong{font-weight:600}.text-center{text-align:center}.italic{font-style:italic}.path1,.path2{font-family:icomoon}.text ul{list-style-type:disc}.text ol{list-style-type:decimal}.text ul,.text ol{font-size:18px;margin-left:20px;margin-bottom:30px;margin-top:20px}.text ul li,.text ol li{margin-bottom:15px;line-height:1.8}@media screen and (min-width:1080px){.text ul,.text ol{font-size:21px}}.fineprint{font-size:12px;font-style:italic}.warning{color:#b03100;font-weight:600}a{text-decoration:none;font-weight:600;transition:.3s all ease-in-out;cursor:pointer;color:var(--link)}a:hover{color:var(--linkhover)}.btn{display:block;border-radius:10px;border:none;color:var(--whitetext);min-width:150px;width:100%;padding:20px;text-align:center;transition:.3s all ease-in-out;cursor:pointer}.btn span{transform:translateY(1px);display:inline-block}.btn:hover{color:var(--whitetext)}@media screen and (min-width:1080px){.btn{width:initial}}.btn-primary{background-color:var(--button);background-image:var(--buttongradient);position:relative}.btn-primary:hover{background-image:var(--buttongradienthover)}.btn-primary span{color:var(--whitetext)}.btn-ghost{border:2px solid var(--text);color:var(--text);padding:10px 20px;border-radius:10px}.btn-ghost:hover{color:var(--text)}#breadcrumbs{margin:0 0 5px;font-size:11px;line-height:1.4}#breadcrumbs li{display:inline-block;padding:8px 0}#breadcrumbs .icon-angle-right{margin-left:5px;margin-right:5px;transform:translateY(2px);display:inline-block}@media screen and (min-width:1080px){#breadcrumbs{font-size:14px}}@font-face{font-family:icomoon;src:url(/files/fonts/icomoon.eot);src:url(/files/fonts/icomoon.eot) format("embedded-opentype"),url(/files/fonts/icomoon.ttf) format("truetype"),url(/files/fonts/icomoon.woff) format("woff"),url(/files/fonts/icomoon.svg) format("svg");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=" icon-"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-telegram:before{content:""}.icon-whatsapp:before{content:""}.icon-twitter:before{content:""}.icon-facebook:before{content:""}.icon-reddit:before{content:""}.icon-sinaweibo:before{content:""}.icon-taleforge:before{content:""}.icon-angle-double-left:before{content:""}.icon-angle-double-right:before{content:""}.icon-angle-double-up:before{content:""}.icon-angle-down:before{content:""}.icon-angle-right:before{content:""}.icon-angle-up:before{content:""}.icon-bars:before{content:""}.icon-bookmark:before{content:""}.icon-books:before{content:""}.icon-bullseye:before{content:""}.icon-coffee-togo:before{content:""}.icon-cog:before{content:""}.icon-coins:before{content:""}.icon-copy:before{content:""}.icon-external-link:before{content:""}.icon-eye:before{content:""}.icon-flag-checkered:before{content:""}.icon-hand-pointer:before{content:""}.icon-heart:before{content:""}.icon-home-lg-alt:before{content:""}.icon-info-circle:before{content:""}.icon-leaf-heart:before{content:""}.icon-link:before{content:""}.icon-lock-alt:before{content:""}.icon-lock-open-alt:before{content:""}.icon-mars:before{content:""}.icon-palette:before{content:""}.icon-pen-alt:before{content:""}.icon-pencil:before{content:""}.icon-plus:before{content:""}.icon-robot:before{content:""}.icon-search:before{content:""}.icon-share-square:before{content:""}.icon-sliders-v:before{content:""}.icon-sync-alt:before{content:""}.icon-times:before{content:""}.icon-tools:before{content:""}.icon-trash-alt:before{content:""}.icon-treasure-chest:before{content:""}.icon-venus:before{content:""}.icon-download:before{content:""}.icon-map:before{content:""}.icon-arrow-alt-circle-down:before{content:""}.icon-sun:before{content:""}.icon-moon:before{content:""}.badges{display:grid;grid-template-columns:100%}@media screen and (min-width:460px){.badges{grid-template-columns:50% 50%}}@media screen and (min-width:1080px){.badges{grid-template-columns:25% 25% 25% 25%}}.badges .badge{padding:5px}.badges .badge a{padding:15px 10px;border-radius:0 10px 10px 10px;display:block;text-align:center}.badges .badge a.gradient{background-image:var(--badge);text-shadow:2px 2px 6px rgba(0,0,0,.7);color:var(--white)}.badges .badge a.gradient:hover{filter:brightness(140%)}.badges .badge a.ghost{border:1px solid var(--badgeborder);font-size:14px}.badges .badge a.ghost:hover{background:var(--link);color:var(--white)}#main-navigation{position:relative;z-index:99;transition:.5s all ease-in-out;height:64px;display:grid;grid-template-columns:60px auto;padding-left:20px;padding-right:20px}@media screen and (min-width:460px){#main-navigation{grid-template-columns:180px auto}}@media screen and (min-width:1080px){#main-navigation #logo{place-self:center}}#main-navigation #logo{display:grid;grid-template-columns:60px auto;column-gap:20px;place-self:center start}@media screen and (min-width:1080px){#main-navigation #logo{column-gap:30px}}#main-navigation #logo a{place-self:center}#main-navigation #logo img{width:60px}#main-navigation #logo .install{display:inline-block;place-self:center;opacity:0;color:var(--text);font-weight:600;cursor:pointer}#main-navigation #logo .install .icon-arrow-alt-circle-down{transform:translateY(1px);display:inline-block;color:var(--text)}#main-navigation.white nav .menu-items li a{color:var(--white)}#main-navigation.white #logo .install{display:inline-block;place-self:center;opacity:0;color:var(--white);font-weight:600;cursor:pointer}#main-navigation.white #logo .install .icon-arrow-alt-circle-down{transform:translateY(1px);display:inline-block;color:var(--white)}#main-navigation.white .icon-bars:before,#main-navigation.white .icon-search:before,#main-navigation.white .icon-angle-down:before{color:var(--white)}#main-navigation.white .icon-taleforge{color:var(--white)}@media screen and (max-width:1080px){#main-navigation.white .with-sub-menu .icon-angle-down:before{color:var(--text)}}#main-navigation .icon-angle-down{transform:translateY(3px);display:inline-block}#main-navigation .icon-angle-down:before{color:var(--darktext)}@media screen and (min-width:1080px){#main-navigation .icon-angle-down:before{color:var(--text)}}#main-navigation nav{text-align:right;place-self:center end}@media screen and (min-width:1080px){#main-navigation nav{transform:initial}}#main-navigation nav.dark a,#main-navigation nav.dark:before{color:var(--text)}#main-navigation nav.dark .icon-taleforge{color:var(--white)}#main-navigation nav .icon-bars{font-size:28px;cursor:pointer}@media screen and (min-width:1080px){#main-navigation nav .icon-bars{display:none}}#main-navigation nav .chest{display:inline-block;font-size:24px;width:30px;transform:translateY(-2px);cursor:pointer}#main-navigation nav .chest.mobile{margin-right:15px;transform:translateY(3px)}@media screen and (min-width:1080px){#main-navigation nav .chest.mobile{display:none}}#main-navigation nav .menu-items{position:absolute;opacity:0;z-index:-1}#main-navigation nav .menu-items .icon-times:before{color:#543829}#main-navigation nav .menu-items li{display:block;padding:10px 20px;position:relative}@media screen and (max-width:1080px){#main-navigation nav .menu-items li.no-mobile{display:none}}#main-navigation nav .menu-items li.nav-search{padding-right:5px;padding-left:15px}#main-navigation nav .menu-items li .icon-taleforge{transform:translateY(1px);display:inline-block}#main-navigation nav .menu-items li.menu-upgrade{border-radius:100%;padding:0;transition:none;cursor:pointer;width:30px;transform:translateY(3px)}@media screen and (min-width:1080px){#main-navigation nav .menu-items li:first-of-type{padding:10px}}#main-navigation nav .menu-items li .sub-menu{display:none;position:absolute;background:var(--white);font-size:14px;margin-left:-20px;text-align:center;padding:10px 0;margin-top:5px;border-radius:5px;box-shadow:1px 2px 5px var(--shadowlight)}#main-navigation nav .menu-items li .sub-menu.show{display:block}#main-navigation nav .menu-items li .sub-menu a{color:var(--darktext);padding:5px 0}@media screen and (max-width:1080px){#main-navigation nav .menu-items li .sub-menu.show{display:block;position:relative;box-shadow:none;font-size:16px;text-align:left;margin-bottom:-20px;padding-top:5px}}@media screen and (min-width:1080px){#main-navigation nav .menu-items li.with-sub-menu:hover .sub-menu,#main-navigation nav .menu-items li.with-sub-menu:focus .sub-menu{display:block}}#main-navigation nav .menu-items li.last{padding:10px}#main-navigation nav .menu-items li.last a{transform:translateY(7px)}#main-navigation nav .menu-items li a{color:var(--text)}@media screen and (min-width:1080px){#main-navigation nav .menu-items{position:relative;opacity:1;z-index:1}#main-navigation nav .menu-items li{display:inline-block}#main-navigation nav .menu-items .icon-times{display:none}}@media screen and (max-width:1080px){#main-navigation nav .menu-items{display:none;text-align:left;width:95%;left:2.5%;background:var(--white);box-shadow:2px 2px 10px var(--shadowlight);min-height:500px;top:10px;border-radius:5px}#main-navigation nav .menu-items #menu-main-menu{margin-top:50px}#main-navigation nav .menu-items #menu-main-menu li a,#main-navigation nav .menu-items #menu-main-menu li .mobile-only{color:var(--darktext)}#main-navigation nav .menu-items .sub-menu li{margin-left:15px}#main-navigation nav .menu-items .icon-angle-down{font-size:18px;padding:5px}#main-navigation nav .menu-items .icon-times{position:absolute;font-size:28px;top:10px;right:20px}#main-navigation nav .menu-items.show{opacity:1;display:block;z-index:99;animation:fadeIn .3s ease-in-out}}#main-navigation .menu-upgrade-mobile{display:inline-block;padding:0;border-radius:100%;transform:translateY(-2px);margin-right:15px;font-size:12px;width:30px}@media screen and (min-width:1080px){#main-navigation .menu-upgrade-mobile{display:none}}#main-navigation .theme-switcher{background:var(--navbg);border-radius:20px;padding:7px 4px;cursor:pointer}#main-navigation .theme-switcher#theme-switcher{padding:7px 4px}#main-navigation .theme-switcher.mobile{display:inline-block;transform:translateY(-6px);margin-right:10px}@media screen and (min-width:1080px){#main-navigation .theme-switcher.mobile{display:none}}#main-navigation .theme-switcher>*{border-radius:100%;padding:5px}#main-navigation .theme-switcher .icon-sun{color:#e38f56}#main-navigation .theme-switcher .icon-moon{color:#a1baf4}#main-navigation .theme-switcher .active.icon-sun{background:#fff;box-shadow:2px 6px 10px #707070}#main-navigation .theme-switcher .active.icon-moon{background:#4d4d4d;box-shadow:2px 6px 10px #1b1b1b}#main-navigation.scrolled{background:var(--navbg);box-shadow:2px 2px 5px var(--shadowdark)}#main-navigation.scrolled .menu-upgrade-mobile{background:#5cb85c}#main-navigation.scrolled .menu-upgrade-mobile a{color:var(--white)}#main-navigation.scrolled .menu-upgrade-mobile a .icon-angle-double-up:before{color:var(--white)}#main-navigation.scrolled #logo .install{color:var(--text)}#main-navigation.scrolled #logo .install .icon-arrow-alt-circle-down{color:var(--text)}#main-navigation.scrolled nav a,#main-navigation.scrolled nav span[class^=icon-]:before{color:var(--text)}#main-navigation.scrolled nav .menu-items li a,#main-navigation.scrolled nav .menu-items li span[class^=icon-]:before{color:var(--text)}@keyframes fadeIn{0%{display:block;opacity:0}100%{opacity:1}}#footer{display:grid;grid-template-columns:100%;text-align:center;font-size:14px;background-color:var(--bgcolor)}@media screen and (min-width:1080px){#footer{grid-template-columns:auto auto auto auto;text-align:left}}#footer h4{margin-bottom:10px}#footer>div{place-self:start center;margin-bottom:20px}#footer>div ul li{margin-bottom:15px;line-height:1.4}#alphabet{display:block;background-color:var(--bgcolor)}#alphabet ul{text-align:center}#alphabet li{display:inline-block;padding:10px}#copyright{margin-bottom:60px;background-color:var(--bgcolor)}@media screen and (min-width:1080px){#copyright{margin-bottom:100px}}#home-hero{display:grid;padding:10px 0}#home-hero>div{place-self:center start;padding-bottom:0}#home-hero>div h1{max-width:600px;font-size:24px;line-height:1.4}@media screen and (min-width:1080px){#home-hero>div h1{font-size:28px}}#home-hero>div p{max-width:500px}#home-hero>div .badges{max-width:400px;grid-template-columns:auto auto}#home-hero>div *{color:var(--text)}.classic{margin:0 auto;max-width:960px;padding:15px 30px}.classic img{border-radius:5px}.fullwidth{width:100%}.background{width:100%;margin-top:-66px}.creators{margin:-10px 0 15px;font-size:14px;border-bottom:1px solid var(--text)}#author-bio{margin-top:30px}#author-bio p{font-size:18px}#more-stories>ul{display:grid;margin-top:10px;grid-template-columns:100%;padding:0}@media screen and (min-width:1080px){#more-stories>ul{grid-template-columns:50% 50%}}#more-stories>ul .story-card{width:100%;padding:10px 0}#more-stories>ul .story-card a{display:grid;height:250px;background-position:center;background-size:cover;border-radius:5px;position:relative}#more-stories>ul .story-card a:hover img{filter:brightness(100%)}#more-stories>ul .story-card a:hover span{opacity:0}#more-stories>ul .story-card a span{position:absolute;place-self:center;text-align:center;color:var(--white);font-size:22px;line-height:1.5;padding:20px;font-family:amaranth,sans-serif;z-index:1;opacity:1;transition:all .2s ease-in-out}#more-stories>ul .story-card a img{height:260px;object-fit:cover;filter:brightness(40%);border-radius:5px;transition:all .3s ease-in-out}@media screen and (min-width:1080px){#more-stories>ul .story-card{padding:10px}#more-stories>ul .story-card img{max-width:600px}}#tool-hero{background-image:var(--toolheromobile);margin-top:-70px;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:1;padding:90px 20px 40px}@media screen and (min-width:460px){#tool-hero{background-image:var(--toolherodesktop);max-height:100vh}}#tool-hero .inner{display:grid;grid-template-columns:100%}#tool-hero .inner h1{font-size:22px}#tool-hero .inner p{font-size:16px}@media screen and (min-width:1080px){#tool-hero .inner{grid-template-columns:25% 75%}#tool-hero .inner h1{font-size:26px}#tool-hero .inner p{font-size:18px}}#tool-hero .inner .left{display:grid;padding:10px}@media screen and (min-width:1080px){#tool-hero .inner .left{padding:20px 20px 20px 0}}#tool-hero .inner .left .polygon{width:100px;height:100px;place-self:center}@media screen and (min-width:1080px){#tool-hero .inner .left .polygon{width:200px;height:200px}}#tool-hero .inner .right{display:grid;padding:0 0 20px 20px}#tool-hero .inner .right *{color:var(--brokenwhite)}@media screen and (min-width:460px){#tool-hero .inner .right{padding:20px 0 20px 20px}}#results{margin:20px auto 0;display:grid;grid-template-columns:100%}@media screen and (min-width:1080px){#results{grid-template-columns:30% auto}}#results .left{padding:5px}#results .left h2{margin-top:10px;text-align:center;font-size:22px}@media screen and (min-width:1080px){#results .left h2{margin-top:16px;margin-bottom:24px}}#results .left button{padding:20px;font-weight:600;width:100%;font-size:18px}#results .right{margin-top:10px}@media screen and (min-width:1080px){#results .right{margin-top:0}}@media screen and (min-width:1080px){#results .right{padding:5px;max-width:780px;overflow:hidden}}.cards{display:grid;grid-template-columns:100%}@media screen and (min-width:1080px){.cards{grid-template-columns:50% 50%}}.cards .result-content{cursor:copy}.cards.full{grid-template-columns:100%}@media screen and (min-width:1080px){.cards.full .card>span{grid-template-columns:5% 85% 10%}}.card{padding:5px 20px}@media screen and (min-width:1080px){.card{padding:10px 20px}}.card>span{background:var(--card);box-shadow:2px 2px 10px var(--shadowlight);display:grid;grid-template-columns:10% 80% 10%;padding:20px;border-radius:5px;font-weight:600;line-height:1.4}.card>span span[class*=icon]{place-self:center}.card>span .icon-heart{font-size:22px}.card>span .icon-heart:before{color:var(--brokenwhite)}.card .icon-left{padding-right:5px}.card .icon-share-square{cursor:pointer}.card .icon-share-square:hover:before{color:var(--button)}.card .icon-heart{cursor:pointer}.card .icon-heart:hover:before{color:var(--red)}.card .icon-times{cursor:pointer;font-size:22px}.card.saved>span .icon-heart:before{color:var(--red)}.icons{position:relative;display:block;padding:10px 20px;font-size:24px}.icons span{padding:5px}.icons .icon-treasure-chest{display:inline-block}.icons .icon-treasure-chest:before{color:var(--brown)}.icons>span[class*=icon]{display:inline-block;cursor:pointer}.icons>span[class*=icon]:active{animation:bob 1s ease-in-out}.art-badge{display:grid;grid-template-columns:70px auto;margin-top:20px;margin-bottom:20px;background:var(--bgcolor);column-gap:10px;border-radius:10px;box-shadow:2px 2px 5px var(--shadowdark)}.art-badge:hover{box-shadow:2px 2px 8px var(--shadowdark)}.art-badge>*{place-self:center}.art-badge div{padding:10px}.art-badge div>span:first-child{margin-bottom:5px;font-weight:600}.art-badge span{display:inline-block;font-weight:300}.art-badge .icon-angle-double-right{transform:translateY(2px)}.right-links{right:17px;top:6px;position:absolute;display:grid;grid-template-columns:auto auto}.right-links.art-available{grid-template-columns:auto auto}.right-links>a{display:grid;grid-template-columns:auto auto;background:#fff;padding:5px 10px;border-radius:10px;box-shadow:2px 2px 5px var(--shadowdark);cursor:pointer}.right-links>a#name-wizard-link{font-size:12px;place-content:center}@media screen and (min-width:800px){.right-links>a{padding:5px 20px}}.right-links>a:hover{box-shadow:2px 2px 8px var(--shadowdark)}.right-links>a>*{place-self:center}.right-links>a img{width:30px}.right-links>a span{font-size:14px;color:var(--darktext)}.right-links>a#art-link .icon-palette{font-size:20px;color:#ff9b3c}@media screen and (min-width:460px){.right-links>a{grid-template-columns:auto auto}.right-links>a .no-mobile{display:inline}}.fade{display:none}.fade.active{animation:fadeSudden 3s forwards;font-size:18px;display:inline-block;transform:translateY(-5px)}.related-posts{display:grid;grid-template-columns:100%;padding-top:5px}@media screen and (min-width:1080px){.related-posts{grid-template-columns:1fr 1fr}}@media screen and (min-width:1400px){.related-posts{grid-template-columns:1fr 1fr 1fr}}.related-posts.collapsed{max-height:210px;overflow:hidden}.related-posts.expanded{max-height:initial;overflow:auto}.related-posts li{place-self:center;width:100%;padding:0 10px;margin-bottom:20px}.tool-badge{display:grid;grid-template-columns:23px 21px auto;filter:drop-shadow(1px 3px 5px rgba(0,0,0,0.5))}.tool-badge.simple{grid-template-columns:auto}.tool-badge.light span{color:var(--yellow)}.tool-badge.dark span{color:var(--darktext)}.tool-badge .polygon img{width:50px;transform:translateY(1px)}.tool-badge .filler{background:var(--yellow);border-bottom-left-radius:5px;border-top-left-radius:5px;margin-left:-2px}.tool-badge span{place-self:center;font-size:14px;background:var(--yellow);border-top-right-radius:10px;border-bottom-right-radius:10px;padding:19px;width:100%;text-align:center;color:var(--darktext)}.tool-badge:hover .filler,.tool-badge:hover span{filter:brightness(1.1)}.show-more{display:block;text-align:center;margin-top:10px;cursor:pointer}.show-more>span[class*=icon]{position:absolute;margin-left:5px;margin-top:2px}#recommended-app{margin:10px 20px;text-align:center;padding:20px;cursor:pointer;background:#f8e8e7;border-radius:10px;box-shadow:2px 2px 10px var(--shadowlight)}#recommended-app:hover{background:#ebc9c7}#recommended-app img{width:30px;margin:0 auto 10px;display:block}@media screen and (min-width:800px){#recommended-app img{display:inline-block;margin:0}}#recommended-app span{transform:translateY(-3px);display:inline-block;margin-left:10px;font-weight:600;color:var(--darktext)}#tool-story{border-top:1px solid var(--text);border-bottom:1px solid var(--text)}#tool-story h2{margin-top:20px}.notification{display:none;grid-template-columns:60px auto 20px;column-gap:10px;position:fixed;bottom:30px;right:30px;min-width:240px;max-width:450px;padding:20px;background:var(--white);border-radius:10px;box-shadow:2px 2px 15px var(--shadowdark);z-index:999999;color:var(--darktext);cursor:pointer}@media screen and (max-width:460px){.notification{left:20px;right:20px}}.notification>*{place-self:center}.notification img{width:60px;height:60px}.notification p{text-align:center;margin-bottom:0;font-size:16px;color:var(--text)}.notification p a{color:var(--text)}.notification.active{display:grid;animation:fade 6s forwards}.notification .icon-angle-right{font-size:28px;transform:translateY(2px)}table{display:block;width:100%;margin-bottom:40px}table caption{display:block;font-size:20px;font-weight:600;border-bottom:1px solid var(--text);padding:20px;text-align:left}table tbody{display:block}table tbody tr{display:grid;grid-template-columns:auto;padding:20px}table tbody tr:nth-of-type(even){background-color:var(--tablesecondary)}table tbody tr:nth-of-type(even) td{color:var(--text)}table tbody tr td{text-align:left}table tbody tr td:first-child{margin-bottom:10px}@media screen and (min-width:1080px){table tbody tr{grid-template-columns:30% 70%}table tbody tr td:first-child{margin-bottom:0}}.generator-link{display:inline-block;padding-left:5px;transform:translateY(4px);color:var(--generatorlink);transition:.3s all ease-in-out}.generator-link:hover{color:var(--generatorlinkhover)}@keyframes bob{0%{transform:scale(1)}20%{transform:scale(.8)}100%{transform:scale(1)}}@keyframes fadeSudden{0%{opacity:1}30%{opacity:1}100%{opacity:0}}@keyframes fade{0%{opacity:0}5%{opacity:1}95%{opacity:1}100%{opacity:0}}#saved-results .card,#saved-results .icons{padding:10px 0}@media screen and (min-width:1080px){#saved-results .card,#saved-results .icons{padding:10px 20px 10px 0}}#tab-switcher{font-weight:600;width:100%;white-space:nowrap;overflow-x:auto;margin-top:20px}#tab-switcher li{padding:10px 15px;cursor:pointer;text-align:center;display:inline-block}#tab-switcher .active{border-bottom:3px solid var(--text)}#upgrade{display:grid;grid-template-columns:auto}@media screen and (min-width:1080px){#upgrade{grid-template-columns:45% 55%;column-gap:10px}}.art-list{display:grid;grid-template-columns:auto;column-gap:40px;row-gap:20px}@media screen and (min-width:1080px){.art-list{grid-template-columns:33% 33% 33%}}.art-list li:hover .icon-angle-double-right{transform:translateX(5px)}.art-list li:hover .icon-lock-alt:before{content:""}.art-list li a{display:grid;grid-template-columns:80px auto 20px;column-gap:20px}.art-list li a>*{place-self:center start;display:block}.art-list li a img{border-radius:100%;width:80px;height:80px}.art-list li a div{line-height:1.4}.art-list li a div span{display:block}.art-list li a div span:last-child{font-size:14px;font-style:italic;font-weight:300}.ideas{font-size:18px}.ideas li{padding:10px;border:1px solid;border-radius:10px;text-align:center;margin:10px;line-height:1.4}.polygon{z-index:1}.polygon img{clip-path:polygon(45% 0,55% 0,95% 25%,95% 75%,55% 100%,45% 100%,5% 75%,5% 25%)}.dot-container{padding:6px 0;margin-left:16px}.dot-elastic{position:relative;width:10px;height:10px;border-radius:5px;background-color:var(--text);color:var(--text);animation:dot-elastic 1s infinite linear}.dot-elastic::before,.dot-elastic::after{content:"";display:inline-block;position:absolute;top:0}.dot-elastic::before{left:-15px;width:10px;height:10px;border-radius:5px;background-color:var(--text);color:var(--text);animation:dot-elastic-before 1s infinite linear}.dot-elastic::after{left:15px;width:10px;height:10px;border-radius:5px;background-color:var(--text);color:var(--text);animation:dot-elastic-after 1s infinite linear}@keyframes dot-elastic-before{0%{transform:scale(1,1)}25%{transform:scale(1,1.5)}50%{transform:scale(1,.67)}75%{transform:scale(1,1)}100%{transform:scale(1,1)}}@keyframes dot-elastic{0%{transform:scale(1,1)}25%{transform:scale(1,1)}50%{transform:scale(1,1.5)}75%{transform:scale(1,1)}100%{transform:scale(1,1)}}@keyframes dot-elastic-after{0%{transform:scale(1,1)}25%{transform:scale(1,1)}50%{transform:scale(1,.67)}75%{transform:scale(1,1.5)}100%{transform:scale(1,1)}}#not-found{height:100vh;margin-top:-67px;background-image:url(https://cdn.glitch.com/9322a585-38f1-4b3e-a05b-deda204323d6%2Fsmall-404.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;display:grid}@media screen and (min-width:1080px){#not-found{background-image:url(https://cdn.glitch.com/9322a585-38f1-4b3e-a05b-deda204323d6%2F404.jpg)}}#not-found div{place-self:center;max-width:400px;text-align:center;margin-top:-150px;padding:20px}#not-found *{color:var(--white)}.flash-container{position:relative;text-align:center;width:100%;margin-top:10px}@media screen and (min-width:1080px){.flash-container{padding:10px}}.rect-flash,.billboard-flash{min-height:290px}.horizontal-flash{min-height:60px}@media screen and (min-width:1080px){.horizontal-flash{min-height:130px}}.variable-flash{min-height:270px}.side-flash{display:none}@media screen and (min-width:1080px){.side-flash{display:block}.side-flash>*{position:sticky;top:80px}}@media screen and (min-width:1080px){#taleforge-teaser{background-image:url(https://cdn.glitch.com/9322a585-38f1-4b3e-a05b-deda204323d6%2Ftaleforge-bg.jpg?v=1614803570341)}}@media screen and (min-width:1080px){#cyog-teaser{background-image:url(https://cdn.glitch.global/6eadd9ec-4e21-4faa-a45b-904e781c8089/cyog-teaser.jpg?v=1682766523776)}#cyog-teaser .inner>span,#cyog-teaser .inner h3,#cyog-teaser .inner p{color:var(--darktext)}}.teaser{padding:0;border-radius:20px}@media screen and (min-width:1080px){.teaser{display:block;background-size:cover;background-repeat:no-repeat;background-position:center;padding:20px}}@media screen and (min-width:1080px){.teaser .inner{padding:20px 10px;max-width:50%}}.teaser .inner>span{font-size:14px;font-style:italic;font-weight:700;margin-bottom:10px;display:block}@media screen and (min-width:1080px){.teaser .inner>span{color:var(--white)}}.teaser .inner h3{font-size:24px;margin-bottom:5px}@media screen and (min-width:1080px){.teaser .inner h3{color:var(--white)}}.teaser .inner p{font-size:18px}@media screen and (min-width:1080px){.teaser .inner p{color:var(--white)}}.teaser .inner .btn{padding:20px;margin-top:10px;background:var(--taleforgeteaser);color:var(--white);border-radius:20px}.teaser .inner .btn:hover{background:var(--taleforgeteaserhover)}.teaser .inner .btn .icon-angle-right{display:inline-block;transform:translateY(2px)}.teaser .inner .btn .icon-angle-right:before{color:var(--white)}#promo-row{display:grid;grid-template-columns:auto;grid-column-gap:10px;min-height:250px}#promo-row>*{display:block;overflow:hidden;place-self:center;display:grid;font-size:20px;line-height:1.3;margin-bottom:10px}#promo-row>*>*{place-self:center}#promo-row .left{display:grid;grid-row-gap:10px}@media screen and (min-width:800px){#promo-row .right{height:250px;width:300px}}#promo-row .left>*,#promo-row .right{border-radius:20px}#promo-row .left>*{padding:20px;min-height:115px;width:100%;display:grid;background-position:bottom;background-size:cover;background-repeat:no-repeat}#promo-row .left>* span{color:var(--white);place-self:center}#promo-row .create-your-own-teaser{background-image:url(https://cdn.glitch.global/6eadd9ec-4e21-4faa-a45b-904e781c8089/explore.jpg)}#promo-row .writing-exercise-teaser{background-image:url(https://cdn.glitch.global/6eadd9ec-4e21-4faa-a45b-904e781c8089/exercise.jpg)}#promo-row .name-generator-teaser{background-image:url(https://cdn.glitch.global/6eadd9ec-4e21-4faa-a45b-904e781c8089/name-generators.jpg)}#promo-row .fantasy-name-generator-teaser{background-image:url(https://cdn.glitch.global/6eadd9ec-4e21-4faa-a45b-904e781c8089/fantasy-name-generators.jpg)}#promo-row .thank-you{background-image:url(https://cdn.glitch.global/6eadd9ec-4e21-4faa-a45b-904e781c8089/thank-you-2.jpg);width:100%;height:100%}@media screen and (min-width:800px){#promo-row{grid-template-columns:auto 300px}#promo-row>*{font-size:20px}#promo-row .left{grid-template-columns:48% 48%;grid-column-gap:20px}}.flash-promo{background-image:url(https://cdn.glitch.global/6eadd9ec-4e21-4faa-a45b-904e781c8089/coffee-mobile.png);background-size:cover;width:300px;height:250px;cursor:pointer;margin:20px auto 0;border-radius:10px}@media screen and (min-width:1080px){.flash-promo{margin:0 auto}}@media screen and (min-width:1080px){.flash-promo.variable{background-image:url(https://cdn.glitch.global/6eadd9ec-4e21-4faa-a45b-904e781c8089/coffee-horizontal.png);width:728px;height:90px}}.flash-promo-custom{width:300px;height:250px;cursor:pointer;margin:20px auto 0;border-radius:10px;position:relative;display:none;padding:20px;text-align:left;background:#d4e3de}.flash-promo-custom.active{display:grid}.flash-promo-custom .inner{place-self:center}.flash-promo-custom .inner img{width:60px;display:block;margin-bottom:10px}.flash-promo-custom .inner span,.flash-promo-custom .inner p{font-size:15px}.flash-promo-custom .inner span{font-size:20px;font-weight:600}.flash-promo-custom .inner p{margin-bottom:0}.flash-promo-custom .inner .icon-angle-double-right{display:inline-block;transform:translateY(3px)}@media screen and (min-width:1080px){.flash-promo-custom{margin:0 auto}}.upgrade{position:absolute;right:0;bottom:0;font-size:14px;padding:5px 5px 10px;background:rgba(0,0,0,.5);width:100px;border-top-left-radius:10px;border-bottom-right-radius:20px}.hundred-ideas-teaser{display:inline-block;line-height:1.5;padding:20px;border-radius:10px;background:var(--button);color:var(--whitetext)}.hundred-ideas-teaser:hover{color:var(--white)}.adblock-promo{display:block;max-width:600px;margin:0 auto 30px}.adblock-promo img{border-radius:20px;box-shadow:2px 2px 5px #bbb}#coins{width:100%}#coins .inner{place-self:center}#coins .inner #theme-list{color:var(--text);font-size:16px;padding-bottom:15px}#coins .inner #theme-list.smaller{font-size:12px}@media screen and (min-width:1080px){#coins .inner #theme-list{font-size:18px}}#theme-list{display:grid;grid-gap:30px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-auto-flow:column;grid-auto-columns:minmax(160px,1fr);overflow-x:auto}#theme-list li{padding:20px;height:100px;display:grid;border-radius:10px;width:180px;cursor:pointer}#theme-list li h4{margin:0}@media screen and (max-width:1080px){#theme-list li h4{font-size:16px}}#theme-list li.active{border:2px solid #9ffff9}#theme-list li>*{place-self:center}#theme-list .theme-card-regular{border:2px solid #0d313a;background:#fff}#theme-list .theme-card-regular>*{color:#0d313a}#theme-list .theme-card-dark{border:2px solid #070707;background:#070707}#theme-list .theme-card-dark>*{color:#fff}#theme-list .theme-card-wood{border:2px solid #0d313a;background:linear-gradient(168deg,rgba(51,51,51,0.5) 6%,rgba(0,0,0,0.5) 100%),url(https://cdn.glitch.global/6eadd9ec-4e21-4faa-a45b-904e781c8089/wood-bg-mobile.jpg)}#theme-list .theme-card-wood>*{color:#fff}#theme-list .theme-card-forest{border:2px solid #0d313a;background:linear-gradient(168deg,rgba(51,51,51,0.5) 6%,rgba(0,0,0,0.5) 100%),url(https://cdn.glitch.global/6eadd9ec-4e21-4faa-a45b-904e781c8089/trees-bg-mobile.jpg)}#theme-list .theme-card-forest>*{color:#fff}#theme-list .theme-card-candy{border:2px solid #0d313a;background:linear-gradient(168deg,rgba(51,51,51,0.5) 6%,rgba(0,0,0,0.7) 100%),url(https://cdn.glitch.global/6eadd9ec-4e21-4faa-a45b-904e781c8089/candy-bg-mobile.jpg)}#theme-list .theme-card-candy>*{color:#fff}#theme-list .theme-card-snow{border:2px solid #0d313a;background-image:linear-gradient(168deg,rgba(245,245,245,0.5) 6%,rgba(239,239,239,0.5) 100%),url(https://cdn.glitch.global/6eadd9ec-4e21-4faa-a45b-904e781c8089/snow-bg-mobile.jpg);background-position:right}#theme-list .theme-card-snow>*{color:#4d4d4d}#map img{border-radius:10px;box-shadow:2px 2px 15px #292929;max-width:600px}#map .toolbar{margin:15px auto 0;display:grid;grid-template-columns:auto auto auto;max-width:600px;font-weight:600}#map .toolbar.supporter{grid-template-columns:auto auto}#map .toolbar>*{place-self:center;width:80%;cursor:pointer;padding:10px;border-radius:10px;background:var(--navbg);box-shadow:2px 2px 5px #4d4d4d}#app-row{padding-left:10px;padding-right:10px}#app-row ul{display:grid;grid-template-columns:auto;column-gap:20px;row-gap:15px}@media screen and (min-width:660px){#app-row ul{grid-template-columns:auto auto}}@media screen and (min-width:1080px){#app-row ul{grid-template-columns:auto auto auto auto}}#app-row ul li a{display:inline-block;padding:10px;border-radius:10px;width:100%;color:var(--darktext);box-shadow:1px 3px 5px rgba(0,0,0,.5);background:var(--yellow)}#app-row ul li a [class^=icon]{color:var(--darktext)}#app-row ul li a:hover{background:#ede2d8}#usermade ul{display:grid;margin-top:30px;grid-template-columns:auto;row-gap:15px;column-gap:15px}@media screen and (min-width:1080px){#usermade ul{grid-template-columns:auto auto}}#usermade ul li{display:inherit}#usermade ul li a{padding:20px;border-radius:10px;background:#15453a;color:#fff;width:100%;box-shadow:2px 2px 5px #1b1b1b}#usermade ul li a:hover{background:#143b32}#name-wizard{display:grid}@media screen and (min-width:460px){#name-wizard{grid-template-columns:30% 70%;padding:20px}#name-wizard .left{place-self:center}#name-wizard .left img{max-width:450px}#name-wizard .right{place-self:center}}#name-wizard .inner{display:grid;grid-template-columns:auto;margin-top:20px}@media screen and (min-width:1080px){#name-wizard .inner{grid-template-columns:45% 55%}}#name-wizard .inner .name-ai-form{margin-top:10px}#name-wizard .inner .btn,#name-wizard .inner input{width:100%}#name-wizard .inner label{text-align:center;margin-bottom:10px;display:block;font-weight:600}#name-wizard .inner input{margin-bottom:10px;padding:18px;border-radius:10px;border:1px solid var(--badgeborder);text-align:center;font-size:18px;color:var(--darktext)}#name-wizard .inner .btn{font-size:18px;font-weight:600}#name-wizard .inner .btn.locked{background:#616d6f}#name-wizard .inner .byline{text-align:center;margin-top:5px;font-style:italic;line-height:1.4;width:100%;display:inline-block}#name-wizard .inner .byline.promo{font-weight:700;color:#5db85b;cursor:pointer}#name-wizard .inner .byline.promo .icon-angle-double-right{display:inline-block;transform:translateY(2px)}#name-wizard .inner .card-container{margin-top:20px;padding:0 20px}#name-wizard .inner .card>span{min-height:60px;grid-template-columns:auto 20%}#name-wizard .inner .chest-info{text-align:center;display:block}#entry-modal{width:100%;height:100%;background:linear-gradient(0deg,rgba(0,0,0,0.4),rgba(0,0,0,0.4));display:none;position:fixed;top:0;left:0;z-index:100000000000000000;padding:10px}#entry-modal.active{display:grid}@media screen and (min-width:380px){#entry-modal{padding:20px}}#entry-modal .inner{min-width:300px;max-width:95%;min-height:100px;padding:55px 15px 25px;border-radius:10px;box-shadow:2px 2px 5px #4d4d4d;background:#fff;position:relative;overflow-y:auto;text-align:center;display:grid;grid-template-columns:auto;text-align:left;margin:0 auto}@media screen and (min-width:1080px){#entry-modal .inner{place-self:center;min-width:700px;max-width:850px;height:fit-content;padding:60px 30px 10px;grid-template-columns:50% 50%}}#entry-modal .inner .left{padding-left:10px;padding-right:10px}#entry-modal .inner .left *{color:var(--darktext)}#entry-modal .inner img{max-width:180px;margin-bottom:20px}#entry-modal .inner p{font-size:16px;line-height:1.3;margin-bottom:10px;font-weight:400}@media screen and (min-width:380px){#entry-modal .inner p{font-size:20px;margin-bottom:20px}}#entry-modal .inner .fineprint{font-size:14px;margin-top:10px;margin-bottom:10px}#entry-modal .inner .close{position:absolute;right:30px;top:20px;font-size:30px;cursor:pointer;color:var(--darktext)}#entry-modal .inner .btn{place-self:center;color:#fff;font-weight:600;width:100%;padding:20px;margin-top:20px;font-size:16px}@media screen and (min-width:460px){#entry-modal .inner .btn{font-size:18px}}#entry-modal .inner .btn .icon-coffee-togo{color:#fff;margin-right:5px}#entry-modal .inner .support{background-color:#5cb85c}#entry-modal .inner .support:hover{background-color:#499949}#upgrade-btn{background:#fff;box-shadow:2px 2px 5px #4d4d4d;display:grid;grid-template-columns:20% 80%;column-gap:2px;padding:20px 10px;margin:15px auto;min-width:40%;max-width:400px}#upgrade-btn:hover{box-shadow:2px 2px 8px #4d4d4d}#upgrade-btn>*{place-self:center}#upgrade-btn .icon-coffee-togo{font-size:32px;color:#5cb85c}#upgrade-btn p{font-size:14px;margin-bottom:0;line-height:1.4;text-align:left}#upgrade-btn p:first-of-type{font-weight:600}#upgrade-btn p:last-of-type{font-weight:400;font-size:12px}#upgrade-btn .price{font-weight:600;font-size:16px}.upgrade-container{position:relative}.upgrade-container .upgrade-only{position:absolute;display:grid;top:0;width:100%;height:110%;border-radius:10px;margin-top:-1%;text-align:center;z-index:1;line-height:1.4;cursor:pointer;background:rgba(0,0,0,.7)}.upgrade-container .upgrade-only span{place-self:center;font-size:20px;font-weight:600;color:#fff}.upgrade-container .upgrade-only .icon-angle-right{display:inline-block;transform:translateY(2px)}.no-mobile{display:none}.no-mobile.show-override{display:block}@media screen and (min-width:1080px){.no-mobile{display:block}}.mobile-only{display:block}@media screen and (min-width:1080px){.mobile-only{display:none}}.hide{display:none}.show{display:block}.show.no-mobile{display:none}@media screen and (min-width:1080px){.show.no-mobile{display:block}}.show-grid{display:grid}.inline{display:inline}.pointer{cursor:pointer}.fadein{animation:fadeIn .4s ease-in-out forwards;display:block}.delayedfadein{animation:delayedFadeIn 1.4s ease-in-out forwards;display:block}.fadein-grid{animation:fadeIn .4s ease-in-out forwards;display:grid}.fadeout{animation:fadeOut 5s ease-in-out forwards}.processcoin{animation:processCoin 2.8s ease-in-out forwards}.slidein{animation:slideIn ease-in-out .5s forwards;display:grid}.pulse{animation:pulse 10s infinite}.wiggle{animation:wiggle 1s forwards}.shimmer{animation:shimmerCoin 4s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0}20%{opacity:0}100%{opacity:1}}@keyframes delayedFadeIn{0%{opacity:0}60%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}100%{opacity:0}}@keyframes processCoin{0%{opacity:.5}30%{opacity:.5}50%{opacity:1}80%{opacity:1}100%{opacity:0}}@keyframes shimmerCoin{0%{opacity:.3}50%{opacity:.9}100%{opacity:.3}}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}@keyframes wiggle{0%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}50%{transform:rotate(20deg)}75%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}@keyframes pulse{0%{filter:brightness(1);transform:rotate(45deg)}8%{filter:brightness(1.4);transform:rotate(135deg)}18%{filter:brightness(1);transform:rotate(135deg)}26%{filter:brightness(1.4);transform:rotate(135deg)}36%{filter:brightness(1);transform:rotate(135deg)}100%{filter:brightness(1);transform:rotate(135deg)}}