<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
  font-family: myFirstFont;
  src: url(/code_site/fonts/cursive.ttf);
}

.cursive{
	font-family: myFirstFont;
}

.page_title{
display:none;	
}



	label.sentence_selector{
		display:inline-block;
	}
	label.sentence_selector text{
		padding:initial;
	}



	summary.hover_border{
		padding:1px 10px 1px 0px;
		border:thin solid rgba(0,0,0,0);
		list-style:none;
		display:inline-flex;
	}
	summary.hover_border:hover{
		background: rgba(255,255,255,0.2);
	}
	drop_under{
		border:thin solid white;
		display: flex;
		flex-direction:column;
		background: var(--primary_blue);
		border-bottom: thin solid white;
		box-shadow: var(--box_shadow);
		color: white;
		white-space:nowrap;
	}
	drop_under &gt; *{
		width:100%;
	}
	drop_under &gt; *:hover{
		width:100%;
	}
	
	.pad_children &gt; *{
		padding: 5px;
	}
	.highlight_children &gt; *:hover{
		background: rgba(255,255,255,0.2);
	}
	.white_font a{
		color:white;
		text-decoration:none;
		
	}
	.highlight_hover:hover{
		background: rgba(255,255,255,0.2);
	}
	





.container{
	display:flex;
	flex-direction:column;
}
.flex_row{
	display:flex;
	flex-direction:row;
}
.flex_column{
	display:flex;
	flex-direction:column;
}
.flex_cc{
	justify-content:center;
	align-items:center;
}
.space_evenly{
	justify-content:space-evenly;
}
.padbot{
	padding-bottom:5vh;
}
.innercontent{
	padding:0px;
	margin-left:0px;
}
topstuffholder{
	display:none;
}
.Content .innercontent{
	margin:0px;
}
problemHolder{
	flex:99;
	display:flex;
	width:100%;
	justify-content: space-evenly;
	font-size:5vmin;
    flex-direction: column;
    align-items: center;	
	padding: 2vw 2vh;	
	position:relative;
}

problemholder{
	font-size: clamp(1rem, 5vmin, 3.5rem);
}



problemHolder input{
	width:100%;
}
problemholder gridItem{
    justify-self: center;
	margin:1vw;
}
gridItem svg{
	width:100%;
	max-height: 50vh;
	max-width:90vw;
}

svg foreignObject .answerInput{
font-size: 1rem;
}

.fracTop{
	border-bottom:.25rem solid black;
	padding-bottom:1px;
}

.fracBot{
	border-top:.25rem solid black;
	padding-top:1px;
}


.sortable_item{
	box-sizing:border-box; 
	margin:3px; 
	background:white; 
	border:thin solid black; 
	font-size:13pt; 
	border-radius:5px; 
	cursor:pointer;
    position: relative;
	top:0px;
}
.sortable_item:hover{
    position: relative;
    top: -2px;
    box-shadow: 0px 2px 2px 1px rgb(0 0 0 / 25%);
}

.openSaysMe{
    position: relative;
    top: -4px;
    box-shadow: 0px 4px 4px 2px rgb(0 0 0 / 25%);
}
.division_left{
	border-left:.25rem solid black;
}

.division_top{
	border-top:.25rem solid black;
}

.complete_text{
    position: absolute;
    text-align: center;
    justify-content: center;
    align-items: center;
    transform: rotate(347deg);
	display:none;
    display: flex;
	transition: 1s linear;
	z-index:100;
	font-size:2.5em;
	-webkit-text-stroke-color: white;
    -webkit-text-stroke-width: 1px;
	font-weight:bold;
	font-family:arial;
	text-shadow:2px 2px 3px rgba(0,0,0,0.5);

	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.5s linear;	
	user-select:none;
	pointer-events: none;
}

problemHolder[answer_status="1"] .complete_text.answered_correct ,
problemHolder[answer_status="2"] .complete_text.answered_incorrect, 
problemHolder[answer_status="5"] .complete_text.answered_unknown, 
problemHolder[answer_status="6"] .complete_text.answered_unknown, 
problemHolder[answer_status="7"] .complete_text.answered_unknown, 
problemHolder[answer_status="-1"] .complete_text.answered_unknown{
    transform: rotate(0deg);
	visibility: visible;
	opacity: 1;
}



.complete_text.answered_correct{
	color:#8afb8a;
}
.complete_text.answered_incorrect{
	color:#ff8686;
}

problemHolder[fresh_answer="1"][answer_status="1"] .complete_text.answered_correct ,
problemHolder[fresh_answer="1"][answer_status="2"] .complete_text.answered_incorrect,
problemHolder[fresh_answer="1"][answer_status="5"] .complete_text.answered_unknown{
   transform: rotate(0deg);
	visibility: visible;
	opacity: 1;
}



answer_status4{
	display:none;
	color:var(--needs_review);
	-webkit-text-stroke-color: black;
	-webkit-text-stroke-width: 1px;
	font-weight: bold;
	font-family: arial;
}
[answer_status="4"] answer_status4{
	display:initial;
}



[hoverParent]{
	cursor:pointer;
}
[hoverParent]:hover [hoverItem]{
	opacity:1.0;
}
[hoverItem] , [click_item] {
	opacity:0.0;
	cursor:pointer;
	color:pink;
}
[click_item="active"]{
	opacity:1;
}
[svgoverlay]{
	fill:white;
	opacity:0.5;
	display:none;
}
[svgoverlay="active"]{
	display:initial;
}



.problemSelectHolder{
	display:flex;
	flex-direction:column;
	width:fit-content;
	flex:1;
    border: 2px solid black;
    border-radius: 5px;	
	max-width:100vw;
}
.problemSelectHolder gridRow.sheetSelector gridItem{
	padding:0vh 1vw;
	border:.5px solid black;
	display:flex;
	justify-content:center;
	display:flex;
	align-items:center;
	box-shadow: 2px 2px 4px rgba(255,255,255,0.5) inset;
	background:white;
}
.problemSelectHolder gridRow gridItem[status="2"]{
	background:#f98b8b;
}
.problemSelectHolder gridRow gridItem[status="1"]{
	background:#9cdc9c;
}


.checkAnswerHolder{
	display:flex;
	flex-direction:column;
}
checkButton {
	color:white;
	padding: 5px 20px;
    border: thin solid black;
    font-size: 1rem;
    color: white;
    text-shadow: 1px 1px 0px black;
    font-family: arial;
	font-weight:bold;
	text-align:center;
	
	font-weight:bold;
	border-radius:5px;
	box-shadow:3px 3px 5px rgba(0,0,0,0.3);
	cursor:pointer;
	background: var(--primary_blue);
	margin:auto;
}
checkButton[status="1"]{
	pointer-events: none;	
	background:#9cdc9c;
	opacity:0.5;
}
checkButton[status="2"]{
	background:#f98b8b;
}





.problemSelectHolder gridRow gridItem[selected]{
	box-shadow: 2px 2px 4px rgba(0,0,0,0.3) inset;
	border:2px solid black;
	position:relative;
	left:0px;
	border-radius:0px 5px 5px 0px;
	width:115%;
}

.problemSelectHolder a{
	text-decoration:none;
	color:black;
}
.problemSelectHolder a:hover gridItem{
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3) inset, 1px 1px 1px rgba(0,0,0,0.3) inset;
}
.problemSelectHolder .headerRow{
	font-weight:bold;
}
.problemSelectHolder .headerRow gridItem{
	padding:1vh 5px;
	border-bottom:2px solid black;
}
.layout{
	display:flex;
}


.problemHolder table{
	margin:auto;
}


table.nomargin , table.noMargin{
	margin:0;
}

checkButton:hover{
	position:relative;
	box-shadow:4px 4px 7px rgba(0,0,0,0.3);
	top:-.2rem;
	color:yellow;
}
checkButton:active{
	position:relative;
	box-shadow:4px 4px 7px rgba(0,0,0,0.3) inset;
	top:.2rem;
	color:white;
}
.checkAnswerHolder form{
	display:flex;
}
numpadholder{
	position:relative;
	max-width:80%;
	
}
numberPad , displayPad{
	background:#FCF5D8;
	display:none;
	border:thin solid black;
	position:absolute;
	grid-template-columns:auto auto auto;
	border-radius:5px;
	box-shadow:2px 2px 4px rgba(0,0,0,0.5);
	left: 50%;
	transform: translate(-50%, -0%);

	background: linear-gradient(#FCEDE1, #FCD79A); /* Standard syntax */
    -webkit-box-shadow:inset 0px 0px 0px 1px black;
    -moz-box-shadow:inset 0px 0px 0px 1px black;
    box-shadow:inset 0px 0px 0px 1px black;
	margin:0px;
	border:none;	
	z-index:20;
	color:black;
}
input:focus + numberPad{
	display:grid;
}
input.no_keyboard:focus + numberPad{
	display:none;
}

.answerInput + numberPad{
	display:none;
}
/*
input + numberPad{
	display:grid;
}
*/

input[super] + numberpad [convertsuper]{
	align-items: flex-start;
    text-decoration: underline;
}

numpadholder[display] numberPad{
	display:grid;
}
numpadholder display{
    display: inline-flex;
    align-items: center;
	height:auto;
}

di{
	height:10vmin;
	padding:0 .5ch;
	display:contents;
}
di &gt; *{
	display:flex;
}
di[type="sup"]{
	vertical-align: super;
	font-size:.5em;
}
di[type="sub"]{
	vertical-align: sub;
	font-size:.5em;
}
frac{
	display:inline-flex;
	flex-direction:column;
}
frac num{
	border-bottom:thin solid black;
}

[fracHolder]{
	margin:auto;
}


submitbutton[checking]{
	opacity:0.5;
}


numberPad leftSide{
	display:grid;
	grid-template-columns:auto auto auto;
}
numberPad rightSide{
	margin-left:1vw;
	display:grid;
	grid-template-columns:auto auto auto ;
}
numpadbutton{
	display:flex;
	align-self: stretch;
    align-items: center;
	justify-content: center;	
    padding: .75ch 2ch;
	border:thin solid black;
	width:100%;
	background:#FCF5D8;
	box-shadow:-2px -2px 4px rgba(0,0,0,0.5) inset , 2px 2px 4px rgba(255,255,255,0.5) inset;
	cursor:pointer;
	font-size:1.1rem;
}
numpadbutton:hover{
	background:#a2c4e6;
	box-shadow:-2px -2px 4px rgba(0,0,0,0.75) inset , 2px 2px 4px rgba(255,255,255,0.75) inset;
}
numpadbutton:active{
	background: #779bbf;
    color: white;
    box-shadow: 0px 6px 4px 1px rgba(0,0,0,0.5) inset, 1px -4px 5px 0px rgb(255 255 255 / .2) inset;
}
numberPad numpadbutton[value="0"]{
	grid-column:1 / 3;
}

[maxLength="0"]{display:none;}
[maxLength="1"]{width:calc(1ch + .5ch + 7px);}
[maxLength="2"]{width:calc(2ch + .5ch + 7px);}
[maxLength="3"]{width:calc(3ch + .5ch + 7px);}
[maxLength="4"]{width:calc(4ch + .5ch + 7px);}
[maxLength="5"]{width:calc(5ch + .5ch + 7px);}
[maxLength="6"]{width:calc(6ch + .5ch + 7px);}
[maxLength="7"]{width:calc(7ch + .5ch + 7px);}
[maxLength="8"]{width:calc(8ch + .5ch + 7px);}
[maxLength="9"]{width:calc(9ch + .5ch + 7px);}
[maxLength="10"]{width:calc(10ch + .5ch + 7px);}
[maxLength="11"]{width:calc(11ch + .5ch + 7px);}
[maxLength="12"]{width:calc(12ch + .5ch + 7px);}
[maxLength="13"]{width:calc(13ch + .5ch + 7px);}
[maxLength="14"]{width:calc(14ch + .5ch + 7px);}
[maxLength="15"]{width:calc(15ch + .5ch + 7px);}

problemholder &gt; form{
	display:flex;
	flex-direction:column;
	align-items:center;
	width:100%;
	justify-content:center;
}
problemholder gridItem{
	width:100%;
	justify-content:center;
	display: flex;	
}

.checkAnswerHolder{
	padding:3vh 0vw;	
	margin-bottom:20px;
	align-items: center;
}

.menu {
	display:none;
}
.w100{
	width:100%;
}
.svgW100{
	width:100%;
}
svg.vmin{
    height: 10vmin;
}

generic_modal label input{
	display: unset;
}

label input{
	display:none;	
}
input.inlineinput{
	display:inline-block;
}

label input + text{
	cursor:pointer;
	border-radius:5px;
	padding:1vmin 2vmin;
	border:thin solid rgba(0,0,0,0);
	display:inline-block;
}



label:hover input + text{
	position:relative;
	border:thin solid black;
	box-shadow:1vmin 1vmin 2vmin rgba(0,0,0,0.3);
	background:#cfe1f3;
	
}
label input:checked + text{
	border:thin solid black;
	background:#a0b7ce;
	box-shadow:1vmin 1vmin 2vmin rgba(0,0,0,0.3) inset;
	
}


next_problembutton{
	font-size:1.2rem;
	
}


.answerInput , display , .notAnswer , [name="answer[]"] , [name="answer"]{
	background: linear-gradient(#FCEDE1, #FCD79A); /* Standard syntax */
	font-size:1em;
	border-radius:7px;
	overflow:hidden;
    -webkit-box-shadow:inset 0px 0px 0px 1px black;
    -moz-box-shadow:inset 0px 0px 0px 1px black;
    box-shadow:inset 0px 0px 0px 1px black;
	margin:0px;
	border:none;
    text-align: center;	
}
.notAnswer{
	background: linear-gradient(#F2FCFF, #BCDBE6);
}

select.answerInput{
	background: linear-gradient(#FCEDE1, #FCD79A); /* Standard syntax */
	font-size:1em;
	border-radius:7px;
	padding-left:5px;
	overflow:hidden;
    -webkit-box-shadow:inset 0px 0px 0px 1px black;
    -moz-box-shadow:inset 0px 0px 0px 1px black;
    box-shadow:inset 0px 0px 0px 1px black;
	padding:0px 1vw;
	margin:2vw 0px;
	border:none;
    text-align: center;	
}


.word{
	font-size:4vmin;
}
.cartf_instructions{
	font-size:1rem;
}
svg text{
	font-size:1rem;
}
svg.normal_text text{
	font-size: 10px;
}
.flexHES{
	display:flex;
    justify-content: space-around;
	flex-direction:row;
}
problemSelectHolder{
	display:flex;
	overflow:auto;
	padding-bottom:20px;
    overflow-y: hidden;
	width:100%;
}

::-webkit-scrollbar {
}

problemSelectHolder a{
	text-decoration:none;
	color:black;
}
problemSelectHolder gridItem{
	display:flex;
	padding:1ch 2ch;
	background: var(--primary_blue);
	color:white;
	text-shadow:1px 1px black;
	font-weight:bold;
	font-family: Tahoma;
	position:relative;
    justify-content: center;
    border: thin solid white;	
	cursor:pointer;
	transition: transform .15s , box-shadow .15s , background-color .15s;
}
problemSelectHolder  gridItem:hover{
	transform:scale(1.25);
	box-shadow:6px 6px 2px rgba(0,0,0,0.25);
	transition: transform 0s;
	z-index:100;
	background-color: #364a5f;
	transition: transform .15s , box-shadow .15s , background-color .15s;
}


/*
userName{
    border-bottom-left-radius: 10px;
    display: flex;
    padding: 5px 5px 5px 10px;
    background-color: #67829E;
    color: white;
    text-shadow: 1px 1px black;
    font-weight: bold;
    font-family: Tahoma;
    position: relative;
    justify-content: center;
    border: thin solid white;
    cursor: pointer;
    align-self: flex-start;
    border-top: none;
}
*/



userName{
	display: inline-flex;
	flex-direction:column;
    color: white;
    text-shadow: 1px 1px black;
    font-weight: bold;
    font-family: Tahoma;
    cursor: pointer;
    align-self: start;
    position: relative;
    left: 0px;
    bottom: 100%;
	z-index:100;
}
userName name_display{
	padding:0px 20px;
	align-items:center;
}

userName arrow:after{
	font-size:.8em;
	display:inline-flex;
	margin: 3px;
	content:'â–º';
	transition:transform .1s ease;
	transform: rotate(0deg);
}
userName:hover arrow:after{
	transform: rotate(90deg);
}
menuhover{
	flex-direction:column;
	position:absolute;
	top:100%;
    box-shadow: -2px 2px 2px rgba(0,0,0,0.25);
    background-color: #67829E;
    color: white;
	width:100%;
	padding:0px -10px;
	display:none;
	border:thin solid white;
	border-top:none;
	border-bottom-right-radius: 10px;
}
userName:hover menuhover{
	display:flex;
}
menuhover item{
	display:flex;
	width:100%;
	padding:10px;
}
userName:hover menuhover item:hover{
    color: yellow;
    background: rgb(61, 78, 95);
}



gridItem[activeProblem]:before{
	content: 'â–¼';
	position:absolute;
	top:0%;
	display:flex;
	color:yellow;
	height:1ch;
	line-height: 1ch;
	transform: scaleX(3)  scaleY(1);
}
gridItem[answer_status]::after{
	content: " ";
	font-weight: bold;
	display:block;
	position:absolute;
	width:100%;
	height:10%;
	bottom:0px;
	left:0px;
	font-size:1em;
	transform:scale(2);
	bottom:-100%;
	opacity:0;
}
gridItem[answer_status][justanswered]:after{
	border: thin solid black;
	width: 100%;
    box-sizing: border-box;
    min-height: 20%;
	transform:scale(1);
	bottom:0;
	opacity:1;
	transition: transform .5s ease , bottom .5s ease , opacity .5s ease ;
}
gridItem[answer_status][justanswered="1"]:after{
	background-color: #8afb8a;
}
gridItem[answer_status][justanswered="2"]:after{
	background-color: #ff8686;
}
gridItem[answer_status][justanswered="3"]:after{
	background-color: #ffed15;
}
gridItem[answer_status][justanswered="4"]:after{
	background-color: var(--needs_review);
}
gridItem[answer_status][justanswered="5"]:after{
	background-color: #8afb8a;
}
gridItem[answer_status][justanswered="6"]:after{
	background-color: var(--correct);
}
gridItem[answer_status][justanswered="7"]:after{
	background-color: var(--incorrect);
}

gridItem[answer_status="1"] , gridItem[answer_status="2"] , gridItem[answer_status="-1"]{
	background:#b3c0ce;
}
gridItem[answer_status="1"]::after , 
gridItem[answer_status="2"]::after , 
gridItem[answer_status="3"]::after , 
gridItem[answer_status="-1"]::after ,
gridItem[answer_status="4"]::after,
gridItem[answer_status="5"]::after,
gridItem[answer_status="6"]::after,
gridItem[answer_status="7"]::after
{
	border: thin solid black;
	width: 100%;
    box-sizing: border-box;
    min-height: 20%;
	transform:scale(1);
	bottom:0;
	opacity:1;
}
gridItem[answer_status="1"]::after{
	background-color: #8afb8a;
}
gridItem[answer_status="2"]::after{
	background-color: #ff8686;
}
gridItem[answer_status="3"]::after{
	background-color: #ffed15;
}
gridItem[answer_status="4"]::after{
	background-color: var(--needs_review);
}
gridItem[answer_status="5"]::after{
	background-color: #8afb8a;
}
gridItem[answer_status="6"]::after{
	background-color: var(--correct_answer);
}
gridItem[answer_status="7"]::after{
	background-color: var(--wrong_answer);
}
gridItem[answer_status="-1"]::after{
	background-color: #a7a7a7;
}



problemHolder[answer_status="2"] input , problemHolder[answer_status="2"] select , problemHolder[answer_status="2"] form ,
problemHolder[answer_status="1"] input , problemHolder[answer_status="1"] select , problemHolder[answer_status="1"] form ,
problemHolder[answer_status="-1"] input , problemHolder[answer_status="-1"] select , problemHolder[answer_status="-1"] form ,
problemHolder[answer_status="5"] input , problemHolder[answer_status="5"] select , problemHolder[answer_status="5"] form ,
problemHolder[answer_status="6"] input , problemHolder[answer_status="6"] select , problemHolder[answer_status="6"] form ,
problemHolder[answer_status="7"] input , problemHolder[answer_status="7"] select , problemHolder[answer_status="7"] form ,
problemHolder[disabled] input , problemHolder[disabled] select 
{
	pointer-events: none;
}

problemHolder[answer_status="2"] prob ,
problemHolder[answer_status="1"] prob , 
problemHolder[answer_status="-1"] prob ,
problemHolder[answer_status="5"] prob ,
problemHolder[answer_status="6"] prob ,
problemHolder[answer_status="7"] prob ,
problemHolder[disabled] prob 
{
	opacity:0.25;
}




problemHolder[answer_status][fresh_answer] form{
	pointer-events: initial;
	opacity:1;
}



problemHolder[disabled]{
	pointer-events: none;	
}


.num{
}
.word{
}
.padCH{
	padding:1ch;
}

table{
	border-collapse:collapse;
}

.scorePanel{
	background: var(--ccBlue2);
	border-top:2px solid black;
	border-bottom:2px solid black;
	color:white;
	display: flex;
    justify-content: space-between;	
}
scoreHolder{
	 user-select: none;
    display:flex;	
}
scoreHolder scoreItem{
	margin-right:20px;
	position:relative;
}
scoreHolder scoreItem span{
    font-family: Tahoma;
    font-weight: bolder;
    font-size: 1.5em;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
    text-shadow: -2px 2px 3px rgba(0, 0, 0, 0.5);
}

scoreHolder scoreItem span.correct{
	color:#a7db5e;	
}
scoreHolder scoreItem span.incorrect{
	color:#db5e5e;	
}
scoreHolder scoreItem span.average{
	color:black;	
}
scoreHolder scoreItem span.average:after{
	content:'%';	
}
scoreHolder scoreItem .add1{
	position:absolute;
	right:0px;
	top:-0rem;
	user-select: none;
	transform:scale(0);	
}
scoreHolder scoreItem .add1[active]{
	transform:scale(1);	
	position:absolute;
	right:0px;
	top:-2rem;
	opacity:0;
	transition:top 1s ease , opacity 1s ease .5s;
	display:static;	
}



optionsClicker{
	color:white;
    -webkit-text-stroke-width: 2.5px;
    -webkit-text-stroke-color: white;
	border-radius:100%;
	width:1.5ch;
	height:1.5ch;
	display:flex;
	align-items: center;
    justify-content: center;
	padding:1ch;
    font-family: Tahoma;
    font-weight: bolder;
    font-size: 1.5em;
	cursor:pointer;
	border:2px solid white;
	transition: background .25s ease-in-out;
}
optionsClicker[active]{
	background:rgba(0,0,0,0.5);
	border:2px solid rgba(255,255,255,0.5);
	transition: background .25s ease-in-out;
}
optionholder{
	position:relative;
 user-select: none;	
}
optionholder a {
	color:white;
	text-decoration:none;
	white-space:nowrap;
}
optionholder options{
	display:none;
	position:absolute;
	flex-direction:column;
	background: var(--ccBlue2);
	right:0px;
	border:2px solid black;
	z-index:100;
}
optionsClicker[active] ~ options{
	display:flex;
}
optionsClicker text{
	display:none;
}
optionholder options flexItem{
	display:flex;
	padding:0.5ch 1ch;
}
optionholder options flexItem:hover{
	background: rgba(0,0,0,0.5);
}
optionholder form{
	margin-top:10px;
}
optionholder button{
	background:none;
	color:white;
	cursor:pointer;
}

preSubmit , postSubmit{
	display:flex;
	flex-direction:column;
}
postSubmit[hidden]{
	display:none;
}
problemHolder[answer_status="0"] postsubmit{
	display:none;
}



orderItemsHolder{
	display:flex;
	flex-direction:column;
}
orderItemsHolder item{
	border:thin solid black;
	border-radius:5px;
	text-align:left;
	padding:.1em;
	cursor:move;
	background:white;
	margin:.1em;
	list-style-image: url('/empty.png');
	list-position:inside;
}
orderItemsHolder item:hover{
	border:thin solid gray;
}
orderItemsHolder item.ui-sortable-helper{
	box-shadow:.1em .1em .2em rgba(0,0,0,0.3);
	background:pink;
}
label input + text[opacityUntilClick]{
	opacity:.1;
}
label input:checked + text[opacityUntilClick]{
	opacity:1;
}

input_exponent item{
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: textfield;
    background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 2px;
    border-width: 2px;
    border-style: inset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
	background: linear-gradient(#FCEDE1, #FCD79A);
    font-size: 1em;
    border-radius: 7px;
    overflow: hidden;
    -webkit-box-shadow: inset 0px 0px 0px 1px black;
    -moz-box-shadow: inset 0px 0px 0px 1px black;
    box-shadow: inset 0px 0px 0px 1px black;
    margin: 0px;
    border: none;
    text-align: center;
	min-height:1rem;
	min-width:50px;
	}
	
	
	
	answer_bank{
		margin: auto;
		grid-template-columns: repeat(5, auto);
		justify-content: center;
		align-content: center;
		width: fit-content;
		padding:10px;
		border-radius:5px;
		border:thin solid black;
		box-shadow:4px 4px 4px rgba(0,0,0,0.25);
		margin-bottom:10px;
		background:var(--accent_1);
		display:grid;
	}
	answer_bank grid_item{
		padding:4px 20px;	
	}
	
	#answer_bank:checked ~ answer_bank{
	}
	label[for="answer_bank"] *{
		display:none;
	}
	label[for="answer_bank"]{
		cursor:pointer;
	}
	
	#answer_bank:checked ~ label hide{
		display:initial;
	}
	#answer_bank:not(:checked) ~ label show{
		display:initial;
	}
</pre></body></html>