@-webkit-keyframes tdFadeInDown {
	
  0% {
    opacity: 0;
    transform: translateY(-10px);
    -webkit-animation-timing-function: cubic-bezier(0, 0.59, 0.375, 1);
            animation-timing-function: cubic-bezier(0, 0.59, 0.375, 1);
  }
  
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


@keyframes tdFadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-10px);
    -webkit-animation-timing-function: cubic-bezier(0, 0.59, 0.375, 1);
            animation-timing-function: cubic-bezier(0, 0.59, 0.375, 1);
  }
  
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.tdFadeInDown {
  -webkit-animation-name: tdFadeInDown;
          animation-name: tdFadeInDown;
}


#nuken {
    width:100%;
    height:100%;
	transform:scale(1.75);
	transition: all 0.75s;
	transition-timing-function:cubic-bezier(0.8,0,0,1);
}

@font-face {
  font-family: "master";
  src: url("fonts/poppins.ttf");

}

@font-face {
  font-family: "bold";
  src: url("fonts/poppinsbold.ttf");

}

@font-face {
  font-family: "discord";
  src: url("discord.otf");

}

@font-face {
  font-family: "github";
  src: url("github.ttf");

}

@font-face {
  font-family: "twitch";
  src: url("twitch.otf");

}

@font-face {
  font-family: "instagram";
  src: url("instagram.otf");

}

body, html {
margin:0;
padding:0;
font-family:'bold';
overflow:hidden;
user-select:none;
width:100%;
height:100%;
background-color:black;
background-image:url('../icons/splash.png');
background-size:50vmin;
background-position:center center;
background-repeat:no-repeat;
transition: all 0.75s;
transition-timing-function:cubic-bezier(0.5,0,0,1.1);
}

body {
opacity:0%;
transition:all 0.5s;
pointer-events:none;
}



.animated {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}


#navbar {
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
	display:block;
	z-index:15;
	position:relative;
}

#navbar .top, #navbar .bottom {
width:100%;
display:block;
background-color:black;
}

#navbar .top {
    padding: 1.5vmin;
    background-size: 12.5vmin;
    background-repeat: no-repeat;
    background-position: 0.5vmin center;
}

#navbar .bottom {
    outline: 0.5vmin solid black;
}

#navbar .top img {

}

#navbar .bottom input {
    vertical-align: middle;
    background-color: black;
    color: white;
    border: none;
    border-radius: 0vmin;
    margin-left: 1.75vmin;
    font-size: 17.5px;
	font-family:'bold';
	outline:none!important;
	border-bottom: 3px dashed #ffffff50;
	
}

#navbar .bottom img, #navbar .bottom .dropdown img {
           width: 20px;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: contain;
    margin: 1.75vmin;
    padding: 0vmin;
    vertical-align: middle;
}

#navbar .bottom .right button {
    color: white;
    border: none;
    width: unset;
    margin: 0.5vmin 1.5vmin;
    padding: 0;
    font-size: 25px;
	transition: all 0.1s;
}

#navbar .bottom .right {
margin-right:0.5vmin;
}


#logo {
    margin-left: 2.5vmin!important;
    transform: scale(1.4);
}


.right {
float:right;
}

.drag {
-webkit-app-region:drag;
}

.no-drag {
-webkit-app-region:no-drag;
}

.uk-dropdown {
    background-color: black;
    color: white;
    border-radius: 1.5vmin;
    transition: all 0s!important;
    animation: none;
    padding: 2.5vmin;
    padding-top: 1vmin;
    text-align: center;
    color: gray;
    max-width: 35vmin;
}

.uk-dropdown .uk-dropdown {
position:absolute;
top:0%!important;
left:35%!important;
transition: all 0.1s!important;
animation:auto!important;
}

#export_dropdown .uk-dropdown, #play_dropdown .uk-dropdown {
left:-35%!important;
}


.uk-nav button {
    background-color: #c0c0c050;
    color: white!important;
    border-radius: 0.5vmin!important;
    display: block!important;
    border: none;
    outline: none;
    padding: 1vmin!important;
    font-family: 'bold';
    font-weight: 900;
    cursor: pointer!important;
    width: 100%!important;
    box-sizing: border-box!important;
    margin-bottom: 1vmin!important;
	text-transform:none!important;
}

.uk-dropdown-nav button {
    font-size: 1.75vmin!important;
    margin: 0px!important;
    padding: 1.5vmin!important;
    border-radius: 1vmin!important;
    margin-top: 1vmin!important;
}

.uk-dropdown button i {
vertical-align:middle;
font-size:15px;
margin:0px;
margin-left:1.5px;
margin-right:1.5px;
}

.uk-dropdown button span {
vertical-align:middle;
}



#workspace {
    width: 100%;
    background-color: white;
    height: 90vmin;
    display: flex;
    overflow: hidden;
}


#left_frame {
    width: 35vmax;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    float: left;
    position: relative;
    z-index: 10;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    padding-top: 0.25vmin;
    padding-bottom: 0.25vmin;
    scrollbar-gutter: inherit;
	resize:horizontal;
	min-width:25vmax;
}


.codebox {
    width: 100%;
    height: 35%;
    background-color: #e9e9e9;
    font-family: monospace;
    font-weight: 900;
    border: 0.75vmin solid white;
    border-bottom: none;
    box-sizing: border-box;
    font-size: 1.75vmin;
    resize: both;
    max-width: 100%;
    min-width: 100%;
    min-height: 7.5%;
	

}

.twitter-app {
transform:scale(1)!important;
}

.ace_gutter-cell {
color:gray;
    padding-left: 7.5px;
    text-align: left;
	font-family:'Courier';
	font-weight:100;
}

.ace_gutter-layer {
width:30px!important;
}

#right_frame {
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: top;
    background-color: transparent;
    flex-grow: 1;
    z-index: 5;
    background-size: 100%;
    background-position: 0%;
    background-repeat: no-repeat;
}

#left_frame::-webkit-scrollbar {
    width: 1.5vmin;
}

#left_frame::-webkit-scrollbar-track {
  background-color:transparent;
}

#left_frame::-webkit-scrollbar-thumb {
  background-color: #c2c2c2;
}



.uk-notification {
    display: block;
    background-color: transparent;
    border-radius: 1.5vmin;
    transition: all 0s!important;
    animation: none;
    margin: 2vmin;
    width: 40vmin;
    overflow: hidden;
}


.uk-notification-message {
    border-radius: 1.5vmin;
    border: 5px solid lightgray;
    transition: all 0s!important;
	background:#e9e9e9!important;
	color:black!important;
}

.sub-menu-button {
padding:1.5vmin!important;
}

.uk-modal {
z-index:10000;
overflow:hidden;
}

:root {
  --animate-delay: 0.5s;
}

.uk-modal-body {
    width: 100%;
    height: 100%;
    border-radius: 2.5vmin;
	font-family:'font';
	transition-timing-function:cubic-bezier(.8,-0.25,0,1.1);
	
}

.uk-modal-body h2 {
font-family:'bold';
}

.uk-modal-close {
       top: 0;
    background-color: black;
    color: white;
    font-family: 'bold';
    border: none;
    padding: 2.5vmin;
    border-radius: 1.5vmin;
    font-size: 2vmin;
    position: absolute;
    right: 0;
    margin: 2.5vmin;
	cursor:pointer;
	z-index:5;
}

.uk-modal-close button i, .uk-modal-close button span {
vertical-align:middle;
}

.uk-modal-title i {
    vertical-align: bottom;
}

#notification_list {
    width: 100%;
    max-height: 200px;
    display: inline-block;
    overflow: hidden;
    overflow-y: overlay;
}

#project_console_notification_list {
       width: 100%;
    float: right;
    border-radius: 2.5vmin;
    height: 100%;
    padding: 1.5vmin;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    background-color: #000000a0;
    z-index: 10;
	position:relative;
}




.dropdown-notif {
    background-color: #1a1a1a;
    padding: 0.5vmin;
    margin: 1vmin;
    border-radius: 0.5vmin;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
    white-space: normal;
}

.console-dropdown-notif {
    background-color: #1a1a1a;
    padding: 2vmin;
    margin: 1vmin;
    border-radius: 1.5vmin;
    margin-left: 0.5vmin;
    margin-right: 0.5vmin;
    box-sizing: border-box;
    white-space: normal;
    margin-top: 0vmin;
    color: white;
	position:relative;
	overflow:hidden;
}

.console-dropdown-notif-message {
width:87.5%;
}


.menu_frame {
    border: 0;
    width: 100%;
    height: 90%;
	border-radius:1.5vmin;
}

.offline-text, .recover-text {
    font-family: 'bold';
    text-align: center;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 47.5%;
    left: 50%;
    opacity: 25%;
    font-size: 4.5vmin;
}

.project-text {
    font-family: 'bold';
    text-align: center;
    opacity: 25%;
    font-size: 4.5vmin;
    margin-top: 30vmin;
}

.offline-text h1, .recover-text h1, .project-text h1 {
font-family:'bold';
}

.offline-text button, .recover-text button, .project-text button {
    background-color: black;
    border: none;
    padding: 1.5vmin;
    width: 100%;
    border-radius: 2.5vmin;
    color: white;
    font-weight: 900;
    font-family: 'bold';
    max-width: 30vmin;
	cursor:pointer;
}



.menu_scroll {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    padding: 2.5vmin;
    box-sizing: border-box;
    padding-left: 1.5vmin;
    padding-right: 1.5vmin;
    white-space: nowrap;
    padding-top: 1vmin;
    scrollbar-width: none;
}

.menu_scroll::-webkit-scrollbar, #notification_list::-webkit-scrollbar, #project_console_notification_list::-webkit-scrollbar, #addon_selection::-webkit-scrollbar, #content_div::-webkit-scrollbar, #library_div::-webkit-scrollbar, #theme_library_div::-webkit-scrollbar, #share_page #left::-webkit-scrollbar, #share_page #right::-webkit-scrollbar, .addon_pin_menu .uk-card::-webkit-scrollbar, .export_actions_scroll::-webkit-scrollbar {
    height: 20px;
    background-color: #e9e9e950;
    border-radius: 1vmin;
	opacity:25%;
}

.menu_scroll:hover::-webkit-scrollbar, #notification_list:hover::-webkit-scrollbar, #project_console_notification_list:hover::-webkit-scrollbar, #addon_selection:hover::-webkit-scrollbar, #content_div:hover::-webkit-scrollbar, #library_div:hover::-webkit-scrollbar, #theme_library_div:hover::-webkit-scrollbar, #share_page #left:hover::-webkit-scrollbar, #share_page #right:hover::-webkit-scrollbar, .addon_pin_menu .uk-card:hover::-webkit-scrollbar, .export_actions_scroll:hover::-webkit-scrollbar {
opacity:100%;
}

.menu_scroll::-webkit-scrollbar-thumb, #notification_list::-webkit-scrollbar-thumb, #project_console_notification_list::-webkit-scrollbar-thumb, #addon_selection::-webkit-scrollbar-thumb, #content_div::-webkit-scrollbar-thumb, #library_div::-webkit-scrollbar-thumb, #theme_library_div::-webkit-scrollbar-thumb, #share_page #left::-webkit-scrollbar-thumb, #share_page #right::-webkit-scrollbar-thumb, .addon_pin_menu .uk-card::-webkit-scrollbar-thumb, .export_actions_scroll::-webkit-scrollbar-thumb {
    background-color: #e9e9e9;
    height: 40px;
    border: 2.5px solid white;
    border-radius: 1vmin;
}


#notification_list::-webkit-scrollbar, #addon_selection::-webkit-scrollbar, #project_console_notification_list::-webkit-scrollbar {
opacity:0%;
background-color:#00000000;
width:10px!important;
height:20px;
}

#notification_list::-webkit-scrollbar-thumb, #addon_selection::-webkit-scrollbar-thumb, #project_console_notification_list::-webkit-scrollbar-thumb {
width:20px;
height:20px;
background-color:#333333aa;
border-radius:0.35vmin;
border:none;
}

#project_console_notification_list::-webkit-scrollbar-thumb {
background-color:#cccccc50;
border-radius:100vmin;
}


.menu_scroll img {
    width: 100%;
    max-width: 17.5vmin;
    margin: 1.5vmin;
    border-radius: 3vmin;
    background-color: transparent;
    aspect-ratio: 1/1;
    cursor: pointer;
    object-fit: cover;
}


.menu_blurb {
    padding: 2.5vmin;
    margin-top: -1vmin;
    padding-left: 0;
}

.menu_blurb h1, #custom_script_input h1, #custom_style_input h1, #custom_template_input h1 {
    font-size: 5vmin;
    font-family: 'bold';
	margin-left:0.5vmin;
}


.menu_blurb p {
    font-family: 'master';
    width: 60vmin;
    font-size: 2vmin;
    padding: 0.5vmin;
    box-sizing: border-box;
    padding-bottom: 0;
    padding-top: 0;
	overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}

.menu_banner {

}


.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    vertical-align: middle;
    opacity: 60%;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: lightgray transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.menu_status_bar {
    background-color: #e9e9e9;
    width: 57vmin;
    padding: 0.5vmin;
    padding-left: 1.5vmin;
    padding-right: 1.5vmin;
    border-radius: 1.5vmin;
}

.menu_status_bar i {
    margin-top: 0vmin;
    margin-bottom: 0vmin;
    margin-left: 0;
    margin-right: 1vmin;
	cursor:pointer;
}

.menu_status_bar span {
    margin: 0vmin;
    font-family: 'bold';
    font-size: 2vmin;
    transform: scale(0.6);
    display: inline-block;
    margin-left: -7%;
    margin-right: -5%;
    color: #e9e9e9;
    background-color: #666;
    outline: 2.5px solid #666;
    border-radius: 1vmin;
    padding-left: 0.5vmin;
    padding-right: 0.5vmin;
    cursor: pointer;
    vertical-align: middle;
    margin-top: -1vmin;
    width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 18vmin;
    min-width: 12.5vmin;
}

.menu_blurb button, #custom_script_input button, #custom_style_input button, #custom_template_input button {
    background-color: black;
    border: none;
    color: white;
    font-family: 'bold';
    padding: 1vmin;
    border-radius:1.5vmin;
    vertical-align: middle;
    font-weight: 900;
    font-size: 2vmin;
    height: 6vmin;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin;
	position:relative;
}

.menu_blurb button i, .menu_blurb button span {
  vertical-align:middle;
}

.uk-modal-body .uk-background-muted {
    background-color: #e9e9e9;
    margin: 1vmin;
    font-family: 'bold';
    border-radius: 1.5vmin;
    padding: 2.5vmin;
    overflow: hidden;
    height: 66vmin;
    position: relative;
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 0.5vmin;
    overflow-y: auto;

}

.uk-modal-body .uk-background-muted::-webkit-scrollbar {
display:none;
}

.uk-modal-body .uk-background-muted h1, .uk-modal-body .uk-background-muted h1 span {
    font-family: 'bold';
    font-size: 2.5vmin;
    text-align: left;
	font-weight:900;
	margin-bottom:1.5vmin;
	vertical-align:middle;
}

.uk-modal-body .uk-background-muted i {
vertical-align:middle;
}

.uk-modal-body .uk-background-muted hr, #content_page hr {
    margin: 0px;
    border: 1.5px solid lightgray;
    padding: 0;
    border-radius: 100vmin;
    margin-bottom: 1.5vmin;
}

#content_page hr, #theme_page hr {

    width: 50%;
    margin: 3vmin;
    margin-bottom: 1.5vmin;
    margin-left: 0;

}

#content_page_body, #theme_page_body {

overflow:hidden;

}

.uk-modal-body .uk-background-muted p {
    text-align: left;
	font-size:1.5vmin;
}

.uk-modal-body .uk-background-muted .uk-card p {
    text-align: left;
	font-size:1.75vmin;
}

.uk-modal-body .uk-background-muted input {
    width: 100%;
    border: none;
    padding: 1vmin;
    font-family: 'master';
    border-radius: 0.75vmin;
    margin-top: -1.5vmin;
    font-size: 1.5vmin;
    box-sizing: border-box;
}

.uk-modal-body textarea {
    box-sizing: border-box;
    border: none;
    width: 100%;
    padding: 1.5vmin;
    border-radius: 1vmin;
    color: black;
    height: 17.5vmax;
    resize: none;
    min-height: 15vmin;
}

.uk-modal-body .uk-background-muted img {
    width: 100%;
    height: 10%;
    object-fit: cover;
    transform: scale(2);
}

.uk-modal-body .uk-background-muted button, .uk-modal-body .uk-background-muted button, .uk-modal-body .widget button, .addon_pin_menu .uk-card button {
    border: none;
    padding: 1.5vmin;
    border-radius: 0vmin;
    background-color: #a1a1a1;
    color: white;
    font-family: 'bold';
    font-size: 1.75vmin;
    display: block;
    cursor: pointer;
    width: 100%;
}

.uk-modal-body .widget button {
    padding-bottom: 2vmin;
    font-size: 2vmin;
}

.uk-modal-body .uk-background-muted button i, .uk-modal-body .uk-background-muted button span, .uk-modal-body .widget button span {
vertical-align:middle;
}

.uk-modal-body .uk-background-muted .uk-card, .menu_blurb .uk-card, .addon_page .uk-card {
    border-radius: 2vmin;
    padding: 2.5vmin;
    outline: 500vmin solid #00000050;
    text-transform: none!important;
    line-height: unset!important;
	font-family:'bold';
}

.uk-modal-body .uk-background-muted .uk-card button, .addon_page .uk-card button, .addon_pin_menu .uk-card button {
    padding: 2vmin;
    margin-bottom: 0;
    background-color: black;
    border-radius: 1vmin;
}

.addon_page .uk-card button {
    width: 100%;
    color: white;
    padding: 2.5vmin;
}

.uk-modal-body .uk-background-muted select {
    background-color: black;
    color: white;
    font-family: 'bold';
    padding: 1.5vmin;
    width: 100%;
    border: none;
    border-radius: 1vmin 1vmin 0vmin 0vmin;
	margin-top:-1.5vmin;
	margin-bottom:1.5vmin;
}

.addon_page .uk-modal-body .uk-drop.uk-open {
    max-width: 35vmin;
    left: auto!important;
}

button svg {
display:none!important;
}

.add_custom_script {
transform: scale(0.75);
}


#export_page input, #template_export_page input {
    background-color: #e9e9e9;
    border: none;
    padding: 1.5vmin;
    font-size: 2.5vmin;
    border-radius: 1.5vmin 0vmin 0vmin 1.5vmin;
    width: 37%;
    display: inline-block;
    vertical-align: top;
    max-width: 50vmin;
    font-family: monospace;
    font-weight: 900;
}


.resource_preview {
    width: 6vmin;
    height: auto;
    aspect-ratio: 1/1;
    border-radius: 100%;
    vertical-align: middle;
    margin-left: 1vmin;
    object-fit: contain;
	cursor:pointer;
}

.export_top_banner {
    margin-top: 4vmin;
	display:block;
}

#export_page .uk-background-muted {
    overflow: hidden;
    border-radius: 2.5vmin;
    margin-top: 2.5vmin;
    height: 55%;
}

#export_page .uk-background-muted img {
    transform: scale(1.5);
    height: 15%;
    object-fit: cover;
    width: 100%;
    margin-top: -2.5vmin;
}

#export_page .uk-background-muted h1 span {
    font-size: 2.5vmin;
    font-family: 'bold';
    text-align: left;
	vertical-align: middle;
}

#export_page .uk-background-muted h1 i {
    vertical-align: middle;
}


.widget img {
    width: 100%;
    height: 12.5vmin;
    aspect-ratio: 1/1;
    object-fit: cover;
    transform: scale(1.5);
    padding-bottom: 0vmin;
    margin-top: -1.5vmin;
}

.widget p {
    font-family: 'master';
    padding-bottom: 2.5vmin;
	white-space:normal;
}

.widget h1 {
font-family:'bold';
font-size:3vmin;
margin-bottom:-1.5vmin;
vertical-align:middle;
}

.widget i, .widget h1 span {
vertical-align:middle;
}

#share_page .widget h1 {
    font-family: 'bold';
    font-size: 3vmin;
    margin-bottom: -1.5vmin;
    vertical-align: middle;
    margin-top: 3vmin;
}

#export_page .widget, #template_export_page .widget {
    background-color: #e9e9e9;
    position: relative;
    border-radius: 2.5vmin;
    box-sizing: border-box;
    overflow: hidden;
    text-align: left;
    padding: 2.5vmin;
    margin: 3vmin;
    margin-left: 0vmin;
    font-family: 'bold';
    width: 47.5%;
    display: inline-block;
    vertical-align: top;
    max-width: 50vmin;
    height: 45vmin;
}

#template_export_page .widget {
width:20%;
}

#template_export_page .widget img {
aspect-ratio:1/0.15;
height:auto;
margin-bottom:-2.5vmin
}

#template_export_page .photo img {
    transform: scale(1);
    width: 100%;
	aspect-ratio:1/1;
	height:auto;
    text-align: center;
    margin: 0;
    padding: 0;
	margin-bottom:-2.5vmin;
    border-radius: 1.5vmin;
	transition: all 0.1s;
	opacity:0%;
	background-color:white;
}

#template_export_page .photo h1 {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

#template_export_page .photo button {
     padding-bottom: 2vmin;
    font-size: 2vmin;
}

#template_export_info {
width: 35%!important;
max-width: unset!important;
}

#template_export_info h1 {
margin-bottom: 1.5vmin;
    overflow: hidden;
    width: 90%;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

#template_export_info input {
	width: 100%;
    background-color: white;
    display: block;
    margin: 0;
	max-width:unset!important;
    box-sizing: border-box;
    border-radius: 1vmin;
	font-family:'bold';
}

#template_export_info textarea {
	margin: 1.5vmin;
    margin-left: 0vmin;
		box-sizing:border-box;
    height: 65%;
		font-family:'master';
}

#raw_template_export_div {
width:37.5%!important;
max-width:unset!important;
}

#raw_template_export_div h1 {
margin-bottom: 1.5vmin;
}

#raw_template_export_div textarea {
	box-sizing:border-box;
    height: 82.5%;
}


.export_actions_scroll {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
	scrollbar-width:none;
}

#export_page hr, #template_export_page hr {
    border: 2px solid #e9e9e9;
    border-radius: 100vmin;
    margin-top: 3vmin;
    margin-bottom: 1.5vmin;
}

#export_button, #template_export_button, #template_export_rawdata {
    font-family: 'bold';
    background-color: black;
    color: white;
    padding: 1.5vmin;
    border: none;
    font-size: 2vmin;
    border-radius: 0vmin 1.5vmin 1.5vmin 0vmin;
    vertical-align: top;
    margin-left: 1vmin;
    width: 27.5vmin;
}


#script_status, #script_security, #style_status, #style_security, #template_status, #template_security {
display:inline-block;
}

#custom_script_status, #custom_script_security, #custom_style_status, #custom_style_security, #custom_template_status, #custom_template_security {
display:inline-block;
}

button:hover {
cursor:pointer;
}

.unselected {
filter:grayscale(75%);
opacity:40%;
transform:scale(0.95);
}

.selected {
filter:grayscale(0%);
opacity:100%;
transform:scale(1);
animation:1s pulse 1 ease-in-out;
}


@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 lightgray;
  }
  
  70% {
    box-shadow: 0 0 0 25px transparent;
  }
  
  100% {
    box-shadow: 0 0 0 0 transparent;
  }
}

@keyframes orange-pulse {
  0% {
    box-shadow: 0 0 0 0 orange;
  }
  
  70% {
    box-shadow: 0 0 0 20px transparent;
  }
  
  100% {
    box-shadow: 0 0 0 0 transparent;
  }
}


@keyframes green-pulse {
  0% {
    box-shadow: 0 0 0 0 #76db94;
  }
  
  70% {
    box-shadow: 0 0 0 10px transparent;
  }
  
  100% {
    box-shadow: 0 0 0 0 transparent;
  }
}



@keyframes darkred-pulse {
  0% {
    box-shadow: 0 0 0 0 darkred;
  }
  
  70% {
    box-shadow: 0 0 0 10px transparent;
  }
  
  100% {
    box-shadow: 0 0 0 0 transparent;
  }
}



.uk-modal-body .uk-drop.uk-open {
    display: block;
    width: unset;
    transform: scale(0.9);
    left: 0!important;
}


#workspace .uk-drop.uk-open {
    display: block;
    width: 45vmin;
    transform: scale(0.9);
    height: 80vmin;
    right: 0vmin!important;
    left: unset!important;
    top: 11vmin!important;
}

#recover_page .uk-button-group button {
        border-radius: 1vmin;
    color: white;
    background-color: #a1a1a1;
    margin: 2.5vmin;
    margin-left: 1vmin;
    margin-right: 1vmin;
}

#recover_frame {
    width: 100%;
    height: 100%;
    border-radius: 1vmin;
	pointer-events:none;
}

#recover_page .uk-background-muted h1 {
    font-size: 3.5vmin;
}

#project_frame {
    background-color: transparent;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0%;
    padding: 0px;
    box-sizing: border-box;
}

#workspace canvas {
    background-color: transparent;
    height: 90%!important;
    display: block;
    opacity: 50%;
    padding: 0.5vmin;
    box-sizing: border-box;
    position: absolute;
    padding-left: 0vmin;
    right: 0;
    z-index: 0;
    top: 10vmin;
    float: right;
	transform:scale(1);
	display:none;
}

.uk-notification-message i {
vertical-align:bottom;
}

.uk-notification-message {
    position: relative;
    padding: 15px;
    background: #f8f8f8;
    color: #666;
    font-size: 2vmin;
    line-height: 1.4;
    cursor: pointer;
}

.uk-badge {
    position: absolute;
    margin-left: -1.75vmin;
    font-family: 'bold';
    font-weight: 900;
    background-color: orange;
    color: black!important;
    text-align: center;
    font-size: 1.5vmin;
    padding: 1vmin;
}

#notification_count {
display:none;
}

#offline_notif {
    bottom: 0;
    margin: -3.6vmin;
    margin-bottom: 0.75vmin;
    background-color: darkred;
    color: white!important;
    font-weight: 900;
	opacity:0%;
	cursor:pointer;
	animation:5s infinite darkred-pulse;
	pointer-events:none;
}


#console_button {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 100;
    border-radius: 100vmin 100vmin 0vmin 100vmin;
    width: 10vmin;
    height: auto;
    aspect-ratio: 1/1;
    font-size: 5vmin;
    background-color: black;
    color: white;
    border: none;
    font-weight: bolder;
    margin: 2.5vmin;
    opacity: 100%;
	transform-origin:bottom right;
}

#console_button:hover {
transition: all 2.5s 0s, opacity 2.5s 1.5s, transform 0.5s 0s;
opacity:10%;
transform:scale(1.05);
}

#console_notification_count {
    margin: 0!important;
    margin-top: -3vmin!important;
    font-size: 2vmin!important;
    padding: 2vmin!important;
    aspect-ratio: 1/1!important;
    margin-left: -0.5vmin!important;
	opacity:0%;
}

.console-dropdown-notif i, .console-dropdown-notif span {
vertical-align:middle;
font-weight:900;
}

#project_console_notification_list .timestamp {
opacity:50%;
font-size:1.5vmin;
}

.project_console_error_button {
    display: block;
    width: 100%;
    margin-top: 1.5vmin;
    margin-bottom: 0vmin;
    background-color: pink;
    border: none;
    padding: 1vmin;
    border-radius: 100vmin;
    font-family: 'bold';
    font-size: 1.75vmin;
    color: #a00000;
}

.copy_button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -1vmin;
    background-color: #ffffff05;
    outline: none;
    border: none;
    padding: 1.5vmin;
    padding-bottom: 100vmin;
    padding-top: 100vmin;
    padding-right: 2.5vmin;
}

.copy_button:hover {
    background-color: #ffffff25;
}

.script_menu_item, .style_menu_item, .template_menu_item {
opacity:40%;
filter:grayscale(50%);
	transition: all 0.25s;
	border:5px solid white;
	outline:5px solid white;
}

.script_menu_item:hover, .style_menu_item:hover, .template_menu_item {
opacity:80%;
filter:grayscale(50%);
filter:none;
}

.selected_resource {
    opacity: 100%;
    transform: scale(1.1);
    animation: 1s orange-pulse 1;
    filter: none;
	outline:5px solid orange;
    border: 5px solid orange;
}

#script_menu, #style_menu, #template_menu {
}

#template_selection .selected_resource {
transform:scale(1);
}

#custom_script_input, #custom_style_input, #custom_template_input {
    display: none;
    padding: 2.5vmin;
    margin-top: -1vmin;
    padding-left: 0;
}

#custom_script_input h1, #custom_style_input h1 {
    outline: 5px dashed #e9e9e9;
    border-radius: 1.5vmin;
    padding: 0vmin;
    display: inline-block;
    padding-left: 0.75vmin;
    padding-right: 0.75vmin;
}

#custom_script_input textarea, #custom_style_input textarea, #custom_template_input textarea {
    display: block;
    width: 50vmin;
    background-color: transparent;
    border: 5px dashed #e9e9e9;
    resize: none;
    padding: 1.5vmin;
    border-radius: 2vmin;
    height: 10vmin;
    margin: 2.5vmin;
    font-weight: 900;
    margin-left: 0vmin;
    margin-right: 0vmin;
}

button i, button span, h3 i, h3 span, p i, p span {
vertical-align:middle;
font-weight:900;
}

a {
font-weight:900;
}

#seemplejs_lang_icon {
border-radius:100%!important;
}


.menu_blurb input {
    width: 70vmin;
    border: none;
    padding: 1.5vmin;
    border-radius: 1.5vmin;
    background-color: #e9e9e9;
    font-family: monospace;
    font-weight: 900;
    font-size: 2vmin;
	display:block;
	margin-bottom:2.5vmin;
}

#addon_selection {
    margin: -1vmin;
    margin-bottom: 1vmin;
    max-height: 33vmin;
    overflow: hidden;
    overflow-y: overlay;
    scrollbar-width: none;
}

#addon_selection img {
height:8vmin!important;
object-fit:cover;
    border-radius: 1vmin;
    margin: 0!important;
    display: inline-grid;
    box-sizing: border-box;
    padding: 0!important;
    margin: 1vmin!important;
	cursor:pointer;
	object-fit:cover!important;
	min-width:8vmin!important;
}


.addon_page .uk-modal-body {
	max-width:auto;
	min-width:70vmin;
	overflow:hidden;
}

.addon_page iframe {
    width: 100%;
    height: 75vmin;
    border-radius: 1.5vmin;
    margin-top: 0.5vmin;
}



.addon_page h2 {
    font-size: 3vmin;
    color: #c1c1c1;
	display:inline-block;
	vertical-align:middle;
}

.addon_page h2 span {
vertical-align:middle;
}

.addon_page h2 img {
    width: 3.5vmin;
    vertical-align: middle;
    margin-right: 1.5vmin;
    border-radius: 100vmin;
	transform:scale(1.2);
}

.addon_page .uk-modal-body {
padding:2.5vmin;
}

.addon_page .uk-modal-close {
    margin: 1.5vmin;
    padding: 1.5vmin;
    display: inline-block;
    position: relative;
    width: 20vmin;
    color: white;
	border-radius:1.5vmin;
}

.addon_bar {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    margin: 1vmin;
    margin-top: 0.5vmin;
	background-color:white;
}

.addon_bar button {
    border: none;
    padding: 1vmin;
    border-radius: 100vmin;
    width: 12.5vmin;
    font-size: 2vmin;
    font-family: 'bold';
    color: gray;
		vertical-align:middle;
}

.addon_link_bar {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2vmin;
}

.addon_link_bar button {
    border: none;
    padding: 1vmin;
    border-radius: 100vmin;
    width: 25vmin;
    font-size: 2vmin;
    font-family: 'bold';
    color: gray;
    vertical-align: middle;
    opacity: 75%;
}


.addon_nav.uk-nav, addon_nav.uk-nav ul{
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 0.5vmin;
    padding-top: 1.5vmin;
    padding-bottom: 0.5vmin;
    margin: -0.5vmin;
}


h3, .addon_page i, .addon_pin_menu .uk-card i {
    font-size: 2.5vmin;
    font-family: 'bold';
}


.addon_page .uk-card h3, .addon_page .uk-card p, .addon_pin_menu .uk-card h3, .addon_pin_menu .uk-card p {
    margin: 0vmin;
} 

.addon_page .uk-card p, .addon_pin_menu .uk-card p {
    margin-bottom: 2.5vmin;
    margin-top: 1.5vmin;
}

.addon_page .uk-card hr, .addon_pin_menu .uk-card hr {
    border: 2px solid #e9e9e9;
    border-radius: 100vmin;
	margin:0px;
}

.addon_page_button {
    padding: 1.5vmin!important;
	margin-bottom:1.5vmin!important;
}

.addon_pin_menu .uk-card {
    position: fixed;
    width: 40vmin;
    height: 35vmin;
    overflow: hidden;
    overflow-y: auto;
    border-radius: 1.5vmin;
    padding: 2.5vmin;
    scrollbar-width: none;
	
}


#addon_pin_menu {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
}

.addon_pin {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: white;
    padding: 2.5vmin;
    border-radius: 2.5vmin;
    box-shadow: 0px 0px 100px #00000050;
    width: 40vmin;
    height: auto;
    aspect-ratio: 1/1;
	transition:all 0.1s,top 0s, left 0s;
	overflow:hidden;
}

.addon_pin:active {
cursor:grabbing;
}


.addon_pin iframe {
    width: 100%;
    height: 90%;
    border-radius: 1vmin;
}

.addon_pin_menu {
    position: relative;
    margin-top: 0.5vmin;
}

.addon_pin_menu i {
    font-size: 3.5vmin;
    vertical-align: middle;
    font-weight: 900;
    color: #c2c2c2;
    cursor: pointer;
    padding: 0.75vmin;
}

.addon_pin img {
    width: 5vmin;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 1.5vmin 2.5vmin;
    padding: 1vmin;
    background-color: white;
    box-sizing: content-box;
    padding-left: 1vmin;
    padding-bottom: 1vmin;
}

.addon_maximize_button {
    z-index: 100;
    position: absolute;
    bottom: 0;
    color: #c2c2c2;
    font-size: 3vmin;
    right: 0;
    display: block;
    padding: 0.5vmin;
    font-weight: 900;
    display: none;
    cursor: pointer;
    background-color: white;
    border-radius: 100% 0vmin 100% 0vmin;
    text-align: center;
    width: 5vmin;
    margin: -0.5vmin;
}

.addon_pin_menu .uk-card button i {
color:white;
}

#welcome_page .uk-modal-body {
    width: 60vmin;
    height: 90%;
    overflow: hidden;
    margin-top: 2.5%;
}

#welcome_page .uk-modal-body p {
    font-family: 'master';
    margin-top: 5vmin;
}

#welcome_page .uk-modal-body p span {
font-family:'bold';
}

#welcome_page h1 {
    background-color: #e9e9e9;
    padding: 2.5vmin;
    box-sizing: border-box;
    font-family: 'bold';
    font-size: 2.5vmin;
    margin: 0px;
    border-radius: 1.5vmin;
    position: relative;
    padding-bottom: 5vmin;
    height: 30%;
}

#welcome_page .uk-modal-body img {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 25%;
    width: 100%;
    object-fit: cover;
}

#welcome_page h1 .quote {
    position: absolute;
    font-size: 1.5vmin;
    bottom: 0;
    right: 0;
    margin: 1.5vmin;
}

#welcome_page h1 .quote i {
vertical-align:middle;
font-size:2vmin;
margin-right:0.5vmin;
}

#welcome_close {
    background-color: black;
    position: relative;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    margin-top: 2.5vmin;
}

#share_page, #share_page_body {
overflow:hidden;
}

#share_page .widget {
    width: 100%;
    background-color: #e9e9e9;
    position: relative;
    border-radius: 2.5vmin;
    box-sizing: border-box;
    overflow: hidden;
    text-align: left;
    padding: 2.5vmin;
    min-width: 50vmin;
    max-width: 80vmin;
    height: 30vmin;
}

#share_page .widget img {
    width: 100%;
    height: 45%;
    aspect-ratio: 1/1;
    object-fit: cover;
    transform: scale(1.5);
    padding-bottom: 1.5vmin;
}

#share_page .widget p {
font-family:'master';
}

#share_page .app {
    display: inline-table;
    text-align: center;
    border-radius: 2.5vmin;
    width: 30%;
    height: auto;
    aspect-ratio: 1/0.5;
    box-sizing: border-box;
    position: relative;
    margin: 2vmin;
    margin-left: 0vmin;
    margin-bottom: 0vmin;
    padding-bottom: 2.5vmin;
    max-width: 20vmin;
	cursor:pointer;
	
}

#share_page .grid {
    white-space: nowrap;
    width: 100%;
    margin-top: 0.5vmin;
}

#share_page .app i {
color:white;
text-align:center;
font-size:7.5vmin;
margin:0;
padding:0;
}

#share_page .app h1 {
    text-align: center;
    color: white;
    margin: 0;
    padding: 0;
    font-size: 2vmin;
    font-weight: 900;
}

#share_page b {
font-family:'bold';
}

#share_page #left {
    width: 40%;
    position: relative;
    box-sizing: border-box;
    border-right: 5px solid #e9e9e9;
    display: inline-block;
    vertical-align: top;
    padding: 4vmin;
    padding-left: 0vmin;
    padding-top: 0vmin;
    padding-bottom: 0vmin;
    overflow: hidden;
    box-sizing: border-box;
    overflow-x: auto;
    scrollbar-width: none;
}

#share_page #right {
    display: inline-block;
    width: 59%;
    box-sizing: border-box;
    padding: 0vmin;
    padding-left: 4vmin;
    height: 100%;
    vertical-align: top;
    padding-top: 0;
    padding-bottom: 5vmin;
    white-space: no-wrap;
}

#share_page #right p {
font-family:'master';
}

#share_page #right h1 {
font-family:'bold';
font-size:4vmin;
}

#share_page #right button {
    width: 100%;
    background-color: #2c2c2c;
    border: none;
    color: white;
    font-family: 'bold';
    vertical-align: middle;
    padding: 2.5vmin;
    border-radius: 1.5vmin;
    font-size: 2.5vmin;
    max-width: 60vmin;
}

#share_page #right button i, #share_page #right button span {
vertical-align:middle;
}


#share_page #share_frame, #share_page canvas {
    border: none;
    background-color: #e9e9e9;
    width: 100%;
    margin: 3vmin;
    margin-left: 0;
    margin-right: 0;
    height: 38vmin;
    border-radius: 2.5vmin;
    box-sizing: border-box;
    background-size: 110%;
    background-repeat: no-repeat;
    background-position: center center;
    object-fit: cover;
}

#share_page #share_frame {
 background-image: url('https://images.unsplash.com/uploads/141103282695035fa1380/95cdfeef?crop=entropy&cs=tinysrgb&fm=jpg&ixlib=rb-1.2.1&q=80&raw_url=true&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2630');
}

#share_page canvas {
display:block!important;
}

#share_page #share_project_bar {
    position: absolute;
    bottom: 10vmin;
    width: 100%;
    padding: 2vmin;
    display: none;
}

#share_page #share_project_bar i {
    font-size: 4vmin;
    font-weight: 900;
    background-color: white;
    padding: 1vmin;
    border-radius: 100%;
	cursor:pointer;
}

#share_page button {
cursor:pointer;
}

#recover_bar p {
	text-align: center;
	    margin-top: 1.25vmin;
}

#recover_bar button {
background-color:black;
border-radius:1vmin;
}

#recover_time {
text-align: center;
    font-size: 1.6vmin;
    color: #c2c2c2;
}

#settings_page .uk-background-muted img {
    height: 5%;
    margin-top: -15%;
    margin-bottom: -5%;
    object-position: 0vmin -6vmin;
}

#settings_page .uk-background-muted h1 {
    margin-top:2vmin;
}

#settings_page .settings_slider {
    background-color: black;
    padding: 2vmin;
    color: white;
    margin-top: 1.75vmin;
    border-radius: 1vmin;
    margin-bottom: 1.75vmin;
}

#settings_page .settings_slider input[type="range"] {
    width: 80%;
    vertical-align: middle;
    display: inline-block;
    margin: 1vmin;
    padding: 0px;
    margin-right: -1.5vmin;
    margin-left: 1.5vmin;
}

#settings_page  label {
    display: inline-block;
    padding: 0px;
    margin: -0.5vmin;
    text-align: left;
    width: 100%;
	cursor:pointer;

}
#settings_page .settings_slider label span {
    vertical-align: middle;
    display: inline-block;
}

#settings_page .settings_slider label input {
        width: unset;
    display: inline-block;
    vertical-align: middle;
    margin: 1.5vmin;
    margin-left: 0vmin;
    height: auto;
    aspect-ratio: 1/1;
    padding: 1.5vmin;
}


#settings_page .uk-checkbox {
	        width: unset;
    display: inline-block;
    vertical-align: middle;
    margin: 1.5vmin;
    margin-left: 0vmin;
    height: auto;
    aspect-ratio: 1/1;
    padding: 1.5vmin;
	background-color:#c3c3c3;
}

#settings_page .settings_slider i {
    font-size: 3vmin;
    vertical-align: middle;
    display: inline-block;
    padding: 0px;
    margin: 0px;
    margin-left: -1.5vmin;
}

#settings_page .uk-background-muted button {
    background-color: darkred;
    border-radius: 1vmin;
    padding: 2vmin;
}

#settings_page .uk-background-muted h2 {
    color: #c3c3c3;
    font-size: 2vmin;
    margin: 1.5vmin;
    text-align: left;
	margin-left:0px
}

#settings_page .uk-background-muted p {
    text-align: left;
    font-size: 1.4vmin;
    margin: 2vmin;
    margin-left: 0;
    margin-right: 0;
}

#settings_page .uk-background-muted .uk-card-body p {
    font-size: 1.75vmin;
    margin: 0;
    margin-bottom: 1.75vmin;
}

#settings_page .uk-background-muted .uk-card-body button {
    padding: 2.5vmin;
}

#settings_page .settings_1 button {
background-color:black;
color:white;
font-size:2vmin;
margin-top:-2vmin;
}

#project_snapshot_button {
opacity:25%;
pointer-events:none;
}

#recover_project_button {
opacity:25%;
pointer-events:none;
}

.notransition * { 
  -webkit-transition: none !important; 
  -moz-transition: none !important; 
  -o-transition: none !important; 
  -ms-transition: none !important; 
  transition: none !important; 
} 

.offline-ind {
    background-color: orange;
    color: black;
    padding: 0.5vmin;
    font-size: 1.5vmin;
    border-radius: 1vmin;
    vertical-align: middle;
    margin: 0px;
    margin-top: -0.5vmin;
    display: inline-block;
    width: 7.5vmin;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
}


#credits {
    background-color: transparent;
    color: white;
    position: absolute;
    top: 200%;
    left: 50%;
    z-index: 100;
    padding: 10vmin;
    box-sizing: border-box;
    transform: translate(-50%,-50%);
    width: 100%;
    margin: 0vmin;
    text-align: center;
	transition: all 150s, opacity 1.5s, filter 20s;
	filter:blur(100px);
	opacity:0%;
	pointer-events:none;
}

#credits h1 {
    font-family: 'bold';
    font-size: 3vmin;
    color: white;
    opacity: 50%;
    margin-bottom: 2.5vmin;
    display: block;
}

#credits a {
    color: white;
    text-decoration: none;
    font-size: 2.5vmin;
    display: block;
    margin-bottom: 2.5vmin;
}

#credits a:hover {
text-decoration:underline;
}

#credits_end {
    position: absolute;
    top: 65vmin;
    left: 50%;
    text-align: center;
    transform: translate(-50%,-50%);
    z-index: 100;
    color: white;
    display: block;
    opacity:0%;
    font-size: 4vmin;
	filter:blur(100px);
	transition: all 2.5s;
	pointer-events:none;
	
}

.addon_pin_menu .uk-card {
    height: unset!important;
    padding-bottom: 1vmin;
}

.addon_pin_menu .uk-card h3 {
font-size:2vmin;
}

.addon_pin_menu .uk-card p {
font-size:1.75vmin;
}

.addon_pin_menu .uk-card hr {
border:1px solid #e9e9e9;
border-radius:100vmin;
margin:0px;
}

.ace-dawn .ace_gutter {
background: #ebebeb;
color: #333;
width:30px!important;
}
.ace-dawn .ace_print-margin {
width: 1px;
background: #e8e8e8
}
.ace-dawn {
background-color: #F9F9F9;
color: #080808
}
.ace-dawn .ace_cursor {
color: #000000
}
.ace-dawn .ace_marker-layer .ace_selection {
background: rgba(39, 95, 255, 0.30)
}
.ace-dawn.ace_multiselect .ace_selection.ace_start {
box-shadow: 0 0 3px 0px #F9F9F9;
}
.ace-dawn .ace_marker-layer .ace_step {
background: rgb(255, 255, 0)
}
.ace-dawn .ace_marker-layer .ace_bracket {
margin: -1px 0 0 -1px;
border: 1px solid rgba(75, 75, 126, 0.50)
}
.ace-dawn .ace_marker-layer .ace_active-line {
background: rgba(36, 99, 180, 0.12)
}
.ace-dawn .ace_gutter-active-line {
background-color : #dcdcdc
}
.ace-dawn .ace_marker-layer .ace_selected-word {
border: 1px solid rgba(39, 95, 255, 0.30)
}
.ace-dawn .ace_invisible {
color: rgba(75, 75, 126, 0.50)
}
.ace-dawn .ace_keyword,
.ace-dawn .ace_meta {
color: #794938
}
.ace-dawn .ace_constant,
.ace-dawn .ace_constant.ace_character,
.ace-dawn .ace_constant.ace_character.ace_escape,
.ace-dawn .ace_constant.ace_other {
color: #811F24
}
.ace-dawn .ace_invalid.ace_illegal {
text-decoration: underline;
font-style: italic;
color: #F8F8F8;
background-color: #B52A1D
}
.ace-dawn .ace_invalid.ace_deprecated {
text-decoration: underline;
font-style: italic;
color: #B52A1D
}
.ace-dawn .ace_support {
color: #691C97
}
.ace-dawn .ace_support.ace_constant {
color: #B4371F
}
.ace-dawn .ace_fold {
background-color: #794938;
border-color: #080808
}
.ace-dawn .ace_list,
.ace-dawn .ace_markup.ace_list,
.ace-dawn .ace_support.ace_function {
color: #693A17
}
.ace-dawn .ace_storage {
font-style: italic;
color: #A71D5D
}
.ace-dawn .ace_string {
color: #0B6125
}
.ace-dawn .ace_string.ace_regexp {
color: #CF5628
}
.ace-dawn .ace_comment {
font-style: italic;
color: #5A525F
}
.ace-dawn .ace_heading,
.ace-dawn .ace_markup.ace_heading {
color: #19356D
}
.ace-dawn .ace_variable {
color: #234A97
}
.ace-dawn .ace_indent-guide {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWNgYGBgYLh/5+x/AAizA4hxNNsZAAAAAElFTkSuQmCC) right repeat-y
}

.ace_scrollbar::-webkit-scrollbar {
    width: 10px!important;
	height:10px!important;
}

.ace_scrollbar::-webkit-scrollbar-track {
  background-color:transparent;
}

.ace_scrollbar::-webkit-scrollbar-thumb {
  background-color: #c2c2c2;
  border-radius:0px;
}

.ace_content {
height:100%!important;
}

.small_page {
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	font-family:'bold';
}

.small_page p {
    font-family: 'bold';
    margin: 2.5vmin;
    margin-left: 0vmin;
    margin-right: 0vmin;
}

.small_page button {
    background-color: black;
    color: white;
    font-family: 'bold';
    padding: 1.5vmin;
    border-radius: 1.5vmin;
    font-size: 2vmin;
    margin: 0vmin;
    margin-right: 0.5vmin;
}

.small_page .uk-modal-body {
    width: 100%;
    height: unset;
    transform: translate(-50%,-50%);
    left: 50%;
    transform-origin: center;
    display: block;
    max-width: 75vmin!important;
    margin: 0px;
    top: 50%;
    max-height: unset;
    min-height: unset;
}

#shop_download_location {
    background-color: #e9e9e9;
    padding: 1.5vmin;
    border-radius: 1vmin;
    font-family: monospace;
    font-weight: 900;
    width: 100%;
    display: block;
    box-sizing: border-box;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 1.5vmin;
    margin-left: 0vmin;
    margin-right: 0vmin;
	font-size:1.75vmin;
	
	background-image: linear-gradient(to left, #76db94, #76db94);
    background-size: 0%;
    background-position: 0%;
    background-repeat: no-repeat;
	transition: all 2.5s;
}

#shop_cancel_button {
transition: all 0.15s;
}



#content_page .content_div, #theme_page .content_div {
    background-color: #e9e9e9;
    padding: 2.5vmin;
    border-radius: 2.5vmin;
    margin: 1vmin;
    font-family: 'bold';
    font-size: 2.5vmin;
    display: -webkit-inline-box;
    position: relative;
    margin-left: 0;
    margin-right: 3vmin;
	vertical-align:middle;
	transition: all 0.5s;
	box-sizing:border-box;

}




#content_page .content_div_icon, #theme_page .content_div_icon {
      position: absolute;
    bottom: 0;
    left: 0;
    background-color: #e9e9e9;
    margin: 1.5vmin;
    padding: 1.5vmin;
    padding-left: 0vmin;
    padding-bottom: 0vmin;
    border-radius: 0vmin 5vmin 0vmin 0vmin;  
}

#content_page .content_div img, #theme_page .content_div img {
    width: 10vmin;
    border-radius: 1.5vmin;
    margin: 2.5vmin;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    float:left;
    height:auto;
    object-fit:cover;

}

#content_page button, #theme_page button {
    background-color: #1a1a1a;
    color: white;
    font-family: 'bold';
    padding: 2vmin;
    border: none;
    border-radius: 1.5vmin;
    margin-right: 1.5vmin;
    font-size: 2.25vmin;

}

#content_page .content_div button, #theme_page .content_div button {
    border: none;
    padding: 1vmin;
    border-radius: 1.5vmin;
    background-color: #c3c3c3;
    font-family: 'bold';
    font-size: 3vmin;
    color: #1a1a1a;
    float: right;
    vertical-align: middle;
    display: inline-flex;
    margin: 1.5vmin;
    margin-bottom: 0vmin;
    margin-right: 0vmin;
    margin-left: 2.5vmin;
}

#content_page p, #theme_page p {
font-family:'bold';
    margin-bottom: 1.5vmin;
    margin-top: 2.5vmin;
}

#content_div, #library_div, #theme_page #library_div {
    overflow: hidden;
	height:auto;
    overflow-x: auto;
    display: inline-block;
    width: 100%;
	white-space:nowrap;
}

.content_div h3 {
    margin: 0px;
    margin-bottom: 1vmin;
}

.content_div h4 {
	    font-family: 'bold';
    font-size: 1.75vmin;
    margin: 0;
    padding: 0px;
    width: 70%;
	opacity:50%;
	white-space:normal;
}

#grayscale_button {
display:none!important;
}

#themes_page_body {
    width: 100vmin;
	overflow:hidden;
}

#stylebox .ace_gutter, #markupbox .ace_gutter, #scriptbox .ace_gutter {
    background-image: url("");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
}

#markupbox .ace_gutter {
    background-image: url("../icons/html5.png");
}

#theme_preview {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    aspect-ratio: 1/1;
    background-size: 100%;
    background-position: center;
    background-repeat: repeat-y;
    opacity: 40%;
	pointer-events:none;
	background-color:#c3c3c3;
}

#theme_library_div {
    width: 50%;
    overflow-y: auto;
    height: 95%;
}

#theme_library_div .content_div {
    width: 87.5%;
    overflow: hidden;
}


#theme_page .content_div span {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	box-sizing:border-box;
}

#theme_page .content_div button {
    box-sizing: border-box;
    margin: 0vmin;
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 2.5vmin;
}

.content_div .innerbody {
width:60%;
}

.selected_theme {
    outline: 5px solid #76db94;
    background-color: #76db9450;
}

#theme_page #theme_library_div p  {
    font-size: 1.8vmin;
    width: 87.5%;
    text-align: left;
    opacity: 75%;
}

#theme_page #theme_library_div hr {
    text-align: center;
    border: 2px solid #c3c3c3;
    border-radius: 100vmin;
    color: #c3c3c3;
    background-color: #c3c3c3;
    display: block;
    width: 87.5%;
    transform: scale(0.75);
	opacity:75%;
}

#download_project_console_button {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 4vmin;
    z-index: 100;
    background-color: #1a1a1a;
    color: white;
    padding: 1.5vmin;
    border-radius: 2.5vmin 0vmin 2.5vmin 0vmin;
    opacity: 50%;
	box-shadow:none;
	transition: all 0.5s;
	display:none;
}

#download_project_console_button:hover {
opacity:100%;
cursor:pointer;
}

#project_console_raw {
display:none;
}

#picture_test {
display:none;
}