<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="393" height="852" viewBox="0 0 393 852"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" mask="url(#mask-for-body11)" aria-owns="sidebar-header1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="393" height="852" x="0" y="0" fill="rgb(247, 247, 255)"/></g><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"><g data-tag="div" id="sidebar-header1" class="sidebar-header" data-z-index="5" data-stacking-context="true" aria-owns="div1 div2 ms-auto1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="250" height="60" x="0" y="0" fill="rgb(255, 255, 255)"/><line stroke-linecap="square" stroke="rgb(228, 228, 228)" stroke-width="1px" x1="0" x2="250" y1="60" y2="60"/></g><g data-tag="div" id="div1" data-z-index="auto" data-stacking-context="true" aria-owns="a1"><a href="https://www.foxit.com/" target="_blank" data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="logo-icon1"><g data-tag="img" id="logo-icon1" class="logo-icon" data-z-index="auto" data-stacking-context="true" role="img" aria-label="logo icon" mask="url(#mask-for-logo-icon11)"><g data-stacking-layer="rootBackgroundAndBorders"/><g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/><g data-stacking-layer="nonPositionedFloats"/><g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/><mask id="mask-for-logo-icon11"><rect width="95" height="38" x="15" y="10.5" fill="#ffffff"/></mask><image id="logo-icon1-image" xlink:href="/62f8159f.png" x="15" y="10.5" width="95" height="38" aria-label="logo icon"/></g></a></g><g data-tag="div" id="div2" data-z-index="auto" data-stacking-context="true" aria-owns="logo-text1"><g data-tag="h4" id="logo-text1" class="logo-text" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="4"/></g><g data-tag="div" id="ms-auto1" class="ms-auto toggle-icon" data-z-index="auto" data-stacking-context="true" aria-owns="bx1"><g data-tag="i" id="bx1" class="bx bx-arrow-to-left" data-z-index="auto" data-stacking-context="true" aria-owns="span1"><g data-tag="span" id="span1" data-z-index="auto" data-stacking-context="true"><text color="rgb(13, 110, 253)" dominant-baseline="text-after-edge" font-family="boxicons" font-size="22px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="0.5px" text-decoration="none solid rgb(13, 110, 253)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(13, 110, 253)"><tspan xml:space="preserve" x="226.453125" y="42" textLength="8.546875" lengthAdjust="spacingAndGlyphs"></tspan></text></g></g></g></g></g><mask id="mask-for-body11"><rect width="393" height="852" x="0" y="0" fill="#ffffff"/></mask><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="834" height="1210" viewBox="0 0 834 1210"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" mask="url(#mask-for-body11)" aria-owns="sidebar-header1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="834" height="1210" x="0" y="0" fill="rgb(247, 247, 255)"/></g><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"><g data-tag="div" id="sidebar-header1" class="sidebar-header" data-z-index="5" data-stacking-context="true" aria-owns="div1 div2 ms-auto1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="250" height="60" x="0" y="0" fill="rgb(255, 255, 255)"/><line stroke-linecap="square" stroke="rgb(228, 228, 228)" stroke-width="1px" x1="0" x2="250" y1="60" y2="60"/></g><g data-tag="div" id="div1" data-z-index="auto" data-stacking-context="true" aria-owns="a1"><a href="https://www.foxit.com/" target="_blank" data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="logo-icon1"><g data-tag="img" id="logo-icon1" class="logo-icon" data-z-index="auto" data-stacking-context="true" role="img" aria-label="logo icon" mask="url(#mask-for-logo-icon11)"><g data-stacking-layer="rootBackgroundAndBorders"/><g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/><g data-stacking-layer="nonPositionedFloats"/><g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/><mask id="mask-for-logo-icon11"><rect width="95" height="38" x="15" y="10.5" fill="#ffffff"/></mask><image id="logo-icon1-image" xlink:href="/62f8159f.png" x="15" y="10.5" width="95" height="38" aria-label="logo icon"/></g></a></g><g data-tag="div" id="div2" data-z-index="auto" data-stacking-context="true" aria-owns="logo-text1"><g data-tag="h4" id="logo-text1" class="logo-text" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="4"/></g><g data-tag="div" id="ms-auto1" class="ms-auto toggle-icon" data-z-index="auto" data-stacking-context="true" aria-owns="bx1"><g data-tag="i" id="bx1" class="bx bx-arrow-to-left" data-z-index="auto" data-stacking-context="true" aria-owns="span1"><g data-tag="span" id="span1" data-z-index="auto" data-stacking-context="true"><text color="rgb(13, 110, 253)" dominant-baseline="text-after-edge" font-family="boxicons" font-size="22px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="0.5px" text-decoration="none solid rgb(13, 110, 253)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(13, 110, 253)"><tspan xml:space="preserve" x="226.453125" y="42" textLength="8.546875" lengthAdjust="spacingAndGlyphs"></tspan></text></g></g></g></g></g><mask id="mask-for-body11"><rect width="834" height="1210" x="0" y="0" fill="#ffffff"/></mask><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1440" height="900" viewBox="0 0 1440 900"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" mask="url(#mask-for-body11)" aria-owns="sidebar-header1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="1440" height="900" x="0" y="0" fill="rgb(247, 247, 255)"/></g><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"><g data-tag="div" id="sidebar-header1" class="sidebar-header" data-z-index="5" data-stacking-context="true" aria-owns="div1 div2 ms-auto1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="250" height="60" x="0" y="0" fill="rgb(255, 255, 255)"/><line stroke-linecap="square" stroke="rgb(228, 228, 228)" stroke-width="1px" x1="0" x2="250" y1="60" y2="60"/></g><g data-tag="div" id="div1" data-z-index="auto" data-stacking-context="true" aria-owns="a1"><a href="https://www.foxit.com/" target="_blank" data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="logo-icon1"><g data-tag="img" id="logo-icon1" class="logo-icon" data-z-index="auto" data-stacking-context="true" role="img" aria-label="logo icon" mask="url(#mask-for-logo-icon11)"><g data-stacking-layer="rootBackgroundAndBorders"/><g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/><g data-stacking-layer="nonPositionedFloats"/><g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/><mask id="mask-for-logo-icon11"><rect width="95" height="38" x="15" y="10.5" fill="#ffffff"/></mask><image id="logo-icon1-image" xlink:href="/62f8159f.png" x="15" y="10.5" width="95" height="38" aria-label="logo icon"/></g></a></g><g data-tag="div" id="div2" data-z-index="auto" data-stacking-context="true" aria-owns="logo-text1"><g data-tag="h4" id="logo-text1" class="logo-text" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="4"/></g><g data-tag="div" id="ms-auto1" class="ms-auto toggle-icon" data-z-index="auto" data-stacking-context="true" aria-owns="bx1"><g data-tag="i" id="bx1" class="bx bx-arrow-to-left" data-z-index="auto" data-stacking-context="true" aria-owns="span1"><g data-tag="span" id="span1" data-z-index="auto" data-stacking-context="true"><text color="rgb(13, 110, 253)" dominant-baseline="text-after-edge" font-family="boxicons" font-size="22px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="0.5px" text-decoration="none solid rgb(13, 110, 253)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(13, 110, 253)"><tspan xml:space="preserve" x="226.453125" y="42" textLength="8.546875" lengthAdjust="spacingAndGlyphs"></tspan></text></g></g></g></g></g><mask id="mask-for-body11"><rect width="1440" height="900" x="0" y="0" fill="#ffffff"/></mask><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<body><div class="sidebar-header"><div><a href="https://www.foxit.com/" target="_blank"><img alt="logo icon" class="logo-icon" src="http://localhost:3000/62f8159f.png"></a></div><div><h4 class="logo-text"></h4></div><div class="ms-auto toggle-icon"><i class="bx bx-arrow-to-left"></i></div></div></body>

<style>

@-webkit-keyframes pace-spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes pace-spinner{0%{-moz-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes pace-spinner{0%{-o-transform:rotate(0);transform:rotate(0)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes pace-spinner{0%{-ms-transform:rotate(0);transform:rotate(0)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes pace-spinner{0%{transform:rotate(0);transform:rotate(0)}100%{transform:rotate(360deg);transform:rotate(360deg)}}

@charset "UTF-8";


:root {
	--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}
*, ::after, ::before {
	box-sizing: border-box
}
@media (prefers-reduced-motion:no-preference) {
	:root {
		scroll-behavior: smooth
	}
}
body {
	margin: 0;
	font-family: var(--bs-font-sans-serif);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent
}
 .h4, h4 {
	margin-top: 0;
	margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.2;
	color: #32393f
}
.h4, h4 {
	font-size: calc(1.275rem + .3vw)
}
@media (min-width:1200px) {
	.h4, h4 {
		font-size: 1.5rem
	}
}
a {
	color: #0d6efd;
	text-decoration: underline
}
a:hover {
	color: #0a58ca
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
	color: inherit;
	text-decoration: none
}
img {
	vertical-align: middle
}
::-moz-focus-inner {
	padding: 0;
	border-style: none
}
::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field {
	padding: 0
}
::-webkit-inner-spin-button {
	height: auto
}
::-webkit-search-decoration {
	-webkit-appearance: none
}
::-webkit-color-swatch-wrapper {
	padding: 0
}
::file-selector-button {
	font: inherit
}
::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button
}
@-webkit-keyframes progress-bar-stripes {
	0% {
		background-position-x: 1rem
	}
}
@keyframes progress-bar-stripes {
	0% {
		background-position-x: 1rem
	}
}
@-webkit-keyframes spinner-border {
	to {
		transform: rotate(360deg)
	}
}
@keyframes spinner-border {
	to {
		transform: rotate(360deg)
	}
}
@-webkit-keyframes spinner-grow {
	0% {
		transform: scale(0)
	}
	50% {
		opacity: 1;
		transform: none
	}
}
@keyframes spinner-grow {
	0% {
		transform: scale(0)
	}
	50% {
		opacity: 1;
		transform: none
	}
}
.ms-auto {
	margin-left: auto!important
}

body {
	font-size: 14px;
	color: #4c5258;
	letter-spacing: .5px;
	background: #f7f7ff;
	overflow-x: hidden;
	font-family: Roboto, sans-serif
}

a {
	text-decoration: none
}

.sidebar-header {
	width: 250px;
	height: 60px;
	display: flex;
	align-items: center;
	position: fixed;
	top: 0;
	bottom: 0;
	padding: 0 15px;
	z-index: 5;
	background: #fff;
	background-clip: padding-box;
	border-bottom: 1px solid #e4e4e4
}

.logo-icon {
	width: 95px
}

.logo-text {
	font-size: 22px;
	margin-left: 10px;
	margin-bottom: 0;
	letter-spacing: 1px;
	color: #0d6efd
}

.toggle-icon {
	font-size: 22px;
	cursor: pointer;
	color: #0d6efd
}

@-webkit-keyframes animdropdown {
	from {
		-webkit-transform: translate3d(0, 6px, 0);
		transform: translate3d(0, 6px, 0);
		opacity: 0
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes animdropdown {
	from {
		-webkit-transform: translate3d(0, 6px, 0);
		transform: translate3d(0, 6px, 0);
		opacity: 0
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@font-face {
	font-family: boxicons;
	font-weight: 400;
	font-style: normal;
	src: url(https://languages.foxit.com/static/assets/fonts/boxicons.eot);
	src: url(https://languages.foxit.com/static/assets/fonts/boxicons.eot) format('embedded-opentype'), url(https://languages.foxit.com/static/assets/fonts/boxicons.woff2) format('woff2'), url(https://languages.foxit.com/static/assets/fonts/boxicons.woff) format('woff'), url(https://languages.foxit.com/static/assets/fonts/boxicons.ttf) format('truetype'), url(https://languages.foxit.com/static/assets/fonts/boxicons.svg?#boxicons) format('svg')
}

.bx {
	font-family: boxicons!important;
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	line-height: inherit;
	display: inline-block;
	text-transform: none;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

@-webkit-keyframes burst {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
	90% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0
	}
}

@keyframes burst {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
	90% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0
	}
}

@-webkit-keyframes flashing {
	0% {
		opacity: 1
	}
	45% {
		opacity: 0
	}
	90% {
		opacity: 1
	}
}

@keyframes flashing {
	0% {
		opacity: 1
	}
	45% {
		opacity: 0
	}
	90% {
		opacity: 1
	}
}

@-webkit-keyframes fade-left {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
	75% {
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px);
		opacity: 0
	}
}

@keyframes fade-left {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
	75% {
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px);
		opacity: 0
	}
}

@-webkit-keyframes fade-right {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
	75% {
		-webkit-transform: translateX(20px);
		transform: translateX(20px);
		opacity: 0
	}
}

@keyframes fade-right {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
	75% {
		-webkit-transform: translateX(20px);
		transform: translateX(20px);
		opacity: 0
	}
}

@-webkit-keyframes fade-up {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
	75% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
		opacity: 0
	}
}

@keyframes fade-up {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
	75% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
		opacity: 0
	}
}

@-webkit-keyframes fade-down {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
	75% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
		opacity: 0
	}
}

@keyframes fade-down {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
	75% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
		opacity: 0
	}
}

@-webkit-keyframes tada {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	10%,
	20% {
		-webkit-transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);
		transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg)
	}
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
		transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg)
	}
	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -10deg);
		transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -10deg)
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes tada {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	10%,
	20% {
		-webkit-transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);
		transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg)
	}
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
		transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg)
	}
	40%,
	60%,
	80% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.bx-arrow-to-left:before {
	content: "\e91d"
}

@font-face {
	font-family: LineIcons;
	src: url(https://languages.foxit.com/static/assets/fonts/LineIcons.eot);
	src: url(https://languages.foxit.com/static/assets/fonts/LineIcons.eot) format('embedded-opentype'), url(https://languages.foxit.com/static/assets/fonts/LineIcons.woff2) format('woff2'), url(https://languages.foxit.com/static/assets/fonts/LineIcons.woff) format('woff'), url(https://languages.foxit.com/static/assets/fonts/LineIcons.ttf) format('truetype'), url(https://languages.foxit.com/static/assets/fonts/LineIcons.svg) format('svg');
	font-weight: 400;
	font-style: normal
}


@-webkit-keyframes jconfirm-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes jconfirm-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes type-blue{1%,100%{border-color:#3498db}50%{border-color:#5faee3}}@keyframes type-blue{1%,100%{border-color:#3498db}50%{border-color:#5faee3}}@-webkit-keyframes type-green{1%,100%{border-color:#2ecc71}50%{border-color:#54d98c}}@keyframes type-green{1%,100%{border-color:#2ecc71}50%{border-color:#54d98c}}@-webkit-keyframes type-red{1%,100%{border-color:#e74c3c}50%{border-color:#ed7669}}@keyframes type-red{1%,100%{border-color:#e74c3c}50%{border-color:#ed7669}}@-webkit-keyframes type-orange{1%,100%{border-color:#f1c40f}50%{border-color:#f4d03f}}@keyframes type-orange{1%,100%{border-color:#f1c40f}50%{border-color:#f4d03f}}@-webkit-keyframes type-purple{1%,100%{border-color:#9b59b6}50%{border-color:#b07cc6}}@keyframes type-purple{1%,100%{border-color:#9b59b6}50%{border-color:#b07cc6}}@-webkit-keyframes type-dark{1%,100%{border-color:#34495e}50%{border-color:#46627f}}@keyframes type-dark{1%,100%{border-color:#34495e}50%{border-color:#46627f}}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}20%,80%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-8px,0,0);transform:translate3d(-8px,0,0)}40%,60%{-webkit-transform:translate3d(8px,0,0);transform:translate3d(8px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}20%,80%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-8px,0,0);transform:translate3d(-8px,0,0)}40%,60%{-webkit-transform:translate3d(8px,0,0);transform:translate3d(8px,0,0)}}@-webkit-keyframes glow{0%,100%{-webkit-box-shadow:0 0 0 red;box-shadow:0 0 0 red}50%{-webkit-box-shadow:0 0 30px red;box-shadow:0 0 30px red}}@keyframes glow{0%,100%{-webkit-box-shadow:0 0 0 red;box-shadow:0 0 0 red}50%{-webkit-box-shadow:0 0 30px red;box-shadow:0 0 30px red}}


</style>