@charset "utf-8";


/* scrollbar rules */


::-webkit-scrollbar {
  width: calc(7 * var(--border-box-set));
}

::-webkit-scrollbar-track:hover {
  background: #aaaaaa22;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, #aaaaaaff 80%, #00000000 80%);
  border-radius: 0px;
}


/* font imports */

@font-face {
  	font-family: Tecmo;
	src: url("../fonts/PixeloidSansBold.ttf");
}
@font-face {
  	font-family: Pixeloid;
	src: url("../fonts/PixeloidSansBold.ttf");
}
@font-face {
  	font-family: Pixeloid;
 	src: url("../fonts/PixeloidSansBold.ttf");
	font-weight: bold;
}


/* My body and me, we dont always get along */

body{

	overflow-y:hidden !important;			
}

.contentbox {
    width: 100vw !important;
    height: 100vh !important;
    overflow-y: hidden !important;
    overflow-x: hidden;
	background-color:transparent;
}

/* BOLT-ON RULES - Flex options */
.flex {
	display:flex;
}

.flexcol {
	display:flex;
	flex-direction: column !important;
}

.flexrow {
	display:flex;
	flex-direction: row !important;
}

.flexcol-reversal {
	flex-direction: column-reverse !important;
}

.flexrow-reversal {
	flex-direction: row-reverse !important;
}	

.wrapproperty {
	flex-wrap: wrap;
}

.flexproperty {
	display: flex;
}

.spacebetween {
	justify-content:space-between;
}

.alignbaseline {
	align-items: baseline;
}


/* BOLT-ON RULES - Width options */

.stretch {
	width: -webkit-fill-available  !important;
}

.threeable {
	width: calc(1 *  var(--fix-width-parameter))  !important;
}

.twothirdsable {
	width: calc(2 *  var(--fix-width-parameter)) !important;
}

.twoable {
	width: calc(1.5 *  var(--fix-width-parameter)) !important;
}

.onlychild {
	width: calc(3 *  var(--fix-width-parameter)) !important;
}

.threeable_padless {
	width: calc(1 *  var(--fix-width-parameter))  !important;
	padding:0px !important;
}

.twothirdsable_padless {
	width: calc((2 *  var(--fix-width-parameter)) + 2 * var(--large-box-padding)) !important;
	padding:0px !important;
}

.twoable_padless {
	width: calc(1.5 *  var(--fix-width-parameter)) !important;
	padding:0px !important;
}

.onlychild_padless {
	width: calc(3 *  var(--fix-width-parameter)) !important;
	padding:0px !important;
}

.boltset_displayportwidth{
	width: 100%;
	max-width: calc(var(--displayport-width) - (2 * var(--large-box-padding))) !important;
}


.boltset_displayportwidth_padless{
	width: 100%;
	max-width: var(--displayport-width) !important;
	padding: 0px !important;
}
.boltset_maxfocus_width {
	max-width:calc(100% - (2 * var(--large-box-padding)) - var(--displayport-width) - (3 * var(--large-box-padding) - (10 * var(--border-box-set)))) !important;
	width:calc(100% - (2 * var(--large-box-padding)) - var(--displayport-width) - (3 * var(--large-box-padding) - (10 * var(--border-box-set)))) !important;
}

.displayport_wrapper_half{
max-width: calc((0.5 * (var(--displayport-width) - (2 * var(--large-box-padding))) - (2 * var(--border-width))));
width:100%;
}
.displayport_wrapper_threequarter{
max-width: calc((0.75 * (var(--displayport-width) - (2 * var(--large-box-padding))) - (2 * var(--border-width))));
width:100%;
}
.displayport_wrapper_onequarter{
max-width: calc((0.25 * (var(--displayport-width) - (2 * var(--large-box-padding))) - (2 * var(--border-width))));
width:100%;
}


.keepit100 {
	width:100%;
}



/* TAG CLASS RULES */

h1 {
	font-size: calc(1.25 * var(--font-size));
	margin: calc(0.25 * var(--large-box-padding)) 0px;
}
h2 {
	font-size: var(--font-size);
	margin: calc(0.25 * var(--large-box-padding)) 0px;
}
h3,h4,h5 {
	font-size: calc(0.75 * var(--font-size));
	margin: calc(0.1 * var(--large-box-padding)) 0px;
	font-family:Pixeloid;
	font-weight:700;
}
p {
font-size:calc(0.75 * var(--font-size)) !important;
font-family:Pixeloid;
margin: calc(0.25 * var(--large-box-padding)) 0px;
}



/* color rules */
.text_shadow {
	text-shadow: calc(0.05 * var(--large-box-padding)) calc(0.05 * var(--large-box-padding)) 0px var(--custom-color-profile-001);
	
}
div#you_need_help h2,div#you_need_help h1{
    	text-shadow: calc(0.05 * var(--large-box-padding)) calc(0.05 * var(--large-box-padding)) 0px var(--HEP32-CRI);
}

/* BOLT-ON RULES - Positioning */	

.anchor {
	position: relative;
}

.anchor_hang {
	position: absolute;
}

/* BOLT-ON RULES - Padding/Margin */
	

.addapad_top{
	padding-top:var(--large-box-padding);
}
.addapad_bottom{
	padding-bottom:var(--large-box-padding);
}
.addapad_tnb{
	padding-top:var(--large-box-padding) !important;
	padding-bottom:var(--large-box-padding) !important;
}

.addapad_half{
padding:calc(0.5 * var(--large-box-padding));
}
.addapad_quarter{
padding:calc(0.25 * var(--large-box-padding));
}

.no_pad {
	padding:0px !important;
}

.add_a_margin {
	margin:calc(0.25 * var(--large-box-padding));
}
.auto_margin {
	margin:auto !important;
}


/* BOLT-ON RULES - Height */
	
.max_threequarterheight{
	height: calc(3 *  var(--fix-width-parameter));
	max-height: calc(3 *  var(--fix-width-parameter));
}

.max_halfheight {
	height: calc(2 *  var(--fix-width-parameter));
	max-height: calc(2 *  var(--fix-width-parameter));
}

.max_quarterheight {
	height: calc(1 *  var(--fix-width-parameter));
	max-height: calc(1 *  var(--fix-width-parameter));
}


/* Summary / Details / List Rules */	

details > summary {
    list-style-type: none !important;
	color: #00b5d1;
	text-align:center;
}

details[open] > summary {
    list-style-type: none !important;
}

details[open] > summary {
    margin-bottom: 0.5rem;
}

details[open] {
text-transform: 
}

.border_bottom_list {
    border-bottom: calc(0.5 * var(--border-width)) solid transparent;
    border-image: linear-gradient(to right,  #ffffff00 calc(1 * var(--large-box-padding)), #ffffffaa 0px, #ffffffaa calc(100% - var(--large-box-padding)), #ffffffaa 0px, #ffffff00 calc(1 * var(--large-box-padding))) !important;
    border-image-slice: 1 !important;
}

.alttarget{
    font-size: calc(0.75 * var(--font-size));
    display: flex;
    align-items: center;
    justify-content: space-between;
	flex-wrap:wrap;
}

.altchildhighlight div.alttarget:nth-child(even){
	background-color: #aaaaaa22;
}

.altchildhighlight {
	overflow-x:hidden;
}
	
/* Box options */

/* The standard 800x480 window port. This is the box with all the 'fixins' */
.floatbox{
    container: displayport / inline-size;
	width: 100%;
	max-width: 240px;
	height: inherit;
	max-height: 300px;
	padding: var(--border-width);
	overflow:hidden;
	outline: calc(3 * (var(--border-box-set))) solid #ffffffaa;
	outline-offset:calc(-3 * (var(--border-box-set)));
	background-color:#000000cc;
	border:calc(2 * (var(--border-box-set))) solid #ffffff;
	border-radius:10px;
	text-transform: uppercase;
	font-size: var(--font-size);
	color:#ffffff;
	font-family:pixeloid,monospace,symbol;
	margin:calc(0.5 * (var(--large-box-padding)));
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:flex-start;	
	align-content:center;
}
.notebox_standard{
    container: displayport / inline-size;
	width: 100%;
	max-width: 480px;
	height: inherit;
	max-height: 500px;
	padding: var(--border-width);
	overflow:hidden;
	outline: calc(6 * (var(--border-box-set))) solid #ffffffaa;
	outline-offset:calc(-6 * (var(--border-box-set)));
	background-color:#000000cc;
	border:calc(5 * (var(--border-box-set))) solid #ffffff;
	border-radius:10px;
	text-transform: uppercase;
	font-size: var(--font-size);
	color:#ffffff;
	font-family:pixeloid,monospace,symbol;
	margin:calc(0.75 * (var(--large-box-padding)));
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:flex-start;
}
.grid_container{
	display: grid;
    grid-template-columns: var(--notebox-width-math) var(--notebox-width-math) var(--notebox-width-math) var(--notebox-width-math) var(--notebox-width-math) var(--notebox-width-math);
    grid-template-rows: var(--notebox-height-math) var(--notebox-height-math) var(--notebox-height-math) var(--notebox-height-math) var(--notebox-height-math) var(--notebox-height-math);
}

.notebox_standard {
	    grid-column-start: 6;
    grid-column-end: 8;
    grid-row-start: 1;
    grid-row-end: 3;
}
.notebox_connect{
	width:var(--notebox-connect-width);
	height:var(--notebox-connect-height);
	background-color:#cdcdcd;
	border-radius:var(--notebox-pm);
	margin:var(--notebox-pm);

	text-transform:uppercase;
	
}
.relationalbox{
	width:auto;
	display:flex;
	flex-wrap:wrap;
	
	margin:20px;
	margin-bottom:30px;
	border-radius: 10px;
	padding:10px;
	background-color: transparent;
	width:100%;
	position: relative;

    max-width: calc(4*var(--notebox-width-math) + 0*var(--notebox-pm));

}
.line_text{
	font-size:24px;
	color:#ffffff;
}
.notebox_label{
	z-index:999;
	border-radius:10px;
	margin:0px;
	appearance:none;
	position:absolute;
	width:calc(100% - (1 * var(--border-box-set)));
	height:calc(100% - (2 * var(--border-box-set)));
	top: 0px;
	left: 0px;
	border-top:var(--border-box-set) solid #ffffff00;
	border-bottom:var(--border-box-set) solid #ffffff00;
	border-left:0px solid #fff;
	border-right:0px solid #fff;
	outline: var(--border-box-set) solid #fff;
	font-family:tecmo;
	font-size:var(--font-size) !important;
	color:#fff !important;
	text-align:center;

	display:flex;
}
@keyframes border_dance {
  0% {
	border: calc(2 * var(--border-box-set)) solid var(--HEP32-DPI) !important;

	}
  50% {
	border: calc(2 * var(--border-box-set)) solid #00000000 !important;

	}
	100%{
	border: calc(2 * var(--border-box-set)) solid var(--HEP32-DPI) !important;	
	}
}
@keyframes notebox_appear {
  from {
	  background-color: #000000ff;
  color:#ffffff00;
  }
  to {
	background-color: #00000000;
		color:#ffffffff;
	}
}
.notebox_label div{

    overflow-wrap: anywhere;
    text-overflow: clip;
    max-height: calc(100% - 2*var(--notebox-pm));
    overflow: hidden;

	padding: var(--notebox-pm) 0px;

}
.appearance_none{
	appearance:none;
}
.note_Location{
	border: calc(2 * var(--border-box-set)) solid var(--HEP32-DPI);
	}
.note_Person{
	border: calc(2 * var(--border-box-set)) solid var(--HEP32-CRI);
	}
.note_Group{
	border: calc(2 * var(--border-box-set)) solid var(--HEP32-LGR);
	}
.note_Item{
	border: calc(2 * var(--border-box-set)) solid var(--HEP32-SFY);
	}
.note_Objective{
	border: calc(2 * var(--border-box-set)) solid var(--HEP32-ORA);
	}
.note_Other{
	border: calc(2 * var(--border-box-set)) solid var(--HEP32-RBL);
	}
.relationalbox::before{

    font-family: 'Tecmo';
    text-transform: uppercase;
    background-color: #000000;
    font-size: var(--font-size) !important;
    padding: 10px;
    position: absolute;
    top: -26px;		
	}
.note_Location::before {
    content: "location";
    color: var(--HEP32-DPI);
}
.note_Person::before {
    content: "person";
    color: var(--HEP32-CRI);
}
.note_Group::before {
    content: "group";
    color: var(--HEP32-LGR);
}
.note_Item::before {
    content: "item";
    color: var(--HEP32-SFY);
}
.note_Objective::before {
    content: "objective";
    color: var(--HEP32-ORA);
}
.note_Other::before {
    content: "other";
    color: var(--HEP32-RBL);
}
label.button_label{
    font-size: calc(0.5 * var(--font-size)) !important;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    align-content: center;

}

.selfImmolateButton{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	appearance:none;
	font-family: Tecmo;
	text-transform:uppercase;
	color:#ffffff;
	font-size:var(--font-size);
	z-index:999999999;
	text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;
}
@media screen and (max-width: 800px){ 
    .display_port_standard{
        flex-direction:column !important;   
        overflow-y:scroll !important;
        background-color:#000000 !important;
    }
 
    .flex {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: flex-star !importantt;
        align-items: flex-start !important;
        align-content: center !important;
        flex-direction: column !important;
    }    
    .status_box_radio_wrapper_row{
    margin:unset !important;
    min-height:calc(6 * var(--font-size))!important;
    flex-direction: column !important;
    align-items:flex-start !important;
    }
 .displayport_height_threequarter{
 max-height:70vh !important;
 min-height:70vh !important;
 }
 
}

.display_port_custom_width{
	width: 100%;
	max-width: calc(85vw - 40px);
	height: 100%;
	max-height: calc(var(--displayport-height) - (2 * var(--large-box-padding)));
	padding: var(--large-box-padding);
	overflow:hidden;
	outline: calc(6 * (var(--border-box-set))) solid #ffffffaa;
	outline-offset:calc(-6 * (var(--border-box-set)));
	background-color:#000000cc;
	border:calc(5 * (var(--border-box-set))) solid #ffffff;
	border-top:0px solid transparent !important;
	border-radius:10px;
	text-transform: uppercase;
	font-size: var(--font-size);
	color:#ffffff;
	font-family:pixeloid,monospace,symbol;
	margin:calc(0.75 * (var(--large-box-padding)));
	margin-top:calc(-6 * (var(--border-box-set)))!important;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
}
/* Display port option with inherited height, taking up as much space as possible. */
.displayport_height_inherit{
	width: 100%;
	max-width: calc(var(--displayport-width) - (2 * var(--large-box-padding)));
	height: 100%;
	max-height: calc(100% - (2 * var(--large-box-padding)) /*- (2 * (5 * var(--border-box-set)))*/);
	padding: var(--large-box-padding);
	overflow:hidden;
	outline: calc(6 * (var(--border-box-set))) solid #ffffffaa;
	outline-offset:calc(-6 * (var(--border-box-set)));
	background-color:#000000cc;
	border:calc(5 * (var(--border-box-set))) solid #ffffff;
	border-radius:10px;
	text-transform: uppercase;
	font-size: var(--font-size);
	color:#ffffff;
	font-family:pixeloid,monospace,symbol;
	margin:calc(0.75 * (var(--large-box-padding)));
}
.displayport_height_onequarter{
max-height: calc((0.25 * var(--displayport-height)) - (2 * var(--large-box-padding))) !important;
}
.displayport_height_half{
max-height: calc((0.5 * var(--displayport-height)) - (2 * var(--large-box-padding))) !important;
}
.displayport_height_threequarter{
max-height: calc((0.75 * var(--displayport-height)) - (2 * var(--large-box-padding))) !important;

}


.ganutton_holster{
position:relative;
width:100%;
height:100px;
border: calc(0.5 * var(--border-width)) solid #ffffffaa;
}
.ganutton_timeframe{
z-index: 11;
position: absolute;
border-right: calc(0.5 * var(--border-width));
height:100%;
top:0px;
min-width:8px;
}
.ganutton_timeframe:nth-child(2n){
background-color:#ffffff33;
}
.ganutton_timeframe:nth-child(2n+1){
background-color:#ffffff00;
}
.ganutton_button{
	position: absolute;
	z-index: 99;
	font-size: calc(0.5 * var(--font-size)) !important;
	font-family:pixeloid;
	text-transform:uppercase;
	text-shadow: calc(0.25 * var(--border-width)) calc(0.25 * var(--border-width)) #333333aa;
	background-color: var(--custom-color-profile-007);
	color:#fff;
	height: calc(0.65 * var(--font-size)) !important;
	appearance:none !important;
	border-radius:var(--border-width);
	border: 0px 0px 0px var(--border-width) solid #000000cc;
}


.fixwidthquarter {
flex-basis: calc(0.25 * var(--fix-width-parameter));
flex-grow: 1;
flex-shrink: 0;
	text-overflow: ellipsis;
overflow:hidden;
display:inline-block;
min-height:calc((3 * var(--font-size)) + (3 * var(--border-width)));
	}
.fixwidthhalf {
	flex-basis: calc(0.5 * var(--fix-width-parameter));
	flex-grow: 1;
	flex-shrink: 0;
	text-overflow: ellipsis;	
overflow:hidden;
display:inline-block;
min-height:calc((3 * var(--font-size)) + (3 * var(--border-width)));
	}
.fixwidthfull {
	flex-basis: calc(1 * var(--fix-width-parameter));
	flex-grow: 1;
	flex-shrink: 0;
	text-overflow: ellipsis;
overflow:hidden;
display:inline-block;
min-height:calc((3 * var(--font-size)) + (3 * var(--border-width)));
	}
.fixwidthbutton{
	width:20px;
	max-width:20px;
	}

.scroller{
	overflow-y: auto !important;
}

.self_centered{
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.box_decorated {
			
			padding:var(--large-box-padding);
			font-family: pixeloid, sans-serif;
			min-width: calc(2 *(var(--large-box-padding)));
			border:calc(5 * (var(--border-box-set))) solid #ffffff;
			border-radius:10px;
			text-transform: uppercase;
			font-size: var(--font-size);
			color:#ffffff;
			outline: calc(6 * (var(--border-box-set))) solid #ffffffaa;
			outline-offset:calc(-6 * (var(--border-box-set)));
			background-color:#000000cc;
			margin:auto;
			margin:calc(0.75 * (var(--large-box-padding)));
			text-align: center;
			}
.smallbox_decorated {
			
			padding:var(--border-width);
			font-family: pixeloid, sans-serif;
			min-width: calc(2 *(var(--large-box-padding)));
			border:calc(1 * (var(--border-box-set))) solid #ffffff;
			border-radius:var(--border-width);
			text-transform: uppercase;
			font-size: var(--font-size);
			color:#ffffff;
			outline: calc(1 * (var(--border-box-set))) solid #ffffffaa;
			outline-offset:calc(-1 * (var(--border-box-set)));
			background-color:#000000cc;
			
			margin:calc(0.25 * (var(--large-box-padding)));
			text-align: center;
			min-height:calc(4*var(--font-size));
			}
			
.box_undecorated {
	padding:var(--large-box-padding);
	min-width: calc(2 *(var(--large-box-padding)));
	margin:auto;
	margin:calc(0.75 * (var(--large-box-padding)));
	text-align: center;
			}
}


.blankbox {
    border-radius: none;
    border: none;
    display: flex;
    background-color: none;
    flex-direction: row;
	margin:auto;
}

.extra_black {
	background-color:#000000ee !important;
}
.sessioncontroller {
padding:calc(0.25 * var(--large-box-padding));
width:calc(100%);
min-height:40px;
background-color: #000000b2;
font-size:calc(var(--font-size) / 2);
}


.type_animation {
	overflow: hidden;
	animation: typing calc(1.75 * var(--animation-time)) steps(40, end);
	margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  	letter-spacing: .0em; /* Adjust as needed */
	white-space: nowrap; /* Keeps the content on a single line */
	width:0%;
	text-align: center;
	animation-fill-mode: forwards;
  	}
.box_animation{
	overflow: hidden;
	animation: opacitychange calc(0.25 * var(--animation-time)) ease, appear calc(1 * var(--animation-time)) ease;
	width:0px;
	opacity: 0%;
	animation-delay: calc(1 * var(--animation-time));
	animation-fill-mode: forwards;
}
.font_75 {
font-size: calc(0.75 * var(--font-size));
} 
.type_animation_cursor{
	margin-left:0px !important;
	visibility:visible;
	 animation: blink-caret calc(0.75 * var(--animation-time)) step-end infinite;
	margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  white-space: nowrap; /* Keeps the content on a single line */
	overflow:visible;

}
.ta_left {
text-align:left !important;
}
.ta_right {
text-align:right !important;
}
.ta_center {
text-align:center !important;
}

.pixeloid {
	font-family:Pixeloid !important;
}

/*Button rulesets */	
.button_bar {
	position:absolute !important;
	top:var(--border-width) !important;
	left:var(--border-width) !important;
	padding:0px !important;
	height:calc(var(--large-box-padding) - var(--border-width)) !important;
	margin-bottom: var(border-width);
	display:flex;
	justify-content:space-around;
	width: calc(100% - var(--border-width));
}
.button_bar .navbutton {
	background-color:#09E3EBaa;
	height:calc(var(--large-box-padding) - var(--border-width)) !important;
	border-radius: calc(1 * var(--border-width));
	margin-top: calc(0.25 * var(--border-width)) !important;
	color:#ffffff;
	appearance:none;
	font-size: calc(0.5 * var(--font-size)) !important;
	font-family: Tecmo, sans-serif !important;
	padding:calc(0.25 * var(--large-box-padding));
	outline-offset:-4px;
	outline: 2px solid #09E3EBaa !important;
	border: 0px !important;
	margin-left:calc(0.5 * var(--border-width)) !important;
	margin-right:calc(0.5 * var(--border-width)) !important;
}
.button_bar_menu {
	position:absolute !important;
	top:calc(0.5 * var(--border-width)) !important;
	left:calc(0.5 * var(--border-width)) !important;
	padding:0px !important;
	margin-bottom: var(border-width);
	display:flex;
	flex-direction:column;
	align-items: flex-start;
}
.button_bar_menu:hover {
	background-color:#000000c2;
	height:calc(100% - var(--border-width));
	transition: height 1s ease-in-out;
	
}
.button_bar_menu .dropbutton{
	background-color:#09E3EBaa;
	height:calc(var(--large-box-padding) - var(--border-width)) !important;
	border-radius: calc(1 * var(--border-width));
	margin-top: calc(0.25 * var(--border-width)) !important;
	color:#ffffff;
	appearance:none;
	width: calc(0.33 * var(--displayport-width));
	font-size: calc(0.5 * var(--font-size)) !important;
	font-family: Tecmo, sans-serif !important;
	padding:calc(0.25 * var(--large-box-padding));
	outline-offset:-4px;
	outline: 2px solid #09E3EBaa !important;
	border: 0px !important;
	margin-left:calc(0.25 * var(--border-width)) !important;
	margin-right:calc(0.5 * var(--border-width)) !important;
}
.button_bar_menu .navbutton{
	display:none;
}
.button_bar_menu .dropbutton:hover ~ .navbutton, .navbutton:hover, .button_bar_menu:hover .navbutton{
	display:block;
}
.button_bar_menu .navbutton {
	background-color:#09E3EBaa;
	height:calc(var(--large-box-padding) - var(--border-width)) !important;
	width: calc(0.33 * var(--displayport-width));
	border-radius: calc(1 * var(--border-width));
	margin-top: calc(0.25 * var(--border-width)) !important;
	color:#ffffff;
	appearance:none;
	font-size: calc(0.5 * var(--font-size)) !important;
	font-family: Tecmo, sans-serif !important;
	padding:calc(0.25 * var(--large-box-padding));
	outline-offset:-4px;
	outline: 2px solid #09E3EBaa !important;
	border: 0px !important;
	margin-left:calc(0.25 * var(--border-width)) !important;
	margin-right:calc(0.5 * var(--border-width)) !important;
}

.navbutton:hover{
	background-color:color-mix(in srgb,#09E3EBaa, #ffffff 30%);
}


.buttoninput {
	padding:calc(0.25 * var(--large-box-padding));
	background-color:#B0341E;
	border: var(--border-width) solid #B0341E;
	color:#ffffff;
	margin:calc(0.25 * var(--large-box-padding));
	font-size: calc(0.5 * var(--font-size)) !important;
	font-family: Tecmo, sans-serif !important;
}

.minibutton {
	padding:calc(0.1 * var(--large-box-padding));
	background-color:#B0341E;
	border: var(--border-width) solid #B0341E;
	color:#ffffff;
	margin:calc(0.1 * var(--large-box-padding));
	font-size: calc(0.5 * var(--font-size)) !important;
	font-family: Tecmo, sans-serif !important;
}


.buttoninput:hover, .minibutton:hover {
	background-color:color-mix(in srgb,#B0341E, #ffffff 10%);
	border: var(--border-width) solid color-mix(in srgb,#B0341E, #ffffff 10%);
	border-bottom: var(--border-width) solid #B0341E;
}
.minibutton:disabled, .buttoninput:disabled{
	background-color:#cccccc99;
	border: var(--border-width) solid #cccccc44;
   
}
label{
	
	font-size: calc(0.5 * var(--font-size)) !important;
}

input.textinput:disabled{
	    border: unset;
    border-radius: 4px;
    outline: 2px solid #ffffffaa;
    outline-offset: -4px;
    background-color: #cccccc44;
}
.textinput {
	background:none;
	border: 0px;
	border-bottom:var(--border-width) solid #ffffff;
	font-family: Tecmo, sans-serif;
	font-size: calc(1 * var(--font-size));
	color:#ffffff;
	width:-webkit-fill-available;
	padding: var(--border-width);
	text-transform:uppercase;
	
}
.textinput:focus {
	background-color:color-mix(in srgb,#B0341E, #000000cc 50%) !important;
	outline: 0px !important;
	
}
footer.box {
    position: absolute;
    bottom: calc(0.5*var(--large-box-padding));
    right: calc(0.5*var(--large-box-padding));
}
.mini75 {
font-size: calc(0.75 * var(--font-size)) !important;
}
.mini50 {
font-size: calc(0.5 * var(--font-size)) !important;
}
.mini25 {
font-size: calc(0.25 * var(--font-size)) !important;
}

.line75 {
border-bottom:calc(0.75 * var(--border-width)) solid #ffffff;
}
.line50 {
border-bottom:calc(0.5 * var(--border-width)) solid #ffffff;
}
.line25 {
border-bottom:calc(0.25 * var(--border-width)) solid #ffffff;
}
.line0 {
border-bottom:0px solid #ffffff;
}


@keyframes blink-caret {
  from, to { visibility: visible; }
  50% { visibility: hidden; }
}
@keyframes appear {
  from { 
	  width: 0%; 
	}
  to { 
	  width: 100%;
	}
}
@keyframes opacitychange {
  from { 
	  opacity: 0%; 
	}
  to { 
	  opacity: 100%;
	}
}
@keyframes typing {
  from { 
	  width: 0; 
	}
  to { 
	  width: 100%;
	}
}

@keyframes y {
	  from {
    background-position: 0 0;
	}
  to {
    background-position:0 39px;
  }
}
.status_box{
outline-offset:-4px;
color:#fff;
font-size:calc(0.75 * var(--font-size));
font-family:Pixeloid;
text-transform:uppercase;
width:calc(25px + var(--status-box));
min-height:calc(1 * var(--font-size));
border-radius:4px;
text-align: center !important;
align-self: center  !important;
justify-content: center  !important;
margin:4px;
}	
button{
cursor:pointer !important;
}
	
.button_big_square{
outline-offset:calc(-1 * var(--border-width));
color:#fff;
font-size:calc(1.5 * var(--font-size));
text-shadow: calc(0.25 * var(--border-width)) calc(0.25 * var(--border-width)) 0px #ccccccaa;
font-family:Tecmo;
text-transform:uppercase;
width:calc(2 * var(--font-size));
height:calc(2 * var(--font-size));
border-radius:var(--border-width);
text-align: center !important;
align-self: center  !important;
justify-content: center  !important;
margin:var(--border-width);
text-align:center;
align-content:center;
}	


.range_slider {
  -webkit-appearance: none;
  width: calc(100% - (0.5 * var(--large-box-padding)));
  height: calc(0.5 * var(--font-size));
    margin-top:calc(0.5 * var(--large-box-padding));
	margin-bottom:calc(0.5 * var(--large-box-padding));
	margin-left:calc(0.25 * var(--large-box-padding));
	margin-right:calc(0.25 * var(--large-box-padding));
  background: #d3d3d3aa;
  outline: none;
border-radius:4px;
   outline: #333333cc calc(0.1 * var(--font-size)) solid;
 outline-offset: calc(-0.25 * var(--font-size));
position:relative;
 z-index:1;
}

.range_slider_wrapper{
margin-top:calc(0.25 * var(--large-box-padding));
margin-bottom:calc(0.5 * var(--large-box-padding));
}

.range_slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: calc(3 * var(--font-size));
  height: calc(2 * var(--font-size));
  background: #000000;
  cursor: pointer;
  border-radius:4px;
  z-index:999;
  position:relative;
  border: #04AA6D calc(0.25 * var(--font-size)) solid;

}

.range_slider::-moz-range-thumb {
  width: calc(3 * var(--font-size));
  height: calc(2 * var(--font-size));
  background: #000000;
  cursor: pointer;
  border-radius:4px;
  z-index:999;
  position:relative;
  border: #04AA6D calc(0.25 * var(--font-size)) solid;
}

.value_above {
    position: relative;
    transform-origin: center center;
    font-family: Tecmo;
    font-size: calc(0.5 * (var(--font-size)));
    text-align: center;
    width: calc(3 * (var(--font-size)));
    margin-left: calc(0.25 * var(--large-box-padding));
    margin-right: calc(0.25 * var(--large-box-padding));
    pointer-events: none;
    margin-top: calc(-1.25 * var(--large-box-padding));
    z-index: 99;
    height: calc(2 * var(--font-size));
    display: flex;
    justify-content: center;
    align-items: center;
}
h1{
font-size:var(--font-size);
padding:0px;
margin:0px auto;
}
.timebox {
    outline-offset: -4px;
    color: #fff;
	background-color: transparent;
    font-size: calc(0.75 * var(--font-size));
    font-family: Pixeloid;
    text-transform: uppercase;
    width: 175px;
    min-height: calc(1 * var(--font-size));
    border-radius: 4px;
    text-align: center !important;
    align-self: center  !important;
    justify-content: center  !important;
    margin: 4px;
	border:0px;
	width:inherit;
}
.algore_lockbox{
z-index:999999;
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
cursor:disable;
background-color:#000000ee;
}

.gridbox{
display: grid;
}
.gridcal {
 grid-template-columns: var(--fix-width-half) var(--fix-width-half) var(--fix-width-half) var(--fix-width-half) var(--fix-width-half) var(--fix-width-half) var(--fix-width-half);
font-size:calc(0.75 * var(--font-size));
grid-template-rows: auto;

}

.grid_header{
 height: calc(0.333 * var(--fix-width-half));
 width: var(--fix-width-half);
 outline-offset: -1px;
 outline: 2px solid #ffffff;
 text-align:center;
}
.grid_cell{
 height: var(--fix-width-half);
 width: var(--fix-width-half);
 outline-offset: -1px;
 outline: 2px solid #ffffff;
 position:relative;

}
.cal_number{
position:absolute;
font-family:tecmo;
font-size: calc(0.5 * var(--font-size));
top:0px;
padding:2px;
right: 0px;
}

.status_box_checkbox_label{
appearance:none;
display:block;
outline-offset:-4px;
cursor:default;
font-size:calc(0.75 * var(--font-size)) !important;
font-family:Pixeloid;
text-transform:uppercase;
width:var(--status-box);
min-height:calc(1 * var(--font-size));
border-radius:4px;
text-align: center !important;
align-self: center  !important;
justify-content: center  !important;
margin:4px;
padding-right:8px;
display:flex;
justify-content:flex-start !important;
align-items:center;
background-color:#cdcdcdaa !important;
outline:#cdcdcdaa 2px solid !important;
color:#fff;
}
.status_box_checkbox_label:has(input:checked){
background-color:#ff0000aa !important;
outline:#ff0000aa 2px solid !important;
color:#fff;
}





.plain_box_radio_label{

appearance:none;
display:block;
border-radius:4px;
border:2px solid transparent;
cursor:default;
font-size:calc(0.75 * var(--font-size)) !important;
font-family:Pixeloid;
text-transform:uppercase;

min-height:calc(1 * var(--font-size));

text-align: center !important;
align-self: center  !important;
justify-content: center  !important;
margin:4px;

display:flex;
justify-content:flex-start !important;
align-items:center;
color:#fff;
}
.status_box_radio_wrapper_column{
background-color:#cdcdcd33;
outline:2px solid #ffffffcc;
outline-offset:-4px;
border-radius:4px;
width: calc(179px);
display:flex;
flex-direction:column;
align-items:center;
z-index:1;
overflow:hidden hidden;
height:fit-content;
position:relative;
}
.status_box_radio_wrapper_row{
background-color:unset;
border-radius:4px;
display:grid;
grid-template-columns:158px 158px 158px;
grid-template-rows:auto;
align-items:center;
z-index:1;
margin-top:calc(0.25 * (var(--large-box-padding)));
margin-bottom:calc(0.25 * (var(--large-box-padding)));
overflow:hidden hidden;
height:fit-content;
position:relative;
}

.status_box_radio_wrapper::-webkit-scrollbar-track{
  background: #aaaaaa22;
  border-radius: 10px;
}
.status_box_radio_wrapper::-webkit-scrollbar{
width: 20px;
position:absolute;
height:100%;

}
.status_box_radio_wrapper::-webkit-scrollbar-thumb{
  background: linear-gradient(90deg, #aaaaaaff 80%, #00000000 80%);
  border-radius: 0px;
  
scroll-margin-left:20px;
}

.status_box_radio_label{

appearance:none;
display:block;
outline-offset:-4px;
cursor:default;
font-size:calc(0.75 * var(--font-size)) !important;
font-family:Pixeloid;
text-transform:uppercase;
width:var(--status-box);
min-height:calc(1 * var(--font-size));
border-radius:4px;
text-align: center !important;
align-self: center  !important;
justify-content: center  !important;
margin:4px;
display:flex;
justify-content:flex-start !important;
align-items:center;
color:#fff;
background-color:#343434	;
border:2px solid #ffffff00;
}

.status_box_radio_label:hover{
border:2px solid #ffffffcc;
cursor:pointer;
position:relative;
background-color:#cdcdcd33;
}


.status_box_radio:hover{
position:relative;

}

.status_box_radio_label:has(input:checked){
text-shadow: var(--border-box-set) var(--border-box-set) 0px #ff0000aa;
border:2px solid;
z-index:111;

outline-offset:-4px;
border-radius:4px;
color:#fff;
outline-offset:-4px;
	color:#fff;
	font-size:calc(0.75 * var(--font-size));
	font-family:Pixeloid;
	text-transform:uppercase;
	width:var(--status-box);
	min-height:calc(1 * var(--font-size));
	border-radius:4px;
	text-align: center !important;
	align-self: center  !important;
	justify-content: center  !important;
	margin:4px;
}


.status_box_radio{
position:relative;
appearance:none !important;
cursor:pointer !important;
border:2px solid transparent;	
outline:2px solid transparent;
display:none;
margin:4px;
}
.status_box_radio:checked{

outline: 2px solid transparent;
}


.plain_box_radio_label:hover{
border:2px solid #ffffffcc;
cursor:pointer;
position:relative;
background-color:#cdcdcd33;

}
.plain_box_radio:hover{
position:relative;

}

.plain_box_radio_label:has(input:checked){
text-shadow: var(--border-box-set) var(--border-box-set) 0px #ff0000aa;
border:2px solid #ffffffcc;
outline:2px solid #ff0000aa;
outline-offset:-4px;
border-radius:4px;
}


.plain_box_radio{
position:relative;
appearance:none !important;
cursor:pointer !important;
border:2px solid transparent;	
outline:2px solid transparent;
display:none;
margin:4px;
}
.plain_box_radio:checked{

outline: 2px solid transparent;
}



.plain_box_selectbox:disabled{

border:2px solid var(--HEP32-SGR) !important;	
background-color: #000000;
opacity: 1.0 !important;
}

.plain_box_selectbox{

appearance:none;
display:block;
border-radius:4px;
border:2px solid transparent;
cursor:default;
font-size:calc(0.75 * var(--font-size));
font-family:Pixeloid;
text-transform:uppercase;
background-color: var(--HEP32-SGR);
min-height:calc(1 * var(--font-size));
width:var(--status-box);
text-align: left !important;
align-self: center  !important;
justify-content: center  !important;
margin:4px;

display:flex;
justify-content:flex-start !important;
align-items:center;
color:#fff !important;
text-shadow: var(--border-box-set) var(--border-box-set) 0px #333333aa;
padding:0 calc(0.5 * var(--font-size));
}
.plain_box_selectbox option:nth-child(1n) {
background-color:var(--HEP32-SGR) !important;
color:#fff !Important;
text-align: center !important;
padding: 0px !important;

	
}
button.plain_box_checkbox_label,button.plain_box_radio_label{
background-color:transparent !important;
}

.plain_box_checkbox_label{
appearance:none;
display:block;
border:2px solid transparent;
cursor:default;
font-size:calc(0.75 * var(--font-size)) !important;
font-family:Pixeloid;
text-transform:uppercase;

min-height:calc(1 * var(--font-size));

text-align: center !important;
align-self: center  !important;
justify-content: center  !important;
margin:4px;

display:flex;
justify-content:flex-start !important;
align-items:center;
color:#fff;
}
.plain_box_checkbox_label:has(input:checked){
text-shadow: var(--border-box-set) var(--border-box-set) 0px #ffffffaa;

outline-offset:-4px;
border-radius:4px;
}


.plain_box_checkbox{
appearance:none !important;
cursor:pointer !important;
aspect-ratio: 1/1;
border:2px solid transparent;	
outline:2px solid #ffffff;
height: calc(0.75 * var(--font-size));
width: calc(0.75 * var(--font-size));
margin:4px;
}
.plain_box_checkbox:checked{
position:relative;
outline: 2px solid #ffffffcc;
}
.plain_box_checkbox:checked::after {
    content: "✓";
    position: absolute;
    font-family: pixeloid;
    font-weight: 700;
    top: calc(-1 * (0.5 *var(--font-size))) !important;
	color:#ffffff;
	text-shadow:var(--border-box-set) var(--border-box-set) 0px #ffffff33;


    left: calc(-1 * (0.25 *var(--border-width))) !important;
    font-size: calc(1.25 * var(--font-size));
}	


.status_box_checkbox{
appearance:none !important;
border-radius:4px 0px 0px 4px;
cursor:pointer !important;
border:2px solid transparent;
aspect-ratio: 1/1;
height: calc(0.75 * var(--font-size));
width: calc(0.75 * var(--font-size));
background-color: transparent;
margin:4px;
outline:2px solid #cdcdcdcc;
}	

.status_box_checkbox:checked{
position:relative;
outline: 2px solid #ffffff00;
}	
.status_box_checkbox:checked::after {
    content: "✓";
    position: absolute;
    font-family: pixeloid;
    font-weight: 700;
    top: calc(-1 * (0.5 *var(--font-size))) !important;
	color:#ffffff;
	
	text-shadow:var(--border-box-set) var(--border-box-set) 0px #ffffff33;

    left: calc(-1 * (0.25 *var(--border-width))) !important;
    font-size: calc(1.25 * var(--font-size));
}		
.text_display_area {
    font-size: calc(0.5 * var(--font-size));
    margin: 10px;
    min-height: 100px;
    max-height: 100px;
    overflow-x: scroll;
}
.title_display_area{
	    margin: 10px;
		text-align:center;
}
.status_box_float {
    margin: 0px;
    border-top: 2px solid #ffffff;
    border: 2px solid #ffffff;
    outline: 2px solid #cdcdcdcc;
    outline-offset: -4px;
    width: calc(100% + 8px);
    border-radius: 2px;
    text-align: center;
}
.status_box{
	user-select: none;
	outline-offset:-4px;
	color:#fff;
	font-size:calc(0.75 * var(--font-size));
	font-family:Pixeloid;
	text-transform:uppercase;
	width:175px;
	min-height:calc(1 * var(--font-size));
	border-radius:4px;
	text-align: center !important;
	align-self: center  !important;
	justify-content: center  !important;
	margin:4px;
}
#h1__event_replicator{
top:2px;
}

.HEP32-BLK:has(input:checked){background-color:var(--HEP32-DPU);outline: 2px solid var(--HEP32-DPU);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}
.HEP32-DPU:has(input:checked){background-color:var(--HEP32-DPU);outline: 2px solid var(--HEP32-DPU);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}
.HEP32-CHA:has(input:checked){background-color:var(--HEP32-CHA);outline: 2px solid var(--HEP32-CHA);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}
.HEP32-GBL:has(input:checked){background-color:var(--HEP32-GBL);outline: 2px solid var(--HEP32-GBL);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}
.HEP32-SGR:has(input:checked){background-color:var(--HEP32-SGR);outline: 2px solid var(--HEP32-SGR);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}
.HEP32-LSV:has(input:checked){background-color:var(--HEP32-LSV);outline: 2px solid var(--HEP32-LSV);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}
.HEP32-WHT:has(input:checked){background-color:var(--HEP32-WHT);outline: 2px solid var(--HEP32-WHT);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}
.HEP32-AQU:has(input:checked){background-color:var(--HEP32-AQU);outline: 2px solid var(--HEP32-AQU);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}
.HEP32-RBL:has(input:checked){background-color:var(--HEP32-RBL);outline: 2px solid var(--HEP32-RBL);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}
.HEP32-DBL:has(input:checked){background-color:var(--HEP32-DBL);outline: 2px solid var(--HEP32-DBL);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}
.HEP32-DTE:has(input:checked){background-color:var(--HEP32-DTE);outline: 2px solid var(--HEP32-DTE);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}
.HEP32-FGN:has(input:checked){background-color:var(--HEP32-FGN);outline: 2px solid var(--HEP32-FGN);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}
.HEP32-LGR:has(input:checked){background-color:var(--HEP32-LGR);outline: 2px solid var(--HEP32-LGR);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}
.HEP32-NGR:has(input:checked){background-color:var(--HEP32-NGR);outline: 2px solid var(--HEP32-NGR);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}
.HEP32-LYE:has(input:checked){background-color:var(--HEP32-LYE);outline: 2px solid var(--HEP32-LYE);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}
.HEP32-PEA:has(input:checked){background-color:var(--HEP32-PEA);outline: 2px solid var(--HEP32-PEA);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}
.HEP32-GBR:has(input:checked){background-color:var(--HEP32-GBR);outline: 2px solid var(--HEP32-GBR);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}
.HEP32-COP:has(input:checked){background-color:var(--HEP32-COP);outline: 2px solid var(--HEP32-COP);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}
.HEP32-RUS:has(input:checked){background-color:var(--HEP32-RUS);outline: 2px solid var(--HEP32-RUS);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}
.HEP32-MAH:has(input:checked){background-color:var(--HEP32-MAH);outline: 2px solid var(--HEP32-MAH);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}
.HEP32-DBG:has(input:checked){background-color:var(--HEP32-DBG);outline: 2px solid var(--HEP32-DBG);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}
.HEP32-CRI:has(input:checked){background-color:var(--HEP32-CRI);outline: 2px solid var(--HEP32-CRI);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}
.HEP32-BOG:has(input:checked){background-color:var(--HEP32-BOG);outline: 2px solid var(--HEP32-BOG);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}
.HEP32-SCA:has(input:checked){background-color:var(--HEP32-SCA);outline: 2px solid var(--HEP32-SCA);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}
.HEP32-ORA:has(input:checked){background-color:var(--HEP32-ORA);outline: 2px solid var(--HEP32-ORA);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}
.HEP32-SFY:has(input:checked){background-color:var(--HEP32-SFY);outline: 2px solid var(--HEP32-SFY);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}
.HEP32-LEL:has(input:checked){background-color:var(--HEP32-LEL);outline: 2px solid var(--HEP32-LEL);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}
.HEP32-SPI:has(input:checked){background-color:var(--HEP32-SPI);outline: 2px solid var(--HEP32-SPI);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}
.HEP32-CPI:has(input:checked){background-color:var(--HEP32-CPI);outline: 2px solid var(--HEP32-CPI);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}
.HEP32-FUS:has(input:checked){background-color:var(--HEP32-FUS);outline: 2px solid var(--HEP32-FUS);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}
.HEP32-DPI:has(input:checked){background-color:var(--HEP32-DPI);outline: 2px solid var(--HEP32-DPI);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}
.HEP32-PLU:has(input:checked){background-color:var(--HEP32-PLU);outline: 2px solid var(--HEP32-PLU);text-shadow: var(--border-box-set) var(--border-box-set) 0px #000000aa;}


.HEP32-BLK:hover {border-bottom:2px solid var(--HEP32-DPU);border-top: 2px solid var(--HEP32-DPU)}
.HEP32-DPU:hover {border-bottom:2px solid var(--HEP32-DPU);border-top: 2px solid var(--HEP32-DPU)}
.HEP32-CHA:hover {border-bottom:2px solid var(--HEP32-CHA);border-top: 2px solid var(--HEP32-CHA)}
.HEP32-GBL:hover {border-bottom:2px solid var(--HEP32-GBL);border-top: 2px solid var(--HEP32-GBL)}
.HEP32-SGR:hover {border-bottom:2px solid var(--HEP32-SGR);border-top: 2px solid var(--HEP32-SGR)}
.HEP32-LSV:hover {border-bottom:2px solid var(--HEP32-LSV);border-top: 2px solid var(--HEP32-LSV)}
.HEP32-WHT:hover {border-bottom:2px solid var(--HEP32-WHT);border-top: 2px solid var(--HEP32-WHT)}
.HEP32-AQU:hover {border-bottom:2px solid var(--HEP32-AQU);border-top: 2px solid var(--HEP32-AQU)}
.HEP32-RBL:hover {border-bottom:2px solid var(--HEP32-RBL);border-top: 2px solid var(--HEP32-RBL)}
.HEP32-DBL:hover {border-bottom:2px solid var(--HEP32-DBL);border-top: 2px solid var(--HEP32-DBL)}
.HEP32-DTE:hover {border-bottom:2px solid var(--HEP32-DTE);border-top: 2px solid var(--HEP32-DTE)}
.HEP32-FGN:hover {border-bottom:2px solid var(--HEP32-FGN);border-top: 2px solid var(--HEP32-FGN)}
.HEP32-LGR:hover {border-bottom:2px solid var(--HEP32-LGR);border-top: 2px solid var(--HEP32-LGR)}
.HEP32-NGR:hover {border-bottom:2px solid var(--HEP32-NGR);border-top: 2px solid var(--HEP32-NGR)}
.HEP32-LYE:hover {border-bottom:2px solid var(--HEP32-LYE);border-top: 2px solid var(--HEP32-LYE)}
.HEP32-PEA:hover {border-bottom:2px solid var(--HEP32-PEA);border-top: 2px solid var(--HEP32-PEA)}
.HEP32-GBR:hover {border-bottom:2px solid var(--HEP32-GBR);border-top: 2px solid var(--HEP32-GBR)}
.HEP32-COP:hover {border-bottom:2px solid var(--HEP32-COP);border-top: 2px solid var(--HEP32-COP)}
.HEP32-RUS:hover {border-bottom:2px solid var(--HEP32-RUS);border-top: 2px solid var(--HEP32-RUS)}
.HEP32-MAH:hover {border-bottom:2px solid var(--HEP32-MAH);border-top: 2px solid var(--HEP32-MAH)}
.HEP32-DBG:hover {border-bottom:2px solid var(--HEP32-DBG);border-top: 2px solid var(--HEP32-DBG)}
.HEP32-CRI:hover {border-bottom:2px solid var(--HEP32-CRI);border-top: 2px solid var(--HEP32-CRI)}
.HEP32-BOG:hover {border-bottom:2px solid var(--HEP32-BOG);border-top: 2px solid var(--HEP32-BOG)}
.HEP32-SCA:hover {border-bottom:2px solid var(--HEP32-SCA);border-top: 2px solid var(--HEP32-SCA)}
.HEP32-ORA:hover {border-bottom:2px solid var(--HEP32-ORA);border-top: 2px solid var(--HEP32-ORA)}
.HEP32-SFY:hover {border-bottom:2px solid var(--HEP32-SFY);border-top: 2px solid var(--HEP32-SFY)}
.HEP32-LEL:hover {border-bottom:2px solid var(--HEP32-LEL);border-top: 2px solid var(--HEP32-LEL)}
.HEP32-SPI:hover {border-bottom:2px solid var(--HEP32-SPI);border-top: 2px solid var(--HEP32-SPI)}
.HEP32-CPI:hover {border-bottom:2px solid var(--HEP32-CPI);border-top: 2px solid var(--HEP32-CPI)}
.HEP32-FUS:hover {border-bottom:2px solid var(--HEP32-FUS);border-top: 2px solid var(--HEP32-FUS)}
.HEP32-DPI:hover {border-bottom:2px solid var(--HEP32-DPI);border-top: 2px solid var(--HEP32-DPI)}
.HEP32-PLU:hover {border-bottom:2px solid var(--HEP32-PLU);border-top: 2px solid var(--HEP32-PLU)}

#webcast_holster{
outline: calc(6 * (var(--border-box-set))) solid #ffffffaa;
	outline-offset:calc(-6 * (var(--border-box-set)));
	border:calc(5 * (var(--border-box-set))) solid #ffffff;
	margin-top:20px !important;
	margin-bottom:20px !important;
	border-radius:10px;
	overflow:hidden;
	}
	
#webcast_overlay{
position:absolute;
width:100vw;
height:100vh;
justify-content:center;
background-color:#000000cc;
z-index:999;
overflow:hidden;
}	

button{
cursor:pointer !important;
appearance:none !important;
}
.button_big{
	cursor:default;
	user-select: none;
	outline-offset:calc(-1 * var(--border-width));
	color:#fff;
	font-size:calc(1.5 * var(--font-size));
	font-family:Tecmo;
	text-transform:uppercase;
	height:calc(2 * var(--font-size));
	border-radius:var(--border-width);
	text-align: center !important;
	align-self: center  !important;
	justify-content: center  !important;
	margin:var(--border-width);
	text-align:center;
	align-content:center;
	}
.button_big.square{
width:calc(2 * var(--font-size));
}
.button_big.rectangle{
width:calc(4 * var(--font-size));
}

div#you_need_help {
    position: absolute;
    z-index: 999999;
    background-color: #000;
    margin: auto;
    left: 25vw;
    right: 25vw;
    width: 50vw;
    min-width: 300px;
    height: 50vh;
    top: 25vh;
    bottom: 25vh;
    padding: var(--large-box-padding);
    overflow: scroll;
    outline: calc(6 * (var(--border-box-set))) solid #ffffffaa;
    outline-offset: calc(-6 * (var(--border-box-set)));
    border: calc(5 * (var(--border-box-set))) solid #ffffff;
    border-radius: 10px;
    font-family: 'Pixeloid';
    margin: calc(0.75 * (var(--large-box-padding)));
    color: #fff;
	font-size:18px;
}

.test_box{
 position:absolute;
 width:240px;
 height:300px;
 display:flex;
 justify-content:center;
 align-items:center;
 outline: var(--border-width) solid #ffffff;
 outline-offset:-4px;
 background-color: var(--HEP32-RBL);
 border-radius:8px;
 font-family:Pixeloid;
 color: #ffffff !Important;
 text-transform:uppercase;
 text-align:center;
 
}
.minitest_box{
 position:absolute;
 display:flex;
 font-size:8px;
 justify-content:center;
 align-items:center;
 outline: var(--border-width) solid #ffffff;
 outline-offset:-4px;
 background-color: var(--HEP32-ORA);
 border-radius:8px;
 font-family:Pixeloid;
 color: #ffffff !Important;
 text-transform:uppercase;
 text-align:center;
 
}

.search_results {
    padding: var(--border-width);
    font-family: pixeloid, sans-serif;
    min-width: calc(2 *(var(--large-box-padding)));
    border: calc(1 * (var(--border-box-set))) solid #ffffff;
    border-radius: var(--border-width);
    text-transform: uppercase;
    font-size: var(--font-size);
    color: #ffffff;
    outline: calc(1 * (var(--border-box-set))) solid #ffffffaa;
    outline-offset: calc(-1 * (var(--border-box-set)));
    background-color: #000000cc;
    margin: calc(0.25 * (var(--large-box-padding)));
    text-align: center;
    min-height: calc(2*var(--font-size));
}

.searchtitle {
	padding: var(--border-box-set);
	max-width:calc(100% - 183px - (2 * var(--border-box-set)));
	text-align:left;
}