body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width:1599px){.dialog-window{width:80vw}#startWrapper{max-width:80vw}}@media (max-width:1079px){#contentWrapper,.container{max-height:100%;max-width:100%}#contentWrapper{flex-direction:column-reverse;gap:10px;overflow:auto;width:100%}#startScreenContainer{max-height:100%;min-height:calc(100vh - 100px)}#splitBar{display:none}#contentWrapper #jsonElements,#contentWrapper #jsonPreview{flex:1 1;height:auto;min-width:100px;width:100%}#animationPreview{padding:5px}#previewControlContainer{height:130px;padding:40px 5px 5px}#previewControls{justify-content:space-around;margin:0}#timeDisplay{width:80px}.template-grid{align-items:center;flex-direction:column;justify-content:center}.template-grid .template-card{max-width:100%;width:100%}.last-uploaded-header{flex-direction:column;gap:10px}#startWrapper{max-width:90vw}#samples{flex-wrap:wrap}#startScreenContainer #startWrapper{max-width:100%;width:100%}}@media (max-width:680px){#headerContainer{gap:5px;height:auto}#login-button span{display:none}.container{height:auto}#contentWrapper{gap:5px;padding:5px}#contentWrapper #jsonPreview,#jsonElements{min-width:300px;padding:5px}.accordion{gap:10px}.accordion-header{padding:5px}.accordion-body{box-sizing:border-box;padding:5px}.accordionInfo{gap:5px}#timeDisplay{padding:1px 5px;width:50px}#timeDisplay,.previewControlButton{font-size:16px}#previewControlContainer{height:115px;padding:40px 5px 5px}.fonts-list{gap:5px}#text-input-header{display:none}.jsonText{padding-bottom:5px}.jsonText span{display:none}.dialog-window{min-width:100%}#exportFileName{flex-direction:row;flex-wrap:wrap;justify-content:center}#fileNameInputLabel{min-width:100px}.spx-setting-header{flex-direction:column}#startScreenContainer{max-height:100%}#startWrapper{max-width:100%}.sample{padding:10px}.sample .icon{font-size:60px}.external-source-fields input{width:100%}.external-source-form{width:50%}.external-source-form input{width:100%}}@media (max-width:359px){.warning{align-items:center;background-color:var(--background);box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-size:1.6rem;height:100%;justify-content:center;left:0;padding:30px;position:fixed;text-align:center;top:0;width:100%;z-index:1000}#to-narrow-img{margin-bottom:5vh;width:95vw}}@media (min-width:360px){.warning{display:none}}@media (max-width:680px){#content #startScreenContainer{margin:10px}#startScreenContainer #startWrapper,#startWrapper #sampleWrapper,#startWrapper #uploadWrapper{gap:10px;padding:10px}#sampleWrapper #samples{padding:10px 0 0}#samples .sample{padding:10px}.headerButton1{display:none}#login-button{display:flex;padding:5px}#login-button img{margin-left:0}#header-title h1{display:none}.dropdown-item,.dropdown-item .headerButton{align-items:center;display:flex;gap:10px;justify-content:center;width:100%}.headerSide .dropdown{background-color:var(--background);color:#fff;cursor:pointer;display:flex;font-size:24px;gap:50px;padding:10px;text-align:center}.headerSide .headerButton{display:none}.dropdown-content .headerButton,.dropdown.headerButton{display:flex}.dropdown-content{background-color:initial;box-shadow:0 8px 16px 0 #0003;display:none;left:0;position:absolute;top:60px;width:50%;z-index:1}.dropdown:hover .dropdown-content{display:block}.markers-wrapper .marker-inputs{gap:5px}.marker-inputs label{font-size:.6rem}#content .dialog-window{min-width:auto;padding:10px;width:calc(100vw - 20px)}#content .dialog-window h2{padding:0 10px 10px 0}.dialog-window .popupButtonArea{padding-top:10px}.dialog-window .tab-content{padding:10px}.dialog-window .mode-switch{padding-bottom:20px}.tab-content .spx-settings{margin-top:10px}.spx-settings #spx-item-key{font-size:.8rem;min-width:100px}.spx-settings .spx-setting-header{gap:10px}.spx-description .spx-export-right{flex:0 1;max-width:calc(100% - 110px)}.spx-description input{max-width:100%}.spx-setting-header .spx-export-right{max-width:calc(100% - 110px)}.spx-export-right label{max-width:100%}.spx-instruction .spx-export-right textarea{min-height:100px}#contentWrapper #jsonElements,.container #contentWrapper{padding:10px}.accordion-wrapper .accordion{gap:10px}.font-item .font-item-text{text-wrap:wrap;font-size:.8rem;min-width:auto}#previewControls .previewControlButton.demo{align-items:center;display:flex;font-size:1rem}}@media (max-height:681px){#content .dialog-window{height:100vh;min-height:auto;padding:10px}#content .dialog-window h2{padding:0 10px 10px 0}.dialog-window .popupButtonArea{padding-top:10px}.dialog-window .tab-content{padding:10px}.spx-settings #spx-item-key{font-size:.8rem;min-width:100px}.spx-settings .spx-setting-header{gap:10px}.spx-description .spx-export-right{flex:0 1;max-width:calc(100% - 110px)}.spx-description input{max-width:100%}.spx-setting-header .spx-export-right{max-width:calc(100% - 110px)}.spx-export-right label{max-width:100%}.spx-instruction .spx-export-right textarea{min-height:100px}.dialog-window .auth-form{gap:10px}.dialog-window .auth-form p{padding-bottom:0}.auth-form .auth-input input{height:40px;padding:10px}.auth-form .auth-button{padding:5px}}:root{--primary:#4ba1e2;--primary-content:#e8e8e8;--primary-dark:#348bc1;--primary-light:#6abcef;--secondary:#e2b06f;--secondary-content:#e8e8e8;--secondary-dark:#c69152;--secondary-light:#f9cc95;--background:#e8e8e8;--foreground:#fff;--border:#ccc;--copy:#282828;--copy-light:#363636;--copy-lighter:#494949;--success:#28af62;--warning:#e2b06f;--error:#cc5662;--success-content:#282828;--warning-content:#282828;--error-content:#fafafa;--grey:#494949}.light{--primary:#4ba1e2;--primary-content:#e8e8e8;--primary-dark:#348bc1;--primary-light:#6abcef;--secondary:#e2b06f;--secondary-content:#e8e8e8;--secondary-dark:#c69152;--secondary-light:#f9cc95;--background:#e8e8e8;--foreground:#fff;--border:#ccc;--copy:#282828;--copy-light:#363636;--copy-lighter:#494949;--success:#28af62;--warning:#e2b06f;--error:#cc5662;--success-content:#282828;--warning-content:#282828;--error-content:#fafafa}.dark{--primary:#4ba1e2;--primary-content:#e8e8e8;--primary-dark:#348bc1;--primary-light:#6abcef;--secondary:#e2b06f;--secondary-content:#e8e8e8;--secondary-dark:#c69152;--secondary-light:#f9cc95;--background:#282828;--foreground:#363636;--border:#494949;--copy:#e8e8e8;--copy-light:#fff;--copy-lighter:#ccc;--success:#28af62;--warning:#e2b06f;--error:#cc5662;--success-content:#282828;--warning-content:#282828;--error-content:#fafafa}@font-face{font-display:swap;font-family:OpenSans-RegularS;font-style:normal;src:url(/static/media/OpenSans-Regular.b8cc747a58ffa52b7ff9.ttf)}@font-face{font-display:swap;font-family:OpenSans-SemiBoldS;src:url(/static/media/OpenSans-SemiBold.c7ab78a511011d4e147e.ttf)}*{box-sizing:border-box;margin:0;padding:0}html{width:100%}body,html{font-family:OpenSans-RegularS,sans-serif}body{background:#e8e8e8;background:var(--background);color:#282828;color:var(--copy);margin:0;min-height:100%;min-width:100%}#root,body{box-sizing:border-box}#root{height:100%;width:100%}a{color:#4ba1e2;color:var(--primary);font-weight:700;text-decoration:none}hr{border-color:#ccc;border-color:var(--border);height:1px;margin:10px}#content{display:flex;flex-direction:column;min-height:100%;min-width:100%}#startScreenContainer{align-items:center;background:#fff;background:var(--foreground);border-radius:5px;display:flex;flex-grow:1;justify-content:center;margin:20px;max-width:100vw;min-height:calc(100vh - 100px);overflow:auto}#startWrapper{display:flex;flex-direction:column;flex-grow:1;gap:20px;justify-content:space-around;max-width:60vw;min-height:50vh;padding:20px}#startWrapper p{margin:0;text-align:center}#uploadWrapper{align-items:center;border:5px dashed #ccc;border:5px dashed var(--border);border-radius:10px;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:20px}#uploadIcon,#uploadWrapper h2{text-align:center}#uploadIcon{border-radius:5px;font-size:60px;width:10%}#sampleWrapper{align-items:center;background:#e8e8e8;background:var(--background);border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;display:flex;flex-direction:column;justify-content:space-around;padding:20px}#sampleWrapper h2{text-align:center}#samples{display:flex;flex-wrap:wrap;justify-content:space-around;padding:40px 0 0;width:100%}.sample{cursor:pointer;display:flex;flex-direction:column;min-height:100px;padding:20px;text-align:center;width:100px}.sample .icon{font-size:50px}.container{display:flex;flex-grow:1;height:calc(100vh - 60px);margin:0;width:100%}#contentWrapper{display:flex;height:100%;padding:20px;width:100%}h1,h2{color:#282828;color:var(--copy);margin:0}h3 svg{margin-right:5px}#logo-img{height:40px;margin-right:20px}#header-title{align-items:center;display:flex;justify-content:space-around}input{align-items:center;background:#fff;background:var(--foreground);border:1px solid #ccc;border:1px solid var(--border);color:#363636;color:var(--copy-light);display:flex}input,select{border-radius:5px;height:30px;padding:5px}select{background:#e8e8e8;background:var(--background);border:1px solid #ccc;border:1px solid var(--border);color:#282828;color:var(--copy);font-size:.8rem}input[type=color]{padding:1px}input[type=file]{background-color:#e8e8e8;background-color:var(--background);height:auto}input[type=file]::-webkit-file-upload-button{background:#fff;background:var(--foreground);border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;color:#363636;color:var(--copy-light);cursor:pointer;margin-right:10px;padding:5px 10px}input[type=checkbox]{accent-color:#4ba1e2;accent-color:var(--primary);cursor:pointer;height:15px;width:15px}#headerContainer{align-items:center;background:#fff;background:var(--foreground);box-sizing:border-box;color:#363636;color:var(--copy-light);display:flex;height:60px;justify-content:space-between;margin:0 auto auto;padding:10px;width:100%}.headerSide{justify-content:space-around}.headerButton,.headerSide{align-items:center;display:flex;gap:10px}.headerButton{background-color:#e8e8e8;background-color:var(--background);border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;color:#363636;color:var(--copy-light);cursor:pointer;font-size:20px;height:40px;justify-content:center;min-width:40px;padding:5px 10px;transition:.3s;width:auto}.headerButton span{font-size:16px}.headerButton span,.headerButton svg{transition:.5s}.dropdown{border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;display:none}.headerButton:hover{border-color:#e2b06f;border-color:var(--secondary);color:#e8e8e8;color:var(--secondary-content)}.headerButton:hover svg{transform:scale(1.2)}#previewContainer{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;height:100%;justify-content:space-between;width:100%}#splitBar{background:#e8e8e8;background:var(--background);border-radius:5px;cursor:col-resize;height:100%;margin:0 10px;transition:background-color .3s ease-in-out;width:6px}#splitBar:hover{background:#ccc;background:var(--border)}#jsonElements{background:#fff;background:var(--foreground);border-radius:5px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-sizing:border-box;height:100%;min-width:500px;padding:20px;width:40%}#jsonElements>h2{margin:0 0 20px}.accordion{display:flex;flex-direction:column;gap:20px}.accordion-wrapper{height:100%;overflow:auto}.accordion-item{border:1px solid #ccc;border:1px solid var(--border);border-radius:5px}.accordion-header{background:#e8e8e8;background:var(--background);border:1px solid #4ba1e2;border:1px solid var(--primary);border-radius:5px;margin:0;padding:10px}.accordion-header.open{border-bottom:5px solid #4ba1e2;border-bottom:5px solid var(--primary);border-radius:5px 5px 0 0}.accordion-header .errors{background-color:#cc5662;background-color:var(--error)}.accordion-body{background:#e8e8e8;background:var(--background);border-radius:0 0 5px 5px;display:flex;flex-direction:column;gap:10px;max-height:0;overflow:hidden;padding:0;transform:scaleY(0);transform-origin:top;transition:transform .2s ease}.accordion-body.open{max-height:100000px;padding:10px;transform:scaleY(1)}.accordionInfo{display:flex;flex-wrap:wrap;gap:10px}.colors .accordion-body{padding-bottom:0}.info-item{align-items:center;background:#fff;background:var(--foreground);border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;display:flex;flex-grow:1;flex-wrap:nowrap;justify-content:center;padding:5px 10px}.info-name{font-weight:700}.info-value{padding-left:5px}.fonts-list{display:flex;flex-direction:column;gap:10px}.font-item{align-items:center;background:#fff;background:var(--foreground);border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;display:flex;justify-content:space-between;overflow:hidden;padding:5px;width:100%}.font-item-text{min-width:160px}.font-item input{flex-grow:1;height:auto;margin-left:10px;padding:5px!important}.font-item input,.font-item span{background:#e8e8e8;background:var(--background)}.font-item span{border-radius:5px;font-size:1.4rem;margin-right:10px;padding:0 4px}.controls{align-items:center;background:#fff;background:var(--foreground);border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;display:flex;flex-direction:row;gap:5px;padding:5px}.imageControls{margin-bottom:0}.control-item{align-items:center;background:#e8e8e8;background:var(--background);border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;display:flex;gap:10px;height:40px;padding:5px 10px}#image-preview{display:flex;flex-wrap:wrap;gap:5px;justify-content:space-around}.imgPreview{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAC4jAAAuIwF4pT92AAAANklEQVQ4jWP8////fwYiwPHjx4lRxsBElCoSwKiBowYOBgNZiM0BlpaWRKkb/F4eNXDUQDIAAHgLCXvxPkGZAAAAAElFTkSuQmCC);border:1px solid #ccc;border:1px solid var(--border);height:100px;padding:0}.image-preview-wrapper{align-items:center;background:#fff;background:var(--foreground);border-radius:5px;display:flex;flex-direction:column;justify-content:center;margin-top:10px;padding:10px}.image-preview-wrapper>button{background:#e8e8e8;background:var(--background);border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;color:#282828;color:var(--copy);margin-top:5px;padding:5px;transition-duration:.5s;width:100%}.image-preview-wrapper>button:hover{background:#4ba1e2;background:var(--primary)}.img-input-wrapper{align-items:center;background:#e8e8e8;background:var(--background);border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;display:flex;flex-direction:column;gap:5px;justify-content:space-around;margin-top:5px;padding:5px;width:calc(100% - 10px)}.img-input-wrapper input{width:95%}.markers-wrapper{display:flex;flex-direction:column;gap:10px}.marker-inputs{align-items:center;background:#fff;background:var(--foreground);border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;display:flex;flex-direction:row;gap:10px;padding:5px}.marker-inputs input{background:#e8e8e8;background:var(--background)}.marker-input-name{flex-grow:1;min-width:50px}.marker-input-end,.marker-input-start{width:50px}#jsonElements h2,#jsonElements h3{color:#282828;color:var(--copy)}#previewWrapper{background:#e8e8e8;background:var(--background);border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;display:flex;flex-direction:column;max-height:calc(100% + 20px);max-width:100%;padding:10px;width:100%}.mode-switch{display:flex;justify-content:center;padding-bottom:10px}.mode-switch button{background-color:#e8e8e8;background-color:var(--background);border:1px solid #ccc;border:1px solid var(--border);border-radius:0;color:#282828;color:var(--copy);cursor:pointer;margin-right:0;padding:10px 20px}.mode-switch button:first-child{border-radius:5px 0 0 5px}.mode-switch button:last-child{border-radius:0 5px 5px 0}.mode-button.active{border:1px solid #4ba1e2;border:1px solid var(--primary);font-weight:700}#jsonPreview,.mode-button.active{background-color:#fff;background-color:var(--foreground)}#jsonPreview{align-items:center;border-radius:5px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;min-width:500px;padding:20px}.caspar-player iframe{aspect-ratio:16/9;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAC4jAAAuIwF4pT92AAAANklEQVQ4jWP8////fwYiwPHjx4lRxsBElCoSwKiBowYOBgNZiM0BlpaWRKkb/F4eNXDUQDIAAHgLCXvxPkGZAAAAAElFTkSuQmCC);border:none;width:100%}#animationPreview{background:#e8e8e8;background:var(--background);flex-basis:auto;flex-shrink:1;overflow:hidden;text-align:center}#animationPreview canvas,#animationPreview svg{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAC4jAAAuIwF4pT92AAAANklEQVQ4jWP8////fwYiwPHjx4lRxsBElCoSwKiBowYOBgNZiM0BlpaWRKkb/F4eNXDUQDIAAHgLCXvxPkGZAAAAAElFTkSuQmCC);flex-grow:1;width:auto}#animationPreview canvas{height:100%;width:auto!important}#previewControlContainer{background:#e8e8e8;background:var(--background);border-top:none;box-sizing:border-box;flex-shrink:0;height:auto;padding:50px 0 0;width:100%}#previewControlContainer.just-buttons{padding:5px 0 0}#previewControls{align-items:center;display:flex;height:auto;justify-content:space-between;padding:20px 0 0}#previewControls.just-buttons{padding:0}.control-input-images{margin-left:6px;width:auto}.previewControlButton{background-color:#fff;background-color:var(--foreground);border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;color:#282828;color:var(--copy);cursor:pointer;font-size:24px;min-width:20px;padding:2px 10px;transition:.2s ease}.previewControlButton svg{transition:transform .5s}.previewControlButton.grey{color:#494949;color:var(--grey)}.previewControlButton.grey:hover{border-color:#ccc;border-color:var(--border);color:#494949;color:var(--grey);cursor:default}.previewControlButton.demo{height:37px;padding:0 10px}.previewControlButton:hover{border-color:#4ba1e2;border-color:var(--primary)}.previewControlButton:hover svg{transform:scale(1.2)}#timeDisplay{background-color:#fff;background-color:var(--foreground);border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;color:#282828;color:var(--copy);font-size:24px;overflow:hidden;padding:2px 10px;width:82px}#progressBarContainer{background:#fff;background:var(--foreground);border-radius:5px;height:20px;position:relative}#progressBar{background-color:#4ba1e2;background-color:var(--primary);border-radius:5px;height:20px;width:0}.progress-bar-marker{background-color:#e2b06f;background-color:var(--secondary);bottom:-1px;height:160%;position:absolute;width:4px}.marker-tooltip{background:#fff;background:var(--foreground);border:1px solid #ccc;border-left:4px solid #e2b06f;border:1px solid var(--border);border-left:4px solid var(--secondary);border-radius:0 5px 5px 0;bottom:100%;cursor:pointer;left:100%;padding:2px 5px;position:absolute;transform:translateX(-4px)}.marker-duration{background-color:#e2b06f;background-color:var(--secondary);border-radius:0 5px 5px 5px;bottom:0;height:10px;position:absolute;top:21px}#jsonElements pre{word-wrap:break-word;white-space:pre-wrap}.color-pickers{display:flex;flex-wrap:wrap;justify-content:space-around}.colorPicker{align-items:center;background:#fff;background:var(--foreground);border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;display:flex;justify-content:space-between;margin-bottom:10px;min-width:150px;padding:5px}.colorPicker label{min-width:20px}.colorPicker input{margin:auto 10px;width:40px}.colorPicker span{display:block;min-width:65px}.text-inputs{flex-direction:column;flex-wrap:nowrap;padding:0}.text-inputs,.textForm{box-sizing:border-box;display:flex;gap:10px;justify-content:space-between}.textForm{align-items:center;border-radius:5px}.textFieldErrors,.textForm{width:100%}.textError{background-color:#cc5662;background-color:var(--error);color:#fafafa;color:var(--error-content)}.jsonText,.textError{border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;padding:5px}.jsonText{align-items:flex-start;background:#fff;background:var(--foreground);box-sizing:border-box;display:flex;flex-direction:column;gap:10px;justify-content:space-between}.jsonText input{background:#e8e8e8;background:var(--background);flex-grow:1}.jsonText .text-layer-name{border-bottom:2px solid #4ba1e2;border-bottom:2px solid var(--primary);font-weight:700;height:100%;margin:0;overflow:hidden;padding-bottom:5px}.jsonText span{min-width:100px;text-align:right}#text-input-header{align-items:center;display:flex;font-weight:700;justify-content:space-between;padding-bottom:5px}.social-icons{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:row;font-size:2rem;gap:2rem;justify-content:center;padding-bottom:20px}.social-icons a{color:#282828;color:var(--copy);text-decoration:none;transition:color .3s}.social-icons a:hover{color:#4ba1e2;color:var(--primary)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#e8e8e8;background:var(--background);border-radius:5px}::-webkit-scrollbar-thumb{background:#ccc;background:var(--border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#4ba1e2;background:var(--primary)}::-webkit-scrollbar-track:horizontal{display:none;padding-bottom:0}.overlay{background-color:#000c;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.dialog-window{background:#e8e8e8;background:var(--background);border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;display:flex;flex-direction:column;height:60vh;left:50%;max-height:90vh;min-height:600px;min-width:500px;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:50vw;z-index:1001}.dialog-window h2{padding:0 20px 20px 0}.dialog-window p{padding:0 0 20px}.popupButtonArea{display:flex;gap:10px;justify-content:flex-end;padding:20px 0 0}#export-format,#image-export-options{background:#fff;background:var(--foreground);border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;cursor:pointer;display:flex;flex-direction:row;font-size:16px;padding:5px}.exportRadioButton{display:flex;gap:5px;padding:10px}.template-name-wrapper{display:flex;gap:10px}#downloadBtn{color:#282828;color:var(--copy);cursor:pointer}#downloadBtn,#downloadBtnDisabled{align-items:center;background-color:#fff;background-color:var(--foreground);border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;display:flex;font-size:16px;justify-content:center;min-height:40px;padding:10px 20px;text-align:center}#downloadBtnDisabled{color:#ccc;color:var(--border);cursor:auto}#downloadArea{margin-right:10px}#downloadBtn:hover{border-color:#e2b06f;border-color:var(--secondary);color:#e8e8e8;color:var(--secondary-content)}#export-format label,#exportFileName{align-items:center;display:flex}#exportFileName{background:#fff;background:var(--foreground);border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;padding:10px}#exportFileName input{flex-grow:1;margin:0 5px}#save-in-account{align-items:flex-start;background:#fff;background:var(--foreground);border-radius:5px;display:flex;flex-direction:column;gap:10px}#save-in-account,.alert-wrapper{border:1px solid #ccc;border:1px solid var(--border);padding:10px}.alert-wrapper{background:#e2b06f;background:var(--warning);border-radius:5px;margin-bottom:10px}.alert,.alert a{color:#282828;color:var(--warning-content)}.alert a{text-decoration:underline}.error-wrapper{background:#cc5662;background:var(--error);border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;margin-bottom:10px;padding:10px}.error,.error a{color:#fafafa;color:var(--error-content)}.error a{text-decoration:underline}.success-wrapper{background:#28af62;background:var(--success);border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;margin-bottom:10px;padding:10px;transition:2s}.success{color:#282828;color:var(--success-content)}.warning-wrapper{background:#e2b06f;background:var(--warning);border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;margin-bottom:10px;padding:10px;transition:2s}.warning{color:#282828;color:var(--warning-content)}#infoDialogWindow{background:#e8e8e8;background:var(--background);border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;left:50%;min-width:30vw;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1001}#infoDialogWindow .accordion-wrapper{margin:20px 0}#info-title{height:60px}#info-title,#info-version{align-items:center;display:flex;justify-content:center}#info-version{padding:10px}#info-version h3{margin-top:0}#info-copyright{align-items:center;display:flex;justify-content:center}.tab-navigation button{background-color:#e8e8e8;background-color:var(--background);border:1px solid #ccc;border-bottom:2px solid #ccc;border:solid var(--border);border-radius:5px 5px 0 0;border-width:1px 1px 2px;color:#282828;color:var(--copy);cursor:pointer;margin-right:0;padding:10px 20px}.tab-content{border:1px solid #ccc;border:1px solid var(--border);box-sizing:border-box;flex-grow:1;overflow:auto;padding:20px}.tab-content.general{display:flex;flex-direction:column;gap:10px}.tab-button.active{background-color:#fff;background-color:var(--foreground);border:2px solid #ccc;border-bottom:2px solid #4ba1e2;border:2px solid var(--border);border-bottom-color:var(--primary);font-weight:700}.export-checkbox{align-items:center;display:flex;gap:10px}.spx-settings{display:flex;flex-direction:column;gap:10px;margin-top:20px}.spx-setting{background:#e8e8e8;background:var(--background)}.spx-setting,.spx-setting-header{border:1px solid #ccc;border:1px solid var(--border);border-radius:5px}.spx-setting-header{background:#fff;background:var(--foreground);display:flex;flex-direction:row;gap:20px;padding:10px}.spx-setting-header input{background:#e8e8e8;background:var(--background);font-size:1rem;width:auto}.spx-export-right{align-items:center;display:flex;flex-direction:row;flex-grow:1;flex-wrap:wrap;gap:20px}#spx-item-key{align-items:center;background:#4ba1e2;background:var(--primary);border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;color:#e8e8e8;color:var(--primary-content);display:flex;min-height:35px;min-width:120px;padding:5px}#spx-item-key p{margin:0}.spx-extra-settings{flex-direction:column;padding:10px}.dropdown-item,.spx-extra-settings{align-items:center;display:flex;gap:10px;justify-content:center}.dropdown-item{position:relative;z-index:1000}.header-profile-image{background:#fff;background:var(--foreground);border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;height:28px;margin-left:-5px;object-fit:cover;transition:box-shadow .2s;vertical-align:middle;width:28px}button{border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;padding:5px}.spx-extra-settings input,button{color:#282828;color:var(--copy)}.div-button,.spx-extra-settings input,button{background:#e8e8e8;background:var(--background)}.div-button{align-items:center;border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.div-button,.div-button svg{transition:transform .5s ease}.div-button:hover svg{color:#4ba1e2;color:var(--primary);transform:rotate(90deg)}.div-button.remove-button:hover{border-color:#cc5662;border-color:var(--error)}.div-button.remove-button:hover svg{color:#cc5662;color:var(--error)}#spx-export-filetype-input{flex-grow:0;width:100px}.spx-settings label{display:flex;flex-direction:column;flex-grow:1;font-size:.6rem}.spx-header{align-items:center;display:flex;justify-content:space-between}.spx-header h3{margin:0}.spx-checkbox{display:flex;gap:5px}#spx-logo{width:50px}.spx-instruction textarea{background:#e8e8e8;background:var(--background);border:1px solid #ccc;border:1px solid var(--border);color:#282828;color:var(--copy);flex-grow:1;font-family:OpenSans-Regular,sans-serif;font-size:1rem;height:auto;min-height:50px;padding:5px;resize:vertical}label.spx-radiobutton{align-items:center;display:flex;flex-direction:row;gap:5px}.spx-radiobutton span{height:20px;width:20px}label span.gra{background:#7a7a7a}label span.red{background:#db2828}label span.ora{background:#f2711c}label span.gre{background:#21ba45}label span.blu{background:#2185d0}label span.pin{background:#e03997}label span.vio{background:#8840ff}label span.bla{background:#000}.api-dialog-wrapper{align-items:center;background:#fff;background:var(--foreground);border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;display:flex;flex-direction:column;gap:5px;justify-content:center;padding:5px}.external-sources-header{align-items:center;display:flex;justify-content:space-between;width:100%}.external-sources-fetch-control{background:#e8e8e8;background:var(--background);flex-wrap:wrap;padding:10px;width:100%}.external-sources-fetch-control,.source-fetch-item{align-items:center;border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;display:flex;gap:10px}.source-fetch-item{font-size:.95rem;height:30px;padding:5px 10px}input.source-fetch-item{max-width:80px}.sources-placeholder{width:30px}.api-wrapper{background:#e8e8e8;background:var(--background);border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;flex-direction:column;padding:10px}.api-dialog,.api-wrapper{display:flex;gap:10px;width:100%}.api-dialog{align-items:center;justify-content:space-between}.api-dialog-content{display:flex;flex-direction:row;flex-grow:inherit;flex-wrap:wrap;gap:10px;width:100%}.api-select{max-width:200px}.external-source-fields{align-items:center;display:flex;flex-grow:1;gap:10px;justify-content:space-between}.api-dialog input{flex-grow:1;height:30px}.option-button-wrapper{align-items:center;display:flex;height:100%;justify-content:center;position:relative}.option-button{background:#fff;background:var(--foreground);border:none;cursor:pointer;font-size:1.2rem;height:100%;padding:0}.option-button svg{transition:transform .5s ease}.option-button:hover svg{transform:scale(1.4)}.text-option-dropdown{background:#fff;background:var(--foreground);border:1px solid #4ba1e2;border:1px solid var(--primary);border-radius:5px;bottom:0;left:-201px;list-style-type:none;padding:0;position:absolute;width:200px;z-index:2000}.text-option-dropdown ul{list-style:none}.text-option-item{cursor:pointer;padding:5px}.text-option-item:not(:last-child){border-bottom:1px solid #ccc;border-bottom:1px solid var(--border)}.text-option-item:hover{background-color:#fff;background-color:var(--foreground);border-radius:5px;color:#4ba1e2;color:var(--primary)}.layer-name-edit{background:#fff;background:var(--foreground);border:1px solid #4ba1e2;border:1px solid var(--primary);border-radius:5px;bottom:-10px;display:flex;gap:5px;left:-306px;list-style-type:none;padding:5px;position:absolute;width:300px;z-index:2000}.layer-name-edit button{cursor:pointer}.source-select{align-items:center;display:flex;gap:5px}.google-table-input{margin-right:0;min-width:35px;width:100%}.external-source-form{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;width:100%}.external-source-form label{text-wrap:nowrap;align-items:center;display:flex;flex-grow:1;gap:10px;justify-content:center}.external-source-clock{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.auth-form{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}.auth-input{position:relative;width:80%}.auth-input input{background-color:#e8e8e8;background-color:var(--background);border:1px solid #ccc;border:1px solid var(--border);height:50px;padding:1rem;transition:border .15s cubic-bezier(.4,0,.2,1);width:100%}.auth-input .input-label,.auth-input input{border-radius:5px;color:#282828;color:var(--copy);font-size:1rem}.auth-input .input-label{background:#ccc;background:var(--border);height:22px;left:15px;padding:0 5px;pointer-events:none;position:absolute;top:-11px}.auth-input .input:focus{border:1px solid #4ba1e2;border:1px solid var(--primary);outline:none}.auth-input .input.invalid{border:1px solid #cc5662;border:1px solid var(--error)}.auth-button{background:#4ba1e2;background:var(--primary);border:none;border-radius:5px;color:#e8e8e8;color:var(--primary-content);cursor:pointer;font-size:1.4rem;padding:10px;transition:transform .5s ease;width:80%}.auth-button:hover{transform:scale(1.05)}.close-icon{color:#282828;color:var(--copy);cursor:pointer;display:flex;font-size:24px;justify-content:flex-end}.close-icon svg,.div-button svg{transition:transform .5s ease}.close-icon svg:hover{color:#cc5662;color:var(--error);transform:rotate(90deg)}.user-dropdown-content{background-color:#fff;background-color:var(--foreground);border:1px solid #e2b06f;border:1px solid var(--secondary);border-radius:5px 0 5px 5px;box-shadow:0 8px 16px #0003;display:flex;flex-direction:column;min-width:150px;opacity:0;position:absolute;right:10px;top:55px;transform:translateY(-10px);transition:all .3s ease-in-out;visibility:hidden;z-index:1000}.user-dropdown-content.open{opacity:1;transform:translateY(0);visibility:visible}.user-dropdown-item{color:#363636;color:var(--copy-light);cursor:pointer;font-size:16px;font-weight:400;padding:10px;text-align:left}.user-dropdown-item:hover{background-color:#f9cc95;background-color:var(--secondary-light)}.user-dropdown-item a,.user-dropdown-item a:visited{color:inherit;text-decoration:none}.user-dropdown-item:not(:last-child){border-bottom:1px solid #ccc;border-bottom:1px solid var(--border)}.user-dropdown-item.logout{align-items:center;display:flex;gap:10px}#downloadArea.dropdown-item,.dropdown-item a{width:50vw}.user-dropdown-item:hover{color:#4ba1e2;color:var(--primary)}.last-uploaded-container{align-items:center;background:#e8e8e8;background:var(--background);border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;display:flex;flex-direction:column}.last-uploaded-header{align-items:center;border-bottom:1px solid #ccc;border-bottom:1px solid var(--border);border-radius:5px 5px 0 0;display:flex;justify-content:space-between;padding:10px;width:100%}.last-uploaded-header-side{display:flex;min-width:20%}.last-uploaded-header-side.right{justify-content:flex-end}.last-uploaded-body{padding:10px;width:100%}.section-component-header-link{align-items:center;border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;display:flex;flex:0 1;gap:10px;padding:5px 10px;transition:transform .3s;width:auto}.link-button a,.section-component-header-link,.section-component-header-link a{color:#282828;color:var(--copy)}.link-button:hover,.section-component-header-link:hover{border-color:#4ba1e2;border-color:var(--primary);transform:scale(1.05)}.template-grid{display:flex;gap:20px;justify-content:space-between}.template-card{background-color:#fff;background-color:var(--foreground);border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;display:flex;flex-direction:column;gap:5px;max-width:33%;padding:10px;text-align:center;transition:transform .3s}.template-card-header{align-items:center;display:flex;font-size:26px;justify-content:space-between;padding-bottom:5px;position:relative}.template-card-more{cursor:pointer}.template-card-body svg{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAC4jAAAuIwF4pT92AAAANklEQVQ4jWP8////fwYiwPHjx4lRxsBElCoSwKiBowYOBgNZiM0BlpaWRKkb/F4eNXDUQDIAAHgLCXvxPkGZAAAAAElFTkSuQmCC)}.template-card:hover{border:1px solid #4ba1e2;border:1px solid var(--primary)}.template-card h3{font-size:18px;margin-top:0;overflow:hidden}.template-card p{color:#282828;color:var(--copy);font-size:14px}.template-card .lottie-player{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.template-card-dropdown-menu{background:#e8e8e8;background:var(--background);border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;box-shadow:0 2px 4px #0000001a;position:absolute;right:0;top:100%;white-space:nowrap;z-index:10}.template-card-dropdown-menu button{background:none;border:none;cursor:pointer;display:block;padding:.5rem 1rem;text-align:left;width:100%}.template-card-dropdown-menu button:hover{color:#4ba1e2;color:var(--primary)}.row{align-items:center;display:flex;flex-direction:row;gap:10px;width:100%}.deactivated{color:#ccc;color:var(--border)}.tags-input-container{border:1px solid #ccc;border:1px solid var(--border);flex-wrap:wrap;padding:5px}.tag,.tags-input-container{border-radius:5px;display:flex}.tag{align-items:center;background-color:#e8e8e8;background-color:var(--background);margin:5px;padding:5px 10px}.remove-tag{color:#cc5662;color:var(--error);cursor:pointer;font-weight:700;margin-left:5px}#save-in-account input{background-color:#e8e8e8;background-color:var(--background)}.tag-input{background-color:#fff;background-color:var(--foreground);border:none;flex:1 1;margin:5px;outline:none}textarea{background:#e8e8e8;background:var(--background);border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;caret-color:#282828;caret-color:var(--copy);color:#282828;color:var(--copy);font-family:OpenSans-Regular,sans-serif;outline:none;padding:10px;width:100%}.error-message{color:#cc5662;color:var(--error)}.link{color:#4ba1e2;color:var(--primary);text-decoration:none}.password-check-list{font-size:.85rem;list-style:none;margin:.5rem 0 1rem;padding-left:1.2rem}.password-check-list li{align-items:center;background:#fff;background:var(--foreground);border:1px solid #ccc;border:1px solid var(--border);border-radius:5px;display:flex;margin-bottom:.5rem;padding:5px}.upgrade-plan{font-size:1rem;padding-left:10px}
/*# sourceMappingURL=main.a4d751e0.css.map*/