.page-module__FCPgOq__fadeOut{animation:1s both page-module__FCPgOq__fadeOut}@keyframes page-module__FCPgOq__fadeOut{0%{opacity:1}to{opacity:0;display:none}}.page-module__FCPgOq__menuButton{opacity:.2}.page-module__FCPgOq__menuButton:hover{opacity:1;transition:opacity .4s}.page-module__FCPgOq__buttonCont button{background-color:var(--color1);text-transform:uppercase;color:#fff;border-radius:.5rem;padding:1rem 2rem;transition:filter .4s}.page-module__FCPgOq__buttonCont button:hover{filter:brightness(.8)}
.style-module___t0BJq__fadeOut{animation:1s both style-module___t0BJq__fadeOut}@keyframes style-module___t0BJq__fadeOut{0%{opacity:1}to{opacity:0;display:none}}
.styles-module__rYFSpq__mainDiv svg{fill:#000}.styles-module__rYFSpq__animateIn{animation:.6s both styles-module__rYFSpq__animateIn}@keyframes styles-module__rYFSpq__animateIn{0%{opacity:0;translate:0 -100%}to{opacity:1;translate:0}}
.styles-module__cy8eNG__animateIn{animation:.6s both styles-module__cy8eNG__animateIn}@keyframes styles-module__cy8eNG__animateIn{0%{opacity:0;translate:0 -100%}to{opacity:1;translate:0}}

.style-module__7HF-4a__main{grid-template-rows:auto 1fr;grid-template-columns:1fr;align-content:flex-start;display:grid;overflow:auto}.style-module__7HF-4a__topSettingsCont{grid-template-columns:1fr auto 1fr;align-content:flex-start;padding:.1rem;display:grid}.style-module__7HF-4a__mainSettingsContMiddle{justify-content:center;gap:var(--spacingS);display:flex}.style-module__7HF-4a__mainContent{grid-template-rows:1fr;grid-template-columns:1fr;align-content:flex-start;display:grid;position:relative;overflow:auto}.style-module__7HF-4a__canvasCont{z-index:0;background-color:brown;align-content:flex-start;display:grid;position:relative;overflow:auto clip}.style-module__7HF-4a__spacer{width:10000px;height:10000px}.style-module__7HF-4a__canvas{z-index:1;transform-origin:top;background-color:var(--bg2);position:absolute;top:0;overflow-y:scroll}.style-module__7HF-4a__canvas *{all:unset;display:revert;box-sizing:border-box}.style-module__7HF-4a__sideBarHolder{pointer-events:none;z-index:10;align-content:flex-start;height:100%;display:grid;position:absolute;bottom:0;right:0;overflow:auto}.style-module__7HF-4a__sideBar{pointer-events:initial;background-color:var(--bg2);grid-template-rows:auto auto 1fr;align-content:flex-start;display:grid;overflow:auto}.style-module__7HF-4a__topSideBar{grid-template-columns:1fr 1fr;align-content:flex-start;display:grid}.style-module__7HF-4a__selectionOptionsCont{padding-right:var(--spacingR);display:flex;overflow:auto}.style-module__7HF-4a__selectionContent{align-content:flex-start;display:grid;overflow:auto}.style-module__7HF-4a__addOnMenu{z-index:10;pointer-events:all;align-content:flex-start;justify-items:flex-end;width:min-content;display:grid;position:fixed;bottom:0;translate:-100%}.style-module__7HF-4a__addOnMenu *{pointer-events:initial}.style-module__7HF-4a__addOnMenuDragCont{align-content:flex-start;display:grid}.style-module__7HF-4a__sideBarButtons{z-index:1;justify-content:flex-end;display:flex;position:absolute;top:0;right:0}.style-module__7HF-4a__sideBarContent{background-color:#f0f8ff;grid-template-rows:auto 1fr;align-content:flex-start;transition:opacity .2s;display:grid;overflow-y:auto}.style-module__7HF-4a__sideBarTopContent{align-content:flex-start;display:grid;overflow:auto}.style-module__7HF-4a__pageButtonsCont{white-space:nowrap;align-items:flex-start;max-width:80%;display:flex;overflow-x:auto}.style-module__7HF-4a__sideBarOtherContent{gap:var(--spacingR);padding:var(--spacingR);align-content:flex-start;display:grid;overflow:auto}.style-module__7HF-4a__editing{align-content:flex-start;display:grid}.style-module__7HF-4a__styling{align-content:flex-start;display:grid;overflow-y:auto}.style-module__7HF-4a__highlightComponent{animation:5s style-module__7HF-4a__highlightComponent}@media only screen and (max-width:600px){.style-module__7HF-4a__sideBarHolder{height:60%;position:absolute;bottom:0;left:0;right:0}.style-module__7HF-4a__addOnMenu{display:flex;bottom:0;right:0;translate:0}.style-module__7HF-4a__addOnMenuDragCont{align-content:flex-start;display:flex}}@keyframes style-module__7HF-4a__highlightComponent{0%{filter:brightness()}10%{filter:brightness(.5)}to{filter:brightness()}}.style-module__7HF-4a__styleEditor{color:var(--shade4);background-color:#faebd7;min-height:150px}.style-module__7HF-4a__form{align-content:flex-start;gap:var(--spacingR);padding:var(--spacingR);display:grid}.style-module__7HF-4a__form>div{align-content:flex-start;gap:var(--spacingS);display:grid}.style-module__7HF-4a__fontsCont{margin-top:var(--spacingEL);grid-auto-columns:80%;grid-auto-flow:column;display:grid;overflow-x:auto}.style-module__7HF-4a__fontCont{align-content:flex-start;display:grid}.style-module__7HF-4a__fontCont>div{align-content:flex-start;gap:var(--spacingS);display:grid}
.style-module__5CZo3G__form{align-content:flex-start;gap:var(--spacingR);display:grid}.style-module__5CZo3G__form>div{align-content:flex-start;gap:var(--spacingS);display:grid}.style-module__5CZo3G__tokensCont{margin-top:var(--spacingEL);grid-auto-columns:80%;grid-auto-flow:column;display:grid;overflow-x:auto}.style-module__5CZo3G__tokenCont{align-content:flex-start;display:grid}.style-module__5CZo3G__tokenCont>div{align-content:flex-start;gap:var(--spacingS);display:grid}