/*
	Octaflower Theme (c) 2017-2019 by Pedro PSI
	https://pedrosworks.com
												*/
:root{
	--t:0.90;

	--transparent:rgba(255,255,255,0);
	--white:rgba(255,255,255,var(--t));			/*#FFF*/
	--smokewhite:rgba(241,241,241,var(--t))		/*#f1f1f1*/;
	
	--darkblue:rgba(7,0,112,var(--t))			/*#070070*/;
	--blue:rgba(0,15,255,var(--t))				/*#000FFF*/;
	--lightblue:rgba(25,130,237,var(--t))		/*#1982ed*/;
	--turquoise:rgba(59,248,222,var(--t))		/*#3bf8de*/;
	--green:rgba(70,244,111,var(--t))			/*#46f46f*/;
	--lightgreen:rgba(12,252,189,var(--t))           ;
	--yellow:rgba(240,248,175,var(--t))			/*#f0f8af*/;
	--lightyellow:rgba(255,249,201,var(--t))	/*#fff9c9*/;
	--beije:rgba(255,240,229,var(--t))                   ;
	
	--rainbow:linear-gradient(115deg, 
		var(--darkblue),
		var(--blue)			67%,
		var(--lightblue)	75%,
		var(--turquoise)	82%,
		var(--green)		88%,
		var(--yellow)		93%,
		var(--lightyellow)	97%,
		var(--white)); 
	
	
	--durationOff:1s;
	--durationOn:0.33s;
	--durationFade:1s;

	--scaling:2;
	--basis-width:calc(1vw);
	--basis-height:calc(1vh);

		
	--w1 :var(--basis-width);
	--w2 :calc(var(--w1)	* var(--scaling));
	--w4 :calc(var(--w2)	* var(--scaling));
	--w8 :calc(var(--w4)	* var(--scaling));
	--w16:calc(var(--w8)	* var(--scaling));
	--w32:calc(var(--w16)	* var(--scaling));
	--w64:calc(var(--w32)	* var(--scaling));
	--w-2:calc(var(--w1)	/ var(--scaling));
	--w-4:calc(var(--w-2)	/ var(--scaling));
	--w-8:calc(var(--w-4)	/ var(--scaling));

	--h1:var(--basis-height);
	--h2 :calc(var(--h1)	* var(--scaling));
	--h4 :calc(var(--h2)	* var(--scaling));
	--h8 :calc(var(--h4)	* var(--scaling));
	--h16:calc(var(--h8)	* var(--scaling));
	--h32:calc(var(--h16)	* var(--scaling));
	--h64:calc(var(--h32)	* var(--scaling));
	--h-2:calc(var(--h1)	/ var(--scaling));
	--h-4:calc(var(--h-2)	/ var(--scaling));
	--h-8:calc(var(--h-4)	/ var(--scaling));
 
	--fontheight:calc(12px + var(--w-2));
	--lineheight:var(--fontheight);
	--tagheight:12px;
	--sh:1px;
}

body{
	background-color:var(--smokewhite);
	color:var(--darkblue); 
	caret-color:currentColor;
	border-color:currentColor;
	padding:0;
	margin:0;
	font-family:Arial, sans-serif;
	font-size:var(--fontheight);	
	line-height:var(--lineheight);	
	justify-content:space-between;
	text-align:center;
	word-wrap:break-word;
	font-feature-settings: "salt";
	scrollbar-color: var(--darkblue) var(--lightyellow);
}

@media only screen and (max-width:250px){
	.avatar{
		display:none;
	}
} 


div{
	max-width:100%;
	max-height:100%;
	display:flex;
	flex-direction:column;
	align-items:stretch;
	border-color:currentColor;
	border-width:var(--h-2);
	color:var(--darkblue);
	transition-duration: var(--durationOff);
	outline: none;
}

a{
	text-decoration:none;
	color:var(--darkblue);
	overflow:hidden;
	transition-duration: var(--durationOff);
}

img{
		transition-duration: var(--durationOff);
}



.main{
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-evenly;
 	flex-grow:1;
}


.section{
	display:flex;
	overflow:visible;
	height:auto;
	flex-direction:column;
	justify-content:space-between;
	flex-wrap:nowrap;
	align-items:stretch;
	flex-basis:80%;
	flex-grow:1;
	margin:0 var(--w-2) 0 var(--w-2);
}

.container{
	justify-content:space-between;
	align-items:center;
	width:100%;
}

.footer{
	font-weight:700;
	padding:var(--h4) var(--w4) var(--h4) var(--w4) ;
	background-color:var(--smokewhite);
	width:100%;
	margin-top:var(--h2);
}

.nav{
	margin:0 var(--w-2) var(--h1) var(--w-2);
	font-size:120%;
	font-weight:600;
	text-align:center;
	flex-basis:15%;
	flex-grow:1;
}

nav{
	display:flex;
	flex-direction:column;
	justify-content:center;
	flex-wrap:wrap;
	background-color:var(--white);
}

.nav-link{
	padding:var(--h2) var(--w4) var(--h2) var(--w4);
	max-width:100%;
}

@media only screen and (min-width:100px) and (max-width:1300px){
	nav{
		flex-direction:row;
	}
}
@media only screen and (max-width:330px){
	.main{
		flex-direction:column;
		word-break:break-all;
	}
	.nav-link{
		padding:var(--h-2) var(--w4) var(--h-2) var(--w4);
	}
}

.whiteboard{
	width: 100%;
	background-color:var(--white);
	align-items:center;
}

.text{
	font-size:120%;
	line-height:120%;
	max-width:80%;
}

.title{
	padding:var(--h4) 0px var(--h4) 0px;
	margin:0 0 var(--h1) 0;
	border: unset;
	background-color:var(--white);
}


.card{
	align-items:center;
	justify-content:flex-end;
	height:auto;
	margin-bottom:var(--h-2);
}

.card-supra{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-end;
	margin:var(--h1) var(--w1) var(--h1) var(--w1);	
	padding:var(--h1) var(--w1) var(--h1) var(--w1);	
	border-bottom:var(--h1) solid var(--smokewhite); 
	flex-grow:1;
}

.card-supra:hover ,
.card-supra:active,
.card-supra:focus{
	background-color:var(--darkblue);
	transition-duration:var(--durationOn);
	border-bottom-color:var(--turquoise); 
}

.card-supra img{
	opacity:0.5;
	filter:var(--bluefilter);
	max-height:var(--h16);
	width:auto;
}

.card-supra h3{
	width:auto;
	padding:var(--h-2) var(--w-2) var(--h-2) var(--w-2);
	margin:var(--h2) var(--w2) var(--h2) var(--w2);
	border:unset;
	text-shadow: unset;
	background-image: unset;
}


.card a, a.card-supra{
	text-decoration:unset;
}

.button:hover ,
.button:active,
.button:focus ,
.button:hover	a,
.button:active a,
.button:focus	a,
.nav-link:hover ,
.nav-link:active,
.nav-link:focus ,
p a:hover ,
p a:active,
p a:focus ,
.tag:hover ,
.tag:active,
.tag:focus ,
.card-supra:hover img,
.card-supra:focus img,
.card-supra:active img,
.selected{
	opacity:unset;
	filter:unset;
	color:var(--turquoise);
	text-decoration-color:currentColor;
	background-color:var(--darkblue);
	transition-duration:var(--durationOn);
	border-bottom-color:var(--turquoise);
	cursor:pointer;
	outline:none;
	text-shadow:unset;
}

.card-supra:hover img,
.card-supra:focus img,
.card-supra:active img{
	filter: var(--redfilter);
}


.nav-link:hover{text-decoration-line:none;}
.nav-link{text-decoration-line:none;}

a div:hover img{
	background-color:var(--lightyellow);
	transition-duration:var(--durationOff);
	cursor:pointer;
}

/* Indices and Headings */

.index{
	background-color:var(--smokewhite);
	text-align:left;
	margin-top:var(--h4);
	padding:var(--h4) var(--w4) var(--h4) var(--w4);
}
.index a.index-link{
	align-self:left;
	justify-self:left;
	font-size:calc(var(--scaling) * var(--fontheight));
	line-height:calc(4px + var(--scaling) * var(--lineheight));
	text-decoration:underline;
	text-decoration-style: double;
	text-decoration-color: var(--c);
	text-decoration-thickness: var(--h-4)
}



h1,h2,h3,h4,h5,h6{
	font-variant-caps:small-caps;
	font-weight:bold;
	max-width:100%;
	font-size:calc(130% * var(--scaling));
	line-height:calc(110% + 20% * var(--scaling));
	margin-bottom:calc(var(--h2) * var(--scaling));
	margin-top:calc(var(--h4) * var(--scaling));
  transition-duration:var(--durationOff);
	padding-left: var(--w2);
	/*background-image: linear-gradient(345deg, 
		var(--white),
		var(--smokewhite)); */
	--w:calc( var(--scaling) * var(--w4) );
	margin-left:calc(var(--w2) - var(--w));
	border-left: var(--w) solid var(--c);
	text-shadow: var(--sh) var(--sh) 0 var(--c);
	width:100%;
	background-image:linear-gradient(45deg,
		var(--c),
		var(--transparent) 50%
		);
	text-decoration:unset;
}

a.index-link.h1,
h1{
	--scaling:2;
	--c:var(--lightyellow);
	--sh:4px;
}
a.index-link.h2,
h2{
	--scaling:1.3;
	--c:var(--yellow);
	--sh:3px;
}
a.index-link.h3,
h3{
	--scaling:0.95;
	--c:var(--green);
	--sh:2px;
}
a.index-link.h4,
h4{
	--scaling:0.85;
	--c:var(--turquoise);
	--sh:1px;
}
a.index-link.h5,
h5{
	--scaling:0.77;
	--c:var(--lightblue);
	--sh:0.5px;
}
a.index-link.h6,
h6{
	--scaling:0.77;
	--c:var(--blue);
	--sh:0.25px;
}

a.index-link.h1,
a.index-link.h2,
a.index-link.h3,
a.index-link.h4,
a.index-link.h5,
a.index-link.h6{
	margin-left:calc( var(--w4) * 1/var(--scaling));
	text-shadow: var(--sh) var(--sh) 0 var(--c);
}

div .index-link:hover ,
div .index-link:active,
div .index-link:focus {
	background-color: var(--c);
}

.card-supra:hover h3,
.card-supra:focus h3,
.card-supra:active h3{
	color:var(--turquoise);
	text-decoration-color:currentColor;
	transition-duration:var(--durationOn)
}

.uncollapse::after{
	content:" ▽"
}
.collapse::after{
	content:" ▲"
}

img{
	padding:var(--h-2) var(--w-2) var(--h-2) var(--w-2);
	width:auto;
	background-color:var(--smokewhite);
	vertical-align:middle;
	display:inline-block;
	max-width:100%;
}
p{
	margin-bottom:var(--h2);
	margin-top:var(--h2);
	max-width:100%;
}
ul,
ol{
	text-align:justify;
	list-style-type:none;
	margin:0;
	padding:0;
	padding-left:calc(var(--w4));	
}
li{
	list-style-type:none;
	margin-bottom:var(--h-2);
	padding-left:var(--w2);
}
li::before{
	content:"⮞";
	font-size: var(--fontheight);
	padding-right: var(--w1);
}

.logo{
	--t:1;
	width:100%;
	padding:calc(var(--w-2) + var(--h2)) 0 calc(var(--w-2) + var(--h2)) 0;
	background-color:var(--white);
}
.logo svg rect{
	transition-duration:var(--durationOff);
}

.nav .logo:hover,.nav .logo:focus,.nav .logo:active{
	background-color:var(--darkblue);
	transition-duration:var(--durationOn);
}
.logo svg{
	height:calc(var(--w4) + var(--h4));
	align-self:center;
}

.logo-1{
	fill:var(--darkblue);
}
.logo-2{
	fill:var(--blue);
}
.logo-3{
	fill:var(--lightblue);
}
.logo-4{
	fill:var(--turquoise);
}
.logo-5{
	fill:var(--green);
}
.logo-6{
	fill:var(--yellow);
}
.logo-7{
	fill:var(--lightyellow);
}

.nav .logo:hover svg rect{
	transition-duration:var(--durationOn);
}

.nav .logo:hover .logo-1{
	fill:var(--turquoise);
	
}
.nav .logo:hover .logo-2{
	fill:var(--turquoise);
}
.nav .logo:hover .logo-3{
	fill:var(--turquoise);
}
.nav .logo:hover .logo-4{
	fill:var(--darkblue);
}
.nav .logo:hover .logo-5{
	fill:var(--darkblue);
}
.nav .logo:hover .logo-6{
	fill:var(--darkblue);
}
.nav .logo:hover .logo-7{
	fill:var(--turquoise);
}
.rainbowline{
	height:var(--h-2);
	background-image:var(--rainbow);
}


.date{
	font-size:80%;
	font-weight:bold;
	overflow:hidden;
	background-color:var(--lightyellow);
}

::selection{ 
	background:var(--smokewhite);
	color:var(--blue);
	text-decoration-color:var(--blue);
}
/*::-moz-selection{ 
	background:var(--smokewhite);
	color:var(--blue);
	text-decoration-color:var(--blue);
}*/



.post{
	padding:var(--h4) var(--w4) var(--h4) var(--w4);
	text-align:center;
	margin-bottom:var(--h8);
}

.prose{
	text-align:left;
}

.prose p{
	text-align:justify;
	text-indent:var(--w4);
	margin-left:var(--w4);
}

.prose .figure{
	width:100%;
}

.figure{
	align-items:center;
}

.figure img{
	max-width:75%;
	height:auto;
}

.legend p{
	border-bottom:var(--h1) solid;
	border-top:var(--h1) solid;	
	margin-top:var(--h4);
	padding:var(--h2) var(--w4) var(--h2) var(--w4);
	line-height:166%;
	text-align:justify;
	color:var(--darkblue);
	background-color:var(--smokewhite);
}

.input{
	border:0;
	color:var(--lightblue);
	background-color:var(--white);
	border:var(--w-8) solid;
	border-bottom:var(--h-2) solid;
	margin:var(--h1) 0 var(--h1) 0;
	font-family:inherit;
	font-size:inherit;
	align-self:center;
	transition-duration:var(--durationOff);
	overflow:auto;
	text-align:center;
	padding-top:var(--h1);
	padding-bottom:var(--h1);
	max-width:100%;
	min-width: calc(100% - var(--w8));
	min-height: var(--fontheight);
}
.input:focus,
.input:hover,
.input:active{
	border-bottom-width:var(--h1);
	padding:var(--h1) var(--w1) var(--h1) var(--w1);
	transition-duration:var(--durationOn);
}
.input:focus{
	color:var(--blue);
}
.input::selection{
	background-color: var(--blue);
	color:var(--lightyellow);
}

.modal .input::placeholder{
	color:var(--green);
}

.button{
	background-color:var(--smokewhite);
	max-width:80%;
	text-align:center;
	color:var(--blue);
	padding:var(--h-2) var(--w2) var(--h-2) var(--w2);
	margin:var(--h1) var(--w2) var(--h1) var(--w1);
	align-self:center;
	font-weight:bold;	
	transition-duration:var(--durationOff);
	border-bottom-width:var(--h-2);
	border-bottom-style:solid;
	display: flex;
	align-items: center;
}
.button a{
	text-decoration:none;
	color:inherit;
}

.button:hover a,.button:active a,.button:focus a{
	background-color:transparent;
	transition-duration:var(--durationOn);
}



.filter{
	min-width: 95%;
	
}
.filter + table{
	margin-top: unset;
}

table{
	border-collapse:collapse;
	border-bottom:var(--h-2) solid var(--darkblue);
	color:var(--blue);
	width:100%;
	vertical-align:middle;
	margin-bottom:var(--h4);
	margin-top:var(--h2);
	font-size:80%;
}

thead th{
	background-color:var(--darkblue);
	color:var(--white);
	text-align:center;
	text-emphasis:bold;
	transition-duration:var(--durationOff);
	padding-top:var(--tagheight);
	padding-bottom:var(--tagheight);
	font-size:120%;
}

thead th:hover{
	color:var(--white);
	background-color:var(--blue);
	transition-duration:var(--durationOn);
}

tbody tr{
	background-color:var(--white);
	transition-duration:var(--durationOff);
}
tbody tr:nth-child(odd){
	background-color:var(--smokewhite);
	transition-duration:var(--durationOff);
}

tbody tr:hover{
	background-color:var(--lightyellow);
	color:var(--darkblue);
	transition-duration:var(--durationOn);
}

tbody td:hover{
	background-color:var(--white);
	color:var(--darkblue);
	transition-duration:var(--durationOn);
}

.top-left tbody th:first-child{
	text-align:center;
	color:var(--darkblue);
	transition-duration:var(--durationOff);
}

td{
	max-width:var(--w16);
	padding-top:var(--tagheight);
	padding-bottom:var(--tagheight);
}

table caption{
	color:var(--darkblue);
	font-style:italic;
}

table .new{
	font-weight: bold;
}

@media only screen and (max-width:350px){

	thead th, tbody tr{
		display:flex;
		flex-direction:column;
		justify-content:stretch;
	}

	thead th, tbody tr td{
		border-bottom:var(--h-4) solid var(--white);
		min-width:95%;
		align-self:center;
	}
	
	tr:nth-child(even) td{
		border-bottom-color:var(--smokewhite);
	}

} 

.Ascending{
	background-color:var(--lightblue);
	color:var(--yellow);
}
.Descending{
	background-color:var(--lightblue);
	color:var(--yellow);
}
.Ascending::before{
	content:"▼ "
}
.Descending::before{
	content:"▲ "
}

.modal{	
	--t:0.5;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:var(--green);
	transform:scale(1.1);
	transition:visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
	animation:fadein var(--durationOff);
	z-index:10;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.modal-frame{
	max-width: calc(100% - var(--w16));
	max-height: calc(100% - var(--h16));
}

.modal-content	{
	background-color:var(--yellow);
	color:var(--blue);
	border-bottom:var(--h1) solid var(--green);
	padding:var(--h2) var(--w2) var(--h2) var(--w2);
	margin:unset;
	overflow-y: auto;
	outline: none;
}


.closer{
	width:100%;
	flex-direction:row;
	justify-content:flex-end;
}

.closer .button{
	border:unset;
	padding:var(--h2) var(--w2) var(--h2) var(--w2);
	margin:unset;
	font-size:300%;
}

.modal-content input,
.modal-content textarea{
	max-width:calc(100% - var(--w1));
	min-height: var(--fontheight);
	background-color:var(--lightyellow);
	text-align:center;
}

.gallery-video{
	background-color:var(--darkblue);
}
.gallery-video .modal-frame	{
	border-bottom-color:var(--blue);
}
.gallery-video .modal-content	{
	border-bottom-color:var(--blue);
	min-height:var(--h64);
	min-width:var(--w64);
}

.modal .closer .button{
	background-color:var(--lightyellow);
}

.modal .closer .button:hover,
.modal .closer .button:active,
.modal .closer .button:focus{
	background-color:var(--darkblue);
	color:var(--turquoise);
}

.balloon{
	position:absolute;
	bottom:var(--h16);
	right:var(--w4);
	max-width:80%;
	max-height:80%;
	animation:fadein var(--durationOff);
	z-index: 2;
	scrollbar-color: var(--darkblue) var(--yellow);
}

.baloon-content{
	flex-direction:row;
	justify-content:flex-start;
	background-color:var(--white);
	border-bottom:var(--h1) solid var(--turquoise);
	padding:var(--h2) var(--w2) var(--h2) var(--w2);
	align-items:center;
	overflow-y: auto;
	scrollbar-width: thin;
}

.baloon-content .avatar{
	max-width:calc(var(--w4) + 30px);
	background-color:var(--transparent);
}

.baloon-content .subtitle{
	margin-left:var(--w1);
	padding:var(--h1)	var(--w1)	var(--h1)	var(--w1);	
	min-width:calc(var(--w4) + 30px);
	background-color:var(--smokewhite);
	overflow-y: auto;
	scrollbar-width: thin;
}

.question{
	font-variant-caps:small-caps;
	font-weight:bold;
	font-size:calc(var(--fontheight) * var(--scaling));
	--scaling:1.2;
	transition-duration:var(--durationOff);
	color: var(--blue);
	width: 100%;
	padding: var(--h2) 0 var(--h1) 0;
	margin: var(--h2) 0 var(--h1) 0;
}
.question:first-of-type{
	margin-top: unset;
}

.question-info{
	transition-duration:var(--durationOff);
	color: var(--blue);
}

.buttonrow{
	flex-direction:row;
	flex-wrap:wrap;
	margin-left:var(--w4);
	margin-right:var(--w4);
	justify-content:center;
	align-items:flex-end;
}

.buttonrow .button{
	font-size:100%;
	margin:unset;
	align-self:stretch;
	background-color:var(--white);
}

.buttonrow .tag:first-of-type{
	background-color:var(--lightyellow);
}

.buttonrow .tag{
	color:var(--darkblue);
	border-color:currentColor;
	margin:0;
	padding-top:var(--tagheight);
	padding-bottom:var(--tagheight);
}

.buttonrow .button:hover,
.buttonrow .button:active,
.buttonrow .button:focus{
	background-color:var(--darkblue);
	border-bottom-color:currentColor;
	color:var(--turquoise);
}

.buttonrow.tags{
	justify-content:flex-end;
	flex-wrap:wrap;
	width:100%;
	margin-bottom:var(--h2);
}

.buttonbar{
	margin-top:0;
	justify-content:space-evenly;
	flex-wrap:nowrap;
	background-color:var(--white);
	width:100%;
}

.buttonbar .button{
	flex-grow:1;
	border-bottom-width:var(--h-2);
}

@media only screen and (max-width:330px){
	.buttonbar{
		flex-wrap:wrap;
	}
}

.selected.button{
		background-color:var(--blue);
	border-color:currentColor;
	color:var(--turquoise);	
}


.Console{
	pointer-events:none;
	position:fixed;
	top:var(--h2);
	left:0;
	margin-top:var(--h1);
	width:100%;
	z-index:1000;
	align-items:center;
}

.Console .message{
	pointer-events:all;
	background-color:var(--lightyellow); 
	color:var(--lightblue);
	border-bottom:var(--h1) solid currentColor; 
	margin-bottom:var(--h2);
	padding:var(--h1) var(--w2) var(--h1) var(--w2);
	font-weight:bold;
	align-self:center;
	flex-direction: row;
}	

.closing{
  opacity:0;
	transition:opacity var(--durationFade) ease-in-out;
	-moz-transition:opacity var(--durationFade) ease-in-out;
	-webkit-transition:opacity var(--durationFade) ease-in-out;
	-o-transition:opacity var(--durationFade) ease-in-out;
	-ms-transition:opacity var(--durationFade) ease-in-out;
}

.opening{
  opacity:1;
	transition:opacity var(--durationFade) ease-in-out;
	-moz-transition:opacity var(--durationFade) ease-in-out;
	-webkit-transition:opacity var(--durationFade) ease-in-out;
	-o-transition:opacity var(--durationFade) ease-in-out;
	-ms-transition:opacity var(--durationFade) ease-in-out;
}


.button.pulsating,
.button.pulsating:hover,
.button.pulsating:active,
.button.pulsating:focus{
	background-color:var(--blue);
	color:var(--turquoise);
	--durationOff:0.001s;
}

.button.disabled{
	color:var(--white);
	background-color:var(--smokewhite);
}
.button.disabled:hover,
.button.disabled:active,
.button.disabled:focus{
	color:var(--smokewhite);
	background-color:var(--white);
	cursor:context-menu;
}

.nowrap{
	flex-wrap:nowrap;
}

kbd{
	border:var(--w-8) solid currentColor;
	border-bottom-width:var(--h-2);
	border-top-width:var(--h-8);
	padding:var(--h-4) var(--w-2) var(--h-4) var(--w-2);
	margin-left:var(--w-4);
	margin-right:var(--w-4);
	font-weight:bold;
	line-height:calc(var(--lineheight) + var(--h2) + var(--h-2));
	font-family:unset;
	font-variant:petite-caps;
}


.hideCursor{
	cursor:none;
}
.hidden{
	display:none;
}

.label{
	font-size:65%;
	border-left:var(--h1) solid var(--blue);
	background-color:var(--smokewhite);
	color:var(--blue);
	padding:var(--h-8) var(--w1) var(--h-8) var(--w1);
	font-weight:bold;
	word-break:normal;
}

table .label{
	background-color: var(--lightyellow);
}

.label.Partly{
	color:var(--lightblue);
	border-color:var(--lightblue);
}
.label.Problem{
	color:var(--smokewhite);
	border-color:var(--smokewhite);
	background-color:var(--darkblue);
}



.iconpath{
	fill: currentColor;
	height: var(--fontheight);
	padding: 0 var(--w-2) 0 var(--w-2);
}




.share-link{
	background-color: var(--white);
	padding: var(--h2) var(--w2) var(--h2) var(--w2);
	margin: 0 var(--w2) var(--h2) var(--w2);
}