.boxSizing-contentBox, .avatar-team, .annotation-reference {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }

.boxSizing-borderBox, nav,
main,
section,
article,
aside,
header,
footer,
div,
details,
summary,
form,
fieldset,
textarea,
select,
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="search"],
input[type="number"],
input[type="password"],
input[type="submit"],
pre,
code,
a,
button,
nav:before,
main:before,
section:before,
article:before,
aside:before,
header:before,
footer:before,
div:before,
details:before,
summary:before,
form:before,
fieldset:before,
textarea:before,
pre:before,
code:before,
a:before,
button:before,
nav:after,
main:after,
section:after,
article:after,
aside:after,
header:after,
footer:after,
div:after,
details:after,
summary:after,
form:after,
fieldset:after,
textarea:after,
pre:after,
code:after,
a:after,
button:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.position-fixed, .modal-overlay {
  position: fixed;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  /* 1 */ }

.position-absolute, .aspectRatio-content, .verticallyCenter-absolute, .visuallyHidden, .is-loading:after, .marvel-comment-loading:after, .avatar-img, .avatar-team, .select:after, .select-toggle:after, .form-control input, .form-control-indicator, .radio-tick, .buttonGroup div:not(:last-child) .button:hover:before,
.buttonGroup div.active:not(:last-child) .button:before, .button--xl:after, .button--l:after, .button--m:after, .button--responsive:after, .button--s:after, .button--xs:after, .button.is-sad:before, .button--stateful:before, .uiIcon--xl:after, .uiIcon--l:after, .uiIcon--m:after, .uiIcon--s:after, .uiIcon--xs:after, .uiIcon .svgIcon, .popover, .popover.has-caret:after, .modal-icon:before,
.modal-icon:after, .modal-iconClose, .modal-iconBack, .modal-container, .antiscroll-scrollbar, .divider-with-text:before,
.divider-with-text:after, .marvel-comment-loading, #annotations-sidebar .annotations-inner:after, #annotations-sidebar .comment-area, #annotations-sidebar .comment-area:before, .annotation:after, .annotation-reference, .annotation-reference:after, .prototype-modal {
  position: absolute; }

.position-relative, .aspectRatio, .verticallyCenter, .avatar, .select, .select-toggle, .form-control, .buttonGroup .button, .button.is-loading, .button.marvel-comment-loading,
.button--flat.is-loading, .button--flat.marvel-comment-loading, .button.is-sad, .logoWrap, .button--stateful, .uiIcon, .uiIcon.is-loading, .uiIcon.marvel-comment-loading, .popover-select-item, .modal, .antiscroll-wrap, .divider-with-text, .emoji-container, .emoji-group-heading {
  position: relative; }

.position-static {
  position: static; }

@media screen and (min-width: 480px) {
  .breakPointS-position-fixed {
    position: fixed;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    /* 1 */ }
  .breakPointS-position-absolute {
    position: absolute; }
  .breakPointS-position-relative {
    position: relative; }
  .breakPointS-position-static {
    position: static; } }

@media screen and (min-width: 768px) {
  .breakPointM-position-fixed {
    position: fixed;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    /* 1 */ }
  .breakPointM-position-absolute {
    position: absolute; }
  .breakPointM-position-relative {
    position: relative; }
  .breakPointM-position-static {
    position: static; } }

@media screen and (min-width: 1180px) {
  .breakPointL-position-fixed {
    position: fixed;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    /* 1 */ }
  .breakPointL-position-absolute {
    position: absolute; }
  .breakPointL-position-relative {
    position: relative; }
  .breakPointL-position-static {
    position: static; } }

.display-none, .uiIcon.is-loading .svgIcon, .uiIcon.marvel-comment-loading .svgIcon, .comment-tree.is-completed .marvel-comment .js-comment-edit-comment {
  display: none; }

.display-block, .truncateText, .popover-select-title, .popover-select-subtitle, .is-loading:after, .marvel-comment-loading:after, .select:after, .form-control-indicator, .buttonGroup div:not(:last-child) .button:hover:before,
.buttonGroup div.active:not(:last-child) .button:before, .button.is-sad:before, pre, .popover.has-caret:after, .popover-list a, .modal-icon:before,
.modal-icon:after, .comment-tree:after {
  display: block; }

.display-inline {
  display: inline; }

.display-inlineBlock, .inline > div, .inputGroup > div, .buttonGroup > div, .inputGroup-context, .select, .select select, .select-toggle, .form-control, .button, .logoWrap, .button--stateful span, .uiIcon, .antiscroll-wrap, .emoji-group-label, .emoji-picker-autocomplete a {
  display: inline-block; }

.display-inlineTable {
  display: inline-table; }

.display-table, .cf:before, .inline:before, .inputGroup:before, .buttonGroup:before, .pageWrap:before, .grid:before, .uiIcon:before, .modal:before, .info-message:before, .emoji-group:before,
.cf:after, .inline:after, .inputGroup:after, .buttonGroup:after, .pageWrap:after, .grid:after, .uiIcon:after, .modal:after, .info-message:after, .emoji-group:after {
  display: table;
  width: 100%; }

.display-tableCell {
  display: table-cell; }

.display-tableColumn {
  display: table-column; }

.display-tableRow {
  display: table-row; }

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

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

.display-grid {
  display: grid; }

.display-inlineGrid {
  display: inline-grid; }

.display-subgrid {
  display: subgrid; }

@media screen and (min-width: 480px) {
  .breakPointS-display-none {
    display: none; }
  .breakPointS-display-block {
    display: block; }
  .breakPointS-display-inline {
    display: inline; }
  .breakPointS-display-inlineBlock {
    display: inline-block; }
  .breakPointS-display-inlineTable {
    display: inline-table; }
  .breakPointS-display-table {
    display: table;
    width: 100%; }
  .breakPointS-display-tableCell {
    display: table-cell; }
  .breakPointS-display-tableColumn {
    display: table-column; }
  .breakPointS-display-tableRow {
    display: table-row; }
  .breakPointS-display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .breakPointS-display-inlineFlex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .breakPointS-display-grid {
    display: grid; }
  .breakPointS-display-inlineGrid {
    display: inline-grid; }
  .breakPointS-display-subgrid {
    display: subgrid; } }

@media screen and (min-width: 768px) {
  .breakPointM-display-none {
    display: none; }
  .breakPointM-display-block {
    display: block; }
  .breakPointM-display-inline {
    display: inline; }
  .breakPointM-display-inlineBlock {
    display: inline-block; }
  .breakPointM-display-inlineTable {
    display: inline-table; }
  .breakPointM-display-table {
    display: table;
    width: 100%; }
  .breakPointM-display-tableCell {
    display: table-cell; }
  .breakPointM-display-tableColumn {
    display: table-column; }
  .breakPointM-display-tableRow {
    display: table-row; }
  .breakPointM-display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .breakPointM-display-inlineFlex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .breakPointM-display-grid {
    display: grid; }
  .breakPointM-display-inlineGrid {
    display: inline-grid; }
  .breakPointM-display-subgrid {
    display: subgrid; } }

@media screen and (min-width: 1180px) {
  .breakPointL-display-none {
    display: none; }
  .breakPointL-display-block {
    display: block; }
  .breakPointL-display-inline {
    display: inline; }
  .breakPointL-display-inlineBlock {
    display: inline-block; }
  .breakPointL-display-inlineTable {
    display: inline-table; }
  .breakPointL-display-table {
    display: table;
    width: 100%; }
  .breakPointL-display-tableCell {
    display: table-cell; }
  .breakPointL-display-tableColumn {
    display: table-column; }
  .breakPointL-display-tableRow {
    display: table-row; }
  .breakPointL-display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .breakPointL-display-inlineFlex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .breakPointL-display-grid {
    display: grid; }
  .breakPointL-display-inlineGrid {
    display: inline-grid; }
  .breakPointL-display-subgrid {
    display: subgrid; } }

.width-10 {
  width: 10%; }

.width-15 {
  width: 15%; }

.width-20, .grid--5 > div {
  width: 20%; }

.width-25, .grid--4 > div {
  width: 25%; }

.width-30, .grid--7-3 > div:last-child {
  width: 30%; }

.width-33, .grid--3 > div {
  width: 33.3333%; }

.width-35 {
  width: 35%; }

.width-40, .grid--6-4 > div:last-child {
  width: 40%; }

.width-45 {
  width: 45%; }

.width-50, .grid--2 > div {
  width: 50%; }

.width-55 {
  width: 55%; }

.width-60, .grid--6-4 > div:first-child {
  width: 60%; }

.width-65 {
  width: 65%; }

.width-70, .grid--7-3 > div:first-child {
  width: 70%; }

.width-75 {
  width: 75%; }

.width-80 {
  width: 80%; }

.width-85 {
  width: 85%; }

.width-90, .pageWrap {
  width: 90%; }

.width-95 {
  width: 95%; }

.width-100, .grid--1 > div, .avatar-initials, .avatar--custom, .intl-tel-input, .textarea, .marvel-comment-inner[contenteditable="true"], .select select, .table, .comment-tree:after, #annotations-sidebar .annotations-inner:after, #annotations-sidebar .comment-area, #annotations-sidebar .comment-area:before {
  width: 100%; }

.width-auto {
  width: auto; }

@media screen and (min-width: 480px) {
  .breakPointS-width-10 {
    width: 10%; }
  .breakPointS-width-15 {
    width: 15%; }
  .breakPointS-width-20 {
    width: 20%; }
  .breakPointS-width-25 {
    width: 25%; }
  .breakPointS-width-30 {
    width: 30%; }
  .breakPointS-width-33 {
    width: 33.3333%; }
  .breakPointS-width-35 {
    width: 35%; }
  .breakPointS-width-40 {
    width: 40%; }
  .breakPointS-width-45 {
    width: 45%; }
  .breakPointS-width-50 {
    width: 50%; }
  .breakPointS-width-55 {
    width: 55%; }
  .breakPointS-width-60 {
    width: 60%; }
  .breakPointS-width-65 {
    width: 65%; }
  .breakPointS-width-70 {
    width: 70%; }
  .breakPointS-width-75 {
    width: 75%; }
  .breakPointS-width-80 {
    width: 80%; }
  .breakPointS-width-85 {
    width: 85%; }
  .breakPointS-width-90 {
    width: 90%; }
  .breakPointS-width-95 {
    width: 95%; }
  .breakPointS-width-100 {
    width: 100%; }
  .breakPointS-width-auto {
    width: auto; } }

@media screen and (min-width: 768px) {
  .breakPointM-width-10 {
    width: 10%; }
  .breakPointM-width-15 {
    width: 15%; }
  .breakPointM-width-20 {
    width: 20%; }
  .breakPointM-width-25 {
    width: 25%; }
  .breakPointM-width-30 {
    width: 30%; }
  .breakPointM-width-33 {
    width: 33.3333%; }
  .breakPointM-width-35 {
    width: 35%; }
  .breakPointM-width-40 {
    width: 40%; }
  .breakPointM-width-45 {
    width: 45%; }
  .breakPointM-width-50 {
    width: 50%; }
  .breakPointM-width-55 {
    width: 55%; }
  .breakPointM-width-60 {
    width: 60%; }
  .breakPointM-width-65 {
    width: 65%; }
  .breakPointM-width-70 {
    width: 70%; }
  .breakPointM-width-75 {
    width: 75%; }
  .breakPointM-width-80 {
    width: 80%; }
  .breakPointM-width-85 {
    width: 85%; }
  .breakPointM-width-90 {
    width: 90%; }
  .breakPointM-width-95 {
    width: 95%; }
  .breakPointM-width-100 {
    width: 100%; }
  .breakPointM-width-auto {
    width: auto; } }

@media screen and (min-width: 1180px) {
  .breakPointL-width-10 {
    width: 10%; }
  .breakPointL-width-15 {
    width: 15%; }
  .breakPointL-width-20 {
    width: 20%; }
  .breakPointL-width-25 {
    width: 25%; }
  .breakPointL-width-30 {
    width: 30%; }
  .breakPointL-width-33 {
    width: 33.3333%; }
  .breakPointL-width-35 {
    width: 35%; }
  .breakPointL-width-40 {
    width: 40%; }
  .breakPointL-width-45 {
    width: 45%; }
  .breakPointL-width-50 {
    width: 50%; }
  .breakPointL-width-55 {
    width: 55%; }
  .breakPointL-width-60 {
    width: 60%; }
  .breakPointL-width-65 {
    width: 65%; }
  .breakPointL-width-70 {
    width: 70%; }
  .breakPointL-width-75 {
    width: 75%; }
  .breakPointL-width-80 {
    width: 80%; }
  .breakPointL-width-85 {
    width: 85%; }
  .breakPointL-width-90 {
    width: 90%; }
  .breakPointL-width-95 {
    width: 95%; }
  .breakPointL-width-100 {
    width: 100%; }
  .breakPointL-width-auto {
    width: auto; } }

.height-5 {
  height: 5%; }

.height-10 {
  height: 10%; }

.height-15 {
  height: 15%; }

.height-20 {
  height: 20%; }

.height-25 {
  height: 25%; }

.height-30 {
  height: 30%; }

.height-35 {
  height: 35%; }

.height-40 {
  height: 40%; }

.height-45 {
  height: 45%; }

.height-50 {
  height: 50%; }

.height-55 {
  height: 55%; }

.height-60 {
  height: 60%; }

.height-65 {
  height: 65%; }

.height-70 {
  height: 70%; }

.height-75 {
  height: 75%; }

.height-80 {
  height: 80%; }

.height-85 {
  height: 85%; }

.height-90 {
  height: 90%; }

.height-95 {
  height: 95%; }

.height-100, .avatar--custom, .logoWrap {
  height: 100%; }

.height-auto {
  height: auto; }

.height-xl {
  height: 80px; }

.height-l {
  height: 40px; }

.height-m {
  height: 20px; }

.height-s {
  height: 15px; }

.height-xs {
  height: 10px; }

.height-xxs {
  height: 5px; }

.height-control--xl, .input--xl,
.inputGroup--xl .inputGroup-context, .input-tel--xl .intl-tel-input .country-list .country, .select--xl select, .button--xl, .uiIcon--xl {
  height: 60px; }

.height-control--l, .input--l,
.inputGroup--l .inputGroup-context, .input-tel--l .intl-tel-input .country-list .country, .select--l select, .button--l, .uiIcon--l {
  height: 50px; }

.height-control--m, .input--m,
.inputGroup--m .inputGroup-context, .input-tel--m .intl-tel-input .country-list .country, .select--m select, .button--m, .button--responsive, .uiIcon--m {
  height: 40px; }

.height-control--s, .input--s,
.inputGroup--s .inputGroup-context, .input-tel--s .intl-tel-input .country-list .country, .select--s select, .button--s, .uiIcon--s {
  height: 30px; }

.height-control--xs, .input--xs,
.inputGroup--xs .inputGroup-context, .select--xs select, .button--xs, .uiIcon--xs {
  height: 24px; }

@media screen and (min-width: 480px) {
  .breakPointS-height-5 {
    height: 5%; }
  .breakPointS-height-10 {
    height: 10%; }
  .breakPointS-height-15 {
    height: 15%; }
  .breakPointS-height-20 {
    height: 20%; }
  .breakPointS-height-25 {
    height: 25%; }
  .breakPointS-height-30 {
    height: 30%; }
  .breakPointS-height-35 {
    height: 35%; }
  .breakPointS-height-40 {
    height: 40%; }
  .breakPointS-height-45 {
    height: 45%; }
  .breakPointS-height-50 {
    height: 50%; }
  .breakPointS-height-55 {
    height: 55%; }
  .breakPointS-height-60 {
    height: 60%; }
  .breakPointS-height-65 {
    height: 65%; }
  .breakPointS-height-70 {
    height: 70%; }
  .breakPointS-height-75 {
    height: 75%; }
  .breakPointS-height-80 {
    height: 80%; }
  .breakPointS-height-85 {
    height: 85%; }
  .breakPointS-height-90 {
    height: 90%; }
  .breakPointS-height-95 {
    height: 95%; }
  .breakPointS-height-100 {
    height: 100%; }
  .breakPointS-height-auto {
    height: auto; }
  .breakPointS-height-xl {
    height: 80px; }
  .breakPointS-height-l {
    height: 40px; }
  .breakPointS-height-m {
    height: 20px; }
  .breakPointS-height-s {
    height: 15px; }
  .breakPointS-height-xs {
    height: 10px; }
  .breakPointS-height-xxs {
    height: 5px; } }

@media screen and (min-width: 768px) {
  .breakPointM-height-5 {
    height: 5%; }
  .breakPointM-height-10 {
    height: 10%; }
  .breakPointM-height-15 {
    height: 15%; }
  .breakPointM-height-20 {
    height: 20%; }
  .breakPointM-height-25 {
    height: 25%; }
  .breakPointM-height-30 {
    height: 30%; }
  .breakPointM-height-35 {
    height: 35%; }
  .breakPointM-height-40 {
    height: 40%; }
  .breakPointM-height-45 {
    height: 45%; }
  .breakPointM-height-50 {
    height: 50%; }
  .breakPointM-height-55 {
    height: 55%; }
  .breakPointM-height-60 {
    height: 60%; }
  .breakPointM-height-65 {
    height: 65%; }
  .breakPointM-height-70 {
    height: 70%; }
  .breakPointM-height-75 {
    height: 75%; }
  .breakPointM-height-80 {
    height: 80%; }
  .breakPointM-height-85 {
    height: 85%; }
  .breakPointM-height-90 {
    height: 90%; }
  .breakPointM-height-95 {
    height: 95%; }
  .breakPointM-height-100 {
    height: 100%; }
  .breakPointM-height-auto {
    height: auto; }
  .breakPointM-height-xl {
    height: 80px; }
  .breakPointM-height-l {
    height: 40px; }
  .breakPointM-height-m {
    height: 20px; }
  .breakPointM-height-s {
    height: 15px; }
  .breakPointM-height-xs {
    height: 10px; }
  .breakPointM-height-xxs {
    height: 5px; } }

@media screen and (min-width: 1180px) {
  .breakPointL-height-5 {
    height: 5%; }
  .breakPointL-height-10 {
    height: 10%; }
  .breakPointL-height-15 {
    height: 15%; }
  .breakPointL-height-20 {
    height: 20%; }
  .breakPointL-height-25 {
    height: 25%; }
  .breakPointL-height-30 {
    height: 30%; }
  .breakPointL-height-35 {
    height: 35%; }
  .breakPointL-height-40 {
    height: 40%; }
  .breakPointL-height-45 {
    height: 45%; }
  .breakPointL-height-50 {
    height: 50%; }
  .breakPointL-height-55 {
    height: 55%; }
  .breakPointL-height-60 {
    height: 60%; }
  .breakPointL-height-65 {
    height: 65%; }
  .breakPointL-height-70 {
    height: 70%; }
  .breakPointL-height-75 {
    height: 75%; }
  .breakPointL-height-80 {
    height: 80%; }
  .breakPointL-height-85 {
    height: 85%; }
  .breakPointL-height-90 {
    height: 90%; }
  .breakPointL-height-95 {
    height: 95%; }
  .breakPointL-height-100 {
    height: 100%; }
  .breakPointL-height-auto {
    height: auto; }
  .breakPointL-height-xl {
    height: 80px; }
  .breakPointL-height-l {
    height: 40px; }
  .breakPointL-height-m {
    height: 20px; }
  .breakPointL-height-s {
    height: 15px; }
  .breakPointL-height-xs {
    height: 10px; }
  .breakPointL-height-xxs {
    height: 5px; } }

@media screen and (max-height: xl) {
  .breakPointHeightXL-height-5 {
    height: 5%; }
  .breakPointHeightXL-height-10 {
    height: 10%; }
  .breakPointHeightXL-height-15 {
    height: 15%; }
  .breakPointHeightXL-height-20 {
    height: 20%; }
  .breakPointHeightXL-height-25 {
    height: 25%; }
  .breakPointHeightXL-height-30 {
    height: 30%; }
  .breakPointHeightXL-height-35 {
    height: 35%; }
  .breakPointHeightXL-height-40 {
    height: 40%; }
  .breakPointHeightXL-height-45 {
    height: 45%; }
  .breakPointHeightXL-height-50 {
    height: 50%; }
  .breakPointHeightXL-height-55 {
    height: 55%; }
  .breakPointHeightXL-height-60 {
    height: 60%; }
  .breakPointHeightXL-height-65 {
    height: 65%; }
  .breakPointHeightXL-height-70 {
    height: 70%; }
  .breakPointHeightXL-height-75 {
    height: 75%; }
  .breakPointHeightXL-height-80 {
    height: 80%; }
  .breakPointHeightXL-height-85 {
    height: 85%; }
  .breakPointHeightXL-height-90 {
    height: 90%; }
  .breakPointHeightXL-height-95 {
    height: 95%; }
  .breakPointHeightXL-height-100 {
    height: 100%; }
  .breakPointHeightXL-height-auto {
    height: auto; }
  .breakPointXL-height-xl {
    height: 80px; }
  .breakPointXL-height-l {
    height: 40px; }
  .breakPointXL-height-m {
    height: 20px; }
  .breakPointXL-height-s {
    height: 15px; }
  .breakPointXL-height-xs {
    height: 10px; }
  .breakPointXL-height-xxs {
    height: 5px; } }

.float-none {
  float: none; }

.float-left, .grid > div {
  float: left; }

.float-right {
  float: right; }

@media screen and (min-width: 480px) {
  .breakPointS-float-none {
    float: none; }
  .breakPointS-float-left {
    float: left; }
  .breakPointS-float-right {
    float: right; } }

@media screen and (min-width: 768px) {
  .breakPointM-float-none {
    float: none; }
  .breakPointM-float-left {
    float: left; }
  .breakPointM-float-right {
    float: right; } }

@media screen and (min-width: 1180px) {
  .breakPointL-float-none {
    float: none; }
  .breakPointL-float-left {
    float: left; }
  .breakPointL-float-right {
    float: right; } }

.clear-none {
  clear: none; }

.clear-left {
  clear: left; }

.clear-right {
  clear: right; }

.clear-both, .cf:after, .inline:after, .inputGroup:after, .buttonGroup:after, .pageWrap:after, .grid:after, .uiIcon:after, .modal:after, .info-message:after, .emoji-group:after {
  clear: both; }

.clear-inherit {
  clear: inherit; }

@media screen and (min-width: 480px) {
  .breakPointS-clear-none {
    clear: none; }
  .breakPointS-clear-left {
    clear: left; }
  .breakPointS-clear-right {
    clear: right; }
  .breakPointS-clear-both {
    clear: both; }
  .breakPointS-clear-inherit {
    clear: inherit; } }

@media screen and (min-width: 768px) {
  .breakPointM-clear-none {
    clear: none; }
  .breakPointM-clear-left {
    clear: left; }
  .breakPointM-clear-right {
    clear: right; }
  .breakPointM-clear-both {
    clear: both; }
  .breakPointM-clear-inherit {
    clear: inherit; } }

@media screen and (min-width: 1180px) {
  .breakPointL-clear-none {
    clear: none; }
  .breakPointL-clear-left {
    clear: left; }
  .breakPointL-clear-right {
    clear: right; }
  .breakPointL-clear-both {
    clear: both; }
  .breakPointL-clear-inherit {
    clear: inherit; } }

.verticalAlign-baseline {
  vertical-align: baseline; }

.verticalAlign-sub {
  vertical-align: sub; }

.verticalAlign-super {
  vertical-align: super; }

.verticalAlign-top, .table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td, .emoji-group-label, .emoji-picker-autocomplete a {
  vertical-align: top; }

.verticalAlign-textTop {
  vertical-align: text-top; }

.verticalAlign-middle, .input, .inputGroup-context, .textarea, .marvel-comment-inner[contenteditable="true"], .button {
  vertical-align: middle; }

.verticalAlign-bottom, .table > thead > tr > th {
  vertical-align: bottom; }

.verticalAlign-textBottom {
  vertical-align: text-bottom; }

@media screen and (min-width: 480px) {
  .breakPointS-verticalAlign-baseline {
    vertical-align: baseline; }
  .breakPointS-verticalAlign-sub {
    vertical-align: sub; }
  .breakPointS-verticalAlign-super {
    vertical-align: super; }
  .breakPointS-verticalAlign-top {
    vertical-align: top; }
  .breakPointS-verticalAlign-textTop {
    vertical-align: text-top; }
  .breakPointS-verticalAlign-middle {
    vertical-align: middle; }
  .breakPointS-verticalAlign-bottom {
    vertical-align: bottom; }
  .breakPointS-verticalAlign-textBottom {
    vertical-align: text-bottom; } }

@media screen and (min-width: 768px) {
  .breakPointM-verticalAlign-baseline {
    vertical-align: baseline; }
  .breakPointM-verticalAlign-sub {
    vertical-align: sub; }
  .breakPointM-verticalAlign-super {
    vertical-align: super; }
  .breakPointM-verticalAlign-top {
    vertical-align: top; }
  .breakPointM-verticalAlign-textTop {
    vertical-align: text-top; }
  .breakPointM-verticalAlign-middle {
    vertical-align: middle; }
  .breakPointM-verticalAlign-bottom {
    vertical-align: bottom; }
  .breakPointM-verticalAlign-textBottom {
    vertical-align: text-bottom; } }

@media screen and (min-width: 1180px) {
  .breakPointL-verticalAlign-baseline {
    vertical-align: baseline; }
  .breakPointL-verticalAlign-sub {
    vertical-align: sub; }
  .breakPointL-verticalAlign-super {
    vertical-align: super; }
  .breakPointL-verticalAlign-top {
    vertical-align: top; }
  .breakPointL-verticalAlign-textTop {
    vertical-align: text-top; }
  .breakPointL-verticalAlign-middle {
    vertical-align: middle; }
  .breakPointL-verticalAlign-bottom {
    vertical-align: bottom; }
  .breakPointL-verticalAlign-textBottom {
    vertical-align: text-bottom; } }

.visibility-hidden, .hidden {
  visibility: hidden; }

.visibility-visible {
  visibility: visible; }

.visibility-collapse {
  visibility: collapse; }

@media screen and (min-width: 480px) {
  .breakPointS-visibility-hidden {
    visibility: hidden; }
  .breakPointS-visibility-visible {
    visibility: visible; }
  .breakPointS-visibility-collapse {
    visibility: collapse; } }

@media screen and (min-width: 768px) {
  .breakPointM-visibility-hidden {
    visibility: hidden; }
  .breakPointM-visibility-visible {
    visibility: visible; }
  .breakPointM-visibility-collapse {
    visibility: collapse; } }

@media screen and (min-width: 1180px) {
  .breakPointL-visibility-hidden {
    visibility: hidden; }
  .breakPointL-visibility-visible {
    visibility: visible; }
  .breakPointL-visibility-collapse {
    visibility: collapse; } }

.opacity-0, .hideChildren-child, .showChildren:hover .showChildren-child, .avatar-img.is-hidden, .avatar-team.is-hidden, .form-control input, .checkbox-tick, .radio-tick, .button.is-sad:before, .button--stateful:before, .button--stateful.has-responded span, .antiscroll-scrollbar {
  opacity: 0; }

.opacity-3 {
  opacity: .03; }

.opacity-5 {
  opacity: .05; }

.opacity-8 {
  opacity: .08; }

.opacity-10 {
  opacity: .1; }

.opacity-15 {
  opacity: .15; }

.opacity-20 {
  opacity: .2; }

.opacity-30 {
  opacity: .3; }

.opacity-40 {
  opacity: .4; }

.opacity-50, .checkbox.is-disabled, .checkbox.uiIcon.is-loading, .checkbox.uiIcon.marvel-comment-loading {
  opacity: .5; }

.opacity-60 {
  opacity: .6; }

.opacity-70 {
  opacity: .7; }

.opacity-80 {
  opacity: .8; }

.opacity-90 {
  opacity: .9; }

.opacity-100, .hideChildren:hover .hideChildren-child, .showChildren-child, .link--opaque.is-active, .link--opaqueReversed, .button.is-sad:hover:before, .button--stateful.has-responded:before {
  opacity: 1; }

@media screen and (min-width: 480px) {
  .breakPointS-opacity-0 {
    opacity: 0; }
  .breakPointS-opacity-3 {
    opacity: .03; }
  .breakPointS-opacity-5 {
    opacity: .05; }
  .breakPointS-opacity-10 {
    opacity: .1; }
  .breakPointS-opacity-15 {
    opacity: .15; }
  .breakPointS-opacity-20 {
    opacity: .2; }
  .breakPointS-opacity-30 {
    opacity: .3; }
  .breakPointS-opacity-40 {
    opacity: .4; }
  .breakPointS-opacity-50 {
    opacity: .5; }
  .breakPointS-opacity-60 {
    opacity: .6; }
  .breakPointS-opacity-70 {
    opacity: .7; }
  .breakPointS-opacity-80 {
    opacity: .8; }
  .breakPointS-opacity-90 {
    opacity: .9; }
  .breakPointS-opacity-100 {
    opacity: 1; } }

@media screen and (min-width: 768px) {
  .breakPointM-opacity-0 {
    opacity: 0; }
  .breakPointM-opacity-3 {
    opacity: .03; }
  .breakPointM-opacity-5 {
    opacity: .05; }
  .breakPointM-opacity-10 {
    opacity: .1; }
  .breakPointM-opacity-15 {
    opacity: .15; }
  .breakPointM-opacity-20 {
    opacity: .2; }
  .breakPointM-opacity-30 {
    opacity: .3; }
  .breakPointM-opacity-40 {
    opacity: .4; }
  .breakPointM-opacity-50 {
    opacity: .5; }
  .breakPointM-opacity-60, .link--opaque {
    opacity: .6; }
  .breakPointM-opacity-70 {
    opacity: .7; }
  .breakPointM-opacity-80 {
    opacity: .8; }
  .breakPointM-opacity-90 {
    opacity: .9; }
  .breakPointM-opacity-100 {
    opacity: 1; } }

@media screen and (min-width: 1180px) {
  .breakPointL-opacity-0 {
    opacity: 0; }
  .breakPointL-opacity-3 {
    opacity: .03; }
  .breakPointL-opacity-5 {
    opacity: .05; }
  .breakPointL-opacity-10 {
    opacity: .1; }
  .breakPointL-opacity-15 {
    opacity: .15; }
  .breakPointL-opacity-20 {
    opacity: .2; }
  .breakPointL-opacity-30 {
    opacity: .3; }
  .breakPointL-opacity-40 {
    opacity: .4; }
  .breakPointL-opacity-50 {
    opacity: .5; }
  .breakPointL-opacity-60 {
    opacity: .6; }
  .breakPointL-opacity-70 {
    opacity: .7; }
  .breakPointL-opacity-80 {
    opacity: .8; }
  .breakPointL-opacity-90 {
    opacity: .9; }
  .breakPointL-opacity-100 {
    opacity: 1; } }

.borderStyle-none {
  border-style: none; }

.borderStyle-dashed {
  border-style: dashed; }

.borderStyle-dotted {
  border-style: dotted; }

.borderStyle-solid, .is-loading:after, .marvel-comment-loading:after, .intl-tel-input .selected-flag, .popover-block, .popover-select-item.has-border {
  border-style: solid; }

@media screen and (min-width: 480px) {
  .breakPointS-borderStyle-none {
    border-style: none; }
  .breakPointS-borderStyle-dashed {
    border-style: dashed; }
  .breakPointS-borderStyle-dotted {
    border-style: dotted; }
  .breakPointS-borderStyle-solid, .modal.has-border {
    border-style: solid; } }

@media screen and (min-width: 768px) {
  .breakPointM-borderStyle-none {
    border-style: none; }
  .breakPointM-borderStyle-dashed {
    border-style: dashed; }
  .breakPointM-borderStyle-dotted {
    border-style: dotted; }
  .breakPointM-borderStyle-solid {
    border-style: solid; } }

@media screen and (min-width: 1180px) {
  .breakPointL-borderStyle-none {
    border-style: none; }
  .breakPointL-borderStyle-dashed {
    border-style: dashed; }
  .breakPointL-borderStyle-dotted {
    border-style: dotted; }
  .breakPointL-borderStyle-solid {
    border-style: solid; } }

.borderWidth-0, .input, .intl-tel-input .selected-flag, .input-tel--borderless .intl-tel-input .country-list, .textarea, .marvel-comment-inner[contenteditable="true"], .select select, .button, .popover--default,
.popover--default.has-caret:after, .popover-block, .popover-block:last-child, .popover-select-item.has-border {
  border-width: 0; }

.borderTopWidth-0 {
  border-top-width: 0; }

.borderRightWidth-0 {
  border-right-width: 0; }

.borderBottomWidth-0 {
  border-bottom-width: 0; }

.borderLeftWidth-0 {
  border-left-width: 0; }

.borderWidth-1 {
  border-width: 1px; }

.borderTopWidth-1 {
  border-top-width: 1px; }

.borderRightWidth-1, .intl-tel-input .selected-flag, .popover-block {
  border-right-width: 1px; }

.borderBottomWidth-1, .popover-select-item.has-border {
  border-bottom-width: 1px; }

.borderLeftWidth-1 {
  border-left-width: 1px; }

@media screen and (min-width: 480px) {
  .breakPointS-borderWidth-0 {
    border-width: 0; }
  .breakPointS-borderTopWidth-0 {
    border-top-width: 0; }
  .breakPointS-borderRightWidth-0 {
    border-right-width: 0; }
  .breakPointS-borderBottomWidth-0 {
    border-bottom-width: 0; }
  .breakPointS-borderLeftWidth-0 {
    border-left-width: 0; }
  .breakPointS-borderWidth-1, .modal.has-border {
    border-width: 1px; }
  .breakPointS-borderTopWidth-1 {
    border-top-width: 1px; }
  .breakPointS-borderRightWidth-1 {
    border-right-width: 1px; }
  .breakPointS-borderBottomWidth-1 {
    border-bottom-width: 1px; }
  .breakPointS-borderLeftWidth-1 {
    border-left-width: 1px; } }

@media screen and (min-width: 768px) {
  .breakPointM-borderWidth-0 {
    border-width: 0; }
  .breakPointM-borderTopWidth-0 {
    border-top-width: 0; }
  .breakPointM-borderRightWidth-0 {
    border-right-width: 0; }
  .breakPointM-borderBottomWidth-0 {
    border-bottom-width: 0; }
  .breakPointM-borderLeftWidth-0 {
    border-left-width: 0; }
  .breakPointM-borderWidth-1 {
    border-width: 1px; }
  .breakPointM-borderTopWidth-1 {
    border-top-width: 1px; }
  .breakPointM-borderRightWidth-1 {
    border-right-width: 1px; }
  .breakPointM-borderBottomWidth-1 {
    border-bottom-width: 1px; }
  .breakPointM-borderLeftWidth-1 {
    border-left-width: 1px; } }

@media screen and (min-width: 1180px) {
  .breakPointL-borderWidth-0 {
    border-width: 0; }
  .breakPointL-borderTopWidth-0 {
    border-top-width: 0; }
  .breakPointL-borderRightWidth-0 {
    border-right-width: 0; }
  .breakPointL-borderBottomWidth-0 {
    border-bottom-width: 0; }
  .breakPointL-borderLeftWidth-0 {
    border-left-width: 0; }
  .breakPointL-borderWidth-1 {
    border-width: 1px; }
  .breakPointL-borderTopWidth-1 {
    border-top-width: 1px; }
  .breakPointL-borderRightWidth-1 {
    border-right-width: 1px; }
  .breakPointL-borderBottomWidth-1 {
    border-bottom-width: 1px; }
  .breakPointL-borderLeftWidth-1 {
    border-left-width: 1px; } }

.fontStyle-normal {
  font-style: normal; }

.fontStyle-italic, .hljs-comment {
  font-style: italic; }

.fontStyle-oblique {
  font-style: oblique; }

.fontStyle-inherit {
  font-style: inherit; }

.fontWeight-3, .input, .inputGroup-context, .textarea, .marvel-comment-inner[contenteditable="true"], .popover-select-subtitle, .modal-subtext {
  font-weight: 300; }

.fontWeight-4, .button, th {
  font-weight: 400; }

.fontWeight-5, code, .prototype-modal h1 {
  font-weight: 500; }

.fontWeight-7 {
  font-weight: 700; }

@media screen and (min-width: 480px) {
  .breakPointS-fontWeight-3 {
    font-weight: 300; }
  .breakPointS-fontWeight-4 {
    font-weight: 400; }
  .breakPointS-fontWeight-5 {
    font-weight: 500; }
  .breakPointS-fontWeight-7 {
    font-weight: 700; } }

@media screen and (min-width: 768px) {
  .breakPointM-fontWeight-3 {
    font-weight: 300; }
  .breakPointM-fontWeight-4 {
    font-weight: 400; }
  .breakPointM-fontWeight-5 {
    font-weight: 500; }
  .breakPointM-fontWeight-7 {
    font-weight: 700; } }

@media screen and (min-width: 1180px) {
  .breakPointL-fontWeight-3 {
    font-weight: 300; }
  .breakPointL-fontWeight-4 {
    font-weight: 400; }
  .breakPointL-fontWeight-5 {
    font-weight: 500; }
  .breakPointL-fontWeight-7 {
    font-weight: 700; } }

.textAlign-left, .intl-tel-input, caption, th, .popover-list {
  text-align: left; }

.textAlign-center, .avatar-initials, .inputGroup-context, .button, .modal-subtext {
  text-align: center; }

.textAlign-right {
  text-align: right; }

.textAlign-inherit {
  text-align: inherit; }

@media screen and (min-width: 480px) {
  .breakPointS-textAlign-left {
    text-align: left; }
  .breakPointS-textAlign-center {
    text-align: center; }
  .breakPointS-textAlign-right {
    text-align: right; }
  .breakPointS-textAlign-inherit {
    text-align: inherit; } }

@media screen and (min-width: 768px) {
  .breakPointM-textAlign-left {
    text-align: left; }
  .breakPointM-textAlign-center {
    text-align: center; }
  .breakPointM-textAlign-right {
    text-align: right; }
  .breakPointM-textAlign-inherit {
    text-align: inherit; } }

@media screen and (min-width: 1180px) {
  .breakPointL-textAlign-left {
    text-align: left; }
  .breakPointL-textAlign-center {
    text-align: center; }
  .breakPointL-textAlign-right {
    text-align: right; }
  .breakPointL-textAlign-inherit {
    text-align: inherit; } }

.textDecoration-none, .link, .popover-list a, .marvel-comment-inner a, .powered-popover a,
.link:link, .popover-list a:link, .marvel-comment-inner a:link, .powered-popover a:link, .button {
  text-decoration: none; }

.textDecoration-underline {
  text-decoration: underline; }

.textDecoration-overline {
  text-decoration: overline; }

.textDecoration-lineThrough {
  text-decoration: line-through; }

.textDecoration-inherit {
  text-decoration: inherit; }

.textOverflow-clip {
  text-overflow: clip; }

.textOverflow-ellipsis, .truncateText, .popover-select-title, .popover-select-subtitle {
  text-overflow: ellipsis; }

.textOverflow-string {
  text-overflow: string; }

.textOverflow-inherit {
  text-overflow: inherit; }

.textRendering-auto {
  text-rendering: auto; }

.textRendering-speed {
  text-rendering: optimizeSpeed; }

.textRendering-legibility, html,
body,
input,
button,
select,
textarea {
  text-rendering: optimizeLegibility; }

.textRendering-precision {
  text-rendering: geometricPrecision; }

.textTransform-none {
  text-transform: none; }

.textTransform-capitalize {
  text-transform: capitalize; }

.textTransform-uppercase, .avatar-initials {
  text-transform: uppercase; }

.textTransform-lowercase {
  text-transform: lowercase; }

.appearance-button {
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button; }

.appearance-field {
  -webkit-appearance: field;
     -moz-appearance: field;
          appearance: field; }

.appearance-menu {
  -webkit-appearance: menu;
     -moz-appearance: menu;
          appearance: menu; }

.appearance-none, .input, .textarea, .marvel-comment-inner[contenteditable="true"], .select select, .button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

.appearance-normal {
  -webkit-appearance: normal;
     -moz-appearance: normal;
          appearance: normal; }

.appearance-window {
  -webkit-appearance: window;
     -moz-appearance: window;
          appearance: window; }

.backfaceVisibility-hidden {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.backfaceVisibility-visible {
  -webkit-backface-visibility: visible;
          backface-visibility: visible; }

.backfaceVisibility-inherit {
  -webkit-backface-visibility: inherit;
          backface-visibility: inherit; }

.backgroundPosition-leftTop {
  background-position: left top; }

.backgroundPosition-leftCenter {
  background-position: left center; }

.backgroundPosition-leftBottom {
  background-position: left bottom; }

.backgroundPosition-rightTop {
  background-position: right top; }

.backgroundPosition-rightCenter {
  background-position: right center; }

.backgroundPosition-rightBottom {
  background-position: right bottom; }

.backgroundPosition-centerTop {
  background-position: center top; }

.backgroundPosition-centerCenter, .avatar-img, .modal-icon {
  background-position: center center; }

.backgroundPosition-centerBottom {
  background-position: center bottom; }

.backgroundRepeat-repeat {
  background-repeat: repeat; }

.backgroundRepeat-repeatX, .underline, .link--underline {
  background-repeat: repeat-x; }

.backgroundRepeat-repeatY {
  background-repeat: repeat-y; }

.backgroundRepeat-noRepeat, .avatar-img, .avatar-team, .modal-icon {
  background-repeat: no-repeat; }

.backgroundSize-cover, .avatar-img, .avatar-team {
  background-size: cover; }

.backgroundSize-contain {
  background-size: contain; }

.backgroundSize-auto {
  background-size: auto; }

.backgroundSize-100 {
  background-size: 100%; }

@media screen and (min-width: 480px) {
  .breakPointS-backgroundSize-cover {
    background-size: cover; }
  .breakPointS-backgroundSize-contain {
    background-size: contain; }
  .breakPointS-backgroundSize-auto {
    background-size: auto; }
  .breakPointS-backgroundSize-100 {
    background-size: 100%; } }

@media screen and (min-width: 768px) {
  .breakPointM-backgroundSize-cover {
    background-size: cover; }
  .breakPointM-backgroundSize-contain {
    background-size: contain; }
  .breakPointM-backgroundSize-auto {
    background-size: auto; }
  .breakPointM-backgroundSize-100 {
    background-size: 100%; } }

@media screen and (min-width: 1180px) {
  .breakPointL-backgroundSize-cover {
    background-size: cover; }
  .breakPointL-backgroundSize-contain {
    background-size: contain; }
  .breakPointL-backgroundSize-auto {
    background-size: auto; }
  .breakPointL-backgroundSize-100 {
    background-size: 100%; } }

.cursor-colResize {
  cursor: col-resize; }

.cursor-crosshair {
  cursor: crosshair; }

.cursor-default, .input.is-disabled, .input.uiIcon.is-loading, .input.uiIcon.marvel-comment-loading, .textarea.is-disabled, .textarea.uiIcon.is-loading, .textarea.uiIcon.marvel-comment-loading, .uiIcon.marvel-comment-loading.marvel-comment-inner[contenteditable="true"], .uiIcon.is-loading.marvel-comment-inner[contenteditable="true"], .is-disabled.marvel-comment-inner[contenteditable="true"], .button.is-disabled, .button.is-loading, .button.marvel-comment-loading,
.button--flat.is-loading, .button--flat.marvel-comment-loading {
  cursor: default; }

.cursor-eResize {
  cursor: e-resize; }

.cursor-ewResize {
  cursor: ew-resize; }

.cursor-grab {
  cursor: -webkit-grab;
  cursor: grab; }

.cursor-inherit {
  cursor: inherit; }

.cursor-move {
  cursor: move; }

.cursor-neswResize {
  cursor: nesw-resize; }

.cursor-noDrop {
  cursor: no-drop; }

.cursor-notAllowed {
  cursor: not-allowed; }

.cursor-nResize {
  cursor: n-resize; }

.cursor-nsResize {
  cursor: ns-resize; }

.cursor-nsResize {
  cursor: ns-resize; }

.cursor-nwseResize {
  cursor: nwse-resize; }

.cursor-pointer, .link, .popover-list a, .marvel-comment-inner a, .powered-popover a,
.link:link, .popover-list a:link, .marvel-comment-inner a:link, .powered-popover a:link, .select select, .select-toggle, .form-control, .button, .popover-block, .popover-select-item, .modal-icon, .emoji-container, .emoji-group-label {
  cursor: pointer; }

.cursor-rowResize {
  cursor: row-resize; }

.cursor-sResize {
  cursor: s-resize; }

.cursor-text {
  cursor: text; }

.cursor-verticalText {
  cursor: vertical-text; }

.cursor-wResize {
  cursor: w-resize; }

.cursor-zoomIn {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.cursor-zoomOut {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.listStyle-none {
  list-style-type: none; }

.listStyle-disc, .list--unordered {
  list-style-type: disc; }

.listStyle-circle {
  list-style-type: circle; }

.listStyle-square {
  list-style-type: square; }

.listStyle-decimal, .list--ordered {
  list-style-type: decimal; }

.listStyle-inherit {
  list-style-type: inherit; }

.outlineStyle-none, .input, .intl-tel-input .selected-flag, .textarea, .marvel-comment-inner[contenteditable="true"], .select select, .button {
  outline-style: none; }

.outlineStyle-dotted {
  outline-style: dotted; }

.outlineStyle-dashed {
  outline-style: dashed; }

.outlineStyle-solid {
  outline-style: solid; }

.outlineStyle-double {
  outline-style: double; }

.outlineStyle-groove {
  outline-style: groove; }

.outlineStyle-ridge {
  outline-style: ridge; }

.outlineStyle-inset {
  outline-style: inset; }

.outlineStyle-outset {
  outline-style: outset; }

@media screen and (min-width: 480px) {
  .breakPointS-outlineStyle-none {
    outline-style: none; }
  .breakPointS-outlineStyle-dotted {
    outline-style: dotted; }
  .breakPointS-outlineStyle-dashed {
    outline-style: dashed; }
  .breakPointS-outlineStyle-solid {
    outline-style: solid; }
  .breakPointS-outlineStyle-double {
    outline-style: double; }
  .breakPointS-outlineStyle-groove {
    outline-style: groove; }
  .breakPointS-outlineStyle-ridge {
    outline-style: ridge; }
  .breakPointS-outlineStyle-inset {
    outline-style: inset; }
  .breakPointS-outlineStyle-outset {
    outline-style: outset; } }

@media screen and (min-width: 768px) {
  .breakPointM-outlineStyle-none {
    outline-style: none; }
  .breakPointM-outlineStyle-dotted {
    outline-style: dotted; }
  .breakPointM-outlineStyle-dashed {
    outline-style: dashed; }
  .breakPointM-outlineStyle-solid {
    outline-style: solid; }
  .breakPointM-outlineStyle-double {
    outline-style: double; }
  .breakPointM-outlineStyle-groove {
    outline-style: groove; }
  .breakPointM-outlineStyle-ridge {
    outline-style: ridge; }
  .breakPointM-outlineStyle-inset {
    outline-style: inset; }
  .breakPointM-outlineStyle-outset {
    outline-style: outset; } }

@media screen and (min-width: 1180px) {
  .breakPointL-outlineStyle-none {
    outline-style: none; }
  .breakPointL-outlineStyle-dotted {
    outline-style: dotted; }
  .breakPointL-outlineStyle-dashed {
    outline-style: dashed; }
  .breakPointL-outlineStyle-solid {
    outline-style: solid; }
  .breakPointL-outlineStyle-double {
    outline-style: double; }
  .breakPointL-outlineStyle-groove {
    outline-style: groove; }
  .breakPointL-outlineStyle-ridge {
    outline-style: ridge; }
  .breakPointL-outlineStyle-inset {
    outline-style: inset; }
  .breakPointL-outlineStyle-outset {
    outline-style: outset; } }

.overflow-visible {
  overflow: visible; }

.overflow-hidden, .truncateText, .popover-select-title, .popover-select-subtitle, .truncateText-two, .visuallyHidden, .button--stateful, .antiscroll-wrap {
  overflow: hidden; }

.overflow-scroll, .antiscroll-inner {
  overflow: scroll; }

.overflow-auto {
  overflow: auto; }

.overflow-inherit {
  overflow: inherit; }

.overflowX-visible {
  overflow-x: visible; }

.overflowX-hidden {
  overflow-x: hidden; }

.overflowX-scroll {
  overflow-x: scroll; }

.overflowX-auto {
  overflow-x: auto; }

.overflowX-inherit {
  overflow-x: inherit; }

.overflowY-visible {
  overflow-y: visible; }

.overflowY-hidden {
  overflow-y: hidden; }

.overflowY-scroll {
  overflow-y: scroll; }

.overflowY-auto, .modal-overlay {
  overflow-y: auto; }

.overflowY-inherit {
  overflow-y: inherit; }

@media screen and (min-width: 480px) {
  .breakPointS-overflow-visible {
    overflow: visible; }
  .breakPointS-overflow-hidden {
    overflow: hidden; }
  .breakPointS-overflow-scroll {
    overflow: scroll; }
  .breakPointS-overflow-auto {
    overflow: auto; }
  .breakPointS-overflow-inherit {
    overflow: inherit; }
  .breakPointS-overflowX-visible {
    overflow-x: visible; }
  .breakPointS-overflowX-hidden {
    overflow-x: hidden; }
  .breakPointS-overflowX-scroll {
    overflow-x: scroll; }
  .breakPointS-overflowX-auto {
    overflow-x: auto; }
  .breakPointS-overflowX-inherit {
    overflow-x: inherit; }
  .breakPointS-overflowY-visible {
    overflow-y: visible; }
  .breakPointS-overflowY-hidden {
    overflow-y: hidden; }
  .breakPointS-overflowY-scroll {
    overflow-y: scroll; }
  .breakPointS-overflowY-auto {
    overflow-y: auto; }
  .breakPointS-overflowY-inherit {
    overflow-y: inherit; } }

@media screen and (min-width: 768px) {
  .breakPointM-overflow-visible {
    overflow: visible; }
  .breakPointM-overflow-hidden {
    overflow: hidden; }
  .breakPointM-overflow-scroll {
    overflow: scroll; }
  .breakPointM-overflow-auto {
    overflow: auto; }
  .breakPointM-overflow-inherit {
    overflow: inherit; }
  .breakPointM-overflowX-visible {
    overflow-x: visible; }
  .breakPointM-overflowX-hidden {
    overflow-x: hidden; }
  .breakPointM-overflowX-scroll {
    overflow-x: scroll; }
  .breakPointM-overflowX-auto {
    overflow-x: auto; }
  .breakPointM-overflowX-inherit {
    overflow-x: inherit; }
  .breakPointM-overflowY-visible {
    overflow-y: visible; }
  .breakPointM-overflowY-hidden {
    overflow-y: hidden; }
  .breakPointM-overflowY-scroll {
    overflow-y: scroll; }
  .breakPointM-overflowY-auto {
    overflow-y: auto; }
  .breakPointM-overflowY-inherit {
    overflow-y: inherit; } }

@media screen and (min-width: 1180px) {
  .breakPointL-overflow-visible {
    overflow: visible; }
  .breakPointL-overflow-hidden {
    overflow: hidden; }
  .breakPointL-overflow-scroll {
    overflow: scroll; }
  .breakPointL-overflow-auto {
    overflow: auto; }
  .breakPointL-overflow-inherit {
    overflow: inherit; }
  .breakPointL-overflowX-visible {
    overflow-x: visible; }
  .breakPointL-overflowX-hidden {
    overflow-x: hidden; }
  .breakPointL-overflowX-scroll {
    overflow-x: scroll; }
  .breakPointL-overflowX-auto {
    overflow-x: auto; }
  .breakPointL-overflowX-inherit {
    overflow-x: inherit; }
  .breakPointL-overflowY-visible {
    overflow-y: visible; }
  .breakPointL-overflowY-hidden {
    overflow-y: hidden; }
  .breakPointL-overflowY-scroll {
    overflow-y: scroll; }
  .breakPointL-overflowY-auto {
    overflow-y: auto; }
  .breakPointL-overflowY-inherit {
    overflow-y: inherit; } }

.resize-none, .textarea--growing {
  resize: none; }

.resize-both {
  resize: both; }

.resize-horizontal {
  resize: horizontal; }

.resize-vertical, .textarea--xl, .textarea--l, .textarea--m, .textarea--s, .textarea--xs {
  resize: vertical; }

.tableLayout-auto {
  table-layout: auto; }

.tableLayout-fixed {
  table-layout: fixed; }

.tableLayout-initial {
  table-layout: initial; }

.tableLayout-inherit {
  table-layout: inherit; }

@media screen and (min-width: 480px) {
  .breakPointS-tableLayout-auto {
    table-layout: auto; }
  .breakPointS-tableLayout-fixed {
    table-layout: fixed; }
  .breakPointS-tableLayout-initial {
    table-layout: initial; }
  .breakPointS-tableLayout-inherit {
    table-layout: inherit; } }

@media screen and (min-width: 768px) {
  .breakPointM-tableLayout-auto {
    table-layout: auto; }
  .breakPointM-tableLayout-fixed {
    table-layout: fixed; }
  .breakPointM-tableLayout-initial {
    table-layout: initial; }
  .breakPointM-tableLayout-inherit {
    table-layout: inherit; } }

@media screen and (min-width: 1180px) {
  .breakPointL-tableLayout-auto {
    table-layout: auto; }
  .breakPointL-tableLayout-fixed {
    table-layout: fixed; }
  .breakPointL-tableLayout-initial {
    table-layout: initial; }
  .breakPointL-tableLayout-inherit {
    table-layout: inherit; } }

.tapHighlight-none {
  -webkit-tap-highlight-color: transparent; }

.transformStyle-flat {
  -webkit-transform-style: flat;
          transform-style: flat; }

.transformStyle-preserve3d {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

.transformStyle-inherit {
  -webkit-transform-style: inherit;
          transform-style: inherit; }

.transitionProperty-none {
  -webkit-transition-property: none;
  transition-property: none; }

.transitionProperty-all, .link, .popover-list a, .marvel-comment-inner a, .powered-popover a,
.link:link, .popover-list a:link, .marvel-comment-inner a:link, .powered-popover a:link, .input, .textarea, .marvel-comment-inner[contenteditable="true"], .select-toggle, .select-toggle:after, .button, .buttonGroup div:not(:last-child) .button:hover:before,
.buttonGroup div.active:not(:last-child) .button:before, .button.is-sad:before, .button .logoWrap .svgIcon,
.button .logoWrap .svgIcon path,
.button .logoWrap .svgIcon circle, .button:hover .logoWrap .svgIcon,
.button:hover .logoWrap .svgIcon path,
.button:hover .logoWrap .svgIcon circle, .button--stateful:before, .svgIcon, .popover-block, .modal,
.modal-overlay.is-active .modal-container.concealed .modal,
.modal-overlay.is-active .modal-container.modal .modal,
.modal-overlay.is-active .modal-container.modal-image .modal,
.modal-overlay.is-active
.modal-container.modal-icon-wrapper .modal,
.modal-overlay.is-active .modal-container.modal-subtext .modal,
.modal-overlay.is-active .modal-container.modal-overlay .modal, .modal-overlay.is-active .modal-container .modal, .modal-image,
.modal-icon-wrapper,
.modal-overlay.is-active .modal-container.concealed .modal-image,
.modal-overlay.is-active .modal-container.modal .modal-image,
.modal-overlay.is-active .modal-container.modal-image .modal-image,
.modal-overlay.is-active
.modal-container.modal-icon-wrapper .modal-image,
.modal-overlay.is-active .modal-container.modal-subtext .modal-image,
.modal-overlay.is-active .modal-container.modal-overlay .modal-image,
.modal-overlay.is-active .modal-container.concealed .modal-icon-wrapper,
.modal-overlay.is-active .modal-container.modal .modal-icon-wrapper,
.modal-overlay.is-active .modal-container.modal-image .modal-icon-wrapper,
.modal-overlay.is-active
.modal-container.modal-icon-wrapper .modal-icon-wrapper,
.modal-overlay.is-active .modal-container.modal-subtext .modal-icon-wrapper,
.modal-overlay.is-active .modal-container.modal-overlay .modal-icon-wrapper, .modal-icon, .modal-subtext,
.modal-overlay.is-active .modal-container.concealed .modal-subtext,
.modal-overlay.is-active .modal-container.modal .modal-subtext,
.modal-overlay.is-active .modal-container.modal-image .modal-subtext,
.modal-overlay.is-active
.modal-container.modal-icon-wrapper .modal-subtext,
.modal-overlay.is-active .modal-container.modal-subtext .modal-subtext,
.modal-overlay.is-active .modal-container.modal-overlay .modal-subtext, .modal-overlay.is-active .modal-container .modal-subtext, .modal-overlay, .modal-container, .modal-overlay.is-active, .progress-bar-inner {
  -webkit-transition-property: all;
  transition-property: all; }

.transitionProperty-inherit {
  -webkit-transition-property: inherit;
  transition-property: inherit; }

.transitionProperty-color, .popover-select-title {
  -webkit-transition-property: color;
  transition-property: color; }

.transitionProperty-background {
  -webkit-transition-property: background;
  transition-property: background; }

.transitionProperty-width {
  -webkit-transition-property: width;
  transition-property: width; }

.transitionProperty-height {
  -webkit-transition-property: height;
  transition-property: height; }

.transitionProperty-top {
  -webkit-transition-property: top;
  transition-property: top; }

.transitionProperty-right {
  -webkit-transition-property: right;
  transition-property: right; }

.transitionProperty-bottom {
  -webkit-transition-property: bottom;
  transition-property: bottom; }

.transitionProperty-left {
  -webkit-transition-property: left;
  transition-property: left; }

.transitionProperty-scale {
  -webkit-transition-property: scale;
  transition-property: scale; }

.transitionProperty-transform {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.transitionProperty-opacity, .is-loading:after, .marvel-comment-loading:after, .avatar-img {
  -webkit-transition-property: opacity;
  transition-property: opacity; }

.userSelect-none, .form-control, .form-control-indicator, .button, .popover-select-item, .annotation-reference {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.pointerEvents-auto, .modal-overlay.is-active {
  pointer-events: auto; }

.pointerEvents-none, .input.is-disabled, .input.uiIcon.is-loading, .input.uiIcon.marvel-comment-loading, .textarea.is-disabled, .textarea.uiIcon.is-loading, .textarea.uiIcon.marvel-comment-loading, .uiIcon.marvel-comment-loading.marvel-comment-inner[contenteditable="true"], .uiIcon.is-loading.marvel-comment-inner[contenteditable="true"], .is-disabled.marvel-comment-inner[contenteditable="true"], .select--default.is-disabled select, .select--default.uiIcon.is-loading select, .select--default.uiIcon.marvel-comment-loading select, .select:after, .checkbox.is-disabled, .checkbox.uiIcon.is-loading, .checkbox.uiIcon.marvel-comment-loading, .button.is-disabled, .button.is-loading, .button.marvel-comment-loading,
.button--flat.is-loading, .button--flat.marvel-comment-loading, .has-succeeded.has-responded, .uiIcon:after, .uiIcon .svgIcon, .modal-overlay, .modal-container.concealed, .modal-container.modal,
.modal-overlay.is-active .modal-container.concealed .modal-container.modal, .modal-container.modal-image,
.modal-container.modal-icon-wrapper,
.modal-overlay.is-active .modal-container.concealed .modal-container.modal-image,
.modal-overlay.is-active .modal-container.concealed .modal-container.modal-icon-wrapper, .modal-container.modal-subtext,
.modal-overlay.is-active .modal-container.concealed .modal-container.modal-subtext, .modal-container.modal-overlay {
  pointer-events: none; }

.whiteSpace-normal {
  white-space: normal; }

.whiteSpace-nowrap, .truncateText, .popover-select-title, .popover-select-subtitle, .button, pre {
  white-space: nowrap; }

.whiteSpace-pre {
  white-space: pre; }

.whiteSpace-preLine {
  white-space: pre-line; }

.whiteSpace-preWrap, code {
  white-space: pre-wrap; }

@media screen and (min-width: 480px) {
  .breakPointS-whiteSpace-normal {
    white-space: normal; }
  .breakPointS-whiteSpace-nowrap {
    white-space: nowrap; }
  .breakPointS-whiteSpace-pre {
    white-space: pre; }
  .breakPointS-whiteSpace-preLine {
    white-space: pre-line; }
  .breakPointS-whiteSpace-preWrap {
    white-space: pre-wrap; } }

@media screen and (min-width: 768px) {
  .breakPointM-whiteSpace-normal {
    white-space: normal; }
  .breakPointM-whiteSpace-nowrap {
    white-space: nowrap; }
  .breakPointM-whiteSpace-pre {
    white-space: pre; }
  .breakPointM-whiteSpace-preLine {
    white-space: pre-line; }
  .breakPointM-whiteSpace-preWrap {
    white-space: pre-wrap; } }

@media screen and (min-width: 1180px) {
  .breakPointL-whiteSpace-normal {
    white-space: normal; }
  .breakPointL-whiteSpace-nowrap {
    white-space: nowrap; }
  .breakPointL-whiteSpace-pre {
    white-space: pre; }
  .breakPointL-whiteSpace-preLine {
    white-space: pre-line; }
  .breakPointL-whiteSpace-preWrap {
    white-space: pre-wrap; } }

.wordBreak-normal, pre {
  word-break: normal; }

.wordBreak-breakAll {
  word-break: break-all; }

.wordBreak-keepAll {
  word-break: keep-all; }

.wordWrap-normal {
  word-break: normal; }

.wordWrap-breakWord, .truncateText-two {
  word-break: break-word; }

.direction-ltr {
  direction: ltr; }

.direction-rtl {
  direction: rtl; }

.flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.flex-none {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none; }

.flexWrap-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.flexDirection-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.flexDirection-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

.alignItems-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }

.alignItems-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.alignItems-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end; }

.alignItems-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start; }

.alignItems-flexEnd {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

.alignItems-flexStart {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.alignItems-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

.alignSelf-baseline {
  -ms-flex-item-align: baseline;
      align-self: baseline; }

.alignSelf-center {
  -ms-flex-item-align: center;
      align-self: center; }

.alignSelf-end {
  -ms-flex-item-align: end;
      align-self: end; }

.alignSelf-flexEnd {
  -ms-flex-item-align: end;
      align-self: flex-end; }

.alignSelf-flexStart {
  -ms-flex-item-align: start;
      align-self: flex-start; }

.alignSelf-start {
  -ms-flex-item-align: start;
      align-self: start; }

.alignSelf-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch; }

.alignContent-around {
  -ms-flex-line-pack: distribute;
      align-content: space-around; }

.alignContent-between {
  -ms-flex-line-pack: justify;
      align-content: space-between; }

.alignContent-center {
  -ms-flex-line-pack: center;
      align-content: center; }

.alignContent-end {
  -ms-flex-line-pack: end;
      align-content: end; }

.alignContent-flexEnd {
  -ms-flex-line-pack: end;
      align-content: flex-end; }

.alignContent-flexStart {
  -ms-flex-line-pack: start;
      align-content: flex-start; }

.alignContent-spaceAround {
  -ms-flex-line-pack: distribute;
      align-content: space-around; }

.alignContent-spaceBetween {
  -ms-flex-line-pack: justify;
      align-content: space-between; }

.alignContent-spaceEvenly {
  -ms-flex-line-pack: space-evenly;
      align-content: space-evenly; }

.alignContent-start {
  -ms-flex-line-pack: start;
      align-content: start; }

.alignContent-stretch {
  -ms-flex-line-pack: stretch;
      align-content: stretch; }

.justifySelf-start {
  justify-self: start; }

.justifySelf-end {
  justify-self: end; }

.justifySelf-center {
  justify-self: center; }

.justifySelf-stretch {
  justify-self: stretch; }

.justifyContent-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.justifyContent-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end; }

.justifyContent-flexEnd {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.justifyContent-flexStart {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.justifyContent-spaceAround {
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.justifyContent-spaceBetween {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.justifyContent-spaceEvenly {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly; }

.justifyContent-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start; }

.justifyContent-stretch {
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch; }

.justifyItems-start {
  justify-items: start; }

.justifyItems-end {
  justify-items: end; }

.justifyItems-center {
  justify-items: center; }

.justifyItems-stretch {
  justify-items: stretch; }

@media screen and (min-width: 480px) {
  .breakPointS-flex-1 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .breakPointS-flex-none {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none; }
  .breakPointS-flexWrap-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .breakPointS-flexDirection-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .breakPointS-flexDirection-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .breakPointS-alignItems-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
  .breakPointS-alignItems-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .breakPointS-alignItems-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end; }
  .breakPointS-alignItems-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start; }
  .breakPointS-alignItems-flexEnd {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .breakPointS-alignItems-flexStart {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .breakPointS-alignItems-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .breakPointS-alignSelf-baseline {
    -ms-flex-item-align: baseline;
        align-self: baseline; }
  .breakPointS-alignSelf-center {
    -ms-flex-item-align: center;
        align-self: center; }
  .breakPointS-alignSelf-end {
    -ms-flex-item-align: end;
        align-self: end; }
  .breakPointS-alignSelf-flexEnd {
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .breakPointS-alignSelf-flexStart {
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .breakPointS-alignSelf-start {
    -ms-flex-item-align: start;
        align-self: start; }
  .breakPointS-alignSelf-stretch {
    -ms-flex-item-align: stretch;
        align-self: stretch; }
  .breakPointS-alignContent-around {
    -ms-flex-line-pack: distribute;
        align-content: space-around; }
  .breakPointS-alignContent-between {
    -ms-flex-line-pack: justify;
        align-content: space-between; }
  .breakPointS-alignContent-center {
    -ms-flex-line-pack: center;
        align-content: center; }
  .breakPointS-alignContent-end {
    -ms-flex-line-pack: end;
        align-content: end; }
  .breakPointS-alignContent-flexEnd {
    -ms-flex-line-pack: end;
        align-content: flex-end; }
  .breakPointS-alignContent-flexStart {
    -ms-flex-line-pack: start;
        align-content: flex-start; }
  .breakPointS-alignContent-spaceAround {
    -ms-flex-line-pack: distribute;
        align-content: space-around; }
  .breakPointS-alignContent-spaceBetween {
    -ms-flex-line-pack: justify;
        align-content: space-between; }
  .breakPointS-alignContent-spaceEvenly {
    -ms-flex-line-pack: space-evenly;
        align-content: space-evenly; }
  .breakPointS-alignContent-start {
    -ms-flex-line-pack: start;
        align-content: start; }
  .breakPointS-alignContent-stretch {
    -ms-flex-line-pack: stretch;
        align-content: stretch; }
  .breakPointS-justifySelf-start {
    justify-self: start; }
  .breakPointS-justifySelf-end {
    justify-self: end; }
  .breakPointS-justifySelf-center {
    justify-self: center; }
  .breakPointS-justifySelf-stretch {
    justify-self: stretch; }
  .breakPointS-justifyContent-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .breakPointS-justifyContent-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end; }
  .breakPointS-justifyContent-flexEnd {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .breakPointS-justifyContent-flexStart {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .breakPointS-justifyContent-spaceAround {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .breakPointS-justifyContent-spaceBetween {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .breakPointS-justifyContent-spaceEvenly {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly; }
  .breakPointS-justifyContent-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start; }
  .breakPointS-justifyContent-stretch {
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch; }
  .breakPointS-justifyItems-start {
    justify-items: start; }
  .breakPointS-justifyItems-end {
    justify-items: end; }
  .breakPointS-justifyItems-center {
    justify-items: center; }
  .breakPointS-justifyItems-stretch {
    justify-items: stretch; } }

@media screen and (min-width: 768px) {
  .breakPointM-flex-1 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .breakPointM-flex-none {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none; }
  .breakPointM-flexWrap-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .breakPointM-flexDirection-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .breakPointM-flexDirection-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .breakPointM-alignItems-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
  .breakPointM-alignItems-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .breakPointM-alignItems-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end; }
  .breakPointM-alignItems-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start; }
  .breakPointM-alignItems-flexEnd {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .breakPointM-alignItems-flexStart {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .breakPointM-alignItems-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .breakPointM-alignSelf-baseline {
    -ms-flex-item-align: baseline;
        align-self: baseline; }
  .breakPointM-alignSelf-center {
    -ms-flex-item-align: center;
        align-self: center; }
  .breakPointM-alignSelf-end {
    -ms-flex-item-align: end;
        align-self: end; }
  .breakPointM-alignSelf-flexEnd {
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .breakPointM-alignSelf-flexStart {
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .breakPointM-alignSelf-start {
    -ms-flex-item-align: start;
        align-self: start; }
  .breakPointM-alignSelf-stretch {
    -ms-flex-item-align: stretch;
        align-self: stretch; }
  .breakPointM-alignContent-around {
    -ms-flex-line-pack: distribute;
        align-content: space-around; }
  .breakPointM-alignContent-between {
    -ms-flex-line-pack: justify;
        align-content: space-between; }
  .breakPointM-alignContent-center {
    -ms-flex-line-pack: center;
        align-content: center; }
  .breakPointM-alignContent-end {
    -ms-flex-line-pack: end;
        align-content: end; }
  .breakPointM-alignContent-flexEnd {
    -ms-flex-line-pack: end;
        align-content: flex-end; }
  .breakPointM-alignContent-flexStart {
    -ms-flex-line-pack: start;
        align-content: flex-start; }
  .breakPointM-alignContent-spaceAround {
    -ms-flex-line-pack: distribute;
        align-content: space-around; }
  .breakPointM-alignContent-spaceBetween {
    -ms-flex-line-pack: justify;
        align-content: space-between; }
  .breakPointM-alignContent-spaceEvenly {
    -ms-flex-line-pack: space-evenly;
        align-content: space-evenly; }
  .breakPointM-alignContent-start {
    -ms-flex-line-pack: start;
        align-content: start; }
  .breakPointM-alignContent-stretch {
    -ms-flex-line-pack: stretch;
        align-content: stretch; }
  .breakPointM-justifySelf-start {
    justify-self: start; }
  .breakPointM-justifySelf-end {
    justify-self: end; }
  .breakPointM-justifySelf-center {
    justify-self: center; }
  .breakPointM-justifySelf-stretch {
    justify-self: stretch; }
  .breakPointM-justifyContent-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .breakPointM-justifyContent-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end; }
  .breakPointM-justifyContent-flexEnd {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .breakPointM-justifyContent-flexStart {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .breakPointM-justifyContent-spaceAround {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .breakPointM-justifyContent-spaceBetween {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .breakPointM-justifyContent-spaceEvenly {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly; }
  .breakPointM-justifyContent-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start; }
  .breakPointM-justifyContent-stretch {
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch; }
  .breakPointM-justifyItems-start {
    justify-items: start; }
  .breakPointM-justifyItems-end {
    justify-items: end; }
  .breakPointM-justifyItems-center {
    justify-items: center; }
  .breakPointM-justifyItems-stretch {
    justify-items: stretch; } }

@media screen and (min-width: 1180px) {
  .breakPointL-flex-1 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .breakPointL-flex-none {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none; }
  .breakPointL-flexWrap-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .breakPointL-flexDirection-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .breakPointL-flexDirection-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .breakPointL-alignItems-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
  .breakPointL-alignItems-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .breakPointL-alignItems-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end; }
  .breakPointL-alignItems-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start; }
  .breakPointL-alignItems-flexEnd {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .breakPointL-alignItems-flexStart {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .breakPointL-alignItems-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .breakPointL-alignSelf-baseline {
    -ms-flex-item-align: baseline;
        align-self: baseline; }
  .breakPointL-alignSelf-center {
    -ms-flex-item-align: center;
        align-self: center; }
  .breakPointL-alignSelf-end {
    -ms-flex-item-align: end;
        align-self: end; }
  .breakPointL-alignSelf-flexEnd {
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .breakPointL-alignSelf-flexStart {
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .breakPointL-alignSelf-start {
    -ms-flex-item-align: start;
        align-self: start; }
  .breakPointL-alignSelf-stretch {
    -ms-flex-item-align: stretch;
        align-self: stretch; }
  .breakPointL-alignContent-around {
    -ms-flex-line-pack: distribute;
        align-content: space-around; }
  .breakPointL-alignContent-between {
    -ms-flex-line-pack: justify;
        align-content: space-between; }
  .breakPointL-alignContent-center {
    -ms-flex-line-pack: center;
        align-content: center; }
  .breakPointL-alignContent-flexEnd {
    -ms-flex-line-pack: end;
        align-content: flex-end; }
  .breakPointL-alignContent-flexStart {
    -ms-flex-line-pack: start;
        align-content: flex-start; }
  .breakPointL-alignContent-stretch {
    -ms-flex-line-pack: stretch;
        align-content: stretch; }
  .breakPointM-alignContent-end {
    -ms-flex-line-pack: end;
        align-content: end; }
  .breakPointM-alignContent-spaceAround {
    -ms-flex-line-pack: distribute;
        align-content: space-around; }
  .breakPointM-alignContent-spaceBetween {
    -ms-flex-line-pack: justify;
        align-content: space-between; }
  .breakPointM-alignContent-spaceEvenly {
    -ms-flex-line-pack: space-evenly;
        align-content: space-evenly; }
  .breakPointM-alignContent-start {
    -ms-flex-line-pack: start;
        align-content: start; }
  .breakPointL-justifySelf-start {
    justify-self: start; }
  .breakPointL-justifySelf-end {
    justify-self: end; }
  .breakPointL-justifySelf-center {
    justify-self: center; }
  .breakPointL-justifySelf-stretch {
    justify-self: stretch; }
  .breakPointL-justifyContent-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .breakPointL-justifyContent-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end; }
  .breakPointL-justifyContent-flexEnd {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .breakPointL-justifyContent-flexStart {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .breakPointL-justifyContent-spaceAround {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .breakPointL-justifyContent-spaceBetween {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .breakPointL-justifyContent-spaceEvenly {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly; }
  .breakPointL-justifyContent-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start; }
  .breakPointL-justifyContent-stretch {
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch; }
  .breakPointL-justifyItems-start {
    justify-items: start; }
  .breakPointL-justifyItems-end {
    justify-items: end; }
  .breakPointL-justifyItems-center {
    justify-items: center; }
  .breakPointL-justifyItems-stretch {
    justify-items: stretch; } }

.aspectRatio--100:before {
  content: "";
  display: block;
  padding-top: 100%; }

.aspectRatio--75:before {
  content: "";
  display: block;
  padding-top: 75%; }

.aspectRatio--60:before {
  content: "";
  display: block;
  padding-top: 60%; }

.aspectRatio--16-9:before {
  content: "";
  display: block;
  padding-top: 56.25%; }

.centered, .pageWrap, .popover-block-icon, .modal, .prototype-modal h1 {
  margin-left: auto;
  margin-right: auto; }

@media screen and (min-width: 480px) {
  .breakPointS-centered {
    margin-left: auto;
    margin-right: auto; } }

@media screen and (min-width: 768px) {
  .breakPointM-centered {
    margin-left: auto;
    margin-right: auto; } }

@media screen and (min-width: 1180px) {
  .breakPointL-centered {
    margin-left: auto;
    margin-right: auto; } }

.cf:before, .inline:before, .inputGroup:before, .buttonGroup:before, .pageWrap:before, .grid:before, .uiIcon:before, .modal:before, .info-message:before, .emoji-group:before,
.cf:after,
.inline:after,
.inputGroup:after,
.buttonGroup:after,
.pageWrap:after,
.grid:after,
.uiIcon:after,
.modal:after,
.info-message:after,
.emoji-group:after {
  content: ""; }

.hidden {
  display: none !important; }

.concealed, .modal,
.modal-overlay.is-active .modal-container.concealed .modal, .modal-image,
.modal-icon-wrapper,
.modal-overlay.is-active .modal-container.concealed .modal-image,
.modal-overlay.is-active .modal-container.concealed .modal-icon-wrapper, .modal-subtext,
.modal-overlay.is-active .modal-container.concealed .modal-subtext, .modal-overlay {
  opacity: 0;
  visibility: hidden; }

.disclosed, .modal-overlay.is-active .modal-container .modal, .modal-overlay.is-active .modal-image, .modal-overlay.is-active .modal-icon-wrapper, .modal-overlay.is-active .modal-container .modal-subtext, .modal-overlay.is-active {
  opacity: 1;
  visibility: visible; }

.inline, .inputGroup, .buttonGroup {
  font-size: 0; }

@media screen and (min-width: 480px) {
  .breakPointS-inline {
    font-size: 0; }
  .breakPointS-inline:before,
  .breakPointS-inline:after {
    content: "";
    display: table; }
  .breakPointS-inline:after {
    clear: both; }
  .breakPointS-inline > div {
    display: inline-block; } }

@media screen and (min-width: 768px) {
  .breakPointM-inline {
    font-size: 0; }
  .breakPointM-inline:before,
  .breakPointM-inline:after {
    content: "";
    display: table; }
  .breakPointM-inline:after {
    clear: both; }
  .breakPointM-inline > div {
    display: inline-block; } }

@media screen and (min-width: 1180px) {
  .breakPointL-inline {
    font-size: 0; }
  .breakPointL-inline:before,
  .breakPointL-inline:after {
    content: "";
    display: table; }
  .breakPointL-inline:after {
    clear: both; }
  .breakPointL-inline > div {
    display: inline-block; } }

.pinTR, .select:after, .modal-iconClose, .annotation:after, .annotation-reference:after, .prototype-modal {
  top: 0;
  right: 0; }

.pinTL, .form-control-indicator, .button.is-sad:before, .uiIcon .svgIcon, .modal-iconBack, #annotations-sidebar .annotations-inner:after {
  top: 0;
  left: 0; }

.pinBR {
  bottom: 0;
  right: 0; }

.pinBL {
  bottom: 0;
  left: 0; }

.pinAll, .modal-overlay, .modal-container, .marvel-comment-loading {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

.pinFill, .aspectRatio-content, .select-toggle:after {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.pinOffScreen {
  top: -999999px;
  left: -999999px; }

.pinCenter, .is-loading:after, .marvel-comment-loading:after, .radio-tick, .modal-icon:before,
.modal-icon:after {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.truncateText-two {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.verticallyCenter {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.verticallyCenter-absolute {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

@media screen and (min-width: 480px) {
  .breakPointS-verticallyCenter {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); } }

@media screen and (min-width: 768px) {
  .breakPointM-verticallyCenter {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); } }

@media screen and (min-width: 1180px) {
  .breakPointL-verticallyCenter {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); } }

.visuallyHidden {
  height: 1px;
  width: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0; }

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

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

.animation-spin, .is-loading:after, .marvel-comment-loading:after {
  -webkit-animation: spin 800ms infinite linear;
          animation: spin 800ms infinite linear; }

.animation-rotate {
  -webkit-animation: spin 3000ms 1000ms infinite cubic-bezier(0.075, 0.82, 0.165, 1);
          animation: spin 3000ms 1000ms infinite cubic-bezier(0.075, 0.82, 0.165, 1); }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px); }
  60% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px); }
  60% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px); } }

.animation-bounce {
  -webkit-animation: bounce 1800ms 4 cubic-bezier(0.075, 0.82, 0.165, 1);
          animation: bounce 1800ms 4 cubic-bezier(0.075, 0.82, 0.165, 1); }

.clickFeedback {
  -webkit-animation: clickTranslate 700ms cubic-bezier(0.075, 0.82, 0.165, 1);
          animation: clickTranslate 700ms cubic-bezier(0.075, 0.82, 0.165, 1); }

@-webkit-keyframes clickTranslate {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  25%, 50% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); } }

@keyframes clickTranslate {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  25%, 50% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); } }

.bg-marvel, .buttonGroup div.active .button,
.buttonGroup div:last-child.active .button {
  background-color: #1fb6ff; }

.bg-green, .comment-tree.is-completed .marvel-comment .annotation-reference {
  background-color: #13ce66; }

.bg-yellow {
  background-color: #ffc82c; }

.bg-orange, .popover--orange,
.popover--orange.has-caret:after {
  background-color: #ff7849; }

.bg-pink {
  background-color: #ff49db; }

.bg-purple, .annotation, .annotation-reference {
  background-color: #7e5bef; }

.bg-red {
  background-color: #ff4949; }

.bg-marvel--d {
  background-color: #009eeb; }

.bg-marvel--l {
  background-color: #85d7ff; }

.bg-green--d {
  background-color: #0f9f4f; }

.bg-green--l {
  background-color: #29eb7f; }

.bg-yellow--d {
  background-color: #f8b700; }

.bg-yellow--l {
  background-color: #ffd55f; }

.bg-orange--d {
  background-color: #ff5216; }

.bg-orange--l {
  background-color: #ff9e7c; }

.bg-pink--d {
  background-color: #ff16d1; }

.bg-pink--l {
  background-color: #ff7ce5; }

.bg-purple--d {
  background-color: #592dea; }

.bg-purple--l {
  background-color: #a389f4; }

.bg-red--d {
  background-color: #ff1616; }

.bg-red--l {
  background-color: #ff7c7c; }

.bg-licorice {
  background-color: #000000; }

.bg-black, .popover--dark,
.popover--dark.has-caret:after {
  background-color: #1f2d3d; }

.bg-steel {
  background-color: #273444; }

.bg-slate {
  background-color: #3c4858; }

.bg-silver, .modal-icon--light.modal-iconClose:before,
.modal-icon--light.modal-iconClose:after,
.modal-icon--light.modal-iconBack:before,
.modal-icon--light.modal-iconBack:after {
  background-color: #8492a6; }

.bg-snow, .input.is-disabled, .input.uiIcon.is-loading, .input.uiIcon.marvel-comment-loading, .inputGroup-context, .textarea.is-disabled, .textarea.uiIcon.is-loading, .textarea.uiIcon.marvel-comment-loading, .uiIcon.marvel-comment-loading.marvel-comment-inner[contenteditable="true"], .uiIcon.is-loading.marvel-comment-inner[contenteditable="true"], .is-disabled.marvel-comment-inner[contenteditable="true"], .select--default.is-disabled select, .select--default.uiIcon.is-loading select, .select--default.uiIcon.marvel-comment-loading select, .select-toggle.is-loading, .select-toggle.marvel-comment-loading, .button.is-disabled, .button.is-loading, .button.marvel-comment-loading,
.button--flat.is-loading, .button--flat.marvel-comment-loading {
  background-color: #f9fafc; }

.bg-smoke, .popover-separator, .modal-icon--dark, .divider-with-text:before,
.divider-with-text:after {
  background-color: #e0e6ed; }

.bg-white, .input--default, .select--default select, .form-control-indicator, .radio-tick, .popover--default,
.popover--default.has-caret:after, .modal-icon--universal.modal-iconClose:before,
.modal-icon--universal.modal-iconClose:after, .modal-overlay, .emoji-picker-autocomplete {
  background-color: #fff; }

.bg-snow--d, .form-control:hover .form-control-indicator {
  background-color: #eff2f7; }

.bg-snow--xd, .comment-tree:after {
  background-color: #e5e9f2; }

.bg-smoke--d {
  background-color: #d3dce6; }

.bg-smoke--xd, .modal-icon--dark.modal-iconClose:before,
.modal-icon--dark.modal-iconClose:after {
  background-color: #c0ccda; }

.bg-blue {
  background-color: #1fb6ff; }

.bg-positive, .has-succeeded.has-responded, .annotation.is-complete.highlighted {
  background-color: #13ce66; }

.bg-negative, .has-failed.has-responded, .popover--error,
.popover--error.has-caret:after, .comment-sidebar-buttons .is-set:hover .js-annotation-reference {
  background-color: #ff4949; }

.bg-warning {
  background-color: #ffc82c; }

.bg-blue--d {
  background-color: #009eeb; }

.bg-blue--l {
  background-color: #85d7ff; }

.bg-blue--translucent {
  background-color: rgba(133, 215, 255, 0.98); }

.bg-blue--transparent, .info-message {
  background-color: rgba(133, 215, 255, 0.3); }

.bg-blue--pellucid {
  background-color: rgba(133, 215, 255, 0.15); }

.bg-blue--limpid {
  background-color: rgba(133, 215, 255, 0.05); }

.bg-licorice--translucent {
  background-color: rgba(0, 0, 0, 0.98); }

.bg-licorice--transparent, .modal-icon--universal {
  background-color: rgba(0, 0, 0, 0.3); }

.bg-licorice--pellucid {
  background-color: rgba(0, 0, 0, 0.15); }

.bg-licorice--limpid {
  background-color: rgba(0, 0, 0, 0.05); }

.bg-black--translucent, .modal-overlay.dark-background {
  background-color: rgba(31, 45, 61, 0.98); }

.bg-black--transparent {
  background-color: rgba(31, 45, 61, 0.3); }

.bg-black--pellucid {
  background-color: rgba(31, 45, 61, 0.15); }

.bg-black--limpid {
  background-color: rgba(31, 45, 61, 0.05); }

.bg-white--translucent {
  background-color: rgba(255, 255, 255, 0.98); }

.bg-white--transparent {
  background-color: rgba(255, 255, 255, 0.3); }

.bg-white--pellucid {
  background-color: rgba(255, 255, 255, 0.15); }

.bg-white--limpid {
  background-color: rgba(255, 255, 255, 0.05); }

.bg-twitter {
  background-color: #55acee; }

.bg-facebook {
  background-color: #3b5999; }

.bg-dribbble {
  background-color: #ea4c89; }

.bg-dropbox {
  background-color: #007ee5; }

.bg-google {
  background-color: #dc4e41; }

.bg-instagram {
  background-color: #3f729b; }

.bg-linkedin {
  background-color: #0077b5; }

.bg-pocket {
  background-color: #ef4056; }

.bg-none, .input--invisible, .input--underline, .select select, .button--ghost,
.button--ghost:visited, .button.is-disabled.is-reversed, .is-reversed.button.is-loading, .is-reversed.button.marvel-comment-loading,
.is-reversed.button--flat.is-loading, .is-reversed.button--flat.marvel-comment-loading, .table {
  background-color: transparent; }

@media screen and (min-width: 480px) {
  .breakPointS-bg-marvel {
    background-color: #1fb6ff; }
  .breakPointS-bg-green {
    background-color: #13ce66; }
  .breakPointS-bg-yellow {
    background-color: #ffc82c; }
  .breakPointS-bg-orange {
    background-color: #ff7849; }
  .breakPointS-bg-pink {
    background-color: #ff49db; }
  .breakPointS-bg-purple {
    background-color: #7e5bef; }
  .breakPointS-bg-red {
    background-color: #ff4949; }
  .breakPointS-bg-marvel--d {
    background-color: #009eeb; }
  .breakPointS-bg-marvel--l {
    background-color: #85d7ff; }
  .breakPointS-bg-green--d {
    background-color: #0f9f4f; }
  .breakPointS-bg-green--l {
    background-color: #29eb7f; }
  .breakPointS-bg-yellow--d {
    background-color: #f8b700; }
  .breakPointS-bg-yellow--l {
    background-color: #ffd55f; }
  .breakPointS-bg-orange--d {
    background-color: #ff5216; }
  .breakPointS-bg-orange--l {
    background-color: #ff9e7c; }
  .breakPointS-bg-pink--d {
    background-color: #ff16d1; }
  .breakPointS-bg-pink--l {
    background-color: #ff7ce5; }
  .breakPointS-bg-purple--d {
    background-color: #592dea; }
  .breakPointS-bg-purple--l {
    background-color: #a389f4; }
  .breakPointS-bg-red--d {
    background-color: #ff1616; }
  .breakPointS-bg-red--l {
    background-color: #ff7c7c; }
  .breakPointS-bg-licorice {
    background-color: #000000; }
  .breakPointS-bg-black {
    background-color: #1f2d3d; }
  .breakPointS-bg-steel {
    background-color: #273444; }
  .breakPointS-bg-slate {
    background-color: #3c4858; }
  .breakPointS-bg-silver {
    background-color: #8492a6; }
  .breakPointS-bg-snow {
    background-color: #f9fafc; }
  .breakPointS-bg-smoke {
    background-color: #e0e6ed; }
  .breakPointS-bg-white, .modal.has-border {
    background-color: #fff; }
  .breakPointS-bg-snow--d {
    background-color: #eff2f7; }
  .breakPointS-bg-snow--xd, .modal-icon--light {
    background-color: #e5e9f2; }
  .breakPointS-bg-smoke--d {
    background-color: #d3dce6; }
  .breakPointS-bg-smoke--xd {
    background-color: #c0ccda; }
  .breakPointS-bg-blue {
    background-color: #1fb6ff; }
  .breakPointS-bg-positive {
    background-color: #13ce66; }
  .breakPointS-bg-negative {
    background-color: #ff4949; }
  .breakPointS-bg-warning {
    background-color: #ffc82c; }
  .breakPointS-bg-blue--d {
    background-color: #009eeb; }
  .breakPointS-bg-blue--l {
    background-color: #85d7ff; }
  .breakPointS-bg-blue--translucent {
    background-color: rgba(133, 215, 255, 0.98); }
  .breakPointS-bg-blue--transparent {
    background-color: rgba(133, 215, 255, 0.3); }
  .breakPointS-bg-blue--pellucid {
    background-color: rgba(133, 215, 255, 0.15); }
  .breakPointS-bg-blue--limpid {
    background-color: rgba(133, 215, 255, 0.05); }
  .breakPointS-bg-licorice--translucent {
    background-color: rgba(0, 0, 0, 0.98); }
  .breakPointS-bg-licorice--transparent {
    background-color: rgba(0, 0, 0, 0.3); }
  .breakPointS-bg-licorice--pellucid {
    background-color: rgba(0, 0, 0, 0.15); }
  .breakPointS-bg-licorice--limpid {
    background-color: rgba(0, 0, 0, 0.05); }
  .breakPointS-bg-black--translucent {
    background-color: rgba(31, 45, 61, 0.98); }
  .breakPointS-bg-black--transparent {
    background-color: rgba(31, 45, 61, 0.3); }
  .breakPointS-bg-black--pellucid {
    background-color: rgba(31, 45, 61, 0.15); }
  .breakPointS-bg-black--limpid {
    background-color: rgba(31, 45, 61, 0.05); }
  .breakPointS-bg-white--translucent {
    background-color: rgba(255, 255, 255, 0.98); }
  .breakPointS-bg-white--transparent {
    background-color: rgba(255, 255, 255, 0.3); }
  .breakPointS-bg-white--pellucid {
    background-color: rgba(255, 255, 255, 0.15); }
  .breakPointS-bg-white--limpid {
    background-color: rgba(255, 255, 255, 0.05); }
  .breakPointS-bg-twitter {
    background-color: #55acee; }
  .breakPointS-bg-facebook {
    background-color: #3b5999; }
  .breakPointS-bg-dribbble {
    background-color: #ea4c89; }
  .breakPointS-bg-dropbox {
    background-color: #007ee5; }
  .breakPointS-bg-google {
    background-color: #dc4e41; }
  .breakPointS-bg-instagram {
    background-color: #3f729b; }
  .breakPointS-bg-linkedin {
    background-color: #0077b5; }
  .breakPointS-bg-none {
    background-color: transparent; } }

@media screen and (min-width: 768px) {
  .breakPointM-bg-marvel {
    background-color: #1fb6ff; }
  .breakPointM-bg-green {
    background-color: #13ce66; }
  .breakPointM-bg-yellow {
    background-color: #ffc82c; }
  .breakPointM-bg-orange {
    background-color: #ff7849; }
  .breakPointM-bg-pink {
    background-color: #ff49db; }
  .breakPointM-bg-purple {
    background-color: #7e5bef; }
  .breakPointM-bg-red {
    background-color: #ff4949; }
  .breakPointM-bg-marvel--d {
    background-color: #009eeb; }
  .breakPointM-bg-marvel--l {
    background-color: #85d7ff; }
  .breakPointM-bg-green--d {
    background-color: #0f9f4f; }
  .breakPointM-bg-green--l {
    background-color: #29eb7f; }
  .breakPointM-bg-yellow--d {
    background-color: #f8b700; }
  .breakPointM-bg-yellow--l {
    background-color: #ffd55f; }
  .breakPointM-bg-orange--d {
    background-color: #ff5216; }
  .breakPointM-bg-orange--l {
    background-color: #ff9e7c; }
  .breakPointM-bg-pink--d {
    background-color: #ff16d1; }
  .breakPointM-bg-pink--l {
    background-color: #ff7ce5; }
  .breakPointM-bg-purple--d {
    background-color: #592dea; }
  .breakPointM-bg-purple--l {
    background-color: #a389f4; }
  .breakPointM-bg-red--d {
    background-color: #ff1616; }
  .breakPointM-bg-red--l {
    background-color: #ff7c7c; }
  .breakPointM-bg-licorice {
    background-color: #000000; }
  .breakPointM-bg-black {
    background-color: #1f2d3d; }
  .breakPointM-bg-steel {
    background-color: #273444; }
  .breakPointM-bg-slate {
    background-color: #3c4858; }
  .breakPointM-bg-silver {
    background-color: #8492a6; }
  .breakPointM-bg-snow {
    background-color: #f9fafc; }
  .breakPointM-bg-smoke {
    background-color: #e0e6ed; }
  .breakPointM-bg-white {
    background-color: #fff; }
  .breakPointM-bg-snow--d {
    background-color: #eff2f7; }
  .breakPointM-bg-snow--xd {
    background-color: #e5e9f2; }
  .breakPointM-bg-smoke--d {
    background-color: #d3dce6; }
  .breakPointM-bg-smoke--xd {
    background-color: #c0ccda; }
  .breakPointM-bg-blue {
    background-color: #1fb6ff; }
  .breakPointM-bg-positive {
    background-color: #13ce66; }
  .breakPointM-bg-negative {
    background-color: #ff4949; }
  .breakPointM-bg-warning {
    background-color: #ffc82c; }
  .breakPointM-bg-blue--d {
    background-color: #009eeb; }
  .breakPointM-bg-blue--l {
    background-color: #85d7ff; }
  .breakPointM-bg-blue--translucent {
    background-color: rgba(133, 215, 255, 0.98); }
  .breakPointM-bg-blue--transparent {
    background-color: rgba(133, 215, 255, 0.3); }
  .breakPointM-bg-blue--pellucid {
    background-color: rgba(133, 215, 255, 0.15); }
  .breakPointM-bg-blue--limpid {
    background-color: rgba(133, 215, 255, 0.05); }
  .breakPointM-bg-licorice--translucent {
    background-color: rgba(0, 0, 0, 0.98); }
  .breakPointM-bg-licorice--transparent {
    background-color: rgba(0, 0, 0, 0.3); }
  .breakPointM-bg-licorice--pellucid {
    background-color: rgba(0, 0, 0, 0.15); }
  .breakPointM-bg-licorice--limpid {
    background-color: rgba(0, 0, 0, 0.05); }
  .breakPointM-bg-black--translucent {
    background-color: rgba(31, 45, 61, 0.98); }
  .breakPointM-bg-black--transparent {
    background-color: rgba(31, 45, 61, 0.3); }
  .breakPointM-bg-black--pellucid {
    background-color: rgba(31, 45, 61, 0.15); }
  .breakPointM-bg-black--limpid {
    background-color: rgba(31, 45, 61, 0.05); }
  .breakPointM-bg-white--translucent {
    background-color: rgba(255, 255, 255, 0.98); }
  .breakPointM-bg-white--transparent {
    background-color: rgba(255, 255, 255, 0.3); }
  .breakPointM-bg-white--pellucid {
    background-color: rgba(255, 255, 255, 0.15); }
  .breakPointM-bg-white--limpid {
    background-color: rgba(255, 255, 255, 0.05); }
  .breakPointM-bg-twitter {
    background-color: #55acee; }
  .breakPointM-bg-facebook {
    background-color: #3b5999; }
  .breakPointM-bg-dribbble {
    background-color: #ea4c89; }
  .breakPointM-bg-dropbox {
    background-color: #007ee5; }
  .breakPointM-bg-google {
    background-color: #dc4e41; }
  .breakPointM-bg-instagram {
    background-color: #3f729b; }
  .breakPointM-bg-linkedin {
    background-color: #0077b5; }
  .breakPointM-bg-none {
    background-color: transparent; } }

@media screen and (min-width: 1180px) {
  .breakPointL-bg-marvel {
    background-color: #1fb6ff; }
  .breakPointL-bg-green {
    background-color: #13ce66; }
  .breakPointL-bg-yellow {
    background-color: #ffc82c; }
  .breakPointL-bg-orange {
    background-color: #ff7849; }
  .breakPointL-bg-pink {
    background-color: #ff49db; }
  .breakPointL-bg-purple {
    background-color: #7e5bef; }
  .breakPointL-bg-red {
    background-color: #ff4949; }
  .breakPointL-bg-marvel--d {
    background-color: #009eeb; }
  .breakPointL-bg-marvel--l {
    background-color: #85d7ff; }
  .breakPointL-bg-green--d {
    background-color: #0f9f4f; }
  .breakPointL-bg-green--l {
    background-color: #29eb7f; }
  .breakPointL-bg-yellow--d {
    background-color: #f8b700; }
  .breakPointL-bg-yellow--l {
    background-color: #ffd55f; }
  .breakPointL-bg-orange--d {
    background-color: #ff5216; }
  .breakPointL-bg-orange--l {
    background-color: #ff9e7c; }
  .breakPointL-bg-pink--d {
    background-color: #ff16d1; }
  .breakPointL-bg-pink--l {
    background-color: #ff7ce5; }
  .breakPointL-bg-purple--d {
    background-color: #592dea; }
  .breakPointL-bg-purple--l {
    background-color: #a389f4; }
  .breakPointL-bg-red--d {
    background-color: #ff1616; }
  .breakPointL-bg-red--l {
    background-color: #ff7c7c; }
  .breakPointL-bg-licorice {
    background-color: #000000; }
  .breakPointL-bg-black {
    background-color: #1f2d3d; }
  .breakPointL-bg-steel {
    background-color: #273444; }
  .breakPointL-bg-slate {
    background-color: #3c4858; }
  .breakPointL-bg-silver {
    background-color: #8492a6; }
  .breakPointL-bg-snow {
    background-color: #f9fafc; }
  .breakPointL-bg-smoke {
    background-color: #e0e6ed; }
  .breakPointL-bg-white {
    background-color: #fff; }
  .breakPointL-bg-snow--d {
    background-color: #eff2f7; }
  .breakPointL-bg-snow--xd {
    background-color: #e5e9f2; }
  .breakPointL-bg-smoke--d {
    background-color: #d3dce6; }
  .breakPointL-bg-smoke--xd {
    background-color: #c0ccda; }
  .breakPointL-bg-blue {
    background-color: #1fb6ff; }
  .breakPointL-bg-positive {
    background-color: #13ce66; }
  .breakPointL-bg-negative {
    background-color: #ff4949; }
  .breakPointL-bg-warning {
    background-color: #ffc82c; }
  .breakPointL-bg-blue--d {
    background-color: #009eeb; }
  .breakPointL-bg-blue--l {
    background-color: #85d7ff; }
  .breakPointL-bg-blue--translucent {
    background-color: rgba(133, 215, 255, 0.98); }
  .breakPointL-bg-blue--transparent {
    background-color: rgba(133, 215, 255, 0.3); }
  .breakPointL-bg-blue--pellucid {
    background-color: rgba(133, 215, 255, 0.15); }
  .breakPointL-bg-blue--limpid {
    background-color: rgba(133, 215, 255, 0.05); }
  .breakPointL-bg-licorice--translucent {
    background-color: rgba(0, 0, 0, 0.98); }
  .breakPointL-bg-licorice--transparent {
    background-color: rgba(0, 0, 0, 0.3); }
  .breakPointL-bg-licorice--pellucid {
    background-color: rgba(0, 0, 0, 0.15); }
  .breakPointL-bg-licorice--limpid {
    background-color: rgba(0, 0, 0, 0.05); }
  .breakPointL-bg-black--translucent {
    background-color: rgba(31, 45, 61, 0.98); }
  .breakPointL-bg-black--transparent {
    background-color: rgba(31, 45, 61, 0.3); }
  .breakPointL-bg-black--pellucid {
    background-color: rgba(31, 45, 61, 0.15); }
  .breakPointL-bg-black--limpid {
    background-color: rgba(31, 45, 61, 0.05); }
  .breakPointL-bg-white--translucent {
    background-color: rgba(255, 255, 255, 0.98); }
  .breakPointL-bg-white--transparent {
    background-color: rgba(255, 255, 255, 0.3); }
  .breakPointL-bg-white--pellucid {
    background-color: rgba(255, 255, 255, 0.15); }
  .breakPointL-bg-white--limpid {
    background-color: rgba(255, 255, 255, 0.05); }
  .breakPointL-bg-twitter {
    background-color: #55acee; }
  .breakPointL-bg-facebook {
    background-color: #3b5999; }
  .breakPointL-bg-dribbble {
    background-color: #ea4c89; }
  .breakPointL-bg-dropbox {
    background-color: #007ee5; }
  .breakPointL-bg-google {
    background-color: #dc4e41; }
  .breakPointL-bg-instagram {
    background-color: #3f729b; }
  .breakPointL-bg-linkedin {
    background-color: #0077b5; }
  .breakPointL-bg-none {
    background-color: transparent; } }

.borderColor-marvel {
  border-color: #1fb6ff; }

.borderColor-green {
  border-color: #13ce66; }

.borderColor-yellow {
  border-color: #ffc82c; }

.borderColor-orange {
  border-color: #ff7849; }

.borderColor-pink {
  border-color: #ff49db; }

.borderColor-purple {
  border-color: #7e5bef; }

.borderColor-red {
  border-color: #ff4949; }

.borderColor-marvel--d {
  border-color: #009eeb; }

.borderColor-marvel--l {
  border-color: #85d7ff; }

.borderColor-green--d {
  border-color: #0f9f4f; }

.borderColor-green--l {
  border-color: #29eb7f; }

.borderColor-yellow--d {
  border-color: #f8b700; }

.borderColor-yellow--l {
  border-color: #ffd55f; }

.borderColor-orange--d {
  border-color: #ff5216; }

.borderColor-orange--l {
  border-color: #ff9e7c; }

.borderColor-pink--d {
  border-color: #ff16d1; }

.borderColor-pink--l {
  border-color: #ff7ce5; }

.borderColor-purple--d {
  border-color: #592dea; }

.borderColor-purple--l {
  border-color: #a389f4; }

.borderColor-red--d {
  border-color: #ff1616; }

.borderColor-red--l {
  border-color: #ff7c7c; }

.borderColor-black {
  border-color: #1f2d3d; }

.borderColor-steel {
  border-color: #273444; }

.borderColor-slate {
  border-color: #3c4858; }

.borderColor-silver, .is-loading:after, .marvel-comment-loading:after, .is-loading--silver:after, .button.is-loading:after, .button.marvel-comment-loading:after,
.button--flat.is-loading:after, .button--flat.marvel-comment-loading:after, .uiIcon.is-loading:after, .uiIcon.marvel-comment-loading:after {
  border-color: #8492a6; }

.borderColor-snow {
  border-color: #f9fafc; }

.borderColor-smoke, .is-loading--smoke:after, .intl-tel-input .selected-flag, .popover-block, .popover-select-item.has-border {
  border-color: #e0e6ed; }

.borderColor-white, .is-loading--white:after {
  border-color: #fff; }

.borderColor-snow--d {
  border-color: #eff2f7; }

.borderColor-snow--xd {
  border-color: #e5e9f2; }

.borderColor-smoke--d, .is-loading--smoke--d:after {
  border-color: #d3dce6; }

.borderColor-smoke--xd {
  border-color: #c0ccda; }

.borderColor-blue, .is-loading--blue:after {
  border-color: #1fb6ff; }

.borderColor-positive {
  border-color: #13ce66; }

.borderColor-negative {
  border-color: #ff4949; }

.borderColor-warning {
  border-color: #ffc82c; }

.borderColor-blue--d {
  border-color: #009eeb; }

.borderColor-blue--l {
  border-color: #85d7ff; }

.borderColor-blue--translucent {
  border-color: rgba(133, 215, 255, 0.98); }

.borderColor-blue--transparent {
  border-color: rgba(133, 215, 255, 0.3); }

.borderColor-blue--pellucid {
  border-color: rgba(133, 215, 255, 0.15); }

.borderColor-blue--limpid {
  border-color: rgba(133, 215, 255, 0.05); }

.borderColor-white--translucent {
  border-color: rgba(255, 255, 255, 0.98); }

.borderColor-white--transparent {
  border-color: rgba(255, 255, 255, 0.3); }

.borderColor-white--pellucid {
  border-color: rgba(255, 255, 255, 0.15); }

.borderColor-white--limpid {
  border-color: rgba(255, 255, 255, 0.05); }

.borderColor-black--translucent {
  border-color: rgba(31, 45, 61, 0.98); }

.borderColor-black--transparent {
  border-color: rgba(31, 45, 61, 0.3); }

.borderColor-black--pellucid {
  border-color: rgba(31, 45, 61, 0.15); }

.borderColor-black--limpid {
  border-color: rgba(31, 45, 61, 0.05); }

.borderColor-licorice--translucent {
  border-color: rgba(0, 0, 0, 0.98); }

.borderColor-licorice--transparent {
  border-color: rgba(0, 0, 0, 0.3); }

.borderColor-licorice--pellucid {
  border-color: rgba(0, 0, 0, 0.15); }

.borderColor-licorice--limpid {
  border-color: rgba(0, 0, 0, 0.05); }

.borderColor-twitter {
  border-color: #55acee; }

.borderColor-facebook {
  border-color: #3b5999; }

.borderColor-dribbble {
  border-color: #ea4c89; }

.borderColor-dropbox {
  border-color: #007ee5; }

.borderColor-google {
  border-color: #dc4e41; }

.borderColor-instagram {
  border-color: #3f729b; }

.borderColor-linkedin {
  border-color: #0077b5; }

.borderColor-pocket {
  border-color: #ef4056; }

.borderColor-transparent {
  border-color: transparent; }

.borderRightColor-transparent, .is-loading:after, .marvel-comment-loading:after, .is-loading--white:after, .is-loading--smoke:after, .is-loading--smoke--d:after, .is-loading--silver:after, .button.is-loading:after, .button.marvel-comment-loading:after,
.button--flat.is-loading:after, .button--flat.marvel-comment-loading:after, .is-loading--blue:after {
  border-right-color: transparent; }

@media screen and (min-width: 480px) {
  .breakPointS-borderColor-marvel {
    border-color: #1fb6ff; }
  .breakPointS-borderColor-green {
    border-color: #13ce66; }
  .breakPointS-borderColor-yellow {
    border-color: #ffc82c; }
  .breakPointS-borderColor-orange {
    border-color: #ff7849; }
  .breakPointS-borderColor-pink {
    border-color: #ff49db; }
  .breakPointS-borderColor-purple {
    border-color: #7e5bef; }
  .breakPointS-borderColor-red {
    border-color: #ff4949; }
  .breakPointS-borderColor-marvel--d {
    border-color: #009eeb; }
  .breakPointS-borderColor-marvel--l {
    border-color: #85d7ff; }
  .breakPointS-borderColor-green--d {
    border-color: #0f9f4f; }
  .breakPointS-borderColor-green--l {
    border-color: #29eb7f; }
  .breakPointS-borderColor-yellow--d {
    border-color: #f8b700; }
  .breakPointS-borderColor-yellow--l {
    border-color: #ffd55f; }
  .breakPointS-borderColor-orange--d {
    border-color: #ff5216; }
  .breakPointS-borderColor-orange--l {
    border-color: #ff9e7c; }
  .breakPointS-borderColor-pink--d {
    border-color: #ff16d1; }
  .breakPointS-borderColor-pink--l {
    border-color: #ff7ce5; }
  .breakPointS-borderColor-purple--d {
    border-color: #592dea; }
  .breakPointS-borderColor-purple--l {
    border-color: #a389f4; }
  .breakPointS-borderColor-red--d {
    border-color: #ff1616; }
  .breakPointS-borderColor-red--l {
    border-color: #ff7c7c; }
  .breakPointS-borderColor-black {
    border-color: #1f2d3d; }
  .breakPointS-borderColor-steel {
    border-color: #273444; }
  .breakPointS-borderColor-slate {
    border-color: #3c4858; }
  .breakPointS-borderColor-silver {
    border-color: #8492a6; }
  .breakPointS-borderColor-snow {
    border-color: #f9fafc; }
  .breakPointS-borderColor-smoke, .modal.has-border {
    border-color: #e0e6ed; }
  .breakPointS-borderColor-white {
    border-color: #fff; }
  .breakPointS-borderColor-snow--d {
    border-color: #eff2f7; }
  .breakPointS-borderColor-snow--xd {
    border-color: #e5e9f2; }
  .breakPointS-borderColor-smoke--d {
    border-color: #d3dce6; }
  .breakPointS-borderColor-smoke--xd {
    border-color: #c0ccda; }
  .breakPointS-borderColor-blue {
    border-color: #1fb6ff; }
  .breakPointS-borderColor-positive {
    border-color: #13ce66; }
  .breakPointS-borderColor-negative {
    border-color: #ff4949; }
  .breakPointS-borderColor-warning {
    border-color: #ffc82c; }
  .breakPointS-borderColor-blue--d {
    border-color: #009eeb; }
  .breakPointS-borderColor-blue--l {
    border-color: #85d7ff; }
  .breakPointS-borderColor-blue--translucent {
    border-color: rgba(133, 215, 255, 0.98); }
  .breakPointS-borderColor-blue--transparent {
    border-color: rgba(133, 215, 255, 0.3); }
  .breakPointS-borderColor-blue--pellucid {
    border-color: rgba(133, 215, 255, 0.15); }
  .breakPointS-borderColor-blue--limpid {
    border-color: rgba(133, 215, 255, 0.05); }
  .breakPointS-borderColor-white--translucent {
    border-color: rgba(255, 255, 255, 0.98); }
  .breakPointS-borderColor-white--transparent {
    border-color: rgba(255, 255, 255, 0.3); }
  .breakPointS-borderColor-white--pellucid {
    border-color: rgba(255, 255, 255, 0.15); }
  .breakPointS-borderColor-white--limpid {
    border-color: rgba(255, 255, 255, 0.05); }
  .breakPointS-borderColor-black--translucent {
    border-color: rgba(31, 45, 61, 0.98); }
  .breakPointS-borderColor-black--transparent {
    border-color: rgba(31, 45, 61, 0.3); }
  .breakPointS-borderColor-black--pellucid {
    border-color: rgba(31, 45, 61, 0.15); }
  .breakPointS-borderColor-black--limpid {
    border-color: rgba(31, 45, 61, 0.05); }
  .breakPointS-borderColor-licorice--translucent {
    border-color: rgba(0, 0, 0, 0.98); }
  .breakPointS-borderColor-licorice--transparent {
    border-color: rgba(0, 0, 0, 0.3); }
  .breakPointS-borderColor-licorice--pellucid {
    border-color: rgba(0, 0, 0, 0.15); }
  .breakPointS-borderColor-licorice--limpid {
    border-color: rgba(0, 0, 0, 0.05); }
  .breakPointS-borderColor-twitter {
    border-color: #55acee; }
  .breakPointS-borderColor-facebook {
    border-color: #3b5999; }
  .breakPointS-borderColor-dribbble {
    border-color: #ea4c89; }
  .breakPointS-borderColor-dropbox {
    border-color: #007ee5; }
  .breakPointS-borderColor-google {
    border-color: #dc4e41; }
  .breakPointS-borderColor-instagram {
    border-color: #3f729b; }
  .breakPointS-borderColor-linkedin {
    border-color: #0077b5; }
  .breakPointS-borderColor-pocket {
    border-color: #ef4056; }
  .breakPointS-borderColor-transparent {
    border-color: transparent; }
  .breakPointS-borderRightColor-transparent {
    border-right-color: transparent; } }

.borderRadius-l, .popover--l {
  border-radius: 10px; }

.borderRadius-m, .input--xl,
.inputGroup--xl .inputGroup-context, .input--l,
.inputGroup--l .inputGroup-context, .input-tel--xl .intl-tel-input .country-list, .input-tel--l .intl-tel-input .country-list, .textarea--xl, .textarea--l, .select--xl select, .select--l select, .select--m select, .select--s select, .radio .form-control-indicator, .button--xl, .button--l, .button--m, .button--responsive, .popover--m, .info-message, .antiscroll-scrollbar, .marvel-comment-inner code, .emoji-picker-autocomplete, .emoji-picker-autocomplete li:only-child {
  border-radius: 4px; }

.borderRadius-s, .input--m,
.inputGroup--m .inputGroup-context, .input--s,
.inputGroup--s .inputGroup-context, .input--xs,
.inputGroup--xs .inputGroup-context, .input-tel--m .intl-tel-input .country-list, .input-tel--s .intl-tel-input .country-list, .textarea--m, .textarea--s, .textarea--xs, .textarea--growing, .select--xs select, .button--s, .button--xs, .popover--s, .popover.has-caret:after, .marvel-comment-inner .hex, .marvel-comment-mention, .emoji-container {
  border-radius: 3px; }

.borderRadius-0, .buttonGroup .button {
  border-radius: 0; }

.borderRadius-circle, .is-loading:after, .marvel-comment-loading:after, .avatar, .avatar-img, .avatar-team, .select-toggle, .radio-tick, .checkbox .form-control-indicator, .modal-icon {
  border-radius: 50%; }

.borderRadiusTop-l {
  border-radius: 10px 10px 0 0; }

.borderRadiusTop-m, .emoji-picker-autocomplete li:first-child:not(:only-child) {
  border-radius: 4px 4px 0 0; }

.borderRadiusTop-s {
  border-radius: 3px 3px 0 0; }

.borderRadiusBottom-l {
  border-radius: 0 0 10px 10px; }

.borderRadiusBottom-m, .emoji-picker-autocomplete li:last-child:not(:only-child) {
  border-radius: 0 0 4px 4px; }

.borderRadiusBottom-s {
  border-radius: 0 0 3px 3px; }

.borderRadiusLeft-l {
  border-radius: 10px 0 0 10px; }

.borderRadiusLeft-m, .inputGroup div:first-child .inputGroup-context, .input-tel--xl .intl-tel-input .selected-flag, .input-tel--l .intl-tel-input .selected-flag, .buttonGroup div:first-child .button, .popover-block:first-child {
  border-radius: 4px 0 0 4px; }

.borderRadiusLeft-s, .input-tel--m .intl-tel-input .selected-flag, .input-tel--s .intl-tel-input .selected-flag {
  border-radius: 3px 0 0 3px; }

.borderRadiusRight-l {
  border-radius: 0 10px 10px 0; }

.borderRadiusRight-m, .inputGroup div:last-child .inputGroup-context, .buttonGroup div:last-child .button, .popover-block:last-child {
  border-radius: 0 4px 4px 0; }

.borderRadiusRight-s {
  border-radius: 0 3px 3px 0; }

.borderRadiusBottomLeft-l {
  border-radius: 0 0 0 10px; }

.borderRadiusBottomLeft-m {
  border-radius: 0 0 0 4px; }

.borderRadiusBottomLeft-s {
  border-radius: 0 0 0 3px; }

.borderRadiusBottomRight-l {
  border-radius: 0 0 10px 0; }

.borderRadiusBottomRight-m {
  border-radius: 0 0 4px 0; }

.borderRadiusBottomRight-s {
  border-radius: 0 0 3px 0; }

.borderRadiusTopLeft-l {
  border-radius: 10px 0 0 0; }

.borderRadiusTopLeft-m {
  border-radius: 4px 0 0 0; }

.borderRadiusTopLeft-s {
  border-radius: 3px 0 0 0; }

.borderRadiusTopRight-l {
  border-radius: 0 10px 0 0; }

.borderRadiusTopRight-m {
  border-radius: 0 4px 0 0; }

.borderRadiusTopRight-s {
  border-radius: 0 3px 0 0; }

@media screen and (min-width: 480px) {
  .breakPointS-borderRadius-l, .modal.has-border {
    border-radius: 10px; }
  .breakPointS-borderRadius-m {
    border-radius: 4px; }
  .breakPointS-borderRadius-s {
    border-radius: 3px; }
  .breakPointS-borderRadius-0 {
    border-radius: 0; }
  .breakPointS-borderRadius-circle {
    border-radius: 50%; }
  .breakPointS-borderRadiusTop-l {
    border-radius: 10px 10px 0 0; }
  .breakPointS-borderRadiusTop-m {
    border-radius: 4px 4px 0 0; }
  .breakPointS-borderRadiusTop-s {
    border-radius: 3px 3px 0 0; }
  .breakPointS-borderRadiusBottom-l {
    border-radius: 0 0 10px 10px; }
  .breakPointS-borderRadiusBottom-m {
    border-radius: 0 0 4px 4px; }
  .breakPointS-borderRadiusBottom-s {
    border-radius: 0 0 3px 3px; }
  .breakPointS-borderRadiusLeft-l {
    border-radius: 10px 0 0 10px; }
  .breakPointS-borderRadiusLeft-m {
    border-radius: 4px 0 0 4px; }
  .breakPointS-borderRadiusLeft-s {
    border-radius: 3px 0 0 3px; }
  .breakPointS-borderRadiusRight-l {
    border-radius: 0 10px 10px 0; }
  .breakPointS-borderRadiusRight-m {
    border-radius: 0 4px 4px 0; }
  .breakPointS-borderRadiusRight-s {
    border-radius: 0 3px 3px 0; }
  .breakPointS-borderRadiusBottomLeft-l {
    border-radius: 0 0 0 10px; }
  .breakPointS-borderRadiusBottomLeft-m {
    border-radius: 0 0 0 4px; }
  .breakPointS-borderRadiusBottomLeft-s {
    border-radius: 0 0 0 3px; }
  .breakPointS-borderRadiusTopLeft-l {
    border-radius: 10px 0 0 0; }
  .breakPointS-borderRadiusTopLeft-m {
    border-radius: 4px 0 0 0; }
  .breakPointS-borderRadiusTopLeft-s {
    border-radius: 3px 0 0 0; }
  .breakPointS-borderRadiusTopRight-l {
    border-radius: 0 10px 0 0; }
  .breakPointS-borderRadiusTopRight-m {
    border-radius: 0 4px 0 0; }
  .breakPointS-borderRadiusTopRight-s {
    border-radius: 0 3px 0 0; } }

@media screen and (min-width: 768px) {
  .breakPointM-borderRadius-l {
    border-radius: 10px; }
  .breakPointM-borderRadius-m {
    border-radius: 4px; }
  .breakPointM-borderRadius-s {
    border-radius: 3px; }
  .breakPointM-borderRadius-0 {
    border-radius: 0; }
  .breakPointM-borderRadius-circle {
    border-radius: 50%; }
  .breakPointM-borderRadiusTop-l {
    border-radius: 10px 10px 0 0; }
  .breakPointM-borderRadiusTop-m {
    border-radius: 4px 4px 0 0; }
  .breakPointM-borderRadiusTop-s {
    border-radius: 3px 3px 0 0; }
  .breakPointM-borderRadiusBottom-l {
    border-radius: 0 0 10px 10px; }
  .breakPointM-borderRadiusBottom-m {
    border-radius: 0 0 4px 4px; }
  .breakPointM-borderRadiusBottom-s {
    border-radius: 0 0 3px 3px; }
  .breakPointM-borderRadiusLeft-l {
    border-radius: 10px 0 0 10px; }
  .breakPointM-borderRadiusLeft-m {
    border-radius: 4px 0 0 4px; }
  .breakPointM-borderRadiusLeft-s {
    border-radius: 3px 0 0 3px; }
  .breakPointM-borderRadiusRight-l {
    border-radius: 0 10px 10px 0; }
  .breakPointM-borderRadiusRight-m {
    border-radius: 0 4px 4px 0; }
  .breakPointM-borderRadiusRight-s {
    border-radius: 0 3px 3px 0; }
  .breakPointM-borderRadiusBottomLeft-l {
    border-radius: 0 0 0 10px; }
  .breakPointM-borderRadiusBottomLeft-m {
    border-radius: 0 0 0 4px; }
  .breakPointM-borderRadiusBottomLeft-s {
    border-radius: 0 0 0 3px; }
  .breakPointM-borderRadiusTopLeft-l {
    border-radius: 10px 0 0 0; }
  .breakPointM-borderRadiusTopLeft-m {
    border-radius: 4px 0 0 0; }
  .breakPointM-borderRadiusTopLeft-s {
    border-radius: 3px 0 0 0; }
  .breakPointM-borderRadiusTopRight-l {
    border-radius: 0 10px 0 0; }
  .breakPointM-borderRadiusTopRight-m {
    border-radius: 0 4px 0 0; }
  .breakPointM-borderRadiusTopRight-s {
    border-radius: 0 3px 0 0; } }

@media screen and (min-width: 1180px) {
  .breakPointL-borderRadius-l {
    border-radius: 10px; }
  .breakPointL-borderRadius-m {
    border-radius: 4px; }
  .breakPointL-borderRadius-s {
    border-radius: 3px; }
  .breakPointL-borderRadius-0 {
    border-radius: 0; }
  .breakPointL-borderRadius-circle {
    border-radius: 50%; }
  .breakPointL-borderRadiusTop-l {
    border-radius: 10px 10px 0 0; }
  .breakPointL-borderRadiusTop-m {
    border-radius: 4px 4px 0 0; }
  .breakPointL-borderRadiusTop-s {
    border-radius: 3px 3px 0 0; }
  .breakPointL-borderRadiusBottom-l {
    border-radius: 0 0 10px 10px; }
  .breakPointL-borderRadiusBottom-m {
    border-radius: 0 0 4px 4px; }
  .breakPointL-borderRadiusBottom-s {
    border-radius: 0 0 3px 3px; }
  .breakPointL-borderRadiusLeft-l {
    border-radius: 10px 0 0 10px; }
  .breakPointL-borderRadiusLeft-m {
    border-radius: 4px 0 0 4px; }
  .breakPointL-borderRadiusLeft-s {
    border-radius: 3px 0 0 3px; }
  .breakPointL-borderRadiusRight-l {
    border-radius: 0 10px 10px 0; }
  .breakPointL-borderRadiusRight-m {
    border-radius: 0 4px 4px 0; }
  .breakPointL-borderRadiusRight-s {
    border-radius: 0 3px 3px 0; }
  .breakPointL-borderRadiusBottomLeft-l {
    border-radius: 0 0 0 10px; }
  .breakPointL-borderRadiusBottomLeft-m {
    border-radius: 0 0 0 4px; }
  .breakPointL-borderRadiusBottomLeft-s {
    border-radius: 0 0 0 3px; }
  .breakPointL-borderRadiusTopLeft-l {
    border-radius: 10px 0 0 0; }
  .breakPointL-borderRadiusTopLeft-m {
    border-radius: 4px 0 0 0; }
  .breakPointL-borderRadiusTopLeft-s {
    border-radius: 3px 0 0 0; }
  .breakPointL-borderRadiusTopRight-l {
    border-radius: 0 10px 0 0; }
  .breakPointL-borderRadiusTopRight-m {
    border-radius: 0 4px 0 0; }
  .breakPointL-borderRadiusTopRight-s {
    border-radius: 0 3px 0 0; } }

@media screen and (min-width: 1320px) {
  .breakPointXL-borderRadius-l {
    border-radius: 10px; }
  .breakPointXL-borderRadius-m {
    border-radius: 4px; }
  .breakPointXL-borderRadius-s {
    border-radius: 3px; }
  .breakPointXL-borderRadius-0 {
    border-radius: 0; }
  .breakPointXL-borderRadius-circle {
    border-radius: 50%; }
  .breakPointXL-borderRadiusTop-l {
    border-radius: 10px 10px 0 0; }
  .breakPointXL-borderRadiusTop-m {
    border-radius: 4px 4px 0 0; }
  .breakPointXL-borderRadiusTop-s {
    border-radius: 3px 3px 0 0; }
  .breakPointXL-borderRadiusBottom-l {
    border-radius: 0 0 10px 10px; }
  .breakPointXL-borderRadiusBottom-m {
    border-radius: 0 0 4px 4px; }
  .breakPointXL-borderRadiusBottom-s {
    border-radius: 0 0 3px 3px; }
  .breakPointXL-borderRadiusLeft-l {
    border-radius: 10px 0 0 10px; }
  .breakPointXL-borderRadiusLeft-m {
    border-radius: 4px 0 0 4px; }
  .breakPointXL-borderRadiusLeft-s {
    border-radius: 3px 0 0 3px; }
  .breakPointXL-borderRadiusRight-l {
    border-radius: 0 10px 10px 0; }
  .breakPointXL-borderRadiusRight-m {
    border-radius: 0 4px 4px 0; }
  .breakPointXL-borderRadiusRight-s {
    border-radius: 0 3px 3px 0; }
  .breakPointXL-borderRadiusBottomLeft-l {
    border-radius: 0 0 0 10px; }
  .breakPointXL-borderRadiusBottomLeft-m {
    border-radius: 0 0 0 4px; }
  .breakPointXL-borderRadiusBottomLeft-s {
    border-radius: 0 0 0 3px; }
  .breakPointXL-borderRadiusTopLeft-l {
    border-radius: 10px 0 0 0; }
  .breakPointXL-borderRadiusTopLeft-m {
    border-radius: 4px 0 0 0; }
  .breakPointXL-borderRadiusTopLeft-s {
    border-radius: 3px 0 0 0; }
  .breakPointXL-borderRadiusTopRight-l {
    border-radius: 0 10px 0 0; }
  .breakPointXL-borderRadiusTopRight-m {
    border-radius: 0 4px 0 0; }
  .breakPointXL-borderRadiusTopRight-s {
    border-radius: 0 3px 0 0; } }

.borderSpacing-0 {
  border-spacing: 0; }

.borderSpacing-xxs {
  border-spacing: 5px; }

.borderSpacing-xs {
  border-spacing: 10px; }

.borderSpacing-s {
  border-spacing: 15px; }

.borderSpacing-m {
  border-spacing: 20px; }

.borderSpacing-l {
  border-spacing: 40px; }

.borderSpacing-xl {
  border-spacing: 80px; }

.borderSpacingLeftRight-xxs {
  border-spacing: 5px 0; }

.borderSpacingLeftRight-xs {
  border-spacing: 10px 0; }

.borderSpacingLeftRight-s {
  border-spacing: 15px 0; }

.borderSpacingLeftRight-m {
  border-spacing: 20px 0; }

.borderSpacingLeftRight-l {
  border-spacing: 40px 0; }

.borderSpacingLeftRight-xl {
  border-spacing: 80px 0; }

.borderSpacingTopBottom-xxs {
  border-spacing: 0 5px; }

.borderSpacingTopBottom-xs {
  border-spacing: 0 10px; }

.borderSpacingTopBottom-s {
  border-spacing: 0 15px; }

.borderSpacingTopBottom-m {
  border-spacing: 0 20px; }

.borderSpacingTopBottom-l {
  border-spacing: 0 40px; }

.borderSpacingTopBottom-xl {
  border-spacing: 0 80px; }

@media screen and (min-width: 480px) {
  .breakPointS-borderSpacing-0 {
    border-spacing: 0; }
  .breakPointS-borderSpacing-xxs {
    border-spacing: 5px; }
  .breakPointS-borderSpacing-xs {
    border-spacing: 10px; }
  .breakPointS-borderSpacing-s {
    border-spacing: 15px; }
  .breakPointS-borderSpacing-m {
    border-spacing: 20px; }
  .breakPointS-borderSpacing-l {
    border-spacing: 40px; }
  .breakPointS-borderSpacing-xl {
    border-spacing: 80px; }
  .breakPointS-borderSpacingLeftRight-xxs {
    border-spacing: 5px 0; }
  .breakPointS-borderSpacingLeftRight-xs {
    border-spacing: 10px 0; }
  .breakPointS-borderSpacingLeftRight-s {
    border-spacing: 15px 0; }
  .breakPointS-borderSpacingLeftRight-m {
    border-spacing: 20px 0; }
  .breakPointS-borderSpacingLeftRight-l {
    border-spacing: 40px 0; }
  .breakPointS-borderSpacingLeftRight-xl {
    border-spacing: 80px 0; }
  .breakPointS-borderSpacingTopBottom-xxs {
    border-spacing: 0 5px; }
  .breakPointS-borderSpacingTopBottom-xs {
    border-spacing: 0 10px; }
  .breakPointS-borderSpacingTopBottom-s {
    border-spacing: 0 15px; }
  .breakPointS-borderSpacingTopBottom-m {
    border-spacing: 0 20px; }
  .breakPointS-borderSpacingTopBottom-l {
    border-spacing: 0 40px; }
  .breakPointS-borderSpacingTopBottom-xl {
    border-spacing: 0 80px; } }

@media screen and (min-width: 768px) {
  .breakPointM-borderSpacing-0 {
    border-spacing: 0; }
  .breakPointM-borderSpacing-xxs {
    border-spacing: 5px; }
  .breakPointM-borderSpacing-xs {
    border-spacing: 10px; }
  .breakPointM-borderSpacing-s {
    border-spacing: 15px; }
  .breakPointM-borderSpacing-m {
    border-spacing: 20px; }
  .breakPointM-borderSpacing-l {
    border-spacing: 40px; }
  .breakPointM-borderSpacing-xl {
    border-spacing: 80px; }
  .breakPointM-borderSpacingLeftRight-xxs {
    border-spacing: 5px 0; }
  .breakPointM-borderSpacingLeftRight-xs {
    border-spacing: 10px 0; }
  .breakPointM-borderSpacingLeftRight-s {
    border-spacing: 15px 0; }
  .breakPointM-borderSpacingLeftRight-m {
    border-spacing: 20px 0; }
  .breakPointM-borderSpacingLeftRight-l {
    border-spacing: 40px 0; }
  .breakPointM-borderSpacingLeftRight-xl {
    border-spacing: 80px 0; }
  .breakPointM-borderSpacingTopBottom-xxs {
    border-spacing: 0 5px; }
  .breakPointM-borderSpacingTopBottom-xs {
    border-spacing: 0 10px; }
  .breakPointM-borderSpacingTopBottom-s {
    border-spacing: 0 15px; }
  .breakPointM-borderSpacingTopBottom-m {
    border-spacing: 0 20px; }
  .breakPointM-borderSpacingTopBottom-l {
    border-spacing: 0 40px; }
  .breakPointM-borderSpacingTopBottom-xl {
    border-spacing: 0 80px; } }

@media screen and (min-width: 1180px) {
  .breakPointL-borderSpacing-0 {
    border-spacing: 0; }
  .breakPointL-borderSpacing-xxs {
    border-spacing: 5px; }
  .breakPointL-borderSpacing-xs {
    border-spacing: 10px; }
  .breakPointL-borderSpacing-s {
    border-spacing: 15px; }
  .breakPointL-borderSpacing-m {
    border-spacing: 20px; }
  .breakPointL-borderSpacing-l {
    border-spacing: 40px; }
  .breakPointL-borderSpacing-xl {
    border-spacing: 80px; }
  .breakPointL-borderSpacingLeftRight-xxs {
    border-spacing: 5px 0; }
  .breakPointL-borderSpacingLeftRight-xs {
    border-spacing: 10px 0; }
  .breakPointL-borderSpacingLeftRight-s {
    border-spacing: 15px 0; }
  .breakPointL-borderSpacingLeftRight-m {
    border-spacing: 20px 0; }
  .breakPointL-borderSpacingLeftRight-l {
    border-spacing: 40px 0; }
  .breakPointL-borderSpacingLeftRight-xl {
    border-spacing: 80px 0; }
  .breakPointL-borderSpacingTopBottom-xxs {
    border-spacing: 0 5px; }
  .breakPointL-borderSpacingTopBottom-xs {
    border-spacing: 0 10px; }
  .breakPointL-borderSpacingTopBottom-s {
    border-spacing: 0 15px; }
  .breakPointL-borderSpacingTopBottom-m {
    border-spacing: 0 20px; }
  .breakPointL-borderSpacingTopBottom-l {
    border-spacing: 0 40px; }
  .breakPointL-borderSpacingTopBottom-xl {
    border-spacing: 0 80px; } }

.boxShadow-smoke, .input--default, .input.is-disabled, .input.uiIcon.is-loading, .input.uiIcon.marvel-comment-loading, .textarea--default, .marvel-comment-inner[contenteditable="true"], .textarea.is-disabled, .textarea.uiIcon.is-loading, .textarea.uiIcon.marvel-comment-loading, .select--default select, .select--default.is-disabled select, .select--default.uiIcon.is-loading select, .select--default.uiIcon.marvel-comment-loading select, .button--ghost,
.button--ghost:visited, .button--outlined,
.button--outlined:visited, .button.is-disabled, .button.is-loading, .button.marvel-comment-loading,
.button--flat.is-loading, .button--flat.marvel-comment-loading, .button.is-disabled:hover, .button.is-loading:hover, .button.marvel-comment-loading:hover,
.button--flat.is-loading:hover, .button--flat.marvel-comment-loading:hover,
.button.is-disabled:active, .button.is-loading:active, .button.marvel-comment-loading:active,
.button--flat.is-loading:active, .button--flat.marvel-comment-loading:active,
.button--flat.is-disabled:hover,
.button--flat.is-disabled:active {
  -webkit-box-shadow: inset 0 0 0 1px #e0e6ed;
          box-shadow: inset 0 0 0 1px #e0e6ed; }

.boxShadow-smoke--d {
  -webkit-box-shadow: inset 0 0 0 1px #d3dce6;
          box-shadow: inset 0 0 0 1px #d3dce6; }

.boxShadow-smoke--2 {
  -webkit-box-shadow: inset 0 0 0 2px #e0e6ed;
          box-shadow: inset 0 0 0 2px #e0e6ed; }

.boxShadow-smoke--d--2 {
  -webkit-box-shadow: inset 0 0 0 2px #d3dce6;
          box-shadow: inset 0 0 0 2px #d3dce6; }

.boxShadow-smoke--xd {
  -webkit-box-shadow: inset 0 0 0 1px #c0ccda;
          box-shadow: inset 0 0 0 1px #c0ccda; }

.boxShadow-negative, .input.has-error, .textarea.has-error, .has-error.marvel-comment-inner[contenteditable="true"], .select--default.has-error select {
  -webkit-box-shadow: inset 0 0 0 1px #ff4949;
          box-shadow: inset 0 0 0 1px #ff4949; }

.boxShadow-marvel {
  -webkit-box-shadow: inset 0 0 0 1px #1fb6ff;
          box-shadow: inset 0 0 0 1px #1fb6ff; }

.boxShadow-white--transparent, .button--ghost.is-reversed, .button.is-disabled.is-reversed, .is-reversed.button.is-loading, .is-reversed.button.marvel-comment-loading,
.is-reversed.button--flat.is-loading, .is-reversed.button--flat.marvel-comment-loading, .button.is-disabled.is-reversed:hover, .is-reversed.button.is-loading:hover, .is-reversed.button.marvel-comment-loading:hover,
.is-reversed.button--flat.is-loading:hover, .is-reversed.button--flat.marvel-comment-loading:hover,
.button.is-disabled.is-reversed:active, .is-reversed.button.is-loading:active, .is-reversed.button.marvel-comment-loading:active,
.is-reversed.button--flat.is-loading:active, .is-reversed.button--flat.marvel-comment-loading:active,
.button--flat.is-disabled.is-reversed:hover,
.button--flat.is-disabled.is-reversed:active {
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
          box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }

.boxShadow-white--transparent--2 {
  -webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3);
          box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3); }

.boxShadow-black--transparent, .iti-flag {
  -webkit-box-shadow: inset 0 0 0 1px rgba(31, 45, 61, 0.3);
          box-shadow: inset 0 0 0 1px rgba(31, 45, 61, 0.3); }

.boxShadow-black--limpid {
  -webkit-box-shadow: inset 0 0 0 1px rgba(31, 45, 61, 0.05);
          box-shadow: inset 0 0 0 1px rgba(31, 45, 61, 0.05); }

.boxShadow-outside--black--transparent {
  -webkit-box-shadow: 0px 0px 1px 0px rgba(31, 45, 61, 0.3);
          box-shadow: 0px 0px 1px 0px rgba(31, 45, 61, 0.3); }

.boxShadow-outside--black--pellucid {
  -webkit-box-shadow: 1px 0px 0px 0px rgba(31, 45, 61, 0.08), 0px 1px 0px 0px rgba(31, 45, 61, 0.08), -1px 0px 0px 0px rgba(31, 45, 61, 0.08), 0px -1px 0px 0px rgba(31, 45, 61, 0.08);
          box-shadow: 1px 0px 0px 0px rgba(31, 45, 61, 0.08), 0px 1px 0px 0px rgba(31, 45, 61, 0.08), -1px 0px 0px 0px rgba(31, 45, 61, 0.08), 0px -1px 0px 0px rgba(31, 45, 61, 0.08); }

.boxShadow-distant, .intl-tel-input .country-list {
  -webkit-box-shadow: 0 2px 8px rgba(31, 45, 61, 0.05);
          box-shadow: 0 2px 8px rgba(31, 45, 61, 0.05); }

.boxShadow-close {
  -webkit-box-shadow: 0 1px 2px 0px rgba(31, 45, 61, 0.15);
          box-shadow: 0 1px 2px 0px rgba(31, 45, 61, 0.15); }

.boxShadow-subtle, .popover--default,
.popover--default.has-caret:after, .emoji-picker-autocomplete {
  -webkit-box-shadow: 0px 0 1px 1px rgba(31, 45, 61, 0.15);
          box-shadow: 0px 0 1px 1px rgba(31, 45, 61, 0.15); }

.boxShadow-box {
  -webkit-box-shadow: 0 10px 15px 0 rgba(31, 45, 61, 0.04), 0 0 50px 0 rgba(31, 45, 61, 0.1);
          box-shadow: 0 10px 15px 0 rgba(31, 45, 61, 0.04), 0 0 50px 0 rgba(31, 45, 61, 0.1); }

.boxShadow-box--withBorder {
  -webkit-box-shadow: 0 10px 15px 0 rgba(31, 45, 61, 0.04), 0 0 50px 0 rgba(31, 45, 61, 0.1), 0 0 0 1px rgba(31, 45, 61, 0.03);
          box-shadow: 0 10px 15px 0 rgba(31, 45, 61, 0.04), 0 0 50px 0 rgba(31, 45, 61, 0.1), 0 0 0 1px rgba(31, 45, 61, 0.03); }

.boxShadow-raise {
  -webkit-box-shadow: 0 1px 1px 0 rgba(31, 45, 61, 0.05);
          box-shadow: 0 1px 1px 0 rgba(31, 45, 61, 0.05); }

.boxShadow-depress {
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(31, 45, 61, 0.05);
          box-shadow: inset 0 1px 1px 0 rgba(31, 45, 61, 0.05); }

.boxShadow-smokeDepress {
  -webkit-box-shadow: 0 0 0 1px #e0e6ed, inset 0 1px 1px 0 rgba(31, 45, 61, 0.05);
          box-shadow: 0 0 0 1px #e0e6ed, inset 0 1px 1px 0 rgba(31, 45, 61, 0.05); }

.boxShadow-emboss {
  -webkit-box-shadow: inset 0 -2px 0 rgba(31, 45, 61, 0.15);
          box-shadow: inset 0 -2px 0 rgba(31, 45, 61, 0.15); }

.boxShadow-deboss {
  -webkit-box-shadow: inset 0 2px 0 rgba(31, 45, 61, 0.15);
          box-shadow: inset 0 2px 0 rgba(31, 45, 61, 0.15); }

.boxShadow-bevelRaise {
  -webkit-box-shadow: inset 0 1px 0 0 #e0e6ed, inset 1px 0 0 0 #d3dce6, inset -1px 0 0 0 #d3dce6, inset 0 -1px 0 0 #c0ccda, 0 1px 1px 0 rgba(31, 45, 61, 0.05);
          box-shadow: inset 0 1px 0 0 #e0e6ed, inset 1px 0 0 0 #d3dce6, inset -1px 0 0 0 #d3dce6, inset 0 -1px 0 0 #c0ccda, 0 1px 1px 0 rgba(31, 45, 61, 0.05); }

.boxShadow-none, .textarea--invisible, .buttonGroup div.active .button,
.buttonGroup div:last-child.active .button, .has-succeeded.has-responded {
  -webkit-box-shadow: none;
          box-shadow: none; }

@media screen and (min-width: 480px) {
  .breakPointS-boxShadow-distant, .modal.has-border {
    -webkit-box-shadow: 0 2px 8px rgba(31, 45, 61, 0.05);
            box-shadow: 0 2px 8px rgba(31, 45, 61, 0.05); } }

.c-marvel, .link--light.is-active {
  color: #1fb6ff; }

.c-green, .link--green {
  color: #13ce66; }

.c-yellow {
  color: #ffc82c; }

.c-orange, .link--orange {
  color: #ff7849; }

.c-pink, .link--pink {
  color: #ff49db; }

.c-purple, .link--purple, .comment-sidebar-buttons .is-set {
  color: #7e5bef; }

.c-red, .link--red {
  color: #ff4949; }

.c-marvel--d {
  color: #0f9f4f; }

.c-marvel--l {
  color: #85d7ff; }

.c-green--d {
  color: #0f9f4f; }

.c-green--l {
  color: #29eb7f; }

.c-yellow--d {
  color: #f8b700; }

.c-yellow--l {
  color: #ffd55f; }

.c-orange--d {
  color: #ff5216; }

.c-orange--l {
  color: #ff9e7c; }

.c-pink--d {
  color: #ff16d1; }

.c-pink--l {
  color: #ff7ce5; }

.c-purple--d {
  color: #592dea; }

.c-purple--l {
  color: #a389f4; }

.c-red--d {
  color: #ff1616; }

.c-red--l {
  color: #ff7c7c; }

.c-black {
  color: #1f2d3d; }

.c-steel {
  color: #273444; }

.c-slate, html,
body,
input,
button,
select,
textarea, .link--dark, .link--snowBg, .input, .button--ghost,
.button--ghost:visited, .button--ghost.is-reversed.is-loading, .button--ghost.is-reversed.marvel-comment-loading, .button--outlined,
.button--outlined:visited, .popover-list a, .popover-select-item:hover .popover-select-title,
.popover-select-item.is-active .popover-select-title {
  color: #3c4858; }

.c-silver, .link--light, .link--lightReversed, .link--negative, .input.is-disabled, .input.uiIcon.is-loading, .input.uiIcon.marvel-comment-loading, .inputGroup-context, .textarea.is-disabled, .textarea.uiIcon.is-loading, .textarea.uiIcon.marvel-comment-loading, .uiIcon.marvel-comment-loading.marvel-comment-inner[contenteditable="true"], .uiIcon.is-loading.marvel-comment-inner[contenteditable="true"], .is-disabled.marvel-comment-inner[contenteditable="true"], .select--default.is-disabled select, .select--default.uiIcon.is-loading select, .select--default.uiIcon.marvel-comment-loading select, .button.is-disabled, .button.is-loading, .button.marvel-comment-loading,
.button--flat.is-loading, .button--flat.marvel-comment-loading, caption, .table > thead > tr > th, .popover-select-title, .popover-select-subtitle, .prototype-modal h1 {
  color: #8492a6; }

.c-snow, .uiIcon.is-loading, .uiIcon.marvel-comment-loading {
  color: #f9fafc; }

.c-smoke {
  color: #e0e6ed; }

.c-white, .link--lightReversed.is-active, .link--opaque, .link--opaque.is-active, .link--opaqueReversed, .avatar-initials, .button--ghost.is-reversed, .button--flat, .buttonGroup div.active .button,
.buttonGroup div:last-child.active .button, .popover--error,
.popover--error.has-caret:after, .popover--dark,
.popover--dark.has-caret:after, .popover--orange,
.popover--orange.has-caret:after {
  color: #fff; }

.c-snow--d {
  color: #eff2f7; }

.c-snow--xd {
  color: #e5e9f2; }

.c-smoke--d, .comment-tree.is-completed .js-comment-name, .comment-tree.is-completed .marvel-comment-inner, .comment-tree.is-completed .js-comment-time {
  color: #d3dce6; }

.c-smoke--xd {
  color: #c0ccda; }

.c-blue, .link--blue, .marvel-comment-inner a, .powered-popover a, .marvel-comment-mention {
  color: #1fb6ff; }

.c-positive {
  color: #13ce66; }

.c-negative, .comment-sidebar-buttons .is-set:hover {
  color: #ff4949; }

.c-warning {
  color: #ffc82c; }

.c-blue--d {
  color: #009eeb; }

.c-blue--l {
  color: #85d7ff; }

.c-blue--translucent {
  color: rgba(133, 215, 255, 0.98); }

.c-blue--transparent {
  color: rgba(133, 215, 255, 0.3); }

.c-blue--pellucid {
  color: rgba(133, 215, 255, 0.15); }

.c-blue--limpid {
  color: rgba(133, 215, 255, 0.05); }

.c-white--translucent {
  color: rgba(255, 255, 255, 0.98); }

.c-white--transparent, .button.is-disabled.is-reversed, .is-reversed.button.is-loading, .is-reversed.button.marvel-comment-loading,
.is-reversed.button--flat.is-loading, .is-reversed.button--flat.marvel-comment-loading {
  color: rgba(255, 255, 255, 0.3); }

.c-white--pellucid {
  color: rgba(255, 255, 255, 0.15); }

.c-white--limpid {
  color: rgba(255, 255, 255, 0.05); }

.c-black--translucent {
  color: rgba(31, 45, 61, 0.98); }

.c-black--transparent {
  color: rgba(31, 45, 61, 0.3); }

.c-black--pellucid {
  color: rgba(31, 45, 61, 0.15); }

.c-black--limpid {
  color: rgba(31, 45, 61, 0.05); }

.c-twitter {
  color: #55acee; }

.c-facebook {
  color: #3b5999; }

.c-dribbble {
  color: #ea4c89; }

.c-dropbox {
  color: #007ee5; }

.c-google {
  color: #dc4e41; }

.c-instagram {
  color: #3f729b; }

.c-linkedin {
  color: #0077b5; }

.c-pocket {
  color: #ef4056; }

@media screen and (min-width: 480px) {
  .breakPointS-c-marvel {
    color: #1fb6ff; }
  .breakPointS-c-green {
    color: #13ce66; }
  .breakPointS-c-yellow {
    color: #ffc82c; }
  .breakPointS-c-orange {
    color: #ff7849; }
  .breakPointS-c-pink {
    color: #ff49db; }
  .breakPointS-c-purple {
    color: #7e5bef; }
  .breakPointS-c-red {
    color: #ff4949; }
  .breakPointS-c-marvel--d {
    color: #009eeb; }
  .breakPointS-c-marvel--l {
    color: #85d7ff; }
  .breakPointS-c-green--d {
    color: #0f9f4f; }
  .breakPointS-c-green--l {
    color: #29eb7f; }
  .breakPointS-c-yellow--d {
    color: #f8b700; }
  .breakPointS-c-yellow--l {
    color: #ffd55f; }
  .breakPointS-c-orange--d {
    color: #ff5216; }
  .breakPointS-c-orange--l {
    color: #ff9e7c; }
  .breakPointS-c-pink--d {
    color: #ff16d1; }
  .breakPointS-c-pink--l {
    color: #ff7ce5; }
  .breakPointS-c-purple--d {
    color: #592dea; }
  .breakPointS-c-purple--l {
    color: #a389f4; }
  .breakPointS-c-red--d {
    color: #ff1616; }
  .breakPointS-c-red--l {
    color: #ff7c7c; }
  .breakPointS-c-black {
    color: #1f2d3d; }
  .breakPointS-c-steel {
    color: #273444; }
  .breakPointS-c-slate {
    color: #3c4858; }
  .breakPointS-c-silver {
    color: #8492a6; }
  .breakPointS-c-snow {
    color: #f9fafc; }
  .breakPointS-c-smoke {
    color: #e0e6ed; }
  .breakPointS-c-white {
    color: #fff; }
  .breakPointS-c-snow--d {
    color: #eff2f7; }
  .breakPointS-c-snow--xd {
    color: #e5e9f2; }
  .breakPointS-c-smoke--d {
    color: #d3dce6; }
  .breakPointS-c-smoke--xd {
    color: #c0ccda; }
  .breakPointS-c-blue {
    color: #1fb6ff; }
  .breakPointS-c-positive {
    color: #13ce66; }
  .breakPointS-c-negative {
    color: #ff4949; }
  .breakPointS-c-warning {
    color: #ffc82c; }
  .breakPointS-c-blue--d {
    color: #009eeb; }
  .breakPointS-c-blue--l {
    color: #85d7ff; }
  .breakPointS-c-blue--translucent {
    color: rgba(133, 215, 255, 0.98); }
  .breakPointS-c-blue--transparent {
    color: rgba(133, 215, 255, 0.3); }
  .breakPointS-c-blue--pellucid {
    color: rgba(133, 215, 255, 0.15); }
  .breakPointS-c-blue--limpid {
    color: rgba(133, 215, 255, 0.05); }
  .breakPointS-c-white--translucent {
    color: rgba(255, 255, 255, 0.98); }
  .breakPointS-c-white--transparent {
    color: rgba(255, 255, 255, 0.3); }
  .breakPointS-c-white--pellucid {
    color: rgba(255, 255, 255, 0.15); }
  .breakPointS-c-white--limpid {
    color: rgba(255, 255, 255, 0.05); }
  .breakPointS-c-black--translucent {
    color: rgba(31, 45, 61, 0.98); }
  .breakPointS-c-black--transparent {
    color: rgba(31, 45, 61, 0.3); }
  .breakPointS-c-black--pellucid {
    color: rgba(31, 45, 61, 0.15); }
  .breakPointS-c-black--limpid {
    color: rgba(31, 45, 61, 0.05); }
  .breakPointS-c-twitter {
    color: #55acee; }
  .breakPointS-c-facebook {
    color: #3b5999; }
  .breakPointS-c-dribbble {
    color: #ea4c89; }
  .breakPointS-c-dropbox {
    color: #007ee5; }
  .breakPointS-c-google {
    color: #dc4e41; }
  .breakPointS-c-instagram {
    color: #3f729b; }
  .breakPointS-c-linkedin {
    color: #0077b5; } }

@media screen and (min-width: 768px) {
  .breakPointM-c-marvel {
    color: #1fb6ff; }
  .breakPointM-c-green {
    color: #13ce66; }
  .breakPointM-c-yellow {
    color: #ffc82c; }
  .breakPointM-c-orange {
    color: #ff7849; }
  .breakPointM-c-pink {
    color: #ff49db; }
  .breakPointM-c-purple {
    color: #7e5bef; }
  .breakPointM-c-red {
    color: #ff4949; }
  .breakPointM-c-marvel--d {
    color: #009eeb; }
  .breakPointM-c-marvel--l {
    color: #85d7ff; }
  .breakPointM-c-green--d {
    color: #0f9f4f; }
  .breakPointM-c-green--l {
    color: #29eb7f; }
  .breakPointM-c-yellow--d {
    color: #f8b700; }
  .breakPointM-c-yellow--l {
    color: #ffd55f; }
  .breakPointM-c-orange--d {
    color: #ff5216; }
  .breakPointM-c-orange--l {
    color: #ff9e7c; }
  .breakPointM-c-pink--d {
    color: #ff16d1; }
  .breakPointM-c-pink--l {
    color: #ff7ce5; }
  .breakPointM-c-purple--d {
    color: #592dea; }
  .breakPointM-c-purple--l {
    color: #a389f4; }
  .breakPointM-c-red--d {
    color: #ff1616; }
  .breakPointM-c-red--l {
    color: #ff7c7c; }
  .breakPointM-c-black {
    color: #1f2d3d; }
  .breakPointM-c-steel {
    color: #273444; }
  .breakPointM-c-slate {
    color: #3c4858; }
  .breakPointM-c-silver {
    color: #8492a6; }
  .breakPointM-c-snow {
    color: #f9fafc; }
  .breakPointM-c-smoke {
    color: #e0e6ed; }
  .breakPointM-c-white {
    color: #fff; }
  .breakPointM-c-snow--d {
    color: #eff2f7; }
  .breakPointM-c-snow--xd {
    color: #e5e9f2; }
  .breakPointM-c-smoke--d {
    color: #d3dce6; }
  .breakPointM-c-smoke--xd {
    color: #c0ccda; }
  .breakPointM-c-blue {
    color: #1fb6ff; }
  .breakPointM-c-positive {
    color: #13ce66; }
  .breakPointM-c-negative {
    color: #ff4949; }
  .breakPointM-c-warning {
    color: #ffc82c; }
  .breakPointM-c-blue--d {
    color: #009eeb; }
  .breakPointM-c-blue--l {
    color: #85d7ff; }
  .breakPointM-c-blue--translucent {
    color: rgba(133, 215, 255, 0.98); }
  .breakPointM-c-blue--transparent {
    color: rgba(133, 215, 255, 0.3); }
  .breakPointM-c-blue--pellucid {
    color: rgba(133, 215, 255, 0.15); }
  .breakPointM-c-blue--limpid {
    color: rgba(133, 215, 255, 0.05); }
  .breakPointM-c-white--translucent {
    color: rgba(255, 255, 255, 0.98); }
  .breakPointM-c-white--transparent {
    color: rgba(255, 255, 255, 0.3); }
  .breakPointM-c-white--pellucid {
    color: rgba(255, 255, 255, 0.15); }
  .breakPointM-c-white--limpid {
    color: rgba(255, 255, 255, 0.05); }
  .breakPointM-c-black--translucent {
    color: rgba(31, 45, 61, 0.98); }
  .breakPointM-c-black--transparent {
    color: rgba(31, 45, 61, 0.3); }
  .breakPointM-c-black--pellucid {
    color: rgba(31, 45, 61, 0.15); }
  .breakPointM-c-black--limpid {
    color: rgba(31, 45, 61, 0.05); }
  .breakPointM-c-twitter {
    color: #55acee; }
  .breakPointM-c-facebook {
    color: #3b5999; }
  .breakPointM-c-dribbble {
    color: #ea4c89; }
  .breakPointM-c-dropbox {
    color: #007ee5; }
  .breakPointM-c-google {
    color: #dc4e41; }
  .breakPointM-c-instagram {
    color: #3f729b; }
  .breakPointM-c-linkedin {
    color: #0077b5; } }

@media screen and (min-width: 1180px) {
  .breakPointL-c-marvel {
    color: #1fb6ff; }
  .breakPointL-c-green {
    color: #13ce66; }
  .breakPointL-c-yellow {
    color: #ffc82c; }
  .breakPointL-c-orange {
    color: #ff7849; }
  .breakPointL-c-pink {
    color: #ff49db; }
  .breakPointL-c-purple {
    color: #7e5bef; }
  .breakPointL-c-red {
    color: #ff4949; }
  .breakPointL-c-marvel--d {
    color: #009eeb; }
  .breakPointL-c-marvel--l {
    color: #85d7ff; }
  .breakPointL-c-green--d {
    color: #0f9f4f; }
  .breakPointL-c-green--l {
    color: #29eb7f; }
  .breakPointL-c-yellow--d {
    color: #f8b700; }
  .breakPointL-c-yellow--l {
    color: #ffd55f; }
  .breakPointL-c-orange--d {
    color: #ff5216; }
  .breakPointL-c-orange--l {
    color: #ff9e7c; }
  .breakPointL-c-pink--d {
    color: #ff16d1; }
  .breakPointL-c-pink--l {
    color: #ff7ce5; }
  .breakPointL-c-purple--d {
    color: #592dea; }
  .breakPointL-c-purple--l {
    color: #a389f4; }
  .breakPointL-c-red--d {
    color: #ff1616; }
  .breakPointL-c-red--l {
    color: #ff7c7c; }
  .breakPointL-c-black {
    color: #1f2d3d; }
  .breakPointL-c-steel {
    color: #273444; }
  .breakPointL-c-slate {
    color: #3c4858; }
  .breakPointL-c-silver {
    color: #8492a6; }
  .breakPointL-c-snow {
    color: #f9fafc; }
  .breakPointL-c-smoke {
    color: #e0e6ed; }
  .breakPointL-c-white {
    color: #fff; }
  .breakPointL-c-snow--d {
    color: #eff2f7; }
  .breakPointL-c-snow--xd {
    color: #e5e9f2; }
  .breakPointL-c-smoke--d {
    color: #d3dce6; }
  .breakPointL-c-smoke--xd {
    color: #c0ccda; }
  .breakPointL-c-blue {
    color: #1fb6ff; }
  .breakPointL-c-positive {
    color: #13ce66; }
  .breakPointL-c-negative {
    color: #ff4949; }
  .breakPointL-c-warning {
    color: #ffc82c; }
  .breakPointL-c-blue--d {
    color: #009eeb; }
  .breakPointL-c-blue--l {
    color: #85d7ff; }
  .breakPointL-c-blue--translucent {
    color: rgba(133, 215, 255, 0.98); }
  .breakPointL-c-blue--transparent {
    color: rgba(133, 215, 255, 0.3); }
  .breakPointL-c-blue--pellucid {
    color: rgba(133, 215, 255, 0.15); }
  .breakPointL-c-blue--limpid {
    color: rgba(133, 215, 255, 0.05); }
  .breakPointL-c-white--translucent {
    color: rgba(255, 255, 255, 0.98); }
  .breakPointL-c-white--transparent {
    color: rgba(255, 255, 255, 0.3); }
  .breakPointL-c-white--pellucid {
    color: rgba(255, 255, 255, 0.15); }
  .breakPointL-c-white--limpid {
    color: rgba(255, 255, 255, 0.05); }
  .breakPointL-c-black--translucent {
    color: rgba(31, 45, 61, 0.98); }
  .breakPointL-c-black--transparent {
    color: rgba(31, 45, 61, 0.3); }
  .breakPointL-c-black--pellucid {
    color: rgba(31, 45, 61, 0.15); }
  .breakPointL-c-black--limpid {
    color: rgba(31, 45, 61, 0.05); }
  .breakPointL-c-twitter {
    color: #55acee; }
  .breakPointL-c-facebook {
    color: #3b5999; }
  .breakPointL-c-dribbble {
    color: #ea4c89; }
  .breakPointL-c-dropbox {
    color: #007ee5; }
  .breakPointL-c-google {
    color: #dc4e41; }
  .breakPointL-c-instagram {
    color: #3f729b; }
  .breakPointL-c-linkedin {
    color: #0077b5; } }

.hljs {
  color: #657b83; }

.hljs-comment,
.hljs-quote {
  color: #a9b6b6; }

.hljs-keyword,
.hljs-selector-tag,
.hljs-addition {
  color: #2aa198; }

.hljs-number,
.hljs-string,
.hljs-meta .hljs-meta-string,
.hljs-literal,
.hljs-doctag,
.hljs-regexp {
  color: #d33682; }

.hljs-title,
.hljs-section,
.hljs-name,
.hljs-selector-id,
.hljs-selector-class,
.hljs-class {
  color: #073642; }

.hljs-attribute,
.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-class .hljs-title,
.hljs-type {
  color: #2aa198; }

.hljs-value {
  color: #d33682; }

.hljs-symbol,
.hljs-bullet,
.hljs-subst,
.hljs-meta,
.hljs-meta .hljs-keyword,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-link {
  color: #cb4b16; }

.hljs-built_in,
.hljs-deletion {
  color: #dc322f; }

.hljs-formula {
  background: #eee8d5; }

.fill-marvel, .uiIcon .input:focus + .svgIcon,
.uiIcon .textarea:focus + .svgIcon,
.uiIcon .marvel-comment-inner[contenteditable="true"]:focus + .svgIcon, .link--light.is-active {
  fill: #1fb6ff; }

.fill-green {
  fill: #13ce66; }

.fill-yellow {
  fill: #ffc82c; }

.fill-orange {
  fill: #ff7849; }

.fill-pink {
  fill: #ff49db; }

.fill-purple, .comment-sidebar-buttons .is-set svg {
  fill: #7e5bef; }

.fill-red {
  fill: #ff4949; }

.fill-marvel--d {
  fill: #009eeb; }

.fill-marvel--l {
  fill: #85d7ff; }

.fill-green--d {
  fill: #0f9f4f; }

.fill-green--l {
  fill: #29eb7f; }

.fill-yellow--d {
  fill: #f8b700; }

.fill-yellow--l {
  fill: #ffd55f; }

.fill-orange--d {
  fill: #ff5216; }

.fill-orange--l {
  fill: #ff9e7c; }

.fill-pink--d {
  fill: #ff16d1; }

.fill-pink--l {
  fill: #ff7ce5; }

.fill-purple--d {
  fill: #592dea; }

.fill-purple--l {
  fill: #a389f4; }

.fill-red--d {
  fill: #ff1616; }

.fill-red--l {
  fill: #ff7c7c; }

.fill-black {
  fill: #1f2d3d; }

.fill-steel {
  fill: #273444; }

.fill-slate {
  fill: #3c4858; }

.fill-silver {
  fill: #8492a6; }

.fill-snow {
  fill: #f9fafc; }

.fill-smoke, .button.is-loading .logoWrap .svgIcon, .button.marvel-comment-loading .logoWrap .svgIcon,
.button.is-loading .logoWrap .svgIcon path, .button.marvel-comment-loading .logoWrap .svgIcon path,
.button.is-loading .logoWrap .svgIcon circle, .button.marvel-comment-loading .logoWrap .svgIcon circle,
.button.is-disabled .logoWrap .svgIcon,
.button--flat.is-loading .logoWrap .svgIcon, .button--flat.marvel-comment-loading .logoWrap .svgIcon,
.button.is-disabled .logoWrap .svgIcon path,
.button--flat.is-loading .logoWrap .svgIcon path, .button--flat.marvel-comment-loading .logoWrap .svgIcon path,
.button.is-disabled .logoWrap .svgIcon circle,
.button--flat.is-loading .logoWrap .svgIcon circle, .button--flat.marvel-comment-loading .logoWrap .svgIcon circle {
  fill: #e0e6ed; }

.fill-white, .checkbox-tick, .uiIcon:hover .button + .svgIcon {
  fill: #fff; }

.fill-snow--d {
  fill: #eff2f7; }

.fill-snow--xd {
  fill: #e5e9f2; }

.fill-smoke--d, .link--light {
  fill: #d3dce6; }

.fill-smoke--xd {
  fill: #c0ccda; }

.fill-blue {
  fill: #1fb6ff; }

.fill-positive {
  fill: #13ce66; }

.fill-negative, .uiIcon .input.has-error + .svgIcon,
.uiIcon .input.has-error:focus + .svgIcon,
.uiIcon .textarea.has-error:focus + .svgIcon,
.uiIcon .has-error.marvel-comment-inner[contenteditable="true"]:focus + .svgIcon {
  fill: #ff4949; }

.fill-warning {
  fill: #ffc82c; }

.fill-blue--d {
  fill: #009eeb; }

.fill-blue--l {
  fill: #85d7ff; }

.fill-blue--translucent {
  fill: rgba(133, 215, 255, 0.98); }

.fill-blue--transparent {
  fill: rgba(133, 215, 255, 0.3); }

.fill-blue--pellucid {
  fill: rgba(133, 215, 255, 0.15); }

.fill-blue--limpid {
  fill: rgba(133, 215, 255, 0.05); }

.fill-white--translucent {
  fill: rgba(255, 255, 255, 0.98); }

.fill-white--transparent {
  fill: rgba(255, 255, 255, 0.3); }

.fill-white--pellucid {
  fill: rgba(255, 255, 255, 0.15); }

.fill-white--limpid {
  fill: rgba(255, 255, 255, 0.05); }

.fill-black--translucent {
  fill: rgba(31, 45, 61, 0.98); }

.fill-black--transparent {
  fill: rgba(31, 45, 61, 0.3); }

.fill-black--pellucid {
  fill: rgba(31, 45, 61, 0.15); }

.fill-black--limpid {
  fill: rgba(31, 45, 61, 0.05); }

.fill-twitter {
  fill: #55acee; }

.fill-facebook {
  fill: #3b5999; }

.fill-dribbble {
  fill: #ea4c89; }

.fill-dropbox {
  fill: #007ee5; }

.fill-google {
  fill: #dc4e41; }

.fill-instagram {
  fill: #3f729b; }

.fill-linkedin {
  fill: #0077b5; }

.fill-pocket {
  fill: #ef4056; }

@media screen and (min-width: 480px) {
  .breakPointS-fill-marvel {
    fill: #1fb6ff; }
  .breakPointS-fill-green {
    fill: #13ce66; }
  .breakPointS-fill-yellow {
    fill: #ffc82c; }
  .breakPointS-fill-orange {
    fill: #ff7849; }
  .breakPointS-fill-pink {
    fill: #ff49db; }
  .breakPointS-fill-purple {
    fill: #7e5bef; }
  .breakPointS-fill-red {
    fill: #ff4949; }
  .breakPointS-fill-marvel--d {
    fill: #009eeb; }
  .breakPointS-fill-marvel--l {
    fill: #85d7ff; }
  .breakPointS-fill-green--d {
    fill: #0f9f4f; }
  .breakPointS-fill-green--l {
    fill: #29eb7f; }
  .breakPointS-fill-yellow--d {
    fill: #f8b700; }
  .breakPointS-fill-yellow--l {
    fill: #ffd55f; }
  .breakPointS-fill-orange--d {
    fill: #ff5216; }
  .breakPointS-fill-orange--l {
    fill: #ff9e7c; }
  .breakPointS-fill-pink--d {
    fill: #ff16d1; }
  .breakPointS-fill-pink--l {
    fill: #ff7ce5; }
  .breakPointS-fill-purple--d {
    fill: #592dea; }
  .breakPointS-fill-purple--l {
    fill: #a389f4; }
  .breakPointS-fill-red--d {
    fill: #ff1616; }
  .breakPointS-fill-red--l {
    fill: #ff7c7c; }
  .breakPointS-fill-black {
    fill: #1f2d3d; }
  .breakPointS-fill-steel {
    fill: #273444; }
  .breakPointS-fill-slate {
    fill: #3c4858; }
  .breakPointS-fill-silver {
    fill: #8492a6; }
  .breakPointS-fill-snow {
    fill: #f9fafc; }
  .breakPointS-fill-smoke {
    fill: #e0e6ed; }
  .breakPointS-fill-white {
    fill: #fff; }
  .breakPointS-fill-snow--d {
    fill: #eff2f7; }
  .breakPointS-fill-snow--xd {
    fill: #e5e9f2; }
  .breakPointS-fill-smoke--d {
    fill: #d3dce6; }
  .breakPointS-fill-smoke--xd {
    fill: #c0ccda; }
  .breakPointS-fill-blue {
    fill: #1fb6ff; }
  .breakPointS-fill-positive {
    fill: #13ce66; }
  .breakPointS-fill-negative {
    fill: #ff4949; }
  .breakPointS-fill-warning {
    fill: #ffc82c; }
  .breakPointS-fill-blue--d {
    fill: #009eeb; }
  .breakPointS-fill-blue--l {
    fill: #85d7ff; }
  .breakPointS-fill-blue--translucent {
    fill: rgba(133, 215, 255, 0.98); }
  .breakPointS-fill-blue--transparent {
    fill: rgba(133, 215, 255, 0.3); }
  .breakPointS-fill-blue--pellucid {
    fill: rgba(133, 215, 255, 0.15); }
  .breakPointS-fill-blue--limpid {
    fill: rgba(133, 215, 255, 0.05); }
  .breakPointS-fill-white--translucent {
    fill: rgba(255, 255, 255, 0.98); }
  .breakPointS-fill-white--transparent {
    fill: rgba(255, 255, 255, 0.3); }
  .breakPointS-fill-white--pellucid {
    fill: rgba(255, 255, 255, 0.15); }
  .breakPointS-fill-white--limpid {
    fill: rgba(255, 255, 255, 0.05); }
  .breakPointS-fill-black--translucent {
    fill: rgba(31, 45, 61, 0.98); }
  .breakPointS-fill-black--transparent {
    fill: rgba(31, 45, 61, 0.3); }
  .breakPointS-fill-black--pellucid {
    fill: rgba(31, 45, 61, 0.15); }
  .breakPointS-fill-black--limpid {
    fill: rgba(31, 45, 61, 0.05); }
  .breakPointS-fill-twitter {
    fill: #55acee; }
  .breakPointS-fill-facebook {
    fill: #3b5999; }
  .breakPointS-fill-dribbble {
    fill: #ea4c89; }
  .breakPointS-fill-dropbox {
    fill: #007ee5; }
  .breakPointS-fill-google {
    fill: #dc4e41; }
  .breakPointS-fill-instagram {
    fill: #3f729b; }
  .breakPointS-fill-linkedin {
    fill: #0077b5; } }

@media screen and (min-width: 768px) {
  .breakPointM-fill-marvel {
    fill: #1fb6ff; }
  .breakPointM-fill-green {
    fill: #13ce66; }
  .breakPointM-fill-yellow {
    fill: #ffc82c; }
  .breakPointM-fill-orange {
    fill: #ff7849; }
  .breakPointM-fill-pink {
    fill: #ff49db; }
  .breakPointM-fill-purple {
    fill: #7e5bef; }
  .breakPointM-fill-red {
    fill: #ff4949; }
  .breakPointM-fill-marvel--d {
    fill: #009eeb; }
  .breakPointM-fill-marvel--l {
    fill: #85d7ff; }
  .breakPointM-fill-green--d {
    fill: #0f9f4f; }
  .breakPointM-fill-green--l {
    fill: #29eb7f; }
  .breakPointM-fill-yellow--d {
    fill: #f8b700; }
  .breakPointM-fill-yellow--l {
    fill: #ffd55f; }
  .breakPointM-fill-orange--d {
    fill: #ff5216; }
  .breakPointM-fill-orange--l {
    fill: #ff9e7c; }
  .breakPointM-fill-pink--d {
    fill: #ff16d1; }
  .breakPointM-fill-pink--l {
    fill: #ff7ce5; }
  .breakPointM-fill-purple--d {
    fill: #592dea; }
  .breakPointM-fill-purple--l {
    fill: #a389f4; }
  .breakPointM-fill-red--d {
    fill: #ff1616; }
  .breakPointM-fill-red--l {
    fill: #ff7c7c; }
  .breakPointM-fill-black {
    fill: #1f2d3d; }
  .breakPointM-fill-steel {
    fill: #273444; }
  .breakPointM-fill-slate {
    fill: #3c4858; }
  .breakPointM-fill-silver {
    fill: #8492a6; }
  .breakPointM-fill-snow {
    fill: #f9fafc; }
  .breakPointM-fill-smoke {
    fill: #e0e6ed; }
  .breakPointM-fill-white {
    fill: #fff; }
  .breakPointM-fill-snow--d {
    fill: #eff2f7; }
  .breakPointM-fill-snow--xd {
    fill: #e5e9f2; }
  .breakPointM-fill-smoke--d {
    fill: #d3dce6; }
  .breakPointM-fill-smoke--xd {
    fill: #c0ccda; }
  .breakPointM-fill-blue {
    fill: #1fb6ff; }
  .breakPointM-fill-positive {
    fill: #13ce66; }
  .breakPointM-fill-negative {
    fill: #ff4949; }
  .breakPointM-fill-warning {
    fill: #ffc82c; }
  .breakPointM-fill-blue--d {
    fill: #009eeb; }
  .breakPointM-fill-blue--l {
    fill: #85d7ff; }
  .breakPointM-fill-blue--translucent {
    fill: rgba(133, 215, 255, 0.98); }
  .breakPointM-fill-blue--transparent {
    fill: rgba(133, 215, 255, 0.3); }
  .breakPointM-fill-blue--pellucid {
    fill: rgba(133, 215, 255, 0.15); }
  .breakPointM-fill-blue--limpid {
    fill: rgba(133, 215, 255, 0.05); }
  .breakPointM-fill-white--translucent {
    fill: rgba(255, 255, 255, 0.98); }
  .breakPointM-fill-white--transparent {
    fill: rgba(255, 255, 255, 0.3); }
  .breakPointM-fill-white--pellucid {
    fill: rgba(255, 255, 255, 0.15); }
  .breakPointM-fill-white--limpid {
    fill: rgba(255, 255, 255, 0.05); }
  .breakPointM-fill-black--translucent {
    fill: rgba(31, 45, 61, 0.98); }
  .breakPointM-fill-black--transparent {
    fill: rgba(31, 45, 61, 0.3); }
  .breakPointM-fill-black--pellucid {
    fill: rgba(31, 45, 61, 0.15); }
  .breakPointM-fill-black--limpid {
    fill: rgba(31, 45, 61, 0.05); }
  .breakPointM-fill-twitter {
    fill: #55acee; }
  .breakPointM-fill-facebook {
    fill: #3b5999; }
  .breakPointM-fill-dribbble {
    fill: #ea4c89; }
  .breakPointM-fill-dropbox {
    fill: #007ee5; }
  .breakPointM-fill-google {
    fill: #dc4e41; }
  .breakPointM-fill-instagram {
    fill: #3f729b; }
  .breakPointM-fill-linkedin {
    fill: #0077b5; } }

@media screen and (min-width: 1180px) {
  .breakPointL-fill-marvel {
    fill: #1fb6ff; }
  .breakPointL-fill-green {
    fill: #13ce66; }
  .breakPointL-fill-yellow {
    fill: #ffc82c; }
  .breakPointL-fill-orange {
    fill: #ff7849; }
  .breakPointL-fill-pink {
    fill: #ff49db; }
  .breakPointL-fill-purple {
    fill: #7e5bef; }
  .breakPointL-fill-red {
    fill: #ff4949; }
  .breakPointL-fill-marvel--d {
    fill: #009eeb; }
  .breakPointL-fill-marvel--l {
    fill: #85d7ff; }
  .breakPointL-fill-green--d {
    fill: #0f9f4f; }
  .breakPointL-fill-green--l {
    fill: #29eb7f; }
  .breakPointL-fill-yellow--d {
    fill: #f8b700; }
  .breakPointL-fill-yellow--l {
    fill: #ffd55f; }
  .breakPointL-fill-orange--d {
    fill: #ff5216; }
  .breakPointL-fill-orange--l {
    fill: #ff9e7c; }
  .breakPointL-fill-pink--d {
    fill: #ff16d1; }
  .breakPointL-fill-pink--l {
    fill: #ff7ce5; }
  .breakPointL-fill-purple--d {
    fill: #592dea; }
  .breakPointL-fill-purple--l {
    fill: #a389f4; }
  .breakPointL-fill-red--d {
    fill: #ff1616; }
  .breakPointL-fill-red--l {
    fill: #ff7c7c; }
  .breakPointL-fill-black {
    fill: #1f2d3d; }
  .breakPointL-fill-steel {
    fill: #273444; }
  .breakPointL-fill-slate {
    fill: #3c4858; }
  .breakPointL-fill-silver {
    fill: #8492a6; }
  .breakPointL-fill-snow {
    fill: #f9fafc; }
  .breakPointL-fill-smoke {
    fill: #e0e6ed; }
  .breakPointL-fill-white {
    fill: #fff; }
  .breakPointL-fill-snow--d {
    fill: #eff2f7; }
  .breakPointL-fill-snow--xd {
    fill: #e5e9f2; }
  .breakPointL-fill-smoke--d {
    fill: #d3dce6; }
  .breakPointL-fill-smoke--xd {
    fill: #c0ccda; }
  .breakPointL-fill-blue {
    fill: #1fb6ff; }
  .breakPointL-fill-positive {
    fill: #13ce66; }
  .breakPointL-fill-negative {
    fill: #ff4949; }
  .breakPointL-fill-warning {
    fill: #ffc82c; }
  .breakPointL-fill-blue--d {
    fill: #009eeb; }
  .breakPointL-fill-blue--l {
    fill: #85d7ff; }
  .breakPointL-fill-blue--translucent {
    fill: rgba(133, 215, 255, 0.98); }
  .breakPointL-fill-blue--transparent {
    fill: rgba(133, 215, 255, 0.3); }
  .breakPointL-fill-blue--pellucid {
    fill: rgba(133, 215, 255, 0.15); }
  .breakPointL-fill-blue--limpid {
    fill: rgba(133, 215, 255, 0.05); }
  .breakPointL-fill-white--translucent {
    fill: rgba(255, 255, 255, 0.98); }
  .breakPointL-fill-white--transparent {
    fill: rgba(255, 255, 255, 0.3); }
  .breakPointL-fill-white--pellucid {
    fill: rgba(255, 255, 255, 0.15); }
  .breakPointL-fill-white--limpid {
    fill: rgba(255, 255, 255, 0.05); }
  .breakPointL-fill-black--translucent {
    fill: rgba(31, 45, 61, 0.98); }
  .breakPointL-fill-black--transparent {
    fill: rgba(31, 45, 61, 0.3); }
  .breakPointL-fill-black--pellucid {
    fill: rgba(31, 45, 61, 0.15); }
  .breakPointL-fill-black--limpid {
    fill: rgba(31, 45, 61, 0.05); }
  .breakPointL-fill-twitter {
    fill: #55acee; }
  .breakPointL-fill-facebook {
    fill: #3b5999; }
  .breakPointL-fill-dribbble {
    fill: #ea4c89; }
  .breakPointL-fill-dropbox {
    fill: #007ee5; }
  .breakPointL-fill-google {
    fill: #dc4e41; }
  .breakPointL-fill-instagram {
    fill: #3f729b; }
  .breakPointL-fill-linkedin {
    fill: #0077b5; } }

@font-face {
  font-family: "VenturaEdding";
  src: url("../../static/assets/webfonts/ventura/VenturaEdding-Bold.eot");
  src: url("../../static/assets/webfonts/ventura/VenturaEdding-Bold.eot?#iefix") format("embedded-opentype"), url("../../static/assets/webfonts/ventura/VenturaEdding-Bold.woff") format("woff"), url("../../static/assets/webfonts/ventura/VenturaEdding-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "FaktProSoft";
  src: url("../../static/assets/webfonts/fakt-soft/FaktSoftPro-Blond.eot");
  src: url("../../static/assets/webfonts/fakt-soft/FaktSoftPro-Blond.eot?#iefix") format("embedded-opentype"), url("../../static/assets/webfonts/fakt-soft/FaktSoftPro-Blond.woff") format("woff"), url("../../static/assets/webfonts/fakt-soft/FaktSoftPro-Blond.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "FaktProSoft";
  src: url("../../static/assets/webfonts/fakt-soft/FaktSoftPro-Normal.eot");
  src: url("../../static/assets/webfonts/fakt-soft/FaktSoftPro-Normal.eot?#iefix") format("embedded-opentype"), url("../../static/assets/webfonts/fakt-soft/FaktSoftPro-Normal.woff") format("woff"), url("../../static/assets/webfonts/fakt-soft/FaktSoftPro-Normal.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "FaktProSoft";
  src: url("../../static/assets/webfonts/fakt-soft/FaktSoftPro-Medium.eot");
  src: url("../../static/assets/webfonts/fakt-soft/FaktSoftPro-Medium.eot?#iefix") format("embedded-opentype"), url("../../static/assets/webfonts/fakt-soft/FaktSoftPro-Medium.woff") format("woff"), url("../../static/assets/webfonts/fakt-soft/FaktSoftPro-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

.fontFamily-faktSoft, html,
body,
input,
button,
select,
textarea {
  font-family: "FaktProSoft", "Helvetica Neue", helvetica, arial, sans-serif; }

.fontFamily-Ventura {
  font-family: "VenturaEdding", "Helvetica Neue", helvetica, arial, sans-serif; }

.letterSpacing-l {
  letter-spacing: 1.4px; }

.letterSpacing-m {
  letter-spacing: 0.4px; }

.letterSpacing-s {
  letter-spacing: -1px; }

.letterSpacing-xs, .fontSize-xxxxl, .fontSize-xxxl {
  letter-spacing: -1px; }

.letterSpacing-0 {
  letter-spacing: 0; }

.fontSize-xxxxl {
  margin-left: -4px;
  font-size: 46px; }

.fontSize-xxxl {
  margin-left: -2px;
  font-size: 38px; }

.fontSize-xxl, .avatar--xl, .avatar--l {
  margin-left: -2px;
  font-size: 26px;
  letter-spacing: -.5px; }

.fontSize-xl {
  font-size: 20px; }

.fontSize-l, .avatar--m, .input--xl,
.inputGroup--xl .inputGroup-context, .input-tel--xl .intl-tel-input .country-list, .textarea--xl, .select--xl select, .button--xl {
  font-size: 18px; }

.fontSize-m, html,
body,
input,
button,
select,
textarea, .avatar--s, .input--l,
.inputGroup--l .inputGroup-context, .input--m,
.inputGroup--m .inputGroup-context, .input-tel--l .intl-tel-input .country-list, .input-tel--m .intl-tel-input .country-list, .textarea--l, .textarea--m, .textarea--growing, .select--l select, .select--m select, .button--l, .button--m, .button--responsive, .popover-list a, .popover-select-title, .prototype-modal h1 {
  font-size: 16px; }

.fontSize-s, .input--s,
.inputGroup--s .inputGroup-context, .input-tel--s .intl-tel-input .country-list, .textarea--s, .select--s select, .button--s, .popover-select-subtitle, #annotations-sidebar, .emoji-picker-autocomplete, .annotation {
  font-size: 14px; }

.fontSize-xs, .avatar--xs, .input--xs,
.inputGroup--xs .inputGroup-context, .textarea--xs, .select--xs select, .button--xs, .marvel-comment-inner code, .annotation-reference {
  font-size: 12px; }

.fontSize-xxs, .avatar--xxs {
  font-size: 10px; }

@media screen and (min-width: 480px) {
  .breakPointS-fontSize-xxxxl {
    margin-left: -4px;
    font-size: 46px;
    letter-spacing: -1px; }
  .breakPointS-fontSize-xxxl {
    margin-left: -2px;
    font-size: 38px;
    letter-spacing: -1px; }
  .breakPointS-fontSize-xxl {
    margin-left: -2px;
    font-size: 26px;
    letter-spacing: -.5px; }
  .breakPointS-fontSize-xl {
    font-size: 20px; }
  .breakPointS-fontSize-l {
    font-size: 18px; }
  .breakPointS-fontSize-m {
    font-size: 16px; }
  .breakPointS-fontSize-s {
    font-size: 14px; }
  .breakPointS-fontSize-xs {
    font-size: 12px; }
  .breakPointS-fontSize-xxs {
    font-size: 12px; } }

@media screen and (min-width: 768px) {
  .breakPointM-fontSize-xxxxl {
    margin-left: -4px;
    font-size: 46px;
    letter-spacing: -1px; }
  .breakPointM-fontSize-xxxl {
    margin-left: -2px;
    font-size: 38px;
    letter-spacing: -1px; }
  .breakPointM-fontSize-xxl {
    margin-left: -2px;
    font-size: 26px;
    letter-spacing: -.5px; }
  .breakPointM-fontSize-xl {
    font-size: 20px; }
  .breakPointM-fontSize-l, .button--responsive {
    font-size: 18px; }
  .breakPointM-fontSize-m {
    font-size: 16px; }
  .breakPointM-fontSize-s {
    font-size: 14px; }
  .breakPointM-fontSize-xs {
    font-size: 12px; }
  .breakPointM-fontSize-xxs {
    font-size: 12px; } }

@media screen and (min-width: 1180px) {
  .breakPointL-fontSize-xxxxl {
    margin-left: -4px;
    font-size: 46px;
    letter-spacing: -1px; }
  .breakPointL-fontSize-xxxl {
    margin-left: -2px;
    font-size: 38px;
    letter-spacing: -1px; }
  .breakPointL-fontSize-xxl {
    margin-left: -2px;
    font-size: 26px;
    letter-spacing: -.5px; }
  .breakPointL-fontSize-xl {
    font-size: 20px; }
  .breakPointL-fontSize-l {
    font-size: 18px; }
  .breakPointL-fontSize-m {
    font-size: 16px; }
  .breakPointL-fontSize-s {
    font-size: 14px; }
  .breakPointL-fontSize-xs {
    font-size: 12px; }
  .breakPointL-fontSize-xxs {
    font-size: 10px; } }

.left-fade {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 100%); }

.right-fade {
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0) 100%); }

.gradient-black--bottomToTop {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#1f2d3d), color-stop(75%, rgba(31, 45, 61, 0)));
  background-image: linear-gradient(0deg, #1f2d3d 0%, rgba(31, 45, 61, 0) 75%); }

.gradient-black--topToBottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(31, 45, 61, 0)), color-stop(75%, #1f2d3d));
  background-image: linear-gradient(0deg, rgba(31, 45, 61, 0) 0%, #1f2d3d 75%); }

.gradient-white--bottomToTop {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(75%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 75%); }

.gradient-white--topToBottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(75%, #fff));
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #fff 75%); }

.lineHeight-xxxxl {
  line-height: 58px; }

.lineHeight-xxxl {
  line-height: 46px; }

.lineHeight-xxl {
  line-height: 38px; }

.lineHeight-xl {
  line-height: 34px; }

.lineHeight-l, .textarea--xl {
  line-height: 28px; }

.lineHeight-m, .textarea--l, .textarea--m, .textarea--growing, .prototype-modal h1 {
  line-height: 24px; }

.lineHeight-s, .textarea--s, .popover-select-title, .popover-select-subtitle, .marvel-comment-mention {
  line-height: 22px; }

.lineHeight-xs, .textarea--xs {
  line-height: 18px; }

.lineHeight-xxs {
  line-height: 14px; }

.lineHeight-1 {
  line-height: 1; }

.lineHeight-control--xl, .inputGroup--xl .inputGroup-context, .input-tel--xl .intl-tel-input .country-list .country, .select--xl select, .button--xl, .uiIcon--xl .svgIcon {
  line-height: 60px; }

.lineHeight-control--l, .inputGroup--l .inputGroup-context, .input-tel--l .intl-tel-input .country-list .country, .select--l select, .button--l, .uiIcon--l .svgIcon {
  line-height: 50px; }

.lineHeight-control--m, .inputGroup--m .inputGroup-context, .input-tel--m .intl-tel-input .country-list .country, .select--m select, .button--m, .button--responsive, .uiIcon--m .svgIcon {
  line-height: 40px; }

.lineHeight-control--s, .inputGroup--s .inputGroup-context, .input-tel--s .intl-tel-input .country-list .country, .select--s select, .button--s, .uiIcon--s .svgIcon {
  line-height: 30px; }

.lineHeight-control--xs, .inputGroup--xs .inputGroup-context, .select--xs select, .button--xs, .uiIcon--xs .svgIcon {
  line-height: 24px; }

@media screen and (min-width: 480px) {
  .breakPointS-lineHeight-xxxxl {
    line-height: 58px; }
  .breakPointS-lineHeight-xxxl {
    line-height: 46px; }
  .breakPointS-lineHeight-xxl {
    line-height: 38px; }
  .breakPointS-lineHeight-xl {
    line-height: 34px; }
  .breakPointS-lineHeight-l {
    line-height: 28px; }
  .breakPointS-lineHeight-m {
    line-height: 24px; }
  .breakPointS-lineHeight-s {
    line-height: 22px; }
  .breakPointS-lineHeight-xs {
    line-height: 18px; }
  .breakPointS-lineHeight-xxs {
    line-height: 14px; }
  .breakPointS-lineHeight-1 {
    line-height: 1; } }

@media screen and (min-width: 768px) {
  .breakPointM-lineHeight-xxxxl {
    line-height: 58px; }
  .breakPointM-lineHeight-xxxl {
    line-height: 46px; }
  .breakPointM-lineHeight-xxl {
    line-height: 38px; }
  .breakPointM-lineHeight-xl {
    line-height: 34px; }
  .breakPointM-lineHeight-l {
    line-height: 28px; }
  .breakPointM-lineHeight-m {
    line-height: 24px; }
  .breakPointM-lineHeight-s {
    line-height: 22px; }
  .breakPointM-lineHeight-xs {
    line-height: 18px; }
  .breakPointM-lineHeight-xxs {
    line-height: 14px; }
  .breakPointM-lineHeight-1 {
    line-height: 1; } }

@media screen and (min-width: 1180px) {
  .breakPointL-lineHeight-xxxxl {
    line-height: 58px; }
  .breakPointL-lineHeight-xxxl {
    line-height: 46px; }
  .breakPointL-lineHeight-xxl {
    line-height: 38px; }
  .breakPointL-lineHeight-xl {
    line-height: 34px; }
  .breakPointL-lineHeight-l {
    line-height: 28px; }
  .breakPointL-lineHeight-m {
    line-height: 24px; }
  .breakPointL-lineHeight-s {
    line-height: 22px; }
  .breakPointL-lineHeight-xs {
    line-height: 18px; }
  .breakPointL-lineHeight-xxs {
    line-height: 14px; }
  .breakPointL-lineHeight-1 {
    line-height: 1; } }

.margin-0 {
  margin: 0; }

.marginTop-0 {
  margin-top: 0; }

.marginRight-0 {
  margin-right: 0; }

.marginBottom-0 {
  margin-bottom: 0; }

.marginLeft-0 {
  margin-left: 0; }

.marginTopBottom-0 {
  margin-top: 0;
  margin-bottom: 0; }

.marginLeftRight-0 {
  margin-left: 0;
  margin-right: 0; }

.margin-xxs {
  margin: 5px; }

.marginTop-xxs {
  margin-top: 5px; }

.marginRight-xxs {
  margin-right: 5px; }

.marginBottom-xxs {
  margin-bottom: 5px; }

.marginLeft-xxs {
  margin-left: 5px; }

.marginTopBottom-xxs {
  margin-top: 5px;
  margin-bottom: 5px; }

.marginLeftRight-xxs {
  margin-left: 5px;
  margin-right: 5px; }

.margin-xs {
  margin: 10px; }

.marginTop-xs, .popover--bottom.popover--s {
  margin-top: 10px; }

.marginRight-xs, .popover--left.popover--s {
  margin-right: 10px; }

.marginBottom-xs, .popover--top.popover--s, .emoji-group-heading {
  margin-bottom: 10px; }

.marginLeft-xs, .popover--right.popover--s {
  margin-left: 10px; }

.marginTopBottom-xs {
  margin-top: 10px;
  margin-bottom: 10px; }

.marginLeftRight-xs {
  margin-left: 10px;
  margin-right: 10px; }

.margin-s {
  margin: 15px; }

.marginTop-s, .popover--bottom.popover--m {
  margin-top: 15px; }

.marginRight-s, .popover--left.popover--m {
  margin-right: 15px; }

.marginBottom-s, .popover--top.popover--m, .popover-block-icon {
  margin-bottom: 15px; }

.marginLeft-s, .popover--right.popover--m {
  margin-left: 15px; }

.marginTopBottom-s, .comment-tree:after {
  margin-top: 15px;
  margin-bottom: 15px; }

.marginLeftRight-s {
  margin-left: 15px;
  margin-right: 15px; }

.margin-m {
  margin: 20px; }

.marginTop-m, .popover--bottom.popover--l, .modal-subtext--before {
  margin-top: 20px; }

.marginRight-m, .popover--left, .popover--left.popover--l {
  margin-right: 20px; }

.marginBottom-m, .list > li:not(:last-child), .popover--top.popover--l, .popover-separator, .modal-subtext--after, .emoji-group, .prototype-modal svg {
  margin-bottom: 20px; }

.marginLeft-m, .list > li, .popover--right.popover--l {
  margin-left: 20px; }

.marginTopBottom-m {
  margin-top: 20px;
  margin-bottom: 20px; }

.marginLeftRight-m {
  margin-left: 20px;
  margin-right: 20px; }

.margin-l {
  margin: 40px; }

.marginTop-l, .modal-subtext--after {
  margin-top: 40px; }

.marginRight-l {
  margin-right: 40px; }

.marginBottom-l, .modal-subtext--before {
  margin-bottom: 40px; }

.marginLeft-l {
  margin-left: 40px; }

.marginTopBottom-l {
  margin-top: 40px;
  margin-bottom: 40px; }

.marginLeftRight-l {
  margin-left: 40px;
  margin-right: 40px; }

.margin-xl {
  margin: 80px; }

.marginTop-xl {
  margin-top: 80px; }

.marginRight-xl {
  margin-right: 80px; }

.marginBottom-xl {
  margin-bottom: 80px; }

.marginLeft-xl {
  margin-left: 80px; }

.marginTopBottom-xl {
  margin-top: 80px;
  margin-bottom: 80px; }

.marginLeftRight-xl {
  margin-left: 80px;
  margin-right: 80px; }

@media screen and (min-width: 480px) {
  .breakPointS-margin-0 {
    margin: 0; }
  .breakPointS-marginTop-0 {
    margin-top: 0; }
  .breakPointS-marginRight-0 {
    margin-right: 0; }
  .breakPointS-marginBottom-0 {
    margin-bottom: 0; }
  .breakPointS-marginLeft-0 {
    margin-left: 0; }
  .breakPointS-marginTopBottom-0 {
    margin-top: 0;
    margin-bottom: 0; }
  .breakPointS-marginLeftRight-0 {
    margin-left: 0;
    margin-right: 0; }
  .breakPointS-margin-xxs {
    margin: 5px; }
  .breakPointS-marginTop-xxs {
    margin-top: 5px; }
  .breakPointS-marginRight-xxs {
    margin-right: 5px; }
  .breakPointS-marginBottom-xxs {
    margin-bottom: 5px; }
  .breakPointS-marginLeft-xxs {
    margin-left: 5px; }
  .breakPointS-marginTopBottom-xxs {
    margin-top: 5px;
    margin-bottom: 5px; }
  .breakPointS-marginLeftRight-xxs {
    margin-left: 5px;
    margin-right: 5px; }
  .breakPointS-margin-xs {
    margin: 10px; }
  .breakPointS-marginTop-xs {
    margin-top: 10px; }
  .breakPointS-marginRight-xs {
    margin-right: 10px; }
  .breakPointS-marginBottom-xs {
    margin-bottom: 10px; }
  .breakPointS-marginLeft-xs {
    margin-left: 10px; }
  .breakPointS-marginTopBottom-xs {
    margin-top: 10px;
    margin-bottom: 10px; }
  .breakPointS-marginLeftRight-xs {
    margin-left: 10px;
    margin-right: 10px; }
  .breakPointS-margin-s {
    margin: 15px; }
  .breakPointS-marginTop-s {
    margin-top: 15px; }
  .breakPointS-marginRight-s {
    margin-right: 15px; }
  .breakPointS-marginBottom-s {
    margin-bottom: 15px; }
  .breakPointS-marginLeft-s {
    margin-left: 15px; }
  .breakPointS-marginTopBottom-s {
    margin-top: 15px;
    margin-bottom: 15px; }
  .breakPointS-marginLeftRight-s {
    margin-left: 10px;
    margin-right: 10px; }
  .breakPointS-margin-m {
    margin: 20px; }
  .breakPointS-marginTop-m {
    margin-top: 20px; }
  .breakPointS-marginRight-m {
    margin-right: 20px; }
  .breakPointS-marginBottom-m {
    margin-bottom: 20px; }
  .breakPointS-marginLeft-m {
    margin-left: 20px; }
  .breakPointS-marginTopBottom-m {
    margin-top: 20px;
    margin-bottom: 20px; }
  .breakPointS-marginLeftRight-m {
    margin-left: 20px;
    margin-right: 20px; }
  .breakPointS-margin-l {
    margin: 40px; }
  .breakPointS-marginTop-l {
    margin-top: 40px; }
  .breakPointS-marginRight-l {
    margin-right: 40px; }
  .breakPointS-marginBottom-l {
    margin-bottom: 40px; }
  .breakPointS-marginLeft-l {
    margin-left: 40px; }
  .breakPointS-marginTopBottom-l {
    margin-top: 40px;
    margin-bottom: 40px; }
  .breakPointS-marginLeftRight-l {
    margin-left: 40px;
    margin-right: 40px; }
  .breakPointS-margin-xl {
    margin: 80px; }
  .breakPointS-marginTop-xl {
    margin-top: 80px; }
  .breakPointS-marginRight-xl {
    margin-right: 80px; }
  .breakPointS-marginBottom-xl {
    margin-bottom: 80px; }
  .breakPointS-marginLeft-xl {
    margin-left: 80px; }
  .breakPointS-marginTopBottom-xl {
    margin-top: 80px;
    margin-bottom: 80px; }
  .breakPointS-marginLeftRight-xl {
    margin-left: 80px;
    margin-right: 80px; } }

@media screen and (min-width: 768px) {
  .breakPointM-margin-0 {
    margin: 0; }
  .breakPointM-marginTop-0, .modal-subtext--before {
    margin-top: 0; }
  .breakPointM-marginRight-0 {
    margin-right: 0; }
  .breakPointM-marginBottom-0, .modal-subtext--after {
    margin-bottom: 0; }
  .breakPointM-marginLeft-0 {
    margin-left: 0; }
  .breakPointM-marginTopBottom-0 {
    margin-top: 0;
    margin-bottom: 0; }
  .breakPointM-marginLeftRight-0 {
    margin-left: 0;
    margin-right: 0; }
  .breakPointM-margin-xxs {
    margin: 5px; }
  .breakPointM-marginTop-xxs {
    margin-top: 5px; }
  .breakPointM-marginRight-xxs {
    margin-right: 5px; }
  .breakPointM-marginBottom-xxs {
    margin-bottom: 5px; }
  .breakPointM-marginLeft-xxs {
    margin-left: 5px; }
  .breakPointM-marginTopBottom-xxs {
    margin-top: 5px;
    margin-bottom: 5px; }
  .breakPointM-marginLeftRight-xxs {
    margin-left: 5px;
    margin-right: 5px; }
  .breakPointM-margin-xs {
    margin: 10px; }
  .breakPointM-marginTop-xs {
    margin-top: 10px; }
  .breakPointM-marginRight-xs {
    margin-right: 10px; }
  .breakPointM-marginBottom-xs {
    margin-bottom: 10px; }
  .breakPointM-marginLeft-xs {
    margin-left: 10px; }
  .breakPointM-marginTopBottom-xs {
    margin-top: 10px;
    margin-bottom: 10px; }
  .breakPointM-marginLeftRight-xs {
    margin-left: 10px;
    margin-right: 10px; }
  .breakPointM-margin-s {
    margin: 15px; }
  .breakPointM-marginTop-s {
    margin-top: 15px; }
  .breakPointM-marginRight-s {
    margin-right: 15px; }
  .breakPointM-marginBottom-s {
    margin-bottom: 15px; }
  .breakPointM-marginLeft-s {
    margin-left: 15px; }
  .breakPointM-marginTopBottom-s {
    margin-top: 15px;
    margin-bottom: 15px; }
  .breakPointM-marginLeftRight-s {
    margin-left: 15px;
    margin-right: 15px; }
  .breakPointM-margin-m {
    margin: 20px; }
  .breakPointM-marginTop-m {
    margin-top: 20px; }
  .breakPointM-marginRight-m {
    margin-right: 20px; }
  .breakPointM-marginBottom-m {
    margin-bottom: 20px; }
  .breakPointM-marginLeft-m {
    margin-left: 20px; }
  .breakPointM-marginTopBottom-m {
    margin-top: 20px;
    margin-bottom: 20px; }
  .breakPointM-marginLeftRight-m {
    margin-left: 20px;
    margin-right: 20px; }
  .breakPointM-margin-l {
    margin: 40px; }
  .breakPointM-marginTop-l {
    margin-top: 40px; }
  .breakPointM-marginRight-l {
    margin-right: 40px; }
  .breakPointM-marginBottom-l {
    margin-bottom: 40px; }
  .breakPointM-marginLeft-l {
    margin-left: 40px; }
  .breakPointM-marginTopBottom-l {
    margin-top: 40px;
    margin-bottom: 40px; }
  .breakPointM-marginLeftRight-l {
    margin-left: 40px;
    margin-right: 40px; }
  .breakPointM-margin-xl {
    margin: 80px; }
  .breakPointM-marginTop-xl {
    margin-top: 80px; }
  .breakPointM-marginRight-xl {
    margin-right: 80px; }
  .breakPointM-marginBottom-xl {
    margin-bottom: 80px; }
  .breakPointM-marginLeft-xl {
    margin-left: 80px; }
  .breakPointM-marginTopBottom-xl {
    margin-top: 80px;
    margin-bottom: 80px; }
  .breakPointM-marginLeftRight-xl {
    margin-left: 80px;
    margin-right: 80px; } }

@media screen and (min-width: 1180px) {
  .breakPointL-margin-0 {
    margin: 0; }
  .breakPointL-marginTop-0 {
    margin-top: 0; }
  .breakPointL-marginRight-0 {
    margin-right: 0; }
  .breakPointL-marginBottom-0 {
    margin-bottom: 0; }
  .breakPointL-marginLeft-0 {
    margin-left: 0; }
  .breakPointL-marginTopBottom-0 {
    margin-top: 0;
    margin-bottom: 0; }
  .breakPointL-marginLeftRight-0 {
    margin-left: 0;
    margin-right: 0; }
  .breakPointL-margin-xxs {
    margin: 5px; }
  .breakPointL-marginTop-xxs {
    margin-top: 5px; }
  .breakPointL-marginRight-xxs {
    margin-right: 5px; }
  .breakPointL-marginBottom-xxs {
    margin-bottom: 5px; }
  .breakPointL-marginLeft-xxs {
    margin-left: 5px; }
  .breakPointL-marginTopBottom-xxs {
    margin-top: 5px;
    margin-bottom: 5px; }
  .breakPointL-marginLeftRight-xxs {
    margin-left: 5px;
    margin-right: 5px; }
  .breakPointL-margin-xs {
    margin: 10px; }
  .breakPointL-marginTop-xs {
    margin-top: 10px; }
  .breakPointL-marginRight-xs {
    margin-right: 10px; }
  .breakPointL-marginBottom-xs {
    margin-bottom: 10px; }
  .breakPointL-marginLeft-xs {
    margin-left: 10px; }
  .breakPointL-marginTopBottom-xs {
    margin-top: 10px;
    margin-bottom: 10px; }
  .breakPointL-marginLeftRight-xs {
    margin-left: 10px;
    margin-right: 10px; }
  .breakPointL-margin-s {
    margin: 15px; }
  .breakPointL-marginTop-s {
    margin-top: 15px; }
  .breakPointL-marginRight-s {
    margin-right: 15px; }
  .breakPointL-marginBottom-s {
    margin-bottom: 15px; }
  .breakPointL-marginLeft-s {
    margin-left: 15px; }
  .breakPointL-marginTopBottom-s {
    margin-top: 15px;
    margin-bottom: 15px; }
  .breakPointL-marginLeftRight-s {
    margin-left: 15px;
    margin-right: 15px; }
  .breakPointL-margin-m {
    margin: 20px; }
  .breakPointL-marginTop-m {
    margin-top: 20px; }
  .breakPointL-marginRight-m {
    margin-right: 20px; }
  .breakPointL-marginBottom-m {
    margin-bottom: 20px; }
  .breakPointL-marginLeft-m {
    margin-left: 20px; }
  .breakPointL-marginTopBottom-m {
    margin-top: 20px;
    margin-bottom: 20px; }
  .breakPointL-marginLeftRight-m {
    margin-left: 20px;
    margin-right: 20px; }
  .breakPointL-margin-l {
    margin: 40px; }
  .breakPointL-marginTop-l {
    margin-top: 40px; }
  .breakPointL-marginRight-l {
    margin-right: 40px; }
  .breakPointL-marginBottom-l {
    margin-bottom: 40px; }
  .breakPointL-marginLeft-l {
    margin-left: 40px; }
  .breakPointL-marginTopBottom-l {
    margin-top: 40px;
    margin-bottom: 40px; }
  .breakPointL-marginLeftRight-l {
    margin-left: 40px;
    margin-right: 40px; }
  .breakPointL-margin-xl {
    margin: 80px; }
  .breakPointL-marginTop-xl {
    margin-top: 80px; }
  .breakPointL-marginRight-xl {
    margin-right: 80px; }
  .breakPointL-marginBottom-xl {
    margin-bottom: 80px; }
  .breakPointL-marginLeft-xl {
    margin-left: 80px; }
  .breakPointL-marginTopBottom-xl {
    margin-top: 80px;
    margin-bottom: 80px; }
  .breakPointL-marginLeftRight-xl {
    margin-left: 80px;
    margin-right: 80px; } }

.padding-0 {
  padding: 0; }

.paddingTop-0 {
  padding-top: 0; }

.paddingRight-0 {
  padding-right: 0; }

.paddingBottom-0 {
  padding-bottom: 0; }

.paddingLeft-0 {
  padding-left: 0; }

.paddingTopBottom-0 {
  padding-top: 0;
  padding-bottom: 0; }

.paddingLeftRight-0 {
  padding-left: 0;
  padding-right: 0; }

.padding-xxs {
  padding: 5px; }

.paddingTop-xxs {
  padding-top: 5px; }

.paddingRight-xxs {
  padding-right: 5px; }

.paddingBottom-xxs {
  padding-bottom: 5px; }

.paddingLeft-xxs {
  padding-left: 5px; }

.paddingTopBottom-xxs {
  padding-top: 5px;
  padding-bottom: 5px; }

.paddingLeftRight-xxs {
  padding-left: 5px;
  padding-right: 5px; }

.padding-xs, .emoji-container {
  padding: 10px; }

.paddingTop-xs {
  padding-top: 10px; }

.paddingRight-xs {
  padding-right: 10px; }

.paddingBottom-xs {
  padding-bottom: 10px; }

.paddingLeft-xs {
  padding-left: 10px; }

.paddingTopBottom-xs {
  padding-top: 10px;
  padding-bottom: 10px; }

.paddingLeftRight-xs, .emoji-picker-autocomplete li {
  padding-left: 10px;
  padding-right: 10px; }

.padding-s, .table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td, .table > thead > tr > th, .table--s > thead > tr > th,
.table--s > thead > tr > td,
.table--s > tbody > tr > th,
.table--s > tbody > tr > td,
.table--s > tfoot > tr > th,
.table--s > tfoot > tr > td, .emoji-container-wrapper {
  padding: 15px; }

.paddingTop-s {
  padding-top: 15px; }

.paddingRight-s {
  padding-right: 15px; }

.paddingBottom-s, caption {
  padding-bottom: 15px; }

.paddingLeft-s {
  padding-left: 15px; }

.paddingTopBottom-s {
  padding-top: 15px;
  padding-bottom: 15px; }

.paddingLeftRight-s, .emoji-group-label {
  padding-left: 15px;
  padding-right: 15px; }

.padding-m, .table--m > thead > tr > th,
.table--m > thead > tr > td,
.table--m > tbody > tr > th,
.table--m > tbody > tr > td,
.table--m > tfoot > tr > th,
.table--m > tfoot > tr > td {
  padding: 20px; }

.paddingTop-m, .popover-list a:first-child {
  padding-top: 20px; }

.paddingRight-m {
  padding-right: 20px; }

.paddingBottom-m, .popover-list a {
  padding-bottom: 20px; }

.paddingLeft-m, .list {
  padding-left: 20px; }

.paddingTopBottom-m, .popover-block {
  padding-top: 20px;
  padding-bottom: 20px; }

.paddingLeftRight-m, .popover-list a {
  padding-left: 20px;
  padding-right: 20px; }

.padding-l {
  padding: 40px; }

.paddingTop-l {
  padding-top: 40px; }

.paddingRight-l {
  padding-right: 40px; }

.paddingBottom-l {
  padding-bottom: 40px; }

.paddingLeft-l {
  padding-left: 40px; }

.paddingTopBottom-l {
  padding-top: 40px;
  padding-bottom: 40px; }

.paddingLeftRight-l {
  padding-left: 40px;
  padding-right: 40px; }

.padding-xl {
  padding: 80px; }

.paddingTop-xl {
  padding-top: 80px; }

.paddingRight-xl {
  padding-right: 80px; }

.paddingBottom-xl {
  padding-bottom: 80px; }

.paddingLeft-xl {
  padding-left: 80px; }

.paddingTopBottom-xl {
  padding-top: 80px;
  padding-bottom: 80px; }

.paddingLeftRight-xl {
  padding-left: 80px;
  padding-right: 80px; }

@media screen and (min-width: 480px) {
  .breakPointS-padding-0 {
    padding: 0; }
  .breakPointS-paddingTop-0 {
    padding-top: 0; }
  .breakPointS-paddingRight-0 {
    padding-right: 0; }
  .breakPointS-paddingBottom-0 {
    padding-bottom: 0; }
  .breakPointS-paddingLeft-0 {
    padding-left: 0; }
  .breakPointS-paddingTopBottom-0 {
    padding-top: 0;
    padding-bottom: 0; }
  .breakPointS-paddingLeftRight-0 {
    padding-left: 0;
    padding-right: 0; }
  .breakPointS-padding-xxs {
    padding: 5px; }
  .breakPointS-paddingTop-xxs {
    padding-top: 5px; }
  .breakPointS-paddingRight-xxs {
    padding-right: 5px; }
  .breakPointS-paddingBottom-xxs {
    padding-bottom: 5px; }
  .breakPointS-paddingLeft-xxs {
    padding-left: 5px; }
  .breakPointS-paddingTopBottom-xxs {
    padding-top: 5px;
    padding-bottom: 5px; }
  .breakPointS-paddingLeftRight-xxs {
    padding-left: 5px;
    padding-right: 5px; }
  .breakPointS-padding-xs {
    padding: 10px; }
  .breakPointS-paddingTop-xs {
    padding-top: 10px; }
  .breakPointS-paddingRight-xs {
    padding-right: 10px; }
  .breakPointS-paddingBottom-xs {
    padding-bottom: 10px; }
  .breakPointS-paddingLeft-xs {
    padding-left: 10px; }
  .breakPointS-paddingTopBottom-xs {
    padding-top: 10px;
    padding-bottom: 10px; }
  .breakPointS-paddingLeftRight-xs {
    padding-left: 10px;
    padding-right: 10px; }
  .breakPointS-padding-s {
    padding: 15px; }
  .breakPointS-paddingTop-s {
    padding-top: 15px; }
  .breakPointS-paddingRight-s {
    padding-right: 15px; }
  .breakPointS-paddingBottom-s {
    padding-bottom: 15px; }
  .breakPointS-paddingLeft-s {
    padding-left: 15px; }
  .breakPointS-paddingTopBottom-s {
    padding-top: 15px;
    padding-bottom: 15px; }
  .breakPointS-paddingLeftRight-s {
    padding-left: 15px;
    padding-right: 15px; }
  .breakPointS-padding-m {
    padding: 20px; }
  .breakPointS-paddingTop-m {
    padding-top: 20px; }
  .breakPointS-paddingRight-m {
    padding-right: 20px; }
  .breakPointS-paddingBottom-m {
    padding-bottom: 20px; }
  .breakPointS-paddingLeft-m {
    padding-left: 20px; }
  .breakPointS-paddingTopBottom-m {
    padding-top: 20px;
    padding-bottom: 20px; }
  .breakPointS-paddingLeftRight-m {
    padding-left: 20px;
    padding-right: 20px; }
  .breakPointS-padding-l, .modal.has-border {
    padding: 40px; }
  .breakPointS-paddingTop-l {
    padding-top: 40px; }
  .breakPointS-paddingRight-l {
    padding-right: 40px; }
  .breakPointS-paddingBottom-l {
    padding-bottom: 40px; }
  .breakPointS-paddingLeft-l {
    padding-left: 40px; }
  .breakPointS-paddingTopBottom-l {
    padding-top: 40px;
    padding-bottom: 40px; }
  .breakPointS-paddingLeftRight-l {
    padding-left: 40px;
    padding-right: 40px; }
  .breakPointS-padding-xl {
    padding: 80px; }
  .breakPointS-paddingTop-xl {
    padding-top: 80px; }
  .breakPointS-paddingRight-xl {
    padding-right: 80px; }
  .breakPointS-paddingBottom-xl {
    padding-bottom: 80px; }
  .breakPointS-paddingLeft-xl {
    padding-left: 80px; }
  .breakPointS-paddingTopBottom-xl {
    padding-top: 80px;
    padding-bottom: 80px; }
  .breakPointS-paddingLeftRight-xl {
    padding-left: 80px;
    padding-right: 80px; } }

@media screen and (min-width: 768px) {
  .breakPointM-padding-0 {
    padding: 0; }
  .breakPointM-paddingTop-0 {
    padding-top: 0; }
  .breakPointM-paddingRight-0 {
    padding-right: 0; }
  .breakPointM-paddingBottom-0 {
    padding-bottom: 0; }
  .breakPointM-paddingLeft-0 {
    padding-left: 0; }
  .breakPointM-paddingTopBottom-0 {
    padding-top: 0;
    padding-bottom: 0; }
  .breakPointM-paddingLeftRight-0 {
    padding-left: 0;
    padding-right: 0; }
  .breakPointM-padding-xxs {
    padding: 5px; }
  .breakPointM-paddingTop-xxs {
    padding-top: 5px; }
  .breakPointM-paddingRight-xxs {
    padding-right: 5px; }
  .breakPointM-paddingBottom-xxs {
    padding-bottom: 5px; }
  .breakPointM-paddingLeft-xxs {
    padding-left: 5px; }
  .breakPointM-paddingTopBottom-xxs {
    padding-top: 5px;
    padding-bottom: 5px; }
  .breakPointM-paddingLeftRight-xxs {
    padding-left: 5px;
    padding-right: 5px; }
  .breakPointM-padding-xs {
    padding: 10px; }
  .breakPointM-paddingTop-xs {
    padding-top: 10px; }
  .breakPointM-paddingRight-xs {
    padding-right: 10px; }
  .breakPointM-paddingBottom-xs {
    padding-bottom: 10px; }
  .breakPointM-paddingLeft-xs {
    padding-left: 10px; }
  .breakPointM-paddingTopBottom-xs {
    padding-top: 10px;
    padding-bottom: 10px; }
  .breakPointM-paddingLeftRight-xs {
    padding-left: 10px;
    padding-right: 10px; }
  .breakPointM-padding-s {
    padding: 15px; }
  .breakPointM-paddingTop-s {
    padding-top: 15px; }
  .breakPointM-paddingRight-s {
    padding-right: 15px; }
  .breakPointM-paddingBottom-s {
    padding-bottom: 15px; }
  .breakPointM-paddingLeft-s {
    padding-left: 15px; }
  .breakPointM-paddingTopBottom-s {
    padding-top: 15px;
    padding-bottom: 15px; }
  .breakPointM-paddingLeftRight-s {
    padding-left: 15px;
    padding-right: 15px; }
  .breakPointM-padding-m {
    padding: 20px; }
  .breakPointM-paddingTop-m {
    padding-top: 20px; }
  .breakPointM-paddingRight-m {
    padding-right: 20px; }
  .breakPointM-paddingBottom-m {
    padding-bottom: 20px; }
  .breakPointM-paddingLeft-m {
    padding-left: 20px; }
  .breakPointM-paddingTopBottom-m {
    padding-top: 20px;
    padding-bottom: 20px; }
  .breakPointM-paddingLeftRight-m {
    padding-left: 20px;
    padding-right: 20px; }
  .breakPointM-padding-l {
    padding: 40px; }
  .breakPointM-paddingTop-l {
    padding-top: 40px; }
  .breakPointM-paddingRight-l {
    padding-right: 40px; }
  .breakPointM-paddingBottom-l {
    padding-bottom: 40px; }
  .breakPointM-paddingLeft-l {
    padding-left: 40px; }
  .breakPointM-paddingTopBottom-l {
    padding-top: 40px;
    padding-bottom: 40px; }
  .breakPointM-paddingLeftRight-l {
    padding-left: 40px;
    padding-right: 40px; }
  .breakPointM-padding-xl {
    padding: 80px; }
  .breakPointM-paddingTop-xl {
    padding-top: 80px; }
  .breakPointM-paddingRight-xl {
    padding-right: 80px; }
  .breakPointM-paddingBottom-xl {
    padding-bottom: 80px; }
  .breakPointM-paddingLeft-xl {
    padding-left: 80px; }
  .breakPointM-paddingTopBottom-xl {
    padding-top: 80px;
    padding-bottom: 80px; }
  .breakPointM-paddingLeftRight-xl {
    padding-left: 80px;
    padding-right: 80px; } }

@media screen and (min-width: 1180px) {
  .breakPointL-padding-0 {
    padding: 0; }
  .breakPointL-paddingTop-0 {
    padding-top: 0; }
  .breakPointL-paddingRight-0 {
    padding-right: 0; }
  .breakPointL-paddingBottom-0 {
    padding-bottom: 0; }
  .breakPointL-paddingLeft-0 {
    padding-left: 0; }
  .breakPointL-paddingTopBottom-0 {
    padding-top: 0;
    padding-bottom: 0; }
  .breakPointL-paddingLeftRight-0 {
    padding-left: 0;
    padding-right: 0; }
  .breakPointL-padding-xxs {
    padding: 5px; }
  .breakPointL-paddingTop-xxs {
    padding-top: 5px; }
  .breakPointL-paddingRight-xxs {
    padding-right: 5px; }
  .breakPointL-paddingBottom-xxs {
    padding-bottom: 5px; }
  .breakPointL-paddingLeft-xxs {
    padding-left: 5px; }
  .breakPointL-paddingTopBottom-xxs {
    padding-top: 5px;
    padding-bottom: 5px; }
  .breakPointL-paddingLeftRight-xxs {
    padding-left: 5px;
    padding-right: 5px; }
  .breakPointL-padding-xs {
    padding: 10px; }
  .breakPointL-paddingTop-xs {
    padding-top: 10px; }
  .breakPointL-paddingRight-xs {
    padding-right: 10px; }
  .breakPointL-paddingBottom-xs {
    padding-bottom: 10px; }
  .breakPointL-paddingLeft-xs {
    padding-left: 10px; }
  .breakPointL-paddingTopBottom-xs {
    padding-top: 10px;
    padding-bottom: 10px; }
  .breakPointL-paddingLeftRight-xs {
    padding-left: 10px;
    padding-right: 10px; }
  .breakPointL-padding-s {
    padding: 15px; }
  .breakPointL-paddingTop-s {
    padding-top: 15px; }
  .breakPointL-paddingRight-s {
    padding-right: 15px; }
  .breakPointL-paddingBottom-s {
    padding-bottom: 15px; }
  .breakPointL-paddingLeft-s {
    padding-left: 15px; }
  .breakPointL-paddingTopBottom-s {
    padding-top: 15px;
    padding-bottom: 15px; }
  .breakPointL-paddingLeftRight-s {
    padding-left: 15px;
    padding-right: 15px; }
  .breakPointL-padding-m {
    padding: 20px; }
  .breakPointL-paddingTop-m {
    padding-top: 20px; }
  .breakPointL-paddingRight-m {
    padding-right: 20px; }
  .breakPointL-paddingBottom-m {
    padding-bottom: 20px; }
  .breakPointL-paddingLeft-m {
    padding-left: 20px; }
  .breakPointL-paddingTopBottom-m {
    padding-top: 20px;
    padding-bottom: 20px; }
  .breakPointL-paddingLeftRight-m {
    padding-left: 20px;
    padding-right: 20px; }
  .breakPointL-padding-l {
    padding: 40px; }
  .breakPointL-paddingTop-l {
    padding-top: 40px; }
  .breakPointL-paddingRight-l {
    padding-right: 40px; }
  .breakPointL-paddingBottom-l {
    padding-bottom: 40px; }
  .breakPointL-paddingLeft-l {
    padding-left: 40px; }
  .breakPointL-paddingTopBottom-l {
    padding-top: 40px;
    padding-bottom: 40px; }
  .breakPointL-paddingLeftRight-l {
    padding-left: 40px;
    padding-right: 40px; }
  .breakPointL-padding-xl {
    padding: 80px; }
  .breakPointL-paddingTop-xl {
    padding-top: 80px; }
  .breakPointL-paddingRight-xl {
    padding-right: 80px; }
  .breakPointL-paddingBottom-xl {
    padding-bottom: 80px; }
  .breakPointL-paddingLeft-xl {
    padding-left: 80px; }
  .breakPointL-paddingTopBottom-xl {
    padding-top: 80px;
    padding-bottom: 80px; }
  .breakPointL-paddingLeftRight-xl {
    padding-left: 80px;
    padding-right: 80px; } }

.textShadow-translucent {
  text-shadow: 0px 1px 2px rgba(31, 45, 61, 0.98); }

.transitionDuration-xxl, .button.is-sad, .button.is-sad:before, .button--stateful:before, .button--stateful span, .button--stateful.has-responded span, .progress-bar-inner {
  -webkit-transition-duration: 700ms;
          transition-duration: 700ms; }

.transitionDuration-xl, .form-control-indicator, .checkbox-tick, .radio-tick, .modal-image,
.modal-icon-wrapper,
.modal-overlay.is-active .modal-container.concealed .modal-image,
.modal-overlay.is-active .modal-container.modal .modal-image,
.modal-overlay.is-active .modal-container.modal-image .modal-image,
.modal-overlay.is-active
.modal-container.modal-icon-wrapper .modal-image,
.modal-overlay.is-active .modal-container.modal-subtext .modal-image,
.modal-overlay.is-active .modal-container.modal-overlay .modal-image,
.modal-overlay.is-active .modal-container.concealed .modal-icon-wrapper,
.modal-overlay.is-active .modal-container.modal .modal-icon-wrapper,
.modal-overlay.is-active .modal-container.modal-image .modal-icon-wrapper,
.modal-overlay.is-active
.modal-container.modal-icon-wrapper .modal-icon-wrapper,
.modal-overlay.is-active .modal-container.modal-subtext .modal-icon-wrapper,
.modal-overlay.is-active .modal-container.modal-overlay .modal-icon-wrapper, .modal-subtext,
.modal-overlay.is-active .modal-container.concealed .modal-subtext,
.modal-overlay.is-active .modal-container.modal .modal-subtext,
.modal-overlay.is-active .modal-container.modal-image .modal-subtext,
.modal-overlay.is-active
.modal-container.modal-icon-wrapper .modal-subtext,
.modal-overlay.is-active .modal-container.modal-subtext .modal-subtext,
.modal-overlay.is-active .modal-container.modal-overlay .modal-subtext, .modal-overlay.is-active .modal-container .modal-subtext {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms; }

.transitionDuration-l, .avatar-img, .textarea--growing, .select-toggle, .select-toggle:after, .popover.has-animation, .modal,
.modal-overlay.is-active .modal-container.concealed .modal,
.modal-overlay.is-active .modal-container.modal .modal,
.modal-overlay.is-active .modal-container.modal-image .modal,
.modal-overlay.is-active
.modal-container.modal-icon-wrapper .modal,
.modal-overlay.is-active .modal-container.modal-subtext .modal,
.modal-overlay.is-active .modal-container.modal-overlay .modal, .modal-overlay.is-active .modal-container .modal, .modal-overlay, .modal-container, .modal-overlay.is-active {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms; }

.transitionDuration-m, .is-loading:after, .marvel-comment-loading:after, .link, .popover-list a, .marvel-comment-inner a, .powered-popover a,
.link:link, .popover-list a:link, .marvel-comment-inner a:link, .powered-popover a:link, .popover-select-title, .modal-icon {
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms; }

.transitionDuration-s, .hideChildren:hover .hideChildren-child, .showChildren:hover .showChildren-child, .input, .textarea, .marvel-comment-inner[contenteditable="true"], .button, .buttonGroup div:not(:last-child) .button:hover:before,
.buttonGroup div.active:not(:last-child) .button:before, .button .logoWrap .svgIcon,
.button .logoWrap .svgIcon path,
.button .logoWrap .svgIcon circle, .button:hover .logoWrap .svgIcon,
.button:hover .logoWrap .svgIcon path,
.button:hover .logoWrap .svgIcon circle, .svgIcon, .popover-block {
  -webkit-transition-duration: 80ms;
          transition-duration: 80ms; }

.transitionDuration-0 {
  -webkit-transition-duration: 0;
          transition-duration: 0; }

.transitionTimingFunction-linear, .link, .popover-list a, .marvel-comment-inner a, .powered-popover a,
.link:link, .popover-list a:link, .marvel-comment-inner a:link, .powered-popover a:link, .button, .buttonGroup div:not(:last-child) .button:hover:before,
.buttonGroup div.active:not(:last-child) .button:before, .button .logoWrap .svgIcon,
.button .logoWrap .svgIcon path,
.button .logoWrap .svgIcon circle, .button:hover .logoWrap .svgIcon,
.button:hover .logoWrap .svgIcon path,
.button:hover .logoWrap .svgIcon circle, .svgIcon, .popover-block {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear; }

.transitionTimingFunction-ease {
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease; }

.transitionTimingFunction-ease-in {
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in; }

.transitionTimingFunction-ease-out {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out; }

.transitionTimingFunction-ease-in-out, .is-loading:after, .marvel-comment-loading:after, .avatar-img, .input, .textarea, .marvel-comment-inner[contenteditable="true"], .modal-image,
.modal-icon-wrapper,
.modal-overlay.is-active .modal-container.concealed .modal-image,
.modal-overlay.is-active .modal-container.modal .modal-image,
.modal-overlay.is-active .modal-container.modal-image .modal-image,
.modal-overlay.is-active
.modal-container.modal-icon-wrapper .modal-image,
.modal-overlay.is-active .modal-container.modal-subtext .modal-image,
.modal-overlay.is-active .modal-container.modal-overlay .modal-image,
.modal-overlay.is-active .modal-container.concealed .modal-icon-wrapper,
.modal-overlay.is-active .modal-container.modal .modal-icon-wrapper,
.modal-overlay.is-active .modal-container.modal-image .modal-icon-wrapper,
.modal-overlay.is-active
.modal-container.modal-icon-wrapper .modal-icon-wrapper,
.modal-overlay.is-active .modal-container.modal-subtext .modal-icon-wrapper,
.modal-overlay.is-active .modal-container.modal-overlay .modal-icon-wrapper, .modal-overlay, .modal-container {
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out; }

.transitionTimingFunction-cb--scaleUp, .button--stateful:before {
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.transitionTimingFunction-cb--scaleOut, .modal,
.modal-overlay.is-active .modal-container.concealed .modal,
.modal-overlay.is-active .modal-container.modal .modal,
.modal-overlay.is-active .modal-container.modal-image .modal,
.modal-overlay.is-active
.modal-container.modal-icon-wrapper .modal,
.modal-overlay.is-active .modal-container.modal-subtext .modal,
.modal-overlay.is-active .modal-container.modal-overlay .modal, .modal-overlay.is-active .modal-container .modal {
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }

.transitionTimingFunction-cb--scaleIn, .select-toggle, .select-toggle:after, .form-control-indicator, .checkbox-tick, .radio-tick {
  -webkit-transition-timing-function: cubic-bezier(0, 0.89, 0.44, 1);
          transition-timing-function: cubic-bezier(0, 0.89, 0.44, 1); }

.transitionTimingFunction-cv-easeOutCircular, .button.is-sad, .button.is-sad:before, .button--stateful, .button--stateful span, .modal-subtext,
.modal-overlay.is-active .modal-container.concealed .modal-subtext,
.modal-overlay.is-active .modal-container.modal .modal-subtext,
.modal-overlay.is-active .modal-container.modal-image .modal-subtext,
.modal-overlay.is-active
.modal-container.modal-icon-wrapper .modal-subtext,
.modal-overlay.is-active .modal-container.modal-subtext .modal-subtext,
.modal-overlay.is-active .modal-container.modal-overlay .modal-subtext, .modal-overlay.is-active .modal-container .modal-subtext, .progress-bar-inner, #annotations-sidebar .comment-area {
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
          transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }

.transitionTimingFunction-cv-easeInOutBack, .popover.has-animation {
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.transitionDelay-xxl {
  -webkit-transition-delay: 700ms;
          transition-delay: 700ms; }

.transitionDelay-xl, .button--stateful span, .button--stateful.is-delayed span,
.button--stateful.is-delayed:before, .modal-overlay.is-active .modal-image {
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms; }

.transitionDelay-l, .textarea--growing, .modal-overlay.is-active .modal-icon-wrapper {
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms; }

.transitionDelay-m, .select-toggle:after, .button--stateful.has-responded span {
  -webkit-transition-delay: 150ms;
          transition-delay: 150ms; }

.transitionDelay-s, .button.is-sad:hover:before {
  -webkit-transition-delay: 80ms;
          transition-delay: 80ms; }

.transitionDelay-0, .textarea--growing:focus {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

.zi-negative, .form-control input {
  z-index: -1; }

.zi-100, .zi-weak, .marvel-comment-loading, #annotations-sidebar .popover-container {
  z-index: 100; }

.zi-200, .select-toggle, #annotations-sidebar .comment-area {
  z-index: 200; }

.zi-300, .zi-chrome, .popover {
  z-index: 300; }

.zi-400, #annotations-sidebar {
  z-index: 400; }

.zi-500, .zi-overlay, .modal-overlay, .app-icon {
  z-index: 500; }

.zi-600, .annotation {
  z-index: 600; }

.zi-700, .zi-modal, .annotation.highlighted {
  z-index: 700; }

.zi-800, .prototype-modal {
  z-index: 800; }

.zi-900, .zi-strong, #page-loader {
  z-index: 900; }

.zi-max {
  z-index: 9999; }

@media screen and (min-width: 480px) {
  .breakPointS-zi-negative {
    z-index: -1; }
  .breakPointS-zi-100 {
    z-index: 100; }
  .breakPointS-zi-200 {
    z-index: 200; }
  .breakPointS-zi-300 {
    z-index: 300; }
  .breakPointS-zi-400 {
    z-index: 400; }
  .breakPointS-zi-500 {
    z-index: 500; }
  .breakPointS-zi-600 {
    z-index: 600; }
  .breakPointS-zi-700 {
    z-index: 700; }
  .breakPointS-zi-800 {
    z-index: 800; }
  .breakPointS-zi-900 {
    z-index: 900; }
  .breakPointS-zi-weak {
    z-index: 100; }
  .breakPointS-zi-chrome {
    z-index: 300; }
  .breakPointS-zi-overlay {
    z-index: 500; }
  .breakPointS-zi-modal {
    z-index: 700; }
  .breakPointS-zi-strong {
    z-index: 900; }
  .breakPointS-zi-max {
    z-index: 9999; } }

@media screen and (min-width: 768px) {
  .breakPointM-zi-negative {
    z-index: -1; }
  .breakPointM-zi-100 {
    z-index: 100; }
  .breakPointM-zi-200 {
    z-index: 200; }
  .breakPointM-zi-300 {
    z-index: 300; }
  .breakPointM-zi-400 {
    z-index: 400; }
  .breakPointM-zi-500 {
    z-index: 500; }
  .breakPointM-zi-600 {
    z-index: 600; }
  .breakPointM-zi-700 {
    z-index: 700; }
  .breakPointM-zi-800 {
    z-index: 800; }
  .breakPointM-zi-900 {
    z-index: 900; }
  .breakPointM-zi-weak {
    z-index: 100; }
  .breakPointM-zi-chrome {
    z-index: 300; }
  .breakPointM-zi-overlay {
    z-index: 500; }
  .breakPointM-zi-modal {
    z-index: 700; }
  .breakPointM-zi-strong {
    z-index: 900; }
  .breakPointM-zi-max {
    z-index: 9999; } }

@media screen and (min-width: 1180px) {
  .breakPointL-zi-negative {
    z-index: -1; }
  .breakPointL-zi-100 {
    z-index: 100; }
  .breakPointL-zi-200 {
    z-index: 200; }
  .breakPointL-zi-300 {
    z-index: 300; }
  .breakPointL-zi-400 {
    z-index: 400; }
  .breakPointL-zi-500 {
    z-index: 500; }
  .breakPointL-zi-600 {
    z-index: 600; }
  .breakPointL-zi-700 {
    z-index: 700; }
  .breakPointL-zi-800 {
    z-index: 800; }
  .breakPointL-zi-900 {
    z-index: 900; }
  .breakPointL-zi-weak {
    z-index: 100; }
  .breakPointL-zi-chrome {
    z-index: 300; }
  .breakPointL-zi-overlay {
    z-index: 500; }
  .breakPointL-zi-modal {
    z-index: 700; }
  .breakPointL-zi-strong {
    z-index: 900; }
  .breakPointL-zi-max {
    z-index: 9999; } }

@media screen and (min-width: 768px) {
  .c-marvel--hover:hover, .popover-list a:hover {
    color: #1fb6ff; }
  .c-green--hover:hover {
    color: #13ce66; }
  .c-yellow--hover:hover {
    color: #ffc82c; }
  .c-orange--hover:hover {
    color: #ff7849; }
  .c-pink--hover:hover {
    color: #ff49db; }
  .c-purple--hover:hover {
    color: #7e5bef; }
  .c-red--hover:hover {
    color: #ff4949; }
  .c-marvel--d--hover:hover {
    color: #009eeb; }
  .c-marvel--l--hover:hover {
    color: #85d7ff; }
  .c-green--d--hover:hover, .link--green:hover {
    color: #0f9f4f; }
  .c-green--l--hover:hover {
    color: #29eb7f; }
  .c-yellow--d--hover:hover {
    color: #f8b700; }
  .c-yellow--l--hover:hover {
    color: #ffd55f; }
  .c-orange--d--hover:hover, .link--orange:hover {
    color: #ff5216; }
  .c-orange--l--hover:hover {
    color: #ff9e7c; }
  .c-pink--d--hover:hover, .link--pink:hover {
    color: #ff16d1; }
  .c-pink--l--hover:hover {
    color: #ff7ce5; }
  .c-purple--d--hover:hover, .link--purple:hover {
    color: #592dea; }
  .c-purple--l--hover:hover {
    color: #a389f4; }
  .c-red--d--hover:hover, .link--red:hover {
    color: #ff1616; }
  .c-red--l--hover:hover {
    color: #ff7c7c; }
  .c-black--hover:hover, .link--light:hover, .link--dark:hover, .button--ghost.bg-white--hover.is-reversed:hover, .button--ghost.is-reversed.modal-icon--light.modal-iconClose:hover:before,
  .button--ghost.is-reversed.modal-icon--light.modal-iconClose:hover:after,
  .button--ghost.is-reversed.modal-icon--light.modal-iconBack:hover:before,
  .button--ghost.is-reversed.modal-icon--light.modal-iconBack:hover:after, .button--ghost.is-reversed.modal-icon--dark.modal-iconClose:hover:before,
  .button--ghost.is-reversed.modal-icon--dark.modal-iconClose:hover:after {
    color: #1f2d3d; }
  .c-steel--hover:hover {
    color: #273444; }
  .c-slate--hover:hover {
    color: #3c4858; }
  .c-silver--hover:hover {
    color: #8492a6; }
  .c-snow--hover:hover {
    color: #f9fafc; }
  .c-smoke--hover:hover {
    color: #e0e6ed; }
  .c-white--hover:hover, .link--lightReversed:hover, .link--opaque.is-active:hover, .button--ghost:hover, .button--outlined:hover {
    color: #fff; }
  .c-snow--d--hover:hover {
    color: #eff2f7; }
  .c-snow--xd--hover:hover {
    color: #e5e9f2; }
  .c-smoke--d--hover:hover {
    color: #d3dce6; }
  .c-smoke--xd--hover:hover {
    color: #c0ccda; }
  .c-blue--hover:hover {
    color: #1fb6ff; }
  .c-positive--hover:hover {
    color: #13ce66; }
  .c-negative--hover:hover, .link--negative:hover {
    color: #ff4949; }
  .c-warning--hover:hover {
    color: #ffc82c; }
  .c-blue--d--hover:hover, .link--light.is-active:hover, .link--blue:hover, .marvel-comment-inner a:hover, .powered-popover a:hover {
    color: #009eeb; }
  .c-blue--l--hover:hover {
    color: #85d7ff; }
  .c-blue--translucent--hover:hover {
    color: rgba(133, 215, 255, 0.98); }
  .c-blue--transparent--hover:hover {
    color: rgba(133, 215, 255, 0.3); }
  .c-blue--pellucid--hover:hover {
    color: rgba(133, 215, 255, 0.15); }
  .c-blue--limpid--hover:hover {
    color: rgba(133, 215, 255, 0.05); }
  .c-white--translucent--hover:hover {
    color: rgba(255, 255, 255, 0.98); }
  .c-white--transparent--hover:hover {
    color: rgba(255, 255, 255, 0.3); }
  .c-white--pellucid--hover:hover {
    color: rgba(255, 255, 255, 0.15); }
  .c-white--limpid--hover:hover {
    color: rgba(255, 255, 255, 0.05); }
  .c-black--translucent--hover:hover {
    color: rgba(31, 45, 61, 0.98); }
  .c-black--transparent--hover:hover {
    color: rgba(31, 45, 61, 0.3); }
  .c-black--pellucid--hover:hover {
    color: rgba(31, 45, 61, 0.15); }
  .c-black--limpid--hover:hover {
    color: rgba(31, 45, 61, 0.05); }
  .c-twitter--hover:hover {
    color: #55acee; }
  .c-facebook--hover:hover {
    color: #3b5999; }
  .c-dribbble--hover:hover {
    color: #ea4c89; }
  .c-dropbox--hover:hover {
    color: #007ee5; }
  .c-google--hover:hover {
    color: #dc4e41; }
  .c-instagram--hover:hover {
    color: #3f729b; }
  .c-linkedin--hover:hover {
    color: #0077b5; }
  .c-pocket--hover:hover {
    color: #ef4056; }
  .bg-marvel--hover:hover, .modal-icon--light:hover, .modal-icon--dark:hover {
    background-color: #1fb6ff; }
  .bg-green--hover:hover {
    background-color: #13ce66; }
  .bg-yellow--hover:hover {
    background-color: #ffc82c; }
  .bg-orange--hover:hover {
    background-color: #ff7849; }
  .bg-pink--hover:hover {
    background-color: #ff49db; }
  .bg-purple--hover:hover {
    background-color: #7e5bef; }
  .bg-red--hover:hover {
    background-color: #ff4949; }
  .bg-marvel--d--hover:hover {
    background-color: #009eeb; }
  .bg-marvel--l--hover:hover {
    background-color: #85d7ff; }
  .bg-green--d--hover:hover {
    background-color: #0f9f4f; }
  .bg-green--l--hover:hover {
    background-color: #29eb7f; }
  .bg-yellow--d--hover:hover {
    background-color: #f8b700; }
  .bg-yellow--l--hover:hover {
    background-color: #ffd55f; }
  .bg-orange--d--hover:hover {
    background-color: #ff5216; }
  .bg-orange--l--hover:hover {
    background-color: #ff9e7c; }
  .bg-pink--d--hover:hover {
    background-color: #ff16d1; }
  .bg-pink--l--hover:hover {
    background-color: #ff7ce5; }
  .bg-purple--d--hover:hover {
    background-color: #592dea; }
  .bg-purple--l--hover:hover {
    background-color: #a389f4; }
  .bg-red--d--hover:hover {
    background-color: #ff1616; }
  .bg-red--l--hover:hover {
    background-color: #ff7c7c; }
  .bg-licorice--hover:hover {
    background-color: #000000; }
  .bg-black--hover:hover {
    background-color: #1f2d3d; }
  .bg-steel--hover:hover {
    background-color: #273444; }
  .bg-slate--hover:hover {
    background-color: #3c4858; }
  .bg-silver--hover:hover {
    background-color: #8492a6; }
  .bg-snow--hover:hover, .link--snowBg:hover, .popover-block:hover {
    background-color: #f9fafc; }
  .bg-smoke--hover:hover {
    background-color: #e0e6ed; }
  .bg-white--hover:hover, .modal-icon--light.modal-iconClose:hover:before,
  .modal-icon--light.modal-iconClose:hover:after,
  .modal-icon--light.modal-iconBack:hover:before,
  .modal-icon--light.modal-iconBack:hover:after, .modal-icon--dark.modal-iconClose:hover:before,
  .modal-icon--dark.modal-iconClose:hover:after {
    background-color: #fff; }
  .bg-snow--d--hover:hover {
    background-color: #eff2f7; }
  .bg-snow--xd--hover:hover {
    background-color: #e5e9f2; }
  .bg-smoke--d--hover:hover {
    background-color: #d3dce6; }
  .bg-smoke--xd--hover:hover {
    background-color: #c0ccda; }
  .bg-blue--hover:hover {
    background-color: #1fb6ff; }
  .bg-positive--hover:hover {
    background-color: #13ce66; }
  .bg-negative--hover:hover {
    background-color: #ff4949; }
  .bg-warning--hover:hover {
    background-color: #ffc82c; }
  .bg-blue--d--hover:hover {
    background-color: #009eeb; }
  .bg-blue--l--hover:hover {
    background-color: #85d7ff; }
  .bg-blue--translucent--hover:hover {
    background-color: rgba(133, 215, 255, 0.98); }
  .bg-blue--transparent--hover:hover {
    background-color: rgba(133, 215, 255, 0.3); }
  .bg-blue--pellucid--hover:hover {
    background-color: rgba(133, 215, 255, 0.15); }
  .bg-blue--limpid--hover:hover {
    background-color: rgba(133, 215, 255, 0.05); }
  .bg-licorice--translucent--hover:hover, .modal-icon--universal:hover {
    background-color: rgba(0, 0, 0, 0.98); }
  .bg-licorice--transparent--hover:hover {
    background-color: rgba(0, 0, 0, 0.3); }
  .bg-licorice--pellucid--hover:hover {
    background-color: rgba(0, 0, 0, 0.15); }
  .bg-licorice--limpid--hover:hover {
    background-color: rgba(0, 0, 0, 0.05); }
  .bg-black--translucent--hover:hover {
    background-color: rgba(31, 45, 61, 0.98); }
  .bg-black--transparent--hover:hover {
    background-color: rgba(31, 45, 61, 0.3); }
  .bg-black--pellucid--hover:hover {
    background-color: rgba(31, 45, 61, 0.15); }
  .bg-black--limpid--hover:hover {
    background-color: rgba(31, 45, 61, 0.05); }
  .bg-white--translucent--hover:hover {
    background-color: rgba(255, 255, 255, 0.98); }
  .bg-white--transparent--hover:hover {
    background-color: rgba(255, 255, 255, 0.3); }
  .bg-white--pellucid--hover:hover {
    background-color: rgba(255, 255, 255, 0.15); }
  .bg-white--limpid--hover:hover {
    background-color: rgba(255, 255, 255, 0.05); }
  .bg-twitter--hover:hover {
    background-color: #55acee; }
  .bg-facebook--hover:hover {
    background-color: #3b5999; }
  .bg-dribbble--hover:hover {
    background-color: #ea4c89; }
  .bg-dropbox--hover:hover {
    background-color: #007ee5; }
  .bg-google--hover:hover {
    background-color: #dc4e41; }
  .bg-instagram--hover:hover {
    background-color: #3f729b; }
  .bg-linkedin--hover:hover {
    background-color: #0077b5; }
  .bg-pocket--hover:hover {
    background-color: #ef4056; }
  .fill-marvel--hover:hover {
    fill: #1fb6ff; }
  .fill-green--hover:hover {
    fill: #13ce66; }
  .fill-yellow--hover:hover {
    fill: #ffc82c; }
  .fill-orange--hover:hover {
    fill: #ff7849; }
  .fill-pink--hover:hover {
    fill: #ff49db; }
  .fill-purple--hover:hover {
    fill: #7e5bef; }
  .fill-red--hover:hover {
    fill: #ff4949; }
  .fill-marvel--d--hover:hover {
    fill: #009eeb; }
  .fill-marvel--l--hover:hover {
    fill: #85d7ff; }
  .fill-green--d--hover:hover {
    fill: #0f9f4f; }
  .fill-green--l--hover:hover {
    fill: #29eb7f; }
  .fill-yellow--d--hover:hover {
    fill: #f8b700; }
  .fill-yellow--l--hover:hover {
    fill: #ffd55f; }
  .fill-orange--d--hover:hover {
    fill: #ff5216; }
  .fill-orange--l--hover:hover {
    fill: #ff9e7c; }
  .fill-pink--d--hover:hover {
    fill: #ff16d1; }
  .fill-pink--l--hover:hover {
    fill: #ff7ce5; }
  .fill-purple--d--hover:hover, .comment-sidebar-buttons .is-set svg:hover {
    fill: #592dea; }
  .fill-purple--l--hover:hover {
    fill: #a389f4; }
  .fill-red--d--hover:hover {
    fill: #ff1616; }
  .fill-red--l--hover:hover {
    fill: #ff7c7c; }
  .fill-black--hover:hover {
    fill: #1f2d3d; }
  .fill-steel--hover:hover {
    fill: #273444; }
  .fill-slate--hover:hover {
    fill: #3c4858; }
  .fill-silver--hover:hover {
    fill: #8492a6; }
  .fill-snow--hover:hover {
    fill: #f9fafc; }
  .fill-smoke--hover:hover {
    fill: #e0e6ed; }
  .fill-white--hover:hover {
    fill: #fff; }
  .fill-snow--d--hover:hover {
    fill: #eff2f7; }
  .fill-snow--xd--hover:hover {
    fill: #e5e9f2; }
  .fill-smoke--d--hover:hover {
    fill: #d3dce6; }
  .fill-smoke--xd--hover:hover {
    fill: #c0ccda; }
  .fill-blue--hover:hover {
    fill: #1fb6ff; }
  .fill-positive--hover:hover {
    fill: #13ce66; }
  .fill-negative--hover:hover {
    fill: #ff4949; }
  .fill-warning--hover:hover {
    fill: #ffc82c; }
  .fill-blue--d--hover:hover, .link--light.is-active:hover {
    fill: #009eeb; }
  .fill-blue--l--hover:hover {
    fill: #85d7ff; }
  .fill-effect--hover:hover {
    fill: url(#effect); }
  .fill-blue--translucent--hover:hover {
    fill: rgba(133, 215, 255, 0.98); }
  .fill-blue--transparent--hover:hover {
    fill: rgba(133, 215, 255, 0.3); }
  .fill-blue--pellucid--hover:hover {
    fill: rgba(133, 215, 255, 0.15); }
  .fill-blue--limpid--hover:hover {
    fill: rgba(133, 215, 255, 0.05); }
  .fill-white--translucent--hover:hover {
    fill: rgba(255, 255, 255, 0.98); }
  .fill-white--transparent--hover:hover {
    fill: rgba(255, 255, 255, 0.3); }
  .fill-white--pellucid--hover:hover {
    fill: rgba(255, 255, 255, 0.15); }
  .fill-white--limpid--hover:hover {
    fill: rgba(255, 255, 255, 0.05); }
  .fill-black--translucent--hover:hover {
    fill: rgba(31, 45, 61, 0.98); }
  .fill-black--transparent--hover:hover {
    fill: rgba(31, 45, 61, 0.3); }
  .fill-black--pellucid--hover:hover {
    fill: rgba(31, 45, 61, 0.15); }
  .fill-black--limpid--hover:hover {
    fill: rgba(31, 45, 61, 0.05); }
  .fill-twitter--hover:hover {
    fill: #55acee; }
  .fill-facebook--hover:hover {
    fill: #3b5999; }
  .fill-dribbble--hover:hover {
    fill: #ea4c89; }
  .fill-dropbox--hover:hover {
    fill: #007ee5; }
  .fill-google--hover:hover {
    fill: #dc4e41; }
  .fill-instagram--hover:hover {
    fill: #3f729b; }
  .fill-linkedin--hover:hover {
    fill: #0077b5; }
  .fill-pocket--hover:hover {
    fill: #ef4056; }
  .borderColor-marvel--hover:hover {
    border-color: #1fb6ff; }
  .borderColor-green--hover:hover {
    border-color: #13ce66; }
  .borderColor-yellow--hover:hover {
    border-color: #ffc82c; }
  .borderColor-orange--hover:hover {
    border-color: #ff7849; }
  .borderColor-pink--hover:hover {
    border-color: #ff49db; }
  .borderColor-purple--hover:hover {
    border-color: #7e5bef; }
  .borderColor-red--hover:hover {
    border-color: #ff4949; }
  .borderColor-marvel--d--hover:hover {
    border-color: #009eeb; }
  .borderColor-marvel--l--hover:hover {
    border-color: #85d7ff; }
  .borderColor-green--d--hover:hover {
    border-color: #0f9f4f; }
  .borderColor-green--l--hover:hover {
    border-color: #29eb7f; }
  .borderColor-yellow--d--hover:hover {
    border-color: #f8b700; }
  .borderColor-yellow--l--hover:hover {
    border-color: #ffd55f; }
  .borderColor-orange--d--hover:hover {
    border-color: #ff5216; }
  .borderColor-orange--l--hover:hover {
    border-color: #ff9e7c; }
  .borderColor-pink--d--hover:hover {
    border-color: #ff16d1; }
  .borderColor-pink--l--hover:hover {
    border-color: #ff7ce5; }
  .borderColor-purple--d--hover:hover {
    border-color: #592dea; }
  .borderColor-purple--l--hover:hover {
    border-color: #a389f4; }
  .borderColor-red--d--hover:hover {
    border-color: #ff1616; }
  .borderColor-red--l--hover:hover {
    border-color: #ff7c7c; }
  .borderColor-transparent--hover:hover {
    border-color: transparent; }
  .borderColor-blue--hover:hover {
    border-color: #1fb6ff; }
  .borderColor-positive--hover:hover {
    border-color: #13ce66; }
  .borderColor-negative--hover:hover {
    border-color: #ff4949; }
  .borderColor-warning--hover:hover {
    border-color: #ffc82c; }
  .borderColor-blue--d--hover:hover {
    border-color: #009eeb; }
  .borderColor-blue--l--hover:hover {
    border-color: #85d7ff; }
  .boxShadow-smoke--d--2--hover:hover {
    -webkit-box-shadow: inset 0 0 0 2px #d3dce6;
            box-shadow: inset 0 0 0 2px #d3dce6; }
  .boxShadow-deboss--hover:hover {
    -webkit-box-shadow: inset 0 2px 0 rgba(31, 45, 61, 0.15);
            box-shadow: inset 0 2px 0 rgba(31, 45, 61, 0.15); }
  .boxShadow-emboss--hover:hover, .button--ghost:hover, .button--outlined:hover, .button--flat:hover {
    -webkit-box-shadow: inset 0 -2px 0 rgba(31, 45, 61, 0.15);
            box-shadow: inset 0 -2px 0 rgba(31, 45, 61, 0.15); }
  .boxShadow-raise--hover:hover {
    -webkit-box-shadow: 0 1px 1px 0 rgba(31, 45, 61, 0.05);
            box-shadow: 0 1px 1px 0 rgba(31, 45, 61, 0.05); }
  .boxShadow-bevelRaise--hover:hover {
    -webkit-box-shadow: inset 0 1px 0 0 #e0e6ed, inset 1px 0 0 0 #d3dce6, inset -1px 0 0 0 #d3dce6, inset 0 -1px 0 0 #c0ccda, 0 1px 1px 0 rgba(31, 45, 61, 0.05);
            box-shadow: inset 0 1px 0 0 #e0e6ed, inset 1px 0 0 0 #d3dce6, inset -1px 0 0 0 #d3dce6, inset 0 -1px 0 0 #c0ccda, 0 1px 1px 0 rgba(31, 45, 61, 0.05); }
  .boxShadow-none--hover:hover, .button--ghost.is-reversed:hover, .buttonGroup .button:hover, .buttonGroup div:last-child .button:hover {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .boxShadow-smoke--hover:hover, .select--default.is-disabled select:hover, .select--default.uiIcon.is-loading select:hover, .select--default.uiIcon.marvel-comment-loading select:hover, .button.is-disabled:hover, .button.is-loading:hover, .button.marvel-comment-loading:hover,
  .button--flat.is-loading:hover, .button--flat.marvel-comment-loading:hover {
    -webkit-box-shadow: inset 0 0 0 1px #e0e6ed;
            box-shadow: inset 0 0 0 1px #e0e6ed; }
  .boxShadow-smoke--xd--hover:hover, .input--default:hover, .textarea--default:hover, .marvel-comment-inner[contenteditable="true"]:hover, .select--default select:hover {
    -webkit-box-shadow: inset 0 0 0 1px #c0ccda;
            box-shadow: inset 0 0 0 1px #c0ccda; }
  .boxShadow-box--hover:hover {
    -webkit-box-shadow: 0 10px 15px 0 rgba(31, 45, 61, 0.04), 0 0 50px 0 rgba(31, 45, 61, 0.1);
            box-shadow: 0 10px 15px 0 rgba(31, 45, 61, 0.04), 0 0 50px 0 rgba(31, 45, 61, 0.1); }
  .boxShadow-box--withBorder--hover:hover {
    -webkit-box-shadow: 0 10px 15px 0 rgba(31, 45, 61, 0.04), 0 0 50px 0 rgba(31, 45, 61, 0.1), 0 0 0 1px rgba(31, 45, 61, 0.03);
            box-shadow: 0 10px 15px 0 rgba(31, 45, 61, 0.04), 0 0 50px 0 rgba(31, 45, 61, 0.1), 0 0 0 1px rgba(31, 45, 61, 0.03); }
  .scaleUp--hover:hover {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  .textDecoration-underline--hover:hover {
    text-decoration: underline; }
  .opacity-0--hover:hover {
    opacity: 0; }
  .opacity-5--hover:hover {
    opacity: .03; }
  .opacity-5--hover:hover {
    opacity: .05; }
  .opacity-8--hover:hover {
    opacity: .08; }
  .opacity-10--hover:hover {
    opacity: .1; }
  .opacity-15--hover:hover {
    opacity: .15; }
  .opacity-20--hover:hover {
    opacity: .2; }
  .opacity-30--hover:hover {
    opacity: .3; }
  .opacity-40--hover:hover {
    opacity: .4; }
  .opacity-50--hover:hover {
    opacity: .5; }
  .opacity-60--hover:hover, .link--opaqueReversed:hover {
    opacity: .6; }
  .opacity-70--hover:hover {
    opacity: .7; }
  .opacity-80--hover:hover {
    opacity: .8; }
  .opacity-90--hover:hover {
    opacity: .9; }
  .opacity-100--hover:hover, .link--opaque:hover {
    opacity: 1; } }

@media screen and (min-width: 768px) {
  .boxShadow-smoke--active:active, .button.is-disabled:active, .button.is-loading:active, .button.marvel-comment-loading:active,
  .button--flat.is-loading:active, .button--flat.marvel-comment-loading:active {
    -webkit-box-shadow: inset 0 0 0 1px #e0e6ed;
            box-shadow: inset 0 0 0 1px #e0e6ed; }
  .boxShadow-deboss--active:active, .button--ghost:active, .button--outlined:active, .button--flat:active, .buttonGroup .button:active, .buttonGroup div:last-child .button:active {
    -webkit-box-shadow: inset 0 2px 0 rgba(31, 45, 61, 0.15);
            box-shadow: inset 0 2px 0 rgba(31, 45, 61, 0.15); }
  .boxShadow-emboss--active:active {
    -webkit-box-shadow: inset 0 -2px 0 rgba(31, 45, 61, 0.15);
            box-shadow: inset 0 -2px 0 rgba(31, 45, 61, 0.15); }
  .boxShadow-depress--active:active {
    -webkit-box-shadow: inset 0 1px 1px 0 rgba(31, 45, 61, 0.05);
            box-shadow: inset 0 1px 1px 0 rgba(31, 45, 61, 0.05); }
  .boxShadow-smokeDepress--active:active {
    -webkit-box-shadow: 0 0 0 1px #e0e6ed, inset 0 1px 1px 0 rgba(31, 45, 61, 0.05);
            box-shadow: 0 0 0 1px #e0e6ed, inset 0 1px 1px 0 rgba(31, 45, 61, 0.05); } }

.tp-none--active:active, .button:active {
  -webkit-transition-property: none;
  transition-property: none; }

.boxShadow-inset--focus:focus {
  -webkit-box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.15); }

.boxShadow-light--focus:focus {
  -webkit-box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.06);
          box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.06); }

.boxShadow--focus:focus {
  -webkit-box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.08); }

.boxShadow-marvel--focus:focus, .input--default:focus, .textarea--default:focus, .marvel-comment-inner[contenteditable="true"]:focus {
  -webkit-box-shadow: inset 0 0 0 1px #1fb6ff;
          box-shadow: inset 0 0 0 1px #1fb6ff; }

.has-error:focus {
  -webkit-box-shadow: inset 0 0 0 1px #ff4949;
          box-shadow: inset 0 0 0 1px #ff4949; }

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

*,
*:before,
*:after {
  margin: 0;
  padding: 0; }

html {
  font-size: 100%;
  line-height: 1; }

html,
body {
  height: 100%; }

body {
  background-color: #fff; }

img {
  vertical-align: bottom; }

figure {
  margin: 0; }

h1,
h2,
h3,
h4,
h5,
h6,
strong,
small {
  font-size: 100%;
  margin: 0;
  font-weight: normal; }

html,
body,
input,
button,
select,
textarea {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1; }

mark {
  background: none; }

.is-loading:after, .marvel-comment-loading:after {
  content: ""; }

.is-loading--xl:after, .button--xl:after, .uiIcon--xl:after, .marvel-comment-loading:after {
  width: 22px;
  height: 22px;
  border-width: 2px;
  margin-top: -11px;
  margin-left: -11px; }

.is-loading--l:after, .button--l:after, .uiIcon--l:after {
  width: 14px;
  height: 14px;
  border-width: 2px;
  margin-top: -7px;
  margin-left: -7px; }

.is-loading--m:after, .select-toggle.select-toggle--large.is-loading:after, .select-toggle.select-toggle--large.marvel-comment-loading:after, .button--m:after, .button--responsive:after, .uiIcon--m:after {
  width: 14px;
  height: 14px;
  border-width: 2px;
  margin-top: -7px;
  margin-left: -7px; }

.is-loading--s:after, .select-toggle.is-loading:after, .select-toggle.marvel-comment-loading:after, .button--s:after, .uiIcon--s:after {
  width: 8px;
  height: 8px;
  border-width: 1px;
  margin-top: -4px;
  margin-left: -4px; }

.is-loading--xs:after, .button--xs:after, .uiIcon--xs:after {
  width: 6px;
  height: 6px;
  border-width: 1px;
  margin-top: -3px;
  margin-left: -3px; }

.pageWrap--s {
  max-width: 720px; }

.pageWrap--m {
  max-width: 1180px; }

.pageWrap--l {
  max-width: 1320px; }

.grid--6 > div {
  width: 16.6666%; }

.grid--xl {
  margin-top: -80px;
  margin-left: -80px; }

.grid--xl > div {
  padding-top: 80px;
  padding-left: 80px; }

.grid--l {
  margin-top: -40px;
  margin-left: -40px; }

.grid--l > div {
  padding-top: 40px;
  padding-left: 40px; }

.grid--m {
  margin-top: -20px;
  margin-left: -20px; }

.grid--m > div {
  padding-top: 20px;
  padding-left: 20px; }

@media screen and (min-width: 480px) {
  .breakPointS-grid--1 > div {
    width: 100%; }
  .breakPointS-grid--2 > div {
    width: 50%; }
  .breakPointS-grid--3 > div {
    width: 33.3333%; }
  .breakPointS-grid--4 > div {
    width: 25%; }
  .breakPointS-grid--5 > div {
    width: 20%; }
  .breakPointS-grid--6 > div {
    width: 16.6666%; }
  .breakPointS-grid--7-3 > div:first-child {
    width: 70%; }
  .breakPointS-grid--7-3 > div:last-child {
    width: 30%; }
  .breakPointS-grid--6-4 > div:first-child {
    width: 60%; }
  .breakPointS-grid--6-4 > div:last-child {
    width: 40%; }
  .breakPointS-grid--xl {
    margin-top: -80px;
    margin-left: -80px; }
  .breakPointS-grid--xl > div {
    padding-top: 80px;
    padding-left: 80px; }
  .breakPointS-grid--l {
    margin-top: -40px;
    margin-left: -40px; }
  .breakPointS-grid--l > div {
    padding-top: 40px;
    padding-left: 40px; }
  .breakPointS-grid--m {
    margin-top: -20px;
    margin-left: -20px; }
  .breakPointS-grid--m > div {
    padding-top: 20px;
    padding-left: 20px; } }

@media screen and (min-width: 768px) {
  .breakPointM-grid--1 > div {
    width: 100%; }
  .breakPointM-grid--2 > div {
    width: 50%; }
  .breakPointM-grid--3 > div {
    width: 33.3333%; }
  .breakPointM-grid--4 > div {
    width: 25%; }
  .breakPointM-grid--5 > div {
    width: 20%; }
  .breakPointM-grid--6 > div {
    width: 16.6666%; }
  .breakPointM-grid--7-3 > div:first-child {
    width: 70%; }
  .breakPointM-grid--7-3 > div:last-child {
    width: 30%; }
  .breakPointM-grid--6-4 > div:first-child {
    width: 60%; }
  .breakPointM-grid--6-4 > div:last-child {
    width: 40%; }
  .breakPointM-grid--xl {
    margin-top: -80px;
    margin-left: -80px; }
  .breakPointM-grid--xl > div {
    padding-top: 80px;
    padding-left: 80px; }
  .breakPointM-grid--l {
    margin-top: -40px;
    margin-left: -40px; }
  .breakPointM-grid--l > div {
    padding-top: 40px;
    padding-left: 40px; }
  .breakPointM-grid--m {
    margin-top: -20px;
    margin-left: -20px; }
  .breakPointM-grid--m > div {
    padding-top: 20px;
    padding-left: 20px; } }

@media screen and (min-width: 1180px) {
  .breakPointL-grid--1 > div {
    width: 100%; }
  .breakPointL-grid--2 > div {
    width: 50%; }
  .breakPointL-grid--3 > div {
    width: 33.3333%; }
  .breakPointL-grid--4 > div {
    width: 25%; }
  .breakPointL-grid--5 > div {
    width: 20%; }
  .breakPointL-grid--6 > div {
    width: 16.6666%; }
  .breakPointL-grid--7-3 > div:first-child {
    width: 70%; }
  .breakPointL-grid--7-3 > div:last-child {
    width: 30%; }
  .breakPointL-grid--6-4 > div:first-child {
    width: 60%; }
  .breakPointL-grid--6-4 > div:last-child {
    width: 40%; }
  .breakPointL-grid--xl {
    margin-top: -80px;
    margin-left: -80px; }
  .breakPointL-grid--xl > div {
    padding-top: 80px;
    padding-left: 80px; }
  .breakPointL-grid--l {
    margin-top: -40px;
    margin-left: -40px; }
  .breakPointL-grid--l > div {
    padding-top: 40px;
    padding-left: 40px; }
  .breakPointL-grid--m {
    margin-top: -20px;
    margin-left: -20px; }
  .breakPointL-grid--m > div {
    padding-top: 20px;
    padding-left: 20px; } }

@media screen and (min-width: 1320px) {
  .breakPointXL-grid--1 > div {
    width: 100%; }
  .breakPointXL-grid--2 > div {
    width: 50%; }
  .breakPointXL-grid--3 > div {
    width: 33.3333%; }
  .breakPointXL-grid--4 > div {
    width: 25%; }
  .breakPointXL-grid--5 > div {
    width: 20%; }
  .breakPointXL-grid--6 > div {
    width: 16.6666%; }
  .breakPointXL-grid--7-3 > div:first-child {
    width: 70%; }
  .breakPointXL-grid--7-3 > div:last-child {
    width: 30%; }
  .breakPointXL-grid--6-4 > div:first-child {
    width: 60%; }
  .breakPointXL-grid--6-4 > div:last-child {
    width: 40%; }
  .breakPointXL-grid--xl {
    margin-top: -80px;
    margin-left: -80px; }
  .breakPointXL-grid--xl > div {
    padding-top: 80px;
    padding-left: 80px; }
  .breakPointXL-grid--l {
    margin-top: -40px;
    margin-left: -40px; }
  .breakPointXL-grid--l > div {
    padding-top: 40px;
    padding-left: 40px; }
  .breakPointXL-grid--m {
    margin-top: -20px;
    margin-left: -20px; }
  .breakPointXL-grid--m > div {
    padding-top: 20px;
    padding-left: 20px; } }

.link:focus, .popover-list a:focus, .marvel-comment-inner a:focus, .powered-popover a:focus {
  outline: thin dotted;
  outline: 1px auto -webkit-focus-ring-color;
  outline-offset: 3px; }

.avatar-img {
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border: 2px solid white;
  z-index: 1; }

.avatar-team {
  bottom: -4px;
  right: -4px;
  border: 2px solid white;
  z-index: 2; }

.avatar--custom {
  margin-left: -4px;
  font-size: 116px;
  letter-spacing: -4px; }

.avatar--xl {
  width: 100px;
  height: 100px;
  line-height: 100px; }

.avatar--xl .avatar-team {
  width: 40px;
  height: 40px;
  bottom: -6px;
  right: -6px; }

.avatar--l {
  width: 70px;
  height: 70px;
  line-height: 70px; }

.avatar--l .avatar-team {
  width: 32px;
  height: 32px;
  bottom: -8px;
  right: -8px; }

.avatar--m {
  width: 54px;
  height: 54px;
  line-height: 54px; }

.avatar--m .avatar-team {
  width: 24px;
  height: 24px; }

.avatar--s {
  width: 40px;
  height: 40px;
  line-height: 40px; }

.avatar--s .avatar-team {
  width: 18px;
  height: 18px; }

.avatar--xs {
  width: 30px;
  height: 30px;
  line-height: 30px; }

.avatar--xs .avatar-team {
  width: 10px;
  height: 10px; }

.avatar--xxs {
  width: 22px;
  height: 22px;
  line-height: 22px; }

.avatar--xxs .avatar-team {
  width: 8px;
  height: 8px; }

.input--xl,
.inputGroup--xl .inputGroup-context {
  padding: 0 20px; }

.input--l,
.inputGroup--l .inputGroup-context {
  padding: 0 16px; }

.input--m,
.inputGroup--m .inputGroup-context {
  padding: 0 14px; }

.input--s,
.inputGroup--s .inputGroup-context {
  padding: 0 10px; }

.input--xs,
.inputGroup--xs .inputGroup-context {
  padding: 0 8px; }

.input--underline {
  -webkit-box-shadow: inset 0 0 0 0 #e0e6ed, inset 0 0 0 0 #e0e6ed, inset 0 0 0 0 #e0e6ed, inset 0 -1px 0 0 #e0e6ed;
          box-shadow: inset 0 0 0 0 #e0e6ed, inset 0 0 0 0 #e0e6ed, inset 0 0 0 0 #e0e6ed, inset 0 -1px 0 0 #e0e6ed; }

.input--underline:hover {
  -webkit-box-shadow: inset 0 0 0 0 #e0e6ed, inset 0 0 0 0 #e0e6ed, inset 0 0 0 0 #e0e6ed, inset 0 -1px 0 0 #c0ccda;
          box-shadow: inset 0 0 0 0 #e0e6ed, inset 0 0 0 0 #e0e6ed, inset 0 0 0 0 #e0e6ed, inset 0 -1px 0 0 #c0ccda; }

.input--underline:focus {
  -webkit-box-shadow: inset 0 0 0 0 #e0e6ed, inset 0 0 0 0 #e0e6ed, inset 0 0 0 0 #e0e6ed, inset 0 -1px 0 0 #1fb6ff;
          box-shadow: inset 0 0 0 0 #e0e6ed, inset 0 0 0 0 #e0e6ed, inset 0 0 0 0 #e0e6ed, inset 0 -1px 0 0 #1fb6ff; }

::-webkit-input-placeholder {
  line-height: normal;
  color: #8492a6; }

::-moz-input-placeholder {
  line-height: normal;
  color: #8492a6; }

.inputGroup div:first-child .input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.inputGroup div:last-child .input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.inputGroup div:first-child .inputGroup-context {
  -webkit-box-shadow: inset 0 1px 0 0 #e0e6ed, inset 0 -1px 0 0 #e0e6ed, inset 1px 0 0 #e0e6ed;
          box-shadow: inset 0 1px 0 0 #e0e6ed, inset 0 -1px 0 0 #e0e6ed, inset 1px 0 0 #e0e6ed; }

.inputGroup div:last-child .inputGroup-context {
  -webkit-box-shadow: inset 0 1px 0 0 #e0e6ed, inset -1px 0 0 #e0e6ed, inset 0 -1px 0 0 #e0e6ed;
          box-shadow: inset 0 1px 0 0 #e0e6ed, inset -1px 0 0 #e0e6ed, inset 0 -1px 0 0 #e0e6ed; }

.intl-tel-input .country-list {
  margin-top: 10px; }

.intl-tel-input .country-list.dropup {
  margin-bottom: 10px; }

.intl-tel-input .country-list .country-name {
  margin-right: 5px; }

.intl-tel-input .selected-flag .arrow {
  right: 10px; }

.input-tel--xl .intl-tel-input .selected-flag {
  width: 66px;
  padding-left: 20px; }

.input-tel--xl .intl-tel-input input,
.input-tel--xl .intl-tel-input input[type=text],
.input-tel--xl .intl-tel-input input[type=tel] {
  padding-left: 80px; }

.input-tel--xl .intl-tel-input .country-list {
  max-height: 285px; }

.input-tel--xl .intl-tel-input .country-list .country {
  padding: 0 0 0 20px; }

.input-tel--xl .intl-tel-input .country-list .flag {
  margin-right: 20px; }

.input-tel--l .intl-tel-input .selected-flag {
  width: 62px;
  padding-left: 16px; }

.input-tel--l .intl-tel-input input,
.input-tel--l .intl-tel-input input[type=text],
.input-tel--l .intl-tel-input input[type=tel] {
  padding-left: 78px; }

.input-tel--l .intl-tel-input .country-list .country {
  padding: 0 0 0 16px; }

.input-tel--l .intl-tel-input .country-list .flag {
  margin-right: 16px; }

.input-tel--m .intl-tel-input .selected-flag {
  width: 58px;
  padding-left: 12px; }

.input-tel--m .intl-tel-input input,
.input-tel--m .intl-tel-input input[type=text],
.input-tel--m .intl-tel-input input[type=tel] {
  padding-left: 70px; }

.input-tel--m .intl-tel-input .country-list .country {
  padding: 0 0 0 12px; }

.input-tel--m .intl-tel-input .country-list .flag {
  margin-right: 12px; }

.input-tel--s .intl-tel-input .selected-flag {
  width: 54px;
  padding-left: 8px; }

.input-tel--s .intl-tel-input input,
.input-tel--s .intl-tel-input input[type=text],
.input-tel--s .intl-tel-input input[type=tel] {
  padding-left: 62px; }

.input-tel--s .intl-tel-input .country-list .country {
  padding: 0 0 0 8px; }

.input-tel--s .intl-tel-input .country-list .flag {
  margin-right: 8px; }

.textarea--xl {
  min-height: 100px;
  padding: 16px 20px; }

.textarea--l {
  min-height: 100px;
  padding: 14px 16px; }

.textarea--m {
  min-height: 100px;
  padding: 8px 12px; }

.textarea--s {
  min-height: 80px;
  padding: 6px 8px; }

.textarea--xs {
  min-height: 80px;
  padding: 6px 8px; }

.textarea--growing {
  height: 40px;
  padding: 6px 10px; }

.textarea--growing:focus {
  height: 140px; }

.select {
  width: 100%;
  height: auto;
  display: inline-block;
  position: relative;
  top: auto;
  right: auto;
  z-index: auto;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: default;
  border-radius: 0;
  text-indent: 0;
  text-align: initial;
  font-weight: 300;
  -webkit-transition-duration: 80ms;
          transition-duration: 80ms;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out; }

.select:after {
  width: auto;
  height: auto;
  background: none;
  background-size: auto;
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  -webkit-transition: none;
  transition: none;
  -webkit-transform: scale(1);
  transform: scale(1); }

.select--xl select {
  padding: 0 60px 0 20px; }

.select--l select {
  padding: 0 50px 0 15px; }

.select--m select {
  padding: 0 40px 0 10px; }

.select--s select {
  padding: 0 30px 0 8px; }

.select--xs select {
  padding: 0 24px 0 8px; }

.select:after {
  content: ""; }

.select--xl:after {
  width: 36px;
  height: 36px;
  margin-top: 12px;
  margin-right: 12px;
  background-size: 36px 36px;
  background-image: url(../icon-dropdown--xl.97289491f1e89d6de0a7b7961495c3fa.svg); }

.select--l:after {
  width: 30px;
  height: 30px;
  margin-top: 10px;
  margin-right: 10px;
  background-size: 30px 30px;
  background-image: url(../icon-dropdown--l.4a42c5e307be516447701f199cc7a9b2.svg); }

.select--m:after {
  width: 24px;
  height: 24px;
  margin-top: 8px;
  margin-right: 8px;
  background-size: 24px 24px;
  background-image: url(../icon-dropdown--m.1b4cec33d9cfaf1cde0a5eaf98fea154.svg); }

.select--s:after {
  width: 18px;
  height: 18px;
  margin-top: 6px;
  margin-right: 6px;
  background-size: 18px 18px;
  background-image: url(../icon-dropdown--s.4c030a980600f9243472c633d861c5ff.svg); }

.select--xs:after {
  width: 16px;
  height: 16px;
  margin-top: 4px;
  margin-right: 4px;
  background-size: 16px 16px;
  background-image: url(../icon-dropdown--xs.1c6752077c45913645681a1e603518a3.svg); }

.select select:focus:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

.select select::-ms-expand {
  display: none; }

@-moz-document url-prefix() {
  .select option {
    background-color: #fff; } }

.select-toggle {
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 0 2px #e0e6ed;
          box-shadow: inset 0 0 0 2px #e0e6ed; }

.select-toggle--large {
  width: 30px;
  height: 30px; }

.select-toggle:after {
  -webkit-transform: scale(0);
          transform: scale(0);
  background: url(../select-property.b3f39f6dd76ceacc66bb3ac6f05879da.svg) center center no-repeat;
  background-size: 100%;
  content: ''; }

.select-toggle.disabled {
  -webkit-box-shadow: inset 0 0 0 2px #e0e6ed;
          box-shadow: inset 0 0 0 2px #e0e6ed;
  pointer-events: none; }

.select-toggle.selected, .popover-select-item.is-active .select-toggle {
  -webkit-box-shadow: inset 0 0 0 20px #13ce66;
          box-shadow: inset 0 0 0 20px #13ce66;
  opacity: 1; }

.select-toggle.selected:after, .popover-select-item.is-active .select-toggle:after {
  -webkit-transform: scale(1);
          transform: scale(1); }

.select-toggle.selected.disabled, .popover-select-item.is-active .disabled.select-toggle {
  -webkit-box-shadow: inset 0 0 0 20px #e0e6ed;
          box-shadow: inset 0 0 0 20px #e0e6ed;
  cursor: default; }

.select-toggle.inverse {
  -webkit-box-shadow: inset 0 0 0 20px #13ce66;
          box-shadow: inset 0 0 0 20px #13ce66; }

.select-toggle.inverse:after {
  -webkit-transform: scale(1);
          transform: scale(1); }

.select-toggle.inverse.selected, .popover-select-item.is-active .inverse.select-toggle {
  -webkit-box-shadow: inset 0 0 0 2px #e0e6ed;
          box-shadow: inset 0 0 0 2px #e0e6ed; }

.select-toggle.inverse.selected:after, .popover-select-item.is-active .inverse.select-toggle:after {
  -webkit-transform: scale(0);
          transform: scale(0); }

.select-toggle.is-loading:after, .select-toggle.marvel-comment-loading:after {
  background-image: none; }

.form-control-indicator {
  -webkit-box-shadow: inset 0 0 0 2px #e0e6ed;
          box-shadow: inset 0 0 0 2px #e0e6ed; }

.checkbox-tick {
  -webkit-transform: scale(0);
          transform: scale(0); }

.checkbox input ~ span {
  color: #8492a6;
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms; }

.checkbox:hover input ~ span {
  color: #3c4858; }

.checkbox input:checked ~ span .form-control-indicator .checkbox-tick {
  opacity: 100;
  -webkit-transform: scale(1);
          transform: scale(1); }

.radio input:checked ~ span .form-control-indicator .radio-tick {
  opacity: 100; }

.form-control--s {
  padding-left: 30px;
  line-height: 20px; }

.form-control--s .form-control-indicator {
  width: 20px;
  height: 20px; }

.form-control--s .checkbx-tick {
  width: 20px;
  height: 20px; }

.form-control--s .radio-tick {
  width: 8px;
  height: 8px; }

.form-control--s.checkbox--default input:checked ~ span .form-control-indicator {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #13ce66; }

.form-control--s.checkbox--default input:active ~ span .form-control-indicator {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #0f9f4f; }

.form-control--s.checkbox--default input:checked ~ span {
  color: #3c4858; }

.form-control--s.checkbox--default input:active ~ span {
  color: #273444; }

.form-control--s.checkbox--blue input:checked ~ span .form-control-indicator {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #1fb6ff; }

.form-control--s.checkbox--blue input:active ~ span .form-control-indicator {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #009eeb; }

.form-control--s.checkbox--blue input:checked ~ span {
  color: #1fb6ff; }

.form-control--s.checkbox--blue input:active ~ span {
  color: #009eeb; }

.form-control--m {
  padding-left: 45px;
  line-height: 30px; }

.form-control--m .form-control-indicator {
  width: 30px;
  height: 30px; }

.form-control--m .checkbx-tick {
  width: 30px;
  height: 30px; }

.form-control--m .radio-tick {
  width: 13px;
  height: 13px; }

.form-control--m.checkbox--default input:checked ~ span .form-control-indicator {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #13ce66; }

.form-control--m.checkbox--default input:active ~ span .form-control-indicator {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #0f9f4f; }

.form-control--m.checkbox--default input:checked ~ span {
  color: #3c4858; }

.form-control--m.checkbox--default input:active ~ span {
  color: #273444; }

.form-control--m.checkbox--blue input:checked ~ span .form-control-indicator {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #1fb6ff; }

.form-control--m.checkbox--blue input:active ~ span .form-control-indicator {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #009eeb; }

.form-control--m.checkbox--blue input:checked ~ span {
  color: #1fb6ff; }

.form-control--m.checkbox--blue input:active ~ span {
  color: #009eeb; }

.button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.button--xl {
  padding: 0 30px;
  min-width: 60px; }

.button--l {
  padding: 0 25px;
  min-width: 50px; }

.button--m, .button--responsive {
  padding: 0 20px;
  min-width: 40px; }

.button--s {
  padding: 0 15px;
  min-width: 30px; }

.button--xs {
  padding: 0 12px;
  min-width: 24px; }

.buttonGroup .button {
  -webkit-box-shadow: inset 1px 1px 0 0 #e0e6ed, inset 0 -1px 0 0 #e0e6ed;
          box-shadow: inset 1px 1px 0 0 #e0e6ed, inset 0 -1px 0 0 #e0e6ed; }

.buttonGroup div:last-child .button {
  -webkit-box-shadow: inset 1px 1px 0 0 #e0e6ed, inset 0 -1px 0 0 #e0e6ed, inset -1px 0 0 0 #e0e6ed;
          box-shadow: inset 1px 1px 0 0 #e0e6ed, inset 0 -1px 0 0 #e0e6ed, inset -1px 0 0 0 #e0e6ed; }

.buttonGroup div:not(:last-child) .button:hover:before,
.buttonGroup div.active:not(:last-child) .button:before {
  top: 0;
  right: -1px;
  bottom: 0;
  z-index: 1;
  width: 1px;
  content: ''; }

@media screen and (min-width: 768px) {
  .buttonGroup div:not(:last-child) .button:hover:before,
  .buttonGroup div.active:not(:last-child) .button:before {
    background: #1fb6ff; } }

.button--xl:after {
  top: 19px;
  left: 19px;
  margin: 0;
  -webkit-transform: translate(0);
          transform: translate(0); }

.button--xl.is-loading, .button--xl.marvel-comment-loading {
  padding-left: 60px; }

.button--l:after {
  top: 18px;
  left: 18px;
  margin: 0;
  -webkit-transform: translate(0);
          transform: translate(0); }

.button--l.is-loading, .button--l.marvel-comment-loading {
  padding-left: 50px; }

.button--m:after, .button--responsive:after {
  top: 13px;
  left: 13px;
  margin: 0;
  -webkit-transform: translate(0);
          transform: translate(0); }

.button--m.is-loading, .is-loading.button--responsive, .button--responsive.marvel-comment-loading, .button--m.marvel-comment-loading {
  padding-left: 40px; }

.button--s:after {
  top: 11px;
  left: 11px;
  margin: 0;
  -webkit-transform: translate(0);
          transform: translate(0); }

.button--s.is-loading, .button--s.marvel-comment-loading {
  padding-left: 30px; }

.button--xs:after {
  top: 9px;
  left: 9px;
  margin: 0;
  -webkit-transform: translate(0);
          transform: translate(0); }

.button--xs.is-loading, .button--xs.marvel-comment-loading {
  padding-left: 24px; }

.button--responsive:after {
  top: 13px;
  left: 13px;
  margin: 0;
  -webkit-transform: translate(0);
          transform: translate(0); }

.button--responsive.is-loading, .button--responsive.marvel-comment-loading {
  padding-left: 40px; }

@media screen and (min-width: 480px) {
  .button--responsive {
    padding: 0 25px;
    height: 50px;
    line-height: 50px; }
  .button--responsive:after {
    top: 18px;
    left: 18px;
    width: 14px;
    height: 14px;
    border-width: 2px;
    -webkit-transform: translate(0);
            transform: translate(0); }
  .button--responsive.is-loading, .button--responsive.marvel-comment-loading {
    padding-left: 50px; } }

.button.is-sad {
  -webkit-transition-property: background-color, padding, color;
  transition-property: background-color, padding, color; }

.button.is-sad:before {
  content: ''; }

.button.is-sad:before {
  -webkit-transform: translateX(-30px);
          transform: translateX(-30px); }

.button.is-sad:hover:before {
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.button--xl.is-sad:before {
  width: 60px;
  height: 60px;
  background-image: url(../icon-sad--xl.94acb7a0516b311ab065efc4c9b114eb.svg); }

.button--xl.is-sad:hover {
  padding-left: 60px; }

.button--l.is-sad:before {
  width: 50px;
  height: 50px;
  background-image: url(../icon-sad--l.41dcb95035f30fdb44746f7925d7d6f8.svg); }

.button--l.is-sad:hover {
  padding-left: 50px; }

.button--m.is-sad:before, .is-sad.button--responsive:before {
  width: 40px;
  height: 40px;
  background-image: url(../icon-sad--m.54be2a36991642dbb2c4a9675c3739b1.svg); }

.button--m.is-sad:hover, .is-sad.button--responsive:hover {
  padding-left: 40px; }

.button--s.is-sad:before {
  width: 30px;
  height: 30px;
  background-image: url(../icon-sad--s.428c9fb6038db88d67ce8b9a74e5c0e5.svg); }

.button--s.is-sad:hover {
  padding-left: 30px; }

.button--xs.is-sad:before {
  width: 24px;
  height: 24px;
  background-image: url(../icon-sad--xs.2bc6ce0ba4ca4abe2281f34af57088b6.svg); }

.button--xs.is-sad:hover {
  padding-left: 24px; }

@media screen and (min-width: 768px) {
  .button:hover .logoWrap .svgIcon,
  .button:hover .logoWrap .svgIcon path,
  .button:hover .logoWrap .svgIcon circle {
    fill: #fff; } }

.button--stateful {
  -webkit-transition-duration: 700ms;
          transition-duration: 700ms;
  -webkit-transition-property: background-color, padding, color;
  transition-property: background-color, padding, color; }

.button--stateful:before {
  top: 50%;
  left: 50%;
  content: '';
  -webkit-transform: scale(0);
          transform: scale(0); }

.button--stateful span {
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform; }

.button--stateful.has-responded span {
  -webkit-transform: translateY(40px);
          transform: translateY(40px); }

.button--stateful.has-responded:before {
  -webkit-transform: scale(1);
          transform: scale(1); }

.button--xl.button--stateful:before {
  margin-top: -30px;
  margin-left: -30px;
  width: 60px;
  height: 60px; }

.button--l.button--stateful:before {
  margin-top: -25px;
  margin-left: -25px;
  width: 50px;
  height: 50px; }

.button--m.button--stateful:before, .button--stateful.button--responsive:before {
  margin-top: -20px;
  margin-left: -20px;
  width: 40px;
  height: 40px; }

.button--s.button--stateful:before {
  margin-top: -15px;
  margin-left: -15px;
  width: 30px;
  height: 30px; }

.button--xs.button--stateful:before {
  margin-top: -12px;
  margin-left: -12px;
  width: 24px;
  height: 24px; }

.button--xl.has-succeeded:before {
  background-image: url(../icon-success--xl.70877af52da05cb4bcadc72fb6a2c8a5.svg); }

.button--l.has-succeeded:before {
  background-image: url(../icon-success--l.939bfc59a4f51f8753cfaaf91def6b5e.svg); }

.button--m.has-succeeded:before, .has-succeeded.button--responsive:before {
  background-image: url(../icon-success--m.440f937fa49ccd28ece9a4409feee97a.svg); }

.button--s.has-succeeded:before {
  background-image: url(../icon-success--s.1c856adabfc6db5a6f030ca0b60406ac.svg); }

.button--xs.has-succeeded:before {
  background-image: url(../icon-success--xs.fd4bb7c3816bf664d3c9ea60831d976e.svg); }

.button--xl.has-failed:before {
  background-image: url(../icon-sad--xl.94acb7a0516b311ab065efc4c9b114eb.svg); }

.button--l.has-failed:before {
  background-image: url(../icon-sad--l.41dcb95035f30fdb44746f7925d7d6f8.svg); }

.button--m.has-failed:before, .has-failed.button--responsive:before {
  background-image: url(../icon-sad--m.54be2a36991642dbb2c4a9675c3739b1.svg); }

.button--s.has-failed:before {
  background-image: url(../icon-sad--s.428c9fb6038db88d67ce8b9a74e5c0e5.svg); }

.button--xs.has-failed:before {
  background-image: url(../icon-sad--xs.2bc6ce0ba4ca4abe2281f34af57088b6.svg); }

.uiIcon--textarea {
  height: auto; }

.uiIcon--xl .input,
.uiIcon--xl .button,
.uiIcon--xl .textarea,
.uiIcon--xl .marvel-comment-inner[contenteditable="true"],
.uiIcon--xl select {
  padding-left: 58px; }

.uiIcon--l .input,
.uiIcon--l .button,
.uiIcon--l .textarea,
.uiIcon--l .marvel-comment-inner[contenteditable="true"],
.uiIcon--l select {
  padding-left: 48px; }

.uiIcon--m .input,
.uiIcon--m .button,
.uiIcon--m .textarea,
.uiIcon--m .marvel-comment-inner[contenteditable="true"],
.uiIcon--m select {
  padding-left: 38px; }

.uiIcon--s .input,
.uiIcon--s .button,
.uiIcon--s .textarea,
.uiIcon--s .marvel-comment-inner[contenteditable="true"],
.uiIcon--s select {
  padding-left: 28px; }

.uiIcon--xs .input,
.uiIcon--xs .button,
.uiIcon--xs .textarea,
.uiIcon--xs .marvel-comment-inner[contenteditable="true"],
.uiIcon--xs select {
  padding-left: 22px; }

.uiIcon--xl .svgIcon {
  margin-top: 12px;
  margin-left: 12px; }

.uiIcon--l .svgIcon {
  margin-top: 10px;
  margin-left: 10px; }

.uiIcon--m .svgIcon {
  margin-top: 8px;
  margin-left: 8px; }

.uiIcon--s .svgIcon {
  margin-top: 6px;
  margin-left: 6px; }

.uiIcon--xs .svgIcon {
  margin-top: 4px;
  margin-left: 4px; }

.uiIcon.is-loading:after, .uiIcon.marvel-comment-loading:after {
  border-right-color: transparent; }

.uiIcon--xl:after {
  margin: 0;
  -webkit-transform: translate(0);
          transform: translate(0);
  top: 19px;
  left: 19px; }

.uiIcon--l:after {
  margin: 0;
  -webkit-transform: translate(0);
          transform: translate(0);
  top: 18px;
  left: 18px; }

.uiIcon--m:after {
  margin: 0;
  -webkit-transform: translate(0);
          transform: translate(0);
  top: 13px;
  left: 13px; }

.uiIcon--s:after {
  margin: 0;
  -webkit-transform: translate(0);
          transform: translate(0);
  top: 11px;
  left: 11px; }

.uiIcon--xs:after {
  margin: 0;
  -webkit-transform: translate(0);
          transform: translate(0);
  top: 9px;
  left: 9px; }

@media screen and (min-width: 768px) {
  .button:hover .svgIcon {
    fill: #fff; } }

.scrollbar::-webkit-scrollbar {
  width: 4px;
  position: relative;
  right: 2px; }

.scrollbar::-webkit-scrollbar-track {
  background: transparent; }

.scrollbar::-webkit-scrollbar-thumb {
  background: #8492a6; }

pre {
  line-height: 22px;
  font-size: 13px;
  color: #93a1a1; }

code {
  font-family: "Menlo", "Monaco", Courier, monospace; }

.table {
  max-width: 100%;
  border-spacing: 0;
  border-collapse: collapse; }

.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  border-top: 1px solid #e0e6ed; }

.table thead > tr:first-child > th {
  border-top: 0; }

.popover {
  visibility: hidden;
  opacity: 0; }

.popover.is-visible, .popover-trigger:hover .popover {
  visibility: visible;
  opacity: 1; }

.popover--s {
  width: 200px; }

.popover--m {
  width: 300px; }

.popover--l {
  width: 400px; }

.popover.has-caret:after {
  content: "";
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

.popover--s.has-caret:after {
  width: 8px;
  height: 8px; }

.popover--m.has-caret:after {
  width: 10px;
  height: 10px; }

.popover--l.has-caret:after {
  width: 12px;
  height: 12px; }

.popover--horizontallyCentered, .popover--top, .popover--bottom {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

.popover--horizontallyCentered:after, .popover--top:after, .popover--bottom:after {
  left: 50%; }

.popover--horizontallyCentered--s:after, .popover--top.popover--s:after, .popover--bottom.popover--s:after {
  margin-left: -4px; }

.popover--horizontallyCentered--m:after, .popover--top.popover--m:after, .popover--bottom.popover--m:after {
  margin-left: -6px; }

.popover--horizontallyCentered--l:after, .popover--top.popover--l:after, .popover--bottom.popover--l:after {
  margin-left: -7px; }

.popover--verticallyCentered, .popover--right, .popover--left {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.popover--verticallyCentered:after, .popover--right:after, .popover--left:after {
  top: 50%; }

.popover--verticallyCentered--s:after, .popover--right.popover--s:after, .popover--left.popover--s:after {
  margin-top: -4px; }

.popover--verticallyCentered--m:after, .popover--right.popover--m:after, .popover--left.popover--m:after {
  margin-top: -6px; }

.popover--verticallyCentered--l:after, .popover--right.popover--l:after, .popover--left.popover--l:after {
  margin-top: -7px; }

.popover--top {
  bottom: 100%; }

.popover--top.popover--s.has-caret:after {
  bottom: -3px; }

.popover--top.popover--m.has-caret:after {
  bottom: -4px; }

.popover--top.popover--l.has-caret:after {
  bottom: -5px; }

.popover--top.popover--default.has-caret:after {
  -webkit-box-shadow: 1px 1px 0 0 rgba(31, 45, 61, 0.15);
          box-shadow: 1px 1px 0 0 rgba(31, 45, 61, 0.15); }

.popover--top.has-animation {
  -webkit-transform: translateX(-50%) translateY(20px) scale(0.8);
          transform: translateX(-50%) translateY(20px) scale(0.8);
  -webkit-transform-origin: bottom;
          transform-origin: bottom; }

.popover--top.has-animation.is-visible, .popover-trigger:hover .popover--top.has-animation.popover {
  -webkit-transform: translateX(-50%) translateY(0) scale(1);
          transform: translateX(-50%) translateY(0) scale(1); }

.popover--top.popover--leftAligned {
  left: 0;
  -webkit-transform: translateX(0) translateY(20px) scale(0.8);
          transform: translateX(0) translateY(20px) scale(0.8);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom; }

.popover--top.popover--rightAligned {
  right: 0;
  left: auto;
  -webkit-transform: translateX(0) translateY(20px) scale(0.8);
          transform: translateX(0) translateY(20px) scale(0.8);
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom; }

.popover--top.popover--leftAligned.is-visible, .popover-trigger:hover .popover--top.popover--leftAligned.popover,
.popover--top.popover--rightAligned.is-visible,
.popover-trigger:hover .popover--top.popover--rightAligned.popover {
  -webkit-transform: translateX(0) translateY(0) scale(1);
          transform: translateX(0) translateY(0) scale(1); }

.popover--bottom {
  top: 100%; }

.popover--bottom.popover--s.has-caret:after {
  top: -3px; }

.popover--bottom.popover--m.has-caret:after {
  top: -4px; }

.popover--bottom.popover--l.has-caret:after {
  top: -5px; }

.popover--bottom.has-caret:after {
  -webkit-box-shadow: -1px -1px 0 0 rgba(31, 45, 61, 0.15);
          box-shadow: -1px -1px 0 0 rgba(31, 45, 61, 0.15); }

.popover--bottom.has-animation {
  -webkit-transform: translateX(-50%) translateY(-20px) scale(0.8);
          transform: translateX(-50%) translateY(-20px) scale(0.8);
  -webkit-transform-origin: top;
          transform-origin: top; }

.popover--bottom.has-animation.is-visible, .popover-trigger:hover .popover--bottom.has-animation.popover {
  -webkit-transform: translateX(-50%) translateY(0) scale(1);
          transform: translateX(-50%) translateY(0) scale(1); }

.popover--bottom.popover--leftAligned {
  left: 0;
  -webkit-transform: translateX(0) translateY(-20px) scale(0.8);
          transform: translateX(0) translateY(-20px) scale(0.8);
  -webkit-transform-origin: left;
          transform-origin: left; }

.popover--bottom.popover--rightAligned {
  right: 0;
  left: auto;
  -webkit-transform: translateX(0) translateY(-20px) scale(0.8);
          transform: translateX(0) translateY(-20px) scale(0.8);
  -webkit-transform-origin: right;
          transform-origin: right; }

.popover--bottom.popover--leftAligned.is-visible, .popover-trigger:hover .popover--bottom.popover--leftAligned.popover,
.popover--bottom.popover--rightAligned.is-visible,
.popover-trigger:hover .popover--bottom.popover--rightAligned.popover {
  -webkit-transform: translateX(0) translateY(0) scale(1);
          transform: translateX(0) translateY(0) scale(1); }

.popover--right {
  left: 100%; }

.popover--right.popover--s.has-caret:after {
  left: -3px; }

.popover--right.popover--m.has-caret:after {
  left: -4px; }

.popover--right.popover--l.has-caret:after {
  left: -5px; }

.popover--right.has-caret:after {
  -webkit-box-shadow: -1px 1px 0 0 rgba(31, 45, 61, 0.15);
          box-shadow: -1px 1px 0 0 rgba(31, 45, 61, 0.15); }

.popover--right.has-animation {
  -webkit-transform: translateX(-20px) translateY(-50%) scale(0.8);
          transform: translateX(-20px) translateY(-50%) scale(0.8);
  -webkit-transform-origin: left;
          transform-origin: left; }

.popover--right.has-animation.is-visible, .popover-trigger:hover .popover--right.has-animation.popover {
  -webkit-transform: translateX(0) translateY(-50%) scale(1);
          transform: translateX(0) translateY(-50%) scale(1); }

.popover--right.has-animation.popover--topAligned,
.popover--right.has-animation.popover--bottomAligned {
  -webkit-transform: translateX(-20px) translateY(0) scale(0.8);
          transform: translateX(-20px) translateY(0) scale(0.8); }

.popover--right.has-animation.popover--topAligned.is-visible, .popover-trigger:hover .popover--right.has-animation.popover--topAligned.popover,
.popover--right.has-animation.popover--bottomAligned.is-visible,
.popover-trigger:hover .popover--right.has-animation.popover--bottomAligned.popover {
  -webkit-transform: translateX(0) translateY(0) scale(1);
          transform: translateX(0) translateY(0) scale(1); }

.popover--right.popover--topAligned {
  top: 0; }

.popover--right.popover--bottomAligned {
  top: auto;
  bottom: 0; }

.popover--left {
  right: 100%; }

.popover--left.popover--s.has-caret:after {
  right: -3px; }

.popover--left.popover--m.has-caret:after {
  right: -4px; }

.popover--left.popover--l.has-caret:after {
  right: -5px; }

.popover--left.has-caret:after {
  -webkit-box-shadow: 1px -1px 0 0 rgba(31, 45, 61, 0.15);
          box-shadow: 1px -1px 0 0 rgba(31, 45, 61, 0.15); }

.popover--left.has-animation {
  -webkit-transform: translateX(20px) translateY(-50%) scale(0.8);
          transform: translateX(20px) translateY(-50%) scale(0.8);
  -webkit-transform-origin: right;
          transform-origin: right; }

.popover--left.has-animation.is-visible, .popover-trigger:hover .popover--left.has-animation.popover {
  -webkit-transform: translateX(0) translateY(-50%) scale(1);
          transform: translateX(0) translateY(-50%) scale(1); }

.popover--left.has-animation.popover--topAligned,
.popover--left.has-animation.popover--bottomAligned {
  -webkit-transform: translateX(20px) translateY(0) scale(0.8);
          transform: translateX(20px) translateY(0) scale(0.8); }

.popover--left.has-animation.popover--topAligned.is-visible, .popover-trigger:hover .popover--left.has-animation.popover--topAligned.popover,
.popover--left.has-animation.popover--bottomAligned.is-visible,
.popover-trigger:hover .popover--left.has-animation.popover--bottomAligned.popover {
  -webkit-transform: translateX(0) translateY(0) scale(1);
          transform: translateX(0) translateY(0) scale(1); }

.popover--left.popover--topAligned {
  top: 0; }

.popover--left.popover--bottomAligned {
  top: auto;
  bottom: 0; }

.popover--s.popover--top.popover--leftAligned.has-caret:after,
.popover--s.popover--bottom.popover--leftAligned.has-caret:after {
  left: 16px; }

.popover--s.popover--top.popover--rightAligned.has-caret:after,
.popover--s.popover--bottom.popover--rightAligned.has-caret:after {
  right: 16px;
  left: auto; }

.popover--m.popover--top.popover--leftAligned.has-caret:after,
.popover--m.popover--bottom.popover--leftAligned.has-caret:after {
  left: 20px; }

.popover--m.popover--top.popover--rightAligned.has-caret:after,
.popover--m.popover--bottom.popover--rightAligned.has-caret:after {
  right: 20px;
  left: auto; }

.popover--l.popover--top.popover--leftAligned.has-caret:after,
.popover--l.popover--bottom.popover--leftAligned.has-caret:after {
  left: 24px; }

.popover--l.popover--top.popover--rightAligned.has-caret:after,
.popover--l.popover--bottom.popover--rightAligned.has-caret:after {
  right: 24px;
  left: auto; }

.popover--s.has-caret.popover--left.popover--topAligned:after,
.popover--s.has-caret.popover--right.popover--topAligned:after {
  top: 16px; }

.popover--s.has-caret.popover--left.popover--bottomAligned:after,
.popover--s.has-caret.popover--right.popover--bottomAligned:after {
  top: auto;
  bottom: 16px; }

.popover--m.has-caret.popover--left.popover--topAligned:after,
.popover--m.has-caret.popover--right.popover--topAligned:after {
  top: 20px; }

.popover--m.has-caret.popover--left.popover--bottomAligned:after,
.popover--m.has-caret.popover--right.popover--bottomAligned:after {
  top: auto;
  bottom: 20px; }

.popover--l.has-caret.popover--left.popover--topAligned:after,
.popover--l.has-caret.popover--right.popover--topAligned:after {
  top: 24px; }

.popover--l.has-caret.popover--left.popover--bottomAligned:after,
.popover--l.has-caret.popover--right.popover--bottomAligned:after {
  top: auto;
  bottom: 24px; }

.popover-separator {
  height: 1px; }

.popover-block {
  width: 140px; }

.popover-block-icon {
  width: 50px;
  height: 50px; }

.popover--s .popover-select-title,
.popover--s .popover-select-subtitle {
  max-width: 130px; }

.popover--m .popover-select-title,
.popover--m .popover-select-subtitle {
  max-width: 180px; }

.modal,
.modal-overlay.is-active .modal-container.concealed .modal,
.modal-overlay.is-active .modal-container.modal .modal,
.modal-overlay.is-active .modal-container.modal-image .modal,
.modal-overlay.is-active
.modal-container.modal-icon-wrapper .modal,
.modal-overlay.is-active .modal-container.modal-subtext .modal,
.modal-overlay.is-active .modal-container.modal-overlay .modal {
  -webkit-transform: scale(0.5);
          transform: scale(0.5); }

.modal-overlay.is-active .modal-container .modal {
  -webkit-transform: scale(1);
          transform: scale(1); }

.modal-overlay--fade.is-active .modal-container .modal {
  -webkit-transform: scale(1);
          transform: scale(1); }

.modal-overlay--fade.is-active .modal-container.concealed .modal, .modal-overlay--fade.is-active .modal-container.modal .modal, .modal-overlay--fade.is-active .modal-container.modal-image .modal, .modal-overlay--fade.is-active
.modal-container.modal-icon-wrapper .modal, .modal-overlay--fade.is-active .modal-container.modal-subtext .modal, .modal-overlay--fade.is-active .modal-container.modal-overlay .modal {
  -webkit-transform: scale(1);
          transform: scale(1); }

.modal--s {
  max-width: 500px; }

.modal--m {
  max-width: 800px; }

.modal-icon {
  top: 5px; }

.modal-icon:not(.modal-icon--s) {
  width: 40px;
  height: 40px; }

.modal-icon--s {
  width: 30px;
  height: 30px; }

.modal-iconClose {
  right: 5px; }

.modal-iconBack {
  left: 5px; }

@media screen and (min-width: 768px) {
  .modal-iconClose {
    top: 30px;
    right: 40px; }
  .modal-iconBack {
    top: 30px;
    left: 40px; } }

.modal-iconClose:before,
.modal-iconClose:after {
  content: "";
  border-radius: 2px; }

.modal-icon:not(.modal-icon--s).modal-iconClose:before,
.modal-icon:not(.modal-icon--s).modal-iconClose:after {
  width: 16px;
  height: 2px;
  margin: -1px 0 0 -8px; }

.modal-icon--s.modal-iconClose:before,
.modal-icon--s.modal-iconClose:after {
  width: 12px;
  height: 2px;
  margin: -1px 0 0 -6px; }

.modal-iconClose:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

.modal-iconClose:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }

.modal-iconBack:before,
.modal-iconBack:after {
  content: "";
  border-radius: 2px; }

.modal-iconBack:before {
  left: 50%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

.modal-iconBack:after {
  left: 50%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }

.modal-icon:not(.modal-icon--s).modal-iconBack:before,
.modal-icon:not(.modal-icon--s).modal-iconBack:after {
  width: 10px;
  height: 2px; }

.modal-icon:not(.modal-icon--s).modal-iconBack:before {
  top: auto;
  bottom: 16px;
  margin-left: -7px; }

.modal-icon:not(.modal-icon--s).modal-iconBack:after {
  top: 16px;
  margin-left: -7px; }

.modal-icon--s.modal-iconBack:before,
.modal-icon--s.modal-iconBack:after {
  width: 9px;
  height: 2px; }

.modal-icon--s.modal-iconBack:before {
  top: auto;
  bottom: 11px;
  margin-left: -6px; }

.modal-icon--s.modal-iconBack:after {
  top: 11px;
  margin-left: -6px; }

.modal-subtext--after {
  -webkit-transform: translateY(30px);
          transform: translateY(30px); }

.modal-subtext--before {
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px); }

.modal-overlay.is-active .modal-container.concealed .modal-subtext--after, .modal-overlay.is-active .modal-container.modal .modal-subtext--after, .modal-overlay.is-active .modal-container.modal-image .modal-subtext--after, .modal-overlay.is-active
.modal-container.modal-icon-wrapper .modal-subtext--after, .modal-overlay.is-active .modal-container.modal-subtext .modal-subtext--after, .modal-overlay.is-active .modal-container.modal-overlay .modal-subtext--after {
  -webkit-transform: translateY(30px);
          transform: translateY(30px); }

.modal-overlay.is-active .modal-container.concealed .modal-subtext--before, .modal-overlay.is-active .modal-container.modal .modal-subtext--before, .modal-overlay.is-active .modal-container.modal-image .modal-subtext--before, .modal-overlay.is-active
.modal-container.modal-icon-wrapper .modal-subtext--before, .modal-overlay.is-active .modal-container.modal-subtext .modal-subtext--before, .modal-overlay.is-active .modal-container.modal-overlay .modal-subtext--before {
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px); }

.modal-overlay.is-active .modal-container .modal-subtext {
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.modal-overlay.is-active {
  -webkit-overflow-scrolling: touch; }

.info-message {
  background-image: url(../upgrade-message.37bae03a2ae40d88c63310f9684005c6.png); }

.antiscroll-scrollbar {
  background: #1f2d3d;
  background: rgba(31, 45, 61, 0.4);
  -webkit-transition: linear 300ms opacity;
  transition: linear 300ms opacity; }

.antiscroll-scrollbar-shown {
  opacity: 1; }

.antiscroll-scrollbar-horizontal {
  height: 4px;
  margin-left: 2px;
  bottom: 2px;
  left: 0; }

.antiscroll-scrollbar-vertical {
  top: 0;
  right: 2px;
  width: 4px;
  margin-top: 2px; }

/** A bug in Chrome 25 on Lion requires each selector to have their own
    blocks. E.g. the following:
    .antiscroll-inner::-webkit-scrollbar, .antiscroll-inner::scrollbar {...}
    causes the width and height rules to be ignored by the browser resulting
    in both native and antiscroll scrollbars appearing at the same time.
 */
.antiscroll-inner::-webkit-scrollbar {
  width: 0;
  height: 0; }

.antiscroll-inner::scrollbar {
  width: 0;
  height: 0; }

input.range[type=range] {
  width: 100%;
  padding: 5px 0;
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer; }

input.range[type=range]:focus {
  outline: none; }

input.range[type=range]::-moz-focus-outer {
  border: 0; }

input.range[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  margin-top: -5px; }

input.range[type=range]:hover::-webkit-slider-thumb {
  -webkit-transform: scale(1.3);
          transform: scale(1.3); }

input.range[type=range]::-ms-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  color: transparent;
  background-color: transparent;
  border-color: transparent; }

input.range--default[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background-color: #d3dce6;
  border-radius: 2px;
  border: none;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out; }

input.range--default[type=range]:focus::-webkit-slider-runnable-track {
  background-color: #e0e6ed; }

input.range--default[type=range]::-moz-range-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background-color: #d3dce6;
  border-radius: 2px;
  border: none;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out; }

input.range--default[type=range]::-ms-fill-lower {
  border: none;
  border-radius: 1px;
  background-color: #d3dce6; }

input.range--default[type=range]::-ms-fill-upper {
  border: none;
  border-radius: 1px;
  background-color: #d3dce6; }

input.range--default[type=range]:focus::-ms-fill-lower {
  background-color: #d3dce6; }

input.range--default[type=range]:focus::-ms-fill-upper {
  background-color: #d3dce6; }

input.range--default[type=range]::-webkit-slider-thumb {
  width: 12px;
  height: 12px;
  border: none;
  border-radius: 6px;
  background-color: #8492a6;
  cursor: pointer;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

input.range--default[type=range]::-moz-range-thumb {
  width: 12px;
  height: 12px;
  border: none;
  border-radius: 6px;
  background-color: #8492a6;
  cursor: pointer;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

input.range--default[type=range]::-ms-thumb {
  width: 12px;
  height: 12px;
  border: none;
  border-radius: 6px;
  background-color: #8492a6;
  cursor: pointer;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

input.range--light[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background-color: #e0e6ed;
  border-radius: 2px;
  border: none;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out; }

input.range--light[type=range]:focus::-webkit-slider-runnable-track {
  background-color: #eff2f7; }

input.range--light[type=range]::-moz-range-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background-color: #e0e6ed;
  border-radius: 2px;
  border: none;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out; }

input.range--light[type=range]::-ms-fill-lower {
  border: none;
  border-radius: 1px;
  background-color: #e0e6ed; }

input.range--light[type=range]::-ms-fill-upper {
  border: none;
  border-radius: 1px;
  background-color: #e0e6ed; }

input.range--light[type=range]:focus::-ms-fill-lower {
  background-color: #e0e6ed; }

input.range--light[type=range]:focus::-ms-fill-upper {
  background-color: #e0e6ed; }

input.range--light[type=range]::-webkit-slider-thumb {
  width: 12px;
  height: 12px;
  border: none;
  border-radius: 6px;
  background-color: #1fb6ff;
  cursor: pointer;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

input.range--light[type=range]::-moz-range-thumb {
  width: 12px;
  height: 12px;
  border: none;
  border-radius: 6px;
  background-color: #1fb6ff;
  cursor: pointer;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

input.range--light[type=range]::-ms-thumb {
  width: 12px;
  height: 12px;
  border: none;
  border-radius: 6px;
  background-color: #1fb6ff;
  cursor: pointer;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.progress-bar,
.progress-bar-inner {
  height: 6px;
  border-radius: 3px; }

.divider-with-text:before,
.divider-with-text:after {
  height: 1px;
  content: "";
  top: 50%; }

.divider-with-text--mobile:before,
.divider-with-text--mobile:after {
  width: 30px; }

.divider-with-text--mobile:before {
  left: -40px; }

.divider-with-text--mobile:after {
  right: -40px; }

@media screen and (min-width: 480px) {
  .divider-with-text:before,
  .divider-with-text:after {
    width: 30px; }
  .divider-with-text:before {
    left: -40px; }
  .divider-with-text:after {
    right: -40px; } }

@media screen and (min-width: 768px) {
  .divider-with-text:before,
  .divider-with-text:after {
    width: 50px; }
  .divider-with-text:before {
    left: -70px; }
  .divider-with-text:after {
    right: -70px; } }

.underline, .link--underline {
  background-size: 2px 2px;
  background-position: 0 100%; }

.underline--white, .link--lightReversed.is-active.link--underline {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #fff));
  background-image: linear-gradient(to bottom, transparent 50%, #fff 50%); }

.underline--white--transparent, .link--opaque.link--underline, .link--opaqueReversed.link--underline {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, rgba(255, 255, 255, 0.3)));
  background-image: linear-gradient(to bottom, transparent 50%, rgba(255, 255, 255, 0.3) 50%); }

.underline--silver, .link--lightReversed.link--underline {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #8492a6));
  background-image: linear-gradient(to bottom, transparent 50%, #8492a6 50%); }

.underline--smoke--xd, .link--light.link--underline, .link--dark.link--underline {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #c0ccda));
  background-image: linear-gradient(to bottom, transparent 50%, #c0ccda 50%); }

.underline--marvel, .link--light.is-active.link--underline, .link--blue.link--underline, .marvel-comment-inner a.link--underline, .powered-popover a.link--underline {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #1fb6ff));
  background-image: linear-gradient(to bottom, transparent 50%, #1fb6ff 50%); }

.underline--green {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #13ce66));
  background-image: linear-gradient(to bottom, transparent 50%, #13ce66 50%); }

.underline--yellow {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #ffc82c));
  background-image: linear-gradient(to bottom, transparent 50%, #ffc82c 50%); }

.underline--orange {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #ff7849));
  background-image: linear-gradient(to bottom, transparent 50%, #ff7849 50%); }

.underline--pink {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #ff49db));
  background-image: linear-gradient(to bottom, transparent 50%, #ff49db 50%); }

.underline--purple {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #7e5bef));
  background-image: linear-gradient(to bottom, transparent 50%, #7e5bef 50%); }

.underline--red {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #ff4949));
  background-image: linear-gradient(to bottom, transparent 50%, #ff4949 50%); }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .underline--white, .link--lightReversed.is-active.link--underline {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(75%, #fff));
    background-image: linear-gradient(to bottom, transparent 75%, #fff 75%); }
  .underline--white--transparent, .link--opaque.link--underline, .link--opaqueReversed.link--underline {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(75%, rgba(255, 255, 255, 0.3)));
    background-image: linear-gradient(to bottom, transparent 75%, rgba(255, 255, 255, 0.3) 75%); }
  .underline--silver, .link--lightReversed.link--underline {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(75%, #8492a6));
    background-image: linear-gradient(to bottom, transparent 75%, #8492a6 75%); }
  .underline--smoke--xd, .link--light.link--underline, .link--dark.link--underline {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(75%, #c0ccda));
    background-image: linear-gradient(to bottom, transparent 75%, #c0ccda 75%); }
  .underline--marvel, .link--light.is-active.link--underline, .link--blue.link--underline, .marvel-comment-inner a.link--underline, .powered-popover a.link--underline {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(75%, #1fb6ff));
    background-image: linear-gradient(to bottom, transparent 75%, #1fb6ff 75%); }
  .underline--green {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(75%, #13ce66));
    background-image: linear-gradient(to bottom, transparent 75%, #13ce66 75%); }
  .underline--yellow {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(75%, #ffc82c));
    background-image: linear-gradient(to bottom, transparent 75%, #ffc82c 75%); }
  .underline--orange {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(75%, #ff7849));
    background-image: linear-gradient(to bottom, transparent 75%, #ff7849 75%); }
  .underline--pink {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(75%, #ff49db));
    background-image: linear-gradient(to bottom, transparent 75%, #ff49db 75%); }
  .underline--purple {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(75%, #7e5bef));
    background-image: linear-gradient(to bottom, transparent 75%, #7e5bef 75%); }
  .underline--red {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(75%, #ff4949));
    background-image: linear-gradient(to bottom, transparent 75%, #ff4949 75%); } }

.sidebar {
  -webkit-overflow-scrolling: touch; }

.sidebar:not(.is-open) {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%); }

@media screen and (min-width: 768px) {
  .sidebar:not(.is-open) {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@media screen and (min-width: 768px) {
  .main-content {
    padding-left: 30%; } }

@media screen and (min-width: 1180px) {
  .main-content {
    padding-left: 20%; } }

.ratio__ratio-16-9___2FcHx {
  padding-bottom: 56.25%; }

.ratio__ratio-4-3___2HYpx {
  padding-bottom: 75%; }

.ratio__ratio-6-4___3cTTo {
  padding-bottom: 66.6%; }

.ratio__ratio-8-5___IeKEC {
  padding-bottom: 62.5%; }

.ratio__ratio-7-5___1ZIyg {
  padding-bottom: 71.42%; }

.ratio__ratio-1-1___wB_WL {
  padding-bottom: 100%; }

/*
 * Icon
 * -------------------------
 */
.icon__icon___1MTB1 {
  -webkit-box-flex: 0.4;
      -ms-flex: 0.4;
          flex: 0.4; }

/*
 * Avatar
 * -------------------------
 */
.general__avatarBorder___2sGuz {
  border-width: 2px; }

.general__avatarImg___1MHGu {
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  z-index: 1; }

.general__avatarTeam___kygP5 {
  bottom: -4px;
  right: -4px;
  z-index: 2; }

.general__team--xl___7AAgx {
  width: 40px;
  height: 40px;
  bottom: -6px;
  right: -6px; }

.general__team--l___1CWmz {
  width: 32px;
  height: 32px;
  bottom: -8px;
  right: -8px; }

.general__team--m___2D3Cr {
  width: 24px;
  height: 24px; }

.general__team--s___3E7gf {
  width: 18px;
  height: 18px; }

.general__team--xs___21uVW {
  width: 10px;
  height: 10px; }

.general__team--xxs___lQTZS {
  width: 8px;
  height: 8px; }

/*
 * Avatar shape
 * -------------------------
 */
.size__xl___RzYKt {
  width: 100px;
  height: 100px;
  line-height: 100px; }

.size__l___2xqeU {
  width: 70px;
  height: 70px;
  line-height: 70px; }

.size__m___3J0XU {
  width: 54px;
  height: 54px;
  line-height: 54px; }

.size__s___1SgIa {
  width: 40px;
  height: 40px;
  line-height: 40px; }

.size__xs___5hYN4 {
  width: 30px;
  height: 30px;
  line-height: 30px; }

.size__xxs___2_2Bc {
  width: 22px;
  height: 22px;
  line-height: 22px; }

/*
 * Badge
 * -------------------------
 */
/*
 * Badge Color
 * -------------------------
 */
/*
 * Badge Size
 * -------------------------
 */
.general__circularTransition___2qag7 {
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform; }

.general__contentHidden___2s3Vs {
  -webkit-transform: translateY(40px);
          transform: translateY(40px); }

.general__iconHidden___cY1gL {
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0); }

.general__iconShown___1WINM {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1); }

.general__sadIconHidden___glrrh {
  -webkit-transform: translateX(-30px);
          transform: translateX(-30px); }

.general__divider___vNbai {
  right: -1px;
  width: 1px; }

.general__isIconCentered___2qJxJ:hover svg,
.general__isIconCentered___2qJxJ:hover path,
.general__isIconCentered___2qJxJ:hover circle {
  fill: white; }

/**
 * TODO: Use marveloucss color variable for these box-shadows as soon as we
 * merge all of the repositories together and replace the current styleguide.
 */
.positionStyle__left-ghost___2nDjG,
.positionStyle__middle-ghost___3cU5S {
  -webkit-box-shadow: inset 1px 1px 0 0 #e0e6ed, inset 0 -1px 0 0 #e0e6ed;
          box-shadow: inset 1px 1px 0 0 #e0e6ed, inset 0 -1px 0 0 #e0e6ed; }

.general__loader___hydw1 {
  width: 24px;
  height: 24px; }

/*
 * Grid uses CSS grid with a fallback flexbox implementation for IE and Edge
 */
.general__gridItem___33eeJ {
  min-width: 0; }

/*
 * TODO: 
 * - Use loop
 * - Use breakpoints var
 */
.columns__gridColumn-1___3eAf2 {
  grid-column: span 1; }

.columns__gridColumn-2___25DCh {
  grid-column: span 2; }

.columns__gridColumn-3___2CtN4 {
  grid-column: span 3; }

.columns__gridColumn-4___2_eT2 {
  grid-column: span 4; }

.columns__gridColumn-5___QQ1Wn {
  grid-column: span 5; }

.columns__gridColumn-6___3Oibq {
  grid-column: span 6; }

.columns__gridColumn-7___1k-KJ {
  grid-column: span 7; }

.columns__gridColumn-8___37Pun {
  grid-column: span 8; }

.columns__gridColumn-9___2KuK2 {
  grid-column: span 9; }

.columns__gridColumn-10___3qVkp {
  grid-column: span 10; }

.columns__gridColumn-11___tKelr {
  grid-column: span 11; }

.columns__gridColumn-12___j57FH {
  grid-column: span 12; }

@media screen and (min-width: 480px) {
  .columns__breakPointS-gridColumn-1___1w1pF {
    grid-column: span 1; }
  .columns__breakPointS-gridColumn-2___1xTk0 {
    grid-column: span 2; }
  .columns__breakPointS-gridColumn-3___eHtCC {
    grid-column: span 3; }
  .columns__breakPointS-gridColumn-4____4GM9 {
    grid-column: span 4; }
  .columns__breakPointS-gridColumn-5___2moag {
    grid-column: span 5; }
  .columns__breakPointS-gridColumn-6___dv3vu {
    grid-column: span 6; }
  .columns__breakPointS-gridColumn-7___3WCY4 {
    grid-column: span 7; }
  .columns__breakPointS-gridColumn-8___1MBHA {
    grid-column: span 8; }
  .columns__breakPointS-gridColumn-9___ql2wF {
    grid-column: span 9; }
  .columns__breakPointS-gridColumn-10___33eM5 {
    grid-column: span 10; }
  .columns__breakPointS-gridColumn-11___ckVgh {
    grid-column: span 11; }
  .columns__breakPointS-gridColumn-12___ObcJa {
    grid-column: span 12; } }

@media screen and (min-width: 768px) {
  .columns__breakPointM-gridColumn-1___3TNuF {
    grid-column: span 1; }
  .columns__breakPointM-gridColumn-2___39fQb {
    grid-column: span 2; }
  .columns__breakPointM-gridColumn-3___2dtzT {
    grid-column: span 3; }
  .columns__breakPointM-gridColumn-4___28ms0 {
    grid-column: span 4; }
  .columns__breakPointM-gridColumn-5___2olEU {
    grid-column: span 5; }
  .columns__breakPointM-gridColumn-6___FqX9i {
    grid-column: span 6; }
  .columns__breakPointM-gridColumn-7___2cdbg {
    grid-column: span 7; }
  .columns__breakPointM-gridColumn-8___2KZ8B {
    grid-column: span 8; }
  .columns__breakPointM-gridColumn-9___6aKee {
    grid-column: span 9; }
  .columns__breakPointM-gridColumn-10___3KT4f {
    grid-column: span 10; }
  .columns__breakPointM-gridColumn-11___2m5r_ {
    grid-column: span 11; }
  .columns__breakPointM-gridColumn-12___1LNRa {
    grid-column: span 12; } }

@media screen and (min-width: 1180px) {
  .columns__breakPointL-gridColumn-1___3Uzam {
    grid-column: span 1; }
  .columns__breakPointL-gridColumn-2___Q4smf {
    grid-column: span 2; }
  .columns__breakPointL-gridColumn-3___3odbK {
    grid-column: span 3; }
  .columns__breakPointL-gridColumn-4___2331w {
    grid-column: span 4; }
  .columns__breakPointL-gridColumn-5___3o14_ {
    grid-column: span 5; }
  .columns__breakPointL-gridColumn-6___1h609 {
    grid-column: span 6; }
  .columns__breakPointL-gridColumn-7___1ZpNh {
    grid-column: span 7; }
  .columns__breakPointL-gridColumn-8___S3WTh {
    grid-column: span 8; }
  .columns__breakPointL-gridColumn-9___341s7 {
    grid-column: span 9; }
  .columns__breakPointL-gridColumn-10___2-Sen {
    grid-column: span 10; }
  .columns__breakPointL-gridColumn-11___ubRHd {
    grid-column: span 11; }
  .columns__breakPointL-gridColumn-12___KaCez {
    grid-column: span 12; } }

/*
 * Grid uses CSS grid with a fallback flexbox implementation for IE and Edge
 */
/*
 * TODO
 *
 * Define sizes for all breakpoint
 * when Filippo has done mobile/tablet versions
 */
/*
 * Input
 * -------------------------
 */
/* States
 * -------------------------
 */
/*
 * Input position
 * -------------------------
 */
/*
 * Input sizes
 * -------------------------
 */
.size__title___OIExZ {
  font-size: inherit;
  line-height: inherit; }

.size__extraLarge___3Zv0H {
  padding: 0 20px; }

.size__large___3bO4o {
  padding: 0 16px; }

.size__medium___1zGJS {
  padding: 0 14px; }

.size__small___363b1 {
  padding: 0 10px; }

.size__extraSmall___3foE3 {
  padding: 0 10px; }

/*
 * Input Type
 * -------------------------
 */
.dismiss__close___wLAOG {
  width: 20px;
  height: 20px;
  right: 0;
  top: 50%;
  margin-top: -10px; }

/*
 * Link styles
 * -------------------------
 */
/*
 * Link states
 * -------------------------
 */
/* Light blue reversed states
 * -------------------------
 */
/* Light reversed states
 * -------------------------
 */
/* Dark link states
 * -------------------------
 */
/* UI link states
 * -------------------------
 */
/* Colourful link states
 * -------------------------
 */
/* Opaque link states
 * -------------------------
 */
/* Background links
 * -------------------------
 */
/*
 * Link types
 * -------------------------
 */
/* UI link styles
 * -------------------------
 */
/* Colourful link styles
 * -------------------------
 */
/* Opacity link styles
 * -------------------------
 */
/* Background links
 * -------------------------
 */
.general__lastItem___221kw {
  margin-bottom: 0; }

.general__alignerCenter___t3Dt6 {
  min-height: 100%; }

.general__sep___3hjFE {
  height: 1px; }

/*  The caret is created by rotating a simple square
    and cutting it in half to hide the remaining shape */
.general__caret___3Jmm8 {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

/*  Transforming the element gives it different dimensions which neeed to be
    accounted for if we want the crop to work. Adding a few pixels to the
    position adjusts the caret */
.general__caret--top___1kHYi {
  bottom: 2px; }

.general__caret--bottom___2afxL {
  top: 2px; }

.general__caret--left___-qUNv {
  right: 2px; }

.general__caret--right___3pjW1 {
  left: 2px; }

.position__top-left___1LytG {
  top: 100%;
  left: 15px; }

.position__top-center___2Z8Ln {
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

.position__top-right___TPqR6 {
  top: 100%;
  right: 15px; }

.position__right-top___3LA_l {
  right: 100%;
  top: 15px; }

.position__right-center___27QXI {
  right: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.position__right-bottom___1kwiU {
  right: 100%;
  bottom: 15px; }

.position__bottom-right___2R2cA {
  bottom: 100%;
  right: 15px; }

.position__bottom-center___11HNA {
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

.position__bottom-left___1Ngs- {
  bottom: 100%;
  left: 15px; }

.position__left-bottom___1auNL {
  left: 100%;
  bottom: 15px; }

.position__left-center___2jx2_ {
  left: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.position__left-top___bP6Ac {
  left: 100%;
  top: 15px; }

.size__small___7BAwd {
  border-radius: 2px; }

.size__medium___1fmU- {
  border-radius: 2px; }

/*  A single pixel padding sorts the collapsing marign problem caused by using
    components like <PopoverOption /> which make use of margin for spacing */
.general__inner___2-3W9 {
  padding-top: 1px;
  padding-bottom: 1px; }

.general__trigger___1J8k1 {
  font-size: 0; }

/*  We need an element to cover the gaps when the popover is shown on hover to
    avoid the weird jump when the mouse enters a gap between the popover and
    the parent container */
.general__overlay___2Cv7t {
  top: -20px;
  right: -20px;
  bottom: -20px;
  left: -20px; }

/*
 * Left Position */
.position__top-left___3kXNg {
  bottom: 100%;
  left: 0;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transform: translateX(0) translateY(20px) scale(0.8);
          transform: translateX(0) translateY(20px) scale(0.8); }

.position__top-center___1mN-2 {
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(20px) scale(0.8);
          transform: translateX(-50%) translateY(20px) scale(0.8);
  -webkit-transform-origin: bottom;
          transform-origin: bottom; }

.position__top-right___2Sdxa {
  bottom: 100%;
  right: 0;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transform: translateX(0) translateY(20px) scale(0.8);
          transform: translateX(0) translateY(20px) scale(0.8); }

.position__top-left--isActive___1OxdR,
.position__top-right--isActive___1uShk {
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.position__top-center--isActive___3QNeW {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

/*
 * Right Position */
.position__right-top___32xg5 {
  left: 100%;
  top: 0;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: translateX(-20px) translateY(0) scale(0.8);
          transform: translateX(-20px) translateY(0) scale(0.8); }

.position__right-center___2jYyo {
  left: 100%;
  top: 50%;
  -webkit-transform: translateX(-20px) translateY(-50%) scale(0.8);
          transform: translateX(-20px) translateY(-50%) scale(0.8);
  -webkit-transform-origin: left;
          transform-origin: left; }

.position__right-bottom___FsEFk {
  left: 100%;
  bottom: 0;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  -webkit-transform: translateX(-20px) translateY(0) scale(0.8);
          transform: translateX(-20px) translateY(0) scale(0.8); }

.position__right-center--isActive___J3fW6 {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.position__right-top--isActive___JnNJW,
.position__right-bottom--isActive___3Gvur {
  -webkit-transform: translateX(0);
          transform: translateX(0); }

/*
 * Bottom Position */
.position__bottom-right___3Z8ID {
  top: 100%;
  right: 0;
  -webkit-transform-origin: top right;
          transform-origin: top right;
  -webkit-transform: translateX(0) translateY(-20px) scale(0.8);
          transform: translateX(0) translateY(-20px) scale(0.8); }

.position__bottom-center___2iocZ {
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-20px) scale(0.8);
          transform: translateX(-50%) translateY(-20px) scale(0.8);
  -webkit-transform-origin: top;
          transform-origin: top; }

.position__bottom-left___o-n8l {
  top: 100%;
  left: 0;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transform: translateX(0) translateY(-20px) scale(0.8);
          transform: translateX(0) translateY(-20px) scale(0.8); }

.position__bottom-center--isActive___12e9Z {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

.position__bottom-right--isActive___1eTrl,
.position__bottom-left--isActive___3Alqz {
  -webkit-transform: translateX(0);
          transform: translateX(0); }

/*
 * Bottom Position */
.position__left-bottom___13dcX {
  right: 100%;
  bottom: 0;
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
  -webkit-transform: translateX(20px) translateY(0) scale(0.8);
          transform: translateX(20px) translateY(0) scale(0.8); }

.position__left-center___2oTL9 {
  right: 100%;
  top: 50%;
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transform: translateX(20px) translateY(-50%) scale(0.8);
          transform: translateX(20px) translateY(-50%) scale(0.8); }

.position__left-top___2xd8Q {
  right: 100%;
  top: 0;
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
  -webkit-transform: translateX(20px) translateY(0) scale(0.8);
          transform: translateX(20px) translateY(0) scale(0.8); }

.position__left-center--isActive___u3cdy {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.position__left-top--isActive___149VZ,
.position__left-bottom--isActive___16f-4 {
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.size__small___1Pb-d {
  width: 200px; }

.size__medium___2vvOR {
  width: 300px; }

.size__large___2fwKU {
  width: 400px; }

.general__progressBar___2e1U0 {
  height: 6px;
  border-radius: 3px; }

/*
 * Select
 * -------------------------
 */
/* States
 * -------------------------
 */
/* Caret
 * -------------------------
 */
/* Hacks & browser specific styles
 * -------------------------
 */
/* Undo the Firefox inner focus ring */
.general__nativeControl___qjmPL:focus:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

/* Hide the arrow in IE10 and up */
nativeControl::-ms-expand {
  display: none; }

/* Reset <option> style inheritance in FF */
@-moz-document url-prefix() {
  .general__nativeControl___qjmPL option {
    background-color: #fff; } }

/*
 * Select sizes
 * -------------------------
 */
.size__xl___3oHdO {
  padding: 0 60px 0 20px; }

.size__l___3F-gT {
  padding: 0 50px 0 15px; }

.size__m___1EcFf {
  padding: 0 40px 0 15px; }

.size__s___2MdHR {
  padding: 0 30px 0 15px; }

.size__xs___K0A6W {
  padding: 0 24px 0 8px; }

/*
 * Select styles
 * -------------------------
 */
/*
 * TabLink
 * -------------------------
 */
.general__container___1s9mj {
  margin-bottom: -1px; }

.general__withMargin___2-gzk:not(:last-child) {
  margin-right: 15px; }

.general__tab___3HUvi {
  -webkit-box-shadow: inset 0 -3px 0 -3px currentColor;
          box-shadow: inset 0 -3px 0 -3px currentColor; }

.general__verticalTab___3V2Rj {
  border-bottom-width: 1px !important;
  /* overwrite Tabs Size css */
  -webkit-box-shadow: none;
          box-shadow: none; }

.general__isActive___35c0u {
  -webkit-box-shadow: inset 0 -3px 0 currentColor;
          box-shadow: inset 0 -3px 0 currentColor; }

/*
 * Tab Size
 * -------------------------
 */
.size__extraSmall___jVUAS {
  line-height: 14px;
  border-bottom-width: 2px; }

.size__small___O2ADN {
  border-bottom-width: 2px; }

.size__medium___2ugiQ {
  border-bottom-width: 3px; }

/*
 * Tabs
 * -------------------------
 */
.general__activeCircle___1qIKb {
  -webkit-transform: translateX(30px);
          transform: translateX(30px); }

.general__icon___jL08a > svg {
  display: block; }

/**
 * TODO: Use marveloucss color variable for these box-shadows as soon as we
 * merge all of the repositories together and replace the current styleguide.
 */
.hover__background___1Vfco,
.hover__color___VgG2E {
  background: rgba(249, 250, 252, 0.94); }

.hover__background___1Vfco:hover {
  background: white; }

/**
 * TODO: Use marveloucss color variable for these box-shadows as soon as we
 * merge all of the repositories together and replace the current styleguide.
 */
.position__solo___iTu-P,
.position__end___2mhEK {
  -webkit-box-shadow: 1px 0px 0px 0px rgba(31, 45, 61, 0.08), 0px 1px 0px 0px rgba(31, 45, 61, 0.08), -1px 0px 0px 0px rgba(31, 45, 61, 0.08), 0px -1px 0px 0px rgba(31, 45, 61, 0.08);
          box-shadow: 1px 0px 0px 0px rgba(31, 45, 61, 0.08), 0px 1px 0px 0px rgba(31, 45, 61, 0.08), -1px 0px 0px 0px rgba(31, 45, 61, 0.08), 0px -1px 0px 0px rgba(31, 45, 61, 0.08); }

.position__left___1m8MA {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(31, 45, 61, 0.08), -1px 0px 0px 0px rgba(31, 45, 61, 0.08), 0px -1px 0px 0px rgba(31, 45, 61, 0.08);
          box-shadow: 0px 1px 0px 0px rgba(31, 45, 61, 0.08), -1px 0px 0px 0px rgba(31, 45, 61, 0.08), 0px -1px 0px 0px rgba(31, 45, 61, 0.08); }

.position__right___11xul {
  -webkit-box-shadow: 1px 0px 0px 0px rgba(31, 45, 61, 0.08), 0px 1px 0px 0px rgba(31, 45, 61, 0.08), 0px -1px 0px 0px rgba(31, 45, 61, 0.08);
          box-shadow: 1px 0px 0px 0px rgba(31, 45, 61, 0.08), 0px 1px 0px 0px rgba(31, 45, 61, 0.08), 0px -1px 0px 0px rgba(31, 45, 61, 0.08); }

.position__middle___2yEMj {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(31, 45, 61, 0.08), 0px -1px 0px 0px rgba(31, 45, 61, 0.08);
          box-shadow: 0px 1px 0px 0px rgba(31, 45, 61, 0.08), 0px -1px 0px 0px rgba(31, 45, 61, 0.08); }

/*
 * Tooltip size
 * -------------------------
 */
/*
 * Tooltip
 * -------------------------
 */
/*
 * Caret Type
 * -------------------------
 */
/*
 * Caret Positioning
 * -------------------------
 */
.general__bottom___3U8s4 .general__caret___3uXnm {
  bottom: -4px; }

.general__top___2JmeE .general__caret___3uXnm {
  top: -4px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.general__left___3VNOF .general__caret___3uXnm {
  left: -7px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.general__right___2xmnx .general__caret___3uXnm {
  right: -7px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg); }

.general__middle___3kt66 .general__caret___3uXnm {
  top: 50%;
  margin-top: -2px; }

.general__center___29cb_ .general__caret___3uXnm {
  left: 50%;
  margin-left: -5px; }

/*
 * Tooltip Type
 * -------------------------
 */
/*@import "prototype/transitions";
@import "prototype/devices";
@import "prototype/responsive-frames";
@import "prototype/nprogress";
@import "prototype/functional";*/
.annotations-easing, #annotations-sidebar, .comment-details {
  -webkit-transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); }

.comment-tree:after {
  height: 1px;
  content: ""; }

.comment-tree:last-of-type:after {
  display: none; }

.comment-tree.is-truncated .marvel-comment-wrapper:not(:first-child):not(:nth-last-child(2)):not(:nth-last-child(1)) {
  display: none; }

.comment-tree.is-collapsed .js-show-all {
  display: none; }

.comment-tree.is-collapsed .marvel-comment-inner {
  max-height: 46px;
  overflow: hidden; }

.comment-tree.is-collapsed .js-fully-collapsed-label {
  display: none; }

.comment-tree.is-collapsed .marvel-comment-wrapper:not(:first-child) {
  display: none; }

.comment-tree.is-collapsed.is-collapsed--full .js-fully-collapsed-label {
  display: inline-block; }

.comment-tree.is-completed .marvel-comment-collapsed {
  display: block; }

.comment-tree.is-completed .js-show-all {
  opacity: 0.3; }

.comment-tree.is-completed .js-comment-reply {
  display: none; }

.comment-tree.is-completed .avatar, .comment-tree.is-completed .emoji-outer, .comment-tree.is-completed .comment-mention {
  opacity: 0.3; }

.comment-tree.is-completed .marvel-comment .annotation-reference span {
  opacity: 0; }

.comment-tree.is-completed .marvel-comment .annotation-reference:after {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s; }

.marvel-comment-highlight {
  z-index: 2;
  position: relative; }
  .marvel-comment-highlight:after {
    opacity: 0.1; }

.marvel-comment {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative; }
  .marvel-comment.is-reply {
    padding-left: 60px; }
    .marvel-comment.is-reply .marvel-comment-reply {
      padding-left: 37px; }
  .marvel-comment.comment-flash {
    background: rgba(133, 215, 255, 0.15); }
    .marvel-comment.comment-flash .avatar, .marvel-comment.comment-flash .avatar-img, .marvel-comment.comment-flash .annotation-reference {
      border-color: #e8f5fd !important; }
  .marvel-comment .avatar, .marvel-comment .avatar-img, .marvel-comment .annotation-reference {
    -webkit-transition: border 0.15s ease-in-out, opacity 0.3s ease-in-out;
    transition: border 0.15s ease-in-out, opacity 0.3s ease-in-out; }
  .marvel-comment .avatar {
    z-index: 0; }
  .marvel-comment .js-collapse-toggle {
    display: none; }
  .marvel-comment .marvel-comment-reply {
    padding-left: 57px;
    padding-right: 20px; }

.marvel-comment-collapsed {
  display: none; }

.marvel-comment-loading {
  background: rgba(249, 250, 252, 0.9);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.marvel-comment-inner[contenteditable="true"] {
  background: white;
  padding: 10px;
  outline: none;
  white-space: pre-wrap; }

.marvel-comment-inner code {
  background: #fbfaf8;
  border: 1px solid #d5d4d3;
  padding: 5px 10px;
  color: #a3a19f;
  white-space: pre-wrap;
  display: inline-block; }
  .marvel-comment-inner code.full {
    width: 100%; }

.marvel-comment-inner .hex {
  width: 10px;
  height: 10px;
  margin-right: 2px;
  vertical-align: 0px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  display: inline-block; }

.marvel-comment-text {
  width: calc(100% - 37px); }

#annotations-sidebar {
  width: 430px;
  position: fixed;
  top: 0;
  left: -430px;
  padding-top: 60px;
  height: 100%;
  display: inline-block;
  background: white;
  text-align: left;
  -webkit-box-shadow: 1px 0 0 0 rgba(31, 45, 61, 0.1);
          box-shadow: 1px 0 0 0 rgba(31, 45, 61, 0.1); }
  #annotations-sidebar .popover-container {
    padding: 10px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer; }
  #annotations-sidebar .close {
    position: absolute;
    top: -46px;
    right: 20px;
    opacity: 0;
    visibility: hidden; }
  #annotations-sidebar.is-active {
    left: 0; }
    #annotations-sidebar.is-active .close {
      opacity: 1;
      visibility: visible;
      pointer-events: all; }
  #annotations-sidebar .annotations-inner {
    height: 100%;
    position: relative; }
    #annotations-sidebar .annotations-inner:after {
      height: 1px;
      content: "";
      background: rgba(31, 45, 61, 0.1); }
  #annotations-sidebar .wait {
    opacity: 0.5; }
    #annotations-sidebar .wait.hidden {
      display: none; }
  #annotations-sidebar .js-empty-state.hidden, #annotations-sidebar .js-empty-state.state-hidden {
    display: none; }
  #annotations-sidebar .comments-list {
    overflow: auto;
    overflow-x: hidden;
    width: 100%;
    height: calc(100% - 110px); }
  #annotations-sidebar .comment-area {
    bottom: 0;
    left: 0; }
    #annotations-sidebar .comment-area:before {
      height: 1px;
      top: -1px;
      left: 0;
      content: "";
      background: rgba(31, 45, 61, 0.1); }

#comment-text {
  min-height: 40px;
  max-height: 300px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  overflow: auto;
  overflow-x: hidden;
  padding-right: 35px; }

.override-textarea {
  font-family: "FaktProSoft", "Helvetica Neue", helvetica, arial, sans-serif !important;
  font-size: 14px !important; }
  .override-textarea b, .override-textarea i, .override-textarea strong, .override-textarea div, .override-textarea span {
    font-weight: 300 !important;
    color: #3c4858 !important;
    font-style: normal !important;
    font-family: "FaktProSoft", "Helvetica Neue", helvetica, arial, sans-serif !important;
    font-size: 14px !important;
    background: none !important;
    border: none !important; }

#comment-text:empty {
  display: block; }

.marvel-comment-mention {
  background: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none; }

.comment-sidebar-buttons svg {
  display: inline-block;
  vertical-align: top; }

.comment-sidebar-buttons .is-set.make-annotation:hover svg {
  opacity: 0; }

.comment-sidebar-buttons .hidden {
  opacity: 0; }

.emoji-picker-trigger #smiling {
  opacity: 0; }

.emoji-picker-trigger #smiling, .emoji-picker-trigger #mouth {
  -webkit-transition: opacity 0.05s ease-in-out;
  transition: opacity 0.05s ease-in-out; }

.emoji-picker-trigger:hover #smiling, .emoji-picker-trigger.is-set #smiling {
  opacity: 1; }

.emoji-picker-trigger:hover #mouth, .emoji-picker-trigger.is-set #mouth {
  opacity: 0; }

.comment-popup-box {
  opacity: 0;
  visibility: hidden; }
  .comment-popup-box.is-visible, .popover-trigger:hover .comment-popup-box.popover {
    opacity: 1;
    visibility: visible; }

.emoji-container-wrapper {
  height: calc(100% - 40px);
  overflow-y: auto; }

.comment-popup-box-header {
  border-bottom: 1px solid #eff2f7;
  width: 100%;
  height: 40px;
  line-height: 40px; }

.emoji-container {
  width: 40px;
  height: 40px;
  float: left; }
  .emoji-container:hover {
    background: #eff2f7; }
    .emoji-container:hover span {
      width: 28px;
      height: 28px;
      margin: -2px 0 0 -2px; }

.emoji-group-label {
  height: 40px;
  padding-bottom: 11px;
  padding-top: 9px;
  -webkit-transition: -webkit-box-shadow 0.2s ease-in-out;
  transition: -webkit-box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out; }
  .emoji-group-label .emoji-outer {
    vertical-align: top; }
  .emoji-group-label .emoji-inner {
    vertical-align: top; }

.emoji-group-label:hover,
.emoji-group-label.is-active {
  -webkit-box-shadow: inset 0 -2px 0 0 #1fb6ff;
          box-shadow: inset 0 -2px 0 0 #1fb6ff; }

.emoji-group:last-child {
  margin-bottom: 0; }

.emoji-group-heading {
  display: block;
  float: left;
  width: 100%; }
  .emoji-group-heading:before {
    height: 1px;
    content: '';
    background: #eff2f7;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0; }

.emoji-picker-autocomplete.main-comment {
  bottom: 88px !important;
  top: auto !important; }

.emoji-picker-autocomplete li {
  color: #8492a6;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 22px; }

.emoji-picker-autocomplete a {
  -webkit-transition: all 0s linear;
  transition: all 0s linear; }

.emoji-picker-autocomplete li:hover,
.emoji-picker-autocomplete .active {
  background: #1fb6ff;
  color: white; }
  .emoji-picker-autocomplete li:hover span,
  .emoji-picker-autocomplete .active span {
    color: white; }
  .emoji-picker-autocomplete li:hover .avatar-img,
  .emoji-picker-autocomplete .active .avatar-img {
    border-color: #1fb6ff; }

.emoji-picker-autocomplete {
  list-style: none;
  padding: 0;
  margin: 0; }

.emoji-picker-autocomplete a:hover {
  cursor: pointer; }

.firefox .annotation {
  -webkit-transition: all 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0s cubic-bezier(0.175, 0.885, 0.32, 1.275); }

.annotation {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  text-align: center;
  color: white;
  cursor: pointer;
  letter-spacing: -0.5px;
  line-height: 28px;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.4);
  border: 3px solid white;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  margin-left: -17px;
  margin-top: -17px; }
  .annotation.active {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  .annotation.highlighted {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.8);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.8); }
  .annotation.ui-draggable {
    cursor: move; }
  .annotation.ui-draggable-dragging {
    -webkit-transition: all, 0s, linear;
    transition: all, 0s, linear;
    pointer-events: none;
    -webkit-transform: scale(1) !important;
            transform: scale(1) !important; }
  .annotation.faded, .annotation.is-complete {
    opacity: 0.8;
    background: #8492a6; }
  .annotation span {
    -webkit-transition: all 300ms cubic-bezier(0, 0.89, 0.44, 1);
    transition: all 300ms cubic-bezier(0, 0.89, 0.44, 1); }
  .annotation:after {
    width: 100%;
    height: 100%;
    -webkit-transition: all 300ms cubic-bezier(0, 0.89, 0.44, 1);
    transition: all 300ms cubic-bezier(0, 0.89, 0.44, 1);
    -webkit-transform: scale(0);
            transform: scale(0);
    background: url(../assets/images/select-property.svg) center center no-repeat;
    background-size: 100%;
    content: ''; }
  .annotation.is-complete.highlighted {
    opacity: 1; }
  .annotation.is-complete .annotation-notification {
    border: 2px solid #13ce66;
    background: rgba(19, 206, 102, 0.5); }
  .annotation.is-complete:after {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition-delay: 0.25s;
            transition-delay: 0.25s; }
  .annotation.is-complete span {
    opacity: 0; }

.annotation-notification {
  width: 0px;
  height: 0px;
  margin-top: 0px;
  margin-left: 0px;
  pointer-events: none;
  border: 2px solid #7e5bef;
  border-radius: 100%;
  background: rgba(126, 91, 239, 0.5);
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1; }

.annotation-reference {
  top: 42px;
  left: 32px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 100%;
  text-align: center;
  color: white;
  cursor: pointer;
  letter-spacing: -0.5px;
  border: 2px solid white; }
  .annotation-reference span {
    -webkit-transition: all 300ms cubic-bezier(0, 0.89, 0.44, 1);
    transition: all 300ms cubic-bezier(0, 0.89, 0.44, 1); }
  .annotation-reference:after {
    width: 100%;
    height: 100%;
    -webkit-transition: all 300ms cubic-bezier(0, 0.89, 0.44, 1);
    transition: all 300ms cubic-bezier(0, 0.89, 0.44, 1);
    -webkit-transform: scale(0);
            transform: scale(0);
    background: url(../assets/images/select-property.svg) center center no-repeat;
    background-size: 100%;
    content: ''; }
  .annotation-reference.zoom-out {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }

#screen-holder.annotation-mode {
  cursor: crosshair; }

span.emoji-outer {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  vertical-align: -5px;
  height: 22px;
  width: 22px; }

span.emoji-inner {
  display: -moz-inline-box;
  display: inline-block;
  text-indent: -9999px;
  width: 100%;
  height: 100%;
  vertical-align: baseline;
  *vertical-align: auto;
  *zoom: 1; }

.powered-popover {
  -webkit-box-shadow: 0 2px 6px 0 rgba(31, 45, 61, 0.2);
          box-shadow: 0 2px 6px 0 rgba(31, 45, 61, 0.2);
  -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0; }
  .powered-popover.active {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  .powered-popover:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: white transparent transparent transparent;
    content: '';
    position: absolute;
    z-index: 10; }
  .powered-popover:after {
    content: '';
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 6px;
    height: 6px;
    position: absolute;
    -webkit-box-shadow: 2px 2px 3px 0 rgba(31, 45, 61, 0.1);
            box-shadow: 2px 2px 3px 0 rgba(31, 45, 61, 0.1); }
  .powered-popover.br:before {
    bottom: -5px;
    right: 6px; }
  .powered-popover.br:after {
    bottom: -3px;
    right: 8px; }
  .powered-popover.bl:before {
    left: 19px;
    bottom: -5px; }
  .powered-popover.bl:after {
    left: 21px;
    bottom: -3px; }
  .powered-popover.tr:before {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    left: 15px;
    top: -5px; }
  .powered-popover.tr:after {
    display: none; }

.unread-comment-bubble {
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: translateX(100%);
          transform: translateX(100%); }

.unread-comment-bubble.is-active {
  visibility: visible;
  pointer-events: all;
  -webkit-transform: translateX(0);
          transform: translateX(0); }

/*body.overlay-opened {
	overflow: hidden;
}

html, body {
	height: 100%;
}

a{
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.overlay{
	pointer-events: none;

	&.is-active{
		pointer-events: all;
	}

	&.dark-background{
		background: rgba($black, 0.98);
	}
}

.modal{
	h1{
		@extend .fontSize-l;
		@extend .c-slate;
		@extend .marginTop-s;
		margin-bottom: 15px;
	}

	p{
		@extend .fontSize-m;
		@extend .c-silver;
		@extend .marginBottom-m;
		line-height: 1.5;

		&:last-of-type{
			@extend .marginBottom-0;
		}

		&.small{
			@extend .fontSize-s;
			margin-top: 20px;
		}
	}
}

@import 'app/marvel-thumbnails';
@import 'global/grid-view-modal';

#prototype{
	height: 100%;
	float: left;
	width: 100%;

	&.hover-state{
		cursor: pointer;
	}

	&.comment-sidebar-open{
		.comment-details{
			opacity: 1;
			pointer-events: all;
		}

		#content-wrapper{
			width: calc(100% - 400px);
			margin-left: 400px;
		}

		.hotspot{
			display: none !important;
		}
	}

	&.hotspot-visible{
		.active .hotspot{
			opacity: 1;
		}
	}

	&.overlay-hotspot-visible{
		.screen-overlay .hotspot{
			opacity: 1;
		}
	}

	&.embedded{
		.prototype-details, .comment-details{
			display: none;
		}
	}

	.close-annotation-mode{
		z-index: 1000000;
		display: none;
	    top: 20px;
	    right: 20px;
	}

	&.annotation-mode{
		.active{
			.fixed-header, .fixed-footer, .image{
				cursor: crosshair;
			}
		}

		.prototype-details, .comment-details{
			display: none;
		}

		&:before{
			content: '';
			background: rgba($black, 0.96);
			position: fixed;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			@extend .zi-800;
			transition: all 0.2s ease-in-out;
		}

		&:after{
			@extend .fontSize-m;
			position: absolute;
			top: 20px;
			left: calc(50% + 200px);
			content: 'Click anywhere on the image to add your annotation';
			color: white;
			z-index: 801;
			line-height: 30px;
			width: 400px;
			text-align: center;
			margin-left: -200px;
		}

		.close-annotation-mode{
			display: block;
		}

		.marvel-device{
			@extend .zi-900;
		}
	}
}

#sidebar {
	@extend .zi-300;
	@extend .userSelect-none;
	height: 44px;
	@extend .position-absolute;
	bottom: 20px;
	left: 20px;

	.controls{
		border: 1px solid $smoke;
		background: rgba($snow, 0.94);
		height: 44px;
		line-height: 42px;
	}

	.screens{
		color: white;
		height: 44px;
		line-height: 44px;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: all 0.3s ease-out;
		background: rgba($black, 0.94);

		&.flash{
			opacity: 1;
			visibility: visible;
			pointer-events: all;
		}
	}

	.grid{
		@extend .fill-green;
		@extend .fill-green--d--hover;
	}

	.home{
		@extend .fill-yellow;
		@extend .fill-yellow--d--hover;
	}

	.direction{
		@extend .fill-marvel;
		@extend .fill-marvel--d--hover;
	}
}

.sidebar-button{
	@extend .display-inlineBlock;
	@extend .verticalAlign-top;
	@extend .cursor-pointer;
	@extend .position-relative;
	@extend .fontSize-s;
	@extend .c-silver;
	@extend .c-blue--hover;
	@extend .fill-silver;
	@extend .fill-blue--hover;
	@extend .transitionDuration-s;
}

#sidebar .avatar{
	box-shadow: 0 5px 8px 0 rgba($black, 0.25);
}

.powered-wrapper{
	@extend .zi-100;
	position: fixed;
	bottom: 20px;
	right: 20px;
}

.close-powered{
	width: 16px;
	height: 16px;
	position: absolute;
	top: -8px;
	right: -8px;
	background: $red center center no-repeat;
	background-size: 100%;
	cursor: pointer;
	border-radius: 100%;
	box-shadow: 0 2px 6px 0 rgba($black, 0.2);
	transition: all 0.3s cubic-bezier(0.190, 1.000, 0.220, 1.000);

	&:before, &:after{
		position: absolute;
		width: 8px;
		height: 1px;
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -0.5px 0 0 -4px;
		border-radius: 2px;
		background: white;
	}

	&:before{
		transform: rotate(45deg);
	}

	&:after{
		transform: rotate(-45deg);
	}

	&.is-grey{
		background: $smoke center center no-repeat;

		&:before, &:after{
			background: $silver;
		}
	}
}

.powered {
	@extend .boxShadow-distant;
	@extend .borderRadius-m;
	@extend .fontWeight-5;
	@extend .fontSize-s;
	@extend .paddingLeftRight-m;
	display: inline-block;
	vertical-align: top;
	color: white;
	background-color: rgba($blue, 0.86);
	border: 1px solid darken($blue, 10%);
	line-height: 42px;
	transition: all 0.2s ease-in-out;
	text-align: left;

	&:hover{
		background: darken($blue, 10%);
	}
}
*/
#prototype.comment-sidebar-open .comment-details {
  opacity: 1;
  pointer-events: all; }

.comment-details {
  position: fixed;
  opacity: 0;
  pointer-events: none;
  top: 18px;
  left: 20px;
  z-index: 401; }
  .comment-details .screen-name {
    max-width: 340px; }

.app-icon {
  border-radius: 19px;
  width: 82px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  height: 82px;
  background-size: 100% 100%;
  text-align: center; }
  .app-icon.watch {
    border-radius: 100%; }

.apple-watch-38-frame #page-loader, .apple-watch-42-frame #page-loader {
  background: black; }
  .apple-watch-38-frame #page-loader .logo, .apple-watch-42-frame #page-loader .logo {
    width: 100px;
    height: 40px;
    margin-bottom: 20px; }
  .apple-watch-38-frame #page-loader .loader, .apple-watch-42-frame #page-loader .loader {
    background: rgba(255, 255, 255, 0.1); }

#page-loader .logo {
  display: block;
  width: 180px;
  height: 78px;
  margin: 0 auto 40px auto; }

#page-loader span {
  margin: 0 auto 30px auto;
  display: inline-block; }

#page-loader .team-logo {
  width: 76px;
  height: 76px;
  margin: 0 auto 20px auto;
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 6px;
  display: block; }

#page-loader .loader {
  height: 4px;
  width: 80%;
  max-width: 120px;
  display: block;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  border-radius: 4px; }
  #page-loader .loader .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: block;
    height: 4px; }

.prototype-modal {
  width: 100%;
  height: 100%; }
  .prototype-modal h1 {
    max-width: 300px; }
  .prototype-modal.hidden {
    display: none; }

.rotate-device .flip {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  -webkit-filter: FlipH;
          filter: FlipH;
  -ms-filter: "FlipH"; }

/*.addToHomescreen{
	@extend .c-silver;
	@extend .fontWeight-3;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;

	background: rgba($blue, 0.9);
	background: -webkit-linear-gradient(rgba($blue, 0.9), rgba($purple, 0.9));
	background: linear-gradient(rgba($blue, 0.9), rgba($purple, 0.9));
	@extend .zi-900;

	.popup{
		@extend .bg-white;
		@extend .borderRadius-l;
		position: fixed;
		bottom: 30px;
		left: 50%;
		margin-left: -144px;
		@extend .zi-400;
		text-align: center;
		width: 286px;
		text-shadow: none;
		box-shadow: 0 2px 6px 0 rgba($black, 0.2);
	}

	.bottom {
		@extend .bg-snow;
		@extend .borderRadiusBottom-l;
		line-height: 50px;

		svg{
			position: relative;
			top: 6px;
			margin: 0 3px;
		}
	}

	&.ipad{
		.popup{
			padding-top: 50px;
			margin-left: 0;
			right: 30px;
			left: auto;
			bottom: auto;
			top: 30px;
		}

		.bottom{
			position: absolute;
			top: 0;
			left: 0;
			@extend .borderRadiusTop-l;
			width: 100%;
		}
	}

	&.android{
		.popup{
			animation: none;
			padding-top: 50px;
			bottom: 50%;
			margin-bottom: -182px;
		}

		.close{
			@extend .fontSize-m;
			@extend .c-blue;
			position: static;
			background: none;
			width: 100%;
			height: 50px;
			top: 0;
			left: 0;
			margin-top: 0;
			margin-left: 0;
			line-height: 50px;
			box-shadow: none;
		}

		.close-wrapper {
			@extend .bg-snow;
			@extend .borderRadiusBottom-l;
			top: 0;
			right: 0;
			cursor: pointer;
			display: block;
			position: static;
			width: 100%;
			height: 50px;
		}

		.bottom{
			@extend .borderRadiusTop-l;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
		}
	}

	h1 {
		@extend .c-slate;
		@extend .fontSize-m;
		margin: 30px 0 10px 0;
		display: block;
	}

	p {
		line-height: 23px;
		padding: 0 15px;
		margin: 5px 0 20px 0;
	}

	.close-wrapper {
		width: 50px;
		height: 50px;
		@extend .zi-800;
		position: absolute;
		top: -25px;
		right: -25px;
		cursor: pointer;
		display: block;
	}

	.close {
		top: 50% !important;
		left: 50%;
		margin-top: -15px;
		margin-left: -15px;
	}
}

#app-icon-popover {
	padding: 50px 0 0px 0;
	display: block;
	background: url(../assets/images/see-app-icon.png) 20px 20px no-repeat;
	background-size: 82px 66px;

	.icon {
		border-radius: 13px;
		width: 60px;
		height: 60px;
		display: inline-block;
		background-size: 100%;
		text-align: center;
		box-shadow: 0 1px 1px rgba($black, 0.2);
	}
}

.footer {
	display: none;
}

.hidden {
	display: none;
}

.password-box{
	width: 100%;
	max-width: 380px;
	padding: 20px;
}

.ie-bar {
	@extend .position-fixed;
	@extend .pinBR;
	@extend .paddingTopBottom-l;
	z-index: 1000;
	line-height: 1.5;

	.ie-bar-inner {
		position: relative;
		width: 95%;
		margin: 0 auto;
		max-width: 1200px;
		padding-right: 10px;

		.close {
			position: absolute;
			right: 0;
			top: 0;
		}
	}
}

.pulse-breathing{
	animation: breathing 1s ease-in-out infinite normal;
}

@keyframes breathing {
	0% {
		transform: scale(0.9);
	}

	25% {
		transform: scale(1);
	}

	60% {
		transform: scale(0.9);
	}

	100% {
		transform: scale(0.9);
	}
}*/
/* perfect-scrollbar v0.6.11 */
.ps-container {
  -ms-touch-action: none;
  touch-action: none;
  overflow: hidden !important;
  -ms-overflow-style: none; }
  @supports (-ms-overflow-style: none) {
    .ps-container {
      overflow: auto !important; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps-container {
      overflow: auto !important; } }
  .ps-container.ps-active-x > .ps-scrollbar-x-rail,
  .ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block;
    background-color: transparent; }
  .ps-container.ps-in-scrolling {
    pointer-events: none; }
    .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
      background-color: #eee;
      opacity: 0.9; }
      .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #999; }
    .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
      background-color: #eee;
      opacity: 0.9; }
      .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #999; }
  .ps-container > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 3px;
    /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 8px; }
    .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
      position: absolute;
      /* please don't change 'position' */
      background-color: #aaa;
      border-radius: 4px;
      -webkit-transition: background-color .2s linear;
      transition: background-color .2s linear;
      bottom: 0;
      /* there must be 'bottom' for ps-scrollbar-x */
      height: 8px; }
  .ps-container > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    right: 3px;
    /* there must be 'right' for ps-scrollbar-y-rail */
    width: 8px; }
    .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
      position: absolute;
      /* please don't change 'position' */
      background-color: #aaa;
      border-radius: 4px;
      -webkit-transition: background-color .2s linear;
      transition: background-color .2s linear;
      right: 0;
      /* there must be 'right' for ps-scrollbar-y */
      width: 8px; }
  .ps-container:hover.ps-in-scrolling {
    pointer-events: none; }
    .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
      background-color: #eee;
      opacity: 0.9; }
      .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #999; }
    .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
      background-color: #eee;
      opacity: 0.9; }
      .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #999; }
  .ps-container:hover > .ps-scrollbar-x-rail,
  .ps-container:hover > .ps-scrollbar-y-rail {
    opacity: 0.6; }
  .ps-container:hover > .ps-scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: 0.9; }
    .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
      background-color: #999; }
  .ps-container:hover > .ps-scrollbar-y-rail:hover {
    background-color: #eee;
    opacity: 0.9; }
    .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
      background-color: #999; }
html, body {
	height: 100%;
	/* The style guide set this to white, for no real reason */
	background-color: transparent!important;
}

a {
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

* {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}


.ps-container > .ps-scrollbar-y-rail,
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
	width: 4px;
}

.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail,
.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y,
.ps-container > .ps-scrollbar-y-rail:hover,
.ps-container > .ps-scrollbar-y-rail:hover .ps-scrollbar-y {
	width: 8px;
}

.ps-container > .ps-scrollbar-x-rail,
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
	height: 4px;
}

.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail,
.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x,
.ps-container > .ps-scrollbar-x-rail:hover,
.ps-container > .ps-scrollbar-x-rail:hover .ps-scrollbar-x {
	height: 8px;
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail,
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail,
.ps-container:hover > .ps-scrollbar-y-rail:hover,

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail,
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-x-rail:hover {
	background-color: rgba(0, 0, 0, 0);
}
.MadeWithMarvel__madeWithMarvel___39lLt {
	width: 119px;
	height: 26px;
	background: url(../powered-by.1b4ea15ebcad3905afc18059969a2788.png) center center no-repeat;
	background-size: 119px 26px;
	position: absolute;
	bottom: 4px;
	left: 50%;
	margin-left: -60px;
	text-indent: -9999px;
}
.Close__close___V_vBz {

    width: 20px;
    height: 20px;
}

.Close__hidden___vOFxN {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
}

.Close__icon___35RL- {
}

.Close__close--negative___29bGW {

    top: -8px;
    right: -8px;
}

.Close__close--light___1RMFx {

    top: -10px;
    right: -10px;
}
.Banner__wrapper___2cLk8 {
}

.Banner__upsell___20Muo {
}

.Banner__click___1vmth {
}

.Banner__logo___1EnDG {
}

.Banner__copy___1O-6n {
}

.Banner__popoverPadding___TScx- {
}

.Banner__popoverCopy___8r3R- {
}

.Banner__buttonWrap___3iH5h {
}

.Banner__button___2vB2- {
}

.Banner__arrow___24jZw {
}
.ImageError__screenPadding___Rwklv {
}

.ImageError__thumbnailPadding___2gQdj {
}

.ImageError__screenText___1vXpD {
}

.ImageError__wrapper___3agcb{
}

.ImageError__thumbWrapper___3Xln9{
}

.ImageError__thumbnailText___3ybGl {
}

.ImageError__cell___2K-OP{
}

.ImageError__loader___3l3iY{
}

.ImageError__errorIcon___1CNaw{
}
.NavigationGridItem__image___33_-m {

	padding-top: 83%;
	-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
	        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}

.NavigationGridItem__htc-one-frame___1onRd,
.NavigationGridItem__iphone4s-frame___1sx2o,
.NavigationGridItem__iphone5c-frame___3qMfe,
.NavigationGridItem__iphone5-frame___4uISP,
.NavigationGridItem__iphone6-frame___PM9M8,
.NavigationGridItem__iphone6plus-frame___13opA,
.NavigationGridItem__lumia920-frame___1Ef57,
.NavigationGridItem__nexus5-frame___a-Bk2,
.NavigationGridItem__s5-frame___N8fBx {
	padding-top: 172.5%;
}

.NavigationGridItem__apple-watch-38-frame___3kxv6,
.NavigationGridItem__apple-watch-42-frame___1FDJP {
	padding-top: 130%;
}

.NavigationGridItem__hover___2Cyuz {
}

.NavigationGridItem__check___3OA_t {
}

.NavigationGridItem__imageName___2747f {

	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

.NavigationGridItem__imageNameBackground___2bhLV {
}

.NavigationGridItem__isLoading___uCtrq {
}

.NavigationGridItem__error___Zd772 {
}

.NavigationGridItem__name___1PV0P {
}

.NavigationGridItem__highlight___2S0NZ {
	background: rgb(255, 235, 179);
}
.NavigationSearchInput__wrapper___W_9Lx {
}

.NavigationSearchInput__input___11Q2s {
	color: white;
	background: transparent;
}

.NavigationSearchInput__wrapper___W_9Lx:not(.NavigationSearchInput__hasContent___2KwAe) .NavigationSearchInput__input___11Q2s:not(:focus) {
	width: 40px;
	padding: 0 0 0 40px;
}

.NavigationSearchInput__hasContent___2KwAe {
	width: auto;
}

.NavigationSearchInput__closeButton___1r_o0 {
	width: 20px;
	height: 20px;
	right: 0;
	top: 50%;
	margin-top: -10px;
}.NavigationGrid__modalContainer___3pNiQ {
}

.NavigationGrid__iconClose___vpSzW {
	position: fixed;
}

.NavigationGrid__pageWrap___XxTqi {
	width: 84%;
}

.NavigationGrid__scroll___3EgpP {
	padding-top: 106px;
}

.NavigationGrid__header___x4Haj {
}

.NavigationGrid__heading___22edp {
}

.NavigationGrid__subheading___1ugFw {
}

.NavigationGrid__gridContainer___2XG3Y {
}

.NavigationGrid__grid___3bvqf {
}

.NavigationGrid__searchInputWrapper___1YQOS {
	top: 50%;
	margin-top: -20px;
	right: 0;
}

.NavigationGrid__noSearchResultsContainer___2MwEX {
}

.NavigationGrid__noSearchResults___3CeUY {
}
.AppIcon__icon___1-zOi {
}
.AddToHomeScreen__modalBackground___2PvnX {

	-webkit-overflow-scrolling: touch;
	background: rgba(31, 182, 255, 0.9);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 182, 255, 0.9)), to(rgba(126, 91, 239, 0.9)));
	background: linear-gradient(rgba(31, 182, 255, 0.9), rgba(126, 91, 239, 0.9)); /* $blue $purple */
}

.AddToHomeScreen__table___3uHRc {
}

.AddToHomeScreen__cell___2Qc5q {
}

.AddToHomeScreen__modal___3LCNa {

	max-width: 320px;
}

.AddToHomeScreen__modalInner___2rE7G {
}

.AddToHomeScreen__modalTablet___8COzt {

	right: 30px;
	top: 30px;
}

.AddToHomeScreen__closeIOS___2L0ln {

	top: 15px;
	right: 15px;
	position: fixed;
}

.AddToHomeScreen__closeAndroid___2VyOW {
}

.AddToHomeScreen__appIcon___2fjaJ {
}

.AddToHomeScreen__seeAppIcon___2f41r {
}

.AddToHomeScreen__title___3tRHu {
}

.AddToHomeScreen__content___3-9ZY {
}

.AddToHomeScreen__modalHeaderFooter___13k80 {
}
.LeaveComment__popoverInner___1Un2A {
}.CommentNotification__popover___2NnmO {

    width: auto;
}

.CommentNotification__popover___2NnmO:after {
    left: 29px !important;
    background: white;
    -webkit-box-shadow: 1px 1px 0 0 rgba(31, 45, 61, 0.08);
            box-shadow: 1px 1px 0 0 rgba(31, 45, 61, 0.08);
}

.CommentNotification__popoverCopy___Aq9zh {
}

.CommentNotification__avatarWrap___nWNqe {

    margin-top: -3px;
}

.CommentNotification__commentCount___3xx4Q {

    top: -3px;
    padding: 3px 3px 2px;
    height: 15px;
    line-height: 1;
}
.Comments__notificationWrap___lVviR {
}
.ScreenInfo__screenInfo___1sdZd {
}
.HandoffPopoverContent__popoverInner___19uVf {
}

.HandoffPopoverContent__popoverHeader___2UFce {
	height: 130px;
	margin-top: -1px;
}

.HandoffPopoverContent__popoverHeaderGraphic___1Vd7X {
	background-image: url(../handoff-popover-image.cc423bd2930e31ec8a4a03ccc51c0ace.png);
	background-size: 100%;
	width: 140px;
	height: 92px;
}

@media
	(-webkit-min-device-pixel-ratio: 2),
	(min-resolution: 192dpi) {
	.HandoffPopoverContent__popoverHeaderGraphic___1Vd7X {
		background-image: url(../handoff-popover-image@2x.88371f05166ad88f38053a770e502dcc.png);
	}
}


.HandoffPopoverContent__headline___BijSm {
}

.HandoffPopoverContent__body___KyXAn {
}

.HandoffPopoverContent__button___28qtX {
}
.SidebarNavigation__navButton___k3ckH {

  opacity: 0.3;
}

.SidebarNavigation__navButton___k3ckH svg {
  opacity: 0.7;
}

.SidebarNavigation__navButton___k3ckH:hover {
  opacity: 1;
}

.SidebarNavigation__previousButton___258Lz {
}

.SidebarNavigation__nextButton___2ZjgQ {
}

.SidebarNavigation__wrapper___2LSXh {

  z-index: 101;
  width: 50px;
  height: 180px;
}

.SidebarNavigation__wrapperLeft___2khzV .SidebarNavigation__navButton___k3ckH {
  left: -30px;
}

.SidebarNavigation__wrapperLeft___2khzV:hover .SidebarNavigation__navButton___k3ckH {
  left: 0;
}

.SidebarNavigation__wrapperRight___1T8Y7 {
  right: 0;
}

.SidebarNavigation__wrapperRight___1T8Y7 .SidebarNavigation__navButton___k3ckH {
  right: -30px;
}

.SidebarNavigation__wrapperRight___1T8Y7:hover .SidebarNavigation__navButton___k3ckH {
  right: 0;
}

.SidebarNavigation__wrapperRightHandoffOpen___3UBMk .SidebarNavigation__navButton___k3ckH {
  right: -30px;
}

.SidebarNavigation__wrapperRightHandoffOpen___3UBMk:hover .SidebarNavigation__navButton___k3ckH {
  right: 0;
}

.SidebarNavigation__wrapperRightHandoffOpen___3UBMk {
  right: 300px;
}
.ShortcutText__wrap___2R_vi {
}

.ShortcutText__key___1hh35 {

  line-height: 12px;
  padding-left: 2px;
  padding-right: 2px;
}
.Sidebar__sidebar___3jZX3 {

  bottom: 10px;
  left: 10px;
}
.SidebarHandoff__handoffSidebar___3Ojdd {
	height: 100%;
	-webkit-transform: translateX(301px);
	        transform: translateX(301px);
	-webkit-transition: -webkit-transform 300ms;
	transition: -webkit-transform 300ms;
	transition: transform 300ms;
	transition: transform 300ms, -webkit-transform 300ms;
	-webkit-transition-timing-function: cubic-bezier(0.075, 0.820, 0.165, 1.00);
	        transition-timing-function: cubic-bezier(0.075, 0.820, 0.165, 1.00);
}

.SidebarHandoff__iconClose___2Ev5k {
	right: 15px;
	top: 15px;
}

.SidebarHandoff__iconBack___2bCCx {
	top: 15px;
	left: 15px;
}

.SidebarHandoff__title___232U2 {
}

.SidebarHandoff__handoffMode___1XAJJ {
	-webkit-transform: translateX(0);
	        transform: translateX(0);
}

.SidebarHandoff__sidebarSwitcher___2i9Ly {
}
.Panel__container___1fnzh {
	compose:
		global(borderWidth-0)
		global(borderStyle-solid)
		global(borderBottomWidth-1)
		global(borderColor-snow--xd);
}

.Panel__panel___15f4v {
}

.Panel__inlineChild___37N3L {
}

.Panel__action___kH8mb {
}

.Panel__title___1GK9g {
	letter-spacing: 1px;
}

.Panel__content___29_lW {
}

.Panel__property___MKa-c {
	letter-spacing: 0.4px;
}

.Panel__inlineProperty___1bQBJ {
}

.Panel__value___2lD1B {
}

.Panel__inlineValue___2Sidm {
}
/*
 * PanelGrid uses CSS grid with a fallback flexbox implementation
 * It assumes 20px gap between columns and rows
 */

.PanelGrid__grid___3ofw9 {

    display: grid;
    grid-gap: 15px;
}

.PanelGrid__gridItem___3yhZf {

    -webkit-box-flex: 0;

        -ms-flex-positive: 0;

            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

/* NB: 10px = Half of space between grid columns and rows */
@supports not (display: grid) {
    .PanelGrid__grid___3ofw9 {
        margin: -10px;
    }

    .PanelGrid__gridItem___3yhZf {
        margin: 10px;
    }
}

/* IE10-11 specific styling */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .PanelGrid__grid___3ofw9 {
      margin: -10px;
  }

  .PanelGrid__gridItem___3yhZf {
      margin: 10px;
  }
}
.Swatch__swatchWrapper___Pctgo{
}

.Swatch__swatch___dRDf6 {
}

.Swatch__top___J2-1x {
}

.Swatch__bottom___3XHZh {
}

.Swatch__alone___FVXdv {
}

.Swatch__swatchAnimation___1n1Rk {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -100% 0 0 -100%;
	width: 200%;
	height: 200%;
	opacity: 0;
	pointer-events: none;
}

.Swatch__isAnimating___1VED8 {
	-webkit-animation: Swatch__pulse___2XMvC 0.3s forwards;
	        animation: Swatch__pulse___2XMvC 0.3s forwards;
}

.Swatch__copiedLabel___2yr1v {
	width: 60px;
	top: -8px;
	left: 50%;
	opacity: 0;
	-webkit-transform: scale(0.8);
	        transform: scale(0.8);
	margin-left: -30px;
	z-index: 100;
}

.Swatch__labelAnimating___1Jf8z {
	-webkit-animation: Swatch__label___3ZdVc 0.5s forwards;
	        animation: Swatch__label___3ZdVc 0.5s forwards;
}

.Swatch__colour___coznS {
}

.Swatch__border___2Owm8 {
}

.Swatch__transparentWrapper___2GzYl {
}

.Swatch__transparent___1xVOQ {
}

@-webkit-keyframes Swatch__pulse___2XMvC {
	0% {
		-webkit-transform: scale3d(0.3, 0.3, 1);
		        transform: scale3d(0.3, 0.3, 1);
	}
	25%, 50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(1.2, 1.2, 1);
		        transform: scale3d(1.2, 1.2, 1);
	}
}

@keyframes Swatch__pulse___2XMvC {
	0% {
		-webkit-transform: scale3d(0.3, 0.3, 1);
		        transform: scale3d(0.3, 0.3, 1);
	}
	25%, 50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(1.2, 1.2, 1);
		        transform: scale3d(1.2, 1.2, 1);
	}
}

@-webkit-keyframes Swatch__label___3ZdVc {
	0% {
		opacity: 0;
		-webkit-transform: translateY(0) scale(0.8);
		        transform: translateY(0) scale(0.8);
	}
	50%, 75% {
		opacity: 1;
		-webkit-transform: translateY(-15px) scale(1);
		        transform: translateY(-15px) scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-15px) scale(1);
		        transform: translateY(-15px) scale(1);
	}
}

@keyframes Swatch__label___3ZdVc {
	0% {
		opacity: 0;
		-webkit-transform: translateY(0) scale(0.8);
		        transform: translateY(0) scale(0.8);
	}
	50%, 75% {
		opacity: 1;
		-webkit-transform: translateY(-15px) scale(1);
		        transform: translateY(-15px) scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-15px) scale(1);
		        transform: translateY(-15px) scale(1);
	}
}

.Swatch__gradientStop___IJBiL {
	width: 8px;
	height: 8px;
	top: 50%;
	left: 50%;
	margin: -4px 0 0 -4px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.4);
	        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.4);
}

.Swatch__gradientLine___z6Zx8 {
	width: 2px;
	margin-left: -1px;
	left: 50%;
	z-index: 2;
}

.Swatch__topLine___1tKOA {
	height: 50%;
	top: 50%;
}

.Swatch__middleLine___2UBjW {
	height: 100%;
}

.Swatch__bottomLine___EGpWH {
	height: 50%;
	bottom: 50%;
}

.Swatch__aloneLine___zF5oo {
	display: none;
}
.AssetPreview__thumbContainer___1NkSM {
}

.AssetPreview__thumb___23e6N {
	width: 110px;
	height: 80px;
}

.AssetPreview__image___2aDOU {
	max-width: 110px;
	max-height: 100%;
}

.AssetPreview__transparentPattern___1tnTB {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAQMAAAD+wSzIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjU4MzBENUU2OEIxMTFFNzhFRjA4NUYxRTZCQkUxRDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjU4MzBENUY2OEIxMTFFNzhFRjA4NUYxRTZCQkUxRDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNTgzMEQ1QzY4QjExMUU3OEVGMDg1RjFFNkJCRTFEOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNTgzMEQ1RDY4QjExMUU3OEVGMDg1RjFFNkJCRTFEOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PokR2mgAAAAGUExURezq6////6dFXWMAAAAPSURBVAjXY+BngMAPEAgAEeAD/ReYei0AAAAASUVORK5CYII=');
	background-position: top left;
	background-size: 4px;
}

.AssetPreview__centered___TdVBK {
	width: 270px;
}

.AssetPreview__top___1NeGe {
	border-radius: 6px 6px 0 0;
}

.AssetPreview__bottom___1-lEt {
	border-radius: 0 0 6px 6px;
}
.CopyToClipboard__button___1d39F {
	background: none;
	outline: none;
}
.PanelColorSection__section___2DT4N {
    line-height: 20px;
}

.PanelColorSection__swatchLabel___2IpCI {
}

.PanelColorSection__labelWrapper___BuB7W {
}

.PanelColorSection__swatchWrapper___2WTws {
}
.Box__box___3j_cU {
   	border-radius: 6px;
}

.Box__box___3j_cU:last-child {
    margin-bottom: 0;
}
.BoxSection__boxSection___2FO-m {
}

.BoxSection__boxSection___2FO-m:first-child {
    border-top: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.BoxSection__boxSection___2FO-m:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.BoxSectionBackground__snow___F5GEn {
}

.BoxSectionBackground__white___15vsH {
}

.BoxSectionBackground__transparent___21Az- {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==");
    background-position: top left;
}
.ImageFill__label___VJBuN {
	width: 50%;
	line-height: 24px;
}

.ImageFill__download___gJr6T {
}
.PanelColours__wrapper___32LJd {
	margin-bottom: -10px;
}

.PanelColours__wrapper___32LJd > div {
	float: left;
	margin-right: 3.699%;
	margin-bottom: 10px;
}

.PanelColours__wrapper___32LJd > div:nth-child(8n) {
	margin-right: 0;
}
.PanelLine__line___3YbIH {
}

.PanelLine__line___3YbIH + .PanelLine__line___3YbIH {
	margin-top: 10px;
}
.HandoffDefault__loading___276zZ {
}

.HandoffDefault__background___7xJTB {
}
.SidebarState__wrap___31jRK {
	top: 117px;
}

.SidebarState__table___1ADA4 {
}

.SidebarState__cell___2qOKz {
}

.SidebarState__heading___mtKG2 {
}

.SidebarState__message___35qlk {
}

.SidebarState__contact___3P_Ge, .SidebarState__asset___6aKOI {
}
.SidebarImages__noAsset___lTaww {
	background-image: url(../no-assets.7fb81e7ad62ab54cc276b93ccba26677.png);
	background-size: 100%;
	width: 140px;
	height: 140px;
}

.SidebarImages__error___F7vPw {
	background-image: url(../error.f20bed27f2615a4ead0a41381810eb02.png);
	background-size: 100%;
	width: 123px;
	height: 108px;
}

.SidebarImages__handoff___2J_L1 {
	background-image: url(../handoff.a3b0a520569e8ee4219233310b3cc5a0.png);
	background-size: 100%;
	width: 180px;
	height: 102px;
}

@media
	(-webkit-min-device-pixel-ratio: 2),
	(min-resolution: 192dpi) {
	.SidebarImages__noAsset___lTaww {
		background-image: url(../no-assets@2x.7a2d333870547c7da4a997014f7a6cba.png);
	}

	.SidebarImages__error___F7vPw {
		background-image: url(../error@2x.b0fc8df1b36c80ef7a4ded5f9d4e37e4.png);
	}

	.SidebarImages__handoff___2J_L1 {
		background-image: url(../handoff@2x.bfbd2a193972d7b1436525685563e1be.png);
	}
}
.ElementAssets__section___1GkFI {
	line-height: 24px;
}

.ElementAssets__inline___2U7uA {
}

.ElementAssets__type___2_ZVK {
}

.ElementAssets__sizes___3MayR {
}

.ElementAssets__left___RFyea {
}

.ElementAssets__right___3D5Lz {
}

.ElementAssets__clear___2wTkE {
}

.ElementAssets__assetLabel___2hwPF {
}

.ElementAssets__middle___2CffW {
}

.ElementAssets__downloadAllButton___377r0 {
}
.ScreenAssets__wrapper___2KO2U {
}

.ScreenAssets__buttonWrapper___1hTCr {
}

.ScreenAssets__assetsWrapper___t1Pf7 {
}

.ScreenAssets__elementName___1Q3Je {
}

.ScreenAssets__assetWrapper___3xK4r {
}
.Header__header___X2Zwc {
}

.Header__icon___1_BEc {
	height: 30px;
	width: 30px;
	top: 15px;
	right: 15px;
}

.Header__iconContainer___3RLDi {
	width: 14px;
	height: 14px;
}

.Header__heading___2VPYn {
	max-width: 230px;
	line-height: 30px;
	height: 30px;
}

.Header__largeHeading___23FFP {
}

.Header__subheading___2A6WA {
}
.PanelInlineProperty__inlinePanel___1UH-H {
}
.CopyToClipboardButton__link___3Z5UB {
}
/* Syntax highlight colours from

https://github.com/marvelapp/styleguide/blob/master/src/sass/theme/color-scheme.scss

*/
.Code__value___13gsx {
	/* solarized-cyan */
	color: #2aa198;
}

.Code__unit___1vXzo {
	/* solarized-magenta */
	color: #d33682;
}

.Code__codeBlock___3_zWC {
	/* solarized-base-4 */
	color: #073642;
	border-radius: 6px;
}

.Code__font___A3scD {
	font-family: Menlo, Monaco, Courier, monospace;
}

.Code__inline___3fB2l {
}

.Code__label___1x6cD {
}

.Code__badge___UUIdp {
	height: 16px;
}
.CodeError__error___wixLn {
	border-radius: 6px;
}

.CodeError__contactButton___bld24 {
}
.PanelContent__wrapper___3_1GM {
	max-height: 176px;
	overflow: scroll;
}

.PanelContent__content___2uhVy {
	white-space: pre-wrap;
	max-height: 176px;
}
.PanelAppearance__wrapper___zz_yK {
	line-height: 20px;
}

.PanelAppearance__wrapper___zz_yK:last-of-type {
	margin-bottom: 0;
}

.PanelAppearance__grid___D8tWS {
}

.PanelAppearance__label___3Zfj1 {
}

.PanelAppearance__colour___1fyRW {
}

.PanelAppearance__colourLabel___14r8Z {
	line-height: 20px;
}
.Logo__logo___2Ogce {
	display: block;
	width: 180px;
	height: 78px;
	margin: 0 auto 40px auto;
	-webkit-animation: Logo__breathing___s9URU 1s ease-in-out infinite normal;
	        animation: Logo__breathing___s9URU 1s ease-in-out infinite normal;
}

@-webkit-keyframes Logo__breathing___s9URU {
	0% {
		-webkit-transform: scale(0.9);
		        transform: scale(0.9);
	}

	25% {
		 -webkit-transform: scale(1);
		         transform: scale(1);
	}

	60% {
		 -webkit-transform: scale(0.9);
		         transform: scale(0.9);
	}

	100% {
		 -webkit-transform: scale(0.9);
		         transform: scale(0.9);
	}
}

@keyframes Logo__breathing___s9URU {
	0% {
		-webkit-transform: scale(0.9);
		        transform: scale(0.9);
	}

	25% {
		 -webkit-transform: scale(1);
		         transform: scale(1);
	}

	60% {
		 -webkit-transform: scale(0.9);
		         transform: scale(0.9);
	}

	100% {
		 -webkit-transform: scale(0.9);
		         transform: scale(0.9);
	}
}
.LoadingLogo__image___1E5kz {
	max-width: 200px;
}
.InitialLoadProgress__background___3zrAQ {
	height: 4px;
	width: 80%;
	max-width: 120px;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	border-radius: 4px;
}

.InitialLoadProgress__foreground___cekTc {
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	display: block;
	height: 4px;
}

.InitialLoadProgress__companyColor___Z7JeE {
	opacity: 0.8;
}
.LoadingScreen__loader___25Rve {
	position: absolute;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.Device__deviceWrapper___2oPKn {
	position: absolute;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.Device__device___10K_k {
	position: relative;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	z-index: 2;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

.Device__deviceScreenBorder___QgTTP {
	width: 100%;
	height: 100%;
	position: relative;
	color: white;
	z-index: 100;
	display: block;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 0 2px rgba(0,0,0,0.7);
	        box-shadow: 0 0 0 2px rgba(0,0,0,0.7);
	overflow: hidden;
}

.Device__nexus5-frame___20Shg .Device__deviceScreenBorder___QgTTP {
	-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.7);
	        box-shadow: 0 0 0 1px rgba(0,0,0,0.7);
	border-radius: 0;
}

.Device__iphonex-frame___3AtIa .Device__deviceScreenBorder___QgTTP {
	-webkit-box-shadow: none;
	        box-shadow: none;
}

/* Devices */

.Device__iphone5c-frame___2rs3L:before,
.Device__iphone5-frame___1LUbT:before,
.Device__iphone6-frame___dALg2:before,
.Device__iphone6plus-frame___3bClA:before,
.Device__ipad-frame___3Cb6D:before {
	content: '';
	width: calc(100% + 10px);
	height: 2%;
	position: absolute;
	z-index: 1;
	bottom: -1%;
	opacity: 0.5;
	left: -5px;
	background: radial-gradient(ellipse at center, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 67%,rgba(0,0,0,0) 100%);
}

.Device__iphonex-frame-portrait___3X88f {
	background-image: url(../iphonex.747246e4ed7377a5fde782520116d934.png);
}

.Device__iphonex-frame-landscape___1NtFf {
	background-image: url(../iphonex-landscape.1e79e330123a82d07219dfda785282a5.png);
}

.Device__iphonex-frame___3AtIa .Device__deviceScreenBorder___QgTTP:before {
	content: '';
	background-repeat: no-repeat;
	position: absolute;
	z-index: 200;
}

.Device__iphonex-frame-portrait___3X88f .Device__deviceScreenBorder___QgTTP:before {
	width: 60%;
	height: 3.8%;
	background-image: url(../iphonex-notch.3cf3d13550ae1389a3cfb6737bb9f1f5.png);
	background-position: top center;
	background-size: 100% auto;
	top: 0;
	left: 20%;	
}

.Device__iphonex-frame-landscape___1NtFf .Device__deviceScreenBorder___QgTTP:before {
	height: 60%;
	width: 3.8%;
	background-image: url(../iphonex-notch-landscape.46e4e8902c668b1b838b99ad7070868e.png);
	background-position: top center;
	background-size: 100% auto;
	left: 0;
	top: 20%;	
}

.Device__apple-watch-42-frame-portrait___215n4 {
  background-image: url(../apple-watch-42.20cc984f2826d474da8c839504089bb4.png);
}

.Device__ipad-frame-portrait___2RZzD {
	background-image: url(../ipad.8d8dc42f4fdb0cf9c0e7c0eebd6c377d.png);
}

.Device__ipad-frame-landscape___3LIut {
	background-image: url(../ipad-landscape.64cfb3598930700fdea3d27bb7a6c9be.png);
}

.Device__iphone4s-frame-portrait___2whAF {
	background-image: url(../iphone4s.7d75ae0dc4c66c787d36c1a3bfcb1ae9.png);
}

.Device__iphone4s-frame-landscape___5fcol {
	background-image: url(../iphone4s-landscape.9ca313b33fbcb7953423e07f7c945ec0.png);
}

.Device__iphone5c-frame-portrait___2ACw6 {
	background-image: url(../iphone5c.d1324efb921b6767497ff8f137565acc.png);
}

.Device__iphone5c-frame-landscape___2pyGI {
	background-image: url(../iphone5c-landscape.7177ec50e14cb356fff394703941728c.png);
}

.Device__iphone5-frame-portrait___FvhN5 {
	background-image: url(../iphone5s.edb2901f9080704665df579afb674e69.png);
}

.Device__iphone5-frame-landscape___29inQ {
	background-image: url(../iphone5s-landscape.9101ad7ebff87532558ef8d659f8d2ec.png);
}

.Device__iphone6-frame-portrait___U3Ydb {
	background-image: url(../iphone6.ef042ff2251e51229a96bebe3fa8b733.png);
}

.Device__iphone6-frame-landscape___1OHwY {
	background-image: url(../iphone6-landscape.e6e3b7043b64136e8c3c33966ada7ab5.png);
}

.Device__iphone6plus-frame-portrait___3BVhM {
	background-image: url(../iphone6plus.338f37ee3c4ee1d818304d17827486f3.png);
}

.Device__iphone6plus-frame-landscape___4rn7q {
	background-image: url(../iphone6plus-landscape.e2d5186ab75eaf6b76e95ad9fc527dbe.png);
}

.Device__nexus5-frame-portrait___JggD- {
	background-image: url(../nexus5.83de8163963168c6237cc49a7d64a9f8.png);
}

.Device__nexus5-frame-landscape___d1voJ {
	background-image: url(../nexus5-landscape.256f2e2808a39e8089f5744127c9a0aa.png);
}

.Device__lumia920-frame-portrait___2ad1D {
	background-image: url(../lumia920.73fa599e3605dd76517f2ede9aeb4ed3.png);
}

.Device__lumia920-frame-landscape___23CdP {
	background-image: url(../lumia920-landscape.df94a952bcde9fb403a0e2074069c8be.png);
}
.PlayButton__position___2zDiu {
}

.PlayButton__table___1om7F {
}

.PlayButton__cell___2xxIR {
}

.PlayButton__box___2Fw_6 {

  max-width: 300px;
  background-color: rgba(0, 0, 0, 0.7);
}

.PlayButton__fontBig___2o16f {
}

.PlayButton__fontSmall____plLQ {
}

.PlayButton__position___2zDiu:hover .PlayButton__box___2Fw_6 {
  background-color: rgba(0, 0, 0, 0.8);
}

.PlayButton__icon___2kTCw {
}

.PlayButton__loading___2X996 {
}
.PreviewScreen__preview___2nEm5 {
	background-repeat: no-repeat;
}
.HoverOutLayer__screenArea___3oZ-2 {
}
.Hotspot__hotspot___1uv7p {
	position: absolute;
	cursor: pointer;
	opacity: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-box-shadow: inset 0px 0px 0px 2px rgb(0, 126, 193), 0 2px 4px 0 rgba(0,0,0,0.1);
	        box-shadow: inset 0px 0px 0px 2px rgb(0, 126, 193), 0 2px 4px 0 rgba(0,0,0,0.1);
	background-color: rgba(154, 220, 255, 0.6);
	border-radius: 2px;
	-webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.Hotspot__visibleHotspot___AT5g- {
	opacity: 1;
}
.EmbeddedHotspot__embeddedHotspot___2eXL1 {
	position: absolute;
	background-color: black;
	width: 100%;
	height: 100%;
}
.VideoHotspot__video___2E9G4 {
  position: absolute;
  background-color: black;
  width: 100%;
  height: 100%;
}
.Annotation__annotation___3OHBd {

	width: 34px;
	height: 34px;
	letter-spacing: -0.5px;

	margin-left: -17px;
	margin-top: -17px;

	border-width: 3px;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.4);
	        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.4);

	-webkit-transition: -webkit-transform 300ms cubic-bezier(0.175, 0.885, 0.320, 1.275);

	transition: -webkit-transform 300ms cubic-bezier(0.175, 0.885, 0.320, 1.275);

	transition: transform 300ms cubic-bezier(0.175, 0.885, 0.320, 1.275);

	transition: transform 300ms cubic-bezier(0.175, 0.885, 0.320, 1.275), -webkit-transform 300ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

.Annotation__annotation___3OHBd:hover,
.Annotation__highlight___Nh2RI,
.Annotation__dragging___2ME_a {
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.6);
            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.6);
}

.Annotation__annotation___3OHBd:hover,
.Annotation__highlight___Nh2RI {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}

/*
 * Annotation inner
 */

.Annotation__completed___2Jz1V,
.Annotation__annotationNumber___1oH-3 {
}

.Annotation__completedIcon___2WnsM {
}

.Annotation__annotationTick___HDBsV {
}

/*
 * Notification
 */

.Annotation__notification___1gwHW {

	width: 100px;
	height: 100px;
	border-width: 2px;
}

/*
 * States
 */

.Annotation__done___1MzxZ {
}

.Annotation__draggingDone___1R6Us, .Annotation__highlightDone___3VkOd {
}

.Annotation__normal___GkHMQ {
}

.Annotation__dehighlight___1yP_y {
}

.Annotation__moveable___uFUhm {
}

.Annotation__hiddenForDrag___1QBwt {
}

.Annotation__new___L3HvZ {
	-webkit-animation-name: Annotation__bounce___3i5da;
	        animation-name: Annotation__bounce___3i5da;
	-webkit-animation-duration: 300ms;
	        animation-duration: 300ms;
	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
	        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

@-webkit-keyframes Annotation__bounce___3i5da {
	from { -webkit-transform: scale(0); transform: scale(0); opacity: 0; }
	to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}

@keyframes Annotation__bounce___3i5da {
	from { -webkit-transform: scale(0); transform: scale(0); opacity: 0; }
	to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}
.Guide__guide___wgXGr {
	border-color: tomato;
}
.Label__label___2SnJC {
	background: tomato;
	padding-left: 3px;
	padding-right: 3px;
	z-index: 1;
}

.Label__centre___2S32y {
}

.Label__centreVertical___1-P1j {
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.Label__centreHorizontal___1vVc4 {
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.Element__element___iJ63E {
	border-color: transparent;
}

.Element__handle___2qodJ {
	width: 3px;
	height: 3px;
	border-radius: 100%;
	border: 1px solid tomato;
	background: white;
}

.Element__hovered___3GLiA {
	cursor: pointer;
	border-color: cyan !important;
}

.Element__selected___3GXJf {
	border-color: tomato !important;
}
.Layout__outer___3aqTF {
	top: 0;
}

.Layout__inner___3-neR {
}

.Layout__overlay___1rTYq {
	opacity: 0.4;
}
	
.Layout__row___Di0il {
	border: 0;
	border-style: solid;
}

.Layout__column___1aRf6 {
}	

.Layout__strokeRow___2mDxk:not(:first-child):not(:last-child) {
	border-top-width: 1px;
	border-bottom-width: 1px;
}

.Layout__strokeRow___2mDxk:first-child {
	border-bottom-width: 1px;
}

.Layout__strokeRow___2mDxk:last-child {
	border-top-width: 1px;
}
.HotspotLayer__hotspotLayer___3l6ct {
}

.HotspotLayer__annotationMode___8oDnp {
}
.Image__image___1yZY2 {
	position: absolute;
	background-size: 100%;
	background-repeat: no-repeat;
}

.Image__hiddenImage___1OKDP {
	position: absolute;
	left: -5000px;
}

.Image__annotating___2b1Uh {
	cursor: crosshair;
}
.ScreenImage__imgWrapper___lROGZ {
	overflow: hidden;
	position: relative;
}

.ScreenImage__img___1DNfD {
	user-drag: none;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

.ScreenImage__hotspotLayerWrapper___1AI3H {
	position: absolute;
	top: 0;
	width: 100%;
}

.ScreenImage__handoffMode___DqCJc {
}
.ScrollableArea__scrollable___3cX58 {
	position: relative;
	width: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.ScrollableArea__isMobile___1mH50::-webkit-scrollbar {
	display: none;
}
.Overlay__container___2SD4p {
	position: relative;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}

.Overlay__scrollable___3GehR {
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;
}

/* Note we have to specify some initial conditions in css when using
VelocityComponent, otherwise overlays can flash before the initial
value in 'animaiton' is applied (this is not a problem with
VelocityTransitionGroup as you can give an initial 'style' that is
applied *before* the animation starts */
.Overlay__pop-enter___3sO9j,
.Overlay__fade-enter___29N_N,
.Overlay__slidefade-enter___mTBxJ
{
	opacity: 0;
}

.Overlay__pushleft-enter___3Neix,
.Overlay__pushright-enter___19noP,
.Overlay__slideup-enter___2--6_,
.Overlay__slidedown-enter___2I6uc,
.Overlay__slide-right-enter___ObFXR,
.Overlay__slide-left-enter___3mAHW {
	-webkit-transform: translateX(100%);
	        transform: translateX(100%);
}

.Overlay__pop-enter___3sO9j {
	-webkit-transform: scale(0);
	        transform: scale(0);
}

.Overlay__flow-enter___3IZlR {
	-webkit-transform: translateX(100%);
	        transform: translateX(100%);
}
.Overlay__flowReverse-enter___28UJp {
	-webkit-transform: translateX(-100%);
	        transform: translateX(-100%);
}
.TopBackground__topBackground___3JTCc {
	position: absolute;
	top: 0;
	height: 50%;
	width: 100%;
}

.TopBackground__inner___3_0eQ {
	margin: auto;
	height: 100%;
}
.BottomBackground__bottomBackground___1EcX3 {
	position: absolute;
	bottom: 0;
	height: 50%;
	width: 100%;
}

.BottomBackground__inner___NmXen {
	margin: auto;
	height: 100%;
}
.Screen__screenWrap___E6WBR {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
	-webkit-animation-duration: 300ms;
	        animation-duration: 300ms;
	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}

.Screen__screenWrapPlacingAnnotation___2Hs0Q {
	cursor: crosshair;
}

.Screen__fade___3w5QI {
	-webkit-animation-duration: 400ms;
	        animation-duration: 400ms;
}
.Screen__fade-current___CdBkT {
	-webkit-animation-name: Screen__fadein___1WWg5;
	        animation-name: Screen__fadein___1WWg5;
}
@-webkit-keyframes Screen__fadein___1WWg5 {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes Screen__fadein___1WWg5 {
	from { opacity: 0; }
	to { opacity: 1; }
}
.Screen__fade-reverse-previous___37i9a {
	z-index: 100;
	-webkit-animation-name: Screen__fadeout___2t_A9;
	        animation-name: Screen__fadeout___2t_A9;
}
.Screen__fade-reverse-current___mxdxY {
	z-index: 99;
}
@-webkit-keyframes Screen__fadeout___2t_A9 {
	from { opacity: 1; }
	to { opacity: 0; }
}
@keyframes Screen__fadeout___2t_A9 {
	from { opacity: 1; }
	to { opacity: 0; }
}

.Screen__pushleft___3Lr10, .Screen__pushright___22U0B {
	-webkit-animation-timing-function: cubic-bezier(0.272, 0.224, 0.265, 0.975);
	        animation-timing-function: cubic-bezier(0.272, 0.224, 0.265, 0.975);
	-webkit-animation-duration: 420ms;
	        animation-duration: 420ms;
}

.Screen__pushleft-previous___11tO7 {
	-webkit-animation-name: Screen__pushouttoright___1oAte;
	        animation-name: Screen__pushouttoright___1oAte;
	z-index: 100;
}
.Screen__pushleft-current___3b3sI {
	-webkit-animation-name: Screen__pushinfromleftbelow___2IKXK;
	        animation-name: Screen__pushinfromleftbelow___2IKXK;
	z-index: 99;
}
@-webkit-keyframes Screen__pushouttoright___1oAte {
    from { -webkit-transform: translateX(0); transform: translateX(0); }
    to { -webkit-transform: translateX(100%); transform: translateX(100%); }
}
@keyframes Screen__pushouttoright___1oAte {
    from { -webkit-transform: translateX(0); transform: translateX(0); }
    to { -webkit-transform: translateX(100%); transform: translateX(100%); }
}
@-webkit-keyframes Screen__pushinfromleftbelow___2IKXK {
    from { -webkit-transform: translateX(-30%); transform: translateX(-30%); opacity: 0.75;}
    to { -webkit-transform: translateX(0); transform: translateX(0);}
}
@keyframes Screen__pushinfromleftbelow___2IKXK {
    from { -webkit-transform: translateX(-30%); transform: translateX(-30%); opacity: 0.75;}
    to { -webkit-transform: translateX(0); transform: translateX(0);}
}

.Screen__pushright-previous___1FnLB {
	-webkit-animation-name: Screen__pushouttoleftbelow___1135B;
	        animation-name: Screen__pushouttoleftbelow___1135B;
}
.Screen__pushright-current___1mxlk {
	-webkit-animation-name: Screen__pushinfromright___2n3F-;
	        animation-name: Screen__pushinfromright___2n3F-;
}
@-webkit-keyframes Screen__pushouttoleftbelow___1135B {
    from { -webkit-transform: translateX(0); transform: translateX(0);}
    to { -webkit-transform: translateX(-30%); transform: translateX(-30%);}
}
@keyframes Screen__pushouttoleftbelow___1135B {
    from { -webkit-transform: translateX(0); transform: translateX(0);}
    to { -webkit-transform: translateX(-30%); transform: translateX(-30%);}
}
@-webkit-keyframes Screen__pushinfromright___2n3F- {
    from { -webkit-transform: translateX(100%); transform: translateX(100%); }
    to { -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes Screen__pushinfromright___2n3F- {
    from { -webkit-transform: translateX(100%); transform: translateX(100%); }
    to { -webkit-transform: translateX(0); transform: translateX(0); }
}
.Screen__pushleft-reverse-previous___2qRxv {
	-webkit-animation-name: Screen__pushouttoleftbelow___1135B;
	        animation-name: Screen__pushouttoleftbelow___1135B;
}
.Screen__pushleft-reverse-current___3n8B6 {
	-webkit-animation-name: Screen__pushinfromright___2n3F-;
	        animation-name: Screen__pushinfromright___2n3F-;
}
.Screen__pushright-reverse-previous___upFxc {
	-webkit-animation-name: Screen__pushouttoright___1oAte;
	        animation-name: Screen__pushouttoright___1oAte;
	z-index: 100;
}
.Screen__pushright-reverse-current___eX6Fk {
	-webkit-animation-name: Screen__pushinfromleftbelow___2IKXK;
	        animation-name: Screen__pushinfromleftbelow___2IKXK;
	z-index: 99;
}

.Screen__slide___25jCx, .Screen__slide-left___2Ea-5 {
	-webkit-animation-timing-function: ease-in-out;
	        animation-timing-function: ease-in-out;
	-webkit-animation-duration: 350ms;
	        animation-duration: 350ms;
}
.Screen__slide-previous___2Gp6W {
	-webkit-animation-name: Screen__slideouttoleft___2gU9I;
	        animation-name: Screen__slideouttoleft___2gU9I;
}
.Screen__slide-current___3RAY9 {
	-webkit-animation-name: Screen__slideinfromright___2M1t0;
	        animation-name: Screen__slideinfromright___2M1t0;
}
.Screen__slide-reverse-previous___2V4F2 {
	-webkit-animation-name: Screen__slideouttoright___3lDHD;
	        animation-name: Screen__slideouttoright___3lDHD;
}
.Screen__slide-reverse-current___2-m02 {
	/* transform: translateX(-100%); */
	-webkit-animation-name: Screen__slideinfromleft___3dNu7;
	        animation-name: Screen__slideinfromleft___3dNu7;
}
@-webkit-keyframes Screen__slideouttoleft___2gU9I {
    from { -webkit-transform: translateX(0); transform: translateX(0); }
    to { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}
@keyframes Screen__slideouttoleft___2gU9I {
    from { -webkit-transform: translateX(0); transform: translateX(0); }
    to { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}
@-webkit-keyframes Screen__slideinfromright___2M1t0 {
    from { -webkit-transform: translateX(100%); transform: translateX(100%); }
    to { -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes Screen__slideinfromright___2M1t0 {
    from { -webkit-transform: translateX(100%); transform: translateX(100%); }
    to { -webkit-transform: translateX(0); transform: translateX(0); }
}
@-webkit-keyframes Screen__slideouttoright___3lDHD {
    from { -webkit-transform: translateX(0); transform: translateX(0); }
    to { -webkit-transform: translateX(100%); transform: translateX(100%); }
}
@keyframes Screen__slideouttoright___3lDHD {
    from { -webkit-transform: translateX(0); transform: translateX(0); }
    to { -webkit-transform: translateX(100%); transform: translateX(100%); }
}
@-webkit-keyframes Screen__slideinfromleft___3dNu7 {
    from { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
    to { -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes Screen__slideinfromleft___3dNu7 {
    from { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
    to { -webkit-transform: translateX(0); transform: translateX(0); }
}
.Screen__slide-left-previous___287cW {
	-webkit-animation-name: Screen__slideouttoright___3lDHD;
	        animation-name: Screen__slideouttoright___3lDHD;
}
.Screen__slide-left-current___1DTsG {
	-webkit-animation-name: Screen__slideinfromleft___3dNu7;
	        animation-name: Screen__slideinfromleft___3dNu7;
}
.Screen__slide-left-reverse-previous___3R-5Q {
	-webkit-animation-name: Screen__slideouttoleft___2gU9I;
	        animation-name: Screen__slideouttoleft___2gU9I;
}
.Screen__slide-left-reverse-current___1kRSq {
	-webkit-animation-name: Screen__slideinfromright___2M1t0;
	        animation-name: Screen__slideinfromright___2M1t0;
}

/* Slide{down,up} */
.Screen__slidedown___yo2tp, .Screen__slideup___3iaet {
	-webkit-animation-duration: 450ms;
	        animation-duration: 450ms;
	-webkit-animation-timing-function: cubic-bezier(0.272, 0.224, 0.265, 0.975);
	        animation-timing-function: cubic-bezier(0.272, 0.224, 0.265, 0.975);
}
.Screen__slidedown-previous___2ugCu, .Screen__slidedown-reverse-current___fMOIp, .Screen__slideup-reverse-previous___3mWi4, .Screen__slideup-current___2NYxn {
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);
	        box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);
}
.Screen__slidedown-previous___2ugCu {
	-webkit-animation-name: Screen__slideouttobottom___3QILU;
	        animation-name: Screen__slideouttobottom___3QILU;
	z-index: 100;
}
.Screen__slidedown-current___1hBpy {
	z-index: 99;
}
.Screen__slidedown-reverse-current___fMOIp {
	-webkit-animation-name: Screen__slideinfrombottom___2z1lM;
	        animation-name: Screen__slideinfrombottom___2z1lM;
}
@-webkit-keyframes Screen__slideouttobottom___3QILU {
    from { -webkit-transform: translateY(0); transform: translateY(0); }
    to { -webkit-transform: translateY(100%); transform: translateY(100%); }
}
@keyframes Screen__slideouttobottom___3QILU {
    from { -webkit-transform: translateY(0); transform: translateY(0); }
    to { -webkit-transform: translateY(100%); transform: translateY(100%); }
}
@-webkit-keyframes Screen__slideinfrombottom___2z1lM {
    from { -webkit-transform: translateY(100%); transform: translateY(100%); }
    to { -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes Screen__slideinfrombottom___2z1lM {
    from { -webkit-transform: translateY(100%); transform: translateY(100%); }
    to { -webkit-transform: translateY(0); transform: translateY(0); }
}

.Screen__slideup-current___2NYxn {
	-webkit-animation-name: Screen__slideinfrombottom___2z1lM;
	        animation-name: Screen__slideinfrombottom___2z1lM;
}
.Screen__slideup-reverse-previous___3mWi4 {
	-webkit-animation-name: Screen__slideouttobottom___3QILU;
	        animation-name: Screen__slideouttobottom___3QILU;
	z-index: 100;
}
.Screen__slideup-reverse-current___1Ygdf {
	z-index: 99;
}

.Screen__pop___3co5w {
	-webkit-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
}
.Screen__pop-current___1xdSS, .Screen__pop-reverse-current___2sLCy {
	-webkit-animation-duration: 400ms;
	        animation-duration: 400ms;
	-webkit-animation-name: Screen__popin___TPD9u;
	        animation-name: Screen__popin___TPD9u;
	-webkit-animation-delay: 100ms;
	        animation-delay: 100ms;
	opacity: 0;
}
.Screen__pop-previous___2bIMl, .Screen__pop-reverse-previous___1MaDc {
	-webkit-animation-duration: 300ms;
	        animation-duration: 300ms;
	-webkit-animation-name: Screen__popout___fI5K9;
	        animation-name: Screen__popout___fI5K9;
	opacity: 0;
}
@-webkit-keyframes Screen__popin___TPD9u {
    from { -webkit-transform: scale(0); transform: scale(0); opacity: 0; }
    to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}
@keyframes Screen__popin___TPD9u {
    from { -webkit-transform: scale(0); transform: scale(0); opacity: 0; }
    to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}
@-webkit-keyframes Screen__popout___fI5K9 {
    from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
    to { -webkit-transform: scale(0); transform: scale(0); opacity: 0; }
}
@keyframes Screen__popout___fI5K9 {
    from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
    to { -webkit-transform: scale(0); transform: scale(0); opacity: 0; }
}

.Screen__flip___1Q61G {
	-webkit-animation-duration: 400ms;
	        animation-duration: 400ms;
	-webkit-animation-timing-function: ease-in-out;
	        animation-timing-function: ease-in-out;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}
.Screen__flip-previous___3Pa4h {
	-webkit-animation-name: Screen__flipouttoleft___jg3Z6;
	        animation-name: Screen__flipouttoleft___jg3Z6;
}
.Screen__flip-reverse-previous___22MOB {
	-webkit-animation-name: Screen__flipouttoright___2jHcC;
	        animation-name: Screen__flipouttoright___2jHcC;
}
.Screen__flip-current___10pE6 {
	-webkit-animation-name: Screen__flipintoright___2sX-B;
	        animation-name: Screen__flipintoright___2sX-B;
}
.Screen__flip-reverse-current___3SRPC {
	-webkit-animation-name: Screen__flipintoleft___1Z8Ug;
	        animation-name: Screen__flipintoleft___1Z8Ug;
}
@-webkit-keyframes Screen__flipouttoleft___jg3Z6 {
    from { -webkit-transform: rotateY(0); transform: rotateY(0); opacity: 1;}
    to { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); opacity: 0; }
}
@keyframes Screen__flipouttoleft___jg3Z6 {
    from { -webkit-transform: rotateY(0); transform: rotateY(0); opacity: 1;}
    to { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); opacity: 0; }
}
@-webkit-keyframes Screen__flipouttoright___2jHcC {
    from { -webkit-transform: rotateY(0); transform: rotateY(0); opacity: 1;}
    to { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); opacity: 0; }
}
@keyframes Screen__flipouttoright___2jHcC {
    from { -webkit-transform: rotateY(0); transform: rotateY(0); opacity: 1;}
    to { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); opacity: 0; }
}
@-webkit-keyframes Screen__flipintoleft___1Z8Ug {
    from { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); opacity: 0; }
    to { -webkit-transform: rotateY(0); transform: rotateY(0); opacity: 1;}
}
@keyframes Screen__flipintoleft___1Z8Ug {
    from { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); opacity: 0; }
    to { -webkit-transform: rotateY(0); transform: rotateY(0); opacity: 1;}
}
@-webkit-keyframes Screen__flipintoright___2sX-B {
    from { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); opacity: 0;}
    to { -webkit-transform: rotateY(0); transform: rotateY(0); opacity: 1;}
}
@keyframes Screen__flipintoright___2sX-B {
    from { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); opacity: 0;}
    to { -webkit-transform: rotateY(0); transform: rotateY(0); opacity: 1;}
}

.Screen__flow___24z1z {
	-webkit-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
	        box-shadow: 0 0 20px rgba(0,0,0,.4);
	-webkit-animation-timing-function: ease;
	        animation-timing-function: ease;
}
.Screen__flow-current___omuks, .Screen__flow-reverse-current___cCu3F {
	-webkit-animation-duration: 800ms;
	        animation-duration: 800ms;
	-webkit-animation-delay: 400ms;
	        animation-delay: 400ms;
}
.Screen__flow-previous___2p9O0, flow-reverse-previous {
	-webkit-animation-duration: 600ms;
	        animation-duration: 600ms;
}
.Screen__flow-previous___2p9O0 {
	-webkit-animation-name: Screen__flowouttoleft___22ADQ;
	        animation-name: Screen__flowouttoleft___22ADQ;
	-webkit-transform: translateX(-100%);
	        transform: translateX(-100%);
}
.Screen__flow-current___omuks {
	opacity: 0;
	-webkit-animation-name: Screen__flowinfromright___bRPmG;
	        animation-name: Screen__flowinfromright___bRPmG;
}
.Screen__flow-reverse-previous___LSB7y {
	-webkit-animation-name: Screen__flowouttoright___2PKin;
	        animation-name: Screen__flowouttoright___2PKin;
	-webkit-transform: translateX(100%);
	        transform: translateX(100%);
}
.Screen__flow-reverse-current___cCu3F {
	opacity: 0;
	-webkit-animation-name: Screen__flowinfromleft___3nX-U;
	        animation-name: Screen__flowinfromleft___3nX-U;
}
@-webkit-keyframes Screen__flowouttoleft___22ADQ {
	0% { -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); }
	60%, 70% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); }
	100% { -webkit-transform: translateX(-100%) scale(.7); transform: translateX(-100%) scale(.7); }
}
@keyframes Screen__flowouttoleft___22ADQ {
	0% { -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); }
	60%, 70% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); }
	100% { -webkit-transform: translateX(-100%) scale(.7); transform: translateX(-100%) scale(.7); }
}
@-webkit-keyframes Screen__flowinfromright___bRPmG {
	0% { -webkit-transform: translateX(100%) scale(.7); transform: translateX(100%) scale(.7); opacity: 1 }
	30%, 40% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: 1 }
	100% { -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); opacity: 1 }
}
@keyframes Screen__flowinfromright___bRPmG {
	0% { -webkit-transform: translateX(100%) scale(.7); transform: translateX(100%) scale(.7); opacity: 1 }
	30%, 40% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: 1 }
	100% { -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); opacity: 1 }
}
@-webkit-keyframes Screen__flowouttoright___2PKin {
	0% { -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); }
	60%, 70% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); }
	100% { -webkit-transform:  translateX(100%) scale(.7); transform:  translateX(100%) scale(.7); }
}
@keyframes Screen__flowouttoright___2PKin {
	0% { -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); }
	60%, 70% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); }
	100% { -webkit-transform:  translateX(100%) scale(.7); transform:  translateX(100%) scale(.7); }
}
@-webkit-keyframes Screen__flowinfromleft___3nX-U {
	0% { -webkit-transform: translateX(-100%) scale(.7); transform: translateX(-100%) scale(.7); opacity: 1 }
	30%, 40% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: 1 }
	100% { -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); opacity: 1 }
}
@keyframes Screen__flowinfromleft___3nX-U {
	0% { -webkit-transform: translateX(-100%) scale(.7); transform: translateX(-100%) scale(.7); opacity: 1 }
	30%, 40% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: 1 }
	100% { -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); opacity: 1 }
}

.Screen__slidefade___34HZc {
	-webkit-animation-duration: 400ms;
	        animation-duration: 400ms;
}
.Screen__slidefade-previous___2NP4M {
	-webkit-animation-name: Screen__slideouttoleft___2gU9I;
	        animation-name: Screen__slideouttoleft___2gU9I;
}
.Screen__slidefade-reverse-previous___130Ub {
	-webkit-animation-name: Screen__fadeout___2t_A9;
	        animation-name: Screen__fadeout___2t_A9;
}

.Screen__slidefade-current___3wL6a {
	-webkit-animation-name: Screen__fadein___1WWg5;
	        animation-name: Screen__fadein___1WWg5;
	opacity: 0;
}
.Screen__slidefade-reverse-current___10Q69 {
	-webkit-animation-name: Screen__slideinfromleft___3dNu7;
	        animation-name: Screen__slideinfromleft___3dNu7;
}
.ImageLoadProgress__background___YMBA_ {
	height: 4px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.ImageLoadProgress__foreground___1jsUk {
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	display: block;
	height: 4px;
}
.EmptyProject__container___2KuFb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 100%;
	height: 100%;
	background-color: #FFF;
}

.EmptyProject__text___8BSZe {
}
.Player__player___1Cqud {
  position: absolute;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.Player__flip___kW5sN {
	-webkit-perspective: 1000px;
	        perspective: 1000px;
	-webkit-transform-style: preserve-3d;
	        transform-style: preserve-3d;
}	

.Player__handoffMode___2uqtq {
}
.ExitAnnotationMode__closeWrap___2rF3S {
}

.ExitAnnotationMode__close___2NiwG {
}

.ExitAnnotationMode__iconWrap___zKrzB {
}
.AnnotationHint__modal___1FnGY {
}

.AnnotationHint__overlay___1x1Qq {
}

.AnnotationHint__table___rLSy7 {
}

.AnnotationHint__tableCell___2jZYa {
}

.AnnotationHint__hint___ZKvgC {

    max-width: 260px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.Zoom__position___1lkvS {
}

.Zoom__button___22R3N {
}

.Zoom__valueLayout___6phrM {
}

.Zoom__valueAppearance___1HDd6 {
	width: 40px;
}
.Project__project___3KZeN {
	padding-left: 0;
}

.Project__annotationMode___28pBr {
	background-color: rgba(31,45,61,0.96);
}

.Project__handoffMode___HlsPC {
	padding-right: 301px;
}
.NotFound__table___pazLP {
}

.NotFound__tablecell___31Kev {
}

.NotFound__pagewrap___3ymA9 {

	max-width: 440px;
}

.NotFound__logo___137N9 {
}

.NotFound__image___1D_WC {

	max-width: 400px;
}

.NotFound__heading___16ahq {
}

.NotFound__subheading___1cYTF {
}
.Password__table___155H- {
}

.Password__cell___1wYCV {
}

.Password__box___3Q3_E {
	width: 100%;
	max-width: 380px;
	padding: 20px;
}

.Password__heading___2qfkM {
}

.Password__input___2dQEO {
}

.Password__submit___3sbLB {
}
.RotateDevice__table___3Rk26 {
}

.RotateDevice__cell___1sHXg {
}

.RotateDevice__icon___3Dh6J {
}

.RotateDevice__text___3-Ys7 {
}

.Sidebar__sidebar___3jZX3, .SidebarNavigation__wrapperRight___1T8Y7, .SidebarNavigation__wrapper___2LSXh {display: none;}
.Device__deviceWrapper___2oPKn {background: none !important;}