#aboutMe .contentWrapper {
	padding: 0.8em;
	margin: 0.4em;
	display: flex;
}

#aboutMe .contentWrapper .image {
	display: block;
	width: 14em;
  height: 16.8em;
	background-image: url('../img/foto.gif');
	background-size: 13em 16.8em;
	background-repeat: revert;
	background-color: var(--3d-dark-color);
	image-rendering: pixelated;
}

#aboutMe .contentWrapper ul {
	margin: 0.2em 0.8em;
	padding: 0;
}

#aboutMe .contentWrapper ul li {
	list-style: none;
}

#aboutMe .contentWrapper ul li + li {
	margin-top: 0.4em;
}

#aboutMe .contentWrapper ul li + li {
	margin-top: 0.4em;
}

#aboutMe .contentWrapper ul li.street {
	margin-top: 1.6em;
}

#aboutMe .contentWrapper ul li.city {
	margin-bottom: 1.1em;
}

#aboutMe .actionWrapper {
	padding: 0.4em;
	text-align: right;
}

#aboutMe .actionWrapper button {
	width: 7.2em;
}

#aboutMe .centeredLine + .centeredLine {
	margin-top: 0.4em;
}

@media (max-width: 40em) {
	#aboutMe .contentWrapper {
		flex-direction: column;
	}
	
	#aboutMe .contentWrapper .image {
		width: 18em;
		height: 15em;
		background-position: center 14%;
		background-repeat: no-repeat;
		margin: 0 1em 0.6em;
	}
	
	#aboutMe .contentWrapper ul li.street {
	 margin-top: 0.8em;
	}

	#aboutMe .contentWrapper ul li.city {
		margin-bottom: 0.8em;
	}
}

@media (max-width: 20em) {
	.window:not(#aboutMe) {
		display: none;
	}
	
	#aboutMe {
		display: block !important;
		left: 0 !important;
		right: 0;
		top: 0 !important;
		bottom: 2.6em;
	}
	
	#aboutMe header {
		pointer-events: none;
	}
	
	#aboutMe header button {
		display: none;
	}
	
	#aboutMe .contentWrapper {
		height: 100%;
		justify-content: center;
		white-space: normal;
		text-align: center;
		box-shadow: none;
		padding: 0;
	}
	
	#aboutMe .contentWrapper .image {
		width: calc(100vw - 3.2em) !important;
		height: calc(100vh - 28em) !important;
		max-height: 40vh;
		background-position: center;
	}
	
	#aboutMe button {
		display: none;
	}
	
	#taskbar button {
		display: none !important;
	}
}

/* GALLERY */

#gallery .centeredLine {
	margin-top: 0.4em;
}

#gallery .centeredLine .windowCloseButton {
	margin-left: auto;
}

#gallery .contentWrapper {
	display: flex;
	flex-direction: column;
	padding: 0.3em;
}

#gallery .contentWrapper .tabs {
	flex-grow: 1;
}

#gallery .contentWrapper .image {
	display: block;
  height: 24em;
	max-width: 100%;
	padding: 0.2em;
	box-sizing: border-box;
	object-fit: cover;
	background-color: var(--3d-dark-color);
}

#gallery .navigation {
	display: flex;
	align-items: center;
	margin-top: 0.3em;
	width: 100%;
}

#gallery .navigation .label {
	margin: 0 auto;
}

#gallery .tab.active {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
}

#gallery button {
	width: 7.2em;
}

@media (max-width: 42em) {
	#gallery .contentWrapper .image {
		height: 22em;
	}
}

/* PODCASTS */

#podcasts {
	width: 32em;
	max-width: 100%;
}

#podcasts .contentWrapper {
	padding: 0.3em;
}


#podcasts .contentWrapper .image {
	max-width: 100%;
  height: 10.4em;
	background-color: var(--3d-dark-color);	
	background-size: 31.1em 10.4em;
	background-position: center;
	background-repeat: no-repeat;	
}

#podcasts .contentWrapper .description {
	text-align: justify;
  padding: 0.6em;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

#podcasts .contentWrapper .description .centeredLine {
	margin-top: auto;
}

#podcasts .contentWrapper p {
	width: 100%;
	white-space: normal;
}

#podcasts .centeredLine.end {
	justify-content: flex-end;
	margin-top: 0.4em;
}

#podcasts .tabs {
	height: 32.8em;
}

#podcasts .tabs .tab.active {
	display: flex;
	flex-direction: column;
}

#podcasts button {
	width: 7.2em;
}

@media (max-height: 32em) {
	#podcasts .tabs {
		height: unset;
	}
	
	#podcasts .image {
		display: none;
	}
}

/* MINESWEEPER */

.minestepper .contentWrapper {
	border-width: 0.3em;
	border-style: solid;
	border-color: var(--3d-light-color) var(--3d-dark-color) var(--3d-dark-color) var(--3d-light-color);
	margin: 0.1em;
	padding: 0.6em;
}

.minestepper .controls {
	display: flex;
	gap: 0.8em;
	border-width: 0.2em;
	border-style: solid;
	border-color: var(--3d-dark-color) var(--3d-light-color) var(--3d-light-color) var(--3d-dark-color);
	padding: 0.5em 0.6em;
}

.minestepper .controls .counter {
	display: flex;
	box-shadow: 
		0.1em 0.1em var(--3d-light-color),
		0 0.1em var(--3d-light-color),
		0.1em 0 var(--3d-light-color),
		-0.1em 0.1em var(--3d-dark-color),
		-0.1em -0.1em var(--3d-dark-color),
		0.1em -0.1em var(--3d-dark-color);
}

.minestepper .controls .counter img {
	width: 1.3em;
}

.minestepper .controls .gameStartButton {
	width: 2.4em;
	height: 2.4em;
	background-image: url('../img/smiley.png');
	background-size: 1.7em 1.7em;
	background-position: center;
	background-repeat: no-repeat;
}

.minestepper .controls .gameStartButton:after {
	content: '';
	display: block;
	position: absolute;
	inset: 0;
	box-shadow: 
		-0.05em 0 0 0.1em var(--3d-dark-color);
}

.minestepper .gameField {
  display: grid;
  grid-template-columns: repeat(8, auto);
	border-width: 0.3em;
	border-style: solid;
	border-color: var(--3d-dark-color) var(--3d-light-color) var(--3d-light-color) var(--3d-dark-color);
	margin-top: 0.8em;
}

.minestepper .gameField .button {
	position: relative;
	box-sizing: border-box;
	width: 1.6em;
	height: 1.6em;
	padding: 0;
}

.minestepper .gameField .button.open,
.minestepper .gameField .button:active {
	box-shadow: none;
	border-width: 0.1em;
	border-style: none dotted dotted none;
	border-color: var(--3d-shadow-color);
}

.minestepper .gameField .button.open {
	pointer-events: none;
}

.minestepper .gameField .button.open:before {
	content: '';
	display: block;
	position: absolute;
	inset: 0;
	background-image: url('../img/mine.png');
	background-size: 1.1em 1.1em;
	background-position: center;
	background-repeat: no-repeat;
}

.minestepper .gameField .button.highlight:before {
	background-color: #ff0000;
}

.minestepper .gameStartButton:focus:before {
	display: none;	
}

.minestepper .contentWrapper {
	border-width: 0.3em;
	border-style: solid;
	border-color: var(--3d-light-color) var(--3d-dark-color) var(--3d-dark-color) var(--3d-light-color);
	margin: 0.1em;
	padding: 0.6em;
}

.minestepper .controls {
	display: flex;
	gap: 0.8em;
	border-width: 0.2em;
	border-style: solid;
	border-color: var(--3d-dark-color) var(--3d-light-color) var(--3d-light-color) var(--3d-dark-color);
	padding: 0.5em 0.6em;
}

.minestepper .controls .counter {
	display: flex;
	box-shadow: 
		0.1em 0.1em var(--3d-light-color),
		0 0.1em var(--3d-light-color),
		0.1em 0 var(--3d-light-color),
		-0.1em 0.1em var(--3d-dark-color),
		-0.1em -0.1em var(--3d-dark-color),
		0.1em -0.1em var(--3d-dark-color);
}

.minestepper .controls .counter img {
	width: 1.3em;
}

.minestepper .controls .gameStartButton {
	width: 2.4em;
	height: 2.4em;
	background-image: url('../img/smiley.png');
	background-size: 1.7em 1.7em;
	background-position: center;
	background-repeat: no-repeat;
}

.minestepper .controls .gameStartButton:after {
	content: '';
	display: block;
	position: absolute;
	inset: 0;
	box-shadow: 
		-0.05em 0 0 0.1em var(--3d-dark-color);
}

.minestepper.monochrome .contentWrapper {
	background-color: #c0c0c0;
	border-color: white black black white;
}

.minestepper.monochrome .controls {
	border-color: black white white black;
}

.minestepper.monochrome .controls .counter img {
  filter: saturate(0) brightness(300%) contrast(1000%);
}

.minestepper.monochrome .controls .counter {
	box-shadow: 
		0.1em 0.1em white,
		0 0.1em white,
		0.1em 0 white,
		-0.1em 0.1em black,
		-0.1em -0.1em black,
		0.1em -0.1em black;
}

.minestepper.monochrome .controls button {
  background-color: white;
	background-size:;
	
	background-image: url('../img/smiley.png'), url('../img/monochromePattern.png');
	background-size: 1.7em 1.7em, 0.2em 0.2em;
	background-position: center, left top;
	background-repeat: no-repeat, repeat;
	
	box-shadow:
		inset -0.1em -0.1em black,
		inset 0.1em 0.1em white,
		inset -0.2em -0.2em black,
		0 0 0 0.2em black;
	
	filter: saturate(0) contrast(200%);
}

.minestepper.monochrome .gameField {
	border-color: black white white black;
}

.minestepper.monochrome .gameField .button:not(.open):not(:active) {
  background-color: white;
	background-image: url('../img/monochromePattern.png');
	background-size: 0.2em 0.2em;
	
	box-shadow:
		inset -0.1em -0.1em black,
		inset 0.1em 0.1em white,
		inset -0.2em -0.2em black;
}

.minestepper.monochrome .gameField .button:active,
.minestepper.monochrome .gameField .button.open {
  background-color: white;
	border-color: black;
	border-style: none solid solid none;
	box-shadow: none !important;
}

.minestepper.monochrome .gameField .button.highlight:before {
	background-color: white;
	mix-blend-mode: difference;
}

.minestepper.monochrome .gameStartButton:focus:before {
	display: none;	
}

/* VOLUME CONTROL */

#volume {
	padding: 0.8em 1em 0.6em;
}

#volume .contentWrapper {
	text-align: center;
}

#volume .controlWrapper {
	display: flex;
	justify-content: center;
	padding: 0.2em 1.2em 0.8em 1.6em;
	background-image: url('../img/volume.png');
	background-repeat: no-repeat;
	background-size: 1.1em 6.6em;
	background-position: 0 1em;
	position: relative;
}

#volume .controlWrapper:before {
	content: '';
	display: block;
	position: absolute;
	inset: 0;
	background-repeat: no-repeat;
	background-size: 1.1em 6.6em;
	background-position: 0 1em;
	mix-blend-mode: luminosity;
	pointer-events: none;
}

/* SCRATCHPAD */

.scratchpad {
	width: 32em;
	height: 24em;
	min-height: 6.4em;
	max-width: 100vw;
}

.scratchpad .contentWrapper {
	position: relative;
}

.scratchpad .contentWrapper:before {
  display: block;
  content: '';
  position: absolute;
  z-index: 1;
  inset: 0;
  box-shadow: inset -0.1em -0.1em 0 var(--3d-light-color), inset 0.1em 0.1em 0 var(--3d-shadow-color), inset -0.2em -0.2em 0 var(--3d-face-color), inset 0.2em 0.2em 0 var(--3d-dark-color);
  pointer-events: none;
}

.contentWrapper textarea {
	position: relative;
	width: 100%;
	height: 100%;
	white-space: pre;
	caret-color: transparent;
  box-shadow: none;
}

@keyframes blink {
	0% { opacity: 1}
	50% { opacity: 1}
  51% { opacity: 0 }
  100% { opacity: 0 }
}

.scratchpad .contentWrapper textarea.helper {
	position: absolute;
	box-shadow: none;
	background-color: transparent;
	color: white;
	pointer-events: none;
	z-index: 1;	
	mix-blend-mode: difference;	
	
	animation-name: blink;
	animation-duration: 1.25s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

/* Clock Properties */

#clockProperties {
	width: 42em;
	max-width: 100vw;
}

#clockProperties .contentWrapper {
	padding: 0.6em 0.6em 0.4em;
}

#clockProperties .centeredLine {
	display: flex;
	justify-content: flex-end;
  margin-top: 0.6em;
	margin-bottom: 0.2em;
}

#clockProperties .centeredLine button {
	width: 7em;
	padding: 0.5em 0.5em;
}

#clockProperties .tab {
	padding: 1em;
}

#clockProperties .tab.dateTime .panelsWrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 2.4em;
}

#clockProperties .tab.dateTime .panelsWrapper .panel {
	flex-grow: 1;
	flex-basis: 40%;
}

#clockProperties .clockWrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#clockProperties .clock {
	width: 12.6em;
	height: 12.6em;
	position: relative;
	margin: 0.6em;
}

#clockProperties .clock .digits {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	width: 100%;
	height: 0.1em;
	top: calc(50% - 0.05em);
}

#clockProperties .clock .digits .digit {
	width: 0.1em;
	height: 0.1em;
	box-shadow: 
		-0.1em -0.1em var(--3d-dark-color),
		-0.1em 0em var(--3d-dark-color),
		0 -0.1em var(--3d-dark-color),
		0.1em 0.1em var(--3d-light-color),
		0.1em 0em var(--3d-light-color),
		0 0.1em var(--3d-light-color);
}

#clockProperties .clock .digits:nth-child(5n + 5) .digit {
	width: 0.2em;
	height: 0.2em;
	
	background-color: #008080;
	box-shadow: 
		-0.1em -0.1em #00ffff,
		-0.1em 0em #00ffff,
		0 -0.1em #00ffff,
		0.1em 0.1em #000000,
		0.1em 0em #000000,
		0 0.1em #000000;
}

#clockProperties .clock .hand {
	position: absolute;
	inset: 0;
	background-size: 12.6em 12.6em;
	background-position: center center;
	image-rendering: pixelated;
}

#clockProperties .clock .hand.light {
	margin-left: -0.3em;
	margin-top: -0.3em;
}

#clockProperties .clock .hand.shadow {
	margin-left: 0.3em;
	margin-top: 0.3em;
}

#clockProperties .clock .hand.seconds {
	background-image: url('../img/clock_secondHand.png');
	mix-blend-mode: difference;
}

#clockProperties .clock .hand.minutes {
	background-image: url('../img/clock_minuteHand.png');
}

#clockProperties .clock .hand.minutes.light {
	background-image: url('../img/clock_minuteHand_light.png');
}

#clockProperties .clock .hand.minutes.shadow {
	background-image: url('../img/clock_minuteHand_shadow.png');
}

#clockProperties .clock .hand.hours {
	background-image: url('../img/clock_hourHand.png');
}

#clockProperties .clock .hand.hours.light {
	background-image: url('../img/clock_hourHand_light.png');
}

#clockProperties .clock .hand.hours.shadow {
	background-image: url('../img/clock_hourHand_shadow.png');
}

#clockProperties .digitalClock {
	margin: 0.6em;
}

#clockProperties .inset {
	width: 6.4em;
	padding: 0.4em;
	background-color: var(--window-color);
}

#clockProperties .dateWrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#clockProperties .dateWrapper .dateRowWrapper {
	display: flex;
	justify-content: space-between;
	gap: 0.8em;
	margin-bottom: 1.0em;
}

#clockProperties .dateWrapper .dateRowWrapper span {
	flex-grow: 1;
}

#clockProperties .dateWrapper table.calendar {
	height: 12em;
	pointer-events: none;
}

#clockProperties .dateWrapper table.calendar th {
	box-shadow: none;
	background-color: var(--3d-dark-color);
	color: var(--3d-face-color);
}

#clockProperties .dateWrapper table.calendar td, 
#clockProperties .dateWrapper table.calendar th {
  height: 1.7em;
}

#clockProperties .dateWrapper table.calendar td span {
	padding: 0.1em 0;
}

#clockProperties .dateWrapper table.calendar td.active span {
  background-color: var(--selection-color);
  color: var(--selection-text-color);
}

.window.calc .contentWrapper {
	padding: 1.0em;
	display: flex;
	flex-direction: column;
	gap: 0.6em;
}

.window.calc .row {
	display: flex;
	gap: 0.4em;
}

.window.calc .row * {
	flex-grow: 1;
	width: 3.2em;
	height: 2.6em;
}

.window.calc button {
	color: #0000ff;
	letter-spacing: 0.075em;
	text-shadow: 
		0.033em 0 0,
		0.075em 0 0;
}

.window.calc .row :nth-child(6) {
	color: #000080;
}

.window.calc .row :first-child, 
.window.calc .row :nth-child(5), 
.window.calc .row:last-child :nth-child(6) {
	color: #ff0000;
}

.window.calc .row :first-child {
	margin-right: 1em;
}

.window.calc .row:first-of-type button {
	color: #800000;
	max-width: 4.4em;
	order: 2;
}

.window.calc input {
	text-align: right;
	padding: 0.6em 0.8em;
}

.window.calc .memoryField {
	max-width: 3.2em;
	color: var(--3d-text-color) !important;
	display: flex;
	justify-content: center;
	align-items: center;
}

.window.calc .row:first-of-type:before {
	content: '';
	flex-grow: 2;
	order: 1;
}

.window.draw {
	width: 36em;
	height: 24em;
	min-width: 25.6em;
	min-height: 16em;
	max-width: calc(100vw + 0.8em);
}

.window.draw .contentWrapper {
	display: flex;
	flex-direction: column;
}

.window.draw .mainWrapper {
	flex-grow: 1;
	display: flex;
}

.window.draw .mainWrapper .toolbar {
	max-width: 5.4em;
	padding: 0.1em 0.3em;
	display: flex;
	position: relative;
	align-content: flex-start;
	flex-wrap: wrap;
}

.window.draw .mainWrapper .toolbar:before {
	content: '';
	display: block;
	position: absolute;
	inset: 0;
	
	box-shadow: 
		inset 0 -0.1em 0 var(--3d-light-color),
		inset 0 -0.2em 0 var(--3d-dark-color),
		inset 0 0.1em 0 var(--3d-dark-color),
		inset 0 0.2em 0 var(--3d-light-color);	
	z-index: 1;
	pointer-events: none;
}

.window.draw .mainWrapper .toolbar button {
	width: 2.4em;
	height: 2.4em;
}

.window.draw .mainWrapper .toolbar button:before {
	content: '';
	position: absolute;
	inset: 0;
	background-size: 1.6em 1.6em;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1;
}

.window.draw .mainWrapper .toolbar button.active {
	box-shadow: 
		inset -0.1em -0.1em 0 var(--3d-light-color),
		inset 0.1em 0.1em 0 var(--3d-shadow-color),
		inset -0.2em -0.2em 0 var(--3d-face-color),
		inset 0.2em 0.2em 0 var(--3d-dark-color)
		!important;
}

.window.draw .mainWrapper .toolbar button.active:after {
	content: '';
	display: block;
	position: absolute;
	inset: 0.2em;
	background-image: url('../img/scrollbar.png');
	background-size: 0.2em 0.2em;
	background-position: 0 0;
	mix-blend-mode: luminosity;
}

.window.draw .mainWrapper .toolbar button[data-tool=pencil]:before {
	background-image: url('../img/draw_tool_pencil.png');
}

.window.draw .mainWrapper .toolbar button[data-tool=brush]:before {
	background-image: url('../img/draw_tool_brush.png');
}

.window.draw .mainWrapper .toolbar button[data-tool=spraycan]:before {
	background-image: url('../img/draw_tool_spraycan.png');
}

.window.draw .mainWrapper .toolbar button[data-tool=eraser]:before {
	background-image: url('../img/draw_tool_eraser.png');
}

.window.draw .mainWrapper .toolbar button[data-tool=filler]:before {
	background-image: url('../img/draw_tool_filler.png');
}

.window.draw .mainWrapper .toolbar button[data-tool=eyedropper]:before {
	background-image: url('../img/draw_tool_eyedropper.png');
}

.window.draw .mainWrapper .toolbar .toolOptions {
	width: 100%;
	margin: 0.3em;
	padding: 0.1em;
	box-shadow: 
		inset -0.1em -0.1em 0 var(--3d-light-color),
		inset 0.1em 0.1em 0 var(--3d-dark-color);
}

.window.draw .mainWrapper .toolbar .toolOptions div {
	display: flex;
	align-items: center;
	height: 1.2em;
	padding: 0.2em 0.6em;
}

.window.draw .mainWrapper .toolbar .toolOptions div:before {
	content: '';
	display: block;
	background-color: var(--text-color);
	width: 100%;
}

.window.draw .mainWrapper .toolbar .toolOptions div:nth-child(1):before {
	height: 0.1em;
}

.window.draw .mainWrapper .toolbar .toolOptions div:nth-child(2):before {
	height: 0.2em;
}

.window.draw .mainWrapper .toolbar .toolOptions div:nth-child(3):before {
	height: 0.3em;
}

.window.draw .mainWrapper .toolbar .toolOptions div:nth-child(4):before {
	height: 0.4em;
}

.window.draw .mainWrapper .toolbar .toolOptions div:nth-child(5):before {
	height: 0.5em;
}

.window.draw .mainWrapper .toolbar .toolOptions div.active {
	background-color: var(--selection-color);
}

.window.draw .mainWrapper .toolbar .toolOptions div.active:before {
	background-color: var(--selection-text-color);
}

.window.draw .mainWrapper .workspace {
	position: relative;
	flex-grow: 1;
	background-color: var(--3d-dark-color);
	padding: 0.4em;
	overflow: hidden;
}

.window.draw .mainWrapper .workspace:before {
	content: '';
	display: block;
	position: absolute;
	inset: 0;
	box-shadow: 
		inset -0.1em -0.1em 0 var(--3d-light-color),
		inset 0.1em 0.1em 0 var(--3d-dark-color),
		inset -0.2em -0.2em 0 var(--3d-face-color),
		inset 0.2em 0.2em 0 var(--3d-shadow-color);
	z-index: 1;
	pointer-events: none;
}

.window.draw .mainWrapper .workspace .canvasWrapper {
  width: 100%;
	height: 100%;
	max-width: 48em;
	max-height: 32em;
}

.window.draw .mainWrapper .workspace .canvasWrapper canvas {
	position: absolute;
	image-rendering: pixelated;
}

.window.draw .palette {
	display: flex;
	position: relative;
	padding: 0.4em 0;
}

.window.draw .palette .selectedColors {
	position: relative;
	width: 3.2em;
	height: 3.0em;
	box-shadow: 
		inset -0.1em -0.1em 0 var(--3d-light-color),
		inset 0.1em 0.1em 0 var(--3d-dark-color),
		inset -0.2em -0.2em 0 var(--3d-face-color),
		inset 0.2em 0.2em 0 var(--3d-shadow-color);
}

.window.draw .palette .selectedColors div {
	position: absolute;
	width: 1.4em;
	height: 1.4em;
	box-shadow: 
		inset -0.1em -0.1em 0 var(--3d-dark-color),
		inset 0.1em 0.1em 0 var(--3d-light-color),
		inset -0.2em -0.2em 0 var(--3d-face-color),
		inset 0.2em 0.2em 0 var(--3d-face-color);
}

.window.draw .palette .selectedColors .selectedColor {
	left: 0.5em;
	top: 0.5em;
	background-color: black;
	z-index: 1;
}

.window.draw .palette .selectedColors .selectedColorAlt {
	right: 0.5em;
	bottom: 0.5em;
	background-color: white;
}

.window.draw .palette .colors {
	box-shadow: 0.1em 0.1em 0 var(--3d-dark-color);
}

.window.draw .palette .colors .row {
	display: flex;
}

.window.draw .palette .colors .row div {
	width: 1.5em;
	height: 1.5em;
	box-shadow: 
		inset -0.1em -0.1em 0 var(--3d-light-color),
		inset 0.1em 0.1em 0 var(--3d-dark-color),
		inset -0.2em -0.2em 0 var(--3d-face-color),
		inset 0.2em 0.2em 0 var(--3d-shadow-color);
}