:root{--header-height: 80px}.topHeader{z-index:10;position:fixed;display:flex;justify-content:flex-start;background-color:#0f0f0f80;flex-direction:row;flex-wrap:wrap;flex-grow:1;width:100%;box-sizing:border-box;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);padding-right:18px;padding-left:18px}.topHeader.purpleHeader{background-color:#5361d9;transition:top .25s;top:calc(var(--header-height) * -1);justify-content:space-between;flex-wrap:nowrap}.topHeader.purpleHeader.show{top:0}.dropdowns{color:#fff}@media(max-width:430px){.fullHeader.topHeader{width:calc(100vw - 16px);padding-right:8px;padding-left:8px}#logo{width:110px;display:flex}.fullHeader button.hiddenText{min-width:40px;padding-left:8px;padding-right:8px}.fullHeader .printerDropdown{width:130px}}@media(max-width:375px){.fullHeader.topHeader{width:calc(100vw - 16px);padding-right:8px;padding-left:8px}#logo{width:80px;display:flex}.fullHeader button.hiddenText{min-width:40px;padding-left:8px;padding-right:8px}.fullHeader .printerDropdown{width:70px}}:root{--header-height: 60px}.topHeader{background:#2a2a3e;z-index:10;position:fixed;display:flex;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;flex-grow:1;width:100%;box-sizing:border-box;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);padding-right:18px;padding-left:18px;border-bottom:1px solid #3a3a4e}.topHeader .spacedContent{display:flex;flex-wrap:nowrap;flex-grow:1;justify-content:space-between}.topHeader .content{align-items:center;height:var(--header-height);display:flex;flex-direction:row}#logo{height:auto;width:127px;display:flex}.spacer{height:42px;width:1px;background-color:#fff;margin:2px}@media(max-width:1200px){.fullHeader .hiddenText p{display:none}}@media(max-width:920px){.fullHeader .hiddenText p{display:block}}@media(max-width:640px){.fullHeader .hiddenText p{display:none}}@media(max-width:500px){.fullHeader button.hiddenText{min-width:40px;padding-left:8px;padding-right:8px}.emptyHeader .hiddenText p{display:none}.emptyHeader button.hiddenText{padding-left:8px;padding-right:8px}}@media(max-width:430px){.fullHeader.topHeader{width:100%;box-sizing:border-box;padding-right:8px;padding-left:8px}#logo{width:110px;display:flex}.fullHeader button.hiddenText{min-width:40px;padding-left:8px;padding-right:8px}.fullHeader .printerDropdown{width:130px}}@media(max-width:390px){.fullHeader .printerDropdown{width:100px}}@media(max-width:375px){.fullHeader.topHeader{width:100%;box-sizing:border-box;padding-right:8px;padding-left:8px}#logo{width:80px;display:flex}.fullHeader button.hiddenText{min-width:40px;padding-left:8px;padding-right:8px}.fullHeader .printerDropdown{width:70px}}.printModal{display:flex;position:absolute;top:80px;bottom:80px;left:50%;transform:translate(-50%);width:calc(100vw - 36px);height:calc(100vh - 120px);color:#fff;overflow-y:scroll;border-radius:10px;padding:18px}.printModal .modalContent{background-color:#0f0f0f;position:relative;padding:16px;row-gap:16px;height:fit-content}.printModal h1{font-size:32px}.withMobileWrapping{flex-wrap:no-wrap}.printModal .paperSizeContainer{display:flex;flex-direction:row;column-gap:5px;flex-wrap:wrap;row-gap:5px;justify-content:flex-end}.printModal .paperSizeContainer>button{max-width:150px}.printModal .closeIcon{position:absolute;top:16px;right:16px;width:32px;height:32px}.printModal .title{justify-content:space-around}@media(max-width:430px){.printModal{width:100vw;padding:0}.printModal .modalContent{width:calc(100vw - 32px)}.withMobileWrapping{flex-wrap:wrap}.printModal .paperSizeContainer{display:flex;flex-direction:row;column-gap:5px;flex-wrap:wrap;row-gap:5px;justify-content:space-around}}.homepage{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:80px 0 0}.homepage .topBanner{display:flex;min-height:180px;background-size:cover}.homepage .topBanner .bannerContent{display:flex;flex-grow:1;background:linear-gradient(180deg,#292c34e6,#292c349a);justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding-left:16px;padding-right:16px}.bannerContent .central{color:#fff;display:flex;flex-wrap:wrap;column-gap:60px;flex-direction:row;align-items:center;justify-content:center}.homepage .intro{flex-direction:column;display:flex;align-items:center;min-height:285px;background-color:#202744;background:#202744;background:linear-gradient(to bottom,#202744,#323d6a)}.homepage .choose-template{flex-direction:column;display:flex;align-items:center;background-color:#323d6a}.homepage h3{font-size:32px;line-height:50px;margin-bottom:10px;text-align:left;background:#5361d9;background:linear-gradient(to right,#5361d9,#cc58d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.homepage .textLayout{flex-direction:column;display:flex;padding-top:30px;font-weight:500;padding-left:16px;padding-right:16px;width:calc(100% - 32px);flex-grow:1;max-width:900px;align-content:flex-start}.intro .textLayout{color:#fff}.textLayout a{color:inherit;text-decoration:none}.textLayout a{background:linear-gradient(to right,#fff,#fff),linear-gradient(to right,red,#ff00b4,#0064c8);background-size:100% 1px,0 1px;background-position:100% 100%,0 100%;background-repeat:no-repeat;transition:background-size .4s}.textLayout a:hover{background-size:0 1px,100% 1px}.textLayout li{list-style-position:inside}.textLayout p,.textLayout ul{text-align:left;margin-bottom:1rem}.content .textLayout{color:#131313;text-align:left;margin-bottom:48px}.homepage .content{flex-direction:column;display:flex;align-items:center;background-color:#f4f4f4;min-height:600px;padding:10px}.homepage .credits{flex-direction:column;display:flex;align-items:center;background-color:#292828;padding:10px}#root{max-width:100%;width:100%;margin:0 auto;padding:0;text-align:center;background-color:#292c34}.horizontalStack{width:100%;align-items:center;display:flex;flex-direction:row;column-gap:10px}.verticalStack{width:100%;display:flex;flex-direction:column;row-gap:10px;align-items:center}html{overflow-x:hidden}body{margin:0;display:flex;place-items:center;width:100%;min-width:320px;min-height:100vh;overflow-y:hidden;overflow-x:hidden;background-color:#292c34;font-family:Roboto,sans-serif;font-weight:400;scrollbar-width:"thin";scrollbar-color:rgba(244,244,244,.4) transparent}:root{--basic-gap: 8px;--ui-color-1: #1e1e2e;--ui-color-2: #2a2a3e;--cell-width: 450px;--action-bar-width: 48px;--left-panel-width: 320px;--ui-color-3: #3a3a4e;--ui-color-primary: #5361d9;--header-height: 60px}::-webkit-scrollbar{transition:background-color .2s ease;width:8px;height:8px}::-webkit-scrollbar-thumb{background-color:#f4f4f466;border-radius:16px;width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}