@import url("https://fonts.googleapis.com/css?family=Open Sans");
audio,
canvas,
progress,
video {
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

b,
strong {
	font-weight: bold;
}

img {
	max-width: 100%;
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	height: 1px;
	border-width: 0;
	box-sizing: content-box;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

label,
input,
select,
textarea {
	font-family: inherit;
	line-height: normal;
}

textarea {
	overflow: auto;
	height: auto;
	font: inherit;
	color: inherit;
}

textarea::placeholder {
	padding-left: 2px;
}

form,
input,
optgroup,
select {
	margin: 0;
	font: inherit;
	color: inherit;
}

html input[type=button],
input[type=reset],
input[type=submit] {
	cursor: pointer;
	-webkit-appearance: button;
}

a,
a div,
a span,
a ion-icon,
a ion-label,
button,
button div,
button span,
button ion-icon,
button ion-label,
.ion-tappable,
[tappable],
[tappable] div,
[tappable] span,
[tappable] ion-icon,
[tappable] ion-label,
input,
textarea {
	touch-action: manipulation;
}

a ion-label,
button ion-label {
	pointer-events: none;
}

button {
	border: 0;
	border-radius: 0;
	font-family: inherit;
	font-style: inherit;
	font-variant: inherit;
	line-height: 1;
	text-transform: none;
	cursor: pointer;
}

[tappable] {
	cursor: pointer;
}

a[disabled],
button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

input[type=checkbox],
input[type=radio] {
	padding: 0;
	box-sizing: border-box;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height: auto;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*# sourceMappingURL=normalize.css.map */


:root {
	font-family: var(--smoothly-font-family);
}

* {
	scroll-behavior: smooth;
}

html {
	overflow: hidden;
}

body {
	margin: 0;
}

input,
button {
	color: unset;
	background-color: inherit;
	border-color: inherit;
}

a,
a:hover,
a:visited {
	color: inherit;
}

.hidden {
	display: none;
}

.center {
	justify-content: center;
}

.right {
	justify-content: right;
}

.capitalize {
	text-transform: capitalize;
}

.smoothly-table-cell.two-lines {
	display: flex;
	align-items: start;
	justify-content: center;
	flex-direction: column;
	padding-block: .2rem;
	box-sizing: border-box;

	& .small {
		font-size: 0.8em;
		opacity: .6;
		margin: 0;
	}
}

.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0;
	display: block;
	max-width: 100%;
}

:root,
[color=default] {
	--smoothly-color: var(--smoothly-default-color);
	--smoothly-color-contrast: var(--smoothly-default-contrast);
	--smoothly-color-shade: var(--smoothly-default-shade);
	--smoothly-color-tint: var(--smoothly-default-tint);
}

[color=primary] {
	--smoothly-color: var(--smoothly-primary-color);
	--smoothly-color-contrast: var(--smoothly-primary-contrast);
	--smoothly-color-shade: var(--smoothly-primary-shade);
	--smoothly-color-tint: var(--smoothly-primary-tint);
}

[color=secondary] {
	--smoothly-color: var(--smoothly-secondary-color);
	--smoothly-color-contrast: var(--smoothly-secondary-contrast);
	--smoothly-color-shade: var(--smoothly-secondary-shade);
	--smoothly-color-tint: var(--smoothly-secondary-tint);
}

[color=tertiary] {
	--smoothly-color: var(--smoothly-tertiary-color);
	--smoothly-color-contrast: var(--smoothly-tertiary-contrast);
	--smoothly-color-shade: var(--smoothly-tertiary-shade);
	--smoothly-color-tint: var(--smoothly-tertiary-tint);
}

[color=success] {
	--smoothly-color: var(--smoothly-success-color);
	--smoothly-color-contrast: var(--smoothly-success-contrast);
	--smoothly-color-shade: var(--smoothly-success-shade);
	--smoothly-color-tint: var(--smoothly-success-tint);
}

[color=warning] {
	--smoothly-color: var(--smoothly-warning-color);
	--smoothly-color-contrast: var(--smoothly-warning-contrast);
	--smoothly-color-shade: var(--smoothly-warning-shade);
	--smoothly-color-tint: var(--smoothly-warning-tint);
}

[color=danger] {
	--smoothly-color: var(--smoothly-danger-color);
	--smoothly-color-contrast: var(--smoothly-danger-contrast);
	--smoothly-color-shade: var(--smoothly-danger-shade);
	--smoothly-color-tint: var(--smoothly-danger-tint);
}

[color=light] {
	--smoothly-color: var(--smoothly-light-color);
	--smoothly-color-contrast: var(--smoothly-light-contrast);
	--smoothly-color-shade: var(--smoothly-light-shade);
	--smoothly-color-tint: var(--smoothly-light-tint);
}

[color=medium] {
	--smoothly-color: var(--smoothly-medium-color);
	--smoothly-color-contrast: var(--smoothly-medium-contrast);
	--smoothly-color-shade: var(--smoothly-medium-shade);
	--smoothly-color-tint: var(--smoothly-medium-tint);
}

[color=dark] {
	--smoothly-color: var(--smoothly-dark-color);
	--smoothly-color-contrast: var(--smoothly-dark-contrast);
	--smoothly-color-shade: var(--smoothly-dark-shade);
	--smoothly-color-tint: var(--smoothly-dark-tint);
}

:root,
[color]:not([fill]),
[fill=default] {
	color: rgb(var(--smoothly-color-contrast));
	stroke: rgb(var(--smoothly-color-contrast));
	fill: rgb(var(--smoothly-color-contrast));
	background: rgb(var(--smoothly-color));
	border-color: transparent;
}

[fill=solid] {
	color: rgb(var(--smoothly-color-contrast));
	stroke: rgb(var(--smoothly-color-contrast));
	fill: rgb(var(--smoothly-color-contrast));
	background: rgb(var(--smoothly-color));
	border-color: rgb(var(--smoothly-color));
}

[fill=outline] {
	color: rgb(var(--smoothly-color));
	stroke: rgb(var(--smoothly-color));
	fill: rgb(var(--smoothly-color));
	background: transparent;
	border-color: rgb(var(--smoothly-color));
}

[fill=clear] {
	color: rgb(var(--smoothly-color));
	stroke: rgb(var(--smoothly-color));
	fill: rgb(var(--smoothly-color));
	background: transparent;
	border-color: transparent;
}

:root,
*[color],
smoothly-color {
	/* smoothly-table */
	--smoothly-table-foreground: var(--smoothly-default-contrast);
	--smoothly-table-background: var(--smoothly-default-color);

	--smoothly-table-header-foreground: var(--smoothly-dark-contrast);
	--smoothly-table-header-background: var(--smoothly-dark-color);
	--smoothly-table-header-shadow: 0 0.5rem 0.5rem -0.25rem rgba(var(--smoothly-dark-shade), 0.3);
	--smoothly-table-cell-min-height: 2.75rem;

	--smoothly-table-footer-foreground: var(--smoothly-light-contrast);
	--smoothly-table-footer-background: var(--smoothly-light-color);

	--smoothly-table-hover-foreground: var(--smoothly-color-contrast);
	--smoothly-table-hover-background: var(--smoothly-color-tint), 0.3;

	--smoothly-table-border: var(--smoothly-color-shade);

	--smoothly-table-expanded-foreground: var(--smoothly-default-contrast);
	--smoothly-table-expanded-background: var(--smoothly-default-tint);
	/* smoothly input */
	--smoothly-input-foreground: var(--smoothly-default-contrast);
	--smoothly-input-background: var(--smoothly-default-tint);
	--smoothly-input-border: var(--smoothly-medium-tint), 60%;
	--smoothly-input-border-focus: var(--smoothly-medium-tint), 40%;
	--smoothly-input-border-readonly: var(--smoothly-medium-tint), 20%;
	--smoothly-input-hover-background: var(--smoothly-primary-tint);
	--smoothly-input-hover-foreground: var(--smoothly-primary-contrast);

	/* smoothly-item */
	--smoothly-item-foreground: var(--smoothly-default-contrast);
	--smoothly-item-background: var(--smoothly-default-tint);

	--smoothly-item-hover-background: var(--smoothly-primary-tint);
	--smoothly-item-hover-foreground: var(--smoothly-primary-contrast);

	--smoothly-item-selected-background: var(--smoothly-primary-color);
	--smoothly-item-selected-border: var(--smoothly-primary-shade);
	--smoothly-item-selected-foreground: var(--smoothly-primary-contrast);
	/* smoothly-button */
	--smoothly-button-background: var(--smoothly-color);
	--smoothly-button-foreground: var(--smoothly-color-shade);
	--smoothly-button-hover-background: var(--smoothly-color-tint);
	--smoothly-button-focus-border: var(--smoothly-color-shade);

	/* smoothly-calendar */
	--smoothly-calendar-weekend-foreground: var(--smoothly-danger-shade);

	/* smoothly-display-json */
	--smoothly-display-json-string: var(--smoothly-warning-shade);
	--smoothly-display-json-number: var(--smoothly-secondary-shade);
}


:root {
	--smoothly-font-family: "Open Sans";
	--smoothly-semitransparent: .8;

	--smoothly-default-tint: 255, 255, 255;
	--smoothly-default-contrast: 46, 52, 54;
	--smoothly-default-color: 246, 243, 240;
	--smoothly-default-shade: 220, 214, 208;

	--smoothly-primary-color: 159, 191, 41;
	--smoothly-primary-contrast: 45, 47, 36;
	--smoothly-primary-shade: 45, 47, 36;
	--smoothly-primary-tint: 203, 238, 77;

	--smoothly-secondary-color: 204, 175, 255;
	--smoothly-secondary-contrast: 45, 47, 36;
	--smoothly-secondary-shade: 74, 51, 137;
	--smoothly-secondary-tint: 228, 211, 255;

	--smoothly-tertiary-color: 117, 226, 206;
	--smoothly-tertiary-contrast: 45, 47, 36;
	--smoothly-tertiary-shade: 6, 87, 82;
	--smoothly-tertiary-tint: 196, 243, 236;

	--smoothly-success-color: 159, 191, 41;
	--smoothly-success-contrast: 45, 47, 36;
	--smoothly-success-shade: 45, 47, 36;
	--smoothly-success-tint: 203, 238, 77;

	--smoothly-warning-color: 255, 213, 123;
	--smoothly-warning-contrast: 45, 47, 36;
	--smoothly-warning-shade: 212, 115, 24;
	--smoothly-warning-tint: 255, 233, 177;

	--smoothly-danger-color: 245, 192, 176;
	--smoothly-danger-contrast: 45, 47, 36;
	--smoothly-danger-shade: 173, 39, 24;
	--smoothly-danger-tint: 250, 221, 212;

	--smoothly-dark-color: 50, 54, 46;
	--smoothly-dark-contrast: 255, 255, 255;
	--smoothly-dark-shade: 31, 33, 28;
	--smoothly-dark-tint: 90, 97, 83;

	--smoothly-medium-color: 85, 87, 83;
	--smoothly-medium-contrast: 255, 255, 255;
	--smoothly-medium-shade: 57, 58, 56;
	--smoothly-medium-tint: 118, 121, 115;

	--smoothly-light-color: 248, 249, 250;
	--smoothly-light-contrast: 45, 47, 36;
	--smoothly-light-shade: 219, 224, 229;
	--smoothly-light-tint: 255, 255, 255;

	--background-color: var(--smoothly-default-color);
	--smoothly-header-background: 45, 47, 36;
	--smoothly-table-header: 220, 214, 208;
	--smoothly-table-detail-padding-block: 3rem;
	--smoothly-table-detail-padding-inline: 4rem;
	--smoothly-shadow: 0 0 4px 2px rgba(var(--smoothly-default-contrast), 0.25);
	--smoothly-shadow-strong: 0 0 4px 4px rgba(var(--smoothly-light-color), 0.25);
	--smoothly-modal-backdrop: var(--smoothly-default-contrast), 0.3;
	--smoothly-modal-background: var(--smoothly-default-color);
	--smoothly-modal-border-radius: 0.5rem;
	--smoothly-border-radius: 0.5rem;
	--table-width: 100%;
}

:root {
	font-family: var(--smoothly-font-family);
}

smoothly-table-filler-row smoothly-spinner {
	margin: auto;
	padding: .3em 0;
}