/*
* Cirrus 0.6.0
* Stanley Lim, Copyright 2020
* https://spiderpig86.github.io/Cirrus
*
* Edition for Talkin by Studio Stein
*/

@import url('https://fonts.googleapis.com/css2?family=Blinker:wght@300;600&family=Work+Sans:wght@400;600&display=swap');

@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/materialicons/v78/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');
}

.balance-text {
	text-wrap: balance;  /* Adobe Balance Text */
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: transparent
}

:root {
	--max-width-content: 84rem;
	--gap-0: 0;
	--gap-1: 0.25rem;
	--gap-2: 0.5rem;
	--gap-3: 1rem;
	--gap-4: 1.25rem;
	--gap-5: 1.5rem;
	--gap-6: 2rem;
	--gap-7: 3rem;
	--gap-8: 4rem;
	--gap-9: 5rem;
	--gap-10: 7rem;
	--gap-11: 9rem;
	--gap-12: 12rem;

	--cirrus-fg: #374054;
	--cirrus-bg: #fff;
	--cirrus-primary: #E8156E;
	--cirrus-primary-light: #ffdadd;
	--cirrus-accent-hover: #be1059;
	--cirrus-accent-border: #8f1447;
	--cirrus-light: #f6f9fc;
	--cirrus-light-gray: #f8f9fa;
	--cirrus-gray: #d5d7dc;
	--cirrus-dark-gray: #909090;
	--cirrus-dark: #363636;
	--cirrus-link: #4B309A;
	--cirrus-link-dark: #372374;
	--cirrus-info: #2972fa;
	--cirrus-success: #0dd157;
	--cirrus-success-rgb: 13, 209, 87;
	--cirrus-warning: #fab633;
	--cirrus-danger: #fb4143;
	--cirrus-light-hover: #d0e0ef;
	--cirrus-dark-hover: #505050;
	--cirrus-info-hover: #1062f9;
	--cirrus-link-hover: #f8f7ff;
	--cirrus-success-hover: #0cb94d;
	--cirrus-warning-hover: #f9ad1a;
	--cirrus-danger-hover: #eb0507;
	--cirrus-select-bg: rgba(0, 161, 255, 0.2);
	--cirrus-code-bg: var(--cirrus-primary-light);
	--cirrus-code-fg: #dc4753;
	--cirrus-form-group-bg: var(--cirrus-light-gray);
	--cirrus-form-group-fg: var(--cirrus-dark-gray);
	--toast-primary-bg: rgba(49, 59, 80, 0.9);
	--animation-duration: 0.2s;
	--focus-opacity: 0.55;
	--space-size: 0.5rem;

	--btn-font-size: 0.9rem;

	--font-primary: 'Work Sans', sans-serif;
	--font-secondary: 'Blinker', sans-serif;
	--font-size-xs: 0.7rem;
	--font-size-s: 0.85rem;
	--font-size-m: 1rem;
	--font-size-l: 1.35rem;
	--font-size-xl: 1.75rem;
	--font-weight-title: 300;
	--font-weight-title-bold: 600;
	--font-weight-text: 400;
	--font-weight-text-bold: 600;

}

/* TALKIN */

.degrade {
	background: linear-gradient(307.91deg, #E0006C 0%, #382382 100%);
}

.degrade2 {
	background: linear-gradient(281.35deg, #821378 0%, #382382 100%);
}

.poly {
	background-image: url('poly.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

/* /// */

body,
html {
	margin: 0;
	padding: 0;
	border: none;
	height: 100%;
	scroll-behavior: smooth;
}

body {
	letter-spacing: .01rem;
	line-height: 1.8;
	font-size: 1rem;
	font-weight: var(--font-weight-text);
	font-family: var(--font-primary), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	letter-spacing: .01rem;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .004);
	color: var(--cirrus-fg)
}

ul {
	list-style: none;
	list-style: disc
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: inherit;
	/*line-height: inherit;*/
	/*vertical-align: text-bottom;*/
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

	.icon-big { font-size: 32px; }
	.icon-medium { font-size: 24px; }

embed,
img,
object,
video {
	max-width: 100%;
	height: auto
}

.hero.fullscreen video {
	height: 100%;
	object-fit: fill;
	position: absolute;
	width: 100%;
	z-index: -1
}

iframe {
	outline: 0;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05)
}

article,
aside,
figure,
footer,
header,
hgroup,
section {
	display: block
}

input,
optgroup,
select,
textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit
}

label {
	display: inline-block;
	margin: .25rem 0
}

fieldset {
	padding: 1rem
}

fieldset legend {
	font-weight: var(--font-weight-text-bold);
}

[hidden] {
	display: none!important
}

::selection {
	background-color: var(--cirrus-select-bg)
}

:focus {
	box-shadow: 0 0 .1rem .15rem rgba(240, 61, 77, .13);
	outline: 0
}

@-webkit-keyframes loading {
	from {
		transform: rotate(0)
	}
	to {
		transform: rotate(359deg)
	}
}

@keyframes loading {
	from {
		transform: rotate(0)
	}
	to {
		transform: rotate(359deg)
	}
}

@-webkit-keyframes pound {
	to {
		transform: scale(1.1)
	}
}

@keyframes pound {
	to {
		transform: scale(1.1)
	}
}

@-webkit-keyframes bounce {
	20%,
	53%,
	80%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}
	70% {
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

@keyframes bounce {
	20%,
	53%,
	80%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}
	70% {
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

@keyframes bounceIn {
	20%,
	40%,
	60%,
	80%,
	from,
	to {
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		transform: scale3d(.3, .3, .3)
	}
	20% {
		transform: scale3d(1.1, 1.1, 1.1)
	}
	40% {
		transform: scale3d(.9, .9, .9)
	}
	60% {
		opacity: 1;
		transform: scale3d(1.03, 1.03, 1.03)
	}
	80% {
		transform: scale3d(.97, .97, .97)
	}
	to {
		opacity: 1;
		transform: scale3d(1, 1, 1)
	}
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

.hover-grow {
	transition-duration: .32s
}

.hover-grow:hover {
	transform: scale(1.1);
	transition-duration: 80ms
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.loading {
	display: block;
	position: relative
}

.animated.loading::after {
	border: 2px solid #ced4da;
	border-radius: 50%;
	border-right-color: transparent;
	border-top-color: transparent;
	content: '';
	display: block;
	height: 1rem;
	width: 1rem;
	left: calc(50% - (1em / 1.25));
	top: calc(50% - (1em / 1.35));
	position: absolute;
	-webkit-animation: .5s linear infinite loading;
	animation: .5s linear infinite loading
}

.animated.loading.loading-white::after {
	border-left-color: #fff;
	border-bottom-color: #fff
}

.animated.loading.loading-left {
	padding-left: 3rem
}

.animated.loading.loading-left::after {
	left: 1rem;
	right: auto
}

.animated.loading.loading-right {
	padding-right: 3rem
}

.animated.loading.loading-right::after {
	left: auto;
	right: 1rem
}

.animated.loading.hide-text {
	color: transparent!important
}

.animated.pulse {
	animation: .35s infinite alternate pound;
	-webkit-animation: .35s infinite alternate pound;
	vertical-align: baseline
}

.animated.bounce {
	animation-name: bounce;
	-webkit-animation-name: bounce;
	transform-origin: center bottom;
	-webkit-transform-origin: center bottom
}

.animated.bounceIn {
	animation-name: bounceIn
}

.animated.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.infinite.alternate {
	animation-direction: alternate
}

.animated.paused {
	-webkit-animation-play-state: paused!important;
	animation-play-state: paused!important
}

.avatar {
	border-radius: 50%;
	position: relative;
	display: block;
	margin: auto;
	font-size: 1.5rem;
	font-weight: lighter;
	width: 3.2rem;
	height: 3.2rem;
	background-color: var(--cirrus-primary);
	overflow: hidden
}

.avatar::before {
	content: attr(data-text);
	color: #fff;
	left: 50%;
	top: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%)
}

.avatar.avatar--xsmall {
	font-size: .8rem;
	width: 1.6rem;
	height: 1.6rem
}

.avatar.avatar--small {
	font-size: 1rem;
	width: 2.4rem;
	height: 2.4rem
}

.avatar.avatar--large {
	font-size: 2rem;
	width: 4.8rem;
	height: 4.8rem
}

.avatar.avatar--xlarge {
	font-size: 3rem;
	width: 6.4rem;
	height: 6.4rem
}

.avatar img.padded {
	padding: .5rem;
	width: 100%
}

.card {
	background-color: #fff;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	transition: .3s;
	backface-visibility: hidden;
	box-shadow: 0 5px 12px 0 rgba(42, 51, 83, .12), 0 0 5px rgba(0, 0, 0, .06);
	margin-bottom: 1rem
}

.card:hover {
	transition: .3s;
	box-shadow: 0 8px 20px 0 rgba(42, 51, 83, .12), 0 5px 5px rgba(0, 0, 0, .06)
}

.card:hover .card-image::after {
	opacity: 0
}

.card:hover .mobile-title {
	margin-top: -7rem;
	transition: .3s ease-in-out
}

.card:hover .card-body {
	opacity: 1
}

.card.u-flex .content {
	flex-grow: 1
}

.card p {
	margin: 1rem 0
}

.card .slide-up:hover .card-image {
	transform: translateY(-40px)
}

.card .card-image {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 5px 5px 0 0;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: .3s ease-in-out
}

.card .card-image::after {
	content: '';
	display: block;
	position: absolute;
	background-color: rgba(0, 0, 0, .1);
	top: 0;
	left: 0;
	right: 0;
	-webkit-transition: .5s;
	transition: .5s;
	bottom: 0
}

.card .card-container {
	display: block;
	position: relative;
	height: 40%;
	min-height: 332px
}

.card .title-container {
	position: absolute;
	bottom: 1rem;
	width: 100%;
	padding: 0 1rem
}

.card .title-container .subtitle,
.card .title-container .title {
	color: #fff;
	margin: 1rem auto
}

.card .title-container .title {
	font-weight: var(--font-weight-text);
	font-size: 1.5rem;
	margin-bottom: 0;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .25)
}

.card .action-bar {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: .5rem;
	margin: 0;
	border-top: 1px solid #e9ecef;
	box-sizing: border-box;
	-webkit-transition: left .2s cubic-bezier(.075, .82, .165, 1);
	transition: left .2s cubic-bezier(.075, .82, .165, 1)
}

.card .action-bar .btn,
.card .action-bar [type=button],
.card .action-bar [type=reset],
.card .action-bar [type=submit],
.card .action-bar button {
	margin: 0 .5rem
}

.card .action-bar+.card-footer {
	padding: 1rem 0;
	border-top: 1px solid #e9ecef
}

.card .mobile-title {
	position: absolute;
	left: 0;
	background-color: var(--cirrus-bg);
	-moz-transition: .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
	padding: 2rem 0 0;
	backface-visibility: hidden
}

.card .card-body {
	opacity: 0;
	transition: all var(--animation-duration) ease-in-out
}

.card .card-footer {
	position: relative;
	font-size: .75rem;
	color: #868e96
}

.card .card-head {
	align-items: stretch;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	border-bottom: 1px solid #e9ecef
}

.card .card-head-title {
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	font-weight: var(--font-weight-text-bold);
	padding: 0 1rem
}

.form-ext-control {
	padding-left: 1.5rem;
	position: relative
}

.form-ext-control.form-ext-checkbox .form-ext-input:checked~.form-ext-label:after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.form-ext-control.form-ext-checkbox .form-ext-label:before {
	border-radius: .25rem
}

.form-ext-control.form-ext-radio .form-ext-input:checked~.form-ext-label:after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.form-ext-control.form-ext-radio .form-ext-label:before {
	border-radius: 50%
}

.form-ext-control .form-ext-input {
	opacity: 0;
	position: absolute;
	z-index: -1
}

.form-ext-control .form-ext-input:disabled~.form-ext-label {
	opacity: .4
}

.form-ext-control .form-ext-input.form-ext-input--gray:checked~.form-ext-label {
	color: var(--cirrus-gray)
}

.form-ext-control .form-ext-input.form-ext-input--gray:checked~.form-ext-label:before {
	background-color: var(--cirrus-gray)
}

.form-ext-control .form-ext-input.form-ext-input--gray:focus~.form-ext-label:before {
	border-color: inherit;
	box-shadow: 0 0 0 .2rem rgba(213, 215, 220, .55), inset 0 1px 8px rgba(0, 0, 0, .07)
}

.form-ext-control .form-ext-input.form-ext-input--dark:checked~.form-ext-label {
	color: var(--cirrus-dark)
}

.form-ext-control .form-ext-input.form-ext-input--dark:checked~.form-ext-label:before {
	background-color: var(--cirrus-dark)
}

.form-ext-control .form-ext-input.form-ext-input--dark:focus~.form-ext-label:before {
	border-color: inherit;
	box-shadow: 0 0 0 .2rem rgba(54, 54, 54, .55), inset 0 1px 8px rgba(0, 0, 0, .07)
}

.form-ext-control .form-ext-input.form-ext-input--link:checked~.form-ext-label {
	color: var(--cirrus-link)
}

.form-ext-control .form-ext-input.form-ext-input--link:checked~.form-ext-label:before {
	background-color: var(--cirrus-link)
}

.form-ext-control .form-ext-input.form-ext-input--link:focus~.form-ext-label:before {
	border-color: inherit;
	box-shadow: 0 0 0 .2rem rgba(94, 92, 199, .55), inset 0 1px 8px rgba(0, 0, 0, .07)
}

.form-ext-control .form-ext-input.form-ext-input--info:checked~.form-ext-label {
	color: var(--cirrus-info)
}

.form-ext-control .form-ext-input.form-ext-input--info:checked~.form-ext-label:before {
	background-color: var(--cirrus-info)
}

.form-ext-control .form-ext-input.form-ext-input--info:focus~.form-ext-label:before {
	border-color: inherit;
	box-shadow: 0 0 0 .2rem rgba(41, 114, 250, .55), inset 0 1px 8px rgba(0, 0, 0, .07)
}

.form-ext-control .form-ext-input.form-ext-input--success:checked~.form-ext-label {
	color: var(--cirrus-success)
}

.form-ext-control .form-ext-input.form-ext-input--success:checked~.form-ext-label:before {
	background-color: var(--cirrus-success)
}

.form-ext-control .form-ext-input.form-ext-input--success:focus~.form-ext-label:before {
	border-color: inherit;
	box-shadow: 0 0 0 .2rem rgba(13, 209, 87, .55), inset 0 1px 8px rgba(0, 0, 0, .07)
}

.form-ext-control .form-ext-input.form-ext-input--warning:checked~.form-ext-label {
	color: var(--cirrus-warning)
}

.form-ext-control .form-ext-input.form-ext-input--warning:checked~.form-ext-label:before {
	background-color: var(--cirrus-warning)
}

.form-ext-control .form-ext-input.form-ext-input--warning:focus~.form-ext-label:before {
	border-color: inherit;
	box-shadow: 0 0 0 .2rem rgba(250, 182, 51, .55), inset 0 1px 8px rgba(0, 0, 0, .07)
}

.form-ext-control .form-ext-input.form-ext-input--danger:checked~.form-ext-label {
	color: var(--cirrus-danger)
}

.form-ext-control .form-ext-input.form-ext-input--danger:checked~.form-ext-label:before {
	background-color: var(--cirrus-danger)
}

.form-ext-control .form-ext-input.form-ext-input--danger:focus~.form-ext-label:before {
	border-color: inherit;
	box-shadow: 0 0 0 .2rem rgba(251, 65, 67, .55), inset 0 1px 8px rgba(0, 0, 0, .07)
}

.form-ext-control .form-ext-input:disabled~.form-ext-toggle__toggler {
	opacity: .5
}

.form-ext-control .form-ext-toggle__label {
	align-items: center;
	display: flex;
	justify-content: space-between
}

.form-ext-control .form-ext-toggle {
	cursor: pointer;
	position: relative
}

.form-ext-control .form-ext-toggle input[type=checkbox],
.form-ext-control .form-ext-toggle input[type=radio] {
	opacity: 0;
	position: absolute;
	z-index: -1
}

.form-ext-control .form-ext-toggle .form-ext-toggle__toggler {
	border: 1px solid var(--cirrus-gray);
	border-radius: 6.25rem;
	color: var(--cirrus-gray);
	display: block;
	font-size: 9px;
	height: 1.5rem;
	position: relative;
	width: 3rem
}

.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i {
	display: inline-block
}

.form-ext-control .form-ext-toggle input[type=checkbox]:checked+* .form-ext-toggle__toggler,
.form-ext-control .form-ext-toggle input[type=checkbox]:checked+.form-ext-toggle__toggler,
.form-ext-control .form-ext-toggle input[type=radio]:checked+* .form-ext-toggle__toggler,
.form-ext-control .form-ext-toggle input[type=radio]:checked+.form-ext-toggle__toggler {
	background-color: var(--cirrus-primary);
	border-color: var(--cirrus-primary);
	color: #fff;
	position: relative;
	transition: .4s
}

.form-ext-control .form-ext-toggle input[type=checkbox]:checked+* .form-ext-toggle__toggler i::after,
.form-ext-control .form-ext-toggle input[type=checkbox]:checked+.form-ext-toggle__toggler i::after,
.form-ext-control .form-ext-toggle input[type=radio]:checked+* .form-ext-toggle__toggler i::after,
.form-ext-control .form-ext-toggle input[type=radio]:checked+.form-ext-toggle__toggler i::after {
	background-color: #fff;
	left: calc(100% - 20px)
}

.form-ext-control .form-ext-toggle input[type=checkbox]:checked+* .form-ext-toggle__toggler i::before,
.form-ext-control .form-ext-toggle input[type=checkbox]:checked+.form-ext-toggle__toggler i::before,
.form-ext-control .form-ext-toggle input[type=radio]:checked+* .form-ext-toggle__toggler i::before,
.form-ext-control .form-ext-toggle input[type=radio]:checked+.form-ext-toggle__toggler i::before {
	color: #fff;
	content: attr(data-check-icon);
	text-align: left
}

.form-ext-control .form-ext-toggle.form-ext-toggle--gray input[type=checkbox]:checked+* .form-ext-toggle__toggler,
.form-ext-control .form-ext-toggle.form-ext-toggle--gray input[type=checkbox]:checked+.form-ext-toggle__toggler,
.form-ext-control .form-ext-toggle.form-ext-toggle--gray input[type=radio]:checked+* .form-ext-toggle__toggler,
.form-ext-control .form-ext-toggle.form-ext-toggle--gray input[type=radio]:checked+.form-ext-toggle__toggler {
	background-color: var(--cirrus-gray);
	border-color: var(--cirrus-gray)
}

.form-ext-control .form-ext-toggle .form-ext-toggle--gray .form-ext-toggle__toggler {
	border-color: var(--cirrus-gray);
	color: var(--cirrus-gray)
}

.form-ext-control .form-ext-toggle .form-ext-toggle--gray .form-ext-toggle__toggler i::after {
	background-color: var(--cirrus-gray)
}

.form-ext-control .form-ext-toggle .form-ext-input:focus+.form-ext-toggle__toggler,
.form-ext-control .form-ext-toggle .form-ext-input:focus~.form-ext-label:before,
.form-ext-control .form-ext-toggle.form-ext-toggle--gray .form-ext-input:focus+.form-ext-toggle__toggler {
	box-shadow: 0 0 0 .2rem rgba(213, 215, 220, .55), inset 0 1px 8px rgba(0, 0, 0, .07)
}

.form-ext-control .form-ext-toggle.form-ext-toggle--dark input[type=checkbox]:checked+* .form-ext-toggle__toggler,
.form-ext-control .form-ext-toggle.form-ext-toggle--dark input[type=checkbox]:checked+.form-ext-toggle__toggler,
.form-ext-control .form-ext-toggle.form-ext-toggle--dark input[type=radio]:checked+* .form-ext-toggle__toggler,
.form-ext-control .form-ext-toggle.form-ext-toggle--dark input[type=radio]:checked+.form-ext-toggle__toggler {
	background-color: var(--cirrus-dark);
	border-color: var(--cirrus-dark)
}

.form-ext-control .form-ext-toggle .form-ext-toggle--dark .form-ext-toggle__toggler {
	border-color: var(--cirrus-dark);
	color: var(--cirrus-dark)
}

.form-ext-control .form-ext-toggle .form-ext-toggle--dark .form-ext-toggle__toggler i::after {
	background-color: var(--cirrus-dark)
}

.form-ext-control .form-ext-toggle .form-ext-input:focus+.form-ext-toggle__toggler,
.form-ext-control .form-ext-toggle .form-ext-input:focus~.form-ext-label:before,
.form-ext-control .form-ext-toggle.form-ext-toggle--dark .form-ext-input:focus+.form-ext-toggle__toggler {
	box-shadow: 0 0 0 .2rem rgba(54, 54, 54, .55), inset 0 1px 8px rgba(0, 0, 0, .07)
}

.form-ext-control .form-ext-toggle.form-ext-toggle--link input[type=checkbox]:checked+* .form-ext-toggle__toggler,
.form-ext-control .form-ext-toggle.form-ext-toggle--link input[type=checkbox]:checked+.form-ext-toggle__toggler,
.form-ext-control .form-ext-toggle.form-ext-toggle--link input[type=radio]:checked+* .form-ext-toggle__toggler,
.form-ext-control .form-ext-toggle.form-ext-toggle--link input[type=radio]:checked+.form-ext-toggle__toggler {
	background-color: var(--cirrus-link);
	border-color: var(--cirrus-link)
}

.form-ext-control .form-ext-toggle .form-ext-toggle--link .form-ext-toggle__toggler {
	border-color: var(--cirrus-link);
	color: var(--cirrus-link)
}

.form-ext-control .form-ext-toggle .form-ext-toggle--link .form-ext-toggle__toggler i::after {
	background-color: var(--cirrus-link)
}

.form-ext-control .form-ext-toggle .form-ext-input:focus+.form-ext-toggle__toggler,
.form-ext-control .form-ext-toggle .form-ext-input:focus~.form-ext-label:before,
.form-ext-control .form-ext-toggle.form-ext-toggle--link .form-ext-input:focus+.form-ext-toggle__toggler {
	box-shadow: 0 0 0 .2rem rgba(94, 92, 199, .55), inset 0 1px 8px rgba(0, 0, 0, .07)
}

.form-ext-control .form-ext-toggle.form-ext-toggle--info input[type=checkbox]:checked+* .form-ext-toggle__toggler,
.form-ext-control .form-ext-toggle.form-ext-toggle--info input[type=checkbox]:checked+.form-ext-toggle__toggler,
.form-ext-control .form-ext-toggle.form-ext-toggle--info input[type=radio]:checked+* .form-ext-toggle__toggler,
.form-ext-control .form-ext-toggle.form-ext-toggle--info input[type=radio]:checked+.form-ext-toggle__toggler {
	background-color: var(--cirrus-info);
	border-color: var(--cirrus-info)
}

.form-ext-control .form-ext-toggle .form-ext-toggle--info .form-ext-toggle__toggler {
	border-color: var(--cirrus-info);
	color: var(--cirrus-info)
}

.form-ext-control .form-ext-toggle .form-ext-toggle--info .form-ext-toggle__toggler i::after {
	background-color: var(--cirrus-info)
}

.form-ext-control .form-ext-toggle .form-ext-input:focus+.form-ext-toggle__toggler,
.form-ext-control .form-ext-toggle .form-ext-input:focus~.form-ext-label:before,
.form-ext-control .form-ext-toggle.form-ext-toggle--info .form-ext-input:focus+.form-ext-toggle__toggler {
	box-shadow: 0 0 0 .2rem rgba(41, 114, 250, .55), inset 0 1px 8px rgba(0, 0, 0, .07)
}

.form-ext-control .form-ext-toggle.form-ext-toggle--success input[type=checkbox]:checked+* .form-ext-toggle__toggler,
.form-ext-control .form-ext-toggle.form-ext-toggle--success input[type=checkbox]:checked+.form-ext-toggle__toggler,
.form-ext-control .form-ext-toggle.form-ext-toggle--success input[type=radio]:checked+* .form-ext-toggle__toggler,
.form-ext-control .form-ext-toggle.form-ext-toggle--success input[type=radio]:checked+.form-ext-toggle__toggler {
	background-color: var(--cirrus-success);
	border-color: var(--cirrus-success)
}

.form-ext-control .form-ext-toggle .form-ext-toggle--success .form-ext-toggle__toggler {
	border-color: var(--cirrus-success);
	color: var(--cirrus-success)
}

.form-ext-control .form-ext-toggle .form-ext-toggle--success .form-ext-toggle__toggler i::after {
	background-color: var(--cirrus-success)
}

.form-ext-control .form-ext-toggle .form-ext-input:focus+.form-ext-toggle__toggler,
.form-ext-control .form-ext-toggle .form-ext-input:focus~.form-ext-label:before,
.form-ext-control .form-ext-toggle.form-ext-toggle--success .form-ext-input:focus+.form-ext-toggle__toggler {
	box-shadow: 0 0 0 .2rem rgba(13, 209, 87, .55), inset 0 1px 8px rgba(0, 0, 0, .07)
}

.form-ext-control .form-ext-toggle.form-ext-toggle--warning input[type=checkbox]:checked+* .form-ext-toggle__toggler,
.form-ext-control .form-ext-toggle.form-ext-toggle--warning input[type=checkbox]:checked+.form-ext-toggle__toggler,
.form-ext-control .form-ext-toggle.form-ext-toggle--warning input[type=radio]:checked+* .form-ext-toggle__toggler,
.form-ext-control .form-ext-toggle.form-ext-toggle--warning input[type=radio]:checked+.form-ext-toggle__toggler {
	background-color: var(--cirrus-warning);
	border-color: var(--cirrus-warning)
}

.form-ext-control .form-ext-toggle .form-ext-toggle--warning .form-ext-toggle__toggler {
	border-color: var(--cirrus-warning);
	color: var(--cirrus-warning)
}

.form-ext-control .form-ext-toggle .form-ext-toggle--warning .form-ext-toggle__toggler i::after {
	background-color: var(--cirrus-warning)
}

.form-ext-control .form-ext-toggle .form-ext-input:focus+.form-ext-toggle__toggler,
.form-ext-control .form-ext-toggle .form-ext-input:focus~.form-ext-label:before,
.form-ext-control .form-ext-toggle.form-ext-toggle--warning .form-ext-input:focus+.form-ext-toggle__toggler {
	box-shadow: 0 0 0 .2rem rgba(250, 182, 51, .55), inset 0 1px 8px rgba(0, 0, 0, .07)
}

.form-ext-control .form-ext-toggle.form-ext-toggle--danger input[type=checkbox]:checked+* .form-ext-toggle__toggler,
.form-ext-control .form-ext-toggle.form-ext-toggle--danger input[type=checkbox]:checked+.form-ext-toggle__toggler,
.form-ext-control .form-ext-toggle.form-ext-toggle--danger input[type=radio]:checked+* .form-ext-toggle__toggler,
.form-ext-control .form-ext-toggle.form-ext-toggle--danger input[type=radio]:checked+.form-ext-toggle__toggler {
	background-color: var(--cirrus-danger);
	border-color: var(--cirrus-danger)
}

.form-ext-control .form-ext-toggle .form-ext-toggle--danger .form-ext-toggle__toggler {
	border-color: var(--cirrus-danger);
	color: var(--cirrus-danger)
}

.form-ext-control .form-ext-toggle .form-ext-toggle--danger .form-ext-toggle__toggler i::after {
	background-color: var(--cirrus-danger)
}

.form-ext-control .form-ext-toggle .form-ext-input:focus+.form-ext-toggle__toggler,
.form-ext-control .form-ext-toggle .form-ext-input:focus~.form-ext-label:before,
.form-ext-control .form-ext-toggle.form-ext-toggle--danger .form-ext-input:focus+.form-ext-toggle__toggler {
	box-shadow: 0 0 0 .2rem rgba(251, 65, 67, .55), inset 0 1px 8px rgba(0, 0, 0, .07)
}

.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i::after,
.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i::before {
	content: '';
	display: block;
	position: absolute
}

.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i::before {
	content: attr(data-uncheck-icon);
	padding: 2px 7px;
	line-height: 18px;
	text-align: right;
	top: 0;
	width: 65%;
	font-size: 12px
}

.form-ext-control .form-ext-toggle .form-ext-toggle__toggler i::after {
	background-color: var(--cirrus-gray);
	border-radius: 50%;
	height: 16px;
	left: 4px;
	width: 16px;
	transform: translateY(-50%);
	transition: left var(--animation-duration) ease;
	text-align: left
}

.form-ext-control .form-ext-label {
	margin-bottom: 0;
	position: relative
}

.form-ext-control .form-ext-label:after,
.form-ext-control .form-ext-label:before {
	content: '';
	display: block;
	height: 1rem;
	left: -1.5rem;
	position: absolute;
	top: .3rem;
	transition: all var(--animation-duration);
	width: 1rem
}

.form-ext-control .form-ext-label:before {
	background-color: var(--cirrus-light);
	border: 1px solid #dee2e6;
	border-radius: .25rem;
	pointer-events: none;
	user-select: none;
	box-sizing: border-box
}

.form-ext-control .form-ext-label:after {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50% 50%
}

.form-ext-control .form-ext-input:checked~.form-ext-label:before {
	background-color: var(--cirrus-primary);
	border: none
}

.grid {
	--grid-gap: --gap-2;
	--grid-template-column: repeat(12, minmax(0, 1fr));
	--grid-column-start: auto;
	--grid-column-end: auto;
	--grid-row-start: auto;
	--grid-row-end: auto;
	display: grid;
	grid-gap: var(--grid-gap);
	grid-template-columns: var(--grid-template-column)
}

.grid.grid-gap-1 {
	--grid-gap: var(--gap-1)
}

.grid.grid-gap-2 {
	--grid-gap: var(--gap-2)
}

.grid.grid-gap-3 {
	--grid-gap: var(--gap-3)
}

.grid.grid-gap-4 {
	--grid-gap: var(--gap-4)
}

.grid.grid-gap-5 {
	--grid-gap: var(--gap-5)
}

.grid.grid-gap-6 {
	--grid-gap: var(--gap-6)
}

.grid.grid-gap-7 {
	--grid-gap: var(--gap-7)
}

.grid.grid-gap-8 {
	--grid-gap: var(--gap-8)
}

.grid.grid-gap-9 {
	--grid-gap: var(--gap-9)
}

.grid.grid-gap-10 {
	--grid-gap: var(--gap-10)
}

.grid.grid-gap-11 {
	--grid-gap: var(--gap-11)
}

.grid.grid-gap-12 {
	--grid-gap: var(--gap-12)
}

.grid.grid-cols-1 {
	--grid-template-column: repeat(1, minmax(0, 1fr))
}

.grid .grid-c-1 {
	grid-column: span 1/span 1
}

.grid .grid-r-1 {
	grid-row: span 1/span 1
}

.grid .grid-cs-1 {
	grid-column-start: 1
}

.grid .grid-ce-1 {
	grid-column-end: 2
}

.grid .grid-rs-1 {
	grid-row-start: 1
}

.grid .grid-re-1 {
	grid-row-end: 2
}

.grid.grid-cols-2 {
	--grid-template-column: repeat(2, minmax(0, 1fr))
}

.grid .grid-c-2 {
	grid-column: span 2/span 2
}

.grid .grid-r-2 {
	grid-row: span 2/span 2
}

.grid .grid-cs-2 {
	grid-column-start: 2
}

.grid .grid-ce-2 {
	grid-column-end: 3
}

.grid .grid-rs-2 {
	grid-row-start: 2
}

.grid .grid-re-2 {
	grid-row-end: 3
}

.grid.grid-cols-3 {
	--grid-template-column: repeat(3, minmax(0, 1fr))
}

.grid .grid-c-3 {
	grid-column: span 3/span 3
}

.grid .grid-r-3 {
	grid-row: span 3/span 3
}

.grid .grid-cs-3 {
	grid-column-start: 3
}

.grid .grid-ce-3 {
	grid-column-end: 4
}

.grid .grid-rs-3 {
	grid-row-start: 3
}

.grid .grid-re-3 {
	grid-row-end: 4
}

.grid.grid-cols-4 {
	--grid-template-column: repeat(4, minmax(0, 1fr))
}

.grid .grid-c-4 {
	grid-column: span 4/span 4
}

.grid .grid-r-4 {
	grid-row: span 4/span 4
}

.grid .grid-cs-4 {
	grid-column-start: 4
}

.grid .grid-ce-4 {
	grid-column-end: 5
}

.grid .grid-rs-4 {
	grid-row-start: 4
}

.grid .grid-re-4 {
	grid-row-end: 5
}

.grid.grid-cols-5 {
	--grid-template-column: repeat(5, minmax(0, 1fr))
}

.grid .grid-c-5 {
	grid-column: span 5/span 5
}

.grid .grid-r-5 {
	grid-row: span 5/span 5
}

.grid .grid-cs-5 {
	grid-column-start: 5
}

.grid .grid-ce-5 {
	grid-column-end: 6
}

.grid .grid-rs-5 {
	grid-row-start: 5
}

.grid .grid-re-5 {
	grid-row-end: 6
}

.grid.grid-cols-6 {
	--grid-template-column: repeat(6, minmax(0, 1fr))
}

.grid .grid-c-6 {
	grid-column: span 6/span 6
}

.grid .grid-r-6 {
	grid-row: span 6/span 6
}

.grid .grid-cs-6 {
	grid-column-start: 6
}

.grid .grid-ce-6 {
	grid-column-end: 7
}

.grid .grid-rs-6 {
	grid-row-start: 6
}

.grid .grid-re-6 {
	grid-row-end: 7
}

.grid.grid-cols-7 {
	--grid-template-column: repeat(7, minmax(0, 1fr))
}

.grid .grid-c-7 {
	grid-column: span 7/span 7
}

.grid .grid-r-7 {
	grid-row: span 7/span 7
}

.grid .grid-cs-7 {
	grid-column-start: 7
}

.grid .grid-ce-7 {
	grid-column-end: 8
}

.grid .grid-rs-7 {
	grid-row-start: 7
}

.grid .grid-re-7 {
	grid-row-end: 8
}

.grid.grid-cols-8 {
	--grid-template-column: repeat(8, minmax(0, 1fr))
}

.grid .grid-c-8 {
	grid-column: span 8/span 8
}

.grid .grid-r-8 {
	grid-row: span 8/span 8
}

.grid .grid-cs-8 {
	grid-column-start: 8
}

.grid .grid-ce-8 {
	grid-column-end: 9
}

.grid .grid-rs-8 {
	grid-row-start: 8
}

.grid .grid-re-8 {
	grid-row-end: 9
}

.grid.grid-cols-9 {
	--grid-template-column: repeat(9, minmax(0, 1fr))
}

.grid .grid-c-9 {
	grid-column: span 9/span 9
}

.grid .grid-r-9 {
	grid-row: span 9/span 9
}

.grid .grid-cs-9 {
	grid-column-start: 9
}

.grid .grid-ce-9 {
	grid-column-end: 10
}

.grid .grid-rs-9 {
	grid-row-start: 9
}

.grid .grid-re-9 {
	grid-row-end: 10
}

.grid.grid-cols-10 {
	--grid-template-column: repeat(10, minmax(0, 1fr))
}

.grid .grid-c-10 {
	grid-column: span 10/span 10
}

.grid .grid-r-10 {
	grid-row: span 10/span 10
}

.grid .grid-cs-10 {
	grid-column-start: 10
}

.grid .grid-ce-10 {
	grid-column-end: 11
}

.grid .grid-rs-10 {
	grid-row-start: 10
}

.grid .grid-re-10 {
	grid-row-end: 11
}

.grid.grid-cols-11 {
	--grid-template-column: repeat(11, minmax(0, 1fr))
}

.grid .grid-c-11 {
	grid-column: span 11/span 11
}

.grid .grid-r-11 {
	grid-row: span 11/span 11
}

.grid .grid-cs-11 {
	grid-column-start: 11
}

.grid .grid-ce-11 {
	grid-column-end: 12
}

.grid .grid-rs-11 {
	grid-row-start: 11
}

.grid .grid-re-11 {
	grid-row-end: 12
}

.grid.grid-cols-12 {
	--grid-template-column: repeat(12, minmax(0, 1fr))
}

.grid .grid-c-12 {
	grid-column: span 12/span 12
}

.grid .grid-r-12 {
	grid-row: span 12/span 12
}

.grid .grid-cs-12 {
	grid-column-start: 12
}

.grid .grid-ce-12 {
	grid-column-end: 13
}

.grid .grid-rs-12 {
	grid-row-start: 12
}

.grid .grid-re-12 {
	grid-row-end: 13
}

.grid .grid-ce-end {
	grid-column-end: -1
}

.grid .grid-re-end {
	grid-row-end: -1
}

.grid .grid-ce-auto {
	grid-column-end: auto
}

.grid .grid-re-auto {
	grid-row-end: auto
}

.u,
.utb {
	display: inline;
	position: relative
}

.u::after {
	content: "";
	transition: .3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	height: .1rem;
	width: 0;
	background: var(--cirrus-link-dark);
	bottom: -.25em
}

.u:hover::after {
	width: 100%
}

.u.u-LR::after {
	left: 0
}

.u.u-RL::after {
	right: 0
}

.u.u-RL:hover::after {
	width: 100%
}

.u.u-C::after {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.utb::after,
.utb::before {
	content: "";
	transition: .3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	height: .1rem;
	width: 0;
	background: var(--cirrus-link-dark)
}

.utb::before {
	top: -.25em
}

.utb::after {
	bottom: -.25em
}

.utb:hover::after,
.utb:hover::before {
	width: 100%
}

.utb.utb-LR::after,
.utb.utb-LR::before {
	left: 0
}

.utb.utb-RL::after,
.utb.utb-RL::before {
	right: 0
}

.utb.utb-C::after,
.utb.utb-C::before {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.utb.utb-OLR::before {
	left: 0
}

.utb.utb-OLR::after,
.utb.utb-ORL::before {
	right: 0
}

.utb.utb-ORL::after {
	left: 0
}

.usquare {
	margin-left: .4rem;
	position: relative;
	overflow: hidden
}

.usquare::after,
.usquare::before {
	content: "";
	transition: .25s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	width: 2px;
	width: .1 rem;
	height: 0;
	background: var(--cirrus-link-dark)
}

.usquare::before {
	left: 0;
	bottom: -.2rem
}

.usquare::after {
	right: 0;
	top: -.2rem
}

.usquare:hover::after,
.usquare:hover::before {
	height: calc(100% + .4rem)
}

.usquare:hover a::after,
.usquare:hover a::before {
	width: 100%
}

.usquare.delay::before {
	transition-delay: .6s
}

.usquare.delay::after {
	transition-delay: var(--animation-duration)
}

.usquare.delay a::after {
	transition: .25s .4s
}

.usquare a {
	position: static;
	padding: .2rem .4rem;
	transition: .25s
}

.usquare a::before {
	left: 0
}

.usquare a::after {
	right: 0
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	padding: 1rem;
	display: none;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	pointer-events: none
}

.modal.shown,
.modal:target {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	opacity: 1;
	z-index: 999;
	pointer-events: auto
}

.modal.shown .modal-overlay,
.modal:target .modal-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	background-color: rgba(54, 54, 54, .5)
}

.modal.shown .modal-container,
.modal:target .modal-container {
	-webkit-animation: slide-down var(--animation-duration) ease 1;
	animation: slide-down var(--animation-duration) ease 1;
	z-index: 1
}

.modal.modal-small .modal-content {
	max-width: 20rem
}

.modal.modal-large .modal-content {
	max-width: 60rem
}

.modal .modal-content {
	background-color: var(--cirrus-bg);
	padding: 0;
	display: block;
	border-radius: 3px;
	box-shadow: 0 .4rem 1rem rgba(54, 54, 54, .3);
	z-index: 1;
	color: var(--cirrus-fg);
	max-width: 40rem
}

.modal .modal-content.small {
	max-width: 32rem
}

.modal .modal-content h1,
.modal .modal-content h2,
.modal .modal-content h3,
.modal .modal-content h4,
.modal .modal-content h5,
.modal .modal-content h6 {
	color: var(--cirrus-fg)
}

.modal .modal-content .modal-header {
	padding: 1rem 2.5rem
}

.modal .modal-content .modal-header .modal-title {
	font-weight: bolder;
	font-size: 1.4rem
}

.modal .modal-content .modal-body {
	padding: 1rem 2.5rem;
	overflow-y: auto;
	max-height: 50vh;
	position: relative
}

.modal .modal-content .modal-footer {
	padding: 1rem 2.5rem
}

@media screen and (max-width:767px) {
	.grid {
		--grid-template-column: repeat(1, minmax(0, 1fr))
	}
	.modal .modal-content {
		max-width: 90%
	}
	.row [class*=' col-']:not(.ignore-screen):not([class^=col-xs]):not([class*=' col-md']):not([class*=' col-lg']),
	.row [class^=col-]:not(.ignore-screen):not([class^=col-xs]):not([class^=col-md]):not([class^=col-lg]) {
		width: 100%;
		margin-left: 0;
		padding: 0
	}
}

.modal.modal-animated--dropdown {
	-webkit-animation: slide-down var(--animation-duration) ease 1;
	animation: slide-down var(--animation-duration) ease 1
}

.modal.modal-animated--zoom-in,
.modal.modal-animated--zoom-out {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	opacity: 0;
	transition: .3s
}

.modal:target.modal-animated--zoom-in,
.modal:target.modal-animated--zoom-out {
	opacity: 1;
	transition: .3s
}

.modal.modal-animated--zoom-in .modal-content {
	transform: scale(.8);
	transition: .3s
}

.modal:target.modal-animated--zoom-in .modal-content,
.modal:target.modal-animated--zoom-out .modal-content {
	transform: scale(1);
	transition: .3s
}

.modal.modal-animated--zoom-out .modal-content {
	transform: scale(1.2);
	transition: .3s
}

@-webkit-keyframes slide-down {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-3rem);
		transform: translateY(-3rem)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes slide-down {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-3rem);
		transform: translateY(-3rem)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@media only screen and (max-width:768px) {
	.modal-content {
		max-width: 90%
	}
}

.btn.btn--pilled,
[class*=' btn-'].btn--pilled,
[class^=btn-].btn--pilled,
[type=submit].btn--pilled,
button.btn--pilled {
	border-radius: 6.25rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem
}

.btn.btn--circle,
[class*=' btn-'].btn--circle,
[class^=btn-].btn--circle,
[type=submit].btn--circle,
button.btn--circle {
	border-radius: 100%;
	min-width: 60px;
	overflow: hidden;
	padding: 0;
	text-align: center
}

.btn.btn--circle:before,
[class*=' btn-'].btn--circle:before,
[class^=btn-].btn--circle:before,
[type=submit].btn--circle:before,
button.btn--circle:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	padding-top: 100%
}

.btn.btn--circle *,
[class*=' btn-'].btn--circle *,
[class^=btn-].btn--circle *,
[type=submit].btn--circle *,
button.btn--circle * {
	display: inline;
	max-width: 90%;
	vertical-align: middle;
	white-space: pre-wrap
}

.input-control--pilled {
	border-radius: 6.25rem!important
}

.bg-primary {
	background-color: var(--cirrus-primary)!important
}

.text-primary {
	border-color: var(--cirrus-primary)!important;
	color: var(--cirrus-primary)!important
}

.bg-success {
	background-color: var(--cirrus-success)!important
}

.text-success {
	border-color: var(--cirrus-success)!important;
	color: var(--cirrus-success)!important
}

.bg-warning {
	background-color: var(--cirrus-warning)!important
}

.text-warning {
	border-color: var(--cirrus-warning)!important;
	color: var(--cirrus-warning)!important
}

.bg-danger {
	background-color: var(--cirrus-danger)!important
}

.text-danger {
	border-color: var(--cirrus-danger)!important;
	color: var(--cirrus-danger)!important
}

.bg-light {
	background-color: var(--cirrus-light)!important
}

.text-light {
	border-color: var(--cirrus-light)!important;
	color: var(--cirrus-light)!important
}

.bg-dark {
	background-color: var(--cirrus-dark)!important
}

.text-dark {
	border-color: var(--cirrus-dark)!important;
	color: var(--cirrus-dark)!important
}

.bg-link {
	background-color: var(--cirrus-link)!important
}

.text-link {
	border-color: var(--cirrus-link)!important;
	color: var(--cirrus-link)!important
}

.bg-link-dark {
	background-color: var(--cirrus-link-dark)!important
}

.text-link-dark {
	border-color: var(--cirrus-link-dark)!important;
	color: var(--cirrus-link-dark)!important
}

.bg-info {
	background-color: var(--cirrus-info)!important
}

.text-info {
	border-color: var(--cirrus-info)!important;
	color: var(--cirrus-info)!important
}

.bg-pink-100 {
	background-color: #f8e7f1!important
}

.text-pink-100 {
	border-color: #f8e7f1!important;
	color: #f8e7f1!important
}

.bg-pink-200 {
	background-color: #f3d2e3!important
}

.text-pink-200 {
	border-color: #f3d2e3!important;
	color: #f3d2e3!important
}

.bg-pink-300 {
	background-color: #ecb7d3!important
}

.text-pink-300 {
	border-color: #ecb7d3!important;
	color: #ecb7d3!important
}

.bg-pink-400 {
	background-color: #eb8cbc!important
}

.text-pink-400 {
	border-color: #eb8cbc!important;
	color: #eb8cbc!important
}

.bg-pink-500 {
	background-color: #dd5a9c!important
}

.text-pink-500 {
	border-color: #dd5a9c!important;
	color: #dd5a9c!important
}

.bg-pink-600 {
	background-color: #d12e81!important
}

.text-pink-600 {
	border-color: #d12e81!important;
	color: #d12e81!important
}

.bg-pink-700 {
	background-color: #a21f61!important
}

.text-pink-700 {
	border-color: #a21f61!important;
	color: #a21f61!important
}

.bg-pink-800 {
	background-color: #831b50!important
}

.text-pink-800 {
	border-color: #831b50!important;
	color: #831b50!important
}

.bg-pink-900 {
	background-color: #741648!important
}

.text-pink-900 {
	border-color: #741648!important;
	color: #741648!important
}

.bg-red-100 {
	background-color: #fde7e9!important
}

.text-red-100 {
	border-color: #fde7e9!important;
	color: #fde7e9!important
}

.bg-red-200 {
	background-color: #fbd4d5!important
}

.text-red-200 {
	border-color: #fbd4d5!important;
	color: #fbd4d5!important
}

.bg-red-300 {
	background-color: #f7b1b1!important
}

.text-red-300 {
	border-color: #f7b1b1!important;
	color: #f7b1b1!important
}

.bg-red-400 {
	background-color: #f19393!important
}

.text-red-400 {
	border-color: #f19393!important;
	color: #f19393!important
}

.bg-red-500 {
	background-color: #e85c61!important
}

.text-red-500 {
	border-color: #e85c61!important;
	color: #e85c61!important
}

.bg-red-600 {
	background-color: #db3839!important
}

.text-red-600 {
	border-color: #db3839!important;
	color: #db3839!important
}

.bg-red-700 {
	background-color: #b31e1d!important
}

.text-red-700 {
	border-color: #b31e1d!important;
	color: #b31e1d!important
}

.bg-red-800 {
	background-color: #9b1313!important
}

.text-red-800 {
	border-color: #9b1313!important;
	color: #9b1313!important
}

.bg-red-900 {
	background-color: #890e10!important
}

.text-red-900 {
	border-color: #890e10!important;
	color: #890e10!important
}

.bg-orange-100 {
	background-color: #fdeed1!important
}

.text-orange-100 {
	border-color: #fdeed1!important;
	color: #fdeed1!important
}

.bg-orange-200 {
	background-color: #fbdbaa!important
}

.text-orange-200 {
	border-color: #fbdbaa!important;
	color: #fbdbaa!important
}

.bg-orange-300 {
	background-color: #f6b65c!important
}

.text-orange-300 {
	border-color: #f6b65c!important;
	color: #f6b65c!important
}

.bg-orange-400 {
	background-color: #f19736!important
}

.text-orange-400 {
	border-color: #f19736!important;
	color: #f19736!important
}

.bg-orange-500 {
	background-color: #e4771c!important
}

.text-orange-500 {
	border-color: #e4771c!important;
	color: #e4771c!important
}

.bg-orange-600 {
	background-color: #c45307!important
}

.text-orange-600 {
	border-color: #c45307!important;
	color: #c45307!important
}

.bg-orange-700 {
	background-color: #9b3908!important
}

.text-orange-700 {
	border-color: #9b3908!important;
	color: #9b3908!important
}

.bg-orange-800 {
	background-color: #842b09!important
}

.text-orange-800 {
	border-color: #842b09!important;
	color: #842b09!important
}

.bg-orange-900 {
	background-color: #890e10!important
}

.text-orange-900 {
	border-color: #890e10!important;
	color: #890e10!important
}

.bg-yellow-100 {
	background-color: #fffde4!important
}

.text-yellow-100 {
	border-color: #fffde4!important;
	color: #fffde4!important
}

.bg-yellow-200 {
	background-color: #f9e978!important
}

.text-yellow-200 {
	border-color: #f9e978!important;
	color: #f9e978!important
}

.bg-yellow-300 {
	background-color: #f6da52!important
}

.text-yellow-300 {
	border-color: #f6da52!important;
	color: #f6da52!important
}

.bg-yellow-400 {
	background-color: #e8bb24!important
}

.text-yellow-400 {
	border-color: #e8bb24!important;
	color: #e8bb24!important
}

.bg-yellow-500 {
	background-color: #d29507!important
}

.text-yellow-500 {
	border-color: #d29507!important;
	color: #d29507!important
}

.bg-yellow-600 {
	background-color: #9d6b0c!important
}

.text-yellow-600 {
	border-color: #9d6b0c!important;
	color: #9d6b0c!important
}

.bg-yellow-700 {
	background-color: #7c4d09!important
}

.text-yellow-700 {
	border-color: #7c4d09!important;
	color: #7c4d09!important
}

.bg-yellow-800 {
	background-color: #6c3e0c!important
}

.text-yellow-800 {
	border-color: #6c3e0c!important;
	color: #6c3e0c!important
}

.bg-yellow-900 {
	background-color: #5d320f!important
}

.text-yellow-900 {
	border-color: #5d320f!important;
	color: #5d320f!important
}

.bg-green-100 {
	background-color: #e1f7eb!important
}

.text-green-100 {
	border-color: #e1f7eb!important;
	color: #e1f7eb!important
}

.bg-green-200 {
	background-color: #c2ecd6!important
}

.text-green-200 {
	border-color: #c2ecd6!important;
	color: #c2ecd6!important
}

.bg-green-300 {
	background-color: #98d9b7!important
}

.text-green-300 {
	border-color: #98d9b7!important;
	color: #98d9b7!important
}

.bg-green-400 {
	background-color: #64c192!important
}

.text-green-400 {
	border-color: #64c192!important;
	color: #64c192!important
}

.bg-green-500 {
	background-color: #44a675!important
}

.text-green-500 {
	border-color: #44a675!important;
	color: #44a675!important
}

.bg-green-600 {
	background-color: #33855d!important
}

.text-green-600 {
	border-color: #33855d!important;
	color: #33855d!important
}

.bg-green-700 {
	background-color: #27684a!important
}

.text-green-700 {
	border-color: #27684a!important;
	color: #27684a!important
}

.bg-green-800 {
	background-color: #275440!important
}

.text-green-800 {
	border-color: #275440!important;
	color: #275440!important
}

.bg-green-900 {
	background-color: #234535!important
}

.text-green-900 {
	border-color: #234535!important;
	color: #234535!important
}

.bg-teal-100 {
	background-color: #ddf2f5!important
}

.text-teal-100 {
	border-color: #ddf2f5!important;
	color: #ddf2f5!important
}

.bg-teal-200 {
	background-color: #b5e6eb!important
}

.text-teal-200 {
	border-color: #b5e6eb!important;
	color: #b5e6eb!important
}

.bg-teal-300 {
	background-color: #7fced5!important
}

.text-teal-300 {
	border-color: #7fced5!important;
	color: #7fced5!important
}

.bg-teal-400 {
	background-color: #59bac3!important
}

.text-teal-400 {
	border-color: #59bac3!important;
	color: #59bac3!important
}

.bg-teal-500 {
	background-color: #1e9ca8!important
}

.text-teal-500 {
	border-color: #1e9ca8!important;
	color: #1e9ca8!important
}

.bg-teal-600 {
	background-color: #0f7d8a!important
}

.text-teal-600 {
	border-color: #0f7d8a!important;
	color: #0f7d8a!important
}

.bg-teal-700 {
	background-color: #0a616a!important
}

.text-teal-700 {
	border-color: #0a616a!important;
	color: #0a616a!important
}

.bg-teal-800 {
	background-color: #105157!important
}

.text-teal-800 {
	border-color: #105157!important;
	color: #105157!important
}

.bg-teal-900 {
	background-color: #114448!important
}

.text-teal-900 {
	border-color: #114448!important;
	color: #114448!important
}

.bg-blue-100 {
	background-color: #e1effc!important
}

.text-blue-100 {
	border-color: #e1effc!important;
	color: #e1effc!important
}

.bg-blue-200 {
	background-color: #bfdcfc!important
}

.text-blue-200 {
	border-color: #bfdcfc!important;
	color: #bfdcfc!important
}

.bg-blue-300 {
	background-color: #8bc2f8!important
}

.text-blue-300 {
	border-color: #8bc2f8!important;
	color: #8bc2f8!important
}

.bg-blue-400 {
	background-color: #5fa7f3!important
}

.text-blue-400 {
	border-color: #5fa7f3!important;
	color: #5fa7f3!important
}

.bg-blue-500 {
	background-color: #3c91ec!important
}

.text-blue-500 {
	border-color: #3c91ec!important;
	color: #3c91ec!important
}

.bg-blue-600 {
	background-color: #1b74d9!important
}

.text-blue-600 {
	border-color: #1b74d9!important;
	color: #1b74d9!important
}

.bg-blue-700 {
	background-color: #1e5898!important
}

.text-blue-700 {
	border-color: #1e5898!important;
	color: #1e5898!important
}

.bg-blue-800 {
	background-color: #1e4c80!important
}

.text-blue-800 {
	border-color: #1e4c80!important;
	color: #1e4c80!important
}

.bg-blue-900 {
	background-color: #1c3c63!important
}

.text-blue-900 {
	border-color: #1c3c63!important;
	color: #1c3c63!important
}

.bg-indigo-100 {
	background-color: #e2efff!important
}

.text-indigo-100 {
	border-color: #e2efff!important;
	color: #e2efff!important
}

.bg-indigo-200 {
	background-color: #c4dbfd!important
}

.text-indigo-200 {
	border-color: #c4dbfd!important;
	color: #c4dbfd!important
}

.bg-indigo-300 {
	background-color: #a1befa!important
}

.text-indigo-300 {
	border-color: #a1befa!important;
	color: #a1befa!important
}

.bg-indigo-400 {
	background-color: #89a3f7!important
}

.text-indigo-400 {
	border-color: #89a3f7!important;
	color: #89a3f7!important
}

.bg-indigo-500 {
	background-color: #6c83e9!important
}

.text-indigo-500 {
	border-color: #6c83e9!important;
	color: #6c83e9!important
}

.bg-indigo-600 {
	background-color: #5966d9!important
}

.text-indigo-600 {
	border-color: #5966d9!important;
	color: #5966d9!important
}

.bg-indigo-700 {
	background-color: #4c4f9e!important
}

.text-indigo-700 {
	border-color: #4c4f9e!important;
	color: #4c4f9e!important
}

.bg-indigo-800 {
	background-color: #42417b!important
}

.text-indigo-800 {
	border-color: #42417b!important;
	color: #42417b!important
}

.bg-indigo-900 {
	background-color: #3a3462!important
}

.text-indigo-900 {
	border-color: #3a3462!important;
	color: #3a3462!important
}

.bg-purple-100 {
	background-color: #f0e9fb!important
}

.text-purple-100 {
	border-color: #f0e9fb!important;
	color: #f0e9fb!important
}

.bg-purple-200 {
	background-color: #e2d4f8!important
}

.text-purple-200 {
	border-color: #e2d4f8!important;
	color: #e2d4f8!important
}

.bg-purple-300 {
	background-color: #cbb2f6!important
}

.text-purple-300 {
	border-color: #cbb2f6!important;
	color: #cbb2f6!important
}

.bg-purple-400 {
	background-color: #b89af4!important
}

.text-purple-400 {
	border-color: #b89af4!important;
	color: #b89af4!important
}

.bg-purple-500 {
	background-color: #9c73ed!important
}

.text-purple-500 {
	border-color: #9c73ed!important;
	color: #9c73ed!important
}

.bg-purple-600 {
	background-color: #8256e1!important
}

.text-purple-600 {
	border-color: #8256e1!important;
	color: #8256e1!important
}

.bg-purple-700 {
	background-color: #6340b6!important
}

.text-purple-700 {
	border-color: #6340b6!important;
	color: #6340b6!important
}

.bg-purple-800 {
	background-color: #50388e!important
}

.text-purple-800 {
	border-color: #50388e!important;
	color: #50388e!important
}

.bg-purple-900 {
	background-color: #413170!important
}

.text-purple-900 {
	border-color: #413170!important;
	color: #413170!important
}

.bg-gray-000 {
	background-color: #f8f9fa!important
}

.text-gray-000 {
	border-color: #f8f9fa!important;
	color: #f8f9fa!important
}

.bg-gray-100 {
	background-color: #f1f3f5!important
}

.text-gray-100 {
	border-color: #f1f3f5!important;
	color: #f1f3f5!important
}

.bg-gray-200 {
	background-color: #e9ecef!important
}

.text-gray-200 {
	border-color: #e9ecef!important;
	color: #e9ecef!important
}

.bg-gray-300 {
	background-color: #dee2e6!important
}

.text-gray-300 {
	border-color: #dee2e6!important;
	color: #dee2e6!important
}

.bg-gray-400 {
	background-color: #ced4da!important
}

.text-gray-400 {
	border-color: #ced4da!important;
	color: #ced4da!important
}

.bg-gray-500 {
	background-color: #adb5bd!important
}

.text-gray-500 {
	border-color: #adb5bd!important;
	color: #adb5bd!important
}

.bg-gray-600 {
	background-color: #868e96!important
}

.text-gray-600 {
	border-color: #868e96!important;
	color: #868e96!important
}

.bg-gray-700 {
	background-color: #495057!important
}

.text-gray-700 {
	border-color: #495057!important;
	color: #495057!important
}

.bg-gray-800 {
	background-color: #343a40!important
}

.text-gray-800 {
	border-color: #343a40!important;
	color: #343a40!important
}

.bg-gray-900 {
	background-color: #212529!important
}

.text-gray-900 {
	border-color: #212529!important;
	color: #212529!important
}

.pagination {
	display: flex;
	display: -ms-flexbox
}

.pagination .pagination-item {
	-webkit-flex: 1 0 50%;
	-ms-flex: 1 0 50%;
	flex: 1 0 50%;
	margin: 1rem .1rem;
	transition: .3s
}

.pagination .pagination-item:hover h1,
.pagination .pagination-item:hover h2,
.pagination .pagination-item:hover h3,
.pagination .pagination-item:hover h4,
.pagination .pagination-item:hover h5,
.pagination .pagination-item:hover h6,
.pagination .pagination-item:hover p,
.pagination .pagination-item:not(.selected):hover :not([disabled]):not(.disabled):not(.ellipses) {
	transition: .3s;
	color: var(--cirrus-primary)
}

.pagination .pagination-item.pagination-next {
	text-align: right
}

.pagination .pagination-item.pagination-prev {
	text-align: left
}

.pagination .pagination-item a {
	color: #495057
}

.pagination .pagination-item a.disabled,
.pagination .pagination-item a[disabled] {
	cursor: pointer;
	opacity: .5;
	pointer-events: none;
	user-select: none
}

.pagination .pagination-item .pagination-item-subtitle {
	opacity: .7;
	margin: 0
}

.pagination .pagination-item.short {
	border-radius: .1rem;
	margin: .2rem 0;
	-webkit-flex: 0;
	-ms-flex: 0;
	flex: 0
}

.pagination .pagination-item.short:first-child a {
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem
}

.pagination .pagination-item.short:last-child a {
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem
}

.pagination .pagination-item.short:not([disabled]):not(.disabled):not(.selected):hover {
	background-color: rgba(0, 0, 0, .07)
}

.pagination .pagination-item.short.selected {
	background-color: var(--cirrus-primary);
	color: #fff
}

.pagination .pagination-item.short.selected a {
	color: #fff
}

.pagination .pagination-item.short.ellipses {
	color: #adb5bd;
	pointer-events: none
}

.pagination .pagination-item.short a {
	display: inline-block;
	line-height: 1.25;
	padding: .5rem .75rem
}

.pagination.pagination-bordered .pagination-item.short a {
	border: 1px solid #dee2e6;
	border-radius: 0;
	margin-left: -1px
}

.placeholder {
	background-color: rgba(222, 226, 230, .5);
	border-radius: 3px;
	text-align: center;
	padding: 3rem 2rem;
	color: #495057;
	display: block
}

.placeholder .placeholder-icon {
	text-align: center
}

.placeholder .placeholder-subtitle,
.placeholder .placeholder-title {
	margin: 1rem auto
}

.placeholder .placeholder-subtitle {
	opacity: .7;
	margin: 0
}

.placeholder .placeholder-commands {
	margin-top: 1rem
}

.tab-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	overflow: hidden;
	overflow-x: auto;
	user-select: none;
	white-space: nowrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	font-size: var(--font-size-s)
}

.tab-container.tabs-center ul {
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center
}

.tab-container.tabs-right ul {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.tab-container.tabs-depth ul {
	box-shadow: 0 2px 3px rgba(134, 142, 150, .15);
	border-bottom: 0
}

.tab-container.tabs-classic ul {
	border-radius: 3px 3px 0 0;
	transition: .3s;
	border-bottom: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6
}

.tab-container.tabs-classic ul li:not(.selected) .tab-item-content:hover,
.tab-container.tabs-classic ul li:not(.selected) a:hover {
	background-color: #f1f3f5;
	transition: .3s
}

.tab-container.tabs-classic ul li.selected .tab-item-content,
.tab-container.tabs-classic ul li.selected a {
	color: var(--cirrus-primary);
	border-color: #dee2e6;
	border-bottom-color: transparent!important
}

.tab-container.tabs-classic ul li .tab-item-content,
.tab-container.tabs-classic ul li a {
	border: 1px solid transparent;
	border-bottom-color: #dee2e6;
	border-radius: 3px 3px 0 0;
	cursor: pointer;
	transition: .3s
}

.tab-container.tabs-fill ul {
	display: flex
}

.tab-container.tabs-fill li {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	flex-basis: 0
}

.tab-container.tabs-xsmall {
	font-size: .6rem
}

.tab-container.tabs-small {
	font-size: .75rem
}

.tab-container.tabs-large {
	font-size: 1.25rem
}

.tab-container.tabs-xlarge {
	font-size: 1.5rem
}

.tab-container ul {
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin: .5rem;
	border-bottom: 1px solid #e9ecef;
	flex-grow: 1;
	list-style: none;
	padding-inline-start: 0
}

.tab-container li {
	display: block;
	cursor: pointer;
	margin: 0;
	text-align: center
}

.tab-container li:hover .tab-item-content,
.tab-container li:hover a {
	border-bottom-color: rgba(240, 61, 77, .6);
	transition: .3s
}

.tab-container li.selected .tab-item-content,
.tab-container li.selected a {
	border-bottom-color: var(--cirrus-primary);
	color: var(--cirrus-primary);
	border-width: 2px;
	transition: .3s
}

.tab-container li .tab-item-content,
.tab-container li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid #e9ecef;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: .5rem 1rem;
	transition: .3s;
	color: var(--cirrus-fg);
	border-width: 2px;
	margin-bottom: -1px;
	background-color: var(--cirrus-bg)
}

.tab-container .icon:first-child {
	margin-right: .75rem
}

.tab-container .icon:last-child {
	margin-left: .75rem
}

.tag {
	align-items: center;
	background-color: var(--cirrus-light);
	border-radius: .25rem;
	color: var(--cirrus-fg);
	display: inline-flex;
	font-size: 75%;
	line-height: 1.5;
	min-height: 1.5rem;
	padding: 0 .5rem;
	white-space: nowrap
}

.tag.tag--large {
	font-size: 120%;
	padding: .25rem .75rem
}

.tag.tag--xlarge {
	font-size: 150%;
	padding: .5rem 1.25rem
}

.tag.tag--rounded {
	border-radius: 290486px
}

.tag.tag__delete {
	background-color: rgba(10, 10, 10, .2);
	border-radius: 290486px;
	cursor: pointer;
	pointer-events: auto;
	display: inline-block;
	height: 16px;
	max-height: 16px;
	max-width: 16px;
	min-height: 16px;
	min-width: 16px;
	position: relative;
	margin-left: .25rem;
	margin-right: -.125rem
}

.tag.tag__delete:hover {
	background-color: rgba(10, 10, 10, .3)
}

.tag.tag__delete::after,
.tag.tag__delete::before {
	background-color: var(--cirrus-light);
	content: '';
	display: block;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-webkit-transform-origin: center center;
	transform-origin: center center
}

.tag.tag__delete::before {
	height: 1px;
	width: 50%
}

.tag.tag__delete::after {
	height: 50%;
	width: 1px
}

.tag.tag--white {
	background-color: #fff;
	color: var(--cirrus-dark)
}

.tag.tag--black {
	background-color: #000;
	color: #fff
}

.tag.tag--primary {
	background-color: var(--cirrus-primary);
	color: #fff
}

.tag.tag--gray {
	background-color: #d5d7dc;
	color: #fff;
	cursor: pointer
}

.tag.tag--gray.tag__close-btn:hover {
	background-color: #c7cad0
}

.tag.tag--gray.tag__close-btn:active {
	background-color: #b9bdc5
}

.tag.tag--dark {
	background-color: #363636;
	color: #fff;
	cursor: pointer
}

.tag.tag--dark.tag__close-btn:hover {
	background-color: #292929
}

.tag.tag--dark.tag__close-btn:active {
	background-color: #1d1d1d
}

.tag.tag--link {
	background-color: #5e5cc7;
	color: #fff;
	cursor: pointer
}

.tag.tag--link.tag__close-btn:hover {
	background-color: #4b49c0
}

.tag.tag--link.tag__close-btn:active {
	background-color: #403db3
}

.tag.tag--info {
	background-color: #2972fa;
	color: #fff;
	cursor: pointer
}

.tag.tag--info.tag__close-btn:hover {
	background-color: #1062f9
}

.tag.tag--info.tag__close-btn:active {
	background-color: #0555eb
}

.tag.tag--success {
	background-color: #0dd157;
	color: #fff;
	cursor: pointer
}

.tag.tag--success.tag__close-btn:hover {
	background-color: #0cb94d
}

.tag.tag--success.tag__close-btn:active {
	background-color: #0aa143
}

.tag.tag--warning {
	background-color: #fab633;
	color: #fff;
	cursor: pointer
}

.tag.tag--warning.tag__close-btn:hover {
	background-color: #f9ad1a
}

.tag.tag--warning.tag__close-btn:active {
	background-color: #f4a306
}

.tag.tag--danger {
	background-color: #fb4143;
	color: #fff;
	cursor: pointer
}

.tag.tag--danger.tag__close-btn:hover {
	background-color: #fa282a
}

.tag.tag--danger.tag__close-btn:active {
	background-color: #fa0f12
}

.tag.tag__close-btn {
	padding: 0;
	position: relative;
	width: 1.5rem
}

.tag.tag__close-btn::after,
.tag.tag__close-btn::before {
	background-color: var(--cirrus-fg);
	content: '';
	display: block;
	left: 50%;
	top: 50%;
	position: absolute;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-webkit-transform-origin: center center;
	transform-origin: center center
}

.tag.tag__close-btn::before {
	height: 1px;
	width: 50%
}

.tag.tag__close-btn::after {
	height: 50%;
	width: 1px
}

.tag-container {
	display: flex;
	flex-wrap: wrap
}

.tag-container:not(:last-child) {
	margin-bottom: 1rem
}

.tag-container.group-tags .tag {
	margin-right: 0!important
}

.tag-container.group-tags .tag:first-child {
	border-radius: .25rem 0 0 .25rem
}

.tag-container.group-tags .tag:not(:first-child):not(:last-child) {
	border-radius: 0
}

.tag-container.group-tags .tag:last-child {
	border-radius: 0 .25rem .25rem 0
}

.tag-container .tag-container.tag-container--grouped .tag:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.tag-container .tag-container.tag-container--grouped .tag:not(:last-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.tag-container.tag-container--centered {
	justify-content: center
}

.tag-container.tag-container--centered .tag {
	margin: 0 .25rem
}

.tag-container.tag-container--right {
	justify-content: flex-end
}

.tag-container.tag-container--right .tag:not(:first-child) {
	margin-left: .5rem
}

.tag-container.tag-container--right .tag:not(:last-child) {
	margin-right: 0
}

.tag-container .tag {
	margin-bottom: .5rem
}

.tag-container .tag:not(:last-child) {
	margin-right: .5rem
}

a.tag:hover {
	text-decoration: underline
}

.tile {
	display: flex;
	display: -ms-flexbox;
	align-content: space-between;
	-webkit-align-content: space-between;
	-ms-flex-line-pack: justify
}

.tile p {
	font-size: .95rem
}

.tile .tile__buttons,
.tile .tile__icon {
	flex: 0 0 auto
}

.tile .tile__buttons .btn,
.tile .tile__buttons [type=submit],
.tile .tile__buttons button {
	display: inline-block;
	margin: .1rem
}

.tile .tile__container {
	flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto
}

.tile .tile__container:not(:first-child) {
	padding-left: 1rem
}

.tile .tile__container:not(:last-child) {
	padding-right: 1rem
}

.tile .tile__title {
	line-height: 2rem;
	font-weight: bolder;
	margin: .1rem auto
}

.tile .tile__subtitle {
	line-height: 1.25rem;
	opacity: .7;
	margin: .1rem auto
}

.toast {
	display: block;
	width: 100%;
	padding: .75rem 1.25rem;
	background-color: var(--toast-primary-bg);
	border: 1px solid var(--toast-primary-bg);
	border-radius: 2px;
	color: #fff;
	position: relative;
	margin: .5rem
}

.toast.toast--translucent {
	opacity: .5
}

.toast.toast--translucent:hover {
	opacity: 1
}

.toast p {
	margin: 0
}

.toast a {
	color: var(--cirrus-light);
	transition: .3s
}

.toast a:hover {
	opacity: .8;
	transition: .3s
}

.toast .toast__title {
	margin: 0;
	margin-top: 1rem
}

.toast .btn-close {
	position: absolute;
	right: 1rem;
	top: 1rem
}

.toast.toast--primary {
	background-color: var(--cirrus-primary);
	border-color: var(--cirrus-primary)
}

.toast.toast--gray {
	background-color: #d5d7dc;
	border-color: #d5d7dc
}

.toast.toast--dark {
	background-color: #363636;
	border-color: #363636
}

.toast.toast--link {
	background-color: #5e5cc7;
	border-color: #5e5cc7
}

.toast.toast--info {
	background-color: #2972fa;
	border-color: #2972fa
}

.toast.toast--success {
	background-color: #0dd157;
	border-color: #0dd157
}

.toast.toast--warning {
	background-color: #fab633;
	border-color: #fab633
}

.toast.toast--danger {
	background-color: #fb4143;
	border-color: #fb4143
}

.tooltip {
	position: relative;
	overflow: visible;
	white-space: nowrap
}

.tooltip::after {
	-webkit-appearance: none;
	-moz-appearance: none;
	position: absolute;
	color: #fff;
	font-size: .6rem;
	background-color: rgba(69, 77, 93, .9);
	content: attr(data-tooltip);
	display: block;
	line-height: 1rem;
	text-transform: none;
	overflow: hidden;
	padding: .4rem .8rem;
	opacity: 0;
	text-overflow: ellipsis;
	max-width: 15rem;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	transition: all var(--animation-duration) ease;
	z-index: 200;
	pointer-events: none;
	bottom: 100%;
	left: 50%;
	border-radius: .2rem
}

.tooltip:focus::after,
.tooltip:hover::after {
	opacity: 1;
	-webkit-transform: translate(-50%, -.5rem);
	transform: translate(-50%, -.5rem);
	transition: all var(--animation-duration) ease
}

.tooltip.tooltip--top-left::after {
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}

.tooltip.tooltip--top-left:focus::after,
.tooltip.tooltip--top-left:hover::after {
	left: 0;
	-webkit-transform: translate(-100%, -.5rem);
	transform: translate(-100%, -.5rem)
}

.tooltip.tooltip--top-right::after {
	left: auto;
	-webkit-transform: translate(15%, 0);
	transform: translate(15%, 0)
}

.tooltip.tooltip--top-right:focus::after,
.tooltip.tooltip--top-right:hover::after {
	right: 0;
	-webkit-transform: translate(100%, -.5rem);
	transform: translate(100%, -.5rem)
}

.tooltip.tooltip--bottom::after {
	top: 100%;
	transform: translate(-50%, -1rem);
	-webkit-transform: translate(-50%, -1rem);
	-moz-transform: translate(-50%, -1rem);
	-ms-transform: translate(-50%, -1rem);
	bottom: auto
}

.tooltip.tooltip--bottom:focus::after,
.tooltip.tooltip--bottom:hover::after {
	transform: translate(-50%, .5rem);
	-webkit-transform: translate(-50%, .5rem);
	-moz-transform: translate(-50%, .5rem);
	-ms-transform: translate(-50%, .5rem);
	bottom: auto
}

.tooltip.tooltip--bottom-left::after {
	top: 100%;
	-webkit-transform: translate(-65%, -1rem);
	transform: translate(-65%, -1rem);
	bottom: auto
}

.tooltip.tooltip--bottom-left:focus::after,
.tooltip.tooltip--bottom-left:hover::after {
	left: 0;
	-webkit-transform: translate(-100%, .5rem);
	transform: translate(-100%, .5rem)
}

.tooltip.tooltip--bottom-right::after {
	left: auto;
	top: 100%;
	-webkit-transform: translate(0, -1rem);
	transform: translate(0, -1rem);
	bottom: auto
}

.tooltip.tooltip--bottom-right:focus::after,
.tooltip.tooltip--bottom-right:hover::after {
	right: 0;
	-webkit-transform: translate(100%, .5rem);
	transform: translate(100%, .5rem)
}

.tooltip.tooltip--right::after {
	left: 100%;
	bottom: 50%;
	transform: translate(-1rem, 50%);
	-webkit-transform: translate(-1rem, 50%);
	-moz-transform: translate(-1rem, 50%);
	-ms-transform: translate(-1rem, 50%)
}

.tooltip.tooltip--right:focus::after,
.tooltip.tooltip--right:hover::after {
	transform: translate(.5rem, 50%);
	-webkit-transform: translate(.5rem, 50%);
	-moz-transform: translate(.5rem, 50%);
	-ms-transform: translate(.5rem, 50%)
}

.tooltip.tooltip--left::after {
	right: 100%;
	bottom: 50%;
	left: auto;
	transform: translate(1rem, 50%);
	-webkit-transform: translate(1rem, 50%);
	-moz-transform: translate(1rem, 50%);
	-ms-transform: translate(1rem, 50%)
}

.tooltip.tooltip--left:focus::after,
.tooltip.tooltip--left:hover::after {
	transform: translate(-.5rem, 50%);
	-webkit-transform: translate(-.5rem, 50%);
	-moz-transform: translate(-.5rem, 50%);
	-ms-transform: translate(-.5rem, 50%)
}

.btn,
[type=button],
[type=reset],
[type=submit],
button {
	line-height: 2rem;
	overflow: hidden;
	padding: .5rem 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;
	cursor: pointer;
	text-align: center;
	transition: all var(--animation-duration);
	background-color: var(--btn-color);
	border-color: var(--btn-border-color);
	color: var(--btn-fg);
	font-size: var(--btn-font-size);
	letter-spacing: .03rem;
	text-transform: uppercase;
	font-family: var(--font-secondary);
	min-width: 2rem;
	user-select: none;
	margin-bottom: 1rem;
	outline: 0;
	--btn-color: #f8f9fa;
	--btn-fg: #495057;
	--btn-border-color: #e9ecef
}

.btn:hover,
[type=button]:hover,
[type=reset]:hover,
[type=submit]:hover,
button:hover {
	transition: all var(--animation-duration);
	--btn-color: #f1f3f5;
	color: var(--btn-fg)
}

.btn:active,
[type=button]:active,
[type=reset]:active,
[type=submit]:active,
button:active {
	transition: var(--animation-duration) ease
}

.btn:focus,
[type=button]:focus,
[type=reset]:focus,
[type=submit]:focus,
button:focus {
	outline: 0
}

.btn:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled,
button:disabled {
	cursor: not-allowed;
	opacity: .5;
	pointer-events: none
}

.btn.outline,
[type=button].outline,
[type=reset].outline,
[type=submit].outline,
button.outline {
	--btn-color: transparent
}

.btn.outline:hover,
[type=button].outline:hover,
[type=reset].outline:hover,
[type=submit].outline:hover,
button.outline:hover {
	--btn-color: #e9ecef
}

.btn.loading:active::after,
[type=button].loading:active::after,
[type=reset].loading:active::after,
[type=submit].loading:active::after,
button.loading:active::after {
	border-radius: 50%;
	border-right-color: transparent;
	border-top-color: transparent;
	transition: var(--animation-duration) ease
}

.btn.btn-animated,
[type=button].btn-animated,
[type=reset].btn-animated,
[type=submit].btn-animated,
button.btn-animated {
	transition: calc(var(--animation-duration)/ 2) ease
}

.btn.btn-animated:active,
[type=button].btn-animated:active,
[type=reset].btn-animated:active,
[type=submit].btn-animated:active,
button.btn-animated:active {
	-webkit-transform: scale(.95);
	transform: scale(.95);
	transition: calc(var(--animation-duration)/ 2) ease
}

.btn.btn-close,
[type=button].btn-close,
[type=reset].btn-close,
[type=submit].btn-close,
button.btn-close {
	background-color: rgba(10, 10, 10, .2);
	border: none;
	border-radius: 290486px;
	cursor: pointer;
	display: inline-block;
	flex-grow: 0;
	flex-shrink: 0;
	font-size: 0;
	height: 20px;
	outline: 0;
	position: relative;
	vertical-align: top;
	width: 20px;
	padding: 0;
	min-width: 20px
}

.btn.btn-close:hover,
[type=button].btn-close:hover,
[type=reset].btn-close:hover,
[type=submit].btn-close:hover,
button.btn-close:hover {
	background-color: rgba(10, 10, 10, .3)
}

.btn.btn-close::before,
[type=button].btn-close::before,
[type=reset].btn-close::before,
[type=submit].btn-close::before,
button.btn-close::before {
	background-color: var(--cirrus-bg);
	content: '';
	display: block;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-webkit-transform-origin: center center;
	transform-origin: center center;
	height: 2px;
	width: 50%
}

.btn.btn-close::after,
[type=button].btn-close::after,
[type=reset].btn-close::after,
[type=submit].btn-close::after,
button.btn-close::after {
	background-color: var(--cirrus-bg);
	content: '';
	display: block;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-webkit-transform-origin: center center;
	transform-origin: center center;
	height: 50%;
	width: 2px
}

.btn.btn-transparent,
[type=button].btn-transparent,
[type=reset].btn-transparent,
[type=submit].btn-transparent,
button.btn-transparent {
	--btn-color: transparent;
	--btn-fg: var(--cirrus-dark);
	--btn-border-color: transparent
}

.btn.btn-transparent:focus,
[type=button].btn-transparent:focus,
[type=reset].btn-transparent:focus,
[type=submit].btn-transparent:focus,
button.btn-transparent:focus {
	box-shadow: 0 0 0 .2rem rgba(246, 249, 252, .5)
}

.btn.btn-transparent:hover,
[type=button].btn-transparent:hover,
[type=reset].btn-transparent:hover,
[type=submit].btn-transparent:hover,
button.btn-transparent:hover {
	--btn-color: rgba(0, 0, 0, 0.1)
}

.btn.btn-transparent.outline,
[type=button].btn-transparent.outline,
[type=reset].btn-transparent.outline,
[type=submit].btn-transparent.outline,
button.btn-transparent.outline {
	--btn-fg: var(--cirrus-dark)
}

.btn.btn-light,
[type=button].btn-light,
[type=reset].btn-light,
[type=submit].btn-light,
button.btn-light {
	--btn-color: var(--cirrus-light);
	--btn-fg: var(--cirrus-dark);
	--btn-border-color: var(--cirrus-light)
}

.btn.btn-light:hover,
[type=button].btn-light:hover,
[type=reset].btn-light:hover,
[type=submit].btn-light:hover,
button.btn-light:hover {
	--btn-color: var(--cirrus-light-hover)
}

.btn.btn-light:focus,
[type=button].btn-light:focus,
[type=reset].btn-light:focus,
[type=submit].btn-light:focus,
button.btn-light:focus {
	box-shadow: 0 0 0 .2rem rgba(246, 249, 252, .5)
}

.btn.btn-dark,
[type=button].btn-dark,
[type=reset].btn-dark,
[type=submit].btn-dark,
button.btn-dark {
	--btn-color: var(--cirrus-dark);
	--btn-fg: var(--cirrus-light);
	--btn-border-color: var(--cirrus-dark)
}

.btn.btn-dark:focus,
[type=button].btn-dark:focus,
[type=reset].btn-dark:focus,
[type=submit].btn-dark:focus,
button.btn-dark:focus {
	box-shadow: 0 0 0 .2rem rgba(54, 54, 54, .5)
}

.btn.btn-dark:hover,
[type=button].btn-dark:hover,
[type=reset].btn-dark:hover,
[type=submit].btn-dark:hover,
button.btn-dark:hover {
	--btn-color: var(--cirrus-dark-hover)
}

.btn.btn-dark.outline:hover,
[type=button].btn-dark.outline:hover,
[type=reset].btn-dark.outline:hover,
[type=submit].btn-dark.outline:hover,
button.btn-dark.outline:hover {
	--btn-color: var(--cirrus-dark)
}

.btn.btn-black,
[type=button].btn-black,
[type=reset].btn-black,
[type=submit].btn-black,
button.btn-black {
	--btn-color: #000;
	--btn-fg: var(--cirrus-light);
	--btn-border-color: #000
}

.btn.btn-black:focus,
[type=button].btn-black:focus,
[type=reset].btn-black:focus,
[type=submit].btn-black:focus,
button.btn-black:focus {
	box-shadow: 0 0 0 .2rem rgba(54, 54, 54, .5)
}

.btn.btn-black:hover,
[type=button].btn-black:hover,
[type=reset].btn-black:hover,
[type=submit].btn-black:hover,
button.btn-black:hover {
	--btn-color: #000
}

.btn.btn-primary,
[type=button].btn-primary,
[type=reset].btn-primary,
[type=submit].btn-primary,
button.btn-primary {
	--btn-color: var(--cirrus-primary);
	--btn-fg: var(--cirrus-light);
	--btn-border-color: var(--cirrus-accent-border)
}

.btn.btn-primary:focus,
[type=button].btn-primary:focus,
[type=reset].btn-primary:focus,
[type=submit].btn-primary:focus,
button.btn-primary:focus {
	box-shadow: 0 0 0 .2rem rgba(240, 61, 77, .5)
}

.btn.btn-primary:hover,
[type=button].btn-primary:hover,
[type=reset].btn-primary:hover,
[type=submit].btn-primary:hover,
button.btn-primary:hover {
	--btn-color: var(--cirrus-accent-hover)
}

.btn.btn-primary.outline:hover,
[type=button].btn-primary.outline:hover,
[type=reset].btn-primary.outline:hover,
[type=submit].btn-primary.outline:hover,
button.btn-primary.outline:hover {
	--btn-color: var(--cirrus-primary)
}

.btn.btn-info,
[type=button].btn-info,
[type=reset].btn-info,
[type=submit].btn-info,
button.btn-info {
	--btn-color: var(--cirrus-info);
	--btn-fg: var(--cirrus-light);
	--btn-border-color: var(--cirrus-info)
}

.btn.btn-info:focus,
[type=button].btn-info:focus,
[type=reset].btn-info:focus,
[type=submit].btn-info:focus,
button.btn-info:focus {
	box-shadow: 0 0 0 .2rem rgba(41, 114, 250, .5)
}

.btn.btn-info:hover,
[type=button].btn-info:hover,
[type=reset].btn-info:hover,
[type=submit].btn-info:hover,
button.btn-info:hover {
	--btn-color: var(--cirrus-info-hover)
}

.btn.btn-info.outline:hover,
[type=button].btn-info.outline:hover,
[type=reset].btn-info.outline:hover,
[type=submit].btn-info.outline:hover,
button.btn-info.outline:hover {
	--btn-color: var(--cirrus-info)
}

.btn.btn-link,
[type=button].btn-link,
[type=reset].btn-link,
[type=submit].btn-link,
button.btn-link {
	--btn-color: var(--cirrus-link);
	--btn-fg: var(--cirrus-light);
	--btn-border-color: var(--cirrus-link)
}

.btn.btn-link:focus,
[type=button].btn-link:focus,
[type=reset].btn-link:focus,
[type=submit].btn-link:focus,
button.btn-link:focus {
	box-shadow: 0 0 0 .2rem rgba(94, 92, 199, .5)
}

.btn.btn-link:hover,
[type=button].btn-link:hover,
[type=reset].btn-link:hover,
[type=submit].btn-link:hover,
button.btn-link:hover {
	--btn-color: var(--cirrus-link-dark)
}

.btn.btn-link.outline,
[type=button].btn-link.outline,
[type=reset].btn-link.outline,
[type=submit].btn-link.outline,
button.btn-link.outline {
	--btn-fg: var(--cirrus-link);
	border: 1px solid transparent
}

.btn.btn-link.outline:hover,
[type=button].btn-link.outline:hover,
[type=reset].btn-link.outline:hover,
[type=submit].btn-link.outline:hover,
button.btn-link.outline:hover {
	--btn-color: var(--cirrus-link-hover);
	border: 1px solid transparent;
	text-decoration: underline
}

.btn.btn-success,
[type=button].btn-success,
[type=reset].btn-success,
[type=submit].btn-success,
button.btn-success {
	--btn-color: var(--cirrus-success);
	--btn-fg: var(--cirrus-light);
	--btn-border-color: var(--cirrus-success);
	border-color: var(--cirrus-success)
}

.btn.btn-success:focus,
[type=button].btn-success:focus,
[type=reset].btn-success:focus,
[type=submit].btn-success:focus,
button.btn-success:focus {
	box-shadow: 0 0 0 .2rem rgba(13, 209, 87, .5)
}

.btn.btn-success:hover,
[type=button].btn-success:hover,
[type=reset].btn-success:hover,
[type=submit].btn-success:hover,
button.btn-success:hover {
	--btn-color: var(--cirrus-success-hover)
}

.btn.btn-success.outline:hover,
[type=button].btn-success.outline:hover,
[type=reset].btn-success.outline:hover,
[type=submit].btn-success.outline:hover,
button.btn-success.outline:hover {
	--btn-color: var(--cirrus-success)
}

.btn.btn-warning,
[type=button].btn-warning,
[type=reset].btn-warning,
[type=submit].btn-warning,
button.btn-warning {
	--btn-color: var(--cirrus-warning);
	--btn-fg: var(--cirrus-dark);
	--btn-border-color: var(--cirrus-warning)
}

.btn.btn-warning:focus,
[type=button].btn-warning:focus,
[type=reset].btn-warning:focus,
[type=submit].btn-warning:focus,
button.btn-warning:focus {
	box-shadow: 0 0 0 .2rem rgba(250, 182, 51, .5)
}

.btn.btn-warning:hover,
[type=button].btn-warning:hover,
[type=reset].btn-warning:hover,
[type=submit].btn-warning:hover,
button.btn-warning:hover {
	--btn-color: var(--cirrus-warning-hover)
}

.btn.btn-warning.outline:hover,
[type=button].btn-warning.outline:hover,
[type=reset].btn-warning.outline:hover,
[type=submit].btn-warning.outline:hover,
button.btn-warning.outline:hover {
	--btn-color: var(--cirrus-warning)
}

.btn.btn-danger,
[type=button].btn-danger,
[type=reset].btn-danger,
[type=submit].btn-danger,
button.btn-danger {
	--btn-color: var(--cirrus-danger);
	--btn-fg: var(--cirrus-light);
	--btn-border-color: var(--cirrus-danger)
}

.btn.btn-danger:focus,
[type=button].btn-danger:focus,
[type=reset].btn-danger:focus,
[type=submit].btn-danger:focus,
button.btn-danger:focus {
	box-shadow: 0 0 0 .2rem rgba(251, 65, 67, .5)
}

.btn.btn-danger:hover,
[type=button].btn-danger:hover,
[type=reset].btn-danger:hover,
[type=submit].btn-danger:hover,
button.btn-danger:hover {
	--btn-color: var(--cirrus-danger-hover)
}

.btn.btn-danger.outline:hover,
[type=button].btn-danger.outline:hover,
[type=reset].btn-danger.outline:hover,
[type=submit].btn-danger.outline:hover,
button.btn-danger.outline:hover {
	--btn-color: var(--cirrus-danger)
}

.btn.btn-xsmall,
[type=button].btn-xsmall,
[type=reset].btn-xsmall,
[type=submit].btn-xsmall,
button.btn-xsmall {
	padding: 0 .5rem;
	font-size: 50%
}

.btn.btn-small,
[type=button].btn-small,
[type=reset].btn-small,
[type=submit].btn-small,
button.btn-small {
	padding: .25rem 1rem;
	font-size: 70%
}

.btn.btn-large,
[type=button].btn-large,
[type=reset].btn-large,
[type=submit].btn-large,
button.btn-large {
	padding: .75rem 2rem;
	font-size: 90%
}

.btn.btn-xlarge,
[type=button].btn-xlarge,
[type=reset].btn-xlarge,
[type=submit].btn-xlarge,
button.btn-xlarge {
	padding: 1rem 2.5rem;
	font-size: 110%
}

.btn.btn-success:focus,
[type=button].btn-success:focus,
[type=reset].btn-success:focus,
[type=submit].btn-success:focus,
button.btn-success:focus {
	box-shadow: 0 0 0 .2rem rgba(13, 209, 87, .55), inset 0 1px 8px rgba(0, 0, 0, .07)
}

.btn.btn-error,
[type=button].btn-error,
[type=reset].btn-error,
[type=submit].btn-error,
button.btn-error {
	border-color: var(--cirrus-danger)
}

.btn.btn-error:focus,
[type=button].btn-error:focus,
[type=reset].btn-error:focus,
[type=submit].btn-error:focus,
button.btn-error:focus {
	box-shadow: 0 0 0 .2rem rgba(251, 65, 67, .55), inset 0 1px 8px rgba(0, 0, 0, .07)
}

.btn .fa-wrapper.pad-right,
[type=button] .fa-wrapper.pad-right,
[type=reset] .fa-wrapper.pad-right,
[type=submit] .fa-wrapper.pad-right,
button .fa-wrapper.pad-right {
	margin-right: .4rem
}

.btn .fa-wrapper.pad-left,
[type=button] .fa-wrapper.pad-left,
[type=reset] .fa-wrapper.pad-left,
[type=submit] .fa-wrapper.pad-left,
button .fa-wrapper.pad-left {
	margin-left: .4rem
}

.btn span:first-child,
[type=button] span:first-child,
[type=reset] span:first-child,
[type=submit] span:first-child,
button span:first-child {
	margin-right: .2rem
}

.btn span:last-child,
[type=button] span:last-child,
[type=reset] span:last-child,
[type=submit] span:last-child,
button span:last-child {
	margin-left: .2rem
}

[class*=' btn-']:not(.btn-container):not(.btn-close),
[class^=btn-]:not(.btn-container):not(.btn-close) {
	background-color: var(--btn-color);
	border: 1px solid var(--btn-border-color);
	color: var(--btn-fg);
	transition: all var(--animation-duration)
}

[class*=' btn-']:not(.btn-container):not(.btn-close):hover,
[class^=btn-]:not(.btn-container):not(.btn-close):hover {
	background-color: var(--btn-color);
	border-color: var(--btn-border-color);
	transition: all var(--animation-duration)
}

[class*=' btn-']:not(.btn-container):not(.btn-close).outline,
[class^=btn-]:not(.btn-container):not(.btn-close).outline {
	background-color: transparent;
	color: var(--btn-color)
}

[class*=' btn-']:not(.btn-container):not(.btn-close).outline:hover,
[class^=btn-]:not(.btn-container):not(.btn-close).outline:hover {
	background-color: var(--btn-color);
	color: var(--btn-fg);
	transition: all var(--animation-duration)
}

[class*=' btn-']:not(.btn-container):not(.btn-close).outline.btn-transparent,
[class^=btn-]:not(.btn-container):not(.btn-close).outline.btn-transparent {
	color: #495057!important
}

.loading.btn-accent:after {
	border: 2px solid #fff;
	border-right-color: transparent;
	border-top-color: transparent
}

.btn-group {
	display: -webkit-inline-box;
	display: inline-flex;
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex
}

.btn-group .btn {
	-ms-flex: 1 0 auto;
	-webkit-box-flex: 1;
	flex: 1 0 auto;
	margin: 0
}

.btn-group .btn:first-child:not(:last-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.btn-group .btn:last-child:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-left: -1px
}

.btn-group .btn:not(:first-child):not(:last-child) {
	border-radius: 0;
	margin-left: -.1rem
}

.btn-group button {
	-ms-flex: 1 0 auto;
	-webkit-box-flex: 1;
	flex: 1 0 auto;
	margin: 0
}

.btn-group button:first-child:not(:last-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.btn-group button:last-child:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-left: -1px
}

.btn-group button:not(:first-child):not(:last-child) {
	border-radius: 0;
	margin-left: -.1rem
}

.btn-group [type=submit] {
	-ms-flex: 1 0 auto;
	-webkit-box-flex: 1;
	flex: 1 0 auto;
	margin: 0
}

.btn-group [type=submit]:first-child:not(:last-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.btn-group [type=submit]:last-child:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-left: -1px
}

.btn-group [type=submit]:not(:first-child):not(:last-child) {
	border-radius: 0;
	margin-left: -.1rem
}

.btn-group.btn-group-fill {
	display: -webkit-box;
	display: flex;
	display: -ms-flexbox
}

.btn-group.btn-group-fill .btn,
.btn-group.btn-group-fill [type=submit],
.btn-group.btn-group-fill button {
	-ms-flex: 1 0;
	-webkit-box-flex: 1;
	flex: 1 0
}

@media screen and (max-width:768px) {
	.btn-group {
		display: flex;
		flex-direction: column
	}
	.btn-group .btn {
		margin-bottom: -1px
	}
	.btn-group .btn:first-child:not(:last-child) {
		border-radius: .25rem .25rem 0 0
	}
	.btn-group .btn:not(:first-child):not(:last-child) {
		margin-left: 0
	}
	.btn-group .btn:last-child:not(:first-child) {
		border-radius: 0 0 .25rem .25rem;
		margin-left: 0
	}
	.btn-group button {
		margin-bottom: -1px
	}
	.btn-group button:first-child:not(:last-child) {
		border-radius: .25rem .25rem 0 0
	}
	.btn-group button:not(:first-child):not(:last-child) {
		margin-left: 0
	}
	.btn-group button:last-child:not(:first-child) {
		border-radius: 0 0 .25rem .25rem;
		margin-left: 0
	}
	.btn-group [type=submit] {
		margin-bottom: -1px
	}
	.btn-group [type=submit]:first-child:not(:last-child) {
		border-radius: .25rem .25rem 0 0
	}
	.btn-group [type=submit]:not(:first-child):not(:last-child) {
		margin-left: 0
	}
	.btn-group [type=submit]:last-child:not(:first-child) {
		border-radius: 0 0 .25rem .25rem;
		margin-left: 0
	}
}

code {
	--cirrus-code-label-fg: #868e96;
	padding: .3rem;
	margin: .5em 0;
	overflow: auto;
	background-color: var(--cirrus-code-bg);
	color: var(--cirrus-code-fg);
	border-radius: 3px
}

code:before {
	color: var(--cirrus-code-label-fg);
	content: attr(data-lang);
	font-size: .9rem;
	position: absolute;
	right: 1rem;
	top: .7rem
}

code.dark {
	--cirrus-code-bg: #343a40;
	--cirrus-code-fg: #f8f9fa;
	--cirrus-border-left-bg: #212529;
	--cirrus-code-label-fg: #ced4da
}

pre>code {
	--cirrus-code-bg: #f8f9fa;
	--cirrus-code-fg: #343a40;
	--cirrus-border-left-bg: #e9ecef;
	background-color: var(--cirrus-code-bg);
	font-size: 14px;
	display: block;
	padding: 1rem;
	white-space: pre-wrap;
	word-wrap: break-word;
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
	text-align: left;
	line-height: 1.5;
	-moz-tab-size: 4;
	tab-size: 4;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	border-left: .3rem solid var(--cirrus-border-left-bg);
	margin: 0;
	position: relative;
	color: var(--cirrus-code-fg)
}

pre>code[data-lang]:not([data-lang='']) {
	padding: 2rem 1.5rem 1rem
}

h1 {
	font-family: var(--font-secondary);
	font-size: 2.5rem;
	font-weight: var(--font-weight-title);
	line-height: 1.2;
	margin-bottom: 1rem;
	letter-spacing: .025rem
}

h2 {
	font-family: var(--font-secondary);
	font-size: 2.25rem;
	font-weight: var(--font-weight-title);
	line-height: 1.2;
	margin-bottom: 1rem
}

h3 {
	font-family: var(--font-secondary);
	font-size: 2rem;
	font-weight: var(--font-weight-title);
	line-height: 1.2;
	margin-bottom: 1rem
}

h4 {
	font-family: var(--font-secondary);
	font-size: 1.75rem;
	font-weight: var(--font-weight-title);
	line-height: 1.2;
	margin-bottom: 1rem
}

h5 {
	font-family: var(--font-secondary);
	font-size: 1.5rem;
	font-weight: var(--font-weight-title);
	line-height: 1.2;
	margin-bottom: 1rem
}

h6 {
	font-family: var(--font-secondary);
	font-size: 1.25rem;
	font-weight: var(--font-weight-title);
	line-height: 1.2;
	margin-bottom: 1rem
}

h1 b, h1 strong,
h2 b, h2 strong,
h3 b, h3 strong,
h4 b, h4 strong,
h5 b, h5 strong,
h6 b, h6 strong {
	font-weight: var(--font-weight-title-bold);
}


article,
blockquote,
p {
	font-size: 1rem;
	line-height: 2;
	margin-bottom: 1rem
}

.lead {
	font-size: 1.2rem
}

strong, b {
	font-weight: var(--font-weight-text-bold);
}

.lh-05 { line-height: 0.5; }
.lh-10 { line-height: 1; }
.lh-12 { line-height: 1.25; }
.lh-15 { line-height: 1.5; }
.lh-17 { line-height: 1.75; }
.lh-20 { line-height: 2; }

blockquote {
	background-color: #f8f9fa;
	border-left: 5px solid #e9ecef;
	border-radius: 3px;
	margin-bottom: 1rem;
	padding: 1rem 2rem
}

blockquote.text--large {
	font-size: 1.15rem
}

blockquote p {
	margin: 0
}

cite {
	opacity: .7
}

.mark,
mark {
	padding: .2em;
	background-color: #f0e8c4
}

.headline-1 {
	font-size: 6.5rem;
	letter-spacing: .05rem
}

.headline-2 {
	font-size: 5.5rem;
	letter-spacing: .05rem
}

.headline-3 {
	font-size: 4.5rem;
	letter-spacing: .05rem
}

.headline-4 {
	font-size: 3.5rem;
	letter-spacing: .05rem
}

.font-alt {
	font-family: var(--font-primary);
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
	line-height: 1.125em;
	margin: 1rem 0
}

.title {
	font-weight: 700
}

.subtitle:not(:last-child),
.title:not(:last-child) {
	margin-bottom: 1rem
}

.title+.subtitle {
	margin-top: -.75rem
}

.card-tile article,
.card-tile blockquote,
.card-tile p {
	line-height: inherit
}

.font-thin {
	font-weight: 200
}

.font-light {
	font-weight: 300
}

.font-normal {
	font-weight: 400
}

.font-semibold {
	font-weight: 600
}

.font-bold {
	font-weight: 700
}

.uppercase {
	text-transform: uppercase
}

.lowercase {
	text-transform: lowercase
}

.capitalize {
	text-transform: capitalize
}

.rtl {
	direction: rtl
}

.white {
	color: #fff!important
}

.faded {
	opacity: .75
}

.font-italic {
	font-style: italic
}

.icon {
	display: inline-block;
	text-align: center;
	width: 1.5rem;
	vertical-align: baseline
}

.icon.x-small {
	margin: .55rem 0 0 .1rem
}

.icon.small {
	margin: .95rem 0 0 .1rem
}

.icon .fa-wrapper {
	font-size: inherit
}

.info {
	display: block;
	font-size: var(--font-size-s);
	margin-top: .25rem;
	color: #868e96
}

.info.inline {
	display: inline-block;
	margin-left: .5rem
}

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent
}

abbr[title] {
	border-bottom: .1rem dotted;
	cursor: help;
	text-decoration: none
}

kbd {
	background-color: var(--cirrus-fg);
	border-radius: .2rem;
	color: #fff;
	display: inline-block;
	line-height: 1;
	padding: .5rem;
	vertical-align: baseline
}

@media (max-width:650px) {
	h1 {
		font-size: 2.25rem
	}
	h2 {
		font-size: 2rem
	}
	h3 {
		font-size: 1.75rem
	}
	h4 {
		font-size: 1.5rem
	}
	h5 {
		font-size: 1.25rem
	}
	h6 {
		font-size: 1rem
	}
	.headline-1 {
		font-size: 3.75rem
	}
	.headline-2 {
		font-size: 3.5rem
	}
	.headline-3 {
		font-size: 3.25rem
	}
	.headline-4 {
		font-size: 3rem
	}
	article,
	blockquote,
	p {
		margin: 1rem 0
	}
}

.footer {
	background-color: #343a40;
	padding: 6rem 0;
	text-align: center;
	margin-top: 5rem;
	width: 100%
}

.footer.footer--fixed {
	bottom: 0;
	position: fixed
}

.footer a {
	color: #e9ecef;
	font-weight: bolder
}

.footer a:hover {
	color: #ced4da
}

.footer p {
	color: #868e96
}

.footer ul {
	margin: .5rem 0
}

.footer .footer__title {
	text-align: center;
	letter-spacing: 6px;
	position: relative;
	padding-bottom: 10px
}

.footer .footer__list-title {
	color: #ced4da;
	font-size: 75%;
	text-transform: uppercase;
	font-weight: bolder
}

.footer .footer__list-title::after {
	content: '';
	display: block;
	width: 10%;
	margin: auto;
	border-bottom: 2px solid;
	border-color: #343b49
}

.footer .footer__list-item,
.footer ul a .footer__list-item {
	margin: .1rem;
	color: #868e96;
	transition: all var(--animation-duration);
	font-size: 75%;
	text-transform: uppercase
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]),
select {
	width: 100%;
	border: 1px solid #dee2e6;
	border-radius: 3px;
	font-family: var(--font-primary);
	font-size: var(--font-size-m);
	letter-spacing: .02rem;
	transition: .3s;
	outline: 0;
	padding: .85rem 1.1rem;
	z-index: 1
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]) select.input-xsmall,
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-xsmall,
select select.input-xsmall,
select.input-xsmall {
	font-size: var(--font-size-xs);
	padding: .35rem .9rem
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]) select.input-small,
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-small,
select select.input-small,
select.input-small {
	font-size: var(--font-size-s);
	padding: .55rem 1rem
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]) select.input-large,
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-large,
select select.input-large,
select.input-large {
	font-size: var(--font-size-l)
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]) select.input-xlarge,
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-xlarge,
select select.input-xlarge,
select.input-xlarge {
	font-size: var(--font-size-xl)
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon,
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-left,
select.input-contains-icon,
select.input-contains-icon-left {
	padding-left: 2.75rem
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right,
select.input-contains-icon-right {
	padding-right: 2.75rem
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-xsmall,
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input-xsmall,
select.input-contains-icon-right.input-xsmall,
select.input-contains-icon.input-xsmall {
	padding-left: 2rem
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-left.input-xsmall~.icon,
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-xsmall~.icon.icon-right,
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input-xsmall~.icon,
select.input-contains-icon-left.input-xsmall~.icon,
select.input-contains-icon-right.input-xsmall~.icon.icon-right,
select.input-contains-icon.input-xsmall~.icon {
	line-height: 1.75rem;
	width: 1.75rem;
	font-size: 7px
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-small,
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input-small,
select.input-contains-icon-right.input-small,
select.input-contains-icon.input-small {
	padding-left: 2.5rem
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-left.input-small~.icon,
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-small~.icon.icon-right,
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input-small~.icon,
select.input-contains-icon-left.input-small~.icon,
select.input-contains-icon-right.input-small~.icon.icon-right,
select.input-contains-icon.input-small~.icon {
	width: 2.5rem;
	font-size: 14px
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-large,
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input-large,
select.input-contains-icon-right.input-large,
select.input-contains-icon.input-large {
	padding-left: 3.5rem
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-left.input-large~.icon,
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-large~.icon.icon-right,
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input-large~.icon,
select.input-contains-icon-left.input-large~.icon,
select.input-contains-icon-right.input-large~.icon.icon-right,
select.input-contains-icon.input-large~.icon {
	line-height: 3.5rem;
	width: 3.5rem;
	font-size: 28px
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-xlarge,
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input-xlarge,
select.input-contains-icon-right.input-xlarge,
select.input-contains-icon.input-xlarge {
	padding-left: 4rem
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-left.input-xlarge~.icon,
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon-right.input-xlarge~.icon.icon-right,
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-contains-icon.input-xlarge~.icon,
select.input-contains-icon-left.input-xlarge~.icon,
select.input-contains-icon-right.input-xlarge~.icon.icon-right,
select.input-contains-icon.input-xlarge~.icon {
	line-height: 2.5rem;
	width: 3.75rem;
	font-size: 35px
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).search,
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset])[type=search],
select.search,
select[type=search] {
	background-repeat: no-repeat;
	background-position: left .6rem center;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path opacity="0.45" d="M14.891,14.39l-0.5.5a0.355,0.355,0,0,1-.5,0L9.526,10.529a5.3,5.3,0,1,1,2.106-4.212,5.268,5.268,0,0,1-1.1,3.21l4.362,4.362A0.354,0.354,0,0,1,14.891,14.39ZM6.316,2.418a3.9,3.9,0,1,0,3.9,3.9A3.9,3.9,0,0,0,6.316,2.418Z"/></svg>');
	padding-left: 2rem!important;
	-webkit-appearance: none
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset])[type=color],
select[type=color] {
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05);
	box-sizing: border-box;
	transition: .3s;
	outline: 0;
	position: relative;
	height: 3rem;
	background-color: #fff;
	padding: .55rem .8rem!important
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-success,
select.input-success {
	border-color: var(--cirrus-success);
	background-color: rgba(0, 224, 0, .05)!important
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-success:focus,
select.input-success:focus {
	box-shadow: 0 0 0 .2rem rgba(13, 209, 87, .55), inset 0 1px 8px rgba(0, 0, 0, .07)
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-error,
select.input-error {
	border-color: var(--cirrus-danger);
	background-color: rgba(244, 67, 54, .05)!important
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-error:focus,
select.input-error:focus {
	box-shadow: 0 0 0 .2rem rgba(251, 65, 67, .55), inset 0 1px 8px rgba(0, 0, 0, .07)
}

textarea,
textarea[type=text] {
	width: 100%;
	border: 1px solid #dee2e6;
	border-radius: 3px;
	font-family: var(--font-primary);
	font-size: var(--font-size-m);
	letter-spacing: .02rem;
	transition: .3s;
	outline: 0;
	padding: .85rem 1.1rem;
	z-index: 1;
	margin: .5rem 0;
	padding: 1rem 1.3rem;
	min-height: 8rem;
	line-height: 1.5rem;
	resize: vertical
}

textarea select.input-xsmall,
textarea.input-xsmall,
textarea[type=text] select.input-xsmall,
textarea[type=text].input-xsmall {
	font-size: var(--font-size-xs);
	padding: .35rem .9rem
}

textarea select.input-small,
textarea.input-small,
textarea[type=text] select.input-small,
textarea[type=text].input-small {
	font-size: var(--font-size-s);
	padding: .55rem 1rem
}

textarea select.input-large,
textarea.input-large,
textarea[type=text] select.input-large,
textarea[type=text].input-large {
	font-size: var(--font-size-l)
}

textarea select.input-xlarge,
textarea.input-xlarge,
textarea[type=text] select.input-xlarge,
textarea[type=text].input-xlarge {
	font-size: var(--font-size-xl)
}

textarea.input-contains-icon,
textarea.input-contains-icon-left,
textarea[type=text].input-contains-icon,
textarea[type=text].input-contains-icon-left {
	padding-left: 2.75rem
}

textarea.input-contains-icon-right,
textarea[type=text].input-contains-icon-right {
	padding-right: 2.75rem
}

textarea.input-contains-icon-right.input-xsmall,
textarea.input-contains-icon.input-xsmall,
textarea[type=text].input-contains-icon-right.input-xsmall,
textarea[type=text].input-contains-icon.input-xsmall {
	padding-left: 2rem
}

textarea.input-contains-icon-left.input-xsmall~.icon,
textarea.input-contains-icon-right.input-xsmall~.icon.icon-right,
textarea.input-contains-icon.input-xsmall~.icon,
textarea[type=text].input-contains-icon-left.input-xsmall~.icon,
textarea[type=text].input-contains-icon-right.input-xsmall~.icon.icon-right,
textarea[type=text].input-contains-icon.input-xsmall~.icon {
	line-height: 1.75rem;
	width: 1.75rem;
	font-size: 7px
}

textarea.input-contains-icon-right.input-small,
textarea.input-contains-icon.input-small,
textarea[type=text].input-contains-icon-right.input-small,
textarea[type=text].input-contains-icon.input-small {
	padding-left: 2.5rem
}

textarea.input-contains-icon-left.input-small~.icon,
textarea.input-contains-icon-right.input-small~.icon.icon-right,
textarea.input-contains-icon.input-small~.icon,
textarea[type=text].input-contains-icon-left.input-small~.icon,
textarea[type=text].input-contains-icon-right.input-small~.icon.icon-right,
textarea[type=text].input-contains-icon.input-small~.icon {
	width: 2.5rem;
	font-size: 14px
}

textarea.input-contains-icon-right.input-large,
textarea.input-contains-icon.input-large,
textarea[type=text].input-contains-icon-right.input-large,
textarea[type=text].input-contains-icon.input-large {
	padding-left: 3.5rem
}

textarea.input-contains-icon-left.input-large~.icon,
textarea.input-contains-icon-right.input-large~.icon.icon-right,
textarea.input-contains-icon.input-large~.icon,
textarea[type=text].input-contains-icon-left.input-large~.icon,
textarea[type=text].input-contains-icon-right.input-large~.icon.icon-right,
textarea[type=text].input-contains-icon.input-large~.icon {
	line-height: 3.5rem;
	width: 3.5rem;
	font-size: 28px
}

textarea.input-contains-icon-right.input-xlarge,
textarea.input-contains-icon.input-xlarge,
textarea[type=text].input-contains-icon-right.input-xlarge,
textarea[type=text].input-contains-icon.input-xlarge {
	padding-left: 4rem
}

textarea.input-contains-icon-left.input-xlarge~.icon,
textarea.input-contains-icon-right.input-xlarge~.icon.icon-right,
textarea.input-contains-icon.input-xlarge~.icon,
textarea[type=text].input-contains-icon-left.input-xlarge~.icon,
textarea[type=text].input-contains-icon-right.input-xlarge~.icon.icon-right,
textarea[type=text].input-contains-icon.input-xlarge~.icon {
	line-height: 2.5rem;
	width: 3.75rem;
	font-size: 35px
}

.input-focused,
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus,
input[type=text].input-focused,
select:focus,
textarea:focus,
textarea[type=text]:focus {
	border-color: #3dabf0;
	box-shadow: 0 0 0 .2rem rgba(61, 171, 240, .45), inset 0 1px 8px rgba(0, 0, 0, .07)
}

.input-focused.input-success,
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-success,
input[type=text].input-focused.input-success,
select:focus.input-success,
textarea:focus.input-success,
textarea[type=text]:focus.input-success {
	border-color: var(--cirrus-success);
	background-color: rgba(0, 224, 0, .05)!important
}

.input-focused.input-success:focus,
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-success:focus,
input[type=text].input-focused.input-success:focus,
select:focus.input-success:focus,
textarea:focus.input-success:focus,
textarea[type=text]:focus.input-success:focus {
	box-shadow: 0 0 0 .2rem rgba(13, 209, 87, .55), inset 0 1px 8px rgba(0, 0, 0, .07)
}

.input-focused.input-error,
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-error,
input[type=text].input-focused.input-error,
select:focus.input-error,
textarea:focus.input-error,
textarea[type=text]:focus.input-error {
	border-color: var(--cirrus-danger);
	background-color: rgba(244, 67, 54, .05)!important
}

.input-focused.input-error:focus,
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):focus.input-error:focus,
input[type=text].input-focused.input-error:focus,
select:focus.input-error:focus,
textarea:focus.input-error:focus,
textarea[type=text]:focus.input-error:focus {
	box-shadow: 0 0 0 .2rem rgba(251, 65, 67, .55), inset 0 1px 8px rgba(0, 0, 0, .07)
}

select {
	width: 100%;
	border: 1px solid #dee2e6;
	border-radius: 3px;
	font-family: var(--font-primary);
	font-size: var(--font-size-m);
	letter-spacing: .02rem;
	transition: .3s;
	outline: 0;
	padding: .85rem 1.1rem;
	z-index: 1;
	background-color: #fff;
	border: 1px solid #ddd
}

select select.input-xsmall,
select.input-xsmall {
	font-size: var(--font-size-xs);
	padding: .35rem .9rem
}

select select.input-small,
select.input-small {
	font-size: var(--font-size-s);
	padding: .55rem 1rem
}

select select.input-large,
select.input-large {
	font-size: var(--font-size-l)
}

select select.input-xlarge,
select.input-xlarge {
	font-size: var(--font-size-xl)
}

select.input-contains-icon,
select.input-contains-icon-left {
	padding-left: 2.75rem
}

select.input-contains-icon-right {
	padding-right: 2.75rem
}

select.input-contains-icon-right.input-xsmall,
select.input-contains-icon.input-xsmall {
	padding-left: 2rem
}

select.input-contains-icon-left.input-xsmall~.icon,
select.input-contains-icon-right.input-xsmall~.icon.icon-right,
select.input-contains-icon.input-xsmall~.icon {
	line-height: 1.75rem;
	width: 1.75rem;
	font-size: 7px
}

select.input-contains-icon-right.input-small,
select.input-contains-icon.input-small {
	padding-left: 2.5rem
}

select.input-contains-icon-left.input-small~.icon,
select.input-contains-icon-right.input-small~.icon.icon-right,
select.input-contains-icon.input-small~.icon {
	width: 2.5rem;
	font-size: 14px
}

select.input-contains-icon-right.input-large,
select.input-contains-icon.input-large {
	padding-left: 3.5rem
}

select.input-contains-icon-left.input-large~.icon,
select.input-contains-icon-right.input-large~.icon.icon-right,
select.input-contains-icon.input-large~.icon {
	line-height: 3.5rem;
	width: 3.5rem;
	font-size: 28px
}

select.input-contains-icon-right.input-xlarge,
select.input-contains-icon.input-xlarge {
	padding-left: 4rem
}

select.input-contains-icon-left.input-xlarge~.icon,
select.input-contains-icon-right.input-xlarge~.icon.icon-right,
select.input-contains-icon.input-xlarge~.icon {
	line-height: 2.5rem;
	width: 3.75rem;
	font-size: 35px
}

select[multiple] option {
	padding: .2rem .4rem
}

select.select:not([size]):not([multiple]) {
	background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") right .85rem center/.5rem .6rem no-repeat no-repeat;
	-webkit-appearance: none
}

select.input-xsmall {
	padding: .65rem .9rem
}

select.input-small {
	padding: .75rem 1rem
}

select.input-large {
	padding: .95rem 1.2rem
}

select.input-xlarge {
	padding: 1.05rem 1.3rem
}

input:not([class*=' btn-']):disabled:hover,
input:not([class*=btn-]):disabled,
select:disabled,
textarea:disabled {
	background-color: #f1f3f5;
	cursor: not-allowed;
	border: 1px solid #f1f3f5
}

label.label {
	color: #495057;
	display: inline-block;
	font-weight: 700;
	margin-top: .8rem
}

label.label:not(:last-child) {
	margin-bottom: 0
}

label:first-child:not(:last-child):not(.form-group-label) {
	margin-right: .5rem
}

label:not(:first-child):not(:last-child):not(.form-group-label) {
	margin: 0 .5rem
}

label:last-child:not(:first-child):not(.form-group-label) {
	margin-left: .5rem
}

.required {
	position: relative;
	top: 1px;
	font-weight: 700;
	color: #b31e1d;
	padding-left: .1rem
}

.input-control {
	position: relative;
	margin: .5rem 0
}

.input-contains-icon-left~.icon,
.input-contains-icon-right~.icon,
.input-contains-icon~.icon {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%
}

.input-contains-icon-left~.icon.icon-left,
.input-contains-icon~.icon:not(.icon-right) {
	position: absolute;
	left: 0;
	top: 0;
	width: 3rem;
	z-index: 1
}

.input-contains-icon-right~.icon.icon-right {
	position: absolute;
	pointer-events: none;
	line-height: 2.75rem;
	vertical-align: baseline;
	top: 0;
	right: 0;
	width: 3rem;
	z-index: 1
}

.form-group {
	display: flex;
	display: -ms-flexbox;
	margin: .5rem 0
}

.form-group .form-group-btn {
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	margin-bottom: 0
}

.form-group .form-group-btn:first-child:not(:last-child) {
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important
}

.form-group .form-group-btn:not(:first-child):not(:last-child) {
	border-radius: 0!important;
	margin-left: -.1rem;
	margin-right: -.1rem
}

.form-group .form-group-btn:last-child:not(:first-child) {
	border-top-left-radius: 0!important;
	border-bottom-left-radius: 0!important;
	margin-left: -1px;
	z-index: 0
}

.form-group .form-group-label {
	background-color: var(--cirrus-form-group-bg);
	border: 1px solid #dee2e6;
	border-radius: .2rem;
	color: var(--cirrus-form-group-fg);
	margin: 0;
	padding: .8rem;
	user-select: none;
	z-index: 1
}

.form-group .form-group-label:first-child:not(:last-child) {
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important
}

.form-group .form-group-label:not(:first-child):not(:last-child) {
	border-radius: 0!important;
	margin-left: -.1rem;
	margin-right: -.1rem
}

.form-group .form-group-label:last-child:not(:first-child) {
	border-top-left-radius: 0!important;
	border-bottom-left-radius: 0!important;
	margin-left: -1px;
	z-index: 0
}

.form-group .form-group-label.label-xsmall {
	font-size: .55rem;
	padding: .5rem .9rem
}

.form-group .form-group-label.label-small {
	font-size: .75rem;
	padding: .55rem 1rem
}

.form-group .form-group-label.label-large {
	font-size: 1.5rem
}

.form-group .form-group-label.label-xlarge {
	font-size: 2rem
}

.form-group .form-group-input:first-child:not(:last-child) {
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important
}

.form-group .form-group-input:not(:first-child):not(:last-child) {
	border-radius: 0!important;
	margin-left: -.1rem;
	margin-right: -.1rem
}

.form-group .form-group-input:last-child:not(:first-child) {
	border-top-left-radius: 0!important;
	border-bottom-left-radius: 0!important;
	margin-left: -1px;
	z-index: 0
}

::-moz-placeholder {
	color: #a9a9a9
}

::-webkit-input-placeholder {
	color: #a9a9a9
}

.frame {
	border-radius: 3px;
	box-shadow: 0 .2rem 1.25rem 0 rgba(27, 30, 36, .07);
	display: flex;
	display: -ms-flexbox;
	flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column
}

.frame .frame__footer,
.frame .frame__header {
	flex: 0 0 auto;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	padding: 1rem
}

.frame .frame__nav {
	flex: 0 0 auto;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto
}

.frame .frame__body {
	flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	overflow-y: auto;
	padding: 0 1rem
}

.frame .frame__title {
	color: #374054;
	font-size: 1rem;
	margin: .75rem auto 0
}

.frame .frame__subtitle {
	color: rgba(55, 64, 84, .6);
	font-size: 1rem;
	margin: 0 auto .75rem
}

.header {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 0;
	width: 100%;
	z-index: 100;
	margin-bottom: 20px;
	box-shadow: 0 3px 15px rgba(57, 63, 72, .1);
	background-color: var(--cirrus-bg);
	max-height: 100vh;
	padding: 0 2rem;
	transition: .3s;
	display: flex;
	--header-link-color: #495057;
	--header-link-color-hover: #606a73
}

.header.header-container {
	width: 100%;
	padding: 0 calc( (100vw -  var(--max-width-content)) / 2);
}

.header h1,
.header h2,
.header h3,
.header h4,
.header h5,
.header h6 {
	margin: 0
}

.header a {
	color: var(--header-link-color)
}

.header a:hover {
	color: var(--header-link-color-hover)
}

.header.header-dark {
	background-color: rgba(0, 0, 0, .75);
	color: #fff;
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	--header-link-color: #fff;
	--header-link-color-hover: #fff
}

.header.header-clear {
	background-color: transparent;
	box-shadow: none
}

.header.header-clear .nav-item .dropdown-menu {
	border-radius: 4px
}

.header.header-animated .header-nav {
	-webkit-transition: background .4s, height .4s;
	transition: background .4s, height .4s;
	/*-webkit-transition-property: background, height;
	transition-property: background, height;
	-webkit-transition-duration: .4s, .4s;
	transition-duration: .4s, .4s;
	-webkit-transition-timing-function: ease, ease;
	transition-timing-function: ease, ease;
	-webkit-transition-delay: initial, initial;
	transition-delay: initial, initial;
	-webkit-transition: .3s;
	transition: .3s;*/
}

.header .header-nav {
	overflow: auto
}

.header .header-brand {
	-webkit-overflow-scrolling: touch;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	max-width: 100vw;
	min-height: 3.25rem;
	overflow-x: auto;
	overflow-y: hidden
}

.header.header-fixed {
	position: fixed;
	top: 0
}

.header:not(.header-clear) .nav-item:not(.no-hover).hovered,
.header:not(.header-clear) .nav-item:not(.no-hover):hover {
	background-color: rgba(216, 216, 216, .15);
	-webkit-transition: .3s;
	transition: .3s
}

.header:not(.header-clear) .nav-item.active,
.header:not(.header-clear) .nav-item.active:hover {
	background-color: rgba(216, 216, 216, .35)
}

.header .nav-btn {
	cursor: pointer;
	display: block;
	height: 3.5rem;
	position: relative;
	width: 3.5rem
}

.header .btn,
.header [type=button],
.header [type=reset],
.header [type=submit],
.header button {
	margin: 0
}

.nav-menu {
	-webkit-transition: .3s;
	transition: .3s
}

.nav-menu .has-sub {
	position: relative
}

.nav-overflow-x {
	-webkit-box-pack: inherit;
	-ms-flex-pack: inherit;
	justify-content: inherit;
	overflow-x: scroll
}

.nav-item {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: .3s;
	transition: .3s;
	padding: 0 .3rem;
	cursor: pointer
}

.nav-item a {
	align-items: center;
	display: flex
}

.nav-item .dropdown-menu {
	background-color: var(--cirrus-bg);
	position: absolute;
	top: 95%;
	z-index: 1000;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-clip: padding-box;
	border: 1px solid #e9ecef;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 .5rem 1rem rgba(10, 10, 10, .1)
}

.nav-item .dropdown-menu.dropdown-animated {
	-webkit-transition: all var(--animation-duration);
	transition: all var(--animation-duration)
}

.nav-item .dropdown-menu>li>a {
	display: block;
	padding: .5rem 1rem;
	clear: both;
	line-height: 1.42857143;
	white-space: nowrap
}

.nav-item .dropdown-menu>li {
	margin: 0;
	-webkit-transition: .3s;
	transition: .3s
}

.nav-item .dropdown-menu>li:hover {
	-webkit-transition: .3s;
	transition: .3s;
	background-color: rgba(216, 216, 216, .15)
}

.nav-item .dropdown-menu>li:active {
	-webkit-transition: .3s;
	transition: .3s;
	background-color: rgba(216, 216, 216, .25)
}

.nav-item .dropdown-menu>li:last-child {
	margin-bottom: 0
}

.nav-item .dropdown-menu .dropdown-menu-divider {
	border: none;
	background-color: rgba(216, 216, 216, .15);
	height: 1px;
	margin: .5rem 0
}

.nav-item.has-sub .nav-dropdown-link {
	padding-right: 2.5rem;
	position: relative
}

.nav-item.has-sub .nav-dropdown-link::after {
	border: 2px solid var(--cirrus-primary);
	border-right: 0;
	border-top: 0;
	display: block;
	height: .5em;
	width: .5em;
	content: ' ';
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	pointer-events: none;
	margin-top: -.435em;
	right: 1.125em;
	top: 50%;
	position: absolute
}

.header.header-dark .dropdown-menu,
.nav-item .dropdown-menu.dropdown-dark {
	background-color: rgba(0, 0, 0, .87);
	border: 1px solid #343a40;
	color: #fff
}

.dropdown-menu.dropdown-shown,
.nav-item.active {
	opacity: 1
}

@media screen and (min-width:769px) {
	.header {
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		display: -webkit-box;
		display: -ms-flexbox
	}
	.header .header-nav {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-ms-flex-negative: 0;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: relative;
		text-align: center;
		width: 100%;
		top: 0;
		overflow: visible
	}
	.header .nav-left {
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		-ms-grid-row-align: stretch;
		align-items: stretch;
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		display: flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		white-space: nowrap
	}
	.header .nav-left .has-sub .dropdown-menu {
		left: 0;
		right: auto
	}
	.header .nav-right {
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		-ms-grid-row-align: stretch;
		align-items: stretch;
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		white-space: nowrap
	}
	.header .nav-right .has-sub .dropdown-menu {
		left: auto;
		right: 0
	}
	.header .nav-center {
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-left: auto;
		margin-right: auto
	}
	.header .nav-btn {
		display: none
	}
	.header .nav-item a {
		padding: .5rem 1rem
	}
	.header .nav-item .dropdown-menu {
		opacity: 0;
		pointer-events: none
	}
	.header .nav-item .dropdown-menu.dropdown-animated {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px)
	}
	.header .nav-item .dropdown-menu.dropdown-animated.dropdown-shown,
	.header .nav-item .dropdown-menu.dropdown-shown,
	.header .nav-item.toggle-hover:hover .dropdown-menu {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		pointer-events: auto
	}
}

@media screen and (max-width:768px) {
	.header {
		flex-direction: column
	}
	.header .header-brand .nav-item:first-child {
		padding: 0 1rem
	}
	.header .header-nav {
		height: 0
	}
	.header .header-nav.active {
		height: 100vh
	}
	.header .header-nav .nav-item {
		padding: 1rem
	}
	.header .header-nav .nav-item>a {
		padding: 0;
		width: 100%
	}
	.nav-item.has-sub {
		display: block
	}
	.nav-item.has-sub .dropdown-menu {
		display: none
	}
	.nav-item.has-sub .dropdown-menu.dropdown-shown {
		border-radius: 0;
		box-shadow: none;
		display: block;
		position: relative;
		top: 1rem;
		float: none;
		border: none;
		background-color: transparent;
		margin-bottom: 1rem
	}
	.nav-item.has-sub .dropdown-menu.dropdown-dark {
		background-color: rgba(0, 0, 0, .17);
		border: 0
	}
	.nav-btn {
		cursor: pointer;
		display: block;
		position: relative;
		margin-left: auto
	}
	.nav-btn span {
		background-color: var(--header-link-color);
		display: block;
		height: 2px;
		left: 50%;
		margin-left: -7px;
		position: absolute;
		top: 50%;
		-webkit-transition: none 86ms ease-out;
		transition: none 86ms ease-out;
		-webkit-transition-property: background, left, opacity, -webkit-transform;
		transition-property: background, left, opacity, -webkit-transform;
		transition-property: background, left, opacity, transform;
		transition-property: background, left, opacity, transform, -webkit-transform;
		width: 15px
	}
	.nav-btn span:nth-child(1) {
		margin-top: -6px
	}
	.nav-btn span:nth-child(2) {
		margin-top: -1px
	}
	.nav-btn span:nth-child(3) {
		margin-top: 4px
	}
	.nav-btn.active span:nth-child(1) {
		margin-left: -5px;
		transform: rotate(45deg);
		transform-origin: left top
	}
	.nav-btn.active span:nth-child(2) {
		opacity: 0
	}
	.nav-btn.active span:nth-child(3) {
		margin-left: -5px;
		transform: rotate(-45deg);
		transform-origin: left bottom
	}
	.nav-center,
	.nav-left,
	.nav-right {
		overflow: hidden
	}
	.header .nav-item.has-sub.toggle-hover:not(.no-hover):hover>.dropdown-menu {
		border-radius: 0;
		box-shadow: none;
		display: block;
		position: relative;
		top: 1rem;
		float: none;
		border: none;
		background-color: transparent;
		margin-bottom: 1rem
	}
}

section {
	display: block
}

.content {
	max-width: var(--max-width-content);
	margin: 0 auto 1.5em;
	width: calc(100% - 48px);
}

.fullscreen {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100vh
}

.divider {
	border-top: .05rem solid rgba(173, 181, 189, .5);
	height: .1rem;
	margin: 1.8rem 0 1.6rem;
	position: relative
}

.divider[data-content] {
	margin: .8rem 0
}

.divider--v[data-content]::after,
.divider[data-content]::after {
	background: #fff;
	color: #adb5bd;
	content: attr(data-content);
	left: 50%;
	display: inline-block;
	padding: 0 .4rem;
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%
}

.divider--v,
.divider--v[data-content] {
	display: block;
	padding: .8rem
}

.divider--v::before,
.divider--v[data-content]::before {
	border-left: .05rem solid rgba(173, 181, 189, .5);
	bottom: .4rem;
	content: '';
	display: block;
	left: 50%;
	position: absolute;
	top: 0;
	transform: translateX(-50%)
}

.divider--v[data-content] {
	left: 50%;
	padding: .2rem 0;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%)
}

.hero-img {
	background-size: cover
}

.parallax-img {
	background-attachment: fixed!important
}

.hero {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.hero .hero-body {
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding: 3rem 1.5rem;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

.space {
	display: block;
	width: 100%;
	height: 1rem
}

.space.large {
	padding: 1rem 0
}

.space.xlarge {
	padding: 2rem 0
}

.row {
	-ms-flex: 1;
	flex: 1;
	flex-wrap: wrap;
	padding: .5rem 0;
	display: flex
}

.row::after {
	content: '';
	clear: both;
	display: table
}

.row.row--no-wrap {
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	overflow-x: auto
}

.row .col {
	display: block;
	flex: 1;
	padding: .15rem .75rem
}

.row .col-1,
.row .col-lg-1,
.row .col-md-1,
.row .col-sm-1,
.row .col-xs-1 {
	width: 8.33333%
}

.row .offset-1 {
	margin-left: 8.33333%
}

.row .col-2,
.row .col-lg-2,
.row .col-md-2,
.row .col-sm-2,
.row .col-xs-2 {
	width: 16.66667%
}

.row .offset-2 {
	margin-left: 16.66667%
}

.row .col-3,
.row .col-lg-3,
.row .col-md-3,
.row .col-sm-3,
.row .col-xs-3 {
	width: 25%
}

.row .offset-3 {
	margin-left: 25%
}

.row .col-4,
.row .col-lg-4,
.row .col-md-4,
.row .col-sm-4,
.row .col-xs-4 {
	width: 33.33333%
}

.row .offset-4 {
	margin-left: 33.33333%
}

.row .col-5,
.row .col-lg-5,
.row .col-md-5,
.row .col-sm-5,
.row .col-xs-5 {
	width: 41.66667%
}

.row .offset-5 {
	margin-left: 41.66667%
}

.row .col-6,
.row .col-lg-6,
.row .col-md-6,
.row .col-sm-6,
.row .col-xs-6 {
	width: 50%
}

.row .offset-6 {
	margin-left: 50%
}

.row .col-7,
.row .col-lg-7,
.row .col-md-7,
.row .col-sm-7,
.row .col-xs-7 {
	width: 58.33333%
}

.row .offset-7 {
	margin-left: 58.33333%
}

.row .col-8,
.row .col-lg-8,
.row .col-md-8,
.row .col-sm-8,
.row .col-xs-8 {
	width: 66.66667%
}

.row .offset-8 {
	margin-left: 66.66667%
}

.row .col-9,
.row .col-lg-9,
.row .col-md-9,
.row .col-sm-9,
.row .col-xs-9 {
	width: 75%
}

.row .offset-9 {
	margin-left: 75%
}

.row .col-10,
.row .col-lg-10,
.row .col-md-10,
.row .col-sm-10,
.row .col-xs-10 {
	width: 83.33333%
}

.row .offset-10 {
	margin-left: 83.33333%
}

.row .col-11,
.row .col-lg-11,
.row .col-md-11,
.row .col-sm-11,
.row .col-xs-11 {
	width: 91.66667%
}

.row .offset-11 {
	margin-left: 91.66667%
}

.row .col-12,
.row .col-lg-12,
.row .col-md-12,
.row .col-sm-12,
.row .col-xs-12 {
	width: 100%
}

.row .offset-12 {
	margin-left: 100%
}

.row .offset-right {
	margin-left: 0;
	margin-right: auto
}

.row .offset-center {
	margin-left: auto;
	margin-right: auto
}

.row .offset-left {
	margin-left: auto;
	margin-right: 0
}

.row [class*=' col-'],
.row [class^=col-] {
	padding: 0 .5rem
}

@media screen and (max-width:1279px) {
	.row [class*=' col-lg-']:not(.ignore-screen),
	.row [class^=col-lg-]:not(.ignore-screen) {
		width: 100%;
		margin-left: 0;
		padding: 0
	}
}

.row.divided [class*=' col'],
.row.divided [class^=col] {
	box-shadow: 0 -1px 0 0 rgba(173, 181, 189, .5)
}

@media screen and (max-width:1023px) {
	.row [class*=' col-md-']:not(.ignore-screen):not([class*=' col-lg']),
	.row [class^=col-md-]:not(.ignore-screen):not([class^=col-lg]) {
		width: 100%;
		margin-left: 0;
		padding: 0
	}
}

.row.no-space [class*=' col-'],
.row.no-space [class^=col-] {
	padding: 0
}

.r {
	max-width: 100%;
	padding: .5rem
}

.level {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-ms-grid-row-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.level .level-item {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.level .level-content {
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	text-align: left;
	width: 100%
}

.w-10 {
	width: 10%
}

.h-10 {
	height: 10%
}

.w-20 {
	width: 20%
}

.h-20 {
	height: 20%
}

.w-30 {
	width: 30%
}

.h-30 {
	height: 30%
}

.w-40 {
	width: 40%
}

.h-40 {
	height: 40%
}

.w-50 {
	width: 50%
}

.h-50 {
	height: 50%
}

.w-60 {
	width: 60%
}

.h-60 {
	height: 60%
}

.w-70 {
	width: 70%
}

.h-70 {
	height: 70%
}

.w-80 {
	width: 80%
}

.h-80 {
	height: 80%
}

.w-90 {
	width: 90%
}

.h-90 {
	height: 90%
}

.w-100 {
	width: 100%
}

.h-100 {
	height: 100%
}

.w-auto {
	width: auto!important
}

.h-auto {
	height: auto!important
}

@media screen and (min-width:768px) {
	.level,
	.level-left,
	.level-right {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

@media screen and (min-width:769px) {
	.level-right {
		margin-left: 1rem
	}
	.level.fill-height {
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

@media screen and (max-width:768px) {
	.container {
		width: 100%
	}
	.row {
		margin-top: 0
	}
	.divided>.row [class*=' col-'],
	.divided>.row [class^=col-] {
		box-shadow: 0 -1px 0 0 rgba(34, 36, 38, .15)
	}
	.level-left.ignore-screen,
	.level-right.ignore-screen,
	.level.ignore-screen {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	.level.fill-height {
		display: inherit
	}
	.hero-body {
		padding: 0
	}
}

a {
	color: var(--cirrus-link);
	font-weight: 600;
	padding: 2px;
	text-decoration: none;
	transition: .3s
}

a:hover {
	color: var(--cirrus-link-dark);
	transition: .3s
}

a.underline {
	text-decoration: underline
}

.subtitle a {
	padding: 0
}

article a,
blockquote a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
p a {
	display: inline
}

[type=submit] a,
a .btn,
a button {
	margin-bottom: 0
}

ol,
ul {
	margin: 1rem 0 1rem 1rem;
	padding-inline-start: .5rem
}

ol ol,
ol ul,
ul ol,
ul ul {
	margin: 0 0 0 1rem
}

ul ul {
	list-style-type: circle
}

ul ul ul {
	list-style-type: square
}

ol ol {
	list-style: lower-alpha
}

ol ol ol {
	list-style: upper-roman
}

dl {
	margin: 1rem 0
}

dt {
	font-weight: 700
}

dd {
	margin-bottom: .5rem
}

li {
	margin: .25rem 0
}

ul.no-bullets {
	list-style: none
}

ul.menu {
	font-size: 1rem;
	list-style: none;
	margin: .5rem 0
}

ul .menu-title:not(:first-child) {
	margin-bottom: 1rem
}

ul .menu-title:not(:last-child) {
	margin-top: 1rem
}

ul .menu-item a {
	color: #495057;
	display: block;
	padding: .5em .75em;
	border-radius: 3px;
	font-size: var(--font-size-s);
	cursor: pointer;
	-webkit-transition: all var(--animation-duration);
	transition: all var(--animation-duration)
}

ul .menu-item:hover>a {
	background-color: rgba(208, 208, 208, .3);
	color: var(--cirrus-primary);
	-webkit-transition: all var(--animation-duration);
	transition: all var(--animation-duration)
}

ul .menu-item.selected>a {
	color: #fff;
	background-color: var(--cirrus-primary)
}

ul .menu-item .menu-addon {
	padding: .3rem;
	z-index: 1;
	position: relative;
	color: var(--cirrus-fg);
	cursor: pointer;
	float: left;
	margin-right: .1rem;
	-webkit-transition: all var(--animation-duration);
	transition: all var(--animation-duration)
}

ul .menu-item .menu-addon .icon {
	font-size: inherit;
	vertical-align: auto
}

ul .menu-item .menu-addon:hover {
	-webkit-transition: all var(--animation-duration);
	transition: all var(--animation-duration)
}

ul .menu-item .menu-addon.right {
	float: right;
	margin-right: 0;
	margin-left: .1rem
}

ul .menu-item.selected .menu-addon {
	color: #fff
}

ul .menu-item ul {
	border-left: 1px solid #dee2e6;
	margin: .75rem;
	padding-left: .75rem
}

ul li.menu-item:last-child {
	margin-bottom: 0
}

ul .divider {
	border-top: .1rem solid #e9ecef;
	height: .1rem;
	margin: 1rem 0
}

ul .divider::after {
	content: attr(data-label);
	background-color: var(--cirrus-bg);
	color: #adb5bd;
	display: inline-block;
	padding: 0 .7rem;
	margin: .5rem;
	font-size: .7rem;
	-webkit-transform: translateY(-1.1rem);
	transform: translateY(-1.1rem)
}

.list-dropdown {
	display: inline-block;
	position: relative
}

.list-dropdown .menu {
	position: absolute;
	top: 75%;
	left: 0;
	-webkit-animation: slide-down var(--animation-duration) ease 1;
	animation: .1s slide-down;
	background-color: var(--cirrus-bg);
	border-radius: .2rem;
	box-shadow: 0 1rem 3rem rgba(149, 157, 165, .3);
	margin: 0;
	opacity: 0;
	min-width: 15rem;
	padding: .25rem .5rem;
	-webkit-transform: translateY(.5rem);
	transform: translateY(.5rem);
	z-index: 10;
	pointer-events: none;
	overflow: hidden;
	-webkit-transition: all var(--animation-duration);
	transition: all var(--animation-duration)
}

@media screen and (max-width:767px) {
	.list-dropdown .menu {
		height: 0;
		padding: 0!important;
		position: relative
	}
}

.list-dropdown.dropdown-right .menu {
	left: auto;
	right: 0
}

.list-dropdown .btn-dropdown:focus+.menu,
.list-dropdown .menu:hover,
.list-dropdown.shown .menu {
	display: block;
	opacity: 1;
	top: 100%;
	z-index: 100;
	pointer-events: auto;
	height: auto;
	-webkit-transition: all var(--animation-duration);
	transition: all var(--animation-duration)
}

.list-dropdown .btn-group .btn-dropdown:nth-last-child(2) {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px
}

.tree {
	margin: 0
}

.tree .tree-item .tree-item-header {
	display: block;
	padding: .25rem .5rem;
	cursor: pointer;
	font-weight: 700
}

.tree .tree-item .tree-item-header .icon {
	-webkit-transition: all var(--animation-duration);
	transition: all var(--animation-duration)
}

.tree .tree-item input:checked~.tree-item-body {
	max-height: 100vh
}

.tree .tree-item input:checked~.tree-item-header .icon {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.tree .tree-item .tree-item-body {
	max-height: 0;
	margin-left: 1.5rem;
	overflow: hidden;
	-webkit-transition: all var(--animation-duration);
	transition: all var(--animation-duration)
}

.tree-nav-body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100vh;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap
}

.tree-nav-body .tree-nav {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	padding: 2rem 1rem 2rem 2rem;
	min-width: 15rem;
	height: 100vh;
	overflow: auto
}

.tree-nav-body .tree-nav-container {
	overflow-y: auto;
	top: 4rem;
	bottom: 1rem
}

.tree-nav-body+.tree-nav-close {
	display: none
}

.tree-nav-body+.tree-nav-content {
	max-width: 100%;
	padding: 2rem;
	-ms-flex: 1 0 auto;
	-webkit-box-flex: 1;
	flex: 1 0 auto;
	overflow: auto;
	margin: 0
}

.tree-nav-body .tree-nav-content {
	width: 100%;
	overflow: auto;
	margin: 0;
	padding: 2rem
}

@media screen and (max-width:768px) {
	.tree-nav {
		height: 100%;
		left: 0;
		overflow-y: auto;
		padding: 3rem 1.5rem;
		position: fixed;
		top: 0;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		transition: transform var(--animation-duration) ease, -webkit-transform var(--animation-duration) ease;
		-webkit-transition: -webkit-transform var(--animation-duration) ease;
		transition: transform var(--animation-duration) ease;
		transition: -webkit-transform var(--animation-duration) ease;
		z-index: 400
	}
	.tree-nav:target {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		transition: transform var(--animation-duration) ease, -webkit-transform var(--animation-duration) ease;
		-webkit-transition: -webkit-transform var(--animation-duration) ease;
		transition: -webkit-transform var(--animation-duration) ease;
		transition: transform var(--animation-duration) ease
	}
	.tree-nav:target+.tree-nav-close {
		display: block;
		background-color: rgba(0, 0, 0, .15);
		height: 100%;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 300
	}
	.tree-nav .tree-nav-close {
		background-color: rgba(0, 0, 0, .15);
		display: none;
		height: 100%;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 300
	}
	.tree-nav+.tree-nav-body {
		max-width: inherit
	}
	.tree-nav-header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		background-color: rgba(248, 249, 250, .8);
		height: 3.5rem;
		padding: .75rem .5rem;
		text-align: center;
		z-index: 300
	}
	.nav-item.has-sub .list-dropdown,
	.nav-item.has-sub .list-dropdown .btn-group {
		width: 100%
	}
	.nav-item.has-sub .list-dropdown .btn-group .btn-dropdown {
		flex-grow: 0
	}
	.list-dropdown .btn-dropdown:focus+.menu {
		position: relative;
		width: 100%
	}
}

video.video-fullscreen {
	position: absolute;
	height: 100vh;
	object-fit: cover;
	width: 100%;
	z-index: -1
}

.media-stretch {
	display: block;
	padding: 0;
	overflow: hidden;
	width: 100%;
	position: relative
}

.media-stretch::before {
	content: "";
	display: block;
	padding-bottom: 56.25%
}

.media-stretch embed,
.media-stretch iframe,
.media-stretch object {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.media-stretch.rat-16-9::before {
	padding-bottom: 56%
}

.media-stretch.rat-4-3::before {
	padding-bottom: 75%
}

.media-stretch.rat-1-1::before {
	padding-bottom: 100%
}

.media-stretch video {
	height: auto;
	max-width: 100%;
	width: 100%
}

.fig {
	margin: 0 0 .5rem
}

.fig .fig-caption {
	margin-top: 1rem
}

.img-stretch {
	max-width: 100%;
	height: auto;
	display: block
}

.img-cover {
	object-fit: cover
}

.img-contain {
	object-fit: contain
}

.m-0 {
	margin: calc(var(--space-size) * 0)!important
}

.mt-0,
.my-0 {
	margin-top: calc(var(--space-size) * 0)!important
}

.mb-0,
.my-0 {
	margin-bottom: calc(var(--space-size) * 0)!important
}

.ml-0,
.mx-0 {
	margin-left: calc(var(--space-size) * 0)!important
}

.mr-0,
.mx-0 {
	margin-right: calc(var(--space-size) * 0)!important
}

.p-0 {
	padding: calc(var(--space-size) * 0)!important
}

.pt-0,
.py-0 {
	padding-top: calc(var(--space-size) * 0)!important
}

.pb-0,
.py-0 {
	padding-bottom: calc(var(--space-size) * 0)!important
}

.pl-0,
.px-0 {
	padding-left: calc(var(--space-size) * 0)!important
}

.pr-0,
.px-0 {
	padding-right: calc(var(--space-size) * 0)!important
}

.m-1 {
	margin: calc(var(--space-size) * 1)!important
}

.mt-1,
.my-1 {
	margin-top: calc(var(--space-size) * 1)!important
}

.mb-1,
.my-1 {
	margin-bottom: calc(var(--space-size) * 1)!important
}

.ml-1,
.mx-1 {
	margin-left: calc(var(--space-size) * 1)!important
}

.mr-1,
.mx-1 {
	margin-right: calc(var(--space-size) * 1)!important
}

.p-1 {
	padding: calc(var(--space-size) * 1)!important
}

.pt-1,
.py-1 {
	padding-top: calc(var(--space-size) * 1)!important
}

.pb-1,
.py-1 {
	padding-bottom: calc(var(--space-size) * 1)!important
}

.pl-1,
.px-1 {
	padding-left: calc(var(--space-size) * 1)!important
}

.pr-1,
.px-1 {
	padding-right: calc(var(--space-size) * 1)!important
}

.m-2 {
	margin: calc(var(--space-size) * 2)!important
}

.mt-2,
.my-2 {
	margin-top: calc(var(--space-size) * 2)!important
}

.mb-2,
.my-2 {
	margin-bottom: calc(var(--space-size) * 2)!important
}

.ml-2,
.mx-2 {
	margin-left: calc(var(--space-size) * 2)!important
}

.mr-2,
.mx-2 {
	margin-right: calc(var(--space-size) * 2)!important
}

.p-2 {
	padding: calc(var(--space-size) * 2)!important
}

.pt-2,
.py-2 {
	padding-top: calc(var(--space-size) * 2)!important
}

.pb-2,
.py-2 {
	padding-bottom: calc(var(--space-size) * 2)!important
}

.pl-2,
.px-2 {
	padding-left: calc(var(--space-size) * 2)!important
}

.pr-2,
.px-2 {
	padding-right: calc(var(--space-size) * 2)!important
}

.m-3 {
	margin: calc(var(--space-size) * 3)!important
}

.mt-3,
.my-3 {
	margin-top: calc(var(--space-size) * 3)!important
}

.mb-3,
.my-3 {
	margin-bottom: calc(var(--space-size) * 3)!important
}

.ml-3,
.mx-3 {
	margin-left: calc(var(--space-size) * 3)!important
}

.mr-3,
.mx-3 {
	margin-right: calc(var(--space-size) * 3)!important
}

.p-3 {
	padding: calc(var(--space-size) * 3)!important
}

.pt-3,
.py-3 {
	padding-top: calc(var(--space-size) * 3)!important
}

.pb-3,
.py-3 {
	padding-bottom: calc(var(--space-size) * 3)!important
}

.pl-3,
.px-3 {
	padding-left: calc(var(--space-size) * 3)!important
}

.pr-3,
.px-3 {
	padding-right: calc(var(--space-size) * 3)!important
}

.m-4 {
	margin: calc(var(--space-size) * 4)!important
}

.mt-4,
.my-4 {
	margin-top: calc(var(--space-size) * 4)!important
}

.mb-4,
.my-4 {
	margin-bottom: calc(var(--space-size) * 4)!important
}

.ml-4,
.mx-4 {
	margin-left: calc(var(--space-size) * 4)!important
}

.mr-4,
.mx-4 {
	margin-right: calc(var(--space-size) * 4)!important
}

.p-4 {
	padding: calc(var(--space-size) * 4)!important
}

.pt-4,
.py-4 {
	padding-top: calc(var(--space-size) * 4)!important
}

.pb-4,
.py-4 {
	padding-bottom: calc(var(--space-size) * 4)!important
}

.pl-4,
.px-4 {
	padding-left: calc(var(--space-size) * 4)!important
}

.pr-4,
.px-4 {
	padding-right: calc(var(--space-size) * 4)!important
}

.m-5 {
	margin: calc(var(--space-size) * 5)!important
}

.mt-5,
.my-5 {
	margin-top: calc(var(--space-size) * 5)!important
}

.mb-5,
.my-5 {
	margin-bottom: calc(var(--space-size) * 5)!important
}

.ml-5,
.mx-5 {
	margin-left: calc(var(--space-size) * 5)!important
}

.mr-5,
.mx-5 {
	margin-right: calc(var(--space-size) * 5)!important
}

.p-5 {
	padding: calc(var(--space-size) * 5)!important
}

.pt-5,
.py-5 {
	padding-top: calc(var(--space-size) * 5)!important
}

.pb-5,
.py-5 {
	padding-bottom: calc(var(--space-size) * 5)!important
}

.pl-5,
.px-5 {
	padding-left: calc(var(--space-size) * 5)!important
}

.pr-5,
.px-5 {
	padding-right: calc(var(--space-size) * 5)!important
}

.m-6 {
	margin: calc(var(--space-size) * 6)!important
}

.mt-6,
.my-6 {
	margin-top: calc(var(--space-size) * 6)!important
}

.mb-6,
.my-6 {
	margin-bottom: calc(var(--space-size) * 6)!important
}

.ml-6,
.mx-6 {
	margin-left: calc(var(--space-size) * 6)!important
}

.mr-6,
.mx-6 {
	margin-right: calc(var(--space-size) * 6)!important
}

.p-6 {
	padding: calc(var(--space-size) * 6)!important
}

.pt-6,
.py-6 {
	padding-top: calc(var(--space-size) * 6)!important
}

.pb-6,
.py-6 {
	padding-bottom: calc(var(--space-size) * 6)!important
}

.pl-6,
.px-6 {
	padding-left: calc(var(--space-size) * 6)!important
}

.pr-6,
.px-6 {
	padding-right: calc(var(--space-size) * 6)!important
}

.m-8 {
	margin: calc(var(--space-size) * 8)!important
}

.mt-8,
.my-8 {
	margin-top: calc(var(--space-size) * 8)!important
}

.mb-8,
.my-8 {
	margin-bottom: calc(var(--space-size) * 8)!important
}

.ml-8,
.mx-8 {
	margin-left: calc(var(--space-size) * 8)!important
}

.mr-8,
.mx-8 {
	margin-right: calc(var(--space-size) * 8)!important
}

.p-8 {
	padding: calc(var(--space-size) * 8)!important
}

.pt-8,
.py-8 {
	padding-top: calc(var(--space-size) * 8)!important
}

.pb-8,
.py-8 {
	padding-bottom: calc(var(--space-size) * 8)!important
}

.pl-8,
.px-8 {
	padding-left: calc(var(--space-size) * 8)!important
}

.pr-8,
.px-8 {
	padding-right: calc(var(--space-size) * 8)!important
}

.m-10 {
	margin: calc(var(--space-size) * 10)!important
}

.mt-10,
.my-10 {
	margin-top: calc(var(--space-size) * 10)!important
}

.mb-10,
.my-10 {
	margin-bottom: calc(var(--space-size) * 10)!important
}

.ml-10,
.mx-10 {
	margin-left: calc(var(--space-size) * 10)!important
}

.mr-10,
.mx-10 {
	margin-right: calc(var(--space-size) * 10)!important
}

.p-10 {
	padding: calc(var(--space-size) * 10)!important
}

.pt-10,
.py-10 {
	padding-top: calc(var(--space-size) * 10)!important
}

.pb-10,
.py-10 {
	padding-bottom: calc(var(--space-size) * 10)!important
}

.pl-10,
.px-10 {
	padding-left: calc(var(--space-size) * 10)!important
}

.pr-10,
.px-10 {
	padding-right: calc(var(--space-size) * 10)!important
}

.m-12 {
	margin: calc(var(--space-size) * 12)!important
}

.mt-12,
.my-12 {
	margin-top: calc(var(--space-size) * 12)!important
}

.mb-12,
.my-12 {
	margin-bottom: calc(var(--space-size) * 12)!important
}

.ml-12,
.mx-12 {
	margin-left: calc(var(--space-size) * 12)!important
}

.mr-12,
.mx-12 {
	margin-right: calc(var(--space-size) * 12)!important
}

.p-12 {
	padding: calc(var(--space-size) * 12)!important
}

.pt-12,
.py-12 {
	padding-top: calc(var(--space-size) * 12)!important
}

.pb-12,
.py-12 {
	padding-bottom: calc(var(--space-size) * 12)!important
}

.pl-12,
.px-12 {
	padding-left: calc(var(--space-size) * 12)!important
}

.pr-12,
.px-12 {
	padding-right: calc(var(--space-size) * 12)!important
}

.m-16 {
	margin: calc(var(--space-size) * 16)!important
}

.mt-16,
.my-16 {
	margin-top: calc(var(--space-size) * 16)!important
}

.mb-16,
.my-16 {
	margin-bottom: calc(var(--space-size) * 16)!important
}

.ml-16,
.mx-16 {
	margin-left: calc(var(--space-size) * 16)!important
}

.mr-16,
.mx-16 {
	margin-right: calc(var(--space-size) * 16)!important
}

.p-16 {
	padding: calc(var(--space-size) * 16)!important
}

.pt-16,
.py-16 {
	padding-top: calc(var(--space-size) * 16)!important
}

.pb-16,
.py-16 {
	padding-bottom: calc(var(--space-size) * 16)!important
}

.pl-16,
.px-16 {
	padding-left: calc(var(--space-size) * 16)!important
}

.pr-16,
.px-16 {
	padding-right: calc(var(--space-size) * 16)!important
}

.m-20 {
	margin: calc(var(--space-size) * 20)!important
}

.mt-20,
.my-20 {
	margin-top: calc(var(--space-size) * 20)!important
}

.mb-20,
.my-20 {
	margin-bottom: calc(var(--space-size) * 20)!important
}

.ml-20,
.mx-20 {
	margin-left: calc(var(--space-size) * 20)!important
}

.mr-20,
.mx-20 {
	margin-right: calc(var(--space-size) * 20)!important
}

.p-20 {
	padding: calc(var(--space-size) * 20)!important
}

.pt-20,
.py-20 {
	padding-top: calc(var(--space-size) * 20)!important
}

.pb-20,
.py-20 {
	padding-bottom: calc(var(--space-size) * 20)!important
}

.pl-20,
.px-20 {
	padding-left: calc(var(--space-size) * 20)!important
}

.pr-20,
.px-20 {
	padding-right: calc(var(--space-size) * 20)!important
}

.m-24 {
	margin: calc(var(--space-size) * 24)!important
}

.mt-24,
.my-24 {
	margin-top: calc(var(--space-size) * 24)!important
}

.mb-24,
.my-24 {
	margin-bottom: calc(var(--space-size) * 24)!important
}

.ml-24,
.mx-24 {
	margin-left: calc(var(--space-size) * 24)!important
}

.mr-24,
.mx-24 {
	margin-right: calc(var(--space-size) * 24)!important
}

.p-24 {
	padding: calc(var(--space-size) * 24)!important
}

.pt-24,
.py-24 {
	padding-top: calc(var(--space-size) * 24)!important
}

.pb-24,
.py-24 {
	padding-bottom: calc(var(--space-size) * 24)!important
}

.pl-24,
.px-24 {
	padding-left: calc(var(--space-size) * 24)!important
}

.pr-24,
.px-24 {
	padding-right: calc(var(--space-size) * 24)!important
}

.m-32 {
	margin: calc(var(--space-size) * 32)!important
}

.mt-32,
.my-32 {
	margin-top: calc(var(--space-size) * 32)!important
}

.mb-32,
.my-32 {
	margin-bottom: calc(var(--space-size) * 32)!important
}

.ml-32,
.mx-32 {
	margin-left: calc(var(--space-size) * 32)!important
}

.mr-32,
.mx-32 {
	margin-right: calc(var(--space-size) * 32)!important
}

.p-32 {
	padding: calc(var(--space-size) * 32)!important
}

.pt-32,
.py-32 {
	padding-top: calc(var(--space-size) * 32)!important
}

.pb-32,
.py-32 {
	padding-bottom: calc(var(--space-size) * 32)!important
}

.pl-32,
.px-32 {
	padding-left: calc(var(--space-size) * 32)!important
}

.pr-32,
.px-32 {
	padding-right: calc(var(--space-size) * 32)!important
}

.ml-auto,
.mx-auto {
	margin-left: auto!important
}

.mr-auto,
.mx-auto {
	margin-right: auto!important
}

.mt-auto,
.my-auto {
	margin-top: auto!important
}

.mb-auto,
.my-auto {
	margin-bottom: auto!important
}

.table {
	margin-bottom: 1.5rem;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center
}

.table td,
.table th {
	border: 1px solid rgba(222, 226, 230, .5);
	border-width: 0 0 1px;
	padding: .75rem;
	vertical-align: top;
	text-align: inherit;
	margin: 0
}

.table tr {
	transition: .3s
}

.table tr.selected {
	background-color: var(--cirrus-primary);
	color: #fff
}

.table .table caption {
	padding-top: .75rem;
	padding-bottom: .75rem;
	color: #dee2e6;
	text-align: left;
	caption-side: bottom
}

.table tr:not(.selected):hover,
.table.striped tbody tr:not(.selected):nth-child(even):hover {
	background-color: rgba(222, 226, 230, .15)
}

.table thead,
.table thead th {
	border-bottom: 2px solid rgba(222, 226, 230, .5)
}

.table tfoot th,
.table thead th {
	padding: 1rem
}

.table tfoot th {
	border-top: 2px solid rgba(222, 226, 230, .5);
	border-bottom: none
}

.table.bordered thead,
.table.bordered thead th {
	border-bottom: 1px solid rgba(222, 226, 230, .5)
}

.table.bordered td,
.table.bordered th {
	border: 1px solid rgba(219, 219, 219, .5)
}

.table.bordered thead,
.table.bordered thead td {
	border-width: 1px
}

.table.striped tbody tr:nth-child(even) {
	background-color: rgba(0, 0, 0, .05)
}

.table.small td,
.table.small th {
	padding: .25rem .75rem
}

.table.fixed-head thead {
	position: relative;
	display: block
}

.table.fixed-head tbody {
	min-height: 200px;
	display: block;
	overflow: auto
}

.table.fixed-head tr {
	display: table;
	width: 100%
}

.table.borderless td,
.table.borderless th,
.table.borderless thead th {
	border: none
}

.u-clear-left {
	clear: left!important
}

.u-clear-right {
	clear: right!important
}

.u-clear-both {
	clear: both!important
}

.u-clearfix:after {
	clear: both!important;
	content: ' ';
	display: table!important
}

.u-none {
	display: none!important
}

.u-inline {
	display: inline!important
}

.u-inline-block {
	display: inline-block!important
}

.u-block {
	display: block!important
}

.u-table {
	display: table!important
}

.u-table-row {
	display: table-row!important
}

.u-table-column {
	display: table-column!important
}

.u-table-cell {
	display: table-cell!important
}

@media screen and (max-width:639px) {
	.row [class*=' col-xs-']:not(.ignore-screen):not([class^=col-sm]):not([class^=col-md]):not([class^=col-lg]),
	.row [class^=col-xs-]:not(.ignore-screen):not([class^=col-sm]):not([class^=col-md]):not([class^=col-lg]) {
		width: 100%;
		margin-left: 0;
		padding: 0
	}
	.u-none-xs {
		display: none!important
	}
}

@media screen and (min-width:640px) and (max-width:767px) {
	.u-none-sm-only {
		display: none!important
	}
}

@media screen and (min-width:768px) {
	.u-none-sm {
		display: none!important
	}
}

@media screen and (min-width:768px) and (max-width:1023px) {
	.u-none-md-only {
		display: none!important
	}
}

@media screen and (min-width:1024px) {
	.u-none-md {
		display: none!important
	}
}

@media screen and (min-width:1280px) {
	.u-none-lg {
		display: none!important
	}
}

.u-flex {
	display: flex!important
}

.u-inline-flex {
	display: inline-flex!important
}

.u-flex-row {
	flex-direction: row!important
}

.u-flex-row-reverse {
	flex-direction: row-reverse!important
}

.u-flex-column {
	flex-direction: column!important
}

.u-flex-column-reverse {
	flex-direction: column-reverse!important
}

.u-justify-flex-start {
	justify-content: flex-start!important
}

.u-justify-center {
	justify-content: center!important
}

.u-justify-flex-end {
	justify-content: flex-end!important
}

.u-justify-space-between {
	justify-content: space-between!important
}

.u-justify-space-around {
	justify-content: space-around!important
}

.u-justify-space-evenly {
	justify-content: space-evenly!important
}

.u-items-stretch {
	align-items: stretch!important
}

.u-items-flex-start {
	align-items: flex-start!important
}

.u-items-center {
	align-items: center!important
}

.u-items-flex-end {
	align-items: flex-end!important
}

.u-items-baseline {
	align-items: baseline!important
}

.u-pull-left {
	float: left!important
}

.u-pull-right {
	float: right!important
}

.u-text-justify {
	text-align: justify!important
}

.u-text-ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.u-text-break {
	hyphens: auto;
	word-break: break-word;
	word-wrap: break-word
}

.u-text-center {
	text-align: center!important
}

.u-text-left {
	text-align: left!important
}

.u-text-right {
	text-align: right!important
}

.u-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto;
	flex-wrap: wrap
}

.u-center-alt,
.u-center-alt:active,
.u-center-alt:hover {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.u-overlay {
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	position: absolute
}

.u-hide-overflow {
	overflow: hidden!important
}

.u-overflow-auto {
	overflow: auto!important
}

.u-disabled {
	cursor: not-allowed!important;
	pointer-events: none!important
}

.u-unselectable {
	-webkit-touch-callout: none!important;
	-webkit-user-select: none!important;
	-moz-user-select: none!important;
	user-select: none!important
}

.u-round {
	border-radius: .25rem!important
}

.u-circle {
	border-radius: 50%!important
}

.u-no-outline {
	outline: 0!important
}

.u-shadow {
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .13), 0 1px 2px 0 rgba(0, 0, 0, .07)
}

.u-position-static {
	position: static!important
}

.u-position-fixed {
	position: fixed!important
}

.u-position-absolute {
	position: absolute!important
}

.u-position-relative {
	position: relative!important
}

.u-position-sticky {
	position: sticky!important
}