:root {
	--accent-color-red: #dd4c4f;
	--accent-color-blue: #197ee6;

	--intro-bubble-keyboard-width: 320px;
	--intro-bubble-keyboard-height: 282px;
}

@media (max-width: 500px) and (min-width: 420px) {
	:root {
		--intro-bubble-keyboard-width: 375px;
		--intro-bubble-keyboard-height: 297px;
	}
}

@media (max-width: 800px) and (min-width: 500px) {
	:root {
		--intro-bubble-keyboard-width: 428px;
		--intro-bubble-keyboard-height: 306px;
	}
}

@media (min-width: 930px) {
	:root {
		--intro-bubble-keyboard-width: 375px;
		--intro-bubble-keyboard-height: 297px;
	}
}

@media (min-width: 1024px) {
	:root {
		--intro-bubble-keyboard-width: 428px;
		--intro-bubble-keyboard-height: 306px;
	}
}

:root {
	--intro-bubble-width: calc(var(--intro-bubble-keyboard-width) + 20px);
}

html {
	height: auto;
}

body {
	background-image: linear-gradient(0deg, #f9fafb 0%, #f9fafb 50%, white 50%, white 100%);
}

a,
.article ul li:before {
	color: var(--accent-color-blue);
}

section {
	overflow: hidden;
}

.header-bear-space-illustration {
	position: absolute;
	top: -5em;
	left: 50vw;
	z-index: 0;
	transform: scaleX(-1);
	height: inherit;
}

#saturn {
	transform: translate(15%, 20%);
}

@media (min-width: 800px) {
	.header-bear-space-illustration {
		height: 112%;
		left: 0;
		transform: none;
	}
}

@media (min-width: 873px) {
	#saturn {
		transform: none;
	}
}

@media (min-width: 1024px) {
	.header-bear-space-illustration {
		left: -50px;
	}
}

@media (max-width: 800px) {
	.wrapper {
		max-width: 600px;
	}
}

.header .alpha_split_text {
	justify-content: space-between;
}

#alpha-intro {
	flex-basis: 0;
	flex-grow: 1;
	margin-bottom: 3rem;
}

@media (min-width: 800px) {
	#alpha-intro {
		margin-right: 3rem;
	}
}

#alpha-intro > div {
	display: flex;
}

.navigation {
	position: relative;
	z-index: 1;
}

.navigation-elements {
	text-transform: none;
}

@media (pointer: fine) {
	.navigation-elements {
		opacity: 0;
		transition: opacity 0.2s ease-in-out;
	}

	.navigation:hover .navigation-elements {
		opacity: 1;
	}
}

.header .alpha_split_text {
	display: inherit;
}

@media (min-width: 800px) {
	.header .alpha_split_text {
		display: flex;
	}
}

/* Keep heading text legible when illustration creeps underneath */
.header h1,
.header h2,
.navigation-item {
	position: relative;
	z-index: 0;
}

.header h2 strong {
	color: #7b8289;
}

.header h1::after,
.header h2::after,
.navigation-item::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #fbfbfb;
	z-index: -1;
	filter: blur(5px);
	transform: scale(1.1);
}

.alpha-button {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
	width: max-content;
	min-height: 3rem;
	z-index: 1;
	font-size: 0.8rem;
	font-family: "Avenir-Medium", "AvenirLTStd-Medium";
	background: var(--accent-color-blue);
	color: #fff;
	padding: 10px 20px 10px 15px;
	margin: 8px 8px 0 0;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	text-align: center;
	border-radius: 11px;
	transition: filter 0.2s ease-in-out;

	/* Fix the SVG shake that happens when hovering */
	backface-visibility: hidden;
	transform: translateZ(0) scale(1, 1);
}

@media (max-width: 800px) {
	.alpha-button {
		flex-grow: 1;
		width: 100%;
	}
}

.alpha-button:last-child {
	margin-right: 0;
}

.alpha-button:hover {
	filter: brightness(1.1);
}

.alpha-button svg {
	margin: 0 8px;
}

.alpha-button span {
	margin-top: 1px;
}

.alpha-button path {
	fill: rgba(255, 255, 255, 0.7);
}

.alpha-bubble {
	background: white;
	width: fit-content;
	height: fit-content;
	position: relative;
	padding: 40px;
	box-sizing: border-box;
	box-shadow: 0px 10px 40px rgba(208, 210, 215, 0.8);
	border-radius: 40px;
}

.alpha-bubble-top,
.alpha-bubble-bottom {
	position: absolute;
	width: 100%;
	height: 40px;
	background: transparent;
	top: 0;
	left: 0;
	border-top-left-radius: 40px;
	border-top-right-radius: 40px;
	pointer-events: none;
}

.alpha-bubble-bottom {
	top: unset;
	bottom: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 40px;
	border-bottom-right-radius: 40px;
}

.alpha-bubble-top::after,
.alpha-bubble-top::before,
.alpha-bubble-bottom::after,
.alpha-bubble-bottom::before {
	content: "";
	display: block;
	position: absolute;
	width: 40px;
	height: 40px;
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="100px" height="100px" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M42.2699603,-1.51916707e-15 L57.7300397,1.51916707e-15 C71.3065526,-9.74797892e-16 77.0656362,1.57803539 82.606377,4.54125596 C88.1471177,7.50447654 92.4955235,11.8528823 95.458744,17.393623 C98.4219646,22.9343638 100,28.6934474 100,42.2699603 L100,57.7300397 C100,71.3065526 98.4219646,77.0656362 95.458744,82.606377 C92.4955235,88.1471177 88.1471177,92.4955235 82.606377,95.458744 C77.0656362,98.4219646 71.3065526,100 57.7300397,100 L42.2699603,100 C28.6934474,100 22.9343638,98.4219646 17.393623,95.458744 C11.8528823,92.4955235 7.50447654,88.1471177 4.54125596,82.606377 C1.57803539,77.0656362 6.49865261e-16,71.3065526 -1.01277805e-15,57.7300397 L1.01277805e-15,42.2699603 C-6.49865261e-16,28.6934474 1.57803539,22.9343638 4.54125596,17.393623 C7.50447654,11.8528823 11.8528823,7.50447654 17.393623,4.54125596 C22.9343638,1.57803539 28.6934474,9.74797892e-16 42.2699603,-1.51916707e-15 Z" /></svg>');
	background-color: white;
}

.alpha-bubble-top::after,
.alpha-bubble-bottom::after {
	right: 0;
}

.alpha-bubble-bottom::before,
.alpha-bubble-bottom::after {
	-webkit-mask-position-y: bottom;
}

.alpha-bubble-top::after,
.alpha-bubble-bottom::after {
	-webkit-mask-position-x: right;
}

.alpha-bubble-bottom::after {
	background-position: bottom right;
}

.alpha-bubble-top::after {
	background-position: right top;
}

.alpha-bubble a {
	color: var(--accent-color-red);
}

#alpha-bubble-intro {
	flex-basis: 0;
	width: var(--intro-bubble-width);
	left: 50%;
	transform: translateX(-50%);
	margin: 0;
	padding-top: 3em;
	font-size: 1.1em;
	line-height: 1.5;
}

@media (min-width: 800px) {
	#alpha-bubble-intro {
		left: 0;
		transform: none;
	}
}

#alpha-bubble-intro .alpha-bubble-bottom::before,
#alpha-bubble-intro .alpha-bubble-bottom::after {
	background-color: #d6d8de;
}

#alpha-bubble-intro::after {
	content: "";
	display: block;
	position: relative;
	left: -40px;
	bottom: -40px;
	width: var(--intro-bubble-width);
	height: var(--intro-bubble-keyboard-height);
	background-color: #d6d8de;
	background-image: url(../images/panda/keyboard-small@2x.png);
	background-size: var(--intro-bubble-keyboard-width);
	background-repeat: no-repeat;
	background-position: center;
	border-bottom-left-radius: 40px;
	border-bottom-right-radius: 40px;
}

@media (max-width: 500px) and (min-width: 420px) {
	#alpha-bubble-intro::after {
		background-image: url(../images/panda/keyboard-medium@2x.png);
	}
}

@media (max-width: 800px) and (min-width: 500px) {
	#alpha-bubble-intro::after {
		background-image: url(../images/panda/keyboard-large@2x.png);
	}
}

@media (min-width: 930px) {
	#alpha-bubble-intro::after {
		background-image: url(../images/panda/keyboard-medium@2x.png);
	}
}

@media (min-width: 1024px) {
	#alpha-bubble-intro::after {
		background-image: url(../images/panda/keyboard-large@2x.png);
	}
}

#alpha-bubble-intro > blockquote,
#alpha-bubble-intro > table {
	margin-bottom: 2em;
}

.alpha-table {
	border-radius: 4px;
	border: 1px solid #e4e5e6;
	border-collapse: inherit;
	overflow: hidden;
	width: 100%;
}

.alpha-table th {
	font-family: "Avenir-Medium", "AvenirLTStd-Medium";
}

.alpha-table td,
.alpha-table th {
	padding: 0.3em 0.8em;
}

.alpha-table tr:nth-child(odd) {
	background-color: #f3f5f7;
}

.alpha-table td:nth-child(odd),
.alpha-table th:nth-child(odd) {
	border-right: 1px solid #e4e5e6;
}

#alpha-bubble-intro .alpha-table td:nth-child(even),
#alpha-bubble-intro .alpha-table th:nth-child(even) {
	text-align: center;
}

@keyframes blink {
	from,
	to {
		background-color: transparent;
	}
	50% {
		background-color: var(--accent-color-red);
	}
}

.alpha-cursor-point {
	position: relative;
	width: fit-content;
}

.alpha-cursor-point::after {
	content: "";
	display: block;
	position: absolute;
	right: -1px;
	top: 0;
	width: 2px;
	height: 25px;
	background-color: var(--accent-color-red);
	animation: 1s blink step-end infinite;
}

.alpha-rtl .alpha-cursor-point::after {
	right: initial;
	left: -1px;
}

.alpha-rtl {
	direction: rtl;
	font-size: 1.2em;
}

.alpha-editor-highlight {
	background-color: #d2fea3;
	border-radius: 3px;
	padding: 0 5px;
}

.alpha-editor-syntax {
	color: #d9d9d9;
	margin: 1px;
}

.alpha-editor-tag .alpha-editor-syntax {
	position: relative;
	color: #888888;
	top: 1px;
}

.alpha-editor-underline {
	text-decoration: underline;
	text-decoration-color: var(--accent-color-red);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.13em;
}

.alpha-editor-tag {
	background-color: #e4e5e6;
	width: fit-content;
	padding: 1px 13px 1px 10px;
	border-radius: 1.5em;
}

.alpha-feature code {
	border: none;
	border-radius: 3px;
	background-color: #f3f5f7;
	padding: 0 2px;
}

#alpha-bubble-intro blockquote {
	position: relative;
	padding-left: 1.5em;
}

#alpha-bubble-intro blockquote::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 3px;
	border-radius: 3px;
	background: var(--accent-color-red);
}

#alpha-bubble-intro em,
.alpha-feature em {
	font-style: italic;
	background-image: none;
}

#alpha-bubble-intro em strong,
.alpha-feature em strong {
	font-family: "Avenir-MediumOblique", "AvenirLTStd-Medium";
}

#alpha-whats-panda {
	position: relative;
}

#alpha-whats-panda .alpha-feature {
	position: relative;
	z-index: 1;
}

#alpha-whats-panda-illustration {
	position: relative;
	display: block;
	left: 50%;
	transform: translateX(calc(-50% + 62px));
	bottom: -5px;
	z-index: 0;
}

@media (min-width: 800px) {
	#alpha-whats-panda-illustration {
		position: absolute;
		left: 40%;
		transform: none;
	}
}

#alpha-better-writing .alpha-feature {
	display: block;
}

#alpha-better-writing .alpha-feature-image {
	padding-right: 0;
}

#alpha-better-writing .alpha-bubble {
	padding-bottom: 70px;
	padding-right: 20px;
	left: 50%;
	transform: translateX(-50%);
}

@media (min-width: 800px) {
	#alpha-better-writing .alpha-feature {
		display: flex;
	}

	#alpha-better-writing .alpha-feature-image {
		padding-right: 2em;
	}

	#alpha-better-writing .alpha-bubble {
		float: right;
		left: 0;
		transform: none;
	}
}

#alpha-better-writing img {
	min-width: 390px;
}

#alpha-keyboards {
	background-color: #d6d8de;
}

#alpha-keyboards p {
	width: fit-content;
}

#alpha-keyboards img {
	position: relative;
	top: -34px;
	margin: 0;
}

#alpha-keyboards .alpha-feature {
	justify-content: center;
	align-items: flex-end;
	padding: 6em 0;
}

@media (min-width: 770px) {
	#alpha-keyboards .alpha-feature {
		flex-wrap: nowrap;
		justify-content: center;
	}
}

#alpha-keyboards .alpha-feature > div {
	position: relative;
	bottom: 5px;
	max-width: 400px;
	min-width: 300px;
	padding: 0 2em;
	z-index: 1;
}

@media (min-width: 770px) {
	#alpha-keyboards .alpha-feature > div {
		bottom: 15px;
	}
}

#alpha-tables .alpha-feature {
	display: block;
}

@media (min-width: 400px) {
	#alpha-tables .alpha-feature {
		display: flex;
	}
}

#alpha-tables table {
	position: relative;
	z-index: 1;
	border: none;
	border-radius: 20px;
}

#alpha-tables td,
#alpha-tables th {
	padding: 14px 24px 12px;
}

#alpha-tables td:nth-child(even),
#alpha-tables th:nth-child(even) {
	text-align: right;
}

#alpha-tables .alpha-bubble {
	padding: 0;
	left: 50%;
	transform: translateX(-50%);
	font-size: 1.1em;
	box-shadow: none;
	filter: drop-shadow(0px 0px 1px rgba(208, 210, 215, 1)) drop-shadow(0px 10px 25px rgba(208, 210, 215, 0.8));
	border-radius: 20px;
	float: none;
}

#alpha-tables .alpha-bubble-top::before,
#alpha-tables .alpha-bubble-top::after {
	background-color: #f3f5f7;
}

#alpha-tables .alpha-bubble-top::before,
#alpha-tables .alpha-bubble-top::after,
#alpha-tables .alpha-bubble-bottom::before,
#alpha-tables .alpha-bubble-bottom::after {
	-webkit-mask-size: 100%;
}

@media (min-width: 510px) {
	#alpha-tables .alpha-bubble {
		font-size: 1.3em;
		left: 0;
		transform: none;
		border-radius: 40px;
		float: right;
	}
	#alpha-tables table {
		border-radius: 40px;
	}

	#alpha-tables td,
	#alpha-tables th {
		padding: 22px 36px 20px;
	}

	#alpha-tables .alpha-bubble-top::before,
	#alpha-tables .alpha-bubble-top::after,
	#alpha-tables .alpha-bubble-bottom::before,
	#alpha-tables .alpha-bubble-bottom::after {
		-webkit-mask-size: inherit;
	}
}

.alpha-inline-icon {
	position: relative;
	display: inline-block;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -999px;
	margin: 0 2px;
}

#alpha-sketch-icon {
	top: 2px;
	width: 20px;
	height: 19px;
	background-image: url('data:image/svg+xml;utf8,<svg width="20px" height="19px" viewBox="0 0 20 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M15.2916991,1.33482793 C15.009088,1.61743433 14.8522353,1.94469972 14.8264124,2.30990901 C14.8017858,2.65819992 14.8627008,3.02646111 15.0080174,3.41397197 C15.1481079,3.78754667 15.3311356,4.17194355 15.5570418,4.56727937 L16.22136,5.72495159 L16.6469658,6.47505094 L16.8832475,6.90719229 L17.0820054,7.2857262 C17.26067,7.63482142 17.261926,7.87046216 17.1073297,8.02508687 C17.0368911,8.09918548 16.9277251,8.10810745 16.7493998,8.0382232 C16.5259533,7.95065632 16.2511065,7.78118546 15.9286357,7.53072276 C15.5978927,7.27383496 15.2258982,6.95174616 14.8130491,6.56470011 L14.1672552,5.9505811 L13.4776285,5.27799898 C12.9671277,4.78058796 12.4614345,4.31744708 11.9604966,3.88853947 C11.4571656,3.45758281 10.9648913,3.08221533 10.4835608,2.76242722 C9.99651879,2.43884453 9.52796156,2.19794211 9.07745235,2.03992768 C8.61535082,1.8778473 8.17708367,1.82587192 7.76410827,1.88536838 C7.34105528,1.94631669 6.96123086,2.14846802 6.62895496,2.48781378 C6.23602041,2.88776482 6.01927248,3.33803862 5.98365425,3.83313196 C5.94905998,4.31399227 6.04501733,4.82582582 6.27001208,5.36785865 C6.48981575,5.89738566 6.79852706,6.44850719 7.19604994,7.02160268 C7.58944269,7.58874389 8.02851167,8.16707508 8.51326304,8.75663757 L9.24184581,9.63435974 L10.6750716,11.3270915 L11.320981,12.1027442 L11.9181823,12.8344313 L12.1983327,13.1835562 C12.8313781,13.9772736 13.2804131,14.6522178 13.5441982,15.2052132 C13.7838177,15.7075481 13.7826682,16.0473377 13.5646852,16.2552473 C13.3873326,16.4377117 13.1474446,16.4866343 12.81853,16.4009507 C12.4544458,16.3061052 11.996357,16.0641437 11.4500373,15.6757198 C10.8930669,15.2797236 10.2406589,14.7419384 9.4936943,14.0628796 L8.91127148,13.5264493 L8.29012439,12.9409153 L7.62976779,12.3058309 L6.93051334,11.6214946 L6.18940697,10.8889311 L2.08382576,6.80413012 C1.92306907,6.63528305 1.72799118,6.546666 1.50976562,6.546666 C1.29177748,6.546666 1.09662949,6.63510311 0.935092641,6.8047534 C0.780478885,6.95932474 0.7,7.15022447 0.7,7.36619725 C0.7,7.58015737 0.778792126,7.77462515 0.933553958,7.94550273 L3.35673697,10.3569223 L4.82330601,11.8061225 L6.14152686,13.0895988 L6.74513175,13.6693069 L7.5906412,14.4661981 L8.56929461,15.3558997 L8.94953316,15.6896096 L9.48565246,16.1457293 L9.73871604,16.3541151 C10.5700159,17.0303732 11.278995,17.5078212 11.8693057,17.7879686 C12.4773261,18.0765207 13.0053488,18.1820014 13.4552533,18.099876 C13.901343,18.0184469 14.3197198,17.7850581 14.7085614,17.40316 C15.1038924,17.0148886 15.3167417,16.5669855 15.3417738,16.0663426 C15.3662016,15.5777877 15.2192935,15.0189411 14.9035951,14.3875442 C14.5954181,13.7711902 14.130693,13.0591459 13.5088893,12.249814 L13.2976173,11.977304 L12.7201981,11.2536382 L12.0724897,10.4694995 L11.5038717,9.79884534 L10.9210123,9.12405568 L10.3929493,8.50546052 L9.91142221,7.92801362 L9.37450059,7.26355867 L8.91008022,6.66322053 L8.74509961,6.44170081 C8.16760307,5.65681309 7.80446494,5.02675231 7.65820527,4.55996611 C7.52404542,4.13179638 7.56616904,3.83201652 7.77425714,3.63430316 C7.94150967,3.46709682 8.17836727,3.43034248 8.510261,3.5299106 C8.87695772,3.63991961 9.3704557,3.93206642 9.98192517,4.40413352 C10.1063086,4.50016015 10.2368001,4.60420863 10.3733858,4.71627136 L10.8026303,5.07753537 L11.2676134,5.48626449 L11.5135474,5.70844398 L12.0338427,6.18984103 L12.6307601,6.75381718 C13.48334,7.55140554 14.2302983,8.18634572 14.8727964,8.65945796 C15.6099484,9.20226989 16.2475104,9.52214672 16.7917288,9.61859049 C17.3625858,9.71975503 17.8660653,9.55816623 18.2838999,9.14033156 C18.5886787,8.83555283 18.7489193,8.47412205 18.7598982,8.06424244 C18.7704125,7.6717071 18.6608684,7.21482759 18.4329316,6.69091333 C18.2429763,6.25429953 17.977608,5.74925544 17.6367557,5.1753412 L16.8659101,3.88379689 L16.5972483,3.41417425 C16.4636031,3.16797418 16.3760925,2.97038796 16.3366675,2.82747217 C16.3006267,2.69682435 16.3096897,2.6184119 16.3481888,2.57986413 C16.3733296,2.55676945 16.4419373,2.55526483 16.5622653,2.59902047 C16.7215924,2.6569576 16.9461608,2.79571839 17.2282616,3.01271894 L17.6430797,3.35074098 L17.9661572,3.63310457 L18.3243716,3.95935146 C18.484397,4.1114062 18.6757593,4.19233345 18.8892134,4.19643833 C19.1053009,4.20059386 19.2993053,4.12255745 19.4637137,3.96633113 C19.6298771,3.80021381 19.7105513,3.60018693 19.7022238,3.37534521 C19.6940048,3.15343153 19.593588,2.94666998 19.4081236,2.76123541 C18.5448657,1.85809779 17.7674746,1.28370131 17.070686,1.03897554 C16.3419613,0.783033219 15.7388051,0.880388552 15.2916991,1.33482793 Z" id="Path" fill="%23444444" fill-rule="nonzero"></path></svg>');
}

#alpha-sketch-resize-icon {
	top: 1px;
 	width: 32px;
 	height: 10px;
 	background-image: url('data:image/svg+xml;utf8,<svg width="32px" height="10px" viewBox="0 0 32 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M1.92909948,6 C2.89559779,6 3.67909948,6.78350169 3.67909948,7.75 C3.67909948,8.71649831 2.89559779,9.5 1.92909948,9.5 C0.962601165,9.5 0.179099477,8.71649831 0.179099477,7.75 C0.179099477,6.78350169 0.962601165,6 1.92909948,6 Z M8.92909948,6 C9.89559779,6 10.6790995,6.78350169 10.6790995,7.75 C10.6790995,8.71649831 9.89559779,9.5 8.92909948,9.5 C7.96260117,9.5 7.17909948,8.71649831 7.17909948,7.75 C7.17909948,6.78350169 7.96260117,6 8.92909948,6 Z M15.9290995,6 C16.8955978,6 17.6790995,6.78350169 17.6790995,7.75 C17.6790995,8.71649831 16.8955978,9.5 15.9290995,9.5 C14.9626012,9.5 14.1790995,8.71649831 14.1790995,7.75 C14.1790995,6.78350169 14.9626012,6 15.9290995,6 Z M22.9290995,6 C23.8955978,6 24.6790995,6.78350169 24.6790995,7.75 C24.6790995,8.71649831 23.8955978,9.5 22.9290995,9.5 C21.9626012,9.5 21.1790995,8.71649831 21.1790995,7.75 C21.1790995,6.78350169 21.9626012,6 22.9290995,6 Z M29.9290995,6 C30.8955978,6 31.6790995,6.78350169 31.6790995,7.75 C31.6790995,8.71649831 30.8955978,9.5 29.9290995,9.5 C28.9626012,9.5 28.1790995,8.71649831 28.1790995,7.75 C28.1790995,6.78350169 28.9626012,6 29.9290995,6 Z M1.92909948,0 C2.89559779,-1.7754286e-16 3.67909948,0.783501688 3.67909948,1.75 C3.67909948,2.71649831 2.89559779,3.5 1.92909948,3.5 C0.962601165,3.5 0.179099477,2.71649831 0.179099477,1.75 C0.179099477,0.783501688 0.962601165,1.7754286e-16 1.92909948,0 Z M8.92909948,0 C9.89559779,-1.7754286e-16 10.6790995,0.783501688 10.6790995,1.75 C10.6790995,2.71649831 9.89559779,3.5 8.92909948,3.5 C7.96260117,3.5 7.17909948,2.71649831 7.17909948,1.75 C7.17909948,0.783501688 7.96260117,1.7754286e-16 8.92909948,0 Z M15.9290995,0 C16.8955978,-1.7754286e-16 17.6790995,0.783501688 17.6790995,1.75 C17.6790995,2.71649831 16.8955978,3.5 15.9290995,3.5 C14.9626012,3.5 14.1790995,2.71649831 14.1790995,1.75 C14.1790995,0.783501688 14.9626012,1.7754286e-16 15.9290995,0 Z M22.9290995,0 C23.8955978,-1.7754286e-16 24.6790995,0.783501688 24.6790995,1.75 C24.6790995,2.71649831 23.8955978,3.5 22.9290995,3.5 C21.9626012,3.5 21.1790995,2.71649831 21.1790995,1.75 C21.1790995,0.783501688 21.9626012,1.7754286e-16 22.9290995,0 Z M29.9290995,0 C30.8955978,-1.7754286e-16 31.6790995,0.783501688 31.6790995,1.75 C31.6790995,2.71649831 30.8955978,3.5 29.9290995,3.5 C28.9626012,3.5 28.1790995,2.71649831 28.1790995,1.75 C28.1790995,0.783501688 28.9626012,1.7754286e-16 29.9290995,0 Z" id="Combined-Shape" fill="%23444444" fill-rule="nonzero"></path></svg>');
}

#alpha-sketch-options-icon {
	top: 2px;
	width: 5px;
	height: 17px;
	margin: 0 3px;
	background-image: url('data:image/svg+xml;utf8,<svg width="5px" height="17px" viewBox="0 0 5 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M2.5,13.5575 C1.62048654,13.5575 0.9075,14.2704865 0.9075,15.15 C0.9075,16.0295135 1.62048654,16.7425 2.5,16.7425 C3.37951346,16.7425 4.0925,16.0295135 4.0925,15.15 C4.0925,14.2704865 3.37951346,13.5575 2.5,13.5575 Z M2.5,7.2575 C1.62048654,7.2575 0.9075,7.97048654 0.9075,8.85 C0.9075,9.72951346 1.62048654,10.4425 2.5,10.4425 C3.37951346,10.4425 4.0925,9.72951346 4.0925,8.85 C4.0925,7.97048654 3.37951346,7.2575 2.5,7.2575 Z M2.5,0.9575 C1.62048654,0.9575 0.9075,1.67048654 0.9075,2.55 C0.9075,3.42951346 1.62048654,4.1425 2.5,4.1425 C3.37951346,4.1425 4.0925,3.42951346 4.0925,2.55 C4.0925,1.67048654 3.37951346,0.9575 2.5,0.9575 Z" id="Combined-Shape" fill="%23444444" fill-rule="nonzero"></path></svg>');
}

#alpha-tables-biu-icon {
	top: 3px;
	width: 34px;
	height: 16px;
	background-image: url('data:image/svg+xml;utf8,<svg width="34px" height="16px" viewBox="0 0 34 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Images" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="customKeyboardOffIcon" fill-rule="nonzero"><path d="M32.75,0.35 C32.98,0.35 33.24,0.42 33.38,0.57 C33.5,0.68 33.57,0.82 33.59,0.99 L33.6,1.11 L33.6,8.41 C33.6,9.34 33.3,10.16 32.88,10.86 C32.45,11.57 31.8,12.12 31.02,12.52 C30.24,12.91 29.31,13.11 28.24,13.11 C27.18,13.11 26.26,12.91 25.48,12.52 C24.7,12.12 24.05,11.57 23.62,10.86 C23.24,10.24 22.95,9.52 22.91,8.71 L22.9,8.4 L22.9,1.11 C22.9,0.89 22.97,0.7 23.11,0.56 C23.26,0.42 23.52,0.35 23.75,0.35 C23.98,0.35 24.24,0.42 24.38,0.56 C24.5,0.68 24.57,0.82 24.59,0.98 L24.6,1.11 L24.6,8.31 C24.6,8.99 24.75,9.51 25.04,10.01 C25.33,10.51 25.75,10.9 26.29,11.18 C26.83,11.46 27.48,11.6 28.24,11.6 C29.4,11.6 30.29,11.29 30.93,10.68 C31.53,10.11 31.85,9.45 31.89,8.54 L31.9,8.31 L31.9,1.11 C31.9,0.89 31.97,0.71 32.1,0.57 C32.24,0.42 32.51,0.35 32.75,0.35 L32.75,0.35 Z M20.09,0.54 C20.27,0.54 20.43,0.59 20.54,0.69 C20.67,0.8 20.73,0.95 20.73,1.13 C20.73,1.31 20.66,1.59 20.54,1.7 C20.42,1.81 20.27,1.86 20.09,1.86 L17.92,1.86 L15.65,11.69 L17.78,11.69 C17.93,11.69 18.06,11.73 18.16,11.8 L18.24,11.85 C18.36,11.96 18.42,12.16 18.42,12.34 C18.42,12.51 18.36,12.66 18.23,12.77 C18.11,12.88 17.96,12.94 17.77,12.94 L12.05,12.94 C11.87,12.94 11.71,12.88 11.59,12.77 C11.47,12.66 11.4,12.51 11.4,12.34 C11.4,12.16 11.47,11.96 11.58,11.85 C11.7,11.75 11.86,11.69 12.04,11.69 L14.21,11.69 L16.48,1.86 L14.36,1.86 C14.21,1.86 14.09,1.83 13.98,1.76 L13.91,1.7 C13.78,1.59 13.72,1.31 13.72,1.13 C13.72,0.95 13.78,0.8 13.9,0.69 C14.02,0.59 14.17,0.54 14.36,0.54 L20.09,0.54 Z M5.68,0.5 C6.49,0.5 7.19,0.62 7.79,0.88 C8.38,1.13 8.83,1.48 9.15,1.95 C9.48,2.41 9.64,2.95 9.64,3.58 C9.64,4.04 9.53,4.45 9.32,4.83 C9.11,5.22 8.83,5.53 8.46,5.78 C8.09,6.04 7.66,6.29 7.18,6.36 L7.18,6.43 C7.79,6.46 8.32,6.61 8.78,6.88 C9.24,7.15 9.6,7.5 9.86,7.93 C10.11,8.37 10.24,8.87 10.24,9.43 C10.24,10.14 10.06,10.76 9.7,11.28 C9.34,11.8 8.83,12.21 8.16,12.5 C7.49,12.78 6.7,12.93 5.78,12.93 L1.28,12.93 C0.87,12.93 0.56,12.82 0.34,12.6 C0.11,12.37 0,12.07 0,11.67 L0,1.76 C0,1.36 0.11,1.05 0.34,0.83 C0.56,0.61 0.87,0.5 1.28,0.5 L5.68,0.5 Z M4.98,7.41 L2.47,7.41 L2.47,11.15 L5.08,11.15 C5.92,11.15 6.56,10.99 7.01,10.66 C7.46,10.34 7.69,9.87 7.69,9.26 C7.69,8.66 7.45,8.2 6.99,7.88 C6.52,7.57 5.85,7.41 4.98,7.41 Z M4.97,2.3 L2.47,2.3 L2.47,5.7 L4.69,5.7 C5.47,5.7 6.07,5.54 6.5,5.23 C6.93,4.92 7.15,4.49 7.15,3.94 C7.15,3.42 6.96,3.02 6.57,2.73 C6.19,2.45 5.65,2.3 4.97,2.3 L4.97,2.3 Z" id="Shape" fill="%23444444"></path><polygon id="Path" fill="%23D2484A" points="22.9 14.65 33.6 14.65 33.6 15.95 22.9 15.95"></polygon></g></g></svg>');
}

#alpha-tables-table-icon {
	top: 1px;
	width: 22px;
	height: 18px;
	background-image: url('data:image/svg+xml;utf8,<svg width="22px" height="18px" viewBox="0 0 22 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M3.8138852,0.6 L18.9047051,0.601891335 C19.6736678,0.615926866 20.095728,0.70989262 20.533385,0.943954125 C20.9725854,1.17884109 21.3211589,1.5274146 21.5560459,1.96661504 C21.8113857,2.444059 21.9,2.90294151 21.9,3.8138852 L21.9,3.8138852 L21.8981087,14.9047051 C21.8840731,15.6736678 21.7901074,16.095728 21.5560459,16.533385 C21.3211589,16.9725854 20.9725854,17.3211589 20.533385,17.5560459 C20.055941,17.8113857 19.5970585,17.9 18.6861148,17.9 L18.6861148,17.9 L3.8138852,17.9 C2.90294151,17.9 2.444059,17.8113857 1.96661504,17.5560459 C1.5274146,17.3211589 1.17884109,16.9725854 0.943954125,16.533385 C0.688614302,16.055941 0.6,15.5970585 0.6,14.6861148 L0.6,14.6861148 L0.601891335,3.59529487 C0.615926866,2.8263322 0.70989262,2.404272 0.943954125,1.96661504 C1.17884109,1.5274146 1.5274146,1.17884109 1.96661504,0.943954125 C2.444059,0.688614302 2.90294151,0.6 3.8138852,0.6 L3.8138852,0.6 Z M10.599,12.4 L1.901,12.4 L1.90125784,14.870011 L1.91188753,15.1779879 C1.93377686,15.5410534 1.98787578,15.7287687 2.09031128,15.9203064 C2.20403851,16.1329579 2.36704214,16.2959615 2.57969355,16.4096887 C2.7951735,16.5249287 3.00581575,16.5789926 3.46673118,16.5948426 L3.46673118,16.5948426 L3.8138852,16.6 L10.599,16.6 L10.599,12.4 Z M20.598,12.4 L11.899,12.4 L11.899,16.6 L18.6861148,16.6 C18.7186007,16.6 18.7501392,16.5998978 18.7807739,16.5996895 L18.870011,16.5987422 L19.1779879,16.5881125 C19.5410534,16.5662231 19.7287687,16.5121242 19.9203064,16.4096887 C20.1329579,16.2959615 20.2959615,16.1329579 20.4096887,15.9203064 C20.5121242,15.7287687 20.5662231,15.5410534 20.5881125,15.1779879 L20.5881125,15.1779879 L20.5987422,14.870011 L20.598,12.4 Z M10.599,7.4 L1.901,7.4 L1.901,11.1 L10.599,11.1 L10.599,7.4 Z M20.599,7.4 L11.899,7.4 L11.899,11.1 L20.598,11.1 L20.599,7.4 Z M3.71922605,1.90031052 L3.62998897,1.90125784 L3.32201213,1.91188753 C2.95894664,1.93377686 2.77123128,1.98787578 2.57969355,2.09031128 C2.36704214,2.20403851 2.20403851,2.36704214 2.09031128,2.57969355 C1.98787578,2.77123128 1.93377686,2.95894664 1.91188753,3.32201213 L1.91188753,3.32201213 L1.90125784,3.62998897 L1.901,6.1 L10.599,6.1 L10.599,1.9 L3.71922605,1.90031052 L3.71922605,1.90031052 Z M11.899,1.901 L11.899,6.1 L20.599,6.1 L20.5996895,3.71922605 L20.5996895,3.71922605 L20.5987422,3.62998897 L20.5881125,3.32201213 C20.5662231,2.95894664 20.5121242,2.77123128 20.4096887,2.57969355 C20.2959615,2.36704214 20.1329579,2.20403851 19.9203064,2.09031128 C19.7287687,1.98787578 19.5410534,1.93377686 19.1779879,1.91188753 L19.1779879,1.91188753 L18.870011,1.90125784 L11.899,1.901 Z" id="Combined-Shape" fill="%23333333" fill-rule="nonzero"></path></svg>');
}

#resizable-image + img,
#sketcher-image + img {
	opacity: 0;
	float: left;
	margin: 0;
}

#resizable-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: 100%;
	overflow: hidden;
	transform: scale(1);
	transition: all 0.3s ease-in-out;
}

#resizable-image {
	background-image: url(../images/panda/resizable-panda@2x.jpg);
}

#resizable-image.resize-enabled {
	transform: scale(1.04);
	box-shadow: 0px 10px 30px #848a9a;
	border-radius: 10px;
}

#resizable-image.resize-down {
	width: 50%;
	height: 50%;
	transform: scale(1);
}

#resizable-image::before,
#resizable-image::after {
	content: "";
	display: block;
	position: absolute;
}

#resizable-image::before {
    width: 35px;
 	height: 35px;
 	background-image: url('data:image/svg+xml;utf8,<svg width="35px" height="35px" viewBox="0 0 35 35" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M23.4770292,2.43400974 L2.43400974,23.4770292 C1.16813919,24.7428998 0.456980515,26.4597887 0.456980515,28.25 C0.456980515,31.9779221 3.47905845,35 7.20698052,35 L27.6156292,35 C29.209389,35 30.3133969,34.7868063 31.4711463,34.1676351 C32.6220211,33.5521405 33.5521405,32.6220211 34.1676351,31.4711463 C34.7868063,30.3133969 35,29.209389 35,27.6156292 L35,7.20698052 C35,5.41676921 34.2888413,3.6998803 33.0229708,2.43400974 C30.3869318,-0.202029227 26.1130682,-0.202029227 23.4770292,2.43400974 Z" fill="%23ced0c9"></path><path d="M14.25,26.5 C15.2164983,26.5 16,27.2835017 16,28.25 C16,29.2164983 15.2164983,30 14.25,30 C13.2835017,30 12.5,29.2164983 12.5,28.25 C12.5,27.2835017 13.2835017,26.5 14.25,26.5 Z M7.25,26.5 C8.21649831,26.5 9,27.2835017 9,28.25 C9,29.2164983 8.21649831,30 7.25,30 C6.28350169,30 5.5,29.2164983 5.5,28.25 C5.5,27.2835017 6.28350169,26.5 7.25,26.5 Z M21.25,26.5 C22.2164983,26.5 23,27.2835017 23,28.25 C23,29.2164983 22.2164983,30 21.25,30 C20.2835017,30 19.5,29.2164983 19.5,28.25 C19.5,27.2835017 20.2835017,26.5 21.25,26.5 Z M28.25,26.5 C29.2164983,26.5 30,27.2835017 30,28.25 C30,29.2164983 29.2164983,30 28.25,30 C27.2835017,30 26.5,29.2164983 26.5,28.25 C26.5,27.2835017 27.2835017,26.5 28.25,26.5 Z M14.25,19.5 C15.2164983,19.5 16,20.2835017 16,21.25 C16,22.2164983 15.2164983,23 14.25,23 C13.2835017,23 12.5,22.2164983 12.5,21.25 C12.5,20.2835017 13.2835017,19.5 14.25,19.5 Z M21.25,19.5 C22.2164983,19.5 23,20.2835017 23,21.25 C23,22.2164983 22.2164983,23 21.25,23 C20.2835017,23 19.5,22.2164983 19.5,21.25 C19.5,20.2835017 20.2835017,19.5 21.25,19.5 Z M28.25,19.5 C29.2164983,19.5 30,20.2835017 30,21.25 C30,22.2164983 29.2164983,23 28.25,23 C27.2835017,23 26.5,22.2164983 26.5,21.25 C26.5,20.2835017 27.2835017,19.5 28.25,19.5 Z M21.25,12.5 C22.2164983,12.5 23,13.2835017 23,14.25 C23,15.2164983 22.2164983,16 21.25,16 C20.2835017,16 19.5,15.2164983 19.5,14.25 C19.5,13.2835017 20.2835017,12.5 21.25,12.5 Z M28.25,12.5 C29.2164983,12.5 30,13.2835017 30,14.25 C30,15.2164983 29.2164983,16 28.25,16 C27.2835017,16 26.5,15.2164983 26.5,14.25 C26.5,13.2835017 27.2835017,12.5 28.25,12.5 Z M28.25,5.5 C29.2164983,5.5 30,6.28350169 30,7.25 C30,8.21649831 29.2164983,9 28.25,9 C27.2835017,9 26.5,8.21649831 26.5,7.25 C26.5,6.28350169 27.2835017,5.5 28.25,5.5 Z" fill-opacity="0.5" fill="black"></path></svg>');
 	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
    bottom: 4px;
 	right: 4px;
	transition: all 0.1s cubic-bezier(0.36, 0, 0.66, -0.56);
	transform: scale(0);
}

#resizable-image.resize-enabled::before {
	transform: scale(1);
	transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
	transition-delay: 0.3s;
	transition-duration: 0.3s;
}

#resizable-image::after {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	border: 0.5px solid black;
	border-radius: 10px;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}

#resizable-image.resize-enabled::after {
	opacity: 0.05;
}

@keyframes draw-sketch {
	0%,
	5% {
		box-shadow: none;
	}

	8%,
	98% {
		box-shadow: 0px 10px 30px #cfd2d8;
	}

	100% {
		box-shadow: none;
	}
}

#alpha-sketching .alpha-feature-image {
	padding-right: 0;
}

@media (min-width: 800px) {
	#alpha-sketching .alpha-feature-image {
		padding-right: 2em;
	}
}

#sketcher-image img {
	display: block;
	margin: 0 auto;
	width: 80%;
	max-width: 500px;
	padding-top: 20px;
	padding-bottom: 40px;
	border-radius: 10px;
}

#sketcher-image {
	top: -15px;
	background-color: white;
	overflow: visible;
	animation-duration: 9180ms;
	animation-iteration-count: infinite;
	animation-timing-function: ease-out;
	transition: all 0.3s ease-in-out;
}

#sketcher-image.animating {
	animation-name: draw-sketch;
	box-shadow: 0px 10px 30px #cfd2d8;
	border-radius: 10px;
}

@keyframes show-sketch-tools {
	0%,
	8% {
		bottom: -100%;
		opacity: 0;
	}

	12%,
	96% {
		bottom: -10%;
		opacity: 1;
		animation-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
	}

	100% {
		bottom: -100%;
		opacity: 0;
	}
}

#sketcher-toolbar {
	position: absolute;
	bottom: -100%;
	left: 10%;
	width: calc(80% - 2em);
	height: 0;
	padding-bottom: 17%;
	background-image: url(../images/panda/pencil-kit@2x.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #f5f5f5;
	box-shadow: 0 0.5vw 5vw rgba(151, 157, 170, 0.5);
	border-radius: 54px;
	z-index: 1;
	opacity: 0;
	animation-duration: 9180ms;
	animation-iteration-count: infinite;
	animation-timing-function: cubic-bezier(0.34, 1.36, 0.64, 1);
	transition: all 0.3s ease-in-out;
}

#sketcher-toolbar.animating {
	animation-name: show-sketch-tools;
	opacity: 1;
}

#sketcher-toolbar > div {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#sketcher-toolbar::before,
#sketcher-marker::before {
	content: "";
	position: absolute;
	display: block;
}

@keyframes bump-color-well {
	0%,
	32% {
		transform: translateY(-50%) scale(1);
		background-color: black;
	}

	34% {
		transform: translateY(-50%) scale(1.15);
		background-color: #fc3142;
	}

	37%,
	100% {
		transform: translateY(-50%) scale(1);
		background-color: #fc3142;
	}
}

#sketcher-toolbar::before {
	width: 3.5vw;
	height: 3.5vw;
	max-width: 24px;
	max-height: 24px;
	background-color: black;
	border-radius: 100%;
	right: 11%;
	top: 50%;
	transform: translateY(-50%);
	animation-duration: 9180ms;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}

#sketcher-toolbar.animating::before {
	animation-name: bump-color-well;
}

@keyframes color-marker {
	0%,
	32% {
		background-color: black;
	}

	34% {
		background-color: #fc3142;
	}

	37%,
	100% {
		background-color: #fc3142;
	}
}

#sketcher-marker {
	position: absolute;
	width: 9%;
	height: 100%;
	left: 12.6%;
	bottom: -1px;
	background-color: black;

	animation-duration: 9180ms;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}

#sketcher-marker.animating {
	animation-name: color-marker;
}

#sketcher-marker::before {
	width: calc(100% + 2px);
	height: 100%;
	left: -1px;
	background-image: url(../images/panda/pencil-kit-marker@2x.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 0 90%;
	z-index: 1;
}

.alpha-feature {
	align-items: center;
}

.alpha-feature .alpha-feature-text,
.alpha-feature .alpha-feature-image,
.alpha-feature.reverse .alpha-feature-image,
.alpha-feature.reverse .alpha-feature-text {
	padding: 0;
}

.alpha-feature .alpha-feature-image {
	margin: 50px auto;
}

.alpha-feature .alpha-feature-text {
	padding-right: 0;
}

@media (min-width: 800px) {
	.alpha-feature .alpha-feature-text {
		padding-right: 2em;
	}
}

.alpha-feature.reverse .alpha-feature-image {
	padding-right: 2em;
}

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

section {
	background-color: white;
}

.alternate-bg {
	background-color: #f9fafb;
}

.footer a:hover,
.footer .footer-copyright a:hover {
	color: var(--accent-color-blue);
}

.footer .footer-copyright a:hover svg path {
	fill: var(--accent-color-blue);
}

.footer .footer-copyright a:hover svg circle {
	stroke: var(--accent-color-blue);
}