@font-face {
	font-family: ddd-icons;
	src: url(https://digital.democrat/wp-content/themes/digital-dot-democrat/includes/lib/assets/fonts/icomoon/ddd-icons.woff);
}

/******** iPhone 16 Pro Max *********/
.iphone16pro__wrapper {
	max-width:290px;
	width: 100%;
	margin: 1rem 0;
	position: relative;
	align-self: flex-end;
}

.mobile_mb_swap {
	display: none;
}

.iphone16pro__wrapper.mini {
	max-width: 216.5px;
}

@media only screen and (max-width: 979px) {
	.iphone16pro__wrapper.mini {
		margin: 1rem 5%;
	}
}

.iphone16pro {
	position: relative;
	z-index: 2;
	width: 97.94776119402985%;
	margin-left: 1.026119402985075%;
	margin-right: -1.026119402985075%;
	margin-top: .2798507462687%;
	margin-bottom: .2798507462687%;
	height: 0;
	padding-bottom: 205.037313432835821%;
	box-sizing: content-box;
	border-radius: 17.714285714285714% / 8.462238398544131%;
	background: linear-gradient(180deg, rgba(218, 209, 192, 0) 0%, rgba(133, 108, 92, .3) 1.69%, rgba(133, 108, 92, .5) 3.38%, rgba(218, 209, 192, 0) 9.01%, rgba(218, 209, 192, 0) 90.99%, rgba(133, 108, 92, .4) 96.62%, rgba(133, 108, 92, .6) 98.61%, rgba(98, 99, 102, 0) 100%), #dad1c0;
	box-shadow: inset 2.5px 2px 3.25px #3f2f22, inset -2px -3px 3.75px #3f2f22;
	filter: drop-shadow(0px 0px 0.25px #281c14);
}

.iphone16pro-bottom-shadow::before {
	content: "";
	position: absolute;
	width: 75%;
	margin-left: 12.5%;
	height: 100%;
	background: linear-gradient(180deg, transparent 98%, rgba(1, 29, 54, .75) 0);
	filter: blur(15px);
	z-index: -1;
}

.iphone16pro__bezel {
	position: absolute;
	z-index: 3;
	left: 1.333333333333333%;
	right: 1.333333333333333%;
	top: 0.725952813067151%;
	bottom: 0.725952813067151%;
	border-radius: 17.008797653958944% / 8.011049723756906%;
	border: .5px solid #281c15;
	background: #030303;
	box-shadow: inset 1.5px 1.5px 3px #3b3b3b, inset -1.5px -1.5px 3px #3b3b3b;
	filter: drop-shadow(0px 0px 0.25px #261a13);
}

.iphone16pro__speaker {
	position: absolute;
	z-index: 4;
	left: 40.117333333333333%;
	right: 40.117333333333333%;
	top: 0.725952813067151%;
	bottom: 99.0635577797998%;
	background: #252525;
	border-radius: 0px 0px 8px 8px;
	filter: drop-shadow(0px .25px 1px #bcbcbc);
}

.iphone16pro__screen {
	position: absolute;
  container: screen / inline-size;
	z-index: 4;
	left: 3.333333333333333%;
	right: 3.333333333333333%;
	top: 1.592356687898089%;
	bottom: 1.592356687898089%;
	border-radius: 15.612244897959184% / 7.186472522310944%;
	background: #fff;
	overflow: hidden;
}

.iphone16pro__dynamic-island {
	position: absolute;
	z-index: 5;
	left: 35.504190476190476%;
	right: 35.504190476190476%;
	top: 3.171565059144677%;
	bottom: 92.842766151046406%;
	background: #000000;
	border-radius: 14.371062992125984% / 50%;
	filter: drop-shadow(0px .25px 1px #bbbbbb);
}

.iphone16pro__camera {
	position: absolute;
	z-index: 6;
	left: 57.925428571428571%;
	right: 37.312666666666667%;
	top: 4.02697907188353%;
	bottom: 93.698225659690628%;
	border-radius: 50%;
	background: #2b242b;
}

.iphone16pro__camera::after {
	content: "";
	position: absolute;
	top: 23%;
	left: 23%;
	z-index: 7;
	height: 54%;
	width: 54%;
	border-radius: 50%;
	background-color: #2b2d3f;
}

.iphone16pro__camera::before {
	content: "";
	position: absolute;
	top: 27.5%;
	left: 27.5%;
	z-index: 8;
	height: 45%;
	width: 45%;
	border-radius: 50%;
	background-color: #272f5e;
}

.camera-glare {
	clip-path: circle(25%);
	position: absolute;
	z-index: 9;
	width: 100%;
	height: 100%;
}

.camera-glare:before {
	content: "";
	position: absolute;
	z-index: 10;
	height: 40%;
	left: 17.5%;
	top: 37.5%;
	width: 40%;
	border-radius: 50%;
	background: radial-gradient(#4e5691, #4a246b, rgba(32, 83, 92, .1));
	mix-blend-mode: screen;
}

.camera-glare:after {
	content: "";
	position: absolute;
	z-index: 11;
	height: 40%;
	right: 18%;
	top: 18%;
	width: 40%;
	border-radius: 50%;
	background: radial-gradient(#556290, #161c42);
	mix-blend-mode: lighten;
}

.iphone16pro__btn-action {
	position: absolute;
	z-index: 1;
	width: 0.932835820895522%;
	height: 4.537205081669691%;
	left: 0.466417910447761%;
	top: 20.598911070780399%;
	border-radius: 25% / 2.75%;
	border: .125px solid #1d120b;
	filter: drop-shadow(0 0 .75px rgba(63, 48, 40, .5));
	box-shadow: inset .25px .25px .75px rgba(63, 48, 40, .75);
	background: linear-gradient(#180f0a, #180f0a 3.5%, #fefbf1 8%, #fefbf1 11%, #ad907b 25%, #ad907b 75%, #180f0a 89%, #180f0a 92%, #ad907b 96%, #ad907b);
	background-repeat: no-repeat;
	background-position: center
}

.iphone16pro__btn-volup {
	position: absolute;
	z-index: 1;
	width: 0.932835820895522%;
	height: 7.395644283121597%;
	left: 0.466417910447761%;
	top: 28.584392014519056%;
	border-radius: 25% / 1.69%;
	border: .125px solid #1d120b;
	filter: drop-shadow(0 0 .75px rgba(63, 48, 40, .5));
	box-shadow: inset .25px .25px .75px rgba(63, 48, 40, .75);
	background: linear-gradient(#180f0a, #180f0a 2.5%, #fefbf1 7%, #fefbf1 8%, #b2917b 20%, #b2917b 80%, #180f0a 92%, #180f0a 93%, #ad907b 97%, #ad907b);
	background-repeat: no-repeat;
	background-position: center
}

.iphone16pro__btn-voldown {
	position: absolute;
	z-index: 1;
	width: 0.932835820895522%;
	height: 7.395644283121597%;
	left: 0.466417910447761%;
	top: 38.067150635208711%;
	border-radius: 25% / 1.69%;
	border: .125px solid #1d120b;
	filter: drop-shadow(0 0 .75px rgba(63, 48, 40, .5));
	box-shadow: inset .25px .25px .75px rgba(63, 48, 40, .75);
	background: linear-gradient(#180f0a, #180f0a 2.5%, #fefbf1 7%, #fefbf1 8%, #b2917b 20%, #b2917b 80%, #180f0a 92%, #180f0a 93%, #ad907b 97%, #ad907b);
	background-repeat: no-repeat;
	background-position: center
}

.iphone16pro__btn-side {
	position: absolute;
	z-index: 1;
	box-sizing: content-box;
	width: 0.932835820895522%;
	height: 11.796733212341198%;
	right: 0.466417910447761%;
	top: 31.125226860254083%;
	border-radius: 25% / 1.08%;
	border: .125px solid #1d120b;
	filter: drop-shadow(0 0 .75px rgba(63, 48, 40, .5));
	box-shadow: inset -.25px -.25px .75px rgba(55, 40, 32, .75);
	background-image: linear-gradient(#ad907b, #ad907b 2%, #180f0a 4%, #180f0a 5%, #fefbf1 8%, #fefbf1 9%, #b2917b 15%, #b2917b 85%, #fefbf1 91%, #fefbf1 92%, #180f0a 95%, #180f0a 96%, #ad907b 98%, #ad907b);
	background-repeat: no-repeat;
	background-position: center
}

.iphone16pro__viewport {
	position: absolute;
	top: 7.371950617748098%;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	/*border-top: 1px solid #f9f8f6;
	border-bottom: 1px solid #f9f8f6;*/
	background: #fff;
	background: #fff;
  display:block;
  transform: translateZ(0);
}

.mini .iphone16pro__viewport {
	left: .5px;
	right: -.5px;
}

.iphone16pro__iframe {
	position: absolute;
  display:block;
	top: 0;
	left: 0;
	right: 0;
	width: 150%;
	height: 150%;
	border: none;
  background-color:#FFFFFF;
	/*background-image: radial-gradient(rgba(40, 44, 79,.7) 1.5px, rgba(204, 207, 227,.5) 1.5px); 
	background-size: 15px 15px;*/
	-ms-zoom: 0.6666666666666666666666666666;
	-moz-transform: scale(0.6666666666666666666666666666);
	-moz-transform-origin: 0 0;
	-o-transform: scale(0.6666666666666666666666666666);
	-o-transform-origin: 0 0;
	-webkit-transform: scale(0.6666666666666666666666666666);
	-webkit-transform-origin: 0 0;
	transform: scale(0.6666666666666666666666666666);
	transform-origin: 0 0;
}

.mini .iphone16pro__iframe {
	left: 0;
	right: 0;
	top: 0;
	position: absolute;
	width: 200%;
	height: 200%;
	border: none;
	-ms-zoom: 0.5;
	-moz-transform: scale(0.5);
	-moz-transform-origin: 0 0;
	-o-transform: scale(0.5);
	-o-transform-origin: 0 0;
	-webkit-transform: scale(0.5);
	-webkit-transform-origin: 0 0;
	transform: scale(0.5);
	transform-origin: 0 0;
}

.iphone16pro__topIcons {
	position: absolute;
	z-index: 5;
	width: 100%;
	height: 7.371950617748098%;
	top: 0;
	left: 0;
	background-size: 100%;
	background-color: #ffffff;
  container: screen-top / inline-size;
}

.topIcons__status {
	position: absolute;
	left: 71.829025642072181%;
	top: 40.095112420075605%;
	width: 19.458485964715366%;
	height: 20.176965199818955%;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NDAgODkuNiI+PHBhdGggZD0iTTExNy4yIDIuNWE2LjkgNi45IDAgMCAwLTYuOSA2LjlWODAuNmE2LjkgNi45IDAgMCAwIDYuOSA2LjloOS4yYTYuOSA2LjkgMCAwIDAgNi45LTYuOVY5LjRhNi45IDYuOSAwIDAgMC02LjktNi45WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC4yKSIgZmlsbD0iIzAxMDEwMSIvPjxwYXRoIGQ9Ik03My41IDI3LjhhNi45IDYuOSAwIDAgMSA2LjktNi45aDkuMmE2LjkgNi45IDAgMCAxIDYuOSA2LjlWODAuNmE2LjkgNi45IDAgMCAxLTYuOSA2LjlIODAuNGE2LjkgNi45IDAgMCAxLTYuOS02LjlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0wLjIpIiBmaWxsPSIjMDEwMTAxIi8+PHBhdGggZD0iTTQzLjcgMzkuM2E2LjggNi44IDAgMCAwLTYuOSA2LjhWODAuNmE2LjkgNi45IDAgMCAwIDYuOSA2LjloOS4yYTYuOSA2LjkgMCAwIDAgNi45LTYuOVY0Ni4xYTYuOCA2LjggMCAwIDAtNi45LTYuOFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTAuMikiIGZpbGw9IiMwMTAxMDEiLz48cGF0aCBkPSJNNi45IDU1LjNBNi45IDYuOSAwIDAgMCAwIDYyLjJWODAuNmE2LjkgNi45IDAgMCAwIDYuOSA2LjloOS4yQTYuOSA2LjkgMCAwIDAgMjMgODAuNlY2Mi4yYTYuOSA2LjkgMCAwIDAtNi45LTYuOVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTAuMikiIGZpbGw9IiMwMTAxMDEiLz48cGF0aCBkPSJNMjQyLjQgMjAuMWE2NS43IDY1LjcgMCAwIDEgNDUuNyAxOC41IDIuNCAyLjQgMCAwIDAgMy4zIDBsOC45LTkuMWEyLjQgMi40IDAgMCAwIC43LTEuOCAyLjIgMi4yIDAgMCAwLS43LTEuNyA4MyA4MyAwIDAgMC0xMTUuNyAwIDIuMyAyLjMgMCAwIDAtLjggMS43IDIuOSAyLjkgMCAwIDAgLjcgMS44bDguOSA5LjFhMi40IDIuNCAwIDAgMCAzLjMgMEE2NS45IDY1LjkgMCAwIDEgMjQyLjQgMjAuMVptMCAyOS41YTM3LjUgMzcuNSAwIDAgMSAyNS4zIDkuOCAyLjQgMi40IDAgMCAwIDMuMyAwbDguOS05LjFhMi4zIDIuMyAwIDAgMCAuNy0xLjggMi42IDIuNiAwIDAgMC0uNy0xLjcgNTQuNCA1NC40IDAgMCAwLTc0LjkgMCAyLjIgMi4yIDAgMCAwLS43IDEuNyAyLjMgMi4zIDAgMCAwIC43IDEuOGw4LjggOS4xYTIuNSAyLjUgMCAwIDAgMy40IDBBMzcuNCAzNy40IDAgMCAxIDI0Mi40IDQ5LjZabTE3LjggMTkuOGEzLjEgMy4xIDAgMCAxLS43IDEuOEwyNDQuMSA4Ni44YTIuMSAyLjEgMCAwIDEtMS43LjcgMi4zIDIuMyAwIDAgMS0xLjctLjdMMjI1LjQgNzEuMmEyLjYgMi42IDAgMCAxLS43LTEuOCAyLjUgMi41IDAgMCAxIC44LTEuOCAyNi4yIDI2LjIgMCAwIDEgMzMuOSAwQTIuNSAyLjUgMCAwIDEgMjYwLjIgNjkuNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTAuMikiIGZpbGw9IiMwMTAxMDEiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxyZWN0IHg9IjM2NS40IiB5PSIxMy44IiB3aWR0aD0iMTQ0LjciIGhlaWdodD0iNjIuMDUiIHJ4PSIxOC40IiBmaWxsPSIjMDEwMTAxIi8+PGcgb3BhY2l0eT0iMC40Ij48cGF0aCBkPSJNNDc5LjIuMmgtODNjLTYuMyAwLTExLjIgMC0xNS4yLjNhMzEuNCAzMS40IDAgMCAwLTEwLjMgMiAzMS40IDMxLjQgMCAwIDAtMTYuOCAxNi44IDM1LjUgMzUuNSAwIDAgMC0yLjEgMTAuNGMtLjIgMy45LS4yIDguOS0uMiAxNS4ydi4yYzAgNi4zIDAgMTEuMy4yIDE1LjJhMzUuNSAzNS41IDAgMCAwIDIuMSAxMC40QTI5LjUgMjkuNSAwIDAgMCAzODEgODkuNWM0IC4zIDguOS4zIDE1LjIuM2g4M2M2LjMgMCAxMS4zIDAgMTUuMi0uM2EzMi42IDMyLjYgMCAwIDAgMTAuNC0yIDMxLjQgMzEuNCAwIDAgMCAxNi44LTE2LjggMzIuNiAzMi42IDAgMCAwIDItMTAuNGMuMy0zLjkuMy04LjkuMy0xNS4ydi0uMmMwLTYuMyAwLTExLjMtLjMtMTUuMmEzMi42IDMyLjYgMCAwIDAtMi0xMC40QTMxLjQgMzEuNCAwIDAgMCA1MDQuOCAyLjVhMzIuNiAzMi42IDAgMCAwLTEwLjQtMkM0OTAuNS4yIDQ4NS41LjIgNDc5LjIuMlpNMzczLjMgOC45YTI4LjggMjguOCAwIDAgMSA4LjItMS42YzMuNy0uMiA4LjQtLjIgMTQuOS0uMmg4Mi43YzYuNSAwIDExLjIgMCAxNC45LjJhMjggMjggMCAwIDEgOC4xIDEuNkEyNC43IDI0LjcgMCAwIDEgNTE1LjIgMjJhMjggMjggMCAwIDEgMS42IDguMWMuMiAzLjcuMiA4LjQuMiAxNC45czAgMTEuMi0uMiAxNC45YTI4IDI4IDAgMCAxLTEuNiA4LjEgMjQuNyAyNC43IDAgMCAxLTEzLjEgMTMuMSAyOCAyOCAwIDAgMS04LjEgMS42Yy0zLjcuMi04LjQuMi0xNC45LjJIMzk2LjRjLTYuNSAwLTExLjIgMC0xNC45LS4yYTI4LjggMjguOCAwIDAgMS04LjItMS42IDI0LjIgMjQuMiAwIDAgMS0xMy0xMy4xYy0uOS0yLTEuMy00LjUtMS42LTguMXMtLjMtOC40LS4zLTE0LjkuMS0xMS4yLjMtMTQuOS43LTYuMSAxLjYtOC4xQTI0LjIgMjQuMiAwIDAgMSAzNzMuMyA4LjlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0wLjIpIiBmaWxsPSIjMDEwMTAxIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkPSJNNTMwLjggMzEuMmExNSAxNSAwIDAgMSAwIDI3LjZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0wLjIpIiBmaWxsPSIjMDEwMTAxIi8+PC9nPjwvc3ZnPiA=");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.topIcons__time {
	position: absolute;
	left: 19.120843239492669%;
	top: 52%;
  transform:translate(-50%, -50%);
	width: 15%;
	height: 25%;
 	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

.iphone16pro__url {
	position: absolute;
	z-index: 5;
	line-height: 1;
	top: 28.759346441428967%;
	left: 50%;
	translate: -50% 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: -apple-system, BlinkMacSystemFont, "Lucida Grande", sans-serif;
	color: #000;
}

.iphone16pro__url::before {
	font-family: 'ddd-icons';
	content: '\e909';
	color: #7F7F83;
	font-size: 100%;
	position: relative;
	margin: 0 1.5% 0 -1.5%;
}

.iphone16pro__bottomIcons {
	position: absolute;
	z-index: 8;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5.949342105263158%;
  background-color: rgba(227, 230, 236,.85);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  container: screen-bottom / inline-size;
}

.iphone16pro__bottomBar {
	position: absolute;
	z-index: 9;
	bottom: 0.859818881615121%;
	left: 50%;
	width: 35.816326530612245%;
	height: 0.537668770472158%;
	margin-left: -17.908163265306123%;
	border-radius: 1.60968660968661% / 50%;
	background: #050505;
}

.iphone16pro__sideAntennas {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.iphone16pro__sideAntennas::before {
	content: "";
	position: absolute;
	top: 10.282074613284804%;
	left: 0;
	width: 100%;
	height: 0.636942675159236%;
	background: #685547;
	opacity: .65;
	mix-blend-mode: overlay;
}

.iphone16pro__sideAntennas::after {
	content: "";
	position: absolute;
	bottom: 10.282074613284804%;
	left: 0;
	width: 100%;
	height: 0.636942675159236%;
	background: #685547;
	opacity: .65;
	mix-blend-mode: overlay;
}

.iphone16pro__topBottomAntennas {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.iphone16pro__topBottomAntennas::before {
	content: "";
	position: absolute;
	top: 0;
	right: 20.952380952380952%;
	width: 1.333333333333333%;
	height: 50%;
	background: #685547;
	opacity: .65;
	mix-blend-mode: overlay;
}

.iphone16pro__topBottomAntennas::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 20.952380952380952%;
	width: 1.333333333333333%;
	height: 50%;
	background: #685547;
	opacity: .65;
	mix-blend-mode: overlay;
}

/* iOS Mail Mockup */

.ios-mail .iphone16pro__screen {
/*   background-image:url("https://digital.democrat/wp-content/uploads/2025/03/IMG_8315.jpg");
  background-size:100%;
  background-repeat:no-repeat; */
}

.ios-mail .iphone16pro__emailContents {
	position: absolute;
  overflow:hidden;
  transform: translateZ(0);
  z-index:4;
	top: 18.204577968526466%;
	bottom: 0;
	left: 0;
	right: 0;
}

.ios-mail .iphone16pro__topIcons {
	background-color: #fefefe;
}

.ios-mail .iphone16pro__mailNav {
  position:absolute;
  display:grid;
  grid-template-columns: 1fr 1fr;
  z-index: 6;
	top: 7.371950617748098%;
	bottom: 89.484978540772532%;
  width:100%;
  background: linear-gradient(180deg, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 50%, rgba(244,244,244,1) 100%);
	container: mailNav / inline-size;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ios-mail .iphone16pro__mailNav .inbox {
  grid-column:1;
  display: inline;
  margin: .5% 0 0 16%;
	font-family: -apple-system, BlinkMacSystemFont, "Lucida Grande", sans-serif;
	font-size:10px;
	font-weight:400;
	line-height: .7;
	color: #3477F7;
}

.ios-mail .iphone16pro__mailNav .inbox::before {
	font-family: "ddd-icons";
	content: "\e90c";
	font-size: 150%;
  font-weight:600;
	margin: -.5% 0 0 -6.666%;
	position: absolute;
}

.ios-mail .iphone16pro__mailNav .arrows {
  grid-column:2;
	justify-self: end;
	color: #3477F7;
	font-size:20.5px;
	line-height: .5;
  margin: 0 18.5% 0 0;
}

.ios-mail .iphone16pro__mailNav .arrows::before {
	font-family: "ddd-icons";
	content: "\e90b";
	margin: 0 11%;
}

.ios-mail .iphone16pro__mailNav .arrows::after {
	font-family: "ddd-icons";
	content: "\e90a";
	margin: 0 11%;
}

.iphone16pro__mailHead {
	position: absolute;
	z-index: 5;
	top: 10.515021459227468%;
	left: 0;
	right: 0;
	height: 7.689556509298999%;
	background: #fff;
	display: grid;
	grid-template-columns: 15% 1fr;
	grid-template-rows: 1fr 1fr;
	font-family: -apple-system, BlinkMacSystemFont, "Lucida Grande", sans-serif;
	color: #000;
	container: mailHead / inline-size;
}

.iphone16pro__mailHead .fromLogo {
	grid-column: 1;
	grid-row: 1 / 3;
	width: 65%;
	height: 65%;
	justify-self: end;
	align-self: center;
	display: flex;
}

.iphone16pro__mailHead .fromLogo img {
	width: 100%;
	border-radius: 50%;
	align-self: center;
}

.iphone16pro__mailHead .fromName {
	grid-column: 2;
	grid-row: 1;
	padding-left: 4%;
	align-self: end;
	font-family: -apple-system, BlinkMacSystemFont, "Lucida Grande", sans-serif;
	font-weight: 600;
}

.iphone16pro__mailHead .toEmail {
	grid-column: 2;
	grid-row: 2;
	padding-left: 4%;
	align-self: start;
	font-size: ;
	font-weight: 400;
	font-family: -apple-system, BlinkMacSystemFont, "Lucida Grande", sans-serif;
	color: #959595;
}

.iphone16pro__mailHead .toEmail::after {
  position:absolute;
	content: "\e90c";
	font-family: 'ddd-icons';
	rotate:180deg;
  font-size:110%;
  margin-left:.5%;
  transform: translateY(-5%)
}

.iphone16pro__mailHead .toEmail::before {
	content: "To: ";
	font-weight: 400;
	color: #000;
}

.ios-mail .iphone16pro__bottomIcons {
  top:91.094420600858369%;
	bottom: 0%;
  height:8.905579399141631%;
}

.ios-mail .iphone16pro__bottomIcons .icon-wrapper {
  position:relative;
  width: 135%;
  left: 50%;
  transform: translateX(-50%);
  bottom:4.929577464788732%;
}

.ios-mail .iphone16pro__bottomIcons span {
	position: absolute;
  transform: translate(-48%, 53%);
  line-height: 1;
}

.ios-mail .iphone16pro__bottomIcons span::before {
	font-family: 'ddd-icons';
	color: #3477F7;
}

.ios-mail .iphone16pro__bottomIcons .archive {
	left: 20%;
}

.ios-mail .iphone16pro__bottomIcons .archive::before {
	content: "\e9c3";
}

.ios-mail .iphone16pro__bottomIcons .folder {
	left: 40%;
}

.ios-mail .iphone16pro__bottomIcons .folder::before {
	content: "\e910";
}

.ios-mail .iphone16pro__bottomIcons .reply {
	left: 60%;
}

.ios-mail .iphone16pro__bottomIcons .reply::before {
	content: "\e90e";
}

.ios-mail .iphone16pro__bottomIcons .new {
	left: 80%;
}

.ios-mail .iphone16pro__bottomIcons .new::before {
	content: "\e90f";
}