html,body,#root{margin:0;padding:0;width:100%;height:100%}.App{font-family:Arial,sans-serif;position:relative;width:100vw;height:100vh;display:flex;justify-content:center;overflow:hidden;background:#f5f5f5}.ReactThreeCanvas{width:50vw;height:100vh}.custom-styles{height:100vh;width:50vw;display:flex;align-items:center;justify-content:center}.overlayCanvas{height:100vh;width:50vw;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.reference-canvas{width:300px;height:500px;z-index:1;border:3px solid rgba(197,197,197,.574);border-bottom:5px solid rgba(197,197,197,.829);box-shadow:inset 0 0 20px #c5c5c5}.custom-styles .excalidraw{width:300px;height:500px}.excalidraw__canvas{z-index:0!important}.custom-styles .excalidraw .Stack_horizontal{grid-auto-flow:row;scale:1.2;position:fixed;justify-content:center;align-items:center;left:0;top:50px;z-index:1}.dropdown-menu-button.main-menu-trigger.zen-mode-transition.dropdown-menu-button--mobile{display:none!important}.QuickSearch__wrapper svg{display:none!important}.excalidraw .dropdown-menu{position:relative!important;max-height:30vh;overflow:auto}.ScrollableList__wrapper .dropdown-menu{position:relative!important}.excalidraw__canvas-wrapper{position:absolute}.available-options{z-index:1;position:fixed;width:70px;left:calc(50vw - 70px);top:calc(50vh - 25%);scrollbar-width:10px;scroll-behavior:smooth;display:grid;text-align:center}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#94949491}::-webkit-scrollbar-thumb:hover{background:#55555596}.options{padding:5px;cursor:pointer;text-shadow:2px 2px 4px rgba(128,128,128,.425)}.options img{opacity:.1}.applyButton{position:fixed;padding:10px;height:30px;width:120px;bottom:0;left:calc(25vw - 60px);font-size:medium;font-weight:700;text-transform:uppercase;z-index:1;border:none;display:flex;justify-content:center;align-items:center;border-radius:4px;background-color:#bbb6e3;box-shadow:2px 2px 5px #0003;cursor:pointer;transition:background-color .3s ease;margin:10px 0}.logo{position:fixed;top:0;left:0;width:10vw;height:10vh;object-fit:contain}.logo img{margin:10px;width:10vw;height:3.5vh;object-fit:fill}.applyColors{position:fixed;bottom:0;right:0;display:flex;justify-content:center;align-items:center;height:50px;width:50vw;margin-bottom:10px}.applyColors .colors{height:50px;width:50px;cursor:pointer;display:flex;justify-content:center;align-items:center;margin:10px;border-radius:50%;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.applyColors .colors:hover{height:45px;width:45px;cursor:pointer;margin:12.5px;border-radius:50%;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.download-button{height:50px;width:50px;position:fixed;top:0;right:0;margin:10px;display:flex;justify-content:center;align-items:center;border-radius:5px;border:1px solid rgba(128,128,128,.448);cursor:pointer;background-color:#bbb6e3;box-shadow:2px 2px 5px #0003}footer.App-toolbar{position:fixed!important;bottom:0!important;left:0!important;width:200px!important;min-width:200px!important;max-width:none!important}.FontPicker__container svg{width:16px!important;height:20px!important}.FontPicker__container .buttonList{display:none!important}.App-bottom-bar{position:fixed!important;margin-bottom:14px;margin-left:calc(50% - 150px)!important;margin-right:14px;width:200px!important;max-height:500px;right:auto!important;top:calc(50% - 257px)!important}