/*!*************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./scss/main.scss ***!
  \*************************************************************************************************************************************/
/*!
* Bootstrap Reboot v4.0.0-beta.3 (https://getbootstrap.com)
* Copyright 2011-2017 The Bootstrap Authors
* Copyright 2011-2017 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}

@-ms-viewport {
  width: device-width;
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: "ArtifaktElement", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #393939;
  text-align: left;
  background-color: #F4F5F6;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

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

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

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

a,
area,
button,
[role=button],
input:not([type=range]),
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

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

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

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

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

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

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}


:export {
  icon-gray: #D8D8D8;
}

.hig__colors__icon-gray--color {
  color: #D8D8D8;
}

.hig__colors__icon-gray--background {
  background-color: #D8D8D8;
}

.hig__colors__icon-gray--border {
  border-color: #D8D8D8;
}

:export {
  icon-gray-20: #8d9eb0;
}

.hig__colors__icon-gray-20--color {
  color: #8d9eb0;
}

.hig__colors__icon-gray-20--background {
  background-color: #8d9eb0;
}

.hig__colors__icon-gray-20--border {
  border-color: #8d9eb0;
}

:export {
  hig-white: #FFFFFF;
}

.hig__colors__hig-white--color {
  color: #FFFFFF;
}

.hig__colors__hig-white--background {
  background-color: #FFFFFF;
}

.hig__colors__hig-white--border {
  border-color: #FFFFFF;
}

:export {
  hig-white-07: rgba(255, 255, 255, 0.7);
}

.hig__colors__hig-white-07--color {
  color: rgba(255, 255, 255, 0.7);
}

.hig__colors__hig-white-07--background {
  background-color: rgba(255, 255, 255, 0.7);
}

.hig__colors__hig-white-07--border {
  border-color: rgba(255, 255, 255, 0.7);
}

:export {
  hig-cool-gray-10: #ECF0F3;
}

.hig__colors__hig-cool-gray-10--color {
  color: #ECF0F3;
}

.hig__colors__hig-cool-gray-10--background {
  background-color: #ECF0F3;
}

.hig__colors__hig-cool-gray-10--border {
  border-color: #ECF0F3;
}

:export {
  hig-cool-gray-20: #D4DBE1;
}

.hig__colors__hig-cool-gray-20--color {
  color: #D4DBE1;
}

.hig__colors__hig-cool-gray-20--background {
  background-color: #D4DBE1;
}

.hig__colors__hig-cool-gray-20--border {
  border-color: #D4DBE1;
}

:export {
  hig-cool-gray-30: #BEC8D2;
}

.hig__colors__hig-cool-gray-30--color {
  color: #BEC8D2;
}

.hig__colors__hig-cool-gray-30--background {
  background-color: #BEC8D2;
}

.hig__colors__hig-cool-gray-30--border {
  border-color: #BEC8D2;
}

:export {
  hig-cool-gray-40: #939CA5;
}

.hig__colors__hig-cool-gray-40--color {
  color: #939CA5;
}

.hig__colors__hig-cool-gray-40--background {
  background-color: #939CA5;
}

.hig__colors__hig-cool-gray-40--border {
  border-color: #939CA5;
}

:export {
  hig-cool-gray-50: #485366;
}

.hig__colors__hig-cool-gray-50--color {
  color: #485366;
}

.hig__colors__hig-cool-gray-50--background {
  background-color: #485366;
}

.hig__colors__hig-cool-gray-50--border {
  border-color: #485366;
}

:export {
  hig-cool-gray-60: #3B4454;
}

.hig__colors__hig-cool-gray-60--color {
  color: #3B4454;
}

.hig__colors__hig-cool-gray-60--background {
  background-color: #3B4454;
}

.hig__colors__hig-cool-gray-60--border {
  border-color: #3B4454;
}

:export {
  hig-cool-gray-70: #222934;
}

.hig__colors__hig-cool-gray-70--color {
  color: #222934;
}

.hig__colors__hig-cool-gray-70--background {
  background-color: #222934;
}

.hig__colors__hig-cool-gray-70--border {
  border-color: #222934;
}

:export {
  hig-gray-10: #F2F2F2;
}

.hig__colors__hig-gray-10--color {
  color: #F2F2F2;
}

.hig__colors__hig-gray-10--background {
  background-color: #F2F2F2;
}

.hig__colors__hig-gray-10--border {
  border-color: #F2F2F2;
}

:export {
  hig-gray-20: #E2E2E2;
}

.hig__colors__hig-gray-20--color {
  color: #E2E2E2;
}

.hig__colors__hig-gray-20--background {
  background-color: #E2E2E2;
}

.hig__colors__hig-gray-20--border {
  border-color: #E2E2E2;
}

:export {
  hig-gray-30: #CCCCCC;
}

.hig__colors__hig-gray-30--color {
  color: #CCCCCC;
}

.hig__colors__hig-gray-30--background {
  background-color: #CCCCCC;
}

.hig__colors__hig-gray-30--border {
  border-color: #CCCCCC;
}

:export {
  hig-gray-40: #999999;
}

.hig__colors__hig-gray-40--color {
  color: #999999;
}

.hig__colors__hig-gray-40--background {
  background-color: #999999;
}

.hig__colors__hig-gray-40--border {
  border-color: #999999;
}

:export {
  hig-gray-50: #666666;
}

.hig__colors__hig-gray-50--color {
  color: #666666;
}

.hig__colors__hig-gray-50--background {
  background-color: #666666;
}

.hig__colors__hig-gray-50--border {
  border-color: #666666;
}

:export {
  hig-gray-60: #393939;
}

.hig__colors__hig-gray-60--color {
  color: #393939;
}

.hig__colors__hig-gray-60--background {
  background-color: #393939;
}

.hig__colors__hig-gray-60--border {
  border-color: #393939;
}

:export {
  hig-gray-70: #000000;
}

.hig__colors__hig-gray-70--color {
  color: #000000;
}

.hig__colors__hig-gray-70--background {
  background-color: #000000;
}

.hig__colors__hig-gray-70--border {
  border-color: #000000;
}

:export {
  hig-blue-10: #E6F4FB;
}

.hig__colors__hig-blue-10--color {
  color: #E6F4FB;
}

.hig__colors__hig-blue-10--background {
  background-color: #E6F4FB;
}

.hig__colors__hig-blue-10--border {
  border-color: #E6F4FB;
}

:export {
  hig-blue-20: #CCEAF9;
}

.hig__colors__hig-blue-20--color {
  color: #CCEAF9;
}

.hig__colors__hig-blue-20--background {
  background-color: #CCEAF9;
}

.hig__colors__hig-blue-20--border {
  border-color: #CCEAF9;
}

:export {
  hig-blue-30: #9BD5EF;
}

.hig__colors__hig-blue-30--color {
  color: #9BD5EF;
}

.hig__colors__hig-blue-30--background {
  background-color: #9BD5EF;
}

.hig__colors__hig-blue-30--border {
  border-color: #9BD5EF;
}

:export {
  hig-blue-40: #66BFE9;
}

.hig__colors__hig-blue-40--color {
  color: #66BFE9;
}

.hig__colors__hig-blue-40--background {
  background-color: #66BFE9;
}

.hig__colors__hig-blue-40--border {
  border-color: #66BFE9;
}

:export {
  hig-blue-50: #0696D7;
}

.hig__colors__hig-blue-50--color {
  color: #0696D7;
}

.hig__colors__hig-blue-50--background {
  background-color: #0696D7;
}

.hig__colors__hig-blue-50--border {
  border-color: #0696D7;
}

:export {
  hig-blue-60: #0671A1;
}

.hig__colors__hig-blue-60--color {
  color: #0671A1;
}

.hig__colors__hig-blue-60--background {
  background-color: #0671A1;
}

.hig__colors__hig-blue-60--border {
  border-color: #0671A1;
}

:export {
  hig-blue-70: #024B6C;
}

.hig__colors__hig-blue-70--color {
  color: #024B6C;
}

.hig__colors__hig-blue-70--background {
  background-color: #024B6C;
}

.hig__colors__hig-blue-70--border {
  border-color: #024B6C;
}

:export {
  hig-green-20: #F0F7E8;
}

.hig__colors__hig-green-20--color {
  color: #F0F7E8;
}

.hig__colors__hig-green-20--background {
  background-color: #F0F7E8;
}

.hig__colors__hig-green-20--border {
  border-color: #F0F7E8;
}

:export {
  hig-green-30: #DBEAC5;
}

.hig__colors__hig-green-30--color {
  color: #DBEAC5;
}

.hig__colors__hig-green-30--background {
  background-color: #DBEAC5;
}

.hig__colors__hig-green-30--border {
  border-color: #DBEAC5;
}

:export {
  hig-green-40: #ABD079;
}

.hig__colors__hig-green-40--color {
  color: #ABD079;
}

.hig__colors__hig-green-40--background {
  background-color: #ABD079;
}

.hig__colors__hig-green-40--border {
  border-color: #ABD079;
}

:export {
  hig-green-50: #87BC40;
}

.hig__colors__hig-green-50--color {
  color: #87BC40;
}

.hig__colors__hig-green-50--background {
  background-color: #87BC40;
}

.hig__colors__hig-green-50--border {
  border-color: #87BC40;
}

:export {
  hig-green-60: #6B9733;
}

.hig__colors__hig-green-60--color {
  color: #6B9733;
}

.hig__colors__hig-green-60--background {
  background-color: #6B9733;
}

.hig__colors__hig-green-60--border {
  border-color: #6B9733;
}

:export {
  hig-green-70: #567A28;
}

.hig__colors__hig-green-70--color {
  color: #567A28;
}

.hig__colors__hig-green-70--background {
  background-color: #567A28;
}

.hig__colors__hig-green-70--border {
  border-color: #567A28;
}

:export {
  hig-turquoise-20: #E2F9F7;
}

.hig__colors__hig-turquoise-20--color {
  color: #E2F9F7;
}

.hig__colors__hig-turquoise-20--background {
  background-color: #E2F9F7;
}

.hig__colors__hig-turquoise-20--border {
  border-color: #E2F9F7;
}

:export {
  hig-turquoise-30: #BBF3ED;
}

.hig__colors__hig-turquoise-30--color {
  color: #BBF3ED;
}

.hig__colors__hig-turquoise-30--background {
  background-color: #BBF3ED;
}

.hig__colors__hig-turquoise-30--border {
  border-color: #BBF3ED;
}

:export {
  hig-turquoise-40: #5CE1D3;
}

.hig__colors__hig-turquoise-40--color {
  color: #5CE1D3;
}

.hig__colors__hig-turquoise-40--background {
  background-color: #5CE1D3;
}

.hig__colors__hig-turquoise-40--border {
  border-color: #5CE1D3;
}

:export {
  hig-turquoise-50: #0ED3BE;
}

.hig__colors__hig-turquoise-50--color {
  color: #0ED3BE;
}

.hig__colors__hig-turquoise-50--background {
  background-color: #0ED3BE;
}

.hig__colors__hig-turquoise-50--border {
  border-color: #0ED3BE;
}

:export {
  hig-turquoise-60: #0CA899;
}

.hig__colors__hig-turquoise-60--color {
  color: #0CA899;
}

.hig__colors__hig-turquoise-60--background {
  background-color: #0CA899;
}

.hig__colors__hig-turquoise-60--border {
  border-color: #0CA899;
}

:export {
  hig-turquoise-70: #0A8378;
}

.hig__colors__hig-turquoise-70--color {
  color: #0A8378;
}

.hig__colors__hig-turquoise-70--background {
  background-color: #0A8378;
}

.hig__colors__hig-turquoise-70--border {
  border-color: #0A8378;
}

:export {
  hig-indigo-20: #E3EAF4;
}

.hig__colors__hig-indigo-20--color {
  color: #E3EAF4;
}

.hig__colors__hig-indigo-20--background {
  background-color: #E3EAF4;
}

.hig__colors__hig-indigo-20--border {
  border-color: #E3EAF4;
}

:export {
  hig-indigo-30: #D1DDEE;
}

.hig__colors__hig-indigo-30--color {
  color: #D1DDEE;
}

.hig__colors__hig-indigo-30--background {
  background-color: #D1DDEE;
}

.hig__colors__hig-indigo-30--border {
  border-color: #D1DDEE;
}

:export {
  hig-indigo-40: #5987C2;
}

.hig__colors__hig-indigo-40--color {
  color: #5987C2;
}

.hig__colors__hig-indigo-40--background {
  background-color: #5987C2;
}

.hig__colors__hig-indigo-40--border {
  border-color: #5987C2;
}

:export {
  hig-indigo-50: #1957A8;
}

.hig__colors__hig-indigo-50--color {
  color: #1957A8;
}

.hig__colors__hig-indigo-50--background {
  background-color: #1957A8;
}

.hig__colors__hig-indigo-50--border {
  border-color: #1957A8;
}

:export {
  hig-indigo-60: #144687;
}

.hig__colors__hig-indigo-60--color {
  color: #144687;
}

.hig__colors__hig-indigo-60--background {
  background-color: #144687;
}

.hig__colors__hig-indigo-60--border {
  border-color: #144687;
}

:export {
  hig-indigo-70: #0D3160;
}

.hig__colors__hig-indigo-70--color {
  color: #0D3160;
}

.hig__colors__hig-indigo-70--background {
  background-color: #0D3160;
}

.hig__colors__hig-indigo-70--border {
  border-color: #0D3160;
}

:export {
  hig-gold-20: #FEF3E3;
}

.hig__colors__hig-gold-20--color {
  color: #FEF3E3;
}

.hig__colors__hig-gold-20--background {
  background-color: #FEF3E3;
}

.hig__colors__hig-gold-20--border {
  border-color: #FEF3E3;
}

:export {
  hig-gold-30: #FDE7C5;
}

.hig__colors__hig-gold-30--color {
  color: #FDE7C5;
}

.hig__colors__hig-gold-30--background {
  background-color: #FDE7C5;
}

.hig__colors__hig-gold-30--border {
  border-color: #FDE7C5;
}

:export {
  hig-gold-40: #FDC36D;
}

.hig__colors__hig-gold-40--color {
  color: #FDC36D;
}

.hig__colors__hig-gold-40--background {
  background-color: #FDC36D;
}

.hig__colors__hig-gold-40--border {
  border-color: #FDC36D;
}

:export {
  hig-gold-50: #FAA21B;
}

.hig__colors__hig-gold-50--color {
  color: #FAA21B;
}

.hig__colors__hig-gold-50--background {
  background-color: #FAA21B;
}

.hig__colors__hig-gold-50--border {
  border-color: #FAA21B;
}

:export {
  hig-gold-60: #C78016;
}

.hig__colors__hig-gold-60--color {
  color: #C78016;
}

.hig__colors__hig-gold-60--background {
  background-color: #C78016;
}

.hig__colors__hig-gold-60--border {
  border-color: #C78016;
}

:export {
  hig-gold-70: #98610F;
}

.hig__colors__hig-gold-70--color {
  color: #98610F;
}

.hig__colors__hig-gold-70--background {
  background-color: #98610F;
}

.hig__colors__hig-gold-70--border {
  border-color: #98610F;
}

:export {
  hig-slate-20: #DCE7F3;
}

.hig__colors__hig-slate-20--color {
  color: #DCE7F3;
}

.hig__colors__hig-slate-20--background {
  background-color: #DCE7F3;
}

.hig__colors__hig-slate-20--border {
  border-color: #DCE7F3;
}

:export {
  hig-slate-30: #C1CEDC;
}

.hig__colors__hig-slate-30--color {
  color: #C1CEDC;
}

.hig__colors__hig-slate-30--background {
  background-color: #C1CEDC;
}

.hig__colors__hig-slate-30--border {
  border-color: #C1CEDC;
}

:export {
  hig-slate-40: #7993B0;
}

.hig__colors__hig-slate-40--color {
  color: #7993B0;
}

.hig__colors__hig-slate-40--background {
  background-color: #7993B0;
}

.hig__colors__hig-slate-40--border {
  border-color: #7993B0;
}

:export {
  hig-slate-50: #4B6B8F;
}

.hig__colors__hig-slate-50--color {
  color: #4B6B8F;
}

.hig__colors__hig-slate-50--background {
  background-color: #4B6B8F;
}

.hig__colors__hig-slate-50--border {
  border-color: #4B6B8F;
}

:export {
  hig-slate-60: #354D67;
}

.hig__colors__hig-slate-60--color {
  color: #354D67;
}

.hig__colors__hig-slate-60--background {
  background-color: #354D67;
}

.hig__colors__hig-slate-60--border {
  border-color: #354D67;
}

:export {
  hig-slate-70: #2C3E53;
}

.hig__colors__hig-slate-70--color {
  color: #2C3E53;
}

.hig__colors__hig-slate-70--background {
  background-color: #2C3E53;
}

.hig__colors__hig-slate-70--border {
  border-color: #2C3E53;
}

:export {
  hig-purple-20: #F4EDFD;
}

.hig__colors__hig-purple-20--color {
  color: #F4EDFD;
}

.hig__colors__hig-purple-20--background {
  background-color: #F4EDFD;
}

.hig__colors__hig-purple-20--border {
  border-color: #F4EDFD;
}

:export {
  hig-purple-30: #EADCFD;
}

.hig__colors__hig-purple-30--color {
  color: #EADCFD;
}

.hig__colors__hig-purple-30--background {
  background-color: #EADCFD;
}

.hig__colors__hig-purple-30--border {
  border-color: #EADCFD;
}

:export {
  hig-purple-40: #C5A1F8;
}

.hig__colors__hig-purple-40--color {
  color: #C5A1F8;
}

.hig__colors__hig-purple-40--background {
  background-color: #C5A1F8;
}

.hig__colors__hig-purple-40--border {
  border-color: #C5A1F8;
}

:export {
  hig-purple-50: #A76EF5;
}

.hig__colors__hig-purple-50--color {
  color: #A76EF5;
}

.hig__colors__hig-purple-50--background {
  background-color: #A76EF5;
}

.hig__colors__hig-purple-50--border {
  border-color: #A76EF5;
}

:export {
  hig-purple-60: #8558C5;
}

.hig__colors__hig-purple-60--color {
  color: #8558C5;
}

.hig__colors__hig-purple-60--background {
  background-color: #8558C5;
}

.hig__colors__hig-purple-60--border {
  border-color: #8558C5;
}

:export {
  hig-purple-70: #5F3E8E;
}

.hig__colors__hig-purple-70--color {
  color: #5F3E8E;
}

.hig__colors__hig-purple-70--background {
  background-color: #5F3E8E;
}

.hig__colors__hig-purple-70--border {
  border-color: #5F3E8E;
}

:export {
  hig-pink-20: #FEE6F2;
}

.hig__colors__hig-pink-20--color {
  color: #FEE6F2;
}

.hig__colors__hig-pink-20--background {
  background-color: #FEE6F2;
}

.hig__colors__hig-pink-20--border {
  border-color: #FEE6F2;
}

:export {
  hig-pink-30: #FDCDE5;
}

.hig__colors__hig-pink-30--color {
  color: #FDCDE5;
}

.hig__colors__hig-pink-30--background {
  background-color: #FDCDE5;
}

.hig__colors__hig-pink-30--border {
  border-color: #FDCDE5;
}

:export {
  hig-pink-40: #F87CBA;
}

.hig__colors__hig-pink-40--color {
  color: #F87CBA;
}

.hig__colors__hig-pink-40--background {
  background-color: #F87CBA;
}

.hig__colors__hig-pink-40--border {
  border-color: #F87CBA;
}

:export {
  hig-pink-50: #F63595;
}

.hig__colors__hig-pink-50--color {
  color: #F63595;
}

.hig__colors__hig-pink-50--background {
  background-color: #F63595;
}

.hig__colors__hig-pink-50--border {
  border-color: #F63595;
}

:export {
  hig-pink-60: #C52B78;
}

.hig__colors__hig-pink-60--color {
  color: #C52B78;
}

.hig__colors__hig-pink-60--background {
  background-color: #C52B78;
}

.hig__colors__hig-pink-60--border {
  border-color: #C52B78;
}

:export {
  hig-pink-70: #9C215E;
}

.hig__colors__hig-pink-70--color {
  color: #9C215E;
}

.hig__colors__hig-pink-70--background {
  background-color: #9C215E;
}

.hig__colors__hig-pink-70--border {
  border-color: #9C215E;
}

:export {
  hig-salmon-20: #FFEFEC;
}

.hig__colors__hig-salmon-20--color {
  color: #FFEFEC;
}

.hig__colors__hig-salmon-20--background {
  background-color: #FFEFEC;
}

.hig__colors__hig-salmon-20--border {
  border-color: #FFEFEC;
}

:export {
  hig-salmon-30: #FFDFD9;
}

.hig__colors__hig-salmon-30--color {
  color: #FFDFD9;
}

.hig__colors__hig-salmon-30--background {
  background-color: #FFDFD9;
}

.hig__colors__hig-salmon-30--border {
  border-color: #FFDFD9;
}

:export {
  hig-salmon-40: #FFAD9E;
}

.hig__colors__hig-salmon-40--color {
  color: #FFAD9E;
}

.hig__colors__hig-salmon-40--background {
  background-color: #FFAD9E;
}

.hig__colors__hig-salmon-40--border {
  border-color: #FFAD9E;
}

:export {
  hig-salmon-50: #FF7B65;
}

.hig__colors__hig-salmon-50--color {
  color: #FF7B65;
}

.hig__colors__hig-salmon-50--background {
  background-color: #FF7B65;
}

.hig__colors__hig-salmon-50--border {
  border-color: #FF7B65;
}

:export {
  hig-salmon-60: #CC6452;
}

.hig__colors__hig-salmon-60--color {
  color: #CC6452;
}

.hig__colors__hig-salmon-60--background {
  background-color: #CC6452;
}

.hig__colors__hig-salmon-60--border {
  border-color: #CC6452;
}

:export {
  hig-salmon-70: #9D4B3D;
}

.hig__colors__hig-salmon-70--color {
  color: #9D4B3D;
}

.hig__colors__hig-salmon-70--background {
  background-color: #9D4B3D;
}

.hig__colors__hig-salmon-70--border {
  border-color: #9D4B3D;
}

:export {
  hig-green-good: #87BC40;
}

.hig__colors__hig-green-good--color {
  color: #87BC40;
}

.hig__colors__hig-green-good--background {
  background-color: #87BC40;
}

.hig__colors__hig-green-good--border {
  border-color: #87BC40;
}

:export {
  hig-yellow-warning: #F5B723;
}

.hig__colors__hig-yellow-warning--color {
  color: #F5B723;
}

.hig__colors__hig-yellow-warning--background {
  background-color: #F5B723;
}

.hig__colors__hig-yellow-warning--border {
  border-color: #F5B723;
}

:export {
  hig-red-alert: #EC4A41;
}

.hig__colors__hig-red-alert--color {
  color: #EC4A41;
}

.hig__colors__hig-red-alert--background {
  background-color: #EC4A41;
}

.hig__colors__hig-red-alert--border {
  border-color: #EC4A41;
}

@font-face {
  font-family: "ArtifaktElement";
  src: url(62689cb636d8352f0cf5.eot); /* IE9 Compat Modes */
  src: url(62689cb636d8352f0cf5.eot?#iefix) format("embedded-opentype"), url(5cefdb449a6e2dcb0430.woff2) format("woff2"), url(19746d05c23b4b4dcb07.woff) format("woff"), url(b1f8af3a9d0afc72c3b9.ttf) format("truetype"); /* Safari, Android, iOS */
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "ArtifaktElement";
  src: url(adb7a0de60d0d2c07f6d.eot); /* IE9 Compat Modes */
  src: url(adb7a0de60d0d2c07f6d.eot?#iefix) format("embedded-opentype"), url(1db835eba17898495e29.woff2) format("woff2"), url(82e5a7795bfba07c484f.woff) format("woff"), url(2bb88bdf95ff3b78aeb9.ttf) format("truetype"); /* Safari, Android, iOS */
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "ArtifaktElement";
  src: url(30ca0033a7c42bf408a5.eot); /* IE9 Compat Modes */
  src: url(30ca0033a7c42bf408a5.eot?#iefix) format("embedded-opentype"), url(796c5d2f8ffa961220c5.woff2) format("woff2"), url(0f9e7ee87d5485201bd1.woff) format("woff"), url(eee84aab5e5ba4cfffe8.ttf) format("truetype"); /* Safari, Android, iOS */
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "ArtifaktElement";
  src: url(40f5773f4440e44dc44e.eot); /* IE9 Compat Modes */
  src: url(40f5773f4440e44dc44e.eot?#iefix) format("embedded-opentype"), url(5d4ece9f462cbd8cc9a3.woff2) format("woff2"), url(d4382f25d953a9aa63b0.woff) format("woff"), url(222cee212373cea81a1e.ttf) format("truetype"); /* Safari, Android, iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ArtifaktElement";
  src: url(71a1743f3d46c77c9f36.eot); /* IE9 Compat Modes */
  src: url(71a1743f3d46c77c9f36.eot?#iefix) format("embedded-opentype"), url(3c6480e58f66dc8fbae8.woff2) format("woff2"), url(fff2c6ce64650319b6e8.woff) format("woff"), url(e5916f610dea9615a582.ttf) format("truetype"); /* Safari, Android, iOS */
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "ArtifaktElement";
  src: url(1602a4c1ec97ea727bc0.eot); /* IE9 Compat Modes */
  src: url(1602a4c1ec97ea727bc0.eot?#iefix) format("embedded-opentype"), url(b994c2ffd8556a63317b.woff2) format("woff2"), url(89616650305100372ccf.woff) format("woff"), url(7a7c4bd98a50e1eb9622.ttf) format("truetype"); /* Safari, Android, iOS */
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "ArtifaktElement";
  src: url(2537d1ca79fce1f5e959.eot); /* IE9 Compat Modes */
  src: url(2537d1ca79fce1f5e959.eot?#iefix) format("embedded-opentype"), url(48cbdc2a3040dbc7ebbc.woff2) format("woff2"), url(60197c4b468b0243ef12.woff) format("woff"), url(ea51933fc97d5d5b3591.ttf) format("truetype"); /* Safari, Android, iOS */
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "ArtifaktElement";
  src: url(275c0d6ebefbb7a9e327.eot); /* IE9 Compat Modes */
  src: url(275c0d6ebefbb7a9e327.eot?#iefix) format("embedded-opentype"), url(8094c96922583a9f9229.woff2) format("woff2"), url(2b1df495d8dd5bb41cb0.woff) format("woff"), url(7e554db5547c52e6a0f5.ttf) format("truetype"); /* Safari, Android, iOS */
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "ArtifaktElement";
  src: url(b2e483ec08d7c7f58db0.eot); /* IE9 Compat Modes */
  src: url(b2e483ec08d7c7f58db0.eot?#iefix) format("embedded-opentype"), url(cc2e400b70104a6e32f5.woff2) format("woff2"), url(001f7e6a7268ca6a0ea3.woff) format("woff"), url(f5b7af5c4dfaf755ec24.ttf) format("truetype"); /* Safari, Android, iOS */
  font-weight: 900;
  font-style: normal;
}
.contIcons {
  display: none;
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1,
h2 {
  font-weight: 300;
}

h3,
h4 {
  font-weight: 500;
}

.avatar {
  width: 30px;
  height: 30px;
  min-width: 30px;
  display: flex;
  border-radius: 50%;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  background: #0696D7;
}
.avatar.-large {
  width: 60px;
  height: 60px;
  min-width: 60px;
}
.avatar.-small {
  width: 16px;
  height: 16px;
  min-width: 16px;
}
.avatar img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.avatar__letter {
  font-weight: 700;
  text-align: center;
  color: #FFFFFF;
}
.avatar.--cursor {
  cursor: pointer;
}

.button {
  height: 36px;
  cursor: pointer;
  padding: 0 14px;
  min-width: 68px;
  font-size: 14px;
  font-weight: 700;
  line-height: 34px;
  text-align: center;
  white-space: nowrap;
  display: inline-block;
  text-decoration: none;
  color: #FFFFFF;
  text-overflow: ellipsis;
  border-radius: 3px;
  border: 1px solid transparent;
  background: #5987C2;
}
.button ::-moz-selection {
  background: transparent;
}
.button ::selection {
  background: transparent;
}
.button.-disabled {
  pointer-events: none;
  background-color: #FEF3E3;
}
.button.-disabled:hover, .button.-disabled:focus {
  background-color: #FEF3E3;
}
.button.-small {
  height: 26px;
  line-height: 24px;
  min-width: 66px;
  padding: 0 12px;
  font-size: 12px;
}
.button.-large {
  height: 42px;
  line-height: 40px;
  min-width: 90px;
  padding: 0 24px;
  font-size: 16px;
}
.button.-icon {
  height: 26px;
  line-height: 24px;
  min-width: auto;
  padding: 0 8px;
  font-size: 12px;
}
.button.-grow {
  width: 100%;
}
.button.transparent {
  font-weight: bold;
  color: #939CA5;
  background-color: #FFFFFF;
  border-color: #D4DBE1;
}
.button.transparent:hover {
  color: #FFFFFF;
}
.button.noButton {
  width: auto;
  margin: 0px;
  height: auto;
  border: none;
  padding: 0px;
  background: transparent;
}
.button.noButton:hover, .button.noButton:focus {
  background-color: transparent;
}
.button.gray {
  background-color: #939CA5;
}
.button.blue {
  color: #FFFFFF !important;
  background-color: #5987C2 !important;
}
.button:visited {
  color: #FFFFFF;
}
.button.space-below {
  margin-bottom: 10px;
}
@media (max-width: 828px) {
  .button.responsible-library-info {
    height: 72px !important;
  }
}
@media (max-width: 1084px) {
  .button.responsible-library-info {
    line-height: normal;
    white-space: normal;
  }
}
.button + .tooltip {
  z-index: 2;
  left: -91px;
  width: 88px;
  padding: 4px;
  display: none;
  font-size: 12px;
  min-height: 28px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
  border-radius: 6px;
  position: absolute;
  align-items: center;
  white-space: normal;
  justify-content: center;
  color: #FFFFFF;
  background-color: #000000;
}
.button + .tooltip.right {
  left: 101%;
}
.button:hover {
  color: #FFFFFF;
  text-decoration: none;
  transition: all 0.3s ease 0s;
  background-color: #0671A1;
}
.button:hover + .tooltip {
  display: flex;
}
.button:active, .button:focus {
  outline: none;
  background-color: #024B6C;
  box-shadow: none;
}
.button:disabled:not(.visibleByHover) {
  cursor: auto;
  display: flex;
  align-items: center;
  color: #D4DBE1 !important;
  border: 1px solid #D4DBE1 !important;
}
.button:disabled:not(.visibleByHover):hover {
  color: #D4DBE1 !important;
  border: 1px solid #D4DBE1 !important;
}

.callout {
  padding: 2rem;
  background: #222934;
}
.callout .container {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-around;
}

.callout__head {
  font-weight: 500;
  margin-bottom: 80px;
  margin-left: 50px;
  margin-right: 275px;
  color: #FFFFFF;
  position: relative;
}
.callout__head::before {
  content: "";
  top: 50%;
  left: -50px;
  width: 314px;
  height: 78px;
  position: absolute;
  background: url(1a1f3efc8ec16ef229f7.svg);
  background-size: cover;
}
@media (max-width: 360px) {
  .callout__head {
    margin-left: 15px;
  }
}
@media (min-width: 360px) {
  .callout__head {
    margin-left: 30px;
  }
}
@media (min-width: 572px) {
  .callout__head {
    margin-bottom: 80px;
    margin-left: 50px;
  }
}
@media (min-width: 1084px) {
  .callout__head {
    margin-top: -80px;
    margin-bottom: 0;
    margin-left: 20px;
  }
}

.callout__text {
  margin-bottom: 0;
  font-size: 16px;
  color: #FFFFFF;
  max-width: 506px;
  margin: 20px 0px;
  text-align: center;
}
@media (min-width: 828px) {
  .callout__text {
    font-size: 17px;
  }
}
@media (min-width: 1084px) {
  .callout__text {
    margin: 0px;
    max-width: 400px;
    text-align: left;
  }
}
@media (min-width: 1380px) {
  .callout__text {
    max-width: 500px;
  }
}

.callout__button {
  height: auto;
  font-size: 18px;
  padding: 7px 40px;
  vertical-align: middle;
  background: #5987C2;
}
@media (min-width: 1084px) {
  .callout__button {
    padding: 7px 50px;
  }
}
.callout__button:hover {
  text-decoration: none;
}

.cards {
  display: flex;
  position: relative;
  margin: 0 -10px;
  /* all cards */
  /* grid only */
  /* list only */
}
.cards p {
  margin: 0px;
}
.cards .card {
  display: flex;
  position: relative;
  margin-top: 0;
  margin-right: 10px;
  margin-left: 10px;
  border-top: 1px #ECF0F3 solid;
  border-left: 1px #ECF0F3 solid;
  border-right: 1px #ECF0F3 solid;
  background-color: #FFFFFF;
}
.cards .card svg {
  margin: 0px 5px;
  vertical-align: middle;
}
.cards .deleted {
  opacity: 0.4;
}
.cards .avatar__info {
  display: block;
}
.cards .card__name {
  padding: 5px;
}
.cards .card__name__title {
  margin: 0px;
  overflow: hidden;
  position: relative;
  padding-left: 28px;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
}
.cards .card__name__title::before {
  content: "";
  top: 50%;
  left: 0px;
  width: 18px;
  height: 16px;
  margin-top: -8px;
  position: absolute;
  background: url(8f6e278dca4a8fea2c67.svg);
}
.cards .card__name__title.link {
  cursor: pointer;
}
.cards .card__name p, .cards .card__name a,
.cards .card__details__name p,
.cards .card__details__name a {
  margin: 0;
  font-weight: 700;
}
.cards .card__name p.link, .cards .card__name a.link,
.cards .card__details__name p.link,
.cards .card__details__name a.link {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cards .card__name p.link:not(.noLink), .cards .card__name a.link:not(.noLink),
.cards .card__details__name p.link:not(.noLink),
.cards .card__details__name a.link:not(.noLink) {
  cursor: pointer;
}
.cards .card__name p.link:hover:not(.noLink), .cards .card__name a.link:hover:not(.noLink),
.cards .card__details__name p.link:hover:not(.noLink),
.cards .card__details__name a.link:hover:not(.noLink) {
  text-decoration: underline;
}
.cards .card__name,
.cards .card__details__name,
.cards .card__details__owner {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cards .card__name a,
.cards .card__details__name a,
.cards .card__details__owner a {
  color: #393939;
}
.cards .card__summary {
  padding: 5px;
}
.cards .avatar__owner {
  color: #999999;
}
.cards .avatar__owner a {
  color: #999999;
}
.cards .card__icon {
  padding: 10px;
}
.cards .switch {
  margin-left: 70px;
  margin-right: 0px;
}
.cards .nameNoImage {
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 90%;
  top: 10px;
  left: 10px;
}
.cards .card__description {
  overflow: hidden;
  font-size: 14px;
  margin-bottom: 15px;
  text-overflow: ellipsis;
  color: #485366;
}
.cards .descNoImage {
  position: absolute;
  top: 50px;
  left: 15px;
}
.cards .card__date {
  max-width: 100px;
}
.cards .card__image:not(.noCursor) {
  cursor: pointer;
}
.cards .card__info:not(:empty) {
  flex: 1;
  display: flex;
  min-width: 190px;
  align-items: center;
  flex-flow: row nowrap;
  justify-content: flex-end;
}
.cards .card__info:not(:empty) > *:not(*:first-child) {
  margin-left: 6px;
}
.cards .card__info:not(:empty) a {
  text-decoration: none;
}
.cards .card__gridInfo {
  top: 10px;
  left: 10px;
  display: flex;
  position: absolute;
}
.cards.-grid {
  flex-flow: row wrap;
  /* grid Home only*/
}
.cards.-grid .card {
  flex-flow: column nowrap;
  justify-content: space-between;
  width: calc(100% - 18px);
  margin: 8px 8px 20px 8px;
  margin-bottom: 20px;
  border-bottom: 1px #ECF0F3 solid;
  border-radius: 3px;
}
@media (max-width: 572px) {
  .cards.-grid .card {
    width: calc(50% - 18px);
    width: 100%;
  }
}
@media (min-width: 828px) {
  .cards.-grid .card {
    width: calc(33.3333333333% - 18px);
  }
}
@media (min-width: 1084px) {
  .cards.-grid .card {
    width: calc(25% - 18px);
  }
}
@media (min-width: 1380px) {
  .cards.-grid .card {
    width: calc(16.6666666667% - 16px);
  }
}
.cards.-grid .card .card__image img {
  max-width: 100%;
  min-width: 60px;
  max-height: 188px;
}
.cards.-grid .card .card__image img:not(.image_2d) {
  padding-top: 10px;
}
.cards.-grid .card .card__summary {
  overflow: hidden;
  font-size: 14px;
  margin-bottom: 15px;
  text-overflow: ellipsis;
  color: #485366;
}
.cards.-grid .card .info__status {
  right: 10px;
  bottom: 64px;
  position: absolute;
}
.cards.-grid .card__details {
  padding: 5px;
  position: relative;
  border-top: 1px #ECF0F3 solid;
}
.cards.-grid .card__details__name {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
}
.cards.-grid .card__details__owner {
  font-size: 12px;
  margin-top: 2px;
  text-decoration: none;
  color: #999999;
}
.cards.-grid.home .card {
  width: 100%;
  min-height: auto;
}
@media (min-width: 828px) {
  .cards.-grid.home .card {
    width: calc(50% - 20px);
  }
}
@media (min-width: 1084px) {
  .cards.-grid.home .card {
    width: calc(33.3333333333% - 20px);
  }
}
@media (min-width: 1380px) {
  .cards.-grid.home .card {
    width: calc(16.6666666667% - 16px);
  }
  .cards.-grid.home .card:first-child {
    margin-left: 0px;
  }
  .cards.-grid.home .card:last-child {
    margin-right: 0px;
  }
}
.cards.-list {
  flex-flow: column;
}
.cards.-list .card {
  flex-flow: row nowrap;
  align-items: center;
  margin-bottom: 0;
  height: 50px;
}
.cards.-list .card:first-of-type {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.cards.-list .card:last-of-type {
  border-bottom: 1px #ECF0F3 solid;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.cards.-list .card__exportPackage {
  display: none;
}
.cards.-list .card__image {
  display: flex;
  justify-content: center;
}
.cards.-list .card__image .thumbnailNoVersion {
  width: 30px;
  height: 30px;
}
.cards.-list .info__status {
  margin: 0px 10px;
}
@media (max-width: 828px) {
  .cards.-list .card__summary {
    display: none;
  }
}
.cards.-list .card__date {
  margin-top: auto;
  max-width: 100px;
  color: #939CA5;
  margin: 10px 0px;
}
@media (max-width: 1084px) {
  .cards.-list .card__date {
    display: none;
  }
}
.cards.-list .card__details {
  padding-left: 10px;
  padding-right: 10px;
}

.explore .cards.-package, .home .cards.-package {
  margin-top: 0px;
}
.explore .cards.-grid .card, .home .cards.-grid .card {
  width: calc(100% - 18px);
  margin: 8px 8px 20px 8px;
}
@media (min-width: 572px) {
  .explore .cards.-grid .card, .home .cards.-grid .card {
    width: calc(50% - 18px);
  }
}
@media (min-width: 828px) {
  .explore .cards.-grid .card, .home .cards.-grid .card {
    width: calc(33.3333333333% - 18px);
  }
}
@media (min-width: 1084px) {
  .explore .cards.-grid .card, .home .cards.-grid .card {
    width: calc(25% - 18px);
  }
}
@media (min-width: 1380px) {
  .explore .cards.-grid .card, .home .cards.-grid .card {
    width: calc(16.6666666667% - 16px);
  }
}
.explore .cards.-grid .card .card__date, .explore .cards.-grid .card .card__info, .explore .cards.-grid .card .card__download, .home .cards.-grid .card .card__date, .home .cards.-grid .card .card__info, .home .cards.-grid .card .card__download {
  display: none !important;
}
.explore .cards.-grid .card .card__avatar, .home .cards.-grid .card .card__avatar {
  padding: 5px;
  border-top: 1px #ECF0F3 solid;
}
.explore .cards.-grid .card .card__avatar .avatar, .home .cards.-grid .card .card__avatar .avatar {
  position: relative;
  width: 100%;
}
.explore .cards.-grid .card .card__avatar .avatar__name, .home .cards.-grid .card .card__avatar .avatar__name {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
}
.explore .cards.-grid .card .card__avatar .avatar__owner, .home .cards.-grid .card .card__avatar .avatar__owner {
  text-decoration: none;
  font-size: 12px;
  margin-top: 2px;
}
.explore .cards.-grid .card .card__avatar .avatar__image, .home .cards.-grid .card .card__avatar .avatar__image {
  display: none;
}

.cards {
  /* general library */
}
.cards .button {
  display: flex;
  font-weight: bold;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: #939CA5;
  border-color: #D4DBE1;
}
.cards .button:hover {
  border-color: #1957A8;
  color: #1957A8;
  transition: all 0.3s ease 0s;
}
.cards .button:hover svg * {
  fill: #1957A8;
}
.cards .button.delete:hover {
  border-color: #EC4A41;
  color: #EC4A41;
}
.cards .button.delete:hover svg * {
  fill: #EC4A41;
}
.cards .button.gone {
  visibility: hidden;
}
.cards.-library {
  /* library grid */
  /* library list */
}
.cards.-library .card__item__progress {
  width: calc(100% - 6px);
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  color: #FFFFFF;
}
.cards.-library .card__item__progress__bar {
  height: 20px;
  min-width: 42px;
  border-radius: 20px;
  transition: all 500ms;
  background: #0671A1;
}
.cards.-library .card .card__info {
  min-width: 150px;
}
.cards.-library.-grid svg * {
  fill: #BEC8D2;
}
.cards.-library.-grid .card {
  padding: 10px;
  height: auto;
}
.cards.-library.-grid .card .card__name svg {
  display: none;
}
.cards.-library.-grid .card .card__summary {
  height: 110px;
}
.cards.-library.-grid .card .card__owner,
.cards.-library.-grid .card .card__date {
  font-size: 13px;
  padding-left: 5px;
  color: #999999;
}
.cards.-library.-grid .card .card__download {
  order: 1;
  width: 36px;
  display: flex;
  margin-bottom: 10px;
  margin-left: calc(100% - 36px);
}
.cards.-library.-grid .card .card__date {
  order: 2;
  padding: 5px;
  display: flex;
  margin-top: auto;
  color: #939CA5;
}
.cards.-library.-grid .card .card__info {
  order: 3;
  padding: 0px;
  display: flex;
  min-width: 172px;
  max-height: 50px;
  padding-top: 10px;
  justify-content: flex-end;
  border-top: 1px solid #ECF0F3;
}
@media (min-width: 828px) {
  .cards.-library.-grid .card .card__info {
    justify-content: center;
  }
}
.cards.-library.-grid .card .card__public {
  border-top: 1px solid #ECF0F3;
}
.cards.-library.-grid .card .card__public .card__owner {
  font-size: 12px;
  margin-top: 2px;
  text-decoration: none;
  color: #999999;
}
.cards.-library.-grid .card .card__public .card__second__name {
  margin: 0;
  font-size: 13px;
  margin-top: 6px;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cards.-library.-list svg * {
  fill: #818292;
}
.cards.-library.-list .card {
  padding: 5px 20px;
}
.cards.-library.-list .card .card__name {
  flex: 2;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cards.-library.-list .card .card__summary {
  flex: 4;
  height: 34px;
  margin: 0 20px;
  overflow: hidden;
  font-weight: 300;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #485366;
}
.cards.-library.-list .card .card__owner {
  display: none;
}
.cards.-library.-list .card .info__status {
  margin: 0px 10px;
  min-width: 18px;
}
.cards.-library.-list .card .card__date {
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #939CA5;
  font-weight: 300;
}
.cards.-library.-list .card .card__download {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.cards.-library.-list .card .card__info .delete span {
  display: none;
}
.cards.-library.-list .card .card__public {
  display: none;
}

.cards {
  /* general package */
}
.cards.-package {
  /* package grid */
  /* package list */
}
.cards.-package.-grid .card:hover .visibleByHover {
  visibility: visible;
  opacity: 1;
}
.cards.-package.-grid .card:hover .visibleByHover:disabled {
  background: rgba(255, 255, 255, 0.6);
}
.cards.-package.-grid .card:hover .visibleByHover:disabled img {
  opacity: 0.6;
}
.cards.-package.-grid .visibleByHover {
  opacity: 0;
  transition: visibility 0s, opacity 0.1s ease;
}
.cards.-package.-grid .card__image {
  display: flex;
  min-height: 188px;
  position: relative;
  align-items: center;
  justify-content: center;
}
.cards.-package.-grid .card__details {
  padding: 10px;
  display: flex;
  align-items: center;
  border-top: 1px #ECF0F3 solid;
}
.cards.-package.-grid .card__details__group {
  width: calc(100% - 16px);
}
.cards.-package.-grid .card__details__icon {
  width: 12px;
  height: 12px;
  display: block;
  margin-left: 4px;
  background: url(ee4ffd74deb3a4c6b1f4.svg);
  background-size: contain;
}
.cards.-package.-grid .card__details__icon:hover {
  background: url(4d6074e8c99ae21cf5d5.svg);
  background-size: contain;
}
.cards.-package.-grid .card__details__name,
.cards.-package.-grid .card__details__owner {
  text-decoration: none;
  font-size: 14px;
  line-height: 14px;
}
.cards.-package.-grid .card__details__owner {
  font-size: 12px;
  margin-top: 2px;
}
.cards.-package.-grid .card__date,
.cards.-package.-grid .card__info,
.cards.-package.-grid .card__summary,
.cards.-package.-grid .info__buttons {
  display: none;
}
.cards.-package.-list .card {
  padding: 3px 20px;
}
.cards.-package.-list .card.\33 DModel .info__buttons {
  justify-content: flex-end;
}
.cards.-package.-list .card__image {
  width: 40px;
  display: flex;
  min-height: 37px;
  position: relative;
  align-items: center;
}
.cards.-package.-list .card__image.switch {
  margin-left: 66px;
  margin-right: 10px;
}
.cards.-package.-list .card__image img {
  width: 100%;
}
.cards.-package.-list .switchThumbnail {
  top: 50%;
  z-index: 1;
  width: 48px;
  height: 24px;
  display: flex;
  margin-top: -12px;
  left: calc(-100% - 26px);
}
.cards.-package.-list .switchThumbnail__option {
  width: 24px;
  height: 24px;
  padding: 0px;
  display: flex;
  font-size: 14px;
  justify-content: center;
  align-items: center;
}
.cards.-package.-list .card__summary {
  flex: 4;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 572px) {
  .cards.-package.-list .card__summary {
    display: none;
  }
}
.cards.-package.-list .card__date {
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 572px) {
  .cards.-package.-list .card__date {
    display: none;
  }
}
.cards.-package.-list .card__details {
  flex: 2;
  width: 10%;
}
.cards.-package.-list .card__details__owner .card__info,
.cards.-package.-list .image__switch .card__info {
  min-width: 190px;
}
.cards.-package.-list .avatar__owner,
.cards.-package.-list .card__details_icon,
.cards.-package.-list .card__details__owner {
  display: none;
}

.tooltip__container {
  cursor: pointer;
  display: flex;
  position: relative;
  align-items: center;
}
.tooltip__container__info {
  top: 0px;
  right: -240px;
  z-index: 1;
  width: 225px;
  display: none;
  margin: 0 auto;
  font-size: 12px;
  font-weight: 700;
  border-radius: 4px;
  position: absolute;
  color: #FFFFFF;
  padding: 5px 8px 5px 8px;
  background: #000000;
}
.tooltip__container__info::before {
  content: "";
  top: 18%;
  width: 0;
  height: 0;
  left: -5px;
  margin-top: -5px;
  position: absolute;
  transform: rotate(45deg);
  border-right: 5px solid transparent;
  border-top: 5px solid transparent;
  border-left: 5px solid #000000;
  border-bottom: 5px solid #000000;
}
.tooltip__container:hover .tooltip__container__info {
  display: block;
}

.switchThumbnail {
  position: absolute;
  top: 10px;
  z-index: 1;
  right: 10px;
  height: 32px;
}
.switchThumbnail__option {
  height: 35px;
  width: 34px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  padding: 0px 6px;
  padding-top: 3px;
  user-select: none;
  line-height: 30px;
  text-align: center;
  border-radius: 2px;
  display: inline-block;
  color: #939CA5;
  background-color: #ECF0F3;
}
.switchThumbnail__option.selected {
  color: #FFFFFF;
  background-color: #5987C2;
}

.metaDataPackageCard {
  top: 0px;
  left: 0px;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: none;
  padding: 8px 10px 10px 10px;
  font-size: 13px;
  font-weight: 700;
  position: absolute;
  flex-direction: column;
  color: #FFFFFF;
  background: rgba(34, 33, 33, 0.8);
}
.metaDataPackageCard.show {
  display: block;
}
.metaDataPackageCard div {
  display: flex;
  justify-content: space-between;
}

.footer-nav {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding: 0;
  margin: 0;
  margin-top: 14px;
  list-style: none;
}
@media (min-width: 828px) {
  .footer-nav {
    flex-direction: row;
  }
}
@media (min-width: 1084px) {
  .footer-nav {
    height: 60px;
    justify-content: space-between;
  }
}
.footer-nav a {
  font-size: 16px;
  font-weight: 600;
  color: #939CA5;
  text-decoration: none;
}
.footer-nav a:hover {
  text-decoration: none;
}
.footer-nav__logo a:hover {
  text-decoration: none;
}
.footer-nav__logo img {
  width: 120px;
  height: 20px;
}
.footer-nav__social {
  display: none;
}
.footer-nav__links {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  text-align: center;
}
@media (min-width: 828px) {
  .footer-nav__links {
    flex-direction: row;
  }
}
@media (min-width: 1084px) {
  .footer-nav__links {
    margin-bottom: 0px;
  }
}
.footer-nav__links a:hover {
  color: #939CA5;
  text-decoration: none;
}
@media (min-width: 572px) {
  .footer-nav__links a {
    margin-left: 0px;
  }
}
@media (min-width: 828px) {
  .footer-nav__links a {
    margin-left: 40px;
  }
}
.footer-nav.home {
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 1084px) {
  .footer-nav.home {
    height: 60px;
    flex-direction: row;
    justify-content: space-between;
  }
}
.footer-nav.home .footer-nav__logo {
  margin-top: 16px;
}
@media (min-width: 1084px) {
  .footer-nav.home .footer-nav__logo {
    margin: 0px;
  }
}
.footer-nav.home .footer-nav__social {
  display: flex;
  width: 260px;
  margin: 16px 0px;
  align-items: center;
  justify-content: center;
}
.footer-nav.home .footer-nav__social p {
  font-size: 16px;
  font-weight: 600;
  margin: 0px 16px 0px 0px;
  color: #939CA5;
}
.footer-nav.home .footer-nav__social__icon {
  margin: 0px 4px;
}
@media (min-width: 572px) {
  .footer-nav.home .footer-nav__social {
    margin-left: 0px;
  }
}
@media (min-width: 1084px) {
  .footer-nav.home .footer-nav__social {
    width: 300px;
    margin: 0px;
    margin-left: 80px;
  }
}
.footer-nav.home .footer-nav__links {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  text-align: center;
}
@media (min-width: 1084px) {
  .footer-nav.home .footer-nav__links {
    margin-bottom: 0px;
    flex-direction: row;
  }
}
@media (min-width: 572px) {
  .footer-nav.home .footer-nav__links a {
    margin-left: 0px;
  }
}
@media (min-width: 1084px) {
  .footer-nav.home .footer-nav__links a {
    margin-left: 40px;
  }
}

.form__text {
  display: inline-block;
  width: auto;
  vertical-align: middle;
  padding: 4px 10px;
}

.form__inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

* {
  box-sizing: border-box;
}

.container {
  position: relative;
  width: inherit;
  padding: 0 20px;
  margin: 0 auto;
}
@media (min-width: 572px) {
  .container {
    width: 532px;
  }
}
@media (min-width: 828px) {
  .container {
    width: 788px;
  }
}
@media (min-width: 1084px) {
  .container {
    width: 1044px;
  }
}
@media (min-width: 1380px) {
  .container {
    width: 1300px;
  }
}

.layout-switch {
  cursor: pointer;
  user-select: none;
  margin-top: 35px;
}
.layout-switch.-grid .layout-switch__grid {
  cursor: default;
}
.layout-switch.-grid .layout-switch__grid * {
  fill: #5987C2;
}
.layout-switch.-list .layout-switch__list {
  cursor: default;
}
.layout-switch.-list .layout-switch__list * {
  fill: #5987C2;
}

.layout-switch__grid *, .layout-switch__list * {
  fill: #D8D8D8;
}

.layout-switch__grid {
  margin-right: 10px;
}

.section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.section-title__title {
  display: flex;
  margin: 20px 0px;
  font-size: 26px;
  font-weight: 500;
}
.section-title .throbber {
  margin-left: 10px;
}

.update-container {
  background: white;
  padding: 30px;
  border: 1px #D4DBE1 solid;
  border-radius: 3px;
  margin-bottom: 30px;
  margin-top: 30px;
}
.update-container .date {
  font-size: larger;
  font-weight: 700;
}
.update-container hr {
  border: 1px solid #F2F2F2;
  margin: 20px 0px;
}
.update-container .blog__link {
  float: left;
  font-weight: bold;
}
.update-container .update__item {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: space-between;
}
.update-container .update__item div {
  flex: 1;
}
.update-container .update__item div.headline {
  margin-right: 100px;
}
.update-container .update__item div.headline h2.headline {
  font-size: larger;
  font-weight: 700;
  margin-bottom: 20px;
}
.update-container .update__item .notes {
  flex-grow: 1;
}
.update-container .update__item .notes__title {
  font-size: larger;
  margin-bottom: 20px;
}
.update-container .update__item .notes .subheading {
  font-weight: 600;
}
.update-container .update__item .notes ul {
  padding-left: 20px;
}
.update-container .update__item:not(:last-child) {
  padding: 10px 0px;
  border-bottom: 1px solid #F2F2F2;
}
@media (max-width: 828px) {
  .update-container .update__item {
    display: block;
  }
}

.subnav {
  position: relative;
  margin: 20px auto 30px;
}
.subnav #formPackages {
  margin-top: 20px;
  background-color: white;
  border: 1px solid #D4DBE1;
  padding: 5px 0px;
  color: #939CA5;
}
.subnav__links {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px #D4DBE1 solid;
}
.subnav__links a {
  font-size: 18px;
  padding: 10px 0;
  font-weight: 600;
  position: relative;
  margin-bottom: -1px;
  text-decoration: none;
  display: inline-block;
  margin: 0 30px 0px 0px;
  color: #939CA5;
  border-bottom: 1px transparent solid;
}
.subnav__links a.-active::before {
  content: "";
  width: 100%;
  height: 5px;
  bottom: -3px;
  position: absolute;
  background: #5987C2;
}
.subnav__links a.-active {
  color: #5987C2;
}
.subnav.pageSearch {
  margin-top: 70px;
}

.header {
  margin: auto;
  width: 100%;
  background-color: #FFFFFF;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.5);
}
.header__buttons {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.header__buttons .button {
  height: 40px;
  font-size: 18px;
  padding: 2px 15px;
  color: #FFFFFF;
}
.header__buttons img {
  border-radius: 50%;
  width: 30px;
}
.header__buttons__signIn {
  margin-right: 24px;
  background: #939CA5;
}
.header__buttons__signIn:hover {
  background: #485366;
}
.header__buttons__signUp {
  background: #0696D7;
}
.header__buttons__user {
  margin: 0px;
  font-weight: bold;
  display: flex;
  margin-right: 15px;
  align-items: center;
  color: #ECF0F3;
  justify-content: center;
}
.header__buttons__user:hover {
  color: #ECF0F3;
}
.header-nav {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  position: relative;
  align-items: center;
  justify-content: space-between;
}
.header-nav a {
  color: #3B4454;
}
.header-nav__logo {
  display: flex;
  margin: 0px;
  height: auto;
  width: 328px;
}
.header-nav__logo a {
  color: #3B4454;
  max-width: 60%;
}
@media (min-width: 828px) {
  .header-nav__logo a {
    max-width: 100%;
  }
}
.header-nav__logo a:hover {
  text-decoration: none;
}
.header-nav__logo p {
  margin: 0px;
}
.header-nav__logo img {
  width: 100%;
  margin-left: 10px;
}
.header-nav__options {
  display: flex;
  align-items: center;
  width: calc(100% - 350px);
  justify-content: space-between;
}
.header-nav__hamburger {
  display: none;
  margin-right: 20px;
}
.header-nav__is-active {
  color: #5987C2 !important;
}
.header-nav__search {
  height: 100%;
  width: 366px;
  margin-top: 0px;
  margin-left: 50px;
  position: relative;
}
@media (max-width: 1380px) {
  .header-nav__search {
    width: 200px;
  }
}
@media (min-width: 828px) {
  .header-nav__search {
    margin-top: 0px;
    margin-left: 40px;
    margin-right: 20px;
  }
}
.header-nav__search::before {
  content: "";
  width: 2px;
  left: -40px;
  bottom: -18px;
  position: absolute;
  height: calc(100% + 36px);
  background: #ECF0F3;
}
.header-nav__search label {
  top: 50%;
  left: -26px;
  width: 20px;
  height: 21px;
  margin-top: -11px;
  position: absolute;
  background: url(4c1c19ba6a67d16009bb.svg);
}
.header-nav__search input {
  width: 100%;
  border: none;
  outline: none;
  color: #3B4454;
  background: transparent;
}
.header-nav__links {
  position: relative;
  justify-content: flex-end;
  margin-left: 20px;
}
@media (min-width: 828px) {
  .header-nav__links {
    display: block;
  }
}
.header-nav__search::before, .header-nav__links::before {
  content: "";
  top: 50%;
  height: 40px;
  margin-top: -20px;
}
.header-nav__dashboard, .header-nav__explore, .header-nav__new, .header-nav__search-link {
  width: auto;
  margin: 0 10px;
  display: inline;
  font-weight: bold;
}
.header-nav__dashboard a, .header-nav__explore a, .header-nav__new a, .header-nav__search-link a {
  text-decoration: none;
  transition: all 0.5s;
}
.header-nav__dashboard a:hover, .header-nav__explore a:hover, .header-nav__new a:hover, .header-nav__search-link a:hover {
  color: #5987C2;
}
.header-nav__search-link {
  display: none;
}
.header-nav__link {
  margin: 0;
  cursor: pointer;
  padding: 0 15px;
  margin-top: 3px;
  display: inline-block;
  color: #3B4454;
}
.header-nav__link:hover {
  text-decoration: underline;
  color: #3B4454;
}
@media (max-width: 1084px) {
  .header-nav {
    flex-direction: row;
  }
  .header-nav__logo {
    width: 100%;
    align-items: center;
    justify-content: space-between;
  }
  .header-nav__hamburger {
    width: 30px;
    height: 22px;
    display: block;
    cursor: pointer;
    position: absolute;
    right: 5px;
    background: url(f312a03e747f33d4d5fb.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .header-nav__options {
    top: 50px;
    width: 100%;
    z-index: 10;
    max-height: 0px;
    overflow: hidden;
    position: absolute;
    transition: all 0.5s;
    flex-direction: column;
    background-color: rgba(0, 0, 0, 0.97);
  }
  .header-nav__options.show {
    padding: 8px;
    max-height: 300px;
  }
  .header-nav__options.show .avatar__image {
    margin: 0px;
  }
  .header-nav__options.show .header-nav__search-link {
    display: inline;
  }
  .header-nav__options a, .header-nav__options input {
    font-size: 20px;
  }
  .header-nav__options li {
    width: 100%;
    margin: 8px 0px;
    text-align: center;
  }
  .header-nav__options .header-nav__search {
    display: none;
  }
  .header-nav__options .header-nav__links {
    text-align: center;
  }
  .header-nav__options .header-nav__links::before {
    display: none;
  }
  .header-nav__options .header-nav__links .header__buttons {
    flex-direction: column;
  }
  .header-nav__options .header-nav__links .header__buttons a {
    width: 100%;
    margin: auto;
  }
  .header-nav__options .header-nav__links .header__buttons a.button {
    width: 120px;
  }
  .header-nav__options .header-nav__links .header__buttons a:last-child {
    margin-top: 12px;
  }
}
.header .container {
  padding: 10px 0px;
}
.header.home {
  background: rgba(0, 0, 0, 0.3);
}
.header.home a {
  color: #FFFFFF;
}
.header.home .header-nav__search label {
  transform: rotate(80deg);
  background: url(4402ba23c1353ca1089d.svg);
}
.header.home .header-nav__search input {
  color: #FFFFFF;
}
.header.home .header-nav__hamburger {
  background: url(9789c77f60459f8d100e.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.header.home .header-nav__hamburger.onTop {
  top: 20px;
}
@media (max-width: 1084px) {
  .header-nav a {
    color: #FFFFFF;
  }
}

.carousel__arrow {
  top: 50%;
  left: -20px;
  width: 18px;
  height: 26px;
  cursor: pointer;
  margin-top: -13px;
  position: absolute;
}
.carousel__arrow__hidden {
  display: none;
}
.carousel__arrow.right {
  left: auto;
  right: -20px;
  transform: rotate(180deg);
}
.carousel__arrow img {
  width: 100%;
  height: 100%;
}
.carousel__list {
  top: 40px;
  width: 40%;
  z-index: 1;
  display: flex;
  position: absolute;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: 1px solid #BEC8D2;
}
@media (max-width: 828px) {
  .carousel__list {
    width: 56%;
  }
}
.carousel__list__option {
  cursor: pointer;
  font-size: 22px;
  font-weight: 600;
  margin-right: 8%;
  position: relative;
  color: #939CA5;
}
.carousel__list__option.active {
  color: #5987C2;
}
.carousel__list__pointer {
  left: 0px;
  width: 67px;
  height: 5px;
  bottom: -3px;
  position: absolute;
  transition: all 0.5s;
  background: #5987C2;
}
.carousel__container {
  margin: 40px 0px;
  justify-content: center;
}
@media (max-width: 828px) {
  .carousel__container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
.carousel__container__preview {
  width: 56%;
  position: relative;
  float: right;
}
@media (max-width: 828px) {
  .carousel__container__preview {
    width: 100%;
    margin-top: 75px;
  }
}
@media (min-width: 1084px) {
  .carousel__container__preview {
    margin-top: -50px;
    margin-bottom: 50px;
  }
}
.carousel__container__info {
  margin-right: 40px;
  margin-top: 30px;
  width: 40%;
}
@media (max-width: 828px) {
  .carousel__container__info {
    width: 100%;
  }
}
@media (min-width: 828px) {
  .carousel__container__info {
    margin-top: 110px;
  }
}
.carousel__container__info__title {
  margin-bottom: 15px;
}
@media (min-width: 828px) {
  .carousel__container__info__title {
    font-size: 30px;
    line-height: 39px;
    margin-bottom: 30px;
  }
}
.carousel__container__info__create {
  height: auto;
  font-size: 18px;
  padding: 7px 50px;
  margin-top: 20px;
  font-weight: 700;
  position: relative;
  background: #5987C2;
}
.carousel__container__info__create p {
  margin: 0px;
}
.carousel .slider-decorator-0,
.carousel .slider-decorator-1,
.carousel .slider-decorator-2 {
  display: none;
}
.carousel .disclaimer {
  font-size: smaller;
  color: grey;
}

.processing {
  position: fixed;
  display: none;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  align-items: center;
  z-index: 10001;
  justify-content: center;
  background: rgba(0, 0, 0, 0.8);
}
.processing .centerVertical {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.processing.show {
  display: flex;
}
.processing__close {
  top: 35px;
  width: 25px;
  right: -20px;
  height: 25px;
  cursor: pointer;
  position: absolute;
  background: url(521249f699905f5fce33.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.processing__message {
  width: 400px;
  font-size: 18px;
  font-weight: 700;
  margin-top: 20px;
  text-align: center;
  color: #FFFFFF;
}
.processing__bar-wrapper {
  width: 300px;
}
.processing__bar {
  height: 27px;
  min-width: 42px;
  margin-top: 20px;
  border-radius: 20px;
  transition: all 500ms;
  background: #0671A1;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  color: #FFFFFF;
}

.throbber {
  display: flex;
  margin: 0 auto;
  min-width: 50px;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.throbber > div:not(.throbber__error) {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-block;
  background-color: #0696d7;
  -webkit-animation: throbber__bouncedelay 1.4s infinite ease-in-out;
  animation: throbber__bouncedelay 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.throbber__error {
  width: 30px;
  height: 30px;
  background: url(cf0fb00e29bf7c87937b.svg);
  background-size: contain;
}
.throbber--light > div {
  background-color: #ffffff;
}
.throbber .throbber__bounce1:not(.throbber__error) {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.throbber .throbber__bounce2:not(.throbber__error) {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@keyframes throbber__bouncedelay {
  10% {
    transform: scale(1);
  }
  40% {
    transform: scale(0);
  }
  80% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@-o-keyframes throbber__bouncedelay {
  10% {
    -o-transform: scale(1);
  }
  40% {
    -o-transform: scale(0);
  }
  80% {
    -o-transform: scale(1);
  }
  100% {
    -o-transform: scale(1);
  }
}
@-webkit-keyframes throbber__bouncedelay {
  10% {
    -webkit-transform: scale(1);
  }
  40% {
    -webkit-transform: scale(0);
  }
  80% {
    -webkit-transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
.toast {
  align-items: center;
  transition: all 0.5s;
  justify-content: center;
  display: none;
}
.toast.show {
  display: flex;
}
.toast p {
  margin: 0px;
}
.toast .bold {
  font-weight: 700;
}
.toast__icon {
  width: 50px;
  height: 100%;
  position: relative;
}
.toast__icon::before {
  content: "";
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  position: absolute;
}
.toast__body {
  display: flex;
  font-size: 18px;
  min-height: 50px;
  padding: 10px 16px;
  align-items: center;
  margin-bottom: 1px;
  color: #FFFFFF;
  width: calc(100% - 50px);
  justify-content: space-between;
  background: rgba(255, 255, 255, 0.7);
}
.toast__body__container {
  width: 100%;
  margin-right: 16px;
  color: #393939;
}
.toast__body__close {
  width: 16px;
  height: 16px;
  border: none;
  cursor: pointer;
  margin-right: 20px;
  background: url(68869fbe8bc2a73426f1.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.toast__body .button {
  height: 28px;
  line-height: 28px;
}
.toast__body .button + .button {
  margin-left: 16px;
}
.toast.successful {
  background: #87BC40;
}
.toast.invitation {
  background: #5987C2;
}
.toast.invitation .contOptions {
  display: flex;
  width: 200px;
  justify-content: space-between;
}
.toast.invitation .contOptions .transparent {
  border: 1px solid #CCCCCC;
}
.toast.invitation .contTransfer {
  display: flex;
}
.toast.invitation .contTransfer .text {
  width: 100%;
  margin-right: 10px;
}
.toast.invitation .contTransfer .contOptions {
  width: 152px;
}
.toast.invitation .contTransfer:not(:first-child) {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #939CA5;
}
.toast.warning {
  background: #F5B723;
}
.toast .toast__icon.icon-checkmark::before {
  background: url(0156732e09c1cb4acf9f.svg);
  background-size: contain;
}
.toast .toast__icon.icon-warning::before {
  background: url(795952fba5311a07e743.svg);
  background-size: contain;
}
.toast .contInvitation {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.toast .contInvitation:not(:first-child) {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #939CA5;
}
.toast .contInvitation:not(:last-child) {
  margin-bottom: 10px;
}
.toast .contInvitation .text {
  width: 100%;
}
.toast .contInvitation .contOptions {
  width: 200px;
  align-items: center;
  flex-direction: column;
  margin: 8px 0px 4px 0px;
}
.toast .contInvitation .contOptions .button + .button {
  margin: 10px 0px 0px 0px;
}
@media (min-width: 828px) {
  .toast .contInvitation {
    flex-direction: row;
  }
  .toast .contInvitation .text {
    margin-right: 20px;
    min-width: calc(100% - 330px);
  }
  .toast .contInvitation .contOptions {
    margin: auto;
    flex-direction: row;
  }
  .toast .contInvitation .contOptions .button + .button {
    margin: 0px 0px 0px 16px;
  }
}
@media (min-width: 572px) {
  .toast .contInvitation {
    flex-direction: row;
  }
  .toast .contInvitation .contOptions {
    width: 310px;
    margin: auto;
  }
}

.toastContainer {
  z-index: 10001;
}
.toastContainer .cont {
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 10001;
  position: fixed;
}

.confirm {
  width: 420px;
  margin: 0 auto;
  border-radius: 6px;
  background: #FFFFFF;
  border: 1px solid #dfe3e8;
}
.confirm__top {
  display: flex;
  padding: 0px 16px;
  position: relative;
  line-height: 40px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #dfe3e8;
}
.confirm__top h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  padding: 10px 10px 10px 0px;
}
.confirm__top__close {
  border: none;
  cursor: pointer;
  outline: none;
  background: transparent;
}
.confirm__body {
  padding: 10px 16px;
}
.confirm__body__text {
  overflow: auto;
  font-weight: 500;
  max-height: 200px;
}
.confirm__body__buttons {
  margin: 20px 0 10px 0;
  text-align: right;
}
.confirm__body__buttons__cancel {
  background: #939CA5;
}
.confirm__body__buttons__text {
  font-size: 14px;
  font-weight: 500;
  color: #485366;
}
.confirm__body__buttons button {
  font-weight: 800;
  margin: 10px 10px 0 0;
}
.confirm .bold {
  font-weight: 700;
}

.checkbox {
  margin-right: 8px;
}

.empty {
  background: white;
  padding: 30px;
  border: 1px #ECF0F3 solid;
  border-radius: 3px;
  margin-bottom: 30px;
}
.empty p {
  text-align: center;
  margin-bottom: 0px;
}
.empty .disclaimer {
  margin: 15px 0px;
  font-size: smaller;
  color: grey;
}
.empty.hub {
  display: flex;
  padding: 90px 30px;
  align-items: center;
  flex-direction: column;
}
.empty.hub h3 {
  font-weight: 700;
}
.empty.hub h3, .empty.hub p {
  font-size: 16px;
  max-width: 298px;
  text-align: center;
  margin-bottom: 20px;
}
.empty.hub .button {
  max-width: 298px;
}

.feature-callout {
  display: block;
  overflow: auto;
}
.feature-callout p {
  text-align: left;
}
@media (min-width: 828px) {
  .feature-callout p {
    width: 40%;
  }
}
.feature-callout img {
  margin: 0px;
}

.cardButton {
  display: flex;
  position: relative;
}
.cardButton__tooltip {
  visibility: hidden;
  top: 50%;
  z-index: 1;
  width: 88px;
  right: -91px;
  height: 28px;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  margin-top: -14px;
  border-radius: 6px;
  position: absolute;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  background-color: #000000;
}
.cardButton:hover .cardButton__tooltip {
  visibility: visible;
}
.cardButton__text, .cardButton__icon {
  display: none;
  position: relative;
  margin-left: 5px;
}
.cardButton__icon {
  width: 20px;
  padding: 0px;
  display: flex;
  min-width: 54px;
  overflow: visible;
  position: absolute;
  justify-content: center;
}
.cardButton__icon img {
  width: 18px;
}
.cardButton.grid {
  width: 45px;
  height: 36px;
  display: flex;
  align-items: center;
}
.cardButton.grid svg {
  fill: #636363;
}
.cardButton.grid .cardButton__icon {
  z-index: 2;
  height: 36px;
  min-width: 38px;
  background-color: #FFFFFF;
}
.cardButton.grid .cardButton__icon img {
  margin-top: -3px;
}
.cardButton.grid .cardButton__icon::before {
  margin-top: 0px;
}
.cardButton.grid .cardButton__icon.disabled svg * {
  fill: #D4DBE1;
}
.cardButton.grid .cardButton__icon.disabled:hover {
  border-color: #D4DBE1;
  color: #D4DBE1;
  transition: all 0.3s ease 0s;
}
.cardButton.grid.show .cardButton__icon {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #939CA5;
}
.cardButton.list svg {
  fill: #818292;
}
.cardButton.list .cardButton__text {
  display: block;
}
.cardButton.list.show button {
  border-color: #1957A8;
  color: #1957A8;
}
.cardButton.options .cardButton__text, .cardButton.options .cardButton__icon {
  padding-right: 46px;
}
.cardButton.options .cardButton__text::before, .cardButton.options .cardButton__icon::before {
  content: "";
  top: 50%;
  right: 8px;
  width: 13px;
  height: 8px;
  margin-top: -4px;
  position: absolute;
  background: url(873f662a53e91ab800dd.svg);
}
.cardButton.options .cardButton__text::after {
  content: "";
  top: 0;
  right: 0px;
  width: 30px;
  height: 100%;
  position: absolute;
  border-left: solid 1px #D4DBE1;
}
.cardButton.options .cardButton__icon {
  min-width: 48px;
  padding-right: 20px;
}
.cardButton.options .cardButton__icon::before {
  right: 6px;
  width: 10px;
  height: 6px;
  background-size: contain;
}
.cardButton.options .cardButton__icon::after {
  width: 20px;
}
.cardButton.options .cardButton__icon + .cardButton__container {
  top: 50px;
  left: 10px;
  width: 86px;
}
.cardButton.options .cardButton__icon img {
  width: 18px;
}
.cardButton.options .cardButton__icon svg {
  fill: #939CA5;
}
.cardButton.options .cardButton__container {
  right: 0px;
  z-index: 2;
  opacity: 0;
  display: none;
  top: calc(100% + 2px);
  position: absolute;
  transition: all 1s;
  align-items: center;
  border-radius: 3px;
  justify-items: center;
  flex-direction: column;
  width: calc(100% - 5px);
  background: #FFFFFF;
  border: 1px solid #BEC8D2;
  box-shadow: 0px 1px 10px #D4DBE1;
  padding: 3px 0px;
}
.cardButton.options .cardButton__container.show {
  opacity: 1;
  display: flex;
}
.cardButton.options .cardButton__container.arrow::before, .cardButton.options .cardButton__container.arrow::after {
  content: "";
  top: 0px;
  width: 0;
  height: 0;
  left: 18px;
  margin-top: -24px;
  position: absolute;
  border-right: 12px solid transparent;
  border-top: 12px solid transparent;
  border-left: 12px solid transparent;
  border-bottom: 12px solid #D4DBE1;
}
.cardButton.options .cardButton__container.arrow::after {
  content: "";
  margin-top: -22px;
  border-bottom: 12px solid #FFFFFF;
}
.cardButton.options .cardButton__container .dropdown-item {
  width: 100%;
  margin-left: 0px;
  margin: 0px;
  border: none;
  text-align: left;
  padding: 3px 17px;
  font-weight: bold;
  color: #939CA5 !important;
  font-weight: bold;
  font-size: 14px;
}
.cardButton.options .cardButton__container .dropdown-item:hover {
  background-color: #E3EAF4;
  margin: 0px;
  border-radius: 0;
  cursor: pointer;
}

.download {
  position: relative;
  min-width: 36px;
}
.download__tooltip {
  visibility: hidden;
  top: -100%;
  z-index: 1;
  width: 88px;
  right: -70%;
  height: 28px;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  margin-top: -14px;
  border-radius: 6px;
  position: absolute;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  background-color: #000000;
}
.download:hover .download__tooltip {
  visibility: visible;
}
.download button {
  min-width: 36px !important;
  padding: 0 5px !important;
}
.download.list.show button {
  border-color: #1957A8;
  color: #1957A8;
}
.download.options .download__text::after {
  content: "";
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
  position: absolute;
  border-left: solid 1px #D4DBE1;
}
.download.options .download__container {
  left: 0;
  z-index: 1;
  opacity: 0;
  display: none;
  top: calc(100% + 4px);
  position: absolute;
  transition: all 1s;
  align-items: center;
  border-radius: 3px;
  justify-items: center;
  flex-direction: column;
  background: #FFFFFF;
  border: 1px solid #BEC8D2;
  box-shadow: 0 1px 10px #D4DBE1;
  padding: 3px;
  min-width: 230px;
  right: initial;
}
.download.options .download__container.show {
  opacity: 1;
  right: -43px;
  left: initial;
  display: flex;
}
.download.options .download__container .dropdown-item {
  width: 100%;
  margin: 0;
  border: none;
  text-align: left;
  padding: 3px 17px;
  font-weight: bold;
  color: #939CA5 !important;
  font-size: 14px;
}
.download.options .download__container .dropdown-item.disable {
  color: #D4DBE1 !important;
}
.download.options .download__container .dropdown-item:not(.disable):hover {
  background-color: #E3EAF4;
  margin: 0;
  border-radius: 0;
  cursor: pointer;
}

.error {
  width: 100%;
  display: flex;
  margin: 0 auto;
  max-width: 400px;
  color: #FFFFFF;
  align-content: center;
  justify-content: center;
  flex-direction: column;
}
.error img {
  width: 40px;
  margin: 0 auto;
}
.error__title {
  font-weight: 600;
  font-size: 22px;
  margin-top: 12px;
  line-height: 26px;
  text-align: center;
  word-break: break-word;
}
.error__userName {
  font-weight: 700;
}
.error__message {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  line-height: 20px;
  margin-top: 12px;
  word-break: break-word;
}
.error__message:empty {
  display: none;
}
.error .button {
  width: 88px;
  margin: 0 auto;
}
.error .btnClose {
  font-weight: 700;
  margin-top: 12px;
  background: transparent;
  border: 1px solid white;
}

.bottom30 {
  margin-bottom: 30px;
}

.searchbox {
  width: 100%;
  display: flex;
  position: relative;
  margin-top: 22px;
  padding: 6px 10px;
  align-items: center;
  background: #FFFFFF;
  border: 1px solid #D4DBE1;
  top: -24px;
  right: 0px;
  width: 320px;
  position: absolute;
}
.searchbox input {
  border: none;
  outline: none;
  color: #939CA5;
}
.searchbox button {
  width: 22px;
  height: 20px;
  border: none;
  outline: none;
  cursor: pointer;
}
.searchbox button.searchbox__search {
  margin-right: 14px;
  background: url(4c1c19ba6a67d16009bb.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.searchbox button.searchbox__filter {
  margin-left: 20px;
  background: url(63c67e490db4a49ddadf.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.searchbox.pageSearch {
  top: -70px;
  width: 100%;
}
.searchbox.pageSearch input {
  width: 100%;
}

.searchboxOption {
  display: flex;
  flex-wrap: wrap;
  padding: 6px 10px;
  align-items: center;
  justify-content: flex-start;
}
@media (min-width: 828px) {
  .searchboxOption {
    flex-wrap: nowrap;
  }
}
.searchboxOption button {
  border: none;
  outline: none;
  cursor: pointer;
  height: 12px;
  background-color: white;
}
.searchboxOption__remove {
  height: 16px;
  padding: 0px;
  min-width: 16px;
  background: url(68869fbe8bc2a73426f1.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.searchboxOption__filter {
  outline: none;
  width: 110px;
  margin-left: 8px;
}
@media (min-width: 828px) {
  .searchboxOption__filter {
    width: 180px;
  }
}
.searchboxOption__typeFilter {
  outline: none;
  margin-left: 8px;
  width: 110px;
}
@media (min-width: 828px) {
  .searchboxOption__typeFilter {
    width: 180px;
  }
}
.searchboxOption__description {
  margin: 0px;
  order: 2;
  margin-left: 14px;
  min-width: 100%;
}
@media (min-width: 828px) {
  .searchboxOption__description {
    order: initial;
    min-width: auto;
  }
}
.searchboxOption__addFilter {
  padding: 0px;
  min-width: 36px;
  position: relative;
  margin-left: auto;
  border-radius: 4px;
}
.searchboxOption__addFilter::before {
  content: "";
  top: 50%;
  left: 50%;
  width: 14px;
  transform: rotate(45deg);
  height: 14px;
  margin-top: -7px;
  margin-left: -7px;
  position: absolute;
  background: url(68869fbe8bc2a73426f1.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.searchboxOption .invalid {
  background: rgb(255, 153, 153);
}

.cover {
  display: flex;
  min-height: 160px;
  align-items: center;
  color: #FFFFFF;
  background: #222934;
}
.cover p {
  font-size: 18px;
}

.infoLibrary {
  width: 100%;
  display: flex;
  padding: 30px;
  margin-top: 30px;
  background: #FFFFFF;
  justify-content: space-between;
  border: 1px solid #ECF0F3;
}
.infoLibrary__info {
  width: calc(80% - 20px);
}
.infoLibrary__info__title {
  font-size: 30px;
  font-weight: 500;
  text-transform: capitalize;
  color: #3B4454;
}
.infoLibrary__info__title span {
  font-weight: 300;
}
.infoLibrary__info__title .version {
  font-size: 14px;
  font-weight: 700;
  margin-left: 20px;
  padding: 4px 16px;
  border-radius: 20%/50%;
  border: 1px solid #D4DBE1;
}
.infoLibrary__info__title .version.new {
  border: none;
  color: #FFFFFF;
  background: #87BC40;
}
.infoLibrary__info__owner {
  color: #999999;
}
.infoLibrary__info__description {
  margin-top: 16px;
  word-wrap: break-word;
}
.infoLibrary__info__metadata {
  margin-top: 20px;
}
.infoLibrary__info__metadata .name {
  font-weight: 700;
}
.infoLibrary__info__metadata table {
  width: 100%;
}
.infoLibrary__info__metadata table td {
  white-space: nowrap;
}
.infoLibrary__info__metadata table td:first-child {
  width: 150px;
}
.infoLibrary__info__date {
  margin-top: 20px;
}
.infoLibrary__info__isprivate {
  display: flex;
  margin-top: 14px;
  align-items: center;
  color: #939CA5;
}
.infoLibrary__info__isprivate .icon {
  width: 16px;
  height: 18px;
  margin-right: 6px;
  background: url(fe1b7e0d4a773996153b.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.infoLibrary__info__isprivate .icon.public {
  background: url(edf10268e126035fcd5b.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.infoLibrary__info__permaLink {
  display: flex;
  margin-top: 16px;
  padding-top: 16px;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #D4DBE1;
}
.infoLibrary__info__permaLink__title {
  font-weight: 700;
  margin-right: 16px;
  color: #3B4454;
}
.infoLibrary__info__permaLink__link {
  padding: 6px;
  word-wrap: break-word;
  width: calc(100% - 92px);
  border: 1px solid #D4DBE1;
}
.infoLibrary__options {
  width: 20%;
}
.infoLibrary__options p {
  margin: 0px;
}
.infoLibrary__options button, .infoLibrary__options .button {
  width: 100%;
  padding: 10px;
  outline: none;
  display: flex;
  cursor: pointer;
  font-size: 16px;
  min-height: 46px;
  margin-top: 12px;
  font-weight: 500;
  align-items: center;
  border-radius: 3px;
  justify-content: center;
  background: #FFFFFF;
  color: #3B4454;
  border: 1px solid #D4DBE1;
}
.infoLibrary__options button:first-child, .infoLibrary__options .button:first-child {
  margin-top: 0px;
}
.infoLibrary__options button:hover, .infoLibrary__options .button:hover {
  color: #1957A8;
  transition: all 0.3s ease 0s;
  border-color: #1957A8;
}
.infoLibrary__options button.blue, .infoLibrary__options .button.blue {
  height: 46px;
  color: #FFFFFF;
  background: #5987C2;
}
.infoLibrary__options__separator {
  margin-top: 12px;
  border-bottom: 1px solid #ECF0F3;
}
.infoLibrary__options__public .throbber {
  transform: translateY(-11px);
}
.infoLibrary__options__delete {
  display: flex;
  align-items: center;
  justify-content: center;
}
.infoLibrary__options__delete svg {
  margin-right: 8px;
}
.infoLibrary__options__delete svg use.delete {
  fill: #3B4454;
}
.infoLibrary__options__delete:hover use.delete {
  fill: #1957A8;
}

div.viewer3d {
  width: 100%;
  height: 500px;
}
div.viewer3d + div {
  margin-top: 26px;
}
@media screen and (min-width: 1200px) {
  div.viewer3d {
    height: 600px;
  }
}
@media screen and (max-width: 600px) {
  div.viewer3d {
    height: 360px;
  }
}
div.viewer3d .processing {
  position: relative;
  height: 100%;
  display: flex;
}
div.viewer3d .viewer {
  position: relative;
  height: 100%;
}

div.hud-element {
  width: 120px;
  height: 120px;
  float: left;
  position: absolute;
  z-index: 100;
}

div.editorContainer {
  position: relative;
  left: 0px;
  top: 0px;
}

div.editorContainer canvas {
  position: absolute;
  left: 0px;
  top: 0px;
}

.libraryPreview {
  width: 100%;
}
.libraryPreview__container {
  height: 75vh;
  display: flex;
  max-height: 800px;
  border: 1px solid #D4DBE1;
  background-color: #fbf9f9;
}
.libraryPreview__container__elements {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  border-right: 1px solid #D4DBE1;
}
@media (min-width: 828px) {
  .libraryPreview__container__elements {
    width: 50%;
    display: block;
  }
}
.libraryPreview__container__elements__titles {
  font-size: 15px;
  height: 33px;
  display: flex;
  overflow: hidden;
  flex-wrap: wrap;
  position: relative;
  border-bottom: 1px solid #D4DBE1;
  background-color: #D4DBE1;
}
.libraryPreview__container__elements__titles div {
  padding: 4px 6px;
  min-width: 103px;
  font-weight: 600;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  color: #393939;
  width: calc((100% - 26px) / 5);
  border-right: 1px solid #ECF0F3;
}
.libraryPreview__container__elements__titles div::last-child {
  border-right: none;
}
.libraryPreview__container__elements__header {
  position: relative;
}
.libraryPreview__container__elements__header__arrow {
  position: absolute;
  top: -2px;
  left: 2px;
  transform: rotate(-90deg);
}
.libraryPreview__container__elements__header__title {
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  padding-left: 16px;
  color: #393939;
  background: #E6F4FB;
}
.libraryPreview__container__elements__cont {
  width: 100%;
  height: 24px;
  overflow: hidden;
  transition: all 0.5s;
  background-color: #FFFFFF;
  border-right: 1px solid #D4DBE1;
  border-bottom: 2px solid #D4DBE1;
}
.libraryPreview__container__elements__cont.show {
  height: auto;
}
.libraryPreview__container__elements__cont.show .libraryPreview__container__elements__header__arrow {
  position: absolute;
  top: -4px;
  left: 4px;
  transform: rotate(0deg);
}
.libraryPreview__container__details {
  width: 50%;
  height: 100%;
  display: none;
  padding: 20px;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (min-width: 828px) {
  .libraryPreview__container__details {
    display: block;
  }
}
.libraryPreview__container__details__info {
  color: #393939;
}
.libraryPreview__container__details__info__name {
  font-size: 22px;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  text-transform: capitalize;
}
.libraryPreview__container__details__info__title {
  font-size: 16px;
}
.libraryPreview__container__details__info__contElements, .libraryPreview__container__details__info__contInfo {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #D4DBE1;
  font-size: 15px;
}
.libraryPreview__container__details__info__contElements p, .libraryPreview__container__details__info__contInfo p {
  margin: 0px;
  width: 50%;
}
.libraryPreview__container__details__info__contElements .name, .libraryPreview__container__details__info__contInfo .name {
  font-weight: 400;
}
.libraryPreview__container__details__info__contInfo {
  border: none;
}
.libraryPreview__container__details__info__contInfo .name {
  font-weight: 600;
}
.libraryPreview__container__details .contFrame {
  width: calc(100% + 43px);
  transform: translate(-21px, -21px);
}
.libraryPreview__container__details .contFrame iframe {
  height: 300px;
  max-height: initial;
}
.libraryPreview__separator {
  margin-top: 16px;
  border-top: 1px solid #D4DBE1;
}
.libraryPreview__instructions {
  display: flex;
  margin-top: 30px;
  background-color: #CCEAF9;
  border: 1px solid #66BFE9;
}
.libraryPreview__instructions__contIcon {
  min-width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0696D7;
}
.libraryPreview__instructions__contIcon use.info {
  fill: #FFFFFF;
  stroke: #FFFFFF;
}
.libraryPreview__instructions__text {
  padding: 16px;
}
.libraryPreview__instructions .eagle {
  text-decoration: underline;
}
.libraryPreview .throbber {
  height: 24px;
}

.elementPreview {
  height: 33px;
  display: flex;
  flex-wrap: wrap;
  cursor: pointer;
  position: relative;
  align-items: center;
  padding-right: 26px;
  background: #ECF0F3;
  border-top: 1px solid #D4DBE1;
}
.elementPreview.explicit {
  background: #FFFFFF;
}
.elementPreview use.icon {
  fill: #8d9eb0;
}
.elementPreview > div {
  padding: 4px 6px;
  overflow: hidden;
  min-width: 103px;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  width: 20%;
  font-weight: 300;
  font-size: 15px;
}
.elementPreview > div.elementPreview__warning {
  right: 6px;
  width: 22px;
  height: 22px;
  padding: 0px;
  min-width: 22px;
  overflow: visible;
  position: absolute;
}
.elementPreview > div.elementPreview__warning use.warning {
  fill: #FDC36D;
  stroke: #FDC36D;
}
.elementPreview > div.elementPreview__warning .elementPreview__warning__info {
  top: -3px;
  right: 32px;
  z-index: 1;
  width: 130px;
  display: none;
  margin: 0 auto;
  font-size: 12px;
  font-weight: 700;
  border-radius: 4px;
  position: absolute;
  color: #FFFFFF;
  padding: 5px 8px 5px 8px;
  background: #000000;
}
.elementPreview > div.elementPreview__warning .elementPreview__warning__info::before {
  content: "";
  top: 18%;
  width: 0;
  height: 0;
  right: -5px;
  margin-top: 4px;
  position: absolute;
  transform: rotate(-136deg);
  border-right: 5px solid transparent;
  border-top: 5px solid transparent;
  border-left: 5px solid #000000;
  border-bottom: 5px solid #000000;
}
.elementPreview > div.elementPreview__warning:hover .elementPreview__warning__info {
  display: block;
}
.elementPreview.selected {
  color: #FFFFFF;
  background: #0696D7;
}
.elementPreview.selected use.icon {
  fill: #FFFFFF;
}
.elementPreview.selected .elementPreview__warning use.warning {
  fill: #FFFFFF;
  stroke: #FFFFFF;
}
.elementPreview__icon {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.elementPreview__name {
  font-weight: 600 !important;
}

.detailsElementPreview {
  width: 100%;
  margin: 0px;
  font-size: 15px;
}
.detailsElementPreview__name {
  font-size: 20px;
  font-weight: 700;
}
.detailsElementPreview__details {
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px;
}
.detailsElementPreview__details .property {
  font-weight: 600;
}
.detailsElementPreview p {
  width: 50%;
  margin: 0px;
  text-transform: capitalize;
}
.detailsElementPreview use.icon {
  fill: #8d9eb0;
}
.detailsElementPreview__contains {
  margin-top: 20px;
}
.detailsElementPreview__contains h3 {
  font-size: 16px;
  font-weight: 600;
}
.detailsElementPreview__contains h3.usedIn {
  margin-top: 20px;
}
.detailsElementPreview__contains__details {
  display: flex;
  cursor: pointer;
  padding: 4px 8px;
  flex-wrap: nowrap;
  align-items: center;
  background: #ECF0F3;
  border: 1px solid #BEC8D2;
}
.detailsElementPreview__contains__details .icon {
  display: flex;
  min-width: 22px;
  margin-right: 6px;
  background-repeat: no-repeat;
  background-position: center;
}
.detailsElementPreview__contains__details .name, .detailsElementPreview__contains__details .summary {
  width: calc(55% - 40px);
  margin-left: 10px;
  overflow: hidden;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
}
.detailsElementPreview__contains__details .summary {
  width: 45%;
}

.import-library__title {
  font-size: 30px;
  font-weight: 500;
}
.import-library__description {
  margin-top: 20px;
  font-style: italic;
  font-weight: 400;
  color: #666666;
}

.import-library__form {
  background: white;
  padding: 20px;
  margin-top: 1rem;
  margin-bottom: 1rem;
  justify-content: space-between;
  border: 1px #ECF0F3 solid;
  border-radius: 3px;
}
.import-library__form .form__text {
  flex: 0.95;
  border-radius: 4px;
  border: 1px #ECF0F3 solid;
}

.newVersion {
  padding: 30px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  margin-bottom: 30px;
  background: #F2F2F2;
  border: 4px solid #5987C2;
}
.newVersion section {
  width: 100%;
}
.newVersion__title {
  font-size: 30px;
  font-weight: 500;
}
.newVersion__name {
  font-weight: 700;
}
.newVersion__separator {
  margin-left: -30px;
  margin-bottom: 30px;
  width: calc(100% + 60px);
  border-top: 2px solid #D4DBE1;
}
.newVersion__row {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.newVersion__row:last-child {
  margin-bottom: 0px;
}
.newVersion__row input[type=radio] {
  margin-right: 10px;
}
.newVersion__row label {
  margin: 0px;
  font-weight: 600;
  margin-right: 10px;
}
.newVersion__row input[type=text] {
  padding: 6px 10px;
  width: calc(100% - 186px);
}
.newVersion__row.buttons {
  justify-content: flex-end;
}
.newVersion__row.buttons .transparent {
  margin-right: 16px;
}
.newVersion__row__fileName {
  margin-left: 16px;
}
.newVersion__row .radioContainer {
  margin-right: 10px;
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.newVersion__row .radioContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.newVersion__row .checkmark {
  position: absolute;
  top: -4px;
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #FFFFFF;
  border: 1px solid #D4DBE1;
}
.newVersion__row .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.newVersion__row .radioContainer input:checked ~ .checkmark:after {
  display: block;
}
.newVersion__row .radioContainer .checkmark:after {
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  margin-left: -6px;
  border-radius: 50%;
  background: #939CA5;
}

.contInconsistent {
  width: 100%;
  margin: 0 auto;
  max-width: 500px;
  text-align: center;
  color: #FFFFFF;
}
.contInconsistent__iconWarning svg path, .contInconsistent__iconWarning svg polygon {
  fill: #FDC36D;
}
.contInconsistent__iconWarning svg circle {
  stroke: #FDC36D;
}
.contInconsistent__iconSuccess svg path, .contInconsistent__iconSuccess svg polygon {
  fill: #87BC40;
}
.contInconsistent__iconSuccess svg circle {
  stroke: #87BC40;
}
.contInconsistent h2 {
  font-weight: 500;
  margin-bottom: 10px;
}
.contInconsistent .name {
  font-weight: 700;
}
.contInconsistent .contButtons {
  display: flex;
  margin: 0px 20%;
  margin-top: 30px;
  justify-content: space-around;
}
.contInconsistent .contButtons .transparent {
  color: #FFFFFF;
  background: transparent;
}
.contInconsistent .contButtons .transparent:hover {
  background: #0671A1;
}

.importProgress {
  width: 300px;
  display: flex;
  margin: 0 auto;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  flex-direction: column;
  color: #FFFFFF;
}
.importProgress__message {
  margin-bottom: 10px;
}
.importProgress__bar {
  height: 27px;
  min-width: 42px;
  border-radius: 20px;
  transition: all 500ms;
  background: #0671A1;
}

.selectSort .dropdown {
  background: white;
}
.selectSort .dropdown .button {
  width: 150px;
  max-width: 150px;
  font-weight: 600;
}
.selectSort .dropdown .button:hover {
  color: #939CA5;
}
.selectSort .dropdown__text::before {
  background: url(873f662a53e91ab800dd.svg);
}

.modalHub {
  width: 80%;
  padding: 16px;
  margin: 0 auto;
  background: #FFFFFF;
  border-radius: 3px;
}
.modalHub.fifty, .modalHub.seventy {
  width: calc(100% - 38px);
}
@media (min-width: 828px) {
  .modalHub.fifty, .modalHub.seventy {
    width: 70%;
  }
}
@media (min-width: 1084px) {
  .modalHub {
    width: 800px;
  }
  .modalHub.fifty {
    width: 500px;
  }
  .modalHub.seventy {
    width: 700px;
  }
}
.modalHub header {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding-bottom: 10px;
  justify-content: space-between;
  border-bottom: 1px solid #D4DBE1;
}
.modalHub header h2 {
  font-size: 20px;
  font-weight: 400;
}
.modalHub header button {
  width: 18px;
  height: 18px;
  border: none;
  outline: none;
  cursor: pointer;
  background: url(68869fbe8bc2a73426f1.svg);
  background-size: contain;
}
.modalHub img {
  width: 100%;
  margin: 0 auto;
}
.modalHub p {
  font-size: 14px;
}
.modalHub [disable=true] {
  cursor: auto;
  opacity: 0.6;
}
.modalHub .clear {
  width: 100%;
  height: 10px;
}
.modalHub .bold {
  font-weight: 700;
}
.modalHub .button {
  margin-left: 14px;
}
.modalHub .button.transparent {
  color: #485366;
}
.modalHub .button.transparent:hover {
  color: #FFFFFF;
}
.modalHub footer {
  display: flex;
  margin-top: 10px;
  justify-content: flex-end;
}

.coverHub {
  color: #FFFFFF;
  background: #222934;
}
.coverHub .container {
  display: flex;
  min-height: 160px;
  align-items: center;
  justify-content: space-between;
}
.coverHub p {
  font-size: 18px;
}
.coverHub__options {
  width: 90%;
}
.coverHub__options__settings {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.coverHub__options__settings svg {
  margin-top: -10px;
  margin-right: 12px;
}
.coverHub__options__settings h2 {
  max-width: 50%;
  font-size: 36px;
  overflow: hidden;
  min-width: 162px;
  min-height: 54px;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.coverHub__options__settings__icon {
  width: 26px;
  height: 25px;
  cursor: pointer;
  margin-left: 10px;
  margin-top: -7px;
  background: url(120001e9892f5f247860.svg);
  background-size: contain;
}
.coverHub__options__settings__typeUser {
  padding: 1px 10px;
  margin-left: 18px;
  border-radius: 3px;
  margin-top: -5px;
  border: 1px solid #FFFFFF;
  height: 27px;
}
.coverHub__options__members {
  display: flex;
  align-items: center;
}
.coverHub__options__members__manage {
  height: 28px;
  line-height: 0px;
  padding: 6px 10px;
  padding-left: 26px;
  position: relative;
  background: transparent;
  color: #FFFFFF;
  border-radius: 3px;
  border: 1px solid #FFFFFF;
}
.coverHub__options__members__manage::before {
  content: "";
  top: 50%;
  left: 5px;
  width: 16px;
  height: 17px;
  margin-top: -8px;
  position: absolute;
  background: url(84db5d36db1ffd652fa1.svg);
  background-size: contain;
}
.coverHub__options__members__avatars {
  display: flex;
  overflow: hidden;
  max-width: 166px;
  margin-left: 14px;
  align-items: center;
  justify-content: space-between;
}
.coverHub__options__members__avatars .avatar {
  margin: 0px 2px;
}
.coverHub__options__members__avatars .avatar:first-child {
  margin-left: 0px;
}
.coverHub__options__members__avatars .avatar:last-child {
  margin-right: 0px;
}
.coverHub__options__members__avatars .numberMembers {
  cursor: pointer;
}
.coverHub .dropdown__container {
  left: 50%;
  margin-left: -100px;
}
.coverHub .dropdown button {
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  width: 165px;
  max-width: 165px;
  height: 30px;
  margin-top: -34px;
  padding-right: 34px;
  padding-left: 8px;
  padding-bottom: 7px;
  font-size: 16px;
  height: 28px;
  line-height: 25px;
  font-weight: normal;
}
.coverHub .dropdown__text::before {
  content: "";
  background: url(9c2658a2a6749385624f.svg);
  background-repeat: no-repeat;
}
.coverHub .dropdown__text::after {
  background: #222934;
}
.coverHub .dropdown .list {
  width: 260px;
  margin-left: -130px;
}
.coverHub .dropdown .list div {
  padding: 6px 17px;
}
.coverHub .dropdown .list div span:first-child {
  width: calc(100% - 70px);
}
.coverHub .dropdown .list div span.typeUser {
  width: 65px;
  padding: 0px 4px;
  margin-left: 6px;
  border-radius: 3px;
  text-align: center;
  border: 1px solid #FFFFFF;
}
.coverHub .dropdown .list .--removed {
  opacity: 0.4;
}
.coverHub .dropdown .list div:last-child {
  position: relative;
  color: #0696D7 !important;
}
.coverHub .dropdown .list div:last-child::before {
  content: "";
  top: 0px;
  left: 14px;
  position: absolute;
  width: calc(100% - 28px);
  border-top: 1px solid #BEC8D2;
}

.createModalHub__contName {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.createModalHub__contName p {
  margin: 0px;
  color: #024B6C;
}
.createModalHub__contName p.warning {
  flex-grow: 1;
  display: none;
  margin-left: 86px;
  color: #EC4A41;
}
.createModalHub__contName input {
  padding: 6px;
  outline: none;
  font-size: 14px;
  border-radius: 3px;
  width: calc(100% - 96px);
  border: 1px solid #D4DBE1;
}
.createModalHub__contName input[disable=true] {
  cursor: auto;
  background: #BEC8D2;
}
.createModalHub__contName input.invalid {
  position: relative;
  border: 1px solid #EC4A41;
}
.createModalHub__contName input.invalid::before {
  position: absolute;
  content: "No use especial character";
}
.createModalHub__contName input.invalid + p.warning {
  display: block;
}

.updateModalHub {
  margin: 26px 0px;
}
.updateModalHub__contName {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.updateModalHub__contName p {
  margin: 0px;
  color: #024B6C;
}
.updateModalHub__contName p.warning {
  flex-grow: 1;
  display: none;
  margin-left: 86px;
  color: #EC4A41;
}
.updateModalHub__contName input {
  padding: 6px;
  outline: none;
  font-size: 14px;
  border-radius: 3px;
  width: calc(100% - 96px);
  border: 1px solid #D4DBE1;
}
.updateModalHub__contName input.invalid {
  position: relative;
  border: 1px solid #EC4A41;
}
.updateModalHub__contName input.invalid::before {
  position: absolute;
  content: "No use especial character";
}
.updateModalHub__contName input.invalid + p.warning {
  display: block;
}
.updateModalHub + footer .button.delete {
  margin: 0px;
  margin-right: auto;
  color: #EC4A41;
}
.updateModalHub + footer .button.delete:active, .updateModalHub + footer .button.delete:focus {
  background: none;
}

.manageMembersModalHub p {
  margin: 0px;
  font-weight: 600;
  color: #485366;
}
.manageMembersModalHub__head {
  display: flex;
  font-size: 14px;
  font-weight: 700;
  padding-bottom: 8px;
  border-bottom: 1px solid #939CA5;
}
.manageMembersModalHub__head__name {
  width: calc(30% - 10px);
  margin-left: 10px;
}
.manageMembersModalHub__head__email {
  width: 40%;
}
.manageMembersModalHub__container {
  height: 212px;
  overflow: auto;
  margin-bottom: 30px;
  border-top: 1px solid #D4DBE1;
  border-bottom: 1px solid #D4DBE1;
}
.manageMembersModalHub .invitesTitle {
  font-size: 20px;
  font-weight: 400;
  margin-top: 10px;
  text-align: center;
  padding-bottom: 10px;
}

.memberHub {
  display: flex;
  min-height: 44px;
  padding: 8px 0px;
  align-items: center;
  border-bottom: 1px solid #D4DBE1;
}
.memberHub:last-child {
  margin-bottom: 60px;
}
.memberHub.ownEntry {
  background: #ECF0F3;
}
.memberHub__info {
  display: flex;
  margin-left: 10px;
  align-items: center;
  width: calc(30% - 20px);
}
.memberHub__info p {
  margin-left: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.memberHub__email {
  margin-left: 10px;
  width: calc(40% - 10px);
}
.memberHub__email p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.memberHub__status {
  font-weight: 700;
  margin-left: 10px;
  width: calc(30% - 50px);
  color: #485366;
}
.memberHub__status .dropdown .button:hover {
  color: #939CA5;
}
.memberHub__remove {
  width: 14px;
  height: 14px;
  border: none;
  cursor: pointer;
  margin-left: 14px;
  background: url(68869fbe8bc2a73426f1.svg);
  background-size: contain;
}

.invitePeopleHub {
  padding: 16px;
  background: #F2F2F2;
}
.invitePeopleHub h3 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #485366;
}
.invitePeopleHub input {
  width: 100%;
  padding: 6px;
  outline: none;
  font-size: 14px;
  margin-bottom: 10px;
  color: #939CA5;
  border-radius: 3px;
  border: 1px solid #D4DBE1;
}
.invitePeopleHub input.invalid {
  border: 1px solid #EC4A41;
}
.invitePeopleHub p {
  font-size: 13px;
  font-weight: 700;
  color: #939CA5;
}
.invitePeopleHub .button {
  margin-left: 0px;
}

.userInfo {
  height: 30px;
  position: relative;
}
.userInfo h3 {
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.userInfo h4 {
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #666666;
}
.userInfo .button.noButton {
  width: 30px;
  margin: 0px;
  min-width: 30px;
  max-width: 30px;
}
.userInfo__container {
  top: 26px;
  right: -16px;
  z-index: -1;
  opacity: 0;
  padding: 20px;
  max-width: 240px;
  margin-top: 16px;
  border-radius: 4px;
  position: absolute;
  background: #FFFFFF;
  box-shadow: 0px -4px 10px rgba(140, 140, 140, 0.6);
  transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.userInfo__container.--show {
  opacity: 1;
  z-index: 2;
}
.userInfo__container::before {
  content: "";
  width: 0;
  height: 0;
  top: -20px;
  right: 20px;
  position: absolute;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #FFFFFF;
}
.userInfo__container__options {
  display: flex;
  margin-top: 20px;
}
.userInfo__container .button {
  height: 28px;
  line-height: 26px;
}
.userInfo__container .button:not(.transparent) {
  color: #FFFFFF;
}
.userInfo__container .button:first-child {
  margin-right: 10px;
}
.userInfo__movileContainer h3 {
  display: none;
}
@media (max-width: 1084px) {
  .userInfo {
    height: auto;
  }
  .userInfo__movileContainer {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .userInfo__movileContainer h3 {
    display: block;
    margin-left: 10px;
    color: #FFFFFF;
  }
  .userInfo__container {
    top: auto;
    z-index: 2;
    opacity: 1;
    right: auto;
    padding: 0px;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
    background: transparent;
  }
  .userInfo__container::before {
    content: none;
  }
  .userInfo__container h3, .userInfo__container h4 {
    display: none;
  }
  .userInfo__container__options {
    display: flex;
    margin-top: 12px;
    margin-bottom: 4px;
    justify-content: space-evenly;
  }
  .userInfo__container__options .button {
    margin: 0px;
    width: 102px;
    font-size: 14px;
  }
}

.dropdown {
  display: flex;
  max-width: 200px;
  position: relative;
  align-items: center;
}
.dropdown .button {
  margin: 0px;
  width: 140px;
  padding: 0px;
  max-width: 150px;
  padding-right: 30px;
}
.dropdown .button:hover, .dropdown .button:active, .dropdown .button:focus {
  background: transparent;
}
.dropdown__text, .dropdown__icon {
  position: relative;
  font-weight: bold;
  padding-right: 46px;
  color: #939CA5;
  background-color: transparent;
  border-color: #D4DBE1;
}
.dropdown__text::before, .dropdown__icon::before {
  content: "";
  top: 50%;
  z-index: 1;
  right: 8px;
  width: 13px;
  height: 8px;
  margin-top: -4px;
  position: absolute;
  background: url(9c2658a2a6749385624f.svg);
  background-repeat: no-repeat;
}
.dropdown__text::after {
  content: "";
  top: 0;
  right: 0px;
  width: 30px;
  height: 100%;
  position: absolute;
  background: #FFFFFF;
  border-left: solid 1px #D4DBE1;
}
.dropdown__container {
  z-index: 2;
  opacity: 0;
  display: none;
  padding: 3px 0px;
  position: absolute;
  transition: all 1s;
  border-radius: 3px;
  align-items: center;
  top: calc(100% + 2px);
  justify-items: center;
  flex-direction: column;
  width: calc(100% - 5px);
  background: #FFFFFF;
  border: 1px solid #BEC8D2;
  box-shadow: 0px 1px 10px #D4DBE1;
}
.dropdown__container.show {
  opacity: 1;
  display: flex;
}
.dropdown__container.arrow::before, .dropdown__container.arrow::after {
  content: "";
  top: 0px;
  width: 0;
  height: 0;
  left: 18px;
  margin-top: -24px;
  position: absolute;
  border-right: 12px solid transparent;
  border-top: 12px solid transparent;
  border-left: 12px solid transparent;
  border-bottom: 12px solid #D4DBE1;
}
.dropdown__container.arrow::after {
  content: "";
  margin-top: -22px;
  border-bottom: 12px solid #FFFFFF;
}
.dropdown__container .list-item {
  width: 100%;
  margin: 0px;
  border: none;
  display: flex;
  text-align: left;
  margin-left: 0px;
  padding: 3px 10px;
  font-weight: bold;
  align-items: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  justify-content: space-between;
  color: #939CA5;
}
.dropdown__container .list-item span {
  font-size: 14px;
}
.dropdown__container .list-item span:first-child {
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
}
.dropdown__container .list-item:hover {
  margin: 0px;
  cursor: pointer;
  border-radius: 0;
  background-color: #E3EAF4;
}
.dropdown__container .list-item:hover .tooltip:not(.generalTooltip) {
  display: block;
}
.dropdown__container .list-item.selected {
  display: flex;
  position: relative;
  align-items: center;
  color: #FFFFFF;
  background: #5987C2;
}
.dropdown:hover .generalTooltip {
  display: block;
}
.dropdown .tooltip {
  right: calc(100% + 4px);
  width: auto;
  height: auto;
  min-width: 60%;
  display: none;
  max-width: 100%;
  font-size: 12px;
  font-weight: 700;
  border-radius: 4px;
  position: absolute;
  white-space: initial;
  color: #FFFFFF;
  padding: 5px 8px 5px 8px;
  background: #000000;
}
.dropdown .tooltip.generalTooltip {
  min-width: 100%;
}
.dropdown .tooltip::before {
  content: "";
  top: 50%;
  width: 0;
  height: 0;
  right: -5px;
  margin-top: -5px;
  position: absolute;
  transform: rotate(45deg);
  border-left: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-top: 5px solid #000000;
  border-right: 5px solid #000000;
}

.hero {
  overflow: hidden;
  position: relative;
  min-height: 30vh;
  background: url(49ba7e5615d7c1a3b4e7.png);
  background-size: cover;
  background-position: 44% center;
}
@media (min-width: 828px) {
  .hero {
    padding-bottom: 200px;
  }
}

.hero__clogin {
  display: flex;
  justify-content: space-between;
}

.hero__head {
  font-size: 30px;
  color: #FFFFFF;
  margin-right: 60px;
  margin-top: 0.5rem;
}
@media (min-width: 828px) {
  .hero__head {
    margin-right: 0px;
  }
}
.hero__head span {
  font-weight: 600;
}

.hero__tagline {
  text-align: left;
  margin-top: 10px;
  margin-left: 0px;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 5px;
  font-size: 25px;
}
@media (min-width: 572px) {
  .hero__tagline {
    font-size: 30px;
    margin-top: 10px;
    line-height: 26px;
    margin-bottom: 15px;
  }
}
@media (min-width: 828px) {
  .hero__tagline {
    font-size: 40px;
    line-height: 46px;
  }
}
@media (min-width: 1084px) {
  .hero__tagline {
    font-size: 50px;
    margin-top: 55px;
    line-height: 74px;
    margin-left: 50px;
  }
}

.hero__desc {
  color: white;
  font-size: 20px;
  margin-left: 0px;
}
@media (max-width: 572px) {
  .hero__desc {
    font-size: 15px;
  }
}
@media (min-width: 1084px) {
  .hero__desc {
    margin-left: 50px;
    font-size: 25px;
  }
}

.hero__try {
  height: auto;
  padding: 7px 30px;
  font-size: 22px;
  margin-top: 34px;
  margin-left: 0px;
}
.hero__try.button {
  margin-bottom: 15px;
}
@media (min-width: 572px) {
  .hero__try.button {
    margin-left: 0px;
  }
}
@media (min-width: 828px) {
  .hero__try.button {
    margin-left: 0px;
  }
}
@media (min-width: 1084px) {
  .hero__try.button {
    margin-left: 50px;
    margin-bottom: 0px;
  }
}

.intro {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #F2F2F2;
}
.intro__title {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;
  align-items: center;
  justify-content: flex-start;
}
@media (min-width: 1084px) {
  .intro__title {
    flex-wrap: nowrap;
  }
}
.intro__title h3 {
  width: 100%;
  text-align: center;
  margin: 0px;
  font-size: 30px;
  margin-right: 32px;
}
@media (min-width: 1084px) {
  .intro__title h3 {
    width: 90%;
    font-size: 34px;
    text-align: left;
    color: gray;
  }
}
.intro__title .text {
  width: 100%;
  margin: 0px;
  font-size: 18px;
  text-align: center;
}
@media (min-width: 1084px) {
  .intro__title .text {
    font-size: 20px;
    text-align: left;
  }
}
.intro__tap {
  z-index: 1;
  display: flex;
  position: relative;
  align-items: center;
  margin-bottom: 30px;
  padding-bottom: 16px;
  border-bottom: 1px solid #BEC8D2;
}
.intro__tap__option {
  cursor: pointer;
  font-size: 22px;
  font-weight: 600;
  margin-right: 20px;
  position: relative;
  color: #939CA5;
}
.intro__tap__option.active {
  color: #5987C2;
}
.intro__tap__pointer {
  left: 0px;
  width: 96px;
  height: 5px;
  bottom: -3px;
  position: absolute;
  transition: all 0.5s;
  background: #5987C2;
}
.intro__tap__buttonArea {
  margin-top: 10px;
  width: 100%;
  height: 50px;
}
.intro__tap__buttonArea button {
  float: right;
}
.intro .viewAll {
  display: block;
  font-size: 18px;
  max-width: 218px;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 42px;
}
.intro .viewAll a {
  text-decoration: none;
  color: #FFFFFF;
}
.intro .viewAll a:hover {
  text-decoration: none;
}

.close {
  display: flex;
  min-height: 30vh;
  padding: 50px 0px;
  text-align: center;
  align-items: center;
  justify-content: center;
  background: #222934;
}

.close__head {
  font-size: 24px;
  font-weight: 400;
  line-height: 40px;
  color: #FFFFFF;
}
@media (min-width: 828px) {
  .close__head {
    font-size: 40px;
  }
}

.close__signUp {
  width: 276px;
  height: auto;
  font-size: 18px;
  margin-top: 20px;
  padding: 10px 30px;
}

.explore .showAll {
  width: 98%;
  margin: 0 auto 40px auto;
}
.explore .showAll button {
  width: 100%;
  padding: 12px;
  outline: none;
  cursor: pointer;
  font-weight: 700;
  background: transparent;
  color: #939CA5;
  border: 1px solid #D4DBE1;
}

.explore .overview .cards.-grid .card {
  width: calc(100% - 18px);
  margin: 8px 8px 20px 8px;
}
@media (min-width: 572px) {
  .explore .overview .cards.-grid .card {
    width: calc(50% - 18px);
  }
}
@media (min-width: 828px) {
  .explore .overview .cards.-grid .card {
    width: calc(33.3333333333% - 18px);
  }
}
@media (min-width: 1084px) {
  .explore .overview .cards.-grid .card {
    width: calc(33.3333333333% - 18px);
  }
}
@media (min-width: 1380px) {
  .explore .overview .cards.-grid .card {
    width: calc(16.6666666667% - 16px);
  }
}

.detail {
  padding: 30px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  margin-bottom: 30px;
  min-height: calc(100vh - 60px);
  background: #F2F2F2;
  border: 4px solid #5987C2;
}

.contFrame {
  width: 100%;
  overflow: hidden;
  position: relative;
  border: 1px solid #CCCCCC;
}

iframe {
  width: 100%;
  height: 75vh;
  border: none;
  max-height: 600px;
  margin-bottom: -10px;
}

.detail.library iframe {
  max-height: 697px;
}

.pageNotFound {
  text-align: center;
}
.pageNotFound__title {
  width: 100%;
  margin: 0 auto;
  font-size: 24px;
  margin-top: 80px;
  max-width: 708px;
  font-weight: 600;
  padding: 0px 20px;
  border-bottom: 1px solid #939CA5;
}
.pageNotFound__description {
  margin-top: 30px;
  margin-bottom: 80px;
  color: #999999;
}
.pageNotFound .signOut:hover {
  cursor: pointer;
}

ul.pagination {
  margin: 20px 0px;
  padding: 0px;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none;
  user-select: none;
}
ul.pagination li.item {
  min-width: 38px;
  cursor: pointer;
  display: inline;
  border-left: 1px solid #ECF0F3;
  border-top: 1px solid #ECF0F3;
  border-bottom: 1px solid #ECF0F3;
  padding: 5px 10px;
  background: white;
}
ul.pagination li.item:first-child {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
ul.pagination li.item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-right: 1px solid #ECF0F3;
}
ul.pagination li.active {
  background-color: #5987C2;
  color: white;
}
ul.pagination li.active:hover {
  background-color: #1957A8;
}
ul.pagination li:hover {
  background-color: #ECF0F3;
  transition: all 0.3s ease 0s;
}

.searchPackages {
  background: #FFFFFF;
}
.searchPackages .flex {
  display: flex;
}
.searchPackages .spaceBetween {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.searchPackages .spaceAround {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.searchPackages__separator {
  height: 45px;
}
.searchPackages .searchbox {
  top: -18px;
  right: 264px;
  width: 294px;
  z-index: 10;
  padding: 4px 10px;
  position: fixed;
}
.searchPackages .menu {
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 45px;
  position: fixed;
  justify-content: flex-end;
  background: #FFFFFF;
  border-bottom: 1px solid #D4DBE1;
}
.searchPackages .menu__contOption {
  font-weight: 800;
  margin-right: auto;
  color: #0696D7;
}
.searchPackages .menu__contOption__option {
  height: 45px;
  cursor: pointer;
  padding: 10px 0px;
  margin-left: 20px;
}
.searchPackages .menu__contOption__option:hover, .searchPackages .menu__contOption__option.active {
  border-bottom: 1px solid #0696D7;
}
.searchPackages .menu__newPackages {
  height: 45px;
  display: flex;
  padding: 0px 10px;
  align-items: center;
  border-left: 1px solid #D4DBE1;
  border-right: 1px solid #D4DBE1;
}
.searchPackages .menu__icon {
  width: 24px;
  cursor: pointer;
  margin: 0px 20px;
}
.searchPackages .menu__icon div {
  width: 24px;
  height: 17px;
  background: url(d0fafa09ee4243dcb17f.svg);
  background-size: contain;
}
.searchPackages .menu__icon div.grid {
  background: url(4db43a81a21bfb45ac0a.svg);
  background-size: contain;
}
.searchPackages .header {
  padding: 10px 14px;
  flex-wrap: nowrap;
  box-shadow: none;
  border-bottom: 1px solid #D4DBE1;
}
.searchPackages .header div {
  font-weight: 800;
  text-align: center;
}
.searchPackages .header__items {
  height: 24px;
  flex-wrap: wrap;
  overflow: hidden;
  align-items: center;
}
.searchPackages .header__items div {
  cursor: pointer;
  min-width: 120px;
  color: #0696D7;
}
.searchPackages .header__items div:nth-child(2) {
  min-width: 160px;
}
.searchPackages .header__items div.header__items__total {
  cursor: auto;
  min-width: 100px;
  margin-right: 54px;
  color: #BEC8D2;
}
.searchPackages .header__sort {
  min-width: 210px;
  max-width: 300px;
  margin-left: auto;
  color: #0696D7;
}
.searchPackages .header__sort select {
  width: 110px;
  font-weight: 800;
  margin-left: 10px;
  color: #0696D7;
  background: #FFFFFF;
  border: 1px solid #D4DBE1;
}
.searchPackages__content.cards {
  margin: 0px;
}
.searchPackages__content.cards.-list .card {
  margin: 0;
  width: 100%;
  margin: 0;
  height: auto;
  border: none;
  flex-wrap: nowrap;
  align-items: center;
  padding: 10px 10px 10px 20px;
  border-bottom: 1px solid #D4DBE1;
}
.searchPackages__content.cards.-list .card__image {
  width: 60px;
  min-width: 60px;
  min-height: 60px;
}
.searchPackages__content.cards.-list .card__image .switch {
  margin-left: 70px;
  margin-right: 0px;
}
.searchPackages__content.cards.-list .card .switchThumbnail {
  left: calc(-100% - 6px);
}
.searchPackages__content.cards.-list .card__details {
  padding: 0px;
  cursor: pointer;
  min-width: 160px;
  max-width: 160px;
  overflow: hidden;
  margin-left: 24px;
  text-overflow: ellipsis;
}
.searchPackages__content.cards.-list .card__details * {
  font-weight: 800;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  color: #0696D7;
}
.searchPackages__content.cards.-list .card__details .card__details__owner {
  display: block;
  font-size: 12px;
  font-weight: initial;
}
.searchPackages__content.cards.-list .card__properties {
  height: 24px;
  flex-wrap: wrap;
  overflow: hidden;
  align-items: center;
}
.searchPackages__content.cards.-list .card__properties__name {
  min-width: 120px;
  max-width: 120px;
  text-align: center;
}
.searchPackages__content.cards.-list .card__info {
  max-width: 190px;
  margin-left: auto;
  margin-right: 28px;
  justify-content: space-around;
}
.searchPackages__content.cards.-list .card .info__status, .searchPackages__content.cards.-list .card .card__date {
  display: none;
}

/*# sourceMappingURL=main.bundle.css.map*/