:root{--text-color-1:#1d1d1d;--text-color-2:#292929;--text-color-3:#444;--text-color-4:#575757;--text-color-w-1:#f1f1f1;--text-color-w-2:#e7e7e7;--text-color-w-3:#dbdbdb;--text-color-w-4:#d3d3d3;--back-color-1:#f8f8f8;--back-color-2:#f5f5f5;--back-color-3:#eee;--back-color-4:#e8e8e8;--back-color-5:#ddd;--back-color-6:#cfcfcf;--mark-color:#64d96f;--transition-time:.2s}h1{color:var(--text-color-1);font-size:61px;font-weight:500}h3{text-transform:uppercase;color:var(--text-color-3);margin:0;font-size:31px}p{color:var(--text-color-4);font-size:20px}h2{text-transform:capitalize;color:var(--text-color-2);letter-spacing:.5px;margin:10px 5px;font-size:39px}div{color:var(--text-color-4)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}html{scroll-behavior:smooth;font-family:VT323,monospace}body{background-color:var(--back-color-4);margin:0}main{--main-margin:20px;padding-top:var(--main-margin);min-height:calc(100% - var(--main-margin));background-color:var(--back-color-2)}h1{margin-top:0;margin-bottom:25px}button{border:1px solid var(--back-color-5);color:var(--text-color-3);margin:3px 3px 0 0;font-family:inherit;font-size:20px;font-weight:500}button:hover{color:var(--text-color-2);background-color:var(--back-color-4)}button:active{background-color:var(--mark-color)}#canvas-extras{-moz-column-gap:5px;grid-template-columns:repeat(2,1fr);column-gap:5px;display:grid}#cam-btns{-moz-column-gap:5px;grid-template-columns:repeat(4,1fr);column-gap:5px;display:grid}input{color:#8a8a8a;border-radius:3px;font-family:inherit;border:1px solid var(--text-color-3)!important}#content{background-color:var(--back-color-1);-moz-column-gap:20px;max-width:800px;border-radius:3px;grid-template-columns:1fr 1fr;column-gap:20px;margin-left:50%;padding:15px;display:grid;transform:translate(-50%);box-shadow:0 0 10px #dadada}#content>div{width:100%}#content>div:first-of-type{height:700px}#content>div canvas{border:1px solid var(--back-color-5);border-radius:3px;width:100%!important}#content input{width:100%;width:calc(100% - 20px);grid-column:1/6;margin-top:5px;margin-bottom:10px;max-width:100%!important}.pop-out-box{background-color:var(--back-color-1);border-radius:10px;grid-template-columns:120px 120px 1fr;margin:10px 0;padding:3px;box-shadow:0 0 10px #dadada}.settings-set{grid-template-columns:repeat(5,1fr);padding:5px 0;display:grid}.settings-set>*{max-width:15vw;margin:auto}.settings-set>img{width:60px;filter:invert(.26)}.settings-set:last-of-type .dropdown div:last-of-type{bottom:70px}#skin-settings{background-color:var(--back-color-3);border-radius:3px;padding:10px}.skins-dropdown{--item-width:70px;text-transform:capitalize}.skins-dropdown *{font-size:20px}.skins-dropdown>div:last-of-type{width:calc(var(--item-width)*3)!important}.skins-dropdown>div:last-of-type div{width:var(--item-width)}#selected-skin{background-color:var(--back-color-5);padding:3px 3px 3px 4px}#random-holder{grid-template-columns:repeat(5,1fr);margin-top:20px;margin-bottom:73px;display:grid}#random-holder>*{margin:0 auto}.die{border:3px solid var(--text-color-4);width:70%;box-sizing:border-box;aspect-ratio:1/1;border-radius:6px;grid-template-columns:repeat(3,1fr);gap:20%;margin-left:15%;padding:10%;display:grid}.die>.die-blob{background-color:var(--text-color-4);border-radius:100px}.dropdown{--drop-width:60px;vertical-align:top;width:var(--drop-width);display:inline-block;position:relative;top:0}.dropdown *{image-rendering:pixelated}.dropdown p{color:--text-color-4;text-align:center;margin:0}.dropdown>div:first-of-type{cursor:pointer}.dropdown>div:first-of-type img{width:100%;display:inline-block}.dropdown>div:last-of-type{background-color:var(--back-color-2);border:1px solid var(--back-color-6);height:0;visibility:hidden;width:230%;z-index:10;border-radius:4px;grid-template-columns:repeat(3,1fr);gap:3px;display:grid;position:absolute;top:auto}.dropdown>div:last-of-type img{height:0;width:100%;transition:all .1s;display:inline-block}.dropdown>div:last-of-type img:hover{background-color:var(--back-color-5)}.clicked>div:first-of-type{transition:all .1s;transform:scale(1.05)translateY(-5%)}.clicked>div:last-of-type{height:auto!important;visibility:visible!important}.clicked>div:last-of-type img{height:auto}#more-tools{flex-wrap:wrap;justify-content:center;margin-top:40px;display:flex}#more-tools p{margin:10px}#more-tools input{width:50%;background-color:#fff}.hidden{height:0;visibility:hidden}#phone-nav{--trans-time:.2s;z-index:20;position:fixed}#phone-nav div{aspect-ratio:1/1;background-color:var(--back-color-1);border:1px solid var(--back-color-4);transition:var(--trans-time);width:60px;border-radius:500px;display:flex;position:fixed}#phone-nav #toggle-trims{top:5px;left:5px}#phone-nav #toggle-trims p{text-align:center;margin:10px 0 0}.selected-rot-type{background-color:var(--mark-color)!important;color:var(--text-color-w-2)!important}:root{--conent-width:800px}#tabs-nav{margin:20px auto}#tabs-nav li{display:unset;text-decoration:underline}@media (min-width:700px){#tabs-nav{visibility:hidden;height:0!important;margin:0!important;padding:0!important}}.hide-block,.hide-block>*{display:none!important}.armor-trim-info{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:40px;display:grid}.armor-trim-info>div{background-color:var(--back-color-1);border-radius:10px;grid-template-columns:100px 1fr;padding:10px;display:grid;position:relative;top:0;box-shadow:0 0 10px #dadada}.armor-trim-info>div>div:first-of-type{margin-bottom:15px}.armor-trim-info>div>div:last-of-type{grid-column:1/3}.armor-trim-info>div p{margin:5px 0}.armor-trim-info>div h3{grid-row-start:1;grid-column-start:2;margin:0 0 auto}.armor-trim-info>div img{image-rendering:pixelated;width:90%}@media (max-width:800px){.armor-trim-info{grid-template-columns:1fr}}.center-text{margin-left:calc((100% - var(--conent-width))/2);text-align:center;width:var(--conent-width)}.content-holder{background-color:var(--back-color-1);box-sizing:border-box;margin-left:calc((100% - var(--conent-width))/2);width:var(--conent-width);border-radius:3px;padding:15px;box-shadow:0 0 10px #dadada}.center-btn{margin-top:10px;margin-left:auto;margin-right:auto;font-size:25px;display:block}@media (max-width:700px){#content{grid-template-columns:1fr;row-gap:40px}main{--main-margin:0px;margin-bottom:calc(var(--main-margin));margin-left:var(--main-margin);padding-bottom:calc(var(--main-margin)*2);width:calc(100% - var(--main-margin)*2);padding-top:30px}main h1{z-index:60;background-color:var(--back-color-2);position:relative;top:0}}@media (max-width:950px){:root{--conent-width:95%}}@media (min-width:700px){main{margin-bottom:calc(var(--main-margin));margin-left:var(--main-margin);padding-bottom:calc(var(--main-margin)*2);padding-top:var(--main-margin);width:calc(100% - var(--main-margin)*2)}#phone-nav{visibility:hidden}}
/*# sourceMappingURL=index.c2c92910.css.map */