.media-section{gap:1em;height:100%;overflow-y:auto;padding-bottom:1em;position:relative}.media-section,.visual-category-container{display:flex;flex-direction:column;width:100%}.visual-category-container{align-items:center;gap:.5em}#current-video-visuals-container{gap:1em!important}#upload-media-container,#upload-voice-container{position:relative}.visual-category-title{align-items:center;color:var(--font-color);display:flex;font-size:.9em;width:fit-content}.selected-visuals-container{display:flex;flex-direction:column;gap:1em;height:100%;overflow-y:auto;padding-right:1em;width:100%}#visual-category-selector-modal{align-items:center;flex-direction:column;margin-bottom:2em}.visual-category-selector-container{align-items:center;display:flex;flex-direction:column}.visual-category-type-container{display:flex;flex-direction:row;height:fit-content;padding-right:1em;width:100%}#videoVisualsSelector .visual-category-type-container{width:60%}#chunked_visuals{border-bottom-right-radius:0!important;border-right:1px solid var(--main-color);border-top-right-radius:0!important}#global_visuals{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.visual-category-type-container .visual-category-type{align-items:center;border:1px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:.3em;justify-content:center;padding:.5em;position:relative;text-align:start;width:50%}.visual-category-type-container .visual-category-type:hover{border:1px solid var(--main-color)}.visual-category-type-container .visual-category-type.selected{background-color:var(--main-color-background);border:1px solid var(--main-color)}.visual-category-type-container .visual-category-type .visual-category-type-title{color:var(--font-color);font-size:.8em;width:100%}.visual-category-type-container .visual-category-type .visual-category-type-description{color:var(--font-color-50);font-size:.7em;font-weight:600;width:100%}#generate-all-visuals,#generate-all-visuals-dummy,#generate-all-voices{align-items:center;background:var(--material-btn-hover-color);border:1px solid var(--border-color);border-radius:7px;color:var(--font-color);display:flex;font-size:.8em;gap:.5em;justify-content:center;padding:.3em 1em}#generate-all-visuals-dummy:hover,#generate-all-visuals:hover,#generate-all-voices:hover{background:var(--material-btn-hover-hover-color)!important;border-color:var(--border-hover-color)!important}#generate-all-visuals-dummy img{height:1.2em;width:1.2em}.section-media-container{border:1px solid var(--border-color);border-radius:10px}.section-media-container,.section-media-container-clips{align-items:center;color:#6e6e6e;display:flex;flex-direction:column;justify-content:center;position:relative;width:100%}.section-media-container-clips{border:none;border-radius:10px}.section-media-container-clips .media-container{grid-gap:.5em;display:grid;grid-template-columns:repeat(5,calc(20% - .2em));padding:.5em}.voice-preview-container{align-items:center;border:1px solid var(--border-color);border-radius:10px;display:flex;flex-direction:column;justify-content:center;position:relative;width:100%}.my-media-container{width:100%}#my-medias{align-items:center;display:flex;height:18em;justify-content:center;overflow:auto;position:relative}.my-media-options .filter-my-media{align-items:center;display:flex;gap:1em;overflow-x:auto;position:relative;width:100%}.my-media-options .filter-my-media .value{align-items:center;border:1px solid var(--border-color);border-radius:5px;color:var(--font-color);cursor:pointer;display:flex;justify-content:start;padding:.1em .7em;position:relative;width:100%}.my-media-options .filter-my-media .custom-select .option-value{padding:.2em .7em!important}.my-media-options .filter-my-media .custom-select .selected{background-color:var(--material-btn-hover-color)!important}#my-medias .media-container,#search-media-online-container .media-container{grid-template-columns:repeat(4,calc(25% - .375em))}#my-medias .media-item{max-height:auto;overflow-y:auto!important;width:calc(25% - .375em)}#reference-contextmenu{backdrop-filter:blur(5px);background:var(--material-btn-hover-color);border:1px solid var(--border-color);border-radius:10px;position:absolute;z-index:9999}#reference-contextmenu p{border-radius:8px;color:var(--font-color);cursor:pointer;font-size:.9em;padding:.3em .5em}#reference-contextmenu p:hover{background-color:var(--material-btn-hover-hover-color)}.background-type-options{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.background-type-option{background-color:#1e1e1e;border:1px solid transparent;border-radius:5px;cursor:pointer;padding:10px 15px;transition:all .3s}.background-type-option.selected{background-color:rgba(98,0,234,.1);border-color:#6200ea}.color-picker-container{display:flex;flex-direction:column;gap:15px;margin-bottom:15px;margin-top:15px}.color-picker-row{align-items:center;display:flex;gap:10px}.color-picker-row .pickr{display:none}.color-picker-row label{color:var(--font-color);font-size:.9em}.pcr-type.active{background-color:var(--main-color)!important;color:#fff!important}.preset-colors{display:flex;gap:8px}.preset-color{border:2px solid transparent;border-radius:50%;cursor:pointer;height:25px;transition:all .2s;width:25px}.preset-color.selected,.preset-color:hover{border-color:#fff;transform:scale(1.1)}.gradient-options{margin-top:15px}.gradient-direction{align-items:center;background-color:var(--material-btn-hover-color);border-radius:5px;cursor:pointer;display:flex;justify-content:space-between;margin-top:10px;padding:8px}.pcr-app{background-color:transparent!important;border:2px solid var(--border-color)!important;border-radius:5px!important}.gradient-direction span{color:var(--font-color);font-size:.9em}.animation-speed{margin-top:15px}.speed-slider{-webkit-appearance:none;background:#333;border-radius:5px;height:5px;margin-top:10px;outline:none;width:100%}.speed-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#6200ea;border-radius:50%;cursor:pointer;height:15px;width:15px}.background-type-toggle{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:.5em;width:100%}.background-toggle-container{border-right:1px solid var(--border-color);width:20%!important}.visual-options-area{min-height:100px;width:80%!important}.visual-options-area .ai-options,.visual-options-area .my-media-options .visual-options-area .gradient-options,.visual-options-area .solid-options,.visual-options-area .stock-media-options,.visual-options-area .upload-options{width:100%}.sub-toggle-item-container{border-left:1px solid var(--border-color);margin-left:.5em;padding-left:.5em;width:100%}.sub-toggle-item,.toggle-item{background-color:transparent;border:1px solid transparent;border-radius:5px;color:var(--font-color);cursor:pointer;flex:1;font-size:.9em;padding:.3em .6em;transition:all .3s}.toggle-item.active{background-color:var(--material-btn-hover-color);color:#fff}.sub-toggle-item:hover,.toggle-item:hover{border:1px solid var(--font-color-50)}.not-used-visual{border-radius:5px}.not-used-visual .hidden-overlay{background-color:rgba(0,0,0,.6);border-radius:5px;cursor:grab;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.section-media-container:hover{border:1px solid var(--main-color)}.title-btn{align-items:center;background-color:transparent;border:none;color:var(--font-color);cursor:pointer;display:flex;justify-content:center;outline:none;padding:0}.title-btn:hover{transform:scale(1.05)}.title-btn span{font-size:1.1em}.get-more-media:hover{color:var(--main-color)}.media-section-title-container{align-items:center;background-color:transparent;border-radius:5px;display:flex;justify-content:space-between;padding-left:.5em;padding-right:.5em;padding-top:.4em;width:100%}.previous-visuals-header{cursor:pointer;padding-bottom:.4em}.media-section-title{color:var(--font-color);cursor:pointer;font-size:.8em;font-weight:600;margin-bottom:0!important;text-align:start;width:fit-content}.visual-inputs-container{align-items:center;display:flex;gap:.3em;padding:.2em .5em;width:100%}#videoVisualsSelector .visual-inputs-container{padding:0 .5em!important}.visual-inputs-container span.separator{color:var(--font-color-50);font-size:1.1em}.video-frame-container{aspect-ratio:16/9;border:1px solid var(--border-color);border-radius:7px;height:auto;overflow:hidden;position:relative;width:50%}.video-frame-container:hover img{backdrop-filter:blur(5px);opacity:.7}#videoVisualsSelector .video-frame-container{height:5em;width:10em}#videoVisualsSelector .visual-inputs-container{justify-content:center}.video-frame-container .add-frame,.video-frame-container .edit-frame{border-radius:20px;color:var(--font-color);cursor:pointer;font-size:1em;left:0;padding:.15em;position:absolute;top:0;transition:all .3s ease;z-index:2}.video-frame-container .delete-frame,.video-frame-container .open-frame{border-radius:20px;color:var(--font-color);cursor:pointer;font-size:1em;padding:.15em;position:absolute;transition:all .3s ease;visibility:hidden;z-index:2}.video-frame-container .open-frame{left:50%;top:50%;transform:translate(-50%,-50%)}.video-frame-container .delete-frame{right:0;top:0}.video-frame-container:hover .delete-frame,.video-frame-container:hover .open-frame{visibility:visible}#videoVisualsSelector .video-frame-container .add-frame,#videoVisualsSelector .video-frame-container .edit-frame{left:.2em;top:.2em}.video-frame-container .add-frame:hover,.video-frame-container .edit-frame:hover{background-color:var(--material-btn-hover-color)!important}.video-frame-container .add-frame .loader,.video-frame-container .edit-frame .loader{height:.8em!important;width:.8em!important}.video-frame-container img{border-radius:7px;bottom:0;height:100%;left:0;object-fit:cover;object-position:center;position:absolute;right:0;top:0;width:100%;z-index:1}.video-frame-container p{backdrop-filter:blur(4px);border-radius:20px;bottom:.1em;color:#fff;font-size:.8em;padding-left:.2em;padding-right:.2em;position:absolute;right:.5em;z-index:2}.media-container,.voice-container{grid-gap:.5em;display:grid;grid-template-columns:repeat(3,calc(33.33333% - .33333em));padding:.5em}.hidden-media-container{display:none!important}.media-section-visual-container{position:relative}.media-section-visual-container .online-visual-checkbox{font-size:1em!important;left:1em!important;position:absolute!important;top:.6em!important;transform:translate(-50%,-50%)}.media-section .media-section-visual-container{position:relative}.media-section-visual-container:hover .remove-btn{visibility:visible}.media-preview-container{width:100%}.media-preview{height:100%;padding-left:1em;padding-right:1em;width:100%}.media-section-image,.media-section-visual{border-radius:5px;cursor:grab;outline:none;width:100%}.media-thumbnail-duration{background-color:var(--material-btn-hover-color);border-radius:3px;bottom:.6em;color:var(--font-color);font-size:.8em;padding-left:.5em;padding-right:.5em;position:absolute;right:.2em}.hidden-visual-icon{color:#fff;cursor:pointer;font-size:1em!important;left:.2em;position:absolute;top:.2em;z-index:2}.add-video-element-container{align-items:center;display:flex;flex-direction:row!important;justify-content:space-between!important;width:100%}#uploaded-media-container{grid-template-rows:repeat(auto-fill,minmax(4em,auto))}#uploaded-media-container:empty{height:0}#upload-media,#upload-voice{padding-left:.9em;padding-right:.9em}#upload-media span,#upload-voice span{font-size:1.2em;margin-right:.3em}.media-search-input-container{padding-right:1em;position:relative;width:100%}#search-media-input-container{position:relative}#search-media-input{background-color:transparent;outline:none;padding-left:.7em;padding-right:.7em;width:100%}#search-media-input,#stock-visual-type-selector{border:1px solid var(--border-color);border-radius:5px;color:var(--font-color);height:2.5em}#stock-visual-type-selector{align-items:center;cursor:pointer;display:flex;justify-content:center;padding-left:.5em;padding-right:.5em}#stock-visual-type-selector .value{align-items:center;display:flex;gap:.5em;justify-content:center}#stock-visual-prompt-bar .custom-select .option-value{height:2.5em!important;padding-bottom:0!important;padding-top:.5em!important}#stock-visual-type-selector .dropdown-arrow{position:relative!important;right:0!important}#search-media-input::placeholder{color:#343434}#search-media-button{align-items:center;background-color:transparent;border:none;color:#343434;display:flex;justify-content:center;outline:none;position:absolute;right:.5em;top:50%;transform:translateY(-50%)}#search-media-online-container{height:fit-content;position:relative}#search-media-online-container .media-container{max-height:20em!important;overflow-y:auto!important}.selected-visual{border:.1em solid var(--main-color)}.no-video-element-container{display:flex;flex-direction:column;gap:.5em;width:100%}.voice-section .no-video-element-container{padding-right:1em}.no-video-element-container p{color:var(--font-color);font-size:.9em}.no-video-element-container button{gap:.5em}.no-video-element-container button img{width:1.2em}.upload-media-sample-container{display:flex;gap:.5em;justify-content:center;padding:.5em .5em 1em;position:relative;width:100%}.upload-media-sample-container .uploadMediaButton{border-right:2px solid var(--border-color);padding-left:1em;padding-right:1em}.media-section-visual-container .remove-btn{z-index:100}#videoVisualsSelector .modal-content{border:2px solid var(--border-color)!important}#videoVisualsSelector .modal-footer{padding-bottom:1em!important}#visual-type-selector-container{align-items:center;display:flex;justify-content:space-between;width:100%}.visual-type-container{align-items:center;border-radius:5px;color:var(--font-color);cursor:pointer;display:flex;gap:.5em;justify-content:center;padding:.1em .4em;position:relative;width:fit-content}#avatar-visual-type-container{opacity:.4;pointer-events:none;position:relative}#avatar-visual-type-container span{columns:var(--font-color);font-size:1.1em;position:absolute;right:-.3em;top:-.5em}#video-visual-type-container{opacity:.4}.video-visuals{opacity:.4;pointer-events:none}.selected-visual-type-container{background-color:var(--main-color);color:#fff;opacity:1!important}.visual-type-container span{color:var(--font-color);font-size:3em}.visual-type-container img,.visual-type-container video{border-radius:7px;height:auto;opacity:.7;width:100%;z-index:1}.visual-type-container p{font-size:.9em;z-index:1}.full-timeline-info{align-items:center;background-color:var(--error-bg-color);border-radius:5px;display:flex;flex-direction:column;margin-bottom:.5em;margin-top:0!important;padding:0 .5em;text-align:center;width:fit-content}.full-timeline-info.generating{background-color:rgba(50,205,50,.1)!important;border:1px solid rgba(50,205,50,.3)!important}.full-timeline-info #add-audio-file-btn{align-items:center;background-color:transparent;border:1px solid var(--error-bg-border-color);border-radius:5px;color:var(--font-color);display:flex;font-size:.9em;justify-content:center;outline:none;padding:.3em .6em;transition:all .3s ease-in-out}.full-timeline-info #add-audio-file-btn.generating{border:1px solid rgba(50,205,50,.3)!important}.full-timeline-info #add-audio-file-btn.generating:hover{background-color:rgba(50,205,50,.5)!important}.full-timeline-info #add-audio-file-btn .loader{border-right:.2em solid #32cd32!important;border-top:.2em solid #32cd32!important}.full-timeline-info #add-audio-file-btn:hover{background-color:var(--error-bg-border-color)}.full-timeline-info h4{color:var(--delete-color);font-size:.9em;font-weight:600;margin-bottom:0!important}.full-timeline-info p{color:var(--font-color);font-size:.8em;font-weight:600;margin-bottom:0!important}#videoVisualsSelector .modal-body{padding-top:0!important}#videoVisualsSelector .modal-footer{align-items:center;display:flex;flex-direction:column;gap:.5em;padding-top:0!important}#generate-visuals-modal,#process-to-generate-visuals{background-color:var(--main-color);border:2px solid var(--main-color-border);color:#fff;font-weight:600!important;transition:all .3s ease-in-out}#generate-visuals-modal:hover,#process-to-generate-visuals:hover{border:2px solid var(--main-color-border-hover);transform:scale(1.1)}#process-to-generate-visuals,.visual-source-container{align-items:center;display:flex;gap:.5em;justify-content:center}.visual-source-container{color:var(--font-color)}.info-message{align-items:flex-start;color:#888;display:flex;font-size:12px;gap:.5em;margin-top:6px}.image-generation-instruction{background-color:transparent;border:1px solid var(--border-color);border-radius:5px;color:var(--font-color);font-size:.9em;height:5em;outline:none;padding:.5em;resize:none;width:100%}.my-media-search-input-container,.stock-media-search-input-container{display:flex;flex-direction:column;gap:1em;position:relative;width:100%}.my-media-pagination,.stock-pagination{display:flex;gap:.5em;justify-content:center;width:100%}.my-media-pagination button,.stock-pagination button{align-items:center;background-color:transparent;border:none;color:var(--font-color);display:flex;justify-content:center;outline:none;padding:.1em .2em!important}.my-media-pagination button span,.stock-pagination button span{font-size:1.1em}#stock-visual-prompt-bar{flex-direction:row!important}.upload-media-input-container{display:flex;flex-direction:column;gap:1em;position:relative;width:100%}.upload-media-input-container .shake-field{box-shadow:none!important}.upload-media-input-container .dropZone{height:5em!important}#visuals-selector #ai-gen-params-container{align-items:center;display:flex;flex-wrap:wrap;gap:1em;width:100%!important}.visual-extra-settings-container{display:flex;gap:.7em;width:100%}.frame-preview{border:1px solid var(--border-color);border-radius:10px;height:auto;position:relative;width:60%!important}.visual-type-modal-container{border:1px solid var(--border-color);border-radius:5px!important;display:flex;padding:.3em!important;width:fit-content!important}#video-model-name{align-items:center;background-color:transparent;border:none;color:var(--font-color);display:flex;gap:.5em;outline:none}#video-model-name span{font-size:1em}.visual-video-model-selector-container{align-items:center;display:flex;gap:.5em}.visual-video-model-selector-container p{color:var(--font-color);font-size:.9em}#ai-gen-params-container #advanced-visual-params-container{display:none;width:100%}.advanced-params{align-items:center;display:flex;flex-wrap:wrap;gap:1em;width:100%}#visual-subject{background-color:transparent;border:1px solid var(--border-color);border-radius:5px;color:var(--font-color);outline:none;padding:.5em;width:100%}#visuals-selector #ai-gen-params-container .gen-param{position:relative;width:calc(25% - .75em)}.mode-toggle{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;width:100%}.mode-toggle .advanced-option-hint{color:var(--font-color-75);font-size:.8em}.toggle-button{align-items:center;background:none;border:none;color:var(--main-color);cursor:pointer;display:flex;font-size:12px;outline:none}.toggle-button:hover .toggle-icon{transform:rotate(90deg)}.toggle-icon{margin-right:4px;transition:transform .3s ease}.instruction-container{display:flex;flex:1;flex-direction:column;gap:0}.frames-container{display:flex;flex-direction:column;flex-shrink:0;gap:0}#back-to-visual-modal{align-items:center;background-color:transparent;border:none;border-radius:10px;color:var(--font-color);display:flex;gap:.2em;padding:.1em .3em}#back-to-visual-modal:hover{background-color:var(--material-btn-hover-color)}#image-count-selector{padding-left:1em}.gen-param-title{align-items:center;color:var(--font-color);display:flex;font-size:.8em;gap:1em;margin-bottom:.2em!important;padding-left:.2em;width:100%}.gen-param .gen-param-dropdown{align-items:center;border:1px solid var(--border-color);border-radius:5px;cursor:pointer;display:flex;padding:.5em}.gen-param .gen-param-dropdown .value img,.gen-param .gen-param-dropdown .value video{border-radius:5px;height:auto;width:5em}.gen-param-options{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:.2em;justify-content:center;position:relative}.gen-param-options img,.gen-param-options video{border-radius:7px;height:auto;width:100%}.gen-param-options .option-value{background-color:transparent!important;bottom:.5em;color:#fff!important;font-weight:600;position:absolute;z-index:2}.gen-param-options:hover .option-value{color:var(--main-color)}.asset-card .dark-overlay,.gen-param-options .dark-overlay,.video-frame-container .dark-overlay{background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.7) 20%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.1) 80%,transparent);border-radius:0 0 7px 7px;bottom:0;height:60px;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.dropdown-category{color:var(--main-color);font-size:.9em;font-weight:600;grid-column:1/-1;padding:.3em}.gen-param .category-container{background:transparent;border-radius:8px;display:grid!important;gap:.5em;grid-template-columns:repeat(4,1fr);height:auto!important;max-height:none!important;overflow:visible;padding:10px}.gen-param .gen-param-dropdown .value{align-items:center;color:#fff;cursor:pointer;display:flex;justify-content:space-between}.gen-param .gen-param-dropdown .value p{bottom:.5em;font-size:.9em;position:absolute;z-index:3}.gen-param .gen-param-dropdown .value .dark-overlay{background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.7) 20%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.1) 80%,transparent);border-radius:0 0 5px 5px;bottom:0;height:60px;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.gen-param .custom-select .option-value{font-size:.8em;padding:.2em .5em .5em!important;text-align:center}.gen-param .custom-select .option-value:hover{background-color:transparent!important;color:var(--main-color)}.gen-param .custom-select .option-value:not(:last-child){border-bottom:1px solid var(--border-color)!important}.image-count-options{display:flex;gap:1em;margin-bottom:1em}.count-option{align-items:start;border:1px solid var(--border-color);border-radius:7px;cursor:pointer;display:flex;flex:1;justify-content:center;padding:.7em;position:relative;transition:all .2s ease}.count-option.selected,.count-option:hover{border-color:var(--main-color)}.count-option.selected{background-color:rgba(var(--main-color-rgb),.05)}.count-option-content{align-items:center;display:flex;height:100%;justify-content:space-between;width:100%}.count-option-text{display:flex;flex-direction:column;gap:.3em;height:100%;width:85%}.count-option-title{color:var(--font-color);font-size:.9em;font-weight:600;width:80%}.count-option-description{color:var(--font-color-50);font-size:.8em}.radio-indicator{border:1px solid var(--border-color);border-radius:50%;height:1.2em;position:relative;width:1.2em}.selected .radio-indicator{border-color:var(--main-color)}.selected .radio-indicator:after{background:var(--main-color);border-radius:50%;content:"";height:.8em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:.8em}.count-input-container{align-items:center;gap:.5em;position:relative}.count-input-sub,.reference-image-option{align-items:center;display:flex;gap:1em;position:relative;width:fit-content}.count-input-sub-label,.reference-image-option-label{color:var(--font-color);font-size:.8em}.count-input{background:transparent;border:1px solid var(--border-color);border-radius:5px;color:var(--font-color);outline:none;padding:.5em;width:5em}.count-input:focus{border-color:var(--main-color)}.count-input-label{color:var(--font-color-50);font-size:.8em}.chunk-media-timeline-container{align-items:center;display:flex;flex-direction:column;gap:1em;width:100%}.chunk-media-timeline-container .chunk-media-timeline-title{color:var(--font-color);font-weight:600}.chunk-media-timeline-container .chunk-text{color:var(--font-color);font-size:.8em;width:100%}.chunk-media-timeline-container .chunk-visual-timeline{border:2px solid var(--border-color)!important;border-radius:5px!important;display:flex;height:5em;padding:.5em;width:100%}.chunk-media-timeline-container .chunk-visual-timeline .visual-chunk{border:1px solid var(--border-color)!important;border-radius:5px;position:relative}.chunk-media-timeline-container .chunk-visual-timeline .visual-chunk .visual-duration{display:block!important}.chunk-text-highlighted{background-color:var(--main-color);border-radius:5px;color:#fff;padding:.1em}.chunk-text-span{padding:.1em}.magical-processing{overflow:hidden;position:relative}.magical-processing:before{animation:magicalSweep 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),rgba(138,43,226,.3),rgba(75,0,130,.3),hsla(0,0%,100%,.2),transparent);left:-100%;z-index:10}.magical-processing:after,.magical-processing:before{content:"";height:100%;position:absolute;top:0;width:100%}.magical-processing:after{animation:magicalPulse 3s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.2) 0,transparent 50%);left:0;z-index:5}.magical-processing-sparkles{overflow:hidden;position:relative}.magical-processing-sparkles:before{animation:sparkle 2s linear infinite;background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 40px 70px,#fff,transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,#fff,transparent),radial-gradient(2px 2px at 160px 30px,#fff,transparent);background-repeat:repeat;background-size:200px 100px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.magical-processing-sparkles:after{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.1) 50%,transparent 70%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:5}@keyframes magicalSweep{0%{left:-100%}to{left:100%}}@keyframes magicalPulse{0%{opacity:.4;transform:scale(1)}to{opacity:.8;transform:scale(1.05)}}@keyframes sparkle{0%,20%,40%,60%,80%,to{opacity:0}10%,30%,50%,70%,90%{opacity:1}}@keyframes shimmer{0%{transform:translateX(-100%) rotate(45deg)}to{transform:translateX(100%) rotate(45deg)}}.magical-processing-spinner{overflow:hidden;position:relative}.magical-processing-spinner:before{animation:magicalSpin 1s linear infinite;border-right:3px solid transparent;border-top:3px solid transparent;border-color:hsla(0,0%,100%,.8) rgba(138,43,226,.8) transparent transparent;border-radius:50%;border-style:solid;border-width:3px;content:"";height:40px;left:50%;margin:-20px 0 0 -20px;position:absolute;top:50%;width:40px;z-index:15}.magical-processing-spinner:after{background:rgba(0,0,0,.3);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}@keyframes magicalSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}