@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap);*{box-sizing:border-box}html{font-size:16px}.pageContainer{background:linear-gradient(135deg,#f7f9fd,#e9edf5)}.pageContainer,.pageContainerDM{display:grid;grid-template-columns:1fr 3fr 1fr}.pageContainerDM{background:linear-gradient(0deg,#202020,#2d2d2d)}.pageContainer-sub,.pageContainer-subDM{display:grid;grid-template-columns:1fr 3fr 1fr;min-height:100vh}.pageContainer-subDM{background:linear-gradient(0deg,#202020,#2d2d2d)}@media (max-width:1023px){.pageContainer,.pageContainer-sub,.pageContainer-subDM,.pageContainerDM{display:grid;grid-template-columns:auto}}.contentContainerBasic{z-index:900}.contentContainerBasic,.contentContainerBasicDM{box-sizing:border-box;min-height:100vh;height:100%;display:grid;grid-template-columns:auto 600px auto;padding:5rem;position:relative}.contentContainerBasicDM{z-index:1000}.contentContainerBlock{background:linear-gradient(135deg,#f7f9fd,#e9edf5);z-index:900}.contentContainerBlock,.contentContainerBlockDM{box-sizing:border-box;min-height:100vh;height:100%;display:grid;grid-template-columns:auto 350px auto;padding:5rem;position:relative}.contentContainerBlockDM{background:linear-gradient(0deg,#202020,#2d2d2d);z-index:1000}.contentContainerComplete{background:linear-gradient(135deg,#f7f9fd,#e9edf5);z-index:900}.contentContainerComplete,.contentContainerCompleteDM{box-sizing:border-box;min-height:100vh;height:100%;display:grid;grid-template-columns:auto 600px auto;padding:5rem;position:relative}.contentContainerCompleteDM{background:linear-gradient(0deg,#202020,#2d2d2d);z-index:1000}@media (max-width:1023px){.contentContainer,.contentContainerDM{grid-template-columns:auto;padding:2rem}}.TypographyContent{grid-column-start:2;grid-column-end:3;overflow:hidden}@media (max-width:1023px){#typographyContentContainer{display:block;width:100vw;padding:2rem}}.sideBarContainer{background:linear-gradient(135deg,#f7f9fd,#e9edf5);box-shadow:-8px -4px 8px 0 #fff,8px 4px 12px 0 rgba(209,217,230,.6);z-index:1000}.sideBarContainer,.sideBarContainerDM{height:inherit;width:20rem;position:relative;padding:2rem;text-align:left}.sideBarContainerDM{background:linear-gradient(0deg,#202020,#2d2d2d);box-shadow:-4px -4px 8px rgba(55,55,55,.2),4px 4px 8px rgba(0,0,0,.2);z-index:1010}@media (max-width:1023px){.sideBarContainer,.sideBarContainerDM{width:100vw}}.flexColumn{flex-direction:column}.flexColumn,.flexRow{display:flex;margin-top:.4rem}.flexRow{flex-direction:row}.headerContainer{font-family:Inter,HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;letter-spacing:.05rem;display:flex;justify-content:space-between;margin:0 0 1rem}.logoWhite{width:6rem}.navBarCredits{color:#fff;font-size:.7rem;padding-top:.3rem}.navBarCreditsLink{text-decoration:none;font-weight:900;color:#fff}.navSidebarItem.active{opacity:1}.copywrightIcon{width:.9rem;position:relative;top:3.3px;left:-2px}.burgerMenuCont{background:linear-gradient(135deg,#f7f9fd,#e9edf5);box-shadow:-8px -4px 8px 0 #fff,8px 4px 12px 0 rgba(209,217,230,.6)}.burgerMenuCont,.burgerMenuContDM{width:2.2rem;height:2.2rem;display:flex;justify-content:center;border-radius:.6rem;cursor:pointer}.burgerMenuContDM{background:linear-gradient(0deg,#202020,#2d2d2d);box-shadow:-4px -4px 12px rgba(55,55,55,.5),4px 4px 12px rgba(0,0,0,.4)}.darkmodeSun{left:.2rem;top:.2rem}.darkmodeMoon,.darkmodeSun{position:absolute;width:1.2rem}.darkmodeMoon{top:.15rem;left:1.7rem}.logoBlack{width:6rem}.navContainer{transform:translateX(-22rem);z-index:9998;width:18rem}.nav,.navContainer{position:fixed;top:0;height:100vh}.nav{box-sizing:border-box;width:20rem;display:flex;flex-direction:column;justify-content:space-between;padding:2rem 3rem 2rem 2rem;left:0;background:linear-gradient(0deg,#202020,#2d2d2d);z-index:9999;box-shadow:-4px -4px 8px rgba(55,55,55,.2),4px 4px 8px rgba(0,0,0,.2)}.navSidebarItemContainer{padding-bottom:1rem}.navSidebarItem{width:12.5rem;display:flex;align-items:center;font-size:1rem;line-height:2rem;padding:.4rem 0;margin:0 0 1rem;box-shadow:-4px -4px 8px hsla(0,0%,100%,.1),4px 4px 8px rgba(0,0,0,.2);border:none;border-radius:1.2rem;transition:all .3s ease-in-out;text-decoration:none;opacity:.5;color:#fff}.navSidebarItem:hover{opacity:1}.navSidebarItem:active{box-shadow:-4px -4px 8px rgba(0,0,0,.2),4px 4px 8px hsla(0,0%,100%,.1),inset -4px -4px 8px hsla(0,0%,100%,.1),inset 4px 4px 8px rgba(0,0,0,.2)}.navSidebarItem span{position:relative}.navSidebarItemLinkActive{opacity:.1}.navSidebarItemIcon{width:2.8rem;height:1.8rem;position:relative;padding:0 .4rem 0 1rem}.chooseFontsSidebar{background:linear-gradient(135deg,#f7f9fd,#e9edf5)}.chooseFontsSidebar,.chooseFontsSidebarDM{height:100vh;width:20rem;display:flex;flex-direction:column;padding:2rem;position:fixed;z-index:9999;box-sizing:border-box}.chooseFontsSidebarDM{background:linear-gradient(0deg,#202020,#2d2d2d)}.fontSearchBarCont{margin-bottom:1rem;width:67%}.burgerMenuIcon{width:1.5rem;cursor:pointer}.checkBoxCont{position:relative;top:2px;margin-left:.1rem}.checkBoxInput{background:linear-gradient(135deg,#f7f9fd,#e9edf5);box-shadow:-8px -4px 8px 0 #fff,8px 4px 12px 0 rgba(209,217,230,.6)}.checkBoxInput,.checkBoxInputDM{width:1.4rem;height:1.4rem;position:relative;margin-top:3px;margin-right:8px;top:-1px;cursor:pointer;display:inline-block;margin-bottom:1rem;border:none;border-radius:.4rem;transition:all .3s ease-in-out}.checkBoxInputDM{background:linear-gradient(0deg,#202020,#2d2d2d);box-shadow:-4px -4px 12px rgba(55,55,55,.5),4px 4px 12px rgba(0,0,0,.4)}.checkBoxLabel,.checkBoxLabelDM{font-family:"Inter","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:.85rem;position:absolute;top:5px;opacity:.35;transition:all .3s ease-in-out}.checkBoxLabelDM{color:#fff}.checkBoxLabelActive{top:5px}.checkBoxLabelActive,.checkBoxLabelActiveDM{font-family:"Inter","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:.85rem;position:absolute;transition:all .3s ease-in-out}.checkBoxLabelActiveDM{color:#fff;top:5px;top:1}.checkBoxTick{width:1.4rem;height:1.4rem;position:absolute;top:1px;left:0}.radioWrapper{margin:.2rem 0}.radioState{position:relative;top:0;right:0;opacity:1e-5;pointer-events:none}.radioLabel{display:inline-flex;align-items:center;cursor:pointer;transform:translateX(-18px)}.radioText{color:#1a1a1a}.radioText,.radioTextDM{font-family:"Inter","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:.85rem;opacity:.5;margin-left:16px;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:all .3s ease-in-out}.radioTextDM{color:#fff}.radioIndicator{box-shadow:-8px -4px 8px 0 #fff,8px 4px 12px 0 rgba(209,217,230,.6)}.radioIndicator,.radioIndicatorDM{position:relative;border-radius:50%;height:25px;width:25px;overflow:hidden}.radioIndicatorDM{box-shadow:-4px -4px 12px rgba(55,55,55,.5),4px 4px 12px rgba(0,0,0,.4)}.radioIndicator:after,.radioIndicator:before,.radioIndicatorDM:after,.radioIndicatorDM:before{content:"";position:absolute;top:10%;left:10%;height:80%;width:80%;border-radius:50%}.radioIndicator:before{box-shadow:-4px -2px 4px 0 #d1d9e6,4px 2px 8px 0 #fff}.radioIndicatorDM:before{box-shadow:-8px -4px 8px 0 rgba(55,55,55,.5),8px 4px 12px 0 rgba(0,0,0,.4),inset 4px 4px 4px 0 rgba(0,0,0,.4),inset -4px -4px 4px 0 rgba(55,55,55,.5)}.radioIndicator:after{background-color:#ecf0f3;box-shadow:-4px -2px 4px 0 #fff,4px 2px 8px 0 #d1d9e6}.radioIndicator:after,.radioIndicatorDM:after{transform:scaleX(1);transition:opacity .25s ease-in-out,transform .25s ease-in-out}.radioIndicatorDM:after{background:linear-gradient(0deg,#202020,#2d2d2d)}.radioState:checked~.radioLabel .radioIndicator:after,.radioState:checked~.radioLabel .radioIndicatorDM:after{transform:scale3d(.975,.975,1) translate3d(0,10%,0);opacity:0;content:"";width:24px;height:24px;border-radius:50%;display:block}.radioLabel:hover .radioText,.radioLabel:hover .radioTextDM,.radioState:checked~.radioLabel .radioText,.radioState:checked~.radioLabel .radioTextDM,.radioState:focus~.radioLabel .radioText,.radioState:focus~.radioLabel .radioTextDM{opacity:1}.toggle-switch{display:flex}.label{display:inline-flex;align-items:center;cursor:pointer;color:#394a56}.toggle{box-shadow:-8px -4px 12px 0 #fff,8px 4px 12px 0 rgba(209,217,230,.6),inset 4px 4px 4px 0 rgba(209,217,230,.6),inset -4px -4px 4px 0 #fff}.toggle,.toggleDM{isolation:isolate;position:relative;height:25px;width:50px;border-radius:15px;overflow:hidden}.toggleDM{box-shadow:-8px -4px 8px 0 rgba(55,55,55,.5),8px 4px 12px 0 rgba(0,0,0,.4),inset 4px 4px 4px 0 rgba(0,0,0,.4),inset -4px -4px 4px 0 rgba(55,55,55,.5)}.toggle-state{display:none}.indicator{background:linear-gradient(135deg,#f7f9fd,#e9edf5);box-shadow:-8px -4px 8px 0 #fff,8px 4px 12px 0 #d1d9e6}.indicator,.indicatorDM{height:100%;width:200%;border-radius:15px;transform:translate3d(-75%,0,0);transition:transform .4s ease-in-out}.indicatorDM{background:linear-gradient(0deg,#202020,#2d2d2d);box-shadow:0 -4px 8px 0 #000,8px 4px 12px 0 #444}.toggle-state:checked~.indicator,.toggle-state:checked~.indicatorDM{transform:translate3d(25%,0,0)}.dashboardSubMenu{background:linear-gradient(135deg,#f7f9fd,#e9edf5);box-shadow:-8px -4px 8px 0 #fff,8px 4px 12px 0 rgba(209,217,230,.6)}.dashboardSubMenu,.dashboardSubMenuDM{border-radius:1rem;margin:0 0 .8rem;padding:1rem 1.8rem;overflow:hidden}.dashboardSubMenuDM{background:linear-gradient(0deg,#202020,#2d2d2d);box-shadow:-4px -4px 12px rgba(55,55,55,.5),4px 4px 12px rgba(0,0,0,.4)}.typographyDashboardCont{display:flex;flex-direction:column}.dropDownArrow{width:1.4rem;height:1.4rem;position:relative;top:-3px}.chooseFontPicker{font-family:"Inter","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:.85rem;height:2rem;width:105%;display:flex;position:relative;left:-.6rem;align-items:center;border:2px solid #fff;padding:0 0 0 .5rem;cursor:pointer;border-radius:1rem;transition:all .3s ease-in-out}.chooseFontPicker:hover{box-shadow:-8px -4px 8px 0 #fff,8px 4px 12px 0 rgba(209,217,230,.6)}.chooseFontPickerDM{font-family:"Inter","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:.85rem;height:2rem;width:105%;color:#fff;display:flex;position:relative;left:-.6rem;align-items:center;border:2px solid #787878;padding:0 0 0 .5rem;cursor:pointer;border-radius:1rem;transition:all .3s ease-in-out}.chooseFontPickerDM:hover{box-shadow:-4px -4px 12px rgba(55,55,55,.5),4px 4px 12px rgba(0,0,0,.4)}.chooseFontHeading{font-family:"Inter","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;letter-spacing:.05rem;font-size:.65rem;color:#bebebe;text-transform:uppercase;margin:.8rem 0 .2rem}.fontCategoryButtonContDashboard{display:flex;flex-wrap:wrap}.fontCategoryButtonCont{width:33.3333%;font-size:.75rem;height:1.8rem;margin:0 .3rem .6rem;flex:1 0 28%}.fontCategoryButtonCont:nth-child(3n+1){margin-left:0}.fontCategoryButton{font-family:"Inter","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:400;width:100%;height:100%;border-style:none;outline:none;cursor:pointer;border-radius:1rem;background:linear-gradient(135deg,#f7f9fd,#e9edf5);box-shadow:-8px -4px 8px 0 #fff,8px 4px 12px 0 rgba(209,217,230,.6);transition:all .3s ease-in-out}.fontCategoryButton:active{background:linear-gradient(135deg,#fff,#dfe2e9);box-shadow:-4px -4px 8px rgba(209,217,230,.6),4px 4px 8px #f7f9fd,inset -4px -4px 8px #f7f9fd,inset 4px 4px 8px rgba(209,217,230,.6);transition:all .3s ease-in-out}.fontCategoryButtonDM{font-family:"Inter","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:400;color:#fff;width:100%;height:100%;border-style:none;outline:none;cursor:pointer;border-radius:1rem;box-shadow:-4px -4px 12px rgba(55,55,55,.5),4px 4px 12px rgba(0,0,0,.4)}.fontCategoryButtonDM,.fontCategoryButtonDM:active{background:linear-gradient(0deg,#202020,#2d2d2d);transition:all .3s ease-in-out}.fontCategoryButtonDM:active{box-shadow:-4px -4px 8px rgba(0,0,0,.4),4px 4px 8px rgba(55,55,55,.5),inset -4px -4px 8px rgba(55,55,55,.5),inset 4px 4px 8px rgba(0,0,0,.4)}.fontCategoryButtonActive{background:linear-gradient(135deg,#fff,#dfe2e9);box-shadow:-4px -4px 8px rgba(209,217,230,.6),4px 4px 8px #f7f9fd,inset -4px -4px 8px #f7f9fd,inset 4px 4px 8px rgba(209,217,230,.6)}.fontCategoryButtonActive,.fontCategoryButtonActiveDM{font-family:"Inter","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:400;width:100%;font-size:.75rem;height:100%;flex:1 0 28%;border-style:none;outline:none;cursor:pointer;border-radius:1rem}.fontCategoryButtonActiveDM{color:#fff;background:linear-gradient(0deg,#202020,#2d2d2d);box-shadow:-4px -4px 8px rgba(0,0,0,.4),4px 4px 8px rgba(55,55,55,.5),inset -4px -4px 8px rgba(55,55,55,.5),inset 4px 4px 8px rgba(0,0,0,.4)}.typographySearchbar{font-family:"Inter","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:.85rem;height:1.9rem;background:#f7f9fd;width:100%;border:2px solid #fff;outline:none;border-radius:1rem;padding-left:.6rem}.typographySearchbar::-webkit-input-placeholder{font-family:"Inter","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:.85rem;opacity:.35}.typographySearchbar:-ms-input-placeholder{font-family:"Inter","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:.85rem;opacity:.35}.typographySearchbar::-ms-input-placeholder{font-family:"Inter","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:.85rem;opacity:.35}.typographySearchbar::placeholder{font-family:"Inter","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:.85rem;opacity:.35}.typographySearchbarDM{font-family:"Inter","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:.85rem;height:1.9rem;color:#fff;background:linear-gradient(0deg,#202020,#2d2d2d);width:100%;border:2px solid #fff;outline:none;border-radius:1rem;padding-left:.6rem}.typographySearchbarDM::-webkit-input-placeholder{font-family:"Inter","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:.85rem;opacity:1}.typographySearchbarDM:-ms-input-placeholder{font-family:"Inter","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:.85rem;opacity:1}.typographySearchbarDM::-ms-input-placeholder{font-family:"Inter","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:.85rem;opacity:1}.typographySearchbarDM::placeholder{font-family:"Inter","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:.85rem;opacity:1}.chooseFontCategoryList,.chooseFontCategoryListDM{box-sizing:border-box;height:100%;width:auto;position:relative;padding:1rem;cursor:pointer;overflow:hidden;outline:none;border:2px solid #fff;border-radius:1rem}.fontSearchBarFallback,.fontSearchBarFallbackDM{font-family:"Inter","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:.85rem;position:absolute;z-index:-10}.fontSearchBarFallbackDM{color:#fff}.chooseFontsSidebarDashboard{height:"10.9rem"}.sidebarBackButton{width:1.4rem;height:1.4rem;cursor:pointer;display:inline-block;margin-bottom:1.2rem;border:2px solid #333;border-radius:.4rem;opacity:.15;transition:all .3s ease-in-out}.sidebarBackButton:hover{opacity:.6;box-shadow:-8px -4px 8px 0 #fff,8px 4px 12px 0 rgba(209,217,230,.6)}.sidebarBackButtonDM{width:1.4rem;height:1.4rem;cursor:pointer;display:inline-block;margin-bottom:1.2rem;border:2px solid #787878;border-radius:.4rem;opacity:.35;transition:all .3s ease-in-out}.sidebarBackButtonDM:hover{opacity:.6;box-shadow:-4px -4px 12px rgba(55,55,55,.5),4px 4px 12px rgba(0,0,0,.4)}.sidebarBackButtonIcon{width:1.4rem;position:relative;left:-1.6px;top:-2px;margin-right:.25rem}.fontSearchBarAndItalicCont{display:flex;justify-content:space-between;margin-top:.5rem}.typographyFontItem:first-of-type{padding-top:1rem}.typographyFontItem{color:#1a1a1a}.typographyFontItemDM{color:#fff}.dropDownButton,.dropDownButtonDM{-webkit-user-select:none;-ms-user-select:none;user-select:none;opacity:1;width:100%;display:flex;justify-content:space-between;background:none;border:none;margin:0;padding:0;font-family:Inter,HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:1rem;letter-spacing:.05rem;cursor:pointer}.dropDownButtonDM{color:#fff}.radioButtonInput:hover,.radioButtonLabel:hover{cursor:pointer}input[type=range].inputRange,input[type=range].inputRangeDM{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;width:100%;background:transparent;margin:.2rem 0 .6rem}input[type=range].inputRange:focus{outline:none}input[type=range].inputRange::-webkit-slider-runnable-track{width:100%;height:12.8px;cursor:pointer;box-shadow:0 0 0 #000,0 0 0 #0d0d0d;background:#f7f9fd;border-radius:25px;box-shadow:-8px -4px 12px 0 #fff,8px 4px 12px 0 rgba(209,217,230,.6),inset 2px 2px 4px 0 rgba(209,217,230,.6),inset -2px -2px 4px 0 #fff;border:0 solid #000101}input[type=range].inputRangeDM::-webkit-slider-runnable-track{width:100%;height:12.8px;cursor:pointer;background:linear-gradient(0deg,#202020,#2d2d2d);border-radius:25px;box-shadow:-4px -4px 8px rgba(0,0,0,.4),4px 4px 8px rgba(55,55,55,.5),inset -4px -4px 8px rgba(55,55,55,.5),inset 4px 4px 8px rgba(0,0,0,.4);border:0 solid #000101}input[type=range].inputRange::-webkit-slider-thumb{box-shadow:0 0 0 #000,0 0 0 #0d0d0d;background:#f7f9fd;box-shadow:-4px -4px 8px 0 #fff,4px 4px 12px 0 rgba(209,217,230,.6)}input[type=range].inputRange::-webkit-slider-thumb,input[type=range].inputRangeDM::-webkit-slider-thumb{border:0 solid #000;height:20px;width:20px;border-radius:20px;cursor:pointer;-webkit-appearance:none;margin-top:-3.6px}input[type=range].inputRangeDM::-webkit-slider-thumb{box-shadow:0 0 0 #000,0 0 0 #0d0d0d;background:linear-gradient(0deg,#262626,#333);box-shadow:-4px -4px 12px rgba(55,55,55,.5),4px 4px 12px rgba(0,0,0,.4)}.adjustSizeHeading{font-family:"Inter","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;letter-spacing:.05rem;font-size:.65rem;color:#bebebe;text-transform:uppercase;margin:.2rem 0 .3rem}.SizeValueDisplay{color:#1a1a1a}.SizeValueDisplay,.SizeValueDisplayDM{font-family:"Inter","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:600;letter-spacing:.05rem;font-size:.65rem;text-transform:uppercase;margin:.2rem 0 .3rem .2rem}.SizeValueDisplayDM{color:#fff}input[type=range]{-webkit-appearance:none;margin:18px 0;width:100%}input[type=range]:focus{outline:none}input[type=range].inputRange::-moz-range-track{width:100%;height:12.8px;cursor:pointer;box-shadow:0 0 0 #000,0 0 0 #0d0d0d;background:#f7f9fd;border-radius:25px;box-shadow:-8px -4px 12px 0 #fff,8px 4px 12px 0 rgba(209,217,230,.6),inset 2px 2px 4px 0 rgba(209,217,230,.6),inset -2px -2px 4px 0 #fff;border:0 solid #000101}input[type=range].inputRangeDM::-moz-range-track{width:100%;height:12.8px;cursor:pointer;background:linear-gradient(0deg,#202020,#2d2d2d);border-radius:25px;box-shadow:-4px -4px 8px rgba(0,0,0,.4),4px 4px 8px rgba(55,55,55,.5),inset -4px -4px 8px rgba(55,55,55,.5),inset 4px 4px 8px rgba(0,0,0,.4);border:0 solid #000101}input[type=range].inputRange::-moz-range-thumb{box-shadow:0 0 0 #000,0 0 0 #0d0d0d;background:#f7f9fd;box-shadow:-4px -4px 8px 0 #fff,4px 4px 12px 0 rgba(209,217,230,.6)}input[type=range].inputRange::-moz-range-thumb,input[type=range].inputRangeDM::-moz-range-thumb{border:0 solid #000;height:20px;width:20px;border-radius:20px;cursor:pointer;-webkit-appearance:none;margin-top:-3.6px}input[type=range].inputRangeDM::-moz-range-thumb{box-shadow:0 0 0 #000,0 0 0 #0d0d0d;background:linear-gradient(0deg,#262626,#333);box-shadow:-4px -4px 12px rgba(55,55,55,.5),4px 4px 12px rgba(0,0,0,.4)}.alignmentButtonCont{width:33.3333%;font-size:.75rem;height:1.8rem;margin:0 .3rem .6rem;flex:1 0 28%}.alignmentButtonCont:nth-child(3n+1){margin-left:0}.alginmentIcon{width:1.4rem;height:1.4rem;position:relative;top:1px}.fontCategoryButtonActive svg{transform:scale(.9);transition:all .3s ease-in-out}.fontDownloadDisplay{font-family:"Inter","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:.85rem;height:2rem;width:105%;display:flex;position:relative;left:-.6rem;align-items:center;border:2px solid #fff;padding:0 0 0 .5rem;cursor:pointer;border-radius:1rem;transition:all .3s ease-in-out}.fontDownloadDisplay:hover{box-shadow:-8px -4px 8px 0 #fff,8px 4px 12px 0 rgba(209,217,230,.6)}.fontDownloadDisplayDM{font-family:"Inter","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:.85rem;height:2rem;width:105%;color:#fff;display:flex;position:relative;left:-.6rem;align-items:center;border:2px solid #787878;padding:0 0 0 .5rem;cursor:pointer;border-radius:1rem;transition:all .3s ease-in-out}.fontDownloadDisplayDM:hover{box-shadow:-4px -4px 12px rgba(55,55,55,.5),4px 4px 12px rgba(0,0,0,.4)}.downloadIcon{width:1.4rem;height:1.4rem;position:relative;top:-1px;left:5px}.cssFilenameInputCont{font-family:"Inter","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:.85rem;height:2rem;width:105%;display:flex;position:relative;left:-.6rem;align-items:center;border:2px solid #fff;padding:0 0 0 .5rem;cursor:pointer;border-radius:1rem;transition:all .3s ease-in-out}.cssFilenameInputCont:hover{box-shadow:-8px -4px 8px 0 #fff,8px 4px 12px 0 rgba(209,217,230,.6)}.cssFilenameInputCont #cssFileNameInput{max-width:19ch}.cssFileNameExt,.cssFileNameExtDM{font-family:"Inter","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:.85rem;background:none;border:none}.cssFileNameExtDM{color:#fff}.typographyDisplayItemDM{color:#fff;margin-top:0}.typographyDisplayItem{margin-top:0}.subPageContentContainer{color:#333}.subPageContentContainer,.subPageContentContainerDM{font-family:"Inter","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;padding:5rem 10rem}.subPageContentContainerDM{color:#fff}.subPageHeading{color:#333}.subPageHeading,.subPageHeadingDM{font-family:"Inter","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif}.subPageHeadingDM{color:#fff}.subPageContentContainerDM h2,.subPageContentContainer h2{font-size:2rem;margin-top:.5rem}.subPageContentContainerDM p,.subPageContentContainer p{font-size:1.3rem;line-height:2rem}.subPageContentContainer a:link,.subPageContentContainer a:visited{color:#333;text-decoration:none;font-weight:600;transition:all .3s ease-in-out}.subPageContentContainerDM a:link,.subPageContentContainerDM a:visited{color:#fff;text-decoration:none;font-weight:600;transition:all .3s ease-in-out}.subPageContentContainer a:hover,.subPageContentContainerDM a:hover{opacity:.8}.lSPageCont{width:100vw;height:100vh;display:grid;grid-template-columns:auto minmax(300px,30vw) auto}.lSPageContent{grid-column-start:2;grid-column-end:3;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:"Inter","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;text-align:center;font-size:.8rem;line-height:1.2rem}.lSPageContent a{text-decoration:none;font-weight:600;color:#1a1a1a;transition:all .3s ease-in-out}.lSPageContent a:hover{opacity:.8}#loadingMessage{font-weight:400;-webkit-user-select:none;-ms-user-select:none;user-select:none;line-height:1.6rem;font-size:1.2rem}.lSPageContent .fontCategoryButton{padding:.6rem 2rem;text-transform:uppercase}.enterButton{margin-left:1.2rem}.remove-btn{margin-right:.5rem}.mobileDataWarning{font-weight:600;margin:0 0 1.2rem}.item-enter{opacity:0}.item-enter-active{opacity:1;transition:opacity .5s ease-in}.item-exit{opacity:1}.item-exit-active{opacity:0;transition:opacity .5s ease-in}.circle{left:-1rem;top:-2rem;grid-column:2/3;grid-row:4/6;justify-self:center;border-radius:1rem;display:grid;grid-template-rows:1fr;justify-items:center}.circle,.circle__btn{position:relative;width:18rem;height:18rem;align-items:center}.circle__btn{animation:waves2 2s linear infinite;grid-row:1/2;grid-column:1/2;display:flex;margin:.6rem;padding:2rem;justify-content:center;border-radius:50%;font-size:1.2rem;font-family:"Inter","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;color:#a0a0a0;text-align:center;z-index:300;background:linear-gradient(135deg,#f7f9fd,#e9edf5);box-shadow:.3rem .3rem .6rem #c8d0e7,-.2rem -.2rem .5rem #fff}.circle__btn.shadow{box-shadow:inset .2rem .2rem .5rem #c8d0e7,inset -.2rem -.2rem .5rem #fff}.circle__btn .play{position:absolute;opacity:0;transition:all .2s linear}.circle__btn .play.visibility{opacity:1}.circle__btn .pause{position:absolute;transition:all .2s linear}.circle__btn .pause.visibility{opacity:0}.circle__back-1,.circle__back-2{grid-row:1/2;grid-column:1/2;width:18rem;height:18rem;border-radius:50%;-webkit-filter:blur(1px);filter:blur(1px);z-index:100}.circle__back-1{box-shadow:.4rem .4rem .8rem #c8d0e7,-.4rem -.4rem .8rem #fff;background:linear-gradient(to bottom right,#c8d0e7 0,#fff);animation:waves 4s linear infinite}.circle__back-1.paused{animation-play-state:paused}.circle__back-2{box-shadow:.4rem .4rem .8rem #c8d0e7,-.4rem -.4rem .8rem #fff;animation:waves 4s linear 2s infinite}.circle__back-2.paused{animation-play-state:paused}@keyframes waves{0%{transform:scale(1);opacity:1}50%{opacity:1}to{transform:scale(1.4);opacity:0}}@keyframes waves2{0%{transform:scale(1.04)}25%{transform:scale(1)}to{transform:scale(1)}to{transform:scale(1.04)}}.googleAdsenseCont{background:linear-gradient(135deg,#f7f9fd,#e9edf5);box-shadow:-8px -4px 8px 0 #fff,8px 4px 12px 0 rgba(209,217,230,.6);z-index:9999;min-height:100vh}.googleAdsenseContDM{background:linear-gradient(0deg,#202020,#2d2d2d);box-shadow:-4px -4px 8px rgba(55,55,55,.2),4px 4px 8px rgba(0,0,0,.2);z-index:9999;min-height:100vh}:focus{outline:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-button{width:0;height:0}::-webkit-scrollbar-thumb{background:#dfe2e9;border:0 #fff;min-height:5rem;border-radius:1rem}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}::-webkit-scrollbar-thumb:hover{background:#d2d2d2}::-webkit-scrollbar-thumb:active{background:#bebebe;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}::-webkit-scrollbar-track{background:transparent;border:0 #fff}::-webkit-scrollbar-corner,::-webkit-scrollbar-track:active{background:transparent}
/*# sourceMappingURL=main.e3f94ac2.chunk.css.map */