body{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:700;margin:0}p{font-weight:400;margin:0}.home-page,.layout-page,.prompt-page{display:flex;justify-content:space-between}.home-page{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.hero,.home-page{flex-direction:column}.hero{align-items:center;background-color:#121212;color:#fff;display:flex;height:30vh;justify-content:center;padding:20px}.image-carousel-container{grid-gap:20px;align-items:center;background-color:#000;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(512px,1fr));height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-items:center;padding:16px}.image-container{align-items:center;display:flex;height:512px;justify-content:center;overflow:hidden;padding:20px;position:relative;width:512px}.carousel-image{height:auto;opacity:0;position:absolute;transition:opacity 1s ease-in-out;width:100%}@media (max-width:568px){.image-carousel-container{display:flex;flex-direction:column}.image-container{height:90vw;max-width:512px;overflow:hidden;padding:0;width:90vw}.carousel-image{height:auto;width:100%}}.carousel-image.visible{opacity:1}.carousel-image.hidden{opacity:0}.homepage-footer{align-content:center;background-color:#121212;color:#fff;display:flex;justify-content:space-around}.homepage-login-button{align-items:center;display:flex;font-size:large;font-weight:700;gap:8px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.login-button-twitch-logo{max-height:30px;max-width:30px}.pagination-container{align-items:center;display:flex;justify-content:space-between}.pagination{display:flex;gap:5px;list-style:none}.pagination li{margin:0 5px}.pagination button{cursor:pointer;padding:5px 10px}.subs-per-page-container{align-items:center;display:flex;flex-direction:row}.subs-per-page-container label{margin:5px}.subs-per-page-container select{margin-left:5px}table{border-collapse:collapse;width:100%}th{background-color:#333;color:#fff;text-align:left}td,th{border:1px solid #ddd;padding:10px}tbody tr:nth-child(2n){background-color:#222}tbody tr:nth-child(odd){background-color:#353535}td:nth-child(2),th:nth-child(2){min-width:100px;text-align:center}td:nth-child(3),td:nth-child(4),th:nth-child(3),th:nth-child(4){min-width:200px}button{background-color:#6a5acd;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px;transition:background-color .3s}button:hover{background-color:#483d8b}button:disabled{background-color:#ccc;cursor:auto}input[type=checkbox]{margin-right:10px}label{display:block;font-weight:700;margin-bottom:10px}.table-options{align-items:center;display:flex;justify-content:space-between}.search-bar input{width:250px}.sort-link{cursor:pointer;text-decoration:underline;text-decoration-thickness:2px}.view-image-column{min-width:110px}.url-container{align-items:end;display:flex;flex-direction:column}.url-container input{margin:5px}.navbar{align-items:center;background-color:#000;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;height:60px;justify-content:space-between;padding:1rem}.logo{font-size:1.5rem;font-weight:700}.navbar-right{align-items:center;display:flex;position:relative}.username{border-radius:20px;font-size:1.2rem;margin-right:-15px;padding:3px 20px 3px 8px;z-index:1}.profile-image,.username{background-color:#1e1e1e;cursor:pointer}.profile-image{border-radius:50%;height:40px;padding:5px;width:40px;z-index:2}.dropdown-menu{background-color:#1e1e1e;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;max-height:0;opacity:0;overflow:hidden;padding:10px;position:absolute;right:0;top:100%;transition:max-height .3s ease,opacity .3s ease;z-index:3}.dropdown-menu.open{max-height:500px;opacity:1}.dropdown-menu a,.dropdown-menu a:visited{color:#fff;font-size:1rem;padding:10px;text-decoration:none}.dropdown-menu a:hover{background-color:#333;border-radius:5px}.sidebar{background-color:#1e1e1e;box-shadow:2px 0 4px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh - 1px;justify-content:space-between;width:200px}.sidebar-footer,.sidebar-list{align-items:flex-start;list-style-type:none;padding-left:15px}.sidebar-item a{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;margin:1rem 0;padding:.5rem 0;text-decoration:none;transition:color .2s ease-in-out}.sidebar-item a:hover{color:#c2c2c2}.sidebar-footer{margin-top:auto}.sidebar-icon{height:20px;margin-right:10px;width:20px}.prompt-editor-container{background-color:#1e1e1e;border-radius:10px;gap:10px;margin-bottom:10px;max-width:80vmin;min-width:50vmin;padding:20px}.element-container{background-color:#434343;border-radius:5px;box-shadow:0 2px 6px #0000001a;margin-bottom:10px;padding:10px}.element-container,.prompt-editor-header{display:flex;justify-content:space-between}.element{margin-right:25px;padding-bottom:2px;padding-top:2px}.edit-delete-buttons-container{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.edit-delete-buttons-container button{margin-left:5px;margin-right:5px}.random-element-container{background-color:#6a5acd}.edit-button{background-color:#1e1ee4;padding-bottom:4px;padding-top:4px}.edit-button:hover{background-color:#0c0ca0}.delete-button{background-color:red;padding-bottom:4px;padding-top:4px}.delete-button:hover{background-color:#ac0000}.panel-and-samples-container{max-width:60vmin;min-width:20vmin}.prompt-panel-container{background-color:#1e1e1e;border-radius:10px;display:flex;flex-direction:column;gap:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:10px;padding:20px}.controls-container{column-gap:5px;display:flex;justify-content:space-between}.add-button{background-color:green;margin-right:5px}.add-button:hover{background-color:#006300}.generate-prompt-button{background-color:#ff4500}.generate-prompt-button:hover{background-color:#c03300}.generate-image-button{background-color:#0000b3}.generate-image-button:hover{background-color:#000072}.generate-image-button:disabled{background-color:#666}.active-switch-container{align-items:center;display:flex;padding:1px}.active-switch-container input{visibility:hidden}.switch{height:31px;margin:0 5px 0 0;position:relative;width:55px}.switch-text{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:23px;left:4px;width:23px}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.sample-image{width:100%}.sample-image-container{display:flex;flex-direction:column}.new-prompt-modal .modal-content{background-color:#383838;border-radius:10px;padding:20px;position:relative;width:500px}.prompt-name-input{width:90%}.cancel-button,.create-button{border:none;border-radius:5px;cursor:pointer;margin-right:10px;padding:10px 20px}.create-button{background-color:#28a745;color:#fff}.create-button:hover{background-color:#1b7530}.cancel-button{background-color:#dc3545;color:#fff}.cancel-button:hover{background-color:#9b2732;color:#fff}.prompt-builder-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dropdown-and-new-prompt-button-container{display:flex;justify-content:space-between}.new-prompt-button{background-color:green;font-size:large;padding:10px}.new-prompt-button:hover{background-color:#006300}.delete-prompt-button{background-color:red;font-size:large;padding:10px}.delete-prompt-button:hover{background-color:#ac0000}.editor-and-panel-container{column-gap:10px;display:flex;margin-top:10px}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.form-group{margin-bottom:15px}.modal-content{background-color:#383838;border-radius:10px;display:flex;flex-direction:column;font-size:large;max-width:90%;min-width:400px;padding:20px;position:relative;width:auto}.modal-content label{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.modal-close{cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px}.delete-conf-buttons-container{display:flex;justify-content:space-evenly;margin-top:10px}.delete-conf-buttons-container button{padding-left:30px;padding-right:30px}.font-options{display:flex;flex-direction:row;justify-content:space-between}.delete-prompt-yes-button{background-color:red}.delete-prompt-yes-button:hover{background-color:#7c0000}.name-ok-button{align-self:center;margin:5px;width:50px}textarea{font-family:Arial,Helvetica,sans-serif}.large-textarea{height:100px;width:90%}.upload-fonts-dropzone{background-color:#0056b3;cursor:pointer;margin-bottom:40px;padding:5px 10px;width:100%}.fonts-dropzone-with-drag{background-color:#7e7e7e}.alignment-buttons-container{display:flex;gap:5px;margin-top:20px}.align-icon{background-color:#7e7e7e;cursor:pointer;padding:2px}.align-icon:hover{background-color:#a0a0a0}.text-and-variables-container{display:flex;gap:10px}.variables-container{align-items:center;border:2px solid #444;display:flex;flex-direction:column;font-size:small;justify-content:center;margin-bottom:10px;padding:5px 15px 5px 5px;width:100%}.show-supported-variables-clickable-text{cursor:pointer;text-decoration:underline}.variables-list-heading{font-weight:700}.layout-builder-container{background-color:#2a2a2a;border:2px solid #444;box-shadow:0 4px 8px #0003;height:600px;min-height:600px;min-width:800px;overflow:hidden;position:relative;width:800px}.rnd-element-resizable{position:relative}.rnd-element.selected{outline:2px solid #0af}.handle{background:#fff;border:1px solid #ccc;border-radius:20px;box-shadow:0 0 5px 1px #394c6026,0 0 0 1px #35475a33;height:10px!important;position:absolute;width:10px!important}.long-handle{height:15px!important;width:5px!important}.long-handle-horizontal{height:5px!important;width:15px!important}.right-handle.bottom-handle{transform:translate(-4px,-4px)}.right-handle.top-handle{transform:translate(-4px,4px)}.left-handle.bottom-handle{transform:translate(4px,-4px)}.left-handle.top-handle{transform:translate(4px,4px)}.long-handle-horizontal.bottom-handle,.long-handle-horizontal.top-handle{cursor:ns-resize!important;left:50%!important;transform:translateX(-8px)}.long-handle.left-handle,.long-handle.right-handle{cursor:ew-resize!important;top:50%!important;transform:translateY(-8px)}.layout-builder-components-container{display:flex;gap:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.builder-and-delete-button-container{display:flex;flex-direction:column}.right-panels-container{display:flex;gap:10px}.image-sounds-settings-panels-container{display:flex;flex-direction:column;gap:10px}.delete-and-preview-buttons{display:flex;justify-content:space-between}.preview-button{align-items:center;display:flex;text-decoration:underline}.open-new-tab-icon{padding-left:5px;width:18px}.heading-and-url-box-container{display:flex;justify-content:space-between;min-width:1100px;width:calc(100vw - 300px)}.layout-header{display:flex;height:15px;justify-content:space-between;max-width:1150px;min-width:1150px}.view-options-container{display:flex;flex-direction:column;justify-content:end}.view-options{background-color:#1e1e1e;border:1px solid #444;border-radius:5px;max-width:300px;padding:5px 20px}.layout-name-and-edit-button{align-self:end;gap:10px}.background-color-selector-container,.layout-name-and-edit-button{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.background-color-selector-container{align-self:flex-end;font-size:small;max-width:150px}.background-color-selector-container label{margin-bottom:0}.create-and-save-buttons{display:flex;gap:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.delete-layout-button{background-color:red;font-size:large;padding:10px}.delete-layout-button:hover{background-color:#ac0000}.layers-list{background-color:#1e1e1e;border-radius:10px;list-style-type:none;margin:0;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;max-width:300px;min-width:300px;padding:20px}.layer-heading-container{display:flex;justify-content:space-between;margin-bottom:20px}.add-text-layer-button{background-color:green}.add-text-layer-button:hover{background-color:#006300}.layer-item{background-color:#444;border:1px solid #555;border-radius:3px;color:#fff;cursor:pointer;display:flex;gap:10px;justify-content:space-between;margin:5px 0;min-width:260px;padding:10px}.layer-item:hover{background-color:#555}.layer-item.selected{background-color:#007bff}.layer-item.selected:hover{background-color:#3e9bff}.layer-display-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-layer-modal{display:flex;justify-content:space-between}.button-and-lock-icon-container{cursor:auto;display:flex;gap:2px}.user-images-container{background-color:#1e1e1e;border:1px solid #444;border-radius:5px;max-width:300px;padding:20px}.title{color:#ddd;font-family:Arial,sans-serif;margin-bottom:15px;text-align:center}.user-images-list{list-style-type:none;margin:0;max-height:300px;overflow-y:auto;padding:0}.user-images-item{align-items:center;border-bottom:1px solid #333;border-top:1px solid #333;cursor:pointer;display:flex;justify-content:flex-start;padding:10px;transition:background-color .2s ease}.thumbnail{border:1px solid #444;border-radius:3px;height:40px;margin-right:15px;object-fit:cover;width:40px}.image-title{color:#ccc;font-family:Arial,sans-serif;font-size:16px}.user-images-item:hover{background-color:#333}.user-images-item.selected{background-color:#007bff;border-color:#0056b3}.user-images-list::-webkit-scrollbar{width:8px}.user-images-list::-webkit-scrollbar-thumb{background-color:#444;border-radius:10px}.user-images-list::-webkit-scrollbar-track{background-color:#2c2c2c}.action-buttons{display:flex;justify-content:space-between;margin-top:15px}.action-btn{border:none;border-radius:5px;cursor:pointer;font-family:Arial,sans-serif;font-size:14px;margin:0 5px;padding:10px 20px;transition:background-color .2s ease}.add-btn{background-color:#28a745;color:#fff}.add-btn:hover{background-color:#218838}.delete-btn{background-color:#dc3545;color:#fff}.delete-btn:enabled:hover{background-color:#c82333}.toggle-hide{cursor:pointer;text-decoration:underline}.upload-images-header{background-color:#0056b3;cursor:pointer;margin-bottom:40px;padding:10px 20px;width:100%}.upload-header-with-drag{background-color:#7e7e7e}.user-sounds-container{background-color:#1e1e1e;border:1px solid #444;border-radius:5px;max-width:300px;padding:20px}.upload-sounds-header{background-color:#0056b3;cursor:pointer;margin-bottom:40px;padding:10px 20px;width:100%}.upload-sounds-with-drag{background-color:#7e7e7e}.user-sounds-list{list-style-type:circle;margin:0;max-height:300px;overflow-y:auto;padding:0}.user-sounds-item{border-bottom:1px solid #333;border-top:1px solid #333;cursor:default;display:flex;flex-direction:column;justify-content:center;justify-content:flex-start;padding:10px 10px 10px 0;transition:background-color .2s ease}.arrow-and-sound-name-container{align-items:center;display:flex}.sound-name-and-play-button-container{display:flex;justify-content:space-between}.sounds-panel-button{cursor:pointer}.sound-conditions-list{list-style-type:none}.active-sounds-container{border:1px solid #444;border-radius:5px;padding:10px}.show-hide-active-sounds-button{margin-bottom:10px;margin-top:10px}.active-sounds-item{padding:5px}.active-sound-title{margin-left:20px}.delete-button-container{display:flex;justify-content:flex-end;width:100%}.layout-settings-container{background-color:#1e1e1e;border:1px solid #444;border-radius:5px;max-width:300px;min-width:300px;padding:20px}.hide-settings-text{cursor:pointer;text-decoration:underline}.layout-settings-header{display:flex;justify-content:space-between}.active-layouts-container{border:1px solid #444;border-radius:5px;padding:10px}.show-hide-active-layouts-button{margin-bottom:10px;margin-top:10px}.dashboard-layout{display:grid;grid-template-rows:auto 1fr;height:100vh}.heading-container{align-items:center;display:flex;justify-content:space-between;margin:0 0 1em}.dashboard-content{display:grid;grid-template-columns:200px 1fr;height:calc(100vh - 92px)}.main-content{background-color:#121212;color:#fff;overflow-y:auto;padding:2rem}.admin-section-divider{border:1px solid #444;display:flex;justify-content:space-between;padding:10px}.heading-and-dropdown-container{margin-bottom:10px}.admin-save-button-container{align-items:center;display:flex;padding:20px}.save-button:disabled{background-color:#666}.save-button.save-success{animation:fadeOut 2s forwards;background-color:#28a745}@keyframes fadeOut{0%{background-color:#28a745}to{background-color:#6a5acd}}.previews-header{display:flex;gap:20%}.preview-window{background-color:#2a2a2a;border:2px solid #444;box-shadow:0 4px 8px #0003;height:600px;min-height:600px;min-width:800px;overflow:hidden;position:relative;width:800px}.preview-element{border:none;position:absolute}.preview-element img{max-height:100%;max-width:100%;object-fit:cover}.alerts-test-panel-container{background-color:#1e1e1e;border:1px solid #444;border-radius:5px;display:flex;flex-direction:column;gap:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:200px;padding:15px 20px 5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dropdown-and-test-button-container{display:flex;justify-content:space-between}.test-alert-inputs-container input{margin-left:10px}.test-alert-input-with-label{display:flex;justify-content:space-between}.display-and-panel-container{display:flex;gap:10px}.slideshow-container{height:600px;min-height:600px;min-width:800px;position:relative;width:800px}.slideshow-element{border:none;position:absolute}.slideshow-element img{max-height:100%;max-width:100%;object-fit:cover}.rnd-element{border:none;position:absolute}.rnd-element img{max-height:100%;max-width:100%;object-fit:cover}.rnd-element-text-container{color:#000;font-family:Roboto,sans-serif;font-size:16px;outline:none;padding:5px;text-align:center;white-space:pre-wrap;word-break:break-word}.rnd-element-text{cursor:text;display:flex;outline:none;width:100%}
/*# sourceMappingURL=main.bdc58959.css.map*/