@charset "UTF-8";
/**
 * Toornament Front desktop
 *
 * @author Oliver Paradis <oparadis@oxent.net>
 * @version 2.0
 */
/**
 * Aspect ratio keeps a ratio using css only (instead on relying on <img> behavior)
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * Breakable word is a mixin that allows to break words using browser compatibility.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * Cache busting variable
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * Ellipsis is a mixin that enforces the ellipsis in a sized element.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * Expand is a mixin that uses flex to force an element to fill the remaining space.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * Web desktop config.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * Includes all base elements
 */
/**
 * Color definition
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * typography definition
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * Spacing definition
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * Includes all paths
 */
/**
 * Device config provides mainly responsive sizing limited to the device level.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * Web desktop overrides.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device 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/10/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 of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address inconsistent styling of `abbr[title]`.
 * 1. Correct styling in Firefox 39 and Opera 12.
 * 2. Correct missing styling in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none;
  cursor: help; }

/**
 * 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 {
  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"] {
  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.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * 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; }

/**
 * Includes all resetting
 */
iframe {
  margin: 0;
  padding: 0;
  border: 0; }

/**
 * Includes all components
 */
/**
 * Includes all badge styling
 */
/**
 * core badge component
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * core badge component
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * A badge has 3 variants:
 *
 * - default
 * - light
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.badge {
  display: inline-block;
  padding: 0 0.5rem;
  border: 1px solid gray;
  border-radius: 0.25rem;
  letter-spacing: 0;
  font: 400 0.75rem/1.5em "Noto Sans", sans-serif;
  text-shadow: none;
  margin-right: 0.25rem;
  color: white;
  background: gray;
  border-color: gray; }
  .badge:last-child {
    margin-right: 0; }
  .badge i + span, .badge span + i {
    padding-left: 0.25rem; }
  .badge i {
    font-size: 1.125em;
    color: inherit;
    margin: 0; }
  .badge.circular {
    border-radius: 666rem; }
  .badge.angular {
    border-radius: 0; }
  .badge.align-middle {
    vertical-align: middle; }
  .badge.subdued {
    color: gray;
    background: white;
    border-color: gray; }
  .badge.light {
    color: gray;
    background: white;
    border-color: transparent; }
  .badge.primary {
    color: white;
    background: #009dff;
    border-color: #009dff; }
    .badge.primary.subdued {
      color: #009dff;
      background: white;
      border-color: #009dff; }
    .badge.primary.light {
      color: #009dff;
      background: white;
      border-color: transparent; }
  .badge.secondary {
    color: white;
    background: gray;
    border-color: gray; }
    .badge.secondary.subdued {
      color: gray;
      background: white;
      border-color: gray; }
    .badge.secondary.light {
      color: gray;
      background: white;
      border-color: transparent; }
  .badge.alert {
    color: white;
    background: #e61a1a;
    border-color: #e61a1a; }
    .badge.alert.subdued {
      color: #e61a1a;
      background: white;
      border-color: #e61a1a; }
    .badge.alert.light {
      color: #e61a1a;
      background: white;
      border-color: transparent; }
  .badge.warning {
    color: white;
    background: #ff7700;
    border-color: #ff7700; }
    .badge.warning.subdued {
      color: #ff7700;
      background: white;
      border-color: #ff7700; }
    .badge.warning.light {
      color: #ff7700;
      background: white;
      border-color: transparent; }
  .badge.success {
    color: white;
    background: #50b649;
    border-color: #50b649; }
    .badge.success.subdued {
      color: #50b649;
      background: white;
      border-color: #50b649; }
    .badge.success.light {
      color: #50b649;
      background: white;
      border-color: transparent; }
  .badge.admin {
    color: white;
    background: #8a40bf;
    border-color: #8a40bf; }
    .badge.admin.subdued {
      color: #8a40bf;
      background: white;
      border-color: #8a40bf; }
    .badge.admin.light {
      color: #8a40bf;
      background: white;
      border-color: transparent; }
  .badge.empty {
    color: white;
    background: black;
    border-color: black; }
    .badge.empty.subdued {
      color: black;
      background: white;
      border-color: black; }
    .badge.empty.light {
      color: black;
      background: white;
      border-color: transparent; }
  .badge.tiny {
    font: 400 0.75rem/1.5em "Noto Sans", sans-serif;
    padding: 0 0.5rem; }
  .badge.small {
    font: 400 0.875rem/1.5em "Noto Sans", sans-serif;
    padding: 0 0.5rem; }
  .badge.medium {
    font: 400 1rem/1.5em "Noto Sans", sans-serif;
    padding: 0 0.75rem; }
  .badge.large {
    font: 400 1.125rem/1.5em "Noto Sans", sans-serif;
    padding: 0 0.75rem; }
  .badge.huge {
    font: 400 1.25rem/1.5em "Noto Sans", sans-serif;
    padding: 0 0.75rem; }

h1 .badge, h2 .badge {
  vertical-align: middle; }

/**
 * Includes all button styling
 */
/**
 * button components that provides global button styling.
 *
 * note: known limitation = buttons do not have borders
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * button components that provides global button styling.
 *
 * Known limitations
 * - buttons do not have borders
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
button, .button {
  display: inline-block;
  position: relative;
  border-radius: 0.25rem;
  padding: 0.5rem 1.25rem;
  vertical-align: middle;
  word-break: break-all;
  word-wrap: break-word;
  border: 1px solid transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  font: 400 1rem/1.5em "Noto Sans", sans-serif;
  letter-spacing: 0; }
  button:hover, .button:hover {
    text-decoration: none; }
  button:focus, .button:focus {
    outline: none; }
  button.disabled, button[disabled], .button.disabled, .button[disabled] {
    cursor: not-allowed !important;
    pointer-events: auto !important; }
  button i, .button i {
    font-size: 1.125rem;
    color: inherit !important;
    margin: 0; }
  button span + i,
  button i + span, .button span + i,
  .button i + span {
    margin-left: 0.5rem; }
  button.highlighted, .button.highlighted {
    box-shadow: 0 2px 0.25rem rgba(0, 0, 0, 0.38); }
    button.highlighted.inverted, .button.highlighted.inverted {
      box-shadow: 0 2px 0.25rem rgba(0, 0, 0, 0.38); }
  button.light, .button.light {
    padding: 0.5rem; }
    button.light i, .button.light i {
      font-size: 1.25rem;
      vertical-align: baseline; }
  button.vertical, .button.vertical {
    text-align: center; }
    button.vertical i, .button.vertical i {
      display: inline-block; }
    button.vertical span, .button.vertical span {
      display: block; }
    button.vertical span + i, button.vertical i + span, .button.vertical span + i, .button.vertical i + span {
      margin-left: 0; }
  button.expand, .button.expand {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center; }
  button:not(.subdued):not(.light), .button:not(.subdued):not(.light) {
    color: white;
    background: #009dff;
    border-color: transparent; }
    button:not(.subdued):not(.light):visited, .button:not(.subdued):not(.light):visited {
      color: white; }
    button:not(.subdued):not(.light):hover, button:not(.subdued):not(.light):focus, .button:not(.subdued):not(.light):hover, .button:not(.subdued):not(.light):focus {
      color: white;
      background: #33b1ff;
      border-color: #33b1ff; }
    button:not(.subdued):not(.light):active, .button:not(.subdued):not(.light):active {
      color: white;
      background: #007ecc;
      border-color: #007ecc; }
    button:not(.subdued):not(.light)[disabled], button:not(.subdued):not(.light).disabled, .button:not(.subdued):not(.light)[disabled], .button:not(.subdued):not(.light).disabled {
      color: #f2f2f2;
      background: #d9d9d9;
      border-color: #d9d9d9; }
      button:not(.subdued):not(.light)[disabled].inverted, button:not(.subdued):not(.light).disabled.inverted, .button:not(.subdued):not(.light)[disabled].inverted, .button:not(.subdued):not(.light).disabled.inverted {
        color: #6e6e6e;
        background: #424242;
        border-color: #424242; }
  button.subdued, .button.subdued {
    color: #009dff;
    background: transparent;
    border-color: transparent; }
    button.subdued:hover, button.subdued:focus, .button.subdued:hover, .button.subdued:focus {
      color: #009dff;
      background: #f2f2f2; }
      button.subdued:hover.inverted, button.subdued:focus.inverted, .button.subdued:hover.inverted, .button.subdued:focus.inverted {
        background: #303030; }
    button.subdued:active, .button.subdued:active {
      color: #007ecc; }
    button.subdued[disabled], button.subdued.disabled, .button.subdued[disabled], .button.subdued.disabled {
      color: #b3b3b3;
      background: transparent;
      border-color: #d9d9d9; }
      button.subdued[disabled].inverted, button.subdued.disabled.inverted, .button.subdued[disabled].inverted, .button.subdued.disabled.inverted {
        color: #5c5c5c;
        background: transparent;
        border-color: #424242; }
  button.light, .button.light {
    color: #009dff;
    background: transparent; }
    button.light:hover, button.light:focus, .button.light:hover, .button.light:focus {
      color: #33b1ff;
      background: transparent; }
    button.light:active, .button.light:active {
      color: #007ecc; }
    button.light[disabled], button.light.disabled, .button.light[disabled], .button.light.disabled {
      color: #b3b3b3;
      background: transparent; }
      button.light[disabled].inverted, button.light.disabled.inverted, .button.light[disabled].inverted, .button.light.disabled.inverted {
        color: #5c5c5c;
        background: transparent; }
  button.secondary:not(.subdued):not(.light), .button.secondary:not(.subdued):not(.light) {
    color: white;
    background: gray;
    border-color: transparent; }
    button.secondary:not(.subdued):not(.light):visited, .button.secondary:not(.subdued):not(.light):visited {
      color: white; }
    button.secondary:not(.subdued):not(.light):hover, button.secondary:not(.subdued):not(.light):focus, .button.secondary:not(.subdued):not(.light):hover, .button.secondary:not(.subdued):not(.light):focus {
      color: white;
      background: #999999;
      border-color: #999999; }
    button.secondary:not(.subdued):not(.light):active, .button.secondary:not(.subdued):not(.light):active {
      color: white;
      background: #666666;
      border-color: #666666; }
    button.secondary:not(.subdued):not(.light)[disabled], button.secondary:not(.subdued):not(.light).disabled, .button.secondary:not(.subdued):not(.light)[disabled], .button.secondary:not(.subdued):not(.light).disabled {
      color: #f2f2f2;
      background: #d9d9d9;
      border-color: #d9d9d9; }
      button.secondary:not(.subdued):not(.light)[disabled].inverted, button.secondary:not(.subdued):not(.light).disabled.inverted, .button.secondary:not(.subdued):not(.light)[disabled].inverted, .button.secondary:not(.subdued):not(.light).disabled.inverted {
        color: #6e6e6e;
        background: #424242;
        border-color: #424242; }
  button.secondary.subdued, .button.secondary.subdued {
    color: gray;
    background: transparent;
    border-color: transparent; }
    button.secondary.subdued:hover, button.secondary.subdued:focus, .button.secondary.subdued:hover, .button.secondary.subdued:focus {
      color: gray;
      background: #f2f2f2; }
      button.secondary.subdued:hover.inverted, button.secondary.subdued:focus.inverted, .button.secondary.subdued:hover.inverted, .button.secondary.subdued:focus.inverted {
        background: #303030; }
    button.secondary.subdued:active, .button.secondary.subdued:active {
      color: #666666; }
    button.secondary.subdued[disabled], button.secondary.subdued.disabled, .button.secondary.subdued[disabled], .button.secondary.subdued.disabled {
      color: #b3b3b3;
      background: transparent;
      border-color: #d9d9d9; }
      button.secondary.subdued[disabled].inverted, button.secondary.subdued.disabled.inverted, .button.secondary.subdued[disabled].inverted, .button.secondary.subdued.disabled.inverted {
        color: #5c5c5c;
        background: transparent;
        border-color: #424242; }
  button.secondary.light, .button.secondary.light {
    color: gray;
    background: transparent; }
    button.secondary.light:hover, button.secondary.light:focus, .button.secondary.light:hover, .button.secondary.light:focus {
      color: #999999;
      background: transparent; }
    button.secondary.light:active, .button.secondary.light:active {
      color: #666666; }
    button.secondary.light[disabled], button.secondary.light.disabled, .button.secondary.light[disabled], .button.secondary.light.disabled {
      color: #b3b3b3;
      background: transparent; }
      button.secondary.light[disabled].inverted, button.secondary.light.disabled.inverted, .button.secondary.light[disabled].inverted, .button.secondary.light.disabled.inverted {
        color: #5c5c5c;
        background: transparent; }
  button.alert:not(.subdued):not(.light), .button.alert:not(.subdued):not(.light) {
    color: white;
    background: #e61a1a;
    border-color: transparent; }
    button.alert:not(.subdued):not(.light):visited, .button.alert:not(.subdued):not(.light):visited {
      color: white; }
    button.alert:not(.subdued):not(.light):hover, button.alert:not(.subdued):not(.light):focus, .button.alert:not(.subdued):not(.light):hover, .button.alert:not(.subdued):not(.light):focus {
      color: white;
      background: #eb4747;
      border-color: #eb4747; }
    button.alert:not(.subdued):not(.light):active, .button.alert:not(.subdued):not(.light):active {
      color: white;
      background: #b81414;
      border-color: #b81414; }
    button.alert:not(.subdued):not(.light)[disabled], button.alert:not(.subdued):not(.light).disabled, .button.alert:not(.subdued):not(.light)[disabled], .button.alert:not(.subdued):not(.light).disabled {
      color: #f2f2f2;
      background: #d9d9d9;
      border-color: #d9d9d9; }
      button.alert:not(.subdued):not(.light)[disabled].inverted, button.alert:not(.subdued):not(.light).disabled.inverted, .button.alert:not(.subdued):not(.light)[disabled].inverted, .button.alert:not(.subdued):not(.light).disabled.inverted {
        color: #6e6e6e;
        background: #424242;
        border-color: #424242; }
  button.alert.subdued, .button.alert.subdued {
    color: #e61a1a;
    background: transparent;
    border-color: transparent; }
    button.alert.subdued:hover, button.alert.subdued:focus, .button.alert.subdued:hover, .button.alert.subdued:focus {
      color: #e61a1a;
      background: #f2f2f2; }
      button.alert.subdued:hover.inverted, button.alert.subdued:focus.inverted, .button.alert.subdued:hover.inverted, .button.alert.subdued:focus.inverted {
        background: #303030; }
    button.alert.subdued:active, .button.alert.subdued:active {
      color: #b81414; }
    button.alert.subdued[disabled], button.alert.subdued.disabled, .button.alert.subdued[disabled], .button.alert.subdued.disabled {
      color: #b3b3b3;
      background: transparent;
      border-color: #d9d9d9; }
      button.alert.subdued[disabled].inverted, button.alert.subdued.disabled.inverted, .button.alert.subdued[disabled].inverted, .button.alert.subdued.disabled.inverted {
        color: #5c5c5c;
        background: transparent;
        border-color: #424242; }
  button.alert.light, .button.alert.light {
    color: #e61a1a;
    background: transparent; }
    button.alert.light:hover, button.alert.light:focus, .button.alert.light:hover, .button.alert.light:focus {
      color: #eb4747;
      background: transparent; }
    button.alert.light:active, .button.alert.light:active {
      color: #b81414; }
    button.alert.light[disabled], button.alert.light.disabled, .button.alert.light[disabled], .button.alert.light.disabled {
      color: #b3b3b3;
      background: transparent; }
      button.alert.light[disabled].inverted, button.alert.light.disabled.inverted, .button.alert.light[disabled].inverted, .button.alert.light.disabled.inverted {
        color: #5c5c5c;
        background: transparent; }
  button.warning:not(.subdued):not(.light), .button.warning:not(.subdued):not(.light) {
    color: white;
    background: #ff7700;
    border-color: transparent; }
    button.warning:not(.subdued):not(.light):visited, .button.warning:not(.subdued):not(.light):visited {
      color: white; }
    button.warning:not(.subdued):not(.light):hover, button.warning:not(.subdued):not(.light):focus, .button.warning:not(.subdued):not(.light):hover, .button.warning:not(.subdued):not(.light):focus {
      color: white;
      background: #ff9233;
      border-color: #ff9233; }
    button.warning:not(.subdued):not(.light):active, .button.warning:not(.subdued):not(.light):active {
      color: white;
      background: #cc5f00;
      border-color: #cc5f00; }
    button.warning:not(.subdued):not(.light)[disabled], button.warning:not(.subdued):not(.light).disabled, .button.warning:not(.subdued):not(.light)[disabled], .button.warning:not(.subdued):not(.light).disabled {
      color: #f2f2f2;
      background: #d9d9d9;
      border-color: #d9d9d9; }
      button.warning:not(.subdued):not(.light)[disabled].inverted, button.warning:not(.subdued):not(.light).disabled.inverted, .button.warning:not(.subdued):not(.light)[disabled].inverted, .button.warning:not(.subdued):not(.light).disabled.inverted {
        color: #6e6e6e;
        background: #424242;
        border-color: #424242; }
  button.warning.subdued, .button.warning.subdued {
    color: #ff7700;
    background: transparent;
    border-color: transparent; }
    button.warning.subdued:hover, button.warning.subdued:focus, .button.warning.subdued:hover, .button.warning.subdued:focus {
      color: #ff7700;
      background: #f2f2f2; }
      button.warning.subdued:hover.inverted, button.warning.subdued:focus.inverted, .button.warning.subdued:hover.inverted, .button.warning.subdued:focus.inverted {
        background: #303030; }
    button.warning.subdued:active, .button.warning.subdued:active {
      color: #cc5f00; }
    button.warning.subdued[disabled], button.warning.subdued.disabled, .button.warning.subdued[disabled], .button.warning.subdued.disabled {
      color: #b3b3b3;
      background: transparent;
      border-color: #d9d9d9; }
      button.warning.subdued[disabled].inverted, button.warning.subdued.disabled.inverted, .button.warning.subdued[disabled].inverted, .button.warning.subdued.disabled.inverted {
        color: #5c5c5c;
        background: transparent;
        border-color: #424242; }
  button.warning.light, .button.warning.light {
    color: #ff7700;
    background: transparent; }
    button.warning.light:hover, button.warning.light:focus, .button.warning.light:hover, .button.warning.light:focus {
      color: #ff9233;
      background: transparent; }
    button.warning.light:active, .button.warning.light:active {
      color: #cc5f00; }
    button.warning.light[disabled], button.warning.light.disabled, .button.warning.light[disabled], .button.warning.light.disabled {
      color: #b3b3b3;
      background: transparent; }
      button.warning.light[disabled].inverted, button.warning.light.disabled.inverted, .button.warning.light[disabled].inverted, .button.warning.light.disabled.inverted {
        color: #5c5c5c;
        background: transparent; }
  button.success:not(.subdued):not(.light), .button.success:not(.subdued):not(.light) {
    color: white;
    background: #50b649;
    border-color: transparent; }
    button.success:not(.subdued):not(.light):visited, .button.success:not(.subdued):not(.light):visited {
      color: white; }
    button.success:not(.subdued):not(.light):hover, button.success:not(.subdued):not(.light):focus, .button.success:not(.subdued):not(.light):hover, .button.success:not(.subdued):not(.light):focus {
      color: white;
      background: #73c56d;
      border-color: #73c56d; }
    button.success:not(.subdued):not(.light):active, .button.success:not(.subdued):not(.light):active {
      color: white;
      background: #40923a;
      border-color: #40923a; }
    button.success:not(.subdued):not(.light)[disabled], button.success:not(.subdued):not(.light).disabled, .button.success:not(.subdued):not(.light)[disabled], .button.success:not(.subdued):not(.light).disabled {
      color: #f2f2f2;
      background: #d9d9d9;
      border-color: #d9d9d9; }
      button.success:not(.subdued):not(.light)[disabled].inverted, button.success:not(.subdued):not(.light).disabled.inverted, .button.success:not(.subdued):not(.light)[disabled].inverted, .button.success:not(.subdued):not(.light).disabled.inverted {
        color: #6e6e6e;
        background: #424242;
        border-color: #424242; }
  button.success.subdued, .button.success.subdued {
    color: #50b649;
    background: transparent;
    border-color: transparent; }
    button.success.subdued:hover, button.success.subdued:focus, .button.success.subdued:hover, .button.success.subdued:focus {
      color: #50b649;
      background: #f2f2f2; }
      button.success.subdued:hover.inverted, button.success.subdued:focus.inverted, .button.success.subdued:hover.inverted, .button.success.subdued:focus.inverted {
        background: #303030; }
    button.success.subdued:active, .button.success.subdued:active {
      color: #40923a; }
    button.success.subdued[disabled], button.success.subdued.disabled, .button.success.subdued[disabled], .button.success.subdued.disabled {
      color: #b3b3b3;
      background: transparent;
      border-color: #d9d9d9; }
      button.success.subdued[disabled].inverted, button.success.subdued.disabled.inverted, .button.success.subdued[disabled].inverted, .button.success.subdued.disabled.inverted {
        color: #5c5c5c;
        background: transparent;
        border-color: #424242; }
  button.success.light, .button.success.light {
    color: #50b649;
    background: transparent; }
    button.success.light:hover, button.success.light:focus, .button.success.light:hover, .button.success.light:focus {
      color: #73c56d;
      background: transparent; }
    button.success.light:active, .button.success.light:active {
      color: #40923a; }
    button.success.light[disabled], button.success.light.disabled, .button.success.light[disabled], .button.success.light.disabled {
      color: #b3b3b3;
      background: transparent; }
      button.success.light[disabled].inverted, button.success.light.disabled.inverted, .button.success.light[disabled].inverted, .button.success.light.disabled.inverted {
        color: #5c5c5c;
        background: transparent; }
  button.admin:not(.subdued):not(.light), .button.admin:not(.subdued):not(.light) {
    color: white;
    background: #8a40bf;
    border-color: transparent; }
    button.admin:not(.subdued):not(.light):visited, .button.admin:not(.subdued):not(.light):visited {
      color: white; }
    button.admin:not(.subdued):not(.light):hover, button.admin:not(.subdued):not(.light):focus, .button.admin:not(.subdued):not(.light):hover, .button.admin:not(.subdued):not(.light):focus {
      color: white;
      background: #a266cc;
      border-color: #a266cc; }
    button.admin:not(.subdued):not(.light):active, .button.admin:not(.subdued):not(.light):active {
      color: white;
      background: #6f3399;
      border-color: #6f3399; }
    button.admin:not(.subdued):not(.light)[disabled], button.admin:not(.subdued):not(.light).disabled, .button.admin:not(.subdued):not(.light)[disabled], .button.admin:not(.subdued):not(.light).disabled {
      color: #f2f2f2;
      background: #d9d9d9;
      border-color: #d9d9d9; }
      button.admin:not(.subdued):not(.light)[disabled].inverted, button.admin:not(.subdued):not(.light).disabled.inverted, .button.admin:not(.subdued):not(.light)[disabled].inverted, .button.admin:not(.subdued):not(.light).disabled.inverted {
        color: #6e6e6e;
        background: #424242;
        border-color: #424242; }
  button.admin.subdued, .button.admin.subdued {
    color: #8a40bf;
    background: transparent;
    border-color: transparent; }
    button.admin.subdued:hover, button.admin.subdued:focus, .button.admin.subdued:hover, .button.admin.subdued:focus {
      color: #8a40bf;
      background: #f2f2f2; }
      button.admin.subdued:hover.inverted, button.admin.subdued:focus.inverted, .button.admin.subdued:hover.inverted, .button.admin.subdued:focus.inverted {
        background: #303030; }
    button.admin.subdued:active, .button.admin.subdued:active {
      color: #6f3399; }
    button.admin.subdued[disabled], button.admin.subdued.disabled, .button.admin.subdued[disabled], .button.admin.subdued.disabled {
      color: #b3b3b3;
      background: transparent;
      border-color: #d9d9d9; }
      button.admin.subdued[disabled].inverted, button.admin.subdued.disabled.inverted, .button.admin.subdued[disabled].inverted, .button.admin.subdued.disabled.inverted {
        color: #5c5c5c;
        background: transparent;
        border-color: #424242; }
  button.admin.light, .button.admin.light {
    color: #8a40bf;
    background: transparent; }
    button.admin.light:hover, button.admin.light:focus, .button.admin.light:hover, .button.admin.light:focus {
      color: #a266cc;
      background: transparent; }
    button.admin.light:active, .button.admin.light:active {
      color: #6f3399; }
    button.admin.light[disabled], button.admin.light.disabled, .button.admin.light[disabled], .button.admin.light.disabled {
      color: #b3b3b3;
      background: transparent; }
      button.admin.light[disabled].inverted, button.admin.light.disabled.inverted, .button.admin.light[disabled].inverted, .button.admin.light.disabled.inverted {
        color: #5c5c5c;
        background: transparent; }

@media (max-width: 600px) {
  button.mobile-expand, .button.mobile-expand {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center; } }

@media (min-width: 601px) and (max-width: 1200px) {
  button.tablet-expand, .button.tablet-expand {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center; } }

/**
 * button components that provides global button styling.
 *
 * note: known limitation = buttons do not have borders
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 * @deprecated
 */
ul.button-list {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin: -0.25rem;
  padding: 0;
  list-style: none;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start; }
  ul.button-list > li {
    margin: 0.25rem; }
  ul.button-list.layout-center {
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
  ul.button-list.layout-right {
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end; }
  ul.button-list.layout-spread {
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify; }
  ul.button-list.layout-fill {
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify; }
    ul.button-list.layout-fill > li {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1 3rem;
      -moz-flex: 1 3rem;
      -ms-flex: 1 3rem;
      flex: 1 3rem; }
      ul.button-list.layout-fill > li button, ul.button-list.layout-fill > li .button {
        display: block;
        width: 100%; }
  ul.button-list.layout-row {
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    flex-flow: column; }
  ul.button-list.collapsed {
    margin: 0; }
    ul.button-list.collapsed > li {
      margin: 0; }

/**
 * button toggle
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
button .on, .button .on {
  display: inline-block; }

button .off, .button .off {
  display: none; }

button.on .on, .button.on .on {
  display: inline-block; }

button.on .off, .button.on .off {
  display: none; }

button.off .on, .button.off .on {
  display: none; }

button.off .off, .button.off .off {
  display: inline-block; }

button *, .button * {
  pointer-events: none; }

button .timer_display, .button .timer_display {
  display: block;
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  left: 0;
  z-index: 1; }
  button .timer_display.horizontal, .button .timer_display.horizontal {
    top: 0;
    width: 0; }
    button .timer_display.horizontal.short, .button .timer_display.horizontal.short {
      transition: width 1s cubic-bezier(0.215, 0.61, 0.355, 1); }
    button .timer_display.horizontal.long, .button .timer_display.horizontal.long {
      transition: width 2.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
    button .timer_display.horizontal.expanded, .button .timer_display.horizontal.expanded {
      width: 100%; }
  button .timer_display.vertical, .button .timer_display.vertical {
    width: 100%;
    height: 0; }
    button .timer_display.vertical.short, .button .timer_display.vertical.short {
      transition: height 1s cubic-bezier(0.215, 0.61, 0.355, 1); }
    button .timer_display.vertical.long, .button .timer_display.vertical.long {
      transition: height 2.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
    button .timer_display.vertical.expanded, .button .timer_display.vertical.expanded {
      height: 100%; }

/**
 * Includes all card styling.
 */
/**
 * Basic card style
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * Card configuration
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.card {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  background: white;
  box-shadow: none;
  color: #262626;
  margin: 0;
  border-radius: 0.75rem;
  overflow: hidden;
  position: relative;
  text-align: left;
  font: 400 1rem/1.5em "Noto Sans", sans-serif;
  letter-spacing: 0; }
  .card.fixed-height {
    min-height: 16rem; }
  .card.inverted {
    background: #262626;
    border-color: #5c5c5c;
    color: #d9d9d9; }
  .card.disabled:after {
    content: " ";
    background: rgba(230, 230, 230, 0.8);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    cursor: not-allowed; }
  .card.disabled.inverted:after {
    background: rgba(25, 25, 25, 0.8); }
  .card.bordered {
    border: 1px solid #b3b3b3; }
  .card.hover:hover {
    box-shadow: 0 0 0 1px #009dff;
    cursor: pointer; }
  .card.hover.inverted:hover {
    box-shadow: 0 0 0 1px #009dff; }
  .card.radius-small {
    border-radius: 0.25rem; }
  .card.radius-medium {
    border-radius: 0.5rem; }
  .card.radius-large {
    border-radius: 0.75rem; }
  .card.size-tiny {
    width: 6rem;
    height: 6rem; }
  .card.size-small {
    width: 12rem;
    height: 12rem; }
  .card.size-medium {
    width: 18rem;
    height: 18rem; }
  .card.size-large {
    width: 30rem;
    height: 30rem; }
  .card.size-huge {
    width: 60rem;
    height: 60rem; }
  .card.size-width-tiny {
    width: 6rem; }
  .card.size-width-small {
    width: 12rem; }
  .card.size-width-medium {
    width: 18rem; }
  .card.size-width-large {
    width: 30rem; }
  .card.size-width-huge {
    width: 60rem; }
  .card.size-height-tiny {
    height: 6rem; }
  .card.size-height-small {
    height: 12rem; }
  .card.size-height-medium {
    height: 18rem; }
  .card.size-height-large {
    height: 30rem; }
  .card.size-height-huge {
    height: 60rem; }

@media (max-width: 600px) {
  .card.mobile-radius-small {
    border-radius: 0.25rem; }
  .card.mobile-radius-medium {
    border-radius: 0.5rem; }
  .card.mobile-radius-large {
    border-radius: 0.75rem; }
  .card.mobile-size-tiny {
    width: 6rem;
    height: 6rem; }
  .card.mobile-size-small {
    width: 12rem;
    height: 12rem; }
  .card.mobile-size-medium {
    width: 18rem;
    height: 18rem; }
  .card.mobile-size-large {
    width: 30rem;
    height: 30rem; }
  .card.mobile-size-huge {
    width: 60rem;
    height: 60rem; }
  .card.mobile-size-width-tiny {
    width: 6rem; }
  .card.mobile-size-width-small {
    width: 12rem; }
  .card.mobile-size-width-medium {
    width: 18rem; }
  .card.mobile-size-width-large {
    width: 30rem; }
  .card.mobile-size-width-huge {
    width: 60rem; }
  .card.mobile-size-height-tiny {
    height: 6rem; }
  .card.mobile-size-height-small {
    height: 12rem; }
  .card.mobile-size-height-medium {
    height: 18rem; }
  .card.mobile-size-height-large {
    height: 30rem; }
  .card.mobile-size-height-huge {
    height: 60rem; }
  .card.hover:hover {
    box-shadow: none; } }

@media (min-width: 601px) and (max-width: 1200px) {
  .card.tablet-radius-small {
    border-radius: 0.25rem; }
  .card.tablet-radius-medium {
    border-radius: 0.5rem; }
  .card.tablet-radius-large {
    border-radius: 0.75rem; }
  .card.tablet-size-tiny {
    width: 6rem;
    height: 6rem; }
  .card.tablet-size-small {
    width: 12rem;
    height: 12rem; }
  .card.tablet-size-medium {
    width: 18rem;
    height: 18rem; }
  .card.tablet-size-large {
    width: 30rem;
    height: 30rem; }
  .card.tablet-size-huge {
    width: 60rem;
    height: 60rem; }
  .card.tablet-size-width-tiny {
    width: 6rem; }
  .card.tablet-size-width-small {
    width: 12rem; }
  .card.tablet-size-width-medium {
    width: 18rem; }
  .card.tablet-size-width-large {
    width: 30rem; }
  .card.tablet-size-width-huge {
    width: 60rem; }
  .card.tablet-size-height-tiny {
    height: 6rem; }
  .card.tablet-size-height-small {
    height: 12rem; }
  .card.tablet-size-height-medium {
    height: 18rem; }
  .card.tablet-size-height-large {
    height: 30rem; }
  .card.tablet-size-height-huge {
    height: 60rem; }
  .card.hover:hover {
    box-shadow: none; } }

@media (min-width: 1201px) {
  .card.desktop-radius-small {
    border-radius: 0.25rem; }
  .card.desktop-radius-medium {
    border-radius: 0.5rem; }
  .card.desktop-radius-large {
    border-radius: 0.75rem; }
  .card.desktop-size-tiny {
    width: 6rem;
    height: 6rem; }
  .card.desktop-size-small {
    width: 12rem;
    height: 12rem; }
  .card.desktop-size-medium {
    width: 18rem;
    height: 18rem; }
  .card.desktop-size-large {
    width: 30rem;
    height: 30rem; }
  .card.desktop-size-huge {
    width: 60rem;
    height: 60rem; }
  .card.desktop-size-width-tiny {
    width: 6rem; }
  .card.desktop-size-width-small {
    width: 12rem; }
  .card.desktop-size-width-medium {
    width: 18rem; }
  .card.desktop-size-width-large {
    width: 30rem; }
  .card.desktop-size-width-huge {
    width: 60rem; }
  .card.desktop-size-height-tiny {
    height: 6rem; }
  .card.desktop-size-height-small {
    height: 12rem; }
  .card.desktop-size-height-medium {
    height: 18rem; }
  .card.desktop-size-height-large {
    height: 30rem; }
  .card.desktop-size-height-huge {
    height: 60rem; } }

/**
 * Card header styling
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.card [class^="card-"] {
  padding: 1.25rem 1.75rem 1.25rem 1.75rem; }
  .card [class^="card-"].divided, .card [class^="card-"].divider {
    border-bottom: 1px solid #d9d9d9; }
  .card [class^="card-"].collapsed {
    padding-bottom: 0; }
  .card [class^="card-"].block {
    padding: 0; }
  .card [class^="card-"].spaced {
    padding: 1.75rem 1.75rem; }
  .card [class^="card-"].centered {
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    align-self: stretch;
    -ms-flex-item-align: stretch;
    text-align: center; }
  .card [class^="card-"].max-tiny {
    max-height: 6rem; }
  .card [class^="card-"].max-small {
    max-height: 12rem; }
  .card [class^="card-"].max-medium {
    max-height: 18rem; }
  .card [class^="card-"].max-large {
    max-height: 30rem; }
  .card [class^="card-"].max-huge {
    max-height: 60rem; }
  .card [class^="card-"].min-tiny {
    min-height: 6rem; }
  .card [class^="card-"].min-small {
    min-height: 12rem; }
  .card [class^="card-"].min-medium {
    min-height: 18rem; }
  .card [class^="card-"].min-large {
    min-height: 30rem; }
  .card [class^="card-"].min-huge {
    min-height: 60rem; }

.card.inverted [class^="card-"] {
  border-color: #424242; }

.card .card-header {
  background: #f2f2f2; }
  .card .card-header h1, .card .card-header h2, .card .card-header h3, .card .card-header h4, .card .card-header h5, .card .card-header h6 {
    margin: 0; }
  .card .card-header:not(:last-child) {
    border-bottom: 1px solid #d9d9d9; }
  .card .card-header:not(:first-child) {
    border-top: 1px solid #d9d9d9; }

.card.inverted .card-header {
  background: #303030;
  border-color: #424242; }

.card .card-footer h1, .card .card-footer h2, .card .card-footer h3, .card .card-footer h4, .card .card-footer h5, .card .card-footer h6 {
  margin: 0; }

.card .card-title h1, .card .card-title h2, .card .card-title h3, .card .card-title h4, .card .card-title h5, .card .card-title h6 {
  margin: 0; }

.card .card-content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  word-wrap: break-word; }
  .card .card-content.scrollable {
    overflow: auto; }
  .card .card-content.no-expand {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
  .card .card-content.expand {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1; }

.card .card-block {
  padding: 0; }

.card .card-caption {
  padding: 0.75rem 1.75rem; }

.card .card-media {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  padding: 0;
  overflow: hidden; }
  .card .card-media img {
    width: 100%;
    height: auto; }

.card .card-divider {
  padding: 0;
  background: #d9d9d9;
  width: 100%;
  height: 1px; }
  .card .card-divider:before {
    content: ''; }

.card.inverted .card-divider {
  background: #424242; }

.card [class^="card-"].notice {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  margin: 0; }

.card .card-columns {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch;
  padding: 0; }
  .card .card-columns > * {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 0%;
    -moz-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%; }
    .card .card-columns > *.divided {
      border-bottom: 0;
      border-right: 1px solid #d9d9d9; }
    .card .card-columns > *.collapsed {
      padding-right: 0;
      padding-bottom: 1.25rem; }

/**
 * Bridge between card and notice to merge notice and card border and margins.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.card [class^="card-"].notice {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  margin: 0; }

/**
 * Bridge between card and button to align subdued buttons with the card padding.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.card .card-actions {
  padding: 0.5rem calc(0.5rem - 1px); }

/**
 * Bridge between card and form to align input fields with the card padding.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * The Form component adds its own semantic colors that are mapped to the core colors.
 *
 * This allows changing the form colors without changing the core colors.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.card .card-input.left {
  padding-left: calc(1.25rem - 1px); }

.card .card-input.right {
  padding-right: calc(1.25rem - 1px); }

.card .card-input.both {
  padding-left: calc(1.25rem - 1px);
  padding-right: calc(1.25rem - 1px); }

/**
 * Includes all computer components
 */
/**
 * Component that renders <code> html elements
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
code {
  display: inline-block;
  font: 400 0.75rem/1.2em monospace;
  color: #262626;
  background: #f2f2f2;
  padding: 0.25rem; }

pre code {
  display: block;
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  word-break: break-all;
  font: 400 0.75rem/1.2em monospace;
  color: #262626;
  background: #f2f2f2;
  border: 1px solid #d9d9d9;
  border-radius: 0.25rem;
  padding: 0.75rem;
  margin: 0; }
  pre code.limited {
    max-height: 15rem; }
  pre code.block {
    border-radius: 0; }

/**
 * Component that renders <samp> html elements.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
samp {
  font: 400 0.75rem/1.2em monospace;
  color: #f2f2f2;
  background: #262626;
  padding: 0.25rem; }

pre samp {
  display: block;
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  word-break: break-all;
  font: 400 0.75rem/1.2em monospace;
  color: #f2f2f2;
  background: #262626;
  border: 1px solid #262626;
  border-radius: 0.25rem;
  padding: 1.25rem;
  margin: 0; }
  pre samp.limited {
    max-height: 15rem; }
  pre samp.block {
    border-radius: 0; }

/**
 * Component that renders <kbd> html elements.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
kbd {
  font: 400 0.75rem/1.2em monospace;
  color: #262626;
  background: #f2f2f2;
  border: 1px solid #d9d9d9;
  border-radius: 0.25rem;
  padding: 0.25rem; }

pre kbd {
  display: block;
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  margin: 0;
  padding: 0.75rem;
  border-radius: 0.5rem; }

/**
 * Includes all form styling
 *
 * @depends mixins/flex
 */
/**
 * The Form component provides its own mixins for internal use.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * Form field-set styling.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.form-row .form-field .form-action {
  position: absolute;
  right: 0;
  top: 0;
  width: 2.5rem;
  z-index: 1; }

.form-row .form-field .form-action + input,
.form-row .form-field .form-action + textarea,
.form-row .form-field .form-action + select {
  padding-right: 2.5rem !important; }

/**
 * Form label styling.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.form-row .form-label {
  color: #262626; }
  .form-row .form-label > label .required {
    color: #ff7700; }
  .form-row .form-label > label .optional {
    color: #b3b3b3; }
  .form-row .form-label > label .constraint {
    color: #b3b3b3; }
  .form-row .form-label > label .info {
    color: #009dff; }
  .form-row .form-label > label .admin {
    color: #8a40bf; }

.form-row.disabled .form-label > label {
  color: #b3b3b3; }

.form-row .form-label {
  position: relative;
  font: 400 0.875rem/1.2em "Noto Sans", sans-serif; }
  .form-row .form-label > label {
    display: inline-block;
    cursor: pointer;
    margin: 0; }
    .form-row .form-label > label .required, .form-row .form-label > label .optional, .form-row .form-label > label .constraint, .form-row .form-label > label .info, .form-row .form-label > label .admin {
      font: 400 0.75rem/1.2em "Noto Sans", sans-serif;
      margin-left: 0.25rem; }
  .form-row .form-label > i + label {
    margin-left: 0.25rem; }
  .form-row .form-label > .action {
    position: absolute;
    right: 0;
    bottom: 0;
    font: 400 0.75rem/1.2em "Noto Sans", sans-serif; }

.form-row.disabled .form-label > label {
  cursor: not-allowed; }

.form-row.inverted .form-label {
  color: #d9d9d9; }
  .form-row.inverted .form-label > label .required {
    color: #ff7700; }
  .form-row.inverted .form-label > label .optional {
    color: #5c5c5c; }
  .form-row.inverted .form-label > label .constraint {
    color: #5c5c5c; }
  .form-row.inverted .form-label > label .info {
    color: #009dff; }
  .form-row.inverted .form-label > label .admin {
    color: #a266cc; }

.form-row.inverted.disabled .form-label > label {
  color: #5c5c5c; }

/**
 * Form help styling.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.form-row .form-help {
  color: #b3b3b3; }

.form-row .form-help {
  margin: 0.25rem 0 0 0;
  font: 400 0.875rem/1.5em "Noto Sans", sans-serif; }

.form-row.disabled .form-help {
  cursor: not-allowed; }

.form-row.inverted .form-help {
  color: #5c5c5c; }

/**
 * Form field-set styling.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
fieldset {
  position: relative;
  border: 1px solid #b3b3b3;
  padding: 1.25rem;
  margin: 0 0 1.25rem 0;
  border-radius: 0.25rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  fieldset.condensed {
    padding: 0 1.25rem 1.25rem 1.25rem; }
  fieldset .form-row:last-child {
    margin-bottom: 0; }
  fieldset legend {
    position: relative;
    font: 400 1rem/1.2em "Noto Sans", sans-serif;
    padding: 0 0.5rem;
    margin-left: -0.5rem; }
  fieldset.gripped {
    padding-left: calc(15px + 1.25rem); }
    fieldset.gripped .grip {
      position: absolute;
      left: 2px;
      top: 3px;
      bottom: 3px;
      width: 15px;
      border-bottom-left-radius: 0.25rem;
      border-top-left-radius: 0.25rem;
      cursor: move;
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAECAYAAABLLYUHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAyMTUwNEVFOEM3MDExRTVCNTU3RjJGOTFFOUJFRjIyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAyMTUwNEVGOEM3MDExRTVCNTU3RjJGOTFFOUJFRjIyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDIxNTA0RUM4QzcwMTFFNUI1NTdGMkY5MUU5QkVGMjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDIxNTA0RUQ4QzcwMTFFNUI1NTdGMkY5MUU5QkVGMjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6fze6XAAAAIklEQVR42mI8e/bsfwYgMDIyYmRiQAKM////h3NQZAACDAAJYwcByT8iTAAAAABJRU5ErkJggg=="); }
    fieldset.gripped legend + .grip {
      top: calc(0.6rem + 3px); }

.sortable-placeholder {
  height: 84px;
  margin: 0 0 1.25rem 0;
  border: 1px dashed gray;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem; }

/**
 * Form messages styling.
 *
 * Please notice that this only concerns how error messages are displayed, not the state of a the input fields.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.form-row ul.message-list {
  color: #262626; }

.form-row.disabled ul.message-list {
  color: #b3b3b3; }

.form-row.error ul.message-list {
  color: #e61a1a; }

.form-row.warning ul.message-list {
  color: #ff7700; }

.form-row.success ul.message-list {
  color: #50b649; }

.form-row ul.message-list {
  margin: 0.25rem 0 0 0;
  clear: both;
  padding: 0;
  font: 400 0.875rem/1.5em "Noto Sans", sans-serif; }
  .form-row ul.message-list li {
    display: block; }
    .form-row ul.message-list li span + i,
    .form-row ul.message-list li i + span {
      margin-left: 0.25rem; }

.form-row.disabled ul.message-list {
  cursor: not-allowed; }

.form-row.inverted ul.message-list {
  color: #d9d9d9; }

.form-row.inverted.disabled ul.message-list {
  color: #5c5c5c; }

.form-row.inverted.error ul.message-list {
  color: #e61a1a; }

.form-row.inverted.warning ul.message-list {
  color: #ff7700; }

.form-row.inverted.success ul.message-list {
  color: #50b649; }

/**
 * Includes all form styling
 *
 * @depends mixins/flex
 */
/**
 * Form input styling.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * The form fields have their own configuration because the input components are special ui elements.
 *
 * For example, the input is not inverted.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.form-row .form-field {
  position: relative;
  clear: both; }
  .form-row .form-field .time-picker-field {
    background-color: red; }
  .form-row .form-field > input[type="color"],
  .form-row .form-field > input[type="date"],
  .form-row .form-field > input[type="datetime"],
  .form-row .form-field > input[type="datetime-local"],
  .form-row .form-field > input[type="email"],
  .form-row .form-field > input[type="month"],
  .form-row .form-field > input[type="number"],
  .form-row .form-field > input[type="password"],
  .form-row .form-field > input[type="search"],
  .form-row .form-field > input[type="tel"],
  .form-row .form-field > input[type="text"],
  .form-row .form-field > input[type="time"],
  .form-row .form-field > input[type="url"],
  .form-row .form-field > input[type="week"],
  .form-row .form-field > input:not([type]),
  .form-row .form-field > textarea {
    display: inline-block;
    border: 1px solid #b3b3b3;
    border-radius: 0.25rem;
    padding: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    font: 400 1rem/1.5em "Noto Sans", sans-serif;
    outline: none;
    vertical-align: middle;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .form-row .form-field > input[type="color"][disabled],
    .form-row .form-field > input[type="date"][disabled],
    .form-row .form-field > input[type="datetime"][disabled],
    .form-row .form-field > input[type="datetime-local"][disabled],
    .form-row .form-field > input[type="email"][disabled],
    .form-row .form-field > input[type="month"][disabled],
    .form-row .form-field > input[type="number"][disabled],
    .form-row .form-field > input[type="password"][disabled],
    .form-row .form-field > input[type="search"][disabled],
    .form-row .form-field > input[type="tel"][disabled],
    .form-row .form-field > input[type="text"][disabled],
    .form-row .form-field > input[type="time"][disabled],
    .form-row .form-field > input[type="url"][disabled],
    .form-row .form-field > input[type="week"][disabled],
    .form-row .form-field > input:not([type])[disabled],
    .form-row .form-field > textarea[disabled] {
      cursor: not-allowed;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    .form-row .form-field > input[type="color"].align-left,
    .form-row .form-field > input[type="date"].align-left,
    .form-row .form-field > input[type="datetime"].align-left,
    .form-row .form-field > input[type="datetime-local"].align-left,
    .form-row .form-field > input[type="email"].align-left,
    .form-row .form-field > input[type="month"].align-left,
    .form-row .form-field > input[type="number"].align-left,
    .form-row .form-field > input[type="password"].align-left,
    .form-row .form-field > input[type="search"].align-left,
    .form-row .form-field > input[type="tel"].align-left,
    .form-row .form-field > input[type="text"].align-left,
    .form-row .form-field > input[type="time"].align-left,
    .form-row .form-field > input[type="url"].align-left,
    .form-row .form-field > input[type="week"].align-left,
    .form-row .form-field > input:not([type]).align-left,
    .form-row .form-field > textarea.align-left {
      text-align: left; }
    .form-row .form-field > input[type="color"].align-center,
    .form-row .form-field > input[type="date"].align-center,
    .form-row .form-field > input[type="datetime"].align-center,
    .form-row .form-field > input[type="datetime-local"].align-center,
    .form-row .form-field > input[type="email"].align-center,
    .form-row .form-field > input[type="month"].align-center,
    .form-row .form-field > input[type="number"].align-center,
    .form-row .form-field > input[type="password"].align-center,
    .form-row .form-field > input[type="search"].align-center,
    .form-row .form-field > input[type="tel"].align-center,
    .form-row .form-field > input[type="text"].align-center,
    .form-row .form-field > input[type="time"].align-center,
    .form-row .form-field > input[type="url"].align-center,
    .form-row .form-field > input[type="week"].align-center,
    .form-row .form-field > input:not([type]).align-center,
    .form-row .form-field > textarea.align-center {
      text-align: center; }
    .form-row .form-field > input[type="color"].align-right,
    .form-row .form-field > input[type="date"].align-right,
    .form-row .form-field > input[type="datetime"].align-right,
    .form-row .form-field > input[type="datetime-local"].align-right,
    .form-row .form-field > input[type="email"].align-right,
    .form-row .form-field > input[type="month"].align-right,
    .form-row .form-field > input[type="number"].align-right,
    .form-row .form-field > input[type="password"].align-right,
    .form-row .form-field > input[type="search"].align-right,
    .form-row .form-field > input[type="tel"].align-right,
    .form-row .form-field > input[type="text"].align-right,
    .form-row .form-field > input[type="time"].align-right,
    .form-row .form-field > input[type="url"].align-right,
    .form-row .form-field > input[type="week"].align-right,
    .form-row .form-field > input:not([type]).align-right,
    .form-row .form-field > textarea.align-right {
      text-align: right; }
    .form-row .form-field > input[type="color"].borderless,
    .form-row .form-field > input[type="date"].borderless,
    .form-row .form-field > input[type="datetime"].borderless,
    .form-row .form-field > input[type="datetime-local"].borderless,
    .form-row .form-field > input[type="email"].borderless,
    .form-row .form-field > input[type="month"].borderless,
    .form-row .form-field > input[type="number"].borderless,
    .form-row .form-field > input[type="password"].borderless,
    .form-row .form-field > input[type="search"].borderless,
    .form-row .form-field > input[type="tel"].borderless,
    .form-row .form-field > input[type="text"].borderless,
    .form-row .form-field > input[type="time"].borderless,
    .form-row .form-field > input[type="url"].borderless,
    .form-row .form-field > input[type="week"].borderless,
    .form-row .form-field > input:not([type]).borderless,
    .form-row .form-field > textarea.borderless {
      border: 1px solid transparent; }
    .form-row .form-field > input[type="color"].transparent,
    .form-row .form-field > input[type="date"].transparent,
    .form-row .form-field > input[type="datetime"].transparent,
    .form-row .form-field > input[type="datetime-local"].transparent,
    .form-row .form-field > input[type="email"].transparent,
    .form-row .form-field > input[type="month"].transparent,
    .form-row .form-field > input[type="number"].transparent,
    .form-row .form-field > input[type="password"].transparent,
    .form-row .form-field > input[type="search"].transparent,
    .form-row .form-field > input[type="tel"].transparent,
    .form-row .form-field > input[type="text"].transparent,
    .form-row .form-field > input[type="time"].transparent,
    .form-row .form-field > input[type="url"].transparent,
    .form-row .form-field > input[type="week"].transparent,
    .form-row .form-field > input:not([type]).transparent,
    .form-row .form-field > textarea.transparent {
      background: transparent; }

.form-row .form-field > input[type="color"],
.form-row .form-field > input[type="date"],
.form-row .form-field > input[type="datetime"],
.form-row .form-field > input[type="datetime-local"],
.form-row .form-field > input[type="email"],
.form-row .form-field > input[type="month"],
.form-row .form-field > input[type="number"],
.form-row .form-field > input[type="password"],
.form-row .form-field > input[type="search"],
.form-row .form-field > input[type="tel"],
.form-row .form-field > input[type="text"],
.form-row .form-field > input[type="time"],
.form-row .form-field > input[type="url"],
.form-row .form-field > input[type="week"],
.form-row .form-field > input:not([type]),
.form-row .form-field > textarea {
  color: #262626;
  background: #f2f2f2;
  border-color: #b3b3b3; }
  .form-row .form-field > input[type="color"]:focus,
  .form-row .form-field > input[type="date"]:focus,
  .form-row .form-field > input[type="datetime"]:focus,
  .form-row .form-field > input[type="datetime-local"]:focus,
  .form-row .form-field > input[type="email"]:focus,
  .form-row .form-field > input[type="month"]:focus,
  .form-row .form-field > input[type="number"]:focus,
  .form-row .form-field > input[type="password"]:focus,
  .form-row .form-field > input[type="search"]:focus,
  .form-row .form-field > input[type="tel"]:focus,
  .form-row .form-field > input[type="text"]:focus,
  .form-row .form-field > input[type="time"]:focus,
  .form-row .form-field > input[type="url"]:focus,
  .form-row .form-field > input[type="week"]:focus,
  .form-row .form-field > input:not([type]):focus,
  .form-row .form-field > textarea:focus {
    color: black;
    background: #e6e6e6;
    border-color: #999999; }
  .form-row .form-field > input[type="color"][disabled], .form-row .form-field > input[type="color"][readonly],
  .form-row .form-field > input[type="date"][disabled],
  .form-row .form-field > input[type="date"][readonly],
  .form-row .form-field > input[type="datetime"][disabled],
  .form-row .form-field > input[type="datetime"][readonly],
  .form-row .form-field > input[type="datetime-local"][disabled],
  .form-row .form-field > input[type="datetime-local"][readonly],
  .form-row .form-field > input[type="email"][disabled],
  .form-row .form-field > input[type="email"][readonly],
  .form-row .form-field > input[type="month"][disabled],
  .form-row .form-field > input[type="month"][readonly],
  .form-row .form-field > input[type="number"][disabled],
  .form-row .form-field > input[type="number"][readonly],
  .form-row .form-field > input[type="password"][disabled],
  .form-row .form-field > input[type="password"][readonly],
  .form-row .form-field > input[type="search"][disabled],
  .form-row .form-field > input[type="search"][readonly],
  .form-row .form-field > input[type="tel"][disabled],
  .form-row .form-field > input[type="tel"][readonly],
  .form-row .form-field > input[type="text"][disabled],
  .form-row .form-field > input[type="text"][readonly],
  .form-row .form-field > input[type="time"][disabled],
  .form-row .form-field > input[type="time"][readonly],
  .form-row .form-field > input[type="url"][disabled],
  .form-row .form-field > input[type="url"][readonly],
  .form-row .form-field > input[type="week"][disabled],
  .form-row .form-field > input[type="week"][readonly],
  .form-row .form-field > input:not([type])[disabled],
  .form-row .form-field > input:not([type])[readonly],
  .form-row .form-field > textarea[disabled],
  .form-row .form-field > textarea[readonly] {
    color: #b3b3b3;
    background: #f2f2f2;
    border-color: #e6e6e6; }
    .form-row .form-field > input[type="color"][disabled]::-webkit-input-placeholder, .form-row .form-field > input[type="color"][readonly]::-webkit-input-placeholder,
    .form-row .form-field > input[type="date"][disabled]::-webkit-input-placeholder,
    .form-row .form-field > input[type="date"][readonly]::-webkit-input-placeholder,
    .form-row .form-field > input[type="datetime"][disabled]::-webkit-input-placeholder,
    .form-row .form-field > input[type="datetime"][readonly]::-webkit-input-placeholder,
    .form-row .form-field > input[type="datetime-local"][disabled]::-webkit-input-placeholder,
    .form-row .form-field > input[type="datetime-local"][readonly]::-webkit-input-placeholder,
    .form-row .form-field > input[type="email"][disabled]::-webkit-input-placeholder,
    .form-row .form-field > input[type="email"][readonly]::-webkit-input-placeholder,
    .form-row .form-field > input[type="month"][disabled]::-webkit-input-placeholder,
    .form-row .form-field > input[type="month"][readonly]::-webkit-input-placeholder,
    .form-row .form-field > input[type="number"][disabled]::-webkit-input-placeholder,
    .form-row .form-field > input[type="number"][readonly]::-webkit-input-placeholder,
    .form-row .form-field > input[type="password"][disabled]::-webkit-input-placeholder,
    .form-row .form-field > input[type="password"][readonly]::-webkit-input-placeholder,
    .form-row .form-field > input[type="search"][disabled]::-webkit-input-placeholder,
    .form-row .form-field > input[type="search"][readonly]::-webkit-input-placeholder,
    .form-row .form-field > input[type="tel"][disabled]::-webkit-input-placeholder,
    .form-row .form-field > input[type="tel"][readonly]::-webkit-input-placeholder,
    .form-row .form-field > input[type="text"][disabled]::-webkit-input-placeholder,
    .form-row .form-field > input[type="text"][readonly]::-webkit-input-placeholder,
    .form-row .form-field > input[type="time"][disabled]::-webkit-input-placeholder,
    .form-row .form-field > input[type="time"][readonly]::-webkit-input-placeholder,
    .form-row .form-field > input[type="url"][disabled]::-webkit-input-placeholder,
    .form-row .form-field > input[type="url"][readonly]::-webkit-input-placeholder,
    .form-row .form-field > input[type="week"][disabled]::-webkit-input-placeholder,
    .form-row .form-field > input[type="week"][readonly]::-webkit-input-placeholder,
    .form-row .form-field > input:not([type])[disabled]::-webkit-input-placeholder,
    .form-row .form-field > input:not([type])[readonly]::-webkit-input-placeholder,
    .form-row .form-field > textarea[disabled]::-webkit-input-placeholder,
    .form-row .form-field > textarea[readonly]::-webkit-input-placeholder {
      color: #b3b3b3; }
    .form-row .form-field > input[type="color"][disabled]::-moz-placeholder, .form-row .form-field > input[type="color"][readonly]::-moz-placeholder,
    .form-row .form-field > input[type="date"][disabled]::-moz-placeholder,
    .form-row .form-field > input[type="date"][readonly]::-moz-placeholder,
    .form-row .form-field > input[type="datetime"][disabled]::-moz-placeholder,
    .form-row .form-field > input[type="datetime"][readonly]::-moz-placeholder,
    .form-row .form-field > input[type="datetime-local"][disabled]::-moz-placeholder,
    .form-row .form-field > input[type="datetime-local"][readonly]::-moz-placeholder,
    .form-row .form-field > input[type="email"][disabled]::-moz-placeholder,
    .form-row .form-field > input[type="email"][readonly]::-moz-placeholder,
    .form-row .form-field > input[type="month"][disabled]::-moz-placeholder,
    .form-row .form-field > input[type="month"][readonly]::-moz-placeholder,
    .form-row .form-field > input[type="number"][disabled]::-moz-placeholder,
    .form-row .form-field > input[type="number"][readonly]::-moz-placeholder,
    .form-row .form-field > input[type="password"][disabled]::-moz-placeholder,
    .form-row .form-field > input[type="password"][readonly]::-moz-placeholder,
    .form-row .form-field > input[type="search"][disabled]::-moz-placeholder,
    .form-row .form-field > input[type="search"][readonly]::-moz-placeholder,
    .form-row .form-field > input[type="tel"][disabled]::-moz-placeholder,
    .form-row .form-field > input[type="tel"][readonly]::-moz-placeholder,
    .form-row .form-field > input[type="text"][disabled]::-moz-placeholder,
    .form-row .form-field > input[type="text"][readonly]::-moz-placeholder,
    .form-row .form-field > input[type="time"][disabled]::-moz-placeholder,
    .form-row .form-field > input[type="time"][readonly]::-moz-placeholder,
    .form-row .form-field > input[type="url"][disabled]::-moz-placeholder,
    .form-row .form-field > input[type="url"][readonly]::-moz-placeholder,
    .form-row .form-field > input[type="week"][disabled]::-moz-placeholder,
    .form-row .form-field > input[type="week"][readonly]::-moz-placeholder,
    .form-row .form-field > input:not([type])[disabled]::-moz-placeholder,
    .form-row .form-field > input:not([type])[readonly]::-moz-placeholder,
    .form-row .form-field > textarea[disabled]::-moz-placeholder,
    .form-row .form-field > textarea[readonly]::-moz-placeholder {
      color: #b3b3b3; }
    .form-row .form-field > input[type="color"][disabled]:-moz-placeholder, .form-row .form-field > input[type="color"][readonly]:-moz-placeholder,
    .form-row .form-field > input[type="date"][disabled]:-moz-placeholder,
    .form-row .form-field > input[type="date"][readonly]:-moz-placeholder,
    .form-row .form-field > input[type="datetime"][disabled]:-moz-placeholder,
    .form-row .form-field > input[type="datetime"][readonly]:-moz-placeholder,
    .form-row .form-field > input[type="datetime-local"][disabled]:-moz-placeholder,
    .form-row .form-field > input[type="datetime-local"][readonly]:-moz-placeholder,
    .form-row .form-field > input[type="email"][disabled]:-moz-placeholder,
    .form-row .form-field > input[type="email"][readonly]:-moz-placeholder,
    .form-row .form-field > input[type="month"][disabled]:-moz-placeholder,
    .form-row .form-field > input[type="month"][readonly]:-moz-placeholder,
    .form-row .form-field > input[type="number"][disabled]:-moz-placeholder,
    .form-row .form-field > input[type="number"][readonly]:-moz-placeholder,
    .form-row .form-field > input[type="password"][disabled]:-moz-placeholder,
    .form-row .form-field > input[type="password"][readonly]:-moz-placeholder,
    .form-row .form-field > input[type="search"][disabled]:-moz-placeholder,
    .form-row .form-field > input[type="search"][readonly]:-moz-placeholder,
    .form-row .form-field > input[type="tel"][disabled]:-moz-placeholder,
    .form-row .form-field > input[type="tel"][readonly]:-moz-placeholder,
    .form-row .form-field > input[type="text"][disabled]:-moz-placeholder,
    .form-row .form-field > input[type="text"][readonly]:-moz-placeholder,
    .form-row .form-field > input[type="time"][disabled]:-moz-placeholder,
    .form-row .form-field > input[type="time"][readonly]:-moz-placeholder,
    .form-row .form-field > input[type="url"][disabled]:-moz-placeholder,
    .form-row .form-field > input[type="url"][readonly]:-moz-placeholder,
    .form-row .form-field > input[type="week"][disabled]:-moz-placeholder,
    .form-row .form-field > input[type="week"][readonly]:-moz-placeholder,
    .form-row .form-field > input:not([type])[disabled]:-moz-placeholder,
    .form-row .form-field > input:not([type])[readonly]:-moz-placeholder,
    .form-row .form-field > textarea[disabled]:-moz-placeholder,
    .form-row .form-field > textarea[readonly]:-moz-placeholder {
      color: #b3b3b3; }
    .form-row .form-field > input[type="color"][disabled]:-ms-input-placeholder, .form-row .form-field > input[type="color"][readonly]:-ms-input-placeholder,
    .form-row .form-field > input[type="date"][disabled]:-ms-input-placeholder,
    .form-row .form-field > input[type="date"][readonly]:-ms-input-placeholder,
    .form-row .form-field > input[type="datetime"][disabled]:-ms-input-placeholder,
    .form-row .form-field > input[type="datetime"][readonly]:-ms-input-placeholder,
    .form-row .form-field > input[type="datetime-local"][disabled]:-ms-input-placeholder,
    .form-row .form-field > input[type="datetime-local"][readonly]:-ms-input-placeholder,
    .form-row .form-field > input[type="email"][disabled]:-ms-input-placeholder,
    .form-row .form-field > input[type="email"][readonly]:-ms-input-placeholder,
    .form-row .form-field > input[type="month"][disabled]:-ms-input-placeholder,
    .form-row .form-field > input[type="month"][readonly]:-ms-input-placeholder,
    .form-row .form-field > input[type="number"][disabled]:-ms-input-placeholder,
    .form-row .form-field > input[type="number"][readonly]:-ms-input-placeholder,
    .form-row .form-field > input[type="password"][disabled]:-ms-input-placeholder,
    .form-row .form-field > input[type="password"][readonly]:-ms-input-placeholder,
    .form-row .form-field > input[type="search"][disabled]:-ms-input-placeholder,
    .form-row .form-field > input[type="search"][readonly]:-ms-input-placeholder,
    .form-row .form-field > input[type="tel"][disabled]:-ms-input-placeholder,
    .form-row .form-field > input[type="tel"][readonly]:-ms-input-placeholder,
    .form-row .form-field > input[type="text"][disabled]:-ms-input-placeholder,
    .form-row .form-field > input[type="text"][readonly]:-ms-input-placeholder,
    .form-row .form-field > input[type="time"][disabled]:-ms-input-placeholder,
    .form-row .form-field > input[type="time"][readonly]:-ms-input-placeholder,
    .form-row .form-field > input[type="url"][disabled]:-ms-input-placeholder,
    .form-row .form-field > input[type="url"][readonly]:-ms-input-placeholder,
    .form-row .form-field > input[type="week"][disabled]:-ms-input-placeholder,
    .form-row .form-field > input[type="week"][readonly]:-ms-input-placeholder,
    .form-row .form-field > input:not([type])[disabled]:-ms-input-placeholder,
    .form-row .form-field > input:not([type])[readonly]:-ms-input-placeholder,
    .form-row .form-field > textarea[disabled]:-ms-input-placeholder,
    .form-row .form-field > textarea[readonly]:-ms-input-placeholder {
      color: #b3b3b3; }
  .form-row .form-field > input[type="color"]::-webkit-input-placeholder,
  .form-row .form-field > input[type="date"]::-webkit-input-placeholder,
  .form-row .form-field > input[type="datetime"]::-webkit-input-placeholder,
  .form-row .form-field > input[type="datetime-local"]::-webkit-input-placeholder,
  .form-row .form-field > input[type="email"]::-webkit-input-placeholder,
  .form-row .form-field > input[type="month"]::-webkit-input-placeholder,
  .form-row .form-field > input[type="number"]::-webkit-input-placeholder,
  .form-row .form-field > input[type="password"]::-webkit-input-placeholder,
  .form-row .form-field > input[type="search"]::-webkit-input-placeholder,
  .form-row .form-field > input[type="tel"]::-webkit-input-placeholder,
  .form-row .form-field > input[type="text"]::-webkit-input-placeholder,
  .form-row .form-field > input[type="time"]::-webkit-input-placeholder,
  .form-row .form-field > input[type="url"]::-webkit-input-placeholder,
  .form-row .form-field > input[type="week"]::-webkit-input-placeholder,
  .form-row .form-field > input:not([type])::-webkit-input-placeholder,
  .form-row .form-field > textarea::-webkit-input-placeholder {
    color: #b3b3b3; }
  .form-row .form-field > input[type="color"]::-moz-placeholder,
  .form-row .form-field > input[type="date"]::-moz-placeholder,
  .form-row .form-field > input[type="datetime"]::-moz-placeholder,
  .form-row .form-field > input[type="datetime-local"]::-moz-placeholder,
  .form-row .form-field > input[type="email"]::-moz-placeholder,
  .form-row .form-field > input[type="month"]::-moz-placeholder,
  .form-row .form-field > input[type="number"]::-moz-placeholder,
  .form-row .form-field > input[type="password"]::-moz-placeholder,
  .form-row .form-field > input[type="search"]::-moz-placeholder,
  .form-row .form-field > input[type="tel"]::-moz-placeholder,
  .form-row .form-field > input[type="text"]::-moz-placeholder,
  .form-row .form-field > input[type="time"]::-moz-placeholder,
  .form-row .form-field > input[type="url"]::-moz-placeholder,
  .form-row .form-field > input[type="week"]::-moz-placeholder,
  .form-row .form-field > input:not([type])::-moz-placeholder,
  .form-row .form-field > textarea::-moz-placeholder {
    color: #b3b3b3; }
  .form-row .form-field > input[type="color"]:-moz-placeholder,
  .form-row .form-field > input[type="date"]:-moz-placeholder,
  .form-row .form-field > input[type="datetime"]:-moz-placeholder,
  .form-row .form-field > input[type="datetime-local"]:-moz-placeholder,
  .form-row .form-field > input[type="email"]:-moz-placeholder,
  .form-row .form-field > input[type="month"]:-moz-placeholder,
  .form-row .form-field > input[type="number"]:-moz-placeholder,
  .form-row .form-field > input[type="password"]:-moz-placeholder,
  .form-row .form-field > input[type="search"]:-moz-placeholder,
  .form-row .form-field > input[type="tel"]:-moz-placeholder,
  .form-row .form-field > input[type="text"]:-moz-placeholder,
  .form-row .form-field > input[type="time"]:-moz-placeholder,
  .form-row .form-field > input[type="url"]:-moz-placeholder,
  .form-row .form-field > input[type="week"]:-moz-placeholder,
  .form-row .form-field > input:not([type]):-moz-placeholder,
  .form-row .form-field > textarea:-moz-placeholder {
    color: #b3b3b3; }
  .form-row .form-field > input[type="color"]:-ms-input-placeholder,
  .form-row .form-field > input[type="date"]:-ms-input-placeholder,
  .form-row .form-field > input[type="datetime"]:-ms-input-placeholder,
  .form-row .form-field > input[type="datetime-local"]:-ms-input-placeholder,
  .form-row .form-field > input[type="email"]:-ms-input-placeholder,
  .form-row .form-field > input[type="month"]:-ms-input-placeholder,
  .form-row .form-field > input[type="number"]:-ms-input-placeholder,
  .form-row .form-field > input[type="password"]:-ms-input-placeholder,
  .form-row .form-field > input[type="search"]:-ms-input-placeholder,
  .form-row .form-field > input[type="tel"]:-ms-input-placeholder,
  .form-row .form-field > input[type="text"]:-ms-input-placeholder,
  .form-row .form-field > input[type="time"]:-ms-input-placeholder,
  .form-row .form-field > input[type="url"]:-ms-input-placeholder,
  .form-row .form-field > input[type="week"]:-ms-input-placeholder,
  .form-row .form-field > input:not([type]):-ms-input-placeholder,
  .form-row .form-field > textarea:-ms-input-placeholder {
    color: #b3b3b3; }

.form-row.error .form-field > input[type="color"],
.form-row.error .form-field > input[type="date"],
.form-row.error .form-field > input[type="datetime"],
.form-row.error .form-field > input[type="datetime-local"],
.form-row.error .form-field > input[type="email"],
.form-row.error .form-field > input[type="month"],
.form-row.error .form-field > input[type="number"],
.form-row.error .form-field > input[type="password"],
.form-row.error .form-field > input[type="search"],
.form-row.error .form-field > input[type="tel"],
.form-row.error .form-field > input[type="text"],
.form-row.error .form-field > input[type="time"],
.form-row.error .form-field > input[type="url"],
.form-row.error .form-field > input[type="week"],
.form-row.error .form-field > input:not([type]),
.form-row.error .form-field > textarea {
  background: #fce8e8;
  border-color: #e61a1a;
  box-shadow: 0 0 0 1px #e61a1a; }
  .form-row.error .form-field > input[type="color"]::-webkit-input-placeholder,
  .form-row.error .form-field > input[type="date"]::-webkit-input-placeholder,
  .form-row.error .form-field > input[type="datetime"]::-webkit-input-placeholder,
  .form-row.error .form-field > input[type="datetime-local"]::-webkit-input-placeholder,
  .form-row.error .form-field > input[type="email"]::-webkit-input-placeholder,
  .form-row.error .form-field > input[type="month"]::-webkit-input-placeholder,
  .form-row.error .form-field > input[type="number"]::-webkit-input-placeholder,
  .form-row.error .form-field > input[type="password"]::-webkit-input-placeholder,
  .form-row.error .form-field > input[type="search"]::-webkit-input-placeholder,
  .form-row.error .form-field > input[type="tel"]::-webkit-input-placeholder,
  .form-row.error .form-field > input[type="text"]::-webkit-input-placeholder,
  .form-row.error .form-field > input[type="time"]::-webkit-input-placeholder,
  .form-row.error .form-field > input[type="url"]::-webkit-input-placeholder,
  .form-row.error .form-field > input[type="week"]::-webkit-input-placeholder,
  .form-row.error .form-field > input:not([type])::-webkit-input-placeholder,
  .form-row.error .form-field > textarea::-webkit-input-placeholder {
    color: #f7baba; }
  .form-row.error .form-field > input[type="color"]::-moz-placeholder,
  .form-row.error .form-field > input[type="date"]::-moz-placeholder,
  .form-row.error .form-field > input[type="datetime"]::-moz-placeholder,
  .form-row.error .form-field > input[type="datetime-local"]::-moz-placeholder,
  .form-row.error .form-field > input[type="email"]::-moz-placeholder,
  .form-row.error .form-field > input[type="month"]::-moz-placeholder,
  .form-row.error .form-field > input[type="number"]::-moz-placeholder,
  .form-row.error .form-field > input[type="password"]::-moz-placeholder,
  .form-row.error .form-field > input[type="search"]::-moz-placeholder,
  .form-row.error .form-field > input[type="tel"]::-moz-placeholder,
  .form-row.error .form-field > input[type="text"]::-moz-placeholder,
  .form-row.error .form-field > input[type="time"]::-moz-placeholder,
  .form-row.error .form-field > input[type="url"]::-moz-placeholder,
  .form-row.error .form-field > input[type="week"]::-moz-placeholder,
  .form-row.error .form-field > input:not([type])::-moz-placeholder,
  .form-row.error .form-field > textarea::-moz-placeholder {
    color: #f7baba; }
  .form-row.error .form-field > input[type="color"]:-moz-placeholder,
  .form-row.error .form-field > input[type="date"]:-moz-placeholder,
  .form-row.error .form-field > input[type="datetime"]:-moz-placeholder,
  .form-row.error .form-field > input[type="datetime-local"]:-moz-placeholder,
  .form-row.error .form-field > input[type="email"]:-moz-placeholder,
  .form-row.error .form-field > input[type="month"]:-moz-placeholder,
  .form-row.error .form-field > input[type="number"]:-moz-placeholder,
  .form-row.error .form-field > input[type="password"]:-moz-placeholder,
  .form-row.error .form-field > input[type="search"]:-moz-placeholder,
  .form-row.error .form-field > input[type="tel"]:-moz-placeholder,
  .form-row.error .form-field > input[type="text"]:-moz-placeholder,
  .form-row.error .form-field > input[type="time"]:-moz-placeholder,
  .form-row.error .form-field > input[type="url"]:-moz-placeholder,
  .form-row.error .form-field > input[type="week"]:-moz-placeholder,
  .form-row.error .form-field > input:not([type]):-moz-placeholder,
  .form-row.error .form-field > textarea:-moz-placeholder {
    color: #f7baba; }
  .form-row.error .form-field > input[type="color"]:-ms-input-placeholder,
  .form-row.error .form-field > input[type="date"]:-ms-input-placeholder,
  .form-row.error .form-field > input[type="datetime"]:-ms-input-placeholder,
  .form-row.error .form-field > input[type="datetime-local"]:-ms-input-placeholder,
  .form-row.error .form-field > input[type="email"]:-ms-input-placeholder,
  .form-row.error .form-field > input[type="month"]:-ms-input-placeholder,
  .form-row.error .form-field > input[type="number"]:-ms-input-placeholder,
  .form-row.error .form-field > input[type="password"]:-ms-input-placeholder,
  .form-row.error .form-field > input[type="search"]:-ms-input-placeholder,
  .form-row.error .form-field > input[type="tel"]:-ms-input-placeholder,
  .form-row.error .form-field > input[type="text"]:-ms-input-placeholder,
  .form-row.error .form-field > input[type="time"]:-ms-input-placeholder,
  .form-row.error .form-field > input[type="url"]:-ms-input-placeholder,
  .form-row.error .form-field > input[type="week"]:-ms-input-placeholder,
  .form-row.error .form-field > input:not([type]):-ms-input-placeholder,
  .form-row.error .form-field > textarea:-ms-input-placeholder {
    color: #f7baba; }

.form-row.warning .form-field > input[type="color"],
.form-row.warning .form-field > input[type="date"],
.form-row.warning .form-field > input[type="datetime"],
.form-row.warning .form-field > input[type="datetime-local"],
.form-row.warning .form-field > input[type="email"],
.form-row.warning .form-field > input[type="month"],
.form-row.warning .form-field > input[type="number"],
.form-row.warning .form-field > input[type="password"],
.form-row.warning .form-field > input[type="search"],
.form-row.warning .form-field > input[type="tel"],
.form-row.warning .form-field > input[type="text"],
.form-row.warning .form-field > input[type="time"],
.form-row.warning .form-field > input[type="url"],
.form-row.warning .form-field > input[type="week"],
.form-row.warning .form-field > input:not([type]),
.form-row.warning .form-field > textarea {
  background: #fff1e6;
  border-color: #ff7700;
  box-shadow: 0 0 0 1px #ff7700; }
  .form-row.warning .form-field > input[type="color"]::-webkit-input-placeholder,
  .form-row.warning .form-field > input[type="date"]::-webkit-input-placeholder,
  .form-row.warning .form-field > input[type="datetime"]::-webkit-input-placeholder,
  .form-row.warning .form-field > input[type="datetime-local"]::-webkit-input-placeholder,
  .form-row.warning .form-field > input[type="email"]::-webkit-input-placeholder,
  .form-row.warning .form-field > input[type="month"]::-webkit-input-placeholder,
  .form-row.warning .form-field > input[type="number"]::-webkit-input-placeholder,
  .form-row.warning .form-field > input[type="password"]::-webkit-input-placeholder,
  .form-row.warning .form-field > input[type="search"]::-webkit-input-placeholder,
  .form-row.warning .form-field > input[type="tel"]::-webkit-input-placeholder,
  .form-row.warning .form-field > input[type="text"]::-webkit-input-placeholder,
  .form-row.warning .form-field > input[type="time"]::-webkit-input-placeholder,
  .form-row.warning .form-field > input[type="url"]::-webkit-input-placeholder,
  .form-row.warning .form-field > input[type="week"]::-webkit-input-placeholder,
  .form-row.warning .form-field > input:not([type])::-webkit-input-placeholder,
  .form-row.warning .form-field > textarea::-webkit-input-placeholder {
    color: #ffd6b3; }
  .form-row.warning .form-field > input[type="color"]::-moz-placeholder,
  .form-row.warning .form-field > input[type="date"]::-moz-placeholder,
  .form-row.warning .form-field > input[type="datetime"]::-moz-placeholder,
  .form-row.warning .form-field > input[type="datetime-local"]::-moz-placeholder,
  .form-row.warning .form-field > input[type="email"]::-moz-placeholder,
  .form-row.warning .form-field > input[type="month"]::-moz-placeholder,
  .form-row.warning .form-field > input[type="number"]::-moz-placeholder,
  .form-row.warning .form-field > input[type="password"]::-moz-placeholder,
  .form-row.warning .form-field > input[type="search"]::-moz-placeholder,
  .form-row.warning .form-field > input[type="tel"]::-moz-placeholder,
  .form-row.warning .form-field > input[type="text"]::-moz-placeholder,
  .form-row.warning .form-field > input[type="time"]::-moz-placeholder,
  .form-row.warning .form-field > input[type="url"]::-moz-placeholder,
  .form-row.warning .form-field > input[type="week"]::-moz-placeholder,
  .form-row.warning .form-field > input:not([type])::-moz-placeholder,
  .form-row.warning .form-field > textarea::-moz-placeholder {
    color: #ffd6b3; }
  .form-row.warning .form-field > input[type="color"]:-moz-placeholder,
  .form-row.warning .form-field > input[type="date"]:-moz-placeholder,
  .form-row.warning .form-field > input[type="datetime"]:-moz-placeholder,
  .form-row.warning .form-field > input[type="datetime-local"]:-moz-placeholder,
  .form-row.warning .form-field > input[type="email"]:-moz-placeholder,
  .form-row.warning .form-field > input[type="month"]:-moz-placeholder,
  .form-row.warning .form-field > input[type="number"]:-moz-placeholder,
  .form-row.warning .form-field > input[type="password"]:-moz-placeholder,
  .form-row.warning .form-field > input[type="search"]:-moz-placeholder,
  .form-row.warning .form-field > input[type="tel"]:-moz-placeholder,
  .form-row.warning .form-field > input[type="text"]:-moz-placeholder,
  .form-row.warning .form-field > input[type="time"]:-moz-placeholder,
  .form-row.warning .form-field > input[type="url"]:-moz-placeholder,
  .form-row.warning .form-field > input[type="week"]:-moz-placeholder,
  .form-row.warning .form-field > input:not([type]):-moz-placeholder,
  .form-row.warning .form-field > textarea:-moz-placeholder {
    color: #ffd6b3; }
  .form-row.warning .form-field > input[type="color"]:-ms-input-placeholder,
  .form-row.warning .form-field > input[type="date"]:-ms-input-placeholder,
  .form-row.warning .form-field > input[type="datetime"]:-ms-input-placeholder,
  .form-row.warning .form-field > input[type="datetime-local"]:-ms-input-placeholder,
  .form-row.warning .form-field > input[type="email"]:-ms-input-placeholder,
  .form-row.warning .form-field > input[type="month"]:-ms-input-placeholder,
  .form-row.warning .form-field > input[type="number"]:-ms-input-placeholder,
  .form-row.warning .form-field > input[type="password"]:-ms-input-placeholder,
  .form-row.warning .form-field > input[type="search"]:-ms-input-placeholder,
  .form-row.warning .form-field > input[type="tel"]:-ms-input-placeholder,
  .form-row.warning .form-field > input[type="text"]:-ms-input-placeholder,
  .form-row.warning .form-field > input[type="time"]:-ms-input-placeholder,
  .form-row.warning .form-field > input[type="url"]:-ms-input-placeholder,
  .form-row.warning .form-field > input[type="week"]:-ms-input-placeholder,
  .form-row.warning .form-field > input:not([type]):-ms-input-placeholder,
  .form-row.warning .form-field > textarea:-ms-input-placeholder {
    color: #ffd6b3; }

.form-row.success .form-field > input[type="color"],
.form-row.success .form-field > input[type="date"],
.form-row.success .form-field > input[type="datetime"],
.form-row.success .form-field > input[type="datetime-local"],
.form-row.success .form-field > input[type="email"],
.form-row.success .form-field > input[type="month"],
.form-row.success .form-field > input[type="number"],
.form-row.success .form-field > input[type="password"],
.form-row.success .form-field > input[type="search"],
.form-row.success .form-field > input[type="tel"],
.form-row.success .form-field > input[type="text"],
.form-row.success .form-field > input[type="time"],
.form-row.success .form-field > input[type="url"],
.form-row.success .form-field > input[type="week"],
.form-row.success .form-field > input:not([type]),
.form-row.success .form-field > textarea {
  background: #edf8ed;
  border-color: #50b649;
  box-shadow: 0 0 0 1px #50b649; }
  .form-row.success .form-field > input[type="color"]::-webkit-input-placeholder,
  .form-row.success .form-field > input[type="date"]::-webkit-input-placeholder,
  .form-row.success .form-field > input[type="datetime"]::-webkit-input-placeholder,
  .form-row.success .form-field > input[type="datetime-local"]::-webkit-input-placeholder,
  .form-row.success .form-field > input[type="email"]::-webkit-input-placeholder,
  .form-row.success .form-field > input[type="month"]::-webkit-input-placeholder,
  .form-row.success .form-field > input[type="number"]::-webkit-input-placeholder,
  .form-row.success .form-field > input[type="password"]::-webkit-input-placeholder,
  .form-row.success .form-field > input[type="search"]::-webkit-input-placeholder,
  .form-row.success .form-field > input[type="tel"]::-webkit-input-placeholder,
  .form-row.success .form-field > input[type="text"]::-webkit-input-placeholder,
  .form-row.success .form-field > input[type="time"]::-webkit-input-placeholder,
  .form-row.success .form-field > input[type="url"]::-webkit-input-placeholder,
  .form-row.success .form-field > input[type="week"]::-webkit-input-placeholder,
  .form-row.success .form-field > input:not([type])::-webkit-input-placeholder,
  .form-row.success .form-field > textarea::-webkit-input-placeholder {
    color: #cae9c8; }
  .form-row.success .form-field > input[type="color"]::-moz-placeholder,
  .form-row.success .form-field > input[type="date"]::-moz-placeholder,
  .form-row.success .form-field > input[type="datetime"]::-moz-placeholder,
  .form-row.success .form-field > input[type="datetime-local"]::-moz-placeholder,
  .form-row.success .form-field > input[type="email"]::-moz-placeholder,
  .form-row.success .form-field > input[type="month"]::-moz-placeholder,
  .form-row.success .form-field > input[type="number"]::-moz-placeholder,
  .form-row.success .form-field > input[type="password"]::-moz-placeholder,
  .form-row.success .form-field > input[type="search"]::-moz-placeholder,
  .form-row.success .form-field > input[type="tel"]::-moz-placeholder,
  .form-row.success .form-field > input[type="text"]::-moz-placeholder,
  .form-row.success .form-field > input[type="time"]::-moz-placeholder,
  .form-row.success .form-field > input[type="url"]::-moz-placeholder,
  .form-row.success .form-field > input[type="week"]::-moz-placeholder,
  .form-row.success .form-field > input:not([type])::-moz-placeholder,
  .form-row.success .form-field > textarea::-moz-placeholder {
    color: #cae9c8; }
  .form-row.success .form-field > input[type="color"]:-moz-placeholder,
  .form-row.success .form-field > input[type="date"]:-moz-placeholder,
  .form-row.success .form-field > input[type="datetime"]:-moz-placeholder,
  .form-row.success .form-field > input[type="datetime-local"]:-moz-placeholder,
  .form-row.success .form-field > input[type="email"]:-moz-placeholder,
  .form-row.success .form-field > input[type="month"]:-moz-placeholder,
  .form-row.success .form-field > input[type="number"]:-moz-placeholder,
  .form-row.success .form-field > input[type="password"]:-moz-placeholder,
  .form-row.success .form-field > input[type="search"]:-moz-placeholder,
  .form-row.success .form-field > input[type="tel"]:-moz-placeholder,
  .form-row.success .form-field > input[type="text"]:-moz-placeholder,
  .form-row.success .form-field > input[type="time"]:-moz-placeholder,
  .form-row.success .form-field > input[type="url"]:-moz-placeholder,
  .form-row.success .form-field > input[type="week"]:-moz-placeholder,
  .form-row.success .form-field > input:not([type]):-moz-placeholder,
  .form-row.success .form-field > textarea:-moz-placeholder {
    color: #cae9c8; }
  .form-row.success .form-field > input[type="color"]:-ms-input-placeholder,
  .form-row.success .form-field > input[type="date"]:-ms-input-placeholder,
  .form-row.success .form-field > input[type="datetime"]:-ms-input-placeholder,
  .form-row.success .form-field > input[type="datetime-local"]:-ms-input-placeholder,
  .form-row.success .form-field > input[type="email"]:-ms-input-placeholder,
  .form-row.success .form-field > input[type="month"]:-ms-input-placeholder,
  .form-row.success .form-field > input[type="number"]:-ms-input-placeholder,
  .form-row.success .form-field > input[type="password"]:-ms-input-placeholder,
  .form-row.success .form-field > input[type="search"]:-ms-input-placeholder,
  .form-row.success .form-field > input[type="tel"]:-ms-input-placeholder,
  .form-row.success .form-field > input[type="text"]:-ms-input-placeholder,
  .form-row.success .form-field > input[type="time"]:-ms-input-placeholder,
  .form-row.success .form-field > input[type="url"]:-ms-input-placeholder,
  .form-row.success .form-field > input[type="week"]:-ms-input-placeholder,
  .form-row.success .form-field > input:not([type]):-ms-input-placeholder,
  .form-row.success .form-field > textarea:-ms-input-placeholder {
    color: #cae9c8; }

.form-row.dirty .form-field > input[type="color"],
.form-row.dirty .form-field > input[type="date"],
.form-row.dirty .form-field > input[type="datetime"],
.form-row.dirty .form-field > input[type="datetime-local"],
.form-row.dirty .form-field > input[type="email"],
.form-row.dirty .form-field > input[type="month"],
.form-row.dirty .form-field > input[type="number"],
.form-row.dirty .form-field > input[type="password"],
.form-row.dirty .form-field > input[type="search"],
.form-row.dirty .form-field > input[type="tel"],
.form-row.dirty .form-field > input[type="text"],
.form-row.dirty .form-field > input[type="time"],
.form-row.dirty .form-field > input[type="url"],
.form-row.dirty .form-field > input[type="week"],
.form-row.dirty .form-field > input:not([type]),
.form-row.dirty .form-field > textarea {
  background: #e6f5ff;
  border-color: #009dff;
  box-shadow: 0 0 0 1px #009dff; }

.form-row.inverted .form-field > input[type="color"],
.form-row.inverted .form-field > input[type="date"],
.form-row.inverted .form-field > input[type="datetime"],
.form-row.inverted .form-field > input[type="datetime-local"],
.form-row.inverted .form-field > input[type="email"],
.form-row.inverted .form-field > input[type="month"],
.form-row.inverted .form-field > input[type="number"],
.form-row.inverted .form-field > input[type="password"],
.form-row.inverted .form-field > input[type="search"],
.form-row.inverted .form-field > input[type="tel"],
.form-row.inverted .form-field > input[type="text"],
.form-row.inverted .form-field > input[type="time"],
.form-row.inverted .form-field > input[type="url"],
.form-row.inverted .form-field > input[type="week"],
.form-row.inverted .form-field > input:not([type]),
.form-row.inverted .form-field > textarea {
  color: #262626;
  background: white;
  border-color: white; }
  .form-row.inverted .form-field > input[type="color"]:focus,
  .form-row.inverted .form-field > input[type="date"]:focus,
  .form-row.inverted .form-field > input[type="datetime"]:focus,
  .form-row.inverted .form-field > input[type="datetime-local"]:focus,
  .form-row.inverted .form-field > input[type="email"]:focus,
  .form-row.inverted .form-field > input[type="month"]:focus,
  .form-row.inverted .form-field > input[type="number"]:focus,
  .form-row.inverted .form-field > input[type="password"]:focus,
  .form-row.inverted .form-field > input[type="search"]:focus,
  .form-row.inverted .form-field > input[type="tel"]:focus,
  .form-row.inverted .form-field > input[type="text"]:focus,
  .form-row.inverted .form-field > input[type="time"]:focus,
  .form-row.inverted .form-field > input[type="url"]:focus,
  .form-row.inverted .form-field > input[type="week"]:focus,
  .form-row.inverted .form-field > input:not([type]):focus,
  .form-row.inverted .form-field > textarea:focus {
    color: black;
    background: #e6e6e6;
    border-color: white; }
  .form-row.inverted .form-field > input[type="color"][disabled], .form-row.inverted .form-field > input[type="color"][readonly],
  .form-row.inverted .form-field > input[type="date"][disabled],
  .form-row.inverted .form-field > input[type="date"][readonly],
  .form-row.inverted .form-field > input[type="datetime"][disabled],
  .form-row.inverted .form-field > input[type="datetime"][readonly],
  .form-row.inverted .form-field > input[type="datetime-local"][disabled],
  .form-row.inverted .form-field > input[type="datetime-local"][readonly],
  .form-row.inverted .form-field > input[type="email"][disabled],
  .form-row.inverted .form-field > input[type="email"][readonly],
  .form-row.inverted .form-field > input[type="month"][disabled],
  .form-row.inverted .form-field > input[type="month"][readonly],
  .form-row.inverted .form-field > input[type="number"][disabled],
  .form-row.inverted .form-field > input[type="number"][readonly],
  .form-row.inverted .form-field > input[type="password"][disabled],
  .form-row.inverted .form-field > input[type="password"][readonly],
  .form-row.inverted .form-field > input[type="search"][disabled],
  .form-row.inverted .form-field > input[type="search"][readonly],
  .form-row.inverted .form-field > input[type="tel"][disabled],
  .form-row.inverted .form-field > input[type="tel"][readonly],
  .form-row.inverted .form-field > input[type="text"][disabled],
  .form-row.inverted .form-field > input[type="text"][readonly],
  .form-row.inverted .form-field > input[type="time"][disabled],
  .form-row.inverted .form-field > input[type="time"][readonly],
  .form-row.inverted .form-field > input[type="url"][disabled],
  .form-row.inverted .form-field > input[type="url"][readonly],
  .form-row.inverted .form-field > input[type="week"][disabled],
  .form-row.inverted .form-field > input[type="week"][readonly],
  .form-row.inverted .form-field > input:not([type])[disabled],
  .form-row.inverted .form-field > input:not([type])[readonly],
  .form-row.inverted .form-field > textarea[disabled],
  .form-row.inverted .form-field > textarea[readonly] {
    color: #b3b3b3;
    background: white;
    border-color: white; }
    .form-row.inverted .form-field > input[type="color"][disabled]::-webkit-input-placeholder, .form-row.inverted .form-field > input[type="color"][readonly]::-webkit-input-placeholder,
    .form-row.inverted .form-field > input[type="date"][disabled]::-webkit-input-placeholder,
    .form-row.inverted .form-field > input[type="date"][readonly]::-webkit-input-placeholder,
    .form-row.inverted .form-field > input[type="datetime"][disabled]::-webkit-input-placeholder,
    .form-row.inverted .form-field > input[type="datetime"][readonly]::-webkit-input-placeholder,
    .form-row.inverted .form-field > input[type="datetime-local"][disabled]::-webkit-input-placeholder,
    .form-row.inverted .form-field > input[type="datetime-local"][readonly]::-webkit-input-placeholder,
    .form-row.inverted .form-field > input[type="email"][disabled]::-webkit-input-placeholder,
    .form-row.inverted .form-field > input[type="email"][readonly]::-webkit-input-placeholder,
    .form-row.inverted .form-field > input[type="month"][disabled]::-webkit-input-placeholder,
    .form-row.inverted .form-field > input[type="month"][readonly]::-webkit-input-placeholder,
    .form-row.inverted .form-field > input[type="number"][disabled]::-webkit-input-placeholder,
    .form-row.inverted .form-field > input[type="number"][readonly]::-webkit-input-placeholder,
    .form-row.inverted .form-field > input[type="password"][disabled]::-webkit-input-placeholder,
    .form-row.inverted .form-field > input[type="password"][readonly]::-webkit-input-placeholder,
    .form-row.inverted .form-field > input[type="search"][disabled]::-webkit-input-placeholder,
    .form-row.inverted .form-field > input[type="search"][readonly]::-webkit-input-placeholder,
    .form-row.inverted .form-field > input[type="tel"][disabled]::-webkit-input-placeholder,
    .form-row.inverted .form-field > input[type="tel"][readonly]::-webkit-input-placeholder,
    .form-row.inverted .form-field > input[type="text"][disabled]::-webkit-input-placeholder,
    .form-row.inverted .form-field > input[type="text"][readonly]::-webkit-input-placeholder,
    .form-row.inverted .form-field > input[type="time"][disabled]::-webkit-input-placeholder,
    .form-row.inverted .form-field > input[type="time"][readonly]::-webkit-input-placeholder,
    .form-row.inverted .form-field > input[type="url"][disabled]::-webkit-input-placeholder,
    .form-row.inverted .form-field > input[type="url"][readonly]::-webkit-input-placeholder,
    .form-row.inverted .form-field > input[type="week"][disabled]::-webkit-input-placeholder,
    .form-row.inverted .form-field > input[type="week"][readonly]::-webkit-input-placeholder,
    .form-row.inverted .form-field > input:not([type])[disabled]::-webkit-input-placeholder,
    .form-row.inverted .form-field > input:not([type])[readonly]::-webkit-input-placeholder,
    .form-row.inverted .form-field > textarea[disabled]::-webkit-input-placeholder,
    .form-row.inverted .form-field > textarea[readonly]::-webkit-input-placeholder {
      color: #b3b3b3; }
    .form-row.inverted .form-field > input[type="color"][disabled]::-moz-placeholder, .form-row.inverted .form-field > input[type="color"][readonly]::-moz-placeholder,
    .form-row.inverted .form-field > input[type="date"][disabled]::-moz-placeholder,
    .form-row.inverted .form-field > input[type="date"][readonly]::-moz-placeholder,
    .form-row.inverted .form-field > input[type="datetime"][disabled]::-moz-placeholder,
    .form-row.inverted .form-field > input[type="datetime"][readonly]::-moz-placeholder,
    .form-row.inverted .form-field > input[type="datetime-local"][disabled]::-moz-placeholder,
    .form-row.inverted .form-field > input[type="datetime-local"][readonly]::-moz-placeholder,
    .form-row.inverted .form-field > input[type="email"][disabled]::-moz-placeholder,
    .form-row.inverted .form-field > input[type="email"][readonly]::-moz-placeholder,
    .form-row.inverted .form-field > input[type="month"][disabled]::-moz-placeholder,
    .form-row.inverted .form-field > input[type="month"][readonly]::-moz-placeholder,
    .form-row.inverted .form-field > input[type="number"][disabled]::-moz-placeholder,
    .form-row.inverted .form-field > input[type="number"][readonly]::-moz-placeholder,
    .form-row.inverted .form-field > input[type="password"][disabled]::-moz-placeholder,
    .form-row.inverted .form-field > input[type="password"][readonly]::-moz-placeholder,
    .form-row.inverted .form-field > input[type="search"][disabled]::-moz-placeholder,
    .form-row.inverted .form-field > input[type="search"][readonly]::-moz-placeholder,
    .form-row.inverted .form-field > input[type="tel"][disabled]::-moz-placeholder,
    .form-row.inverted .form-field > input[type="tel"][readonly]::-moz-placeholder,
    .form-row.inverted .form-field > input[type="text"][disabled]::-moz-placeholder,
    .form-row.inverted .form-field > input[type="text"][readonly]::-moz-placeholder,
    .form-row.inverted .form-field > input[type="time"][disabled]::-moz-placeholder,
    .form-row.inverted .form-field > input[type="time"][readonly]::-moz-placeholder,
    .form-row.inverted .form-field > input[type="url"][disabled]::-moz-placeholder,
    .form-row.inverted .form-field > input[type="url"][readonly]::-moz-placeholder,
    .form-row.inverted .form-field > input[type="week"][disabled]::-moz-placeholder,
    .form-row.inverted .form-field > input[type="week"][readonly]::-moz-placeholder,
    .form-row.inverted .form-field > input:not([type])[disabled]::-moz-placeholder,
    .form-row.inverted .form-field > input:not([type])[readonly]::-moz-placeholder,
    .form-row.inverted .form-field > textarea[disabled]::-moz-placeholder,
    .form-row.inverted .form-field > textarea[readonly]::-moz-placeholder {
      color: #b3b3b3; }
    .form-row.inverted .form-field > input[type="color"][disabled]:-moz-placeholder, .form-row.inverted .form-field > input[type="color"][readonly]:-moz-placeholder,
    .form-row.inverted .form-field > input[type="date"][disabled]:-moz-placeholder,
    .form-row.inverted .form-field > input[type="date"][readonly]:-moz-placeholder,
    .form-row.inverted .form-field > input[type="datetime"][disabled]:-moz-placeholder,
    .form-row.inverted .form-field > input[type="datetime"][readonly]:-moz-placeholder,
    .form-row.inverted .form-field > input[type="datetime-local"][disabled]:-moz-placeholder,
    .form-row.inverted .form-field > input[type="datetime-local"][readonly]:-moz-placeholder,
    .form-row.inverted .form-field > input[type="email"][disabled]:-moz-placeholder,
    .form-row.inverted .form-field > input[type="email"][readonly]:-moz-placeholder,
    .form-row.inverted .form-field > input[type="month"][disabled]:-moz-placeholder,
    .form-row.inverted .form-field > input[type="month"][readonly]:-moz-placeholder,
    .form-row.inverted .form-field > input[type="number"][disabled]:-moz-placeholder,
    .form-row.inverted .form-field > input[type="number"][readonly]:-moz-placeholder,
    .form-row.inverted .form-field > input[type="password"][disabled]:-moz-placeholder,
    .form-row.inverted .form-field > input[type="password"][readonly]:-moz-placeholder,
    .form-row.inverted .form-field > input[type="search"][disabled]:-moz-placeholder,
    .form-row.inverted .form-field > input[type="search"][readonly]:-moz-placeholder,
    .form-row.inverted .form-field > input[type="tel"][disabled]:-moz-placeholder,
    .form-row.inverted .form-field > input[type="tel"][readonly]:-moz-placeholder,
    .form-row.inverted .form-field > input[type="text"][disabled]:-moz-placeholder,
    .form-row.inverted .form-field > input[type="text"][readonly]:-moz-placeholder,
    .form-row.inverted .form-field > input[type="time"][disabled]:-moz-placeholder,
    .form-row.inverted .form-field > input[type="time"][readonly]:-moz-placeholder,
    .form-row.inverted .form-field > input[type="url"][disabled]:-moz-placeholder,
    .form-row.inverted .form-field > input[type="url"][readonly]:-moz-placeholder,
    .form-row.inverted .form-field > input[type="week"][disabled]:-moz-placeholder,
    .form-row.inverted .form-field > input[type="week"][readonly]:-moz-placeholder,
    .form-row.inverted .form-field > input:not([type])[disabled]:-moz-placeholder,
    .form-row.inverted .form-field > input:not([type])[readonly]:-moz-placeholder,
    .form-row.inverted .form-field > textarea[disabled]:-moz-placeholder,
    .form-row.inverted .form-field > textarea[readonly]:-moz-placeholder {
      color: #b3b3b3; }
    .form-row.inverted .form-field > input[type="color"][disabled]:-ms-input-placeholder, .form-row.inverted .form-field > input[type="color"][readonly]:-ms-input-placeholder,
    .form-row.inverted .form-field > input[type="date"][disabled]:-ms-input-placeholder,
    .form-row.inverted .form-field > input[type="date"][readonly]:-ms-input-placeholder,
    .form-row.inverted .form-field > input[type="datetime"][disabled]:-ms-input-placeholder,
    .form-row.inverted .form-field > input[type="datetime"][readonly]:-ms-input-placeholder,
    .form-row.inverted .form-field > input[type="datetime-local"][disabled]:-ms-input-placeholder,
    .form-row.inverted .form-field > input[type="datetime-local"][readonly]:-ms-input-placeholder,
    .form-row.inverted .form-field > input[type="email"][disabled]:-ms-input-placeholder,
    .form-row.inverted .form-field > input[type="email"][readonly]:-ms-input-placeholder,
    .form-row.inverted .form-field > input[type="month"][disabled]:-ms-input-placeholder,
    .form-row.inverted .form-field > input[type="month"][readonly]:-ms-input-placeholder,
    .form-row.inverted .form-field > input[type="number"][disabled]:-ms-input-placeholder,
    .form-row.inverted .form-field > input[type="number"][readonly]:-ms-input-placeholder,
    .form-row.inverted .form-field > input[type="password"][disabled]:-ms-input-placeholder,
    .form-row.inverted .form-field > input[type="password"][readonly]:-ms-input-placeholder,
    .form-row.inverted .form-field > input[type="search"][disabled]:-ms-input-placeholder,
    .form-row.inverted .form-field > input[type="search"][readonly]:-ms-input-placeholder,
    .form-row.inverted .form-field > input[type="tel"][disabled]:-ms-input-placeholder,
    .form-row.inverted .form-field > input[type="tel"][readonly]:-ms-input-placeholder,
    .form-row.inverted .form-field > input[type="text"][disabled]:-ms-input-placeholder,
    .form-row.inverted .form-field > input[type="text"][readonly]:-ms-input-placeholder,
    .form-row.inverted .form-field > input[type="time"][disabled]:-ms-input-placeholder,
    .form-row.inverted .form-field > input[type="time"][readonly]:-ms-input-placeholder,
    .form-row.inverted .form-field > input[type="url"][disabled]:-ms-input-placeholder,
    .form-row.inverted .form-field > input[type="url"][readonly]:-ms-input-placeholder,
    .form-row.inverted .form-field > input[type="week"][disabled]:-ms-input-placeholder,
    .form-row.inverted .form-field > input[type="week"][readonly]:-ms-input-placeholder,
    .form-row.inverted .form-field > input:not([type])[disabled]:-ms-input-placeholder,
    .form-row.inverted .form-field > input:not([type])[readonly]:-ms-input-placeholder,
    .form-row.inverted .form-field > textarea[disabled]:-ms-input-placeholder,
    .form-row.inverted .form-field > textarea[readonly]:-ms-input-placeholder {
      color: #b3b3b3; }
  .form-row.inverted .form-field > input[type="color"]::-webkit-input-placeholder,
  .form-row.inverted .form-field > input[type="date"]::-webkit-input-placeholder,
  .form-row.inverted .form-field > input[type="datetime"]::-webkit-input-placeholder,
  .form-row.inverted .form-field > input[type="datetime-local"]::-webkit-input-placeholder,
  .form-row.inverted .form-field > input[type="email"]::-webkit-input-placeholder,
  .form-row.inverted .form-field > input[type="month"]::-webkit-input-placeholder,
  .form-row.inverted .form-field > input[type="number"]::-webkit-input-placeholder,
  .form-row.inverted .form-field > input[type="password"]::-webkit-input-placeholder,
  .form-row.inverted .form-field > input[type="search"]::-webkit-input-placeholder,
  .form-row.inverted .form-field > input[type="tel"]::-webkit-input-placeholder,
  .form-row.inverted .form-field > input[type="text"]::-webkit-input-placeholder,
  .form-row.inverted .form-field > input[type="time"]::-webkit-input-placeholder,
  .form-row.inverted .form-field > input[type="url"]::-webkit-input-placeholder,
  .form-row.inverted .form-field > input[type="week"]::-webkit-input-placeholder,
  .form-row.inverted .form-field > input:not([type])::-webkit-input-placeholder,
  .form-row.inverted .form-field > textarea::-webkit-input-placeholder {
    color: #b3b3b3; }
  .form-row.inverted .form-field > input[type="color"]::-moz-placeholder,
  .form-row.inverted .form-field > input[type="date"]::-moz-placeholder,
  .form-row.inverted .form-field > input[type="datetime"]::-moz-placeholder,
  .form-row.inverted .form-field > input[type="datetime-local"]::-moz-placeholder,
  .form-row.inverted .form-field > input[type="email"]::-moz-placeholder,
  .form-row.inverted .form-field > input[type="month"]::-moz-placeholder,
  .form-row.inverted .form-field > input[type="number"]::-moz-placeholder,
  .form-row.inverted .form-field > input[type="password"]::-moz-placeholder,
  .form-row.inverted .form-field > input[type="search"]::-moz-placeholder,
  .form-row.inverted .form-field > input[type="tel"]::-moz-placeholder,
  .form-row.inverted .form-field > input[type="text"]::-moz-placeholder,
  .form-row.inverted .form-field > input[type="time"]::-moz-placeholder,
  .form-row.inverted .form-field > input[type="url"]::-moz-placeholder,
  .form-row.inverted .form-field > input[type="week"]::-moz-placeholder,
  .form-row.inverted .form-field > input:not([type])::-moz-placeholder,
  .form-row.inverted .form-field > textarea::-moz-placeholder {
    color: #b3b3b3; }
  .form-row.inverted .form-field > input[type="color"]:-moz-placeholder,
  .form-row.inverted .form-field > input[type="date"]:-moz-placeholder,
  .form-row.inverted .form-field > input[type="datetime"]:-moz-placeholder,
  .form-row.inverted .form-field > input[type="datetime-local"]:-moz-placeholder,
  .form-row.inverted .form-field > input[type="email"]:-moz-placeholder,
  .form-row.inverted .form-field > input[type="month"]:-moz-placeholder,
  .form-row.inverted .form-field > input[type="number"]:-moz-placeholder,
  .form-row.inverted .form-field > input[type="password"]:-moz-placeholder,
  .form-row.inverted .form-field > input[type="search"]:-moz-placeholder,
  .form-row.inverted .form-field > input[type="tel"]:-moz-placeholder,
  .form-row.inverted .form-field > input[type="text"]:-moz-placeholder,
  .form-row.inverted .form-field > input[type="time"]:-moz-placeholder,
  .form-row.inverted .form-field > input[type="url"]:-moz-placeholder,
  .form-row.inverted .form-field > input[type="week"]:-moz-placeholder,
  .form-row.inverted .form-field > input:not([type]):-moz-placeholder,
  .form-row.inverted .form-field > textarea:-moz-placeholder {
    color: #b3b3b3; }
  .form-row.inverted .form-field > input[type="color"]:-ms-input-placeholder,
  .form-row.inverted .form-field > input[type="date"]:-ms-input-placeholder,
  .form-row.inverted .form-field > input[type="datetime"]:-ms-input-placeholder,
  .form-row.inverted .form-field > input[type="datetime-local"]:-ms-input-placeholder,
  .form-row.inverted .form-field > input[type="email"]:-ms-input-placeholder,
  .form-row.inverted .form-field > input[type="month"]:-ms-input-placeholder,
  .form-row.inverted .form-field > input[type="number"]:-ms-input-placeholder,
  .form-row.inverted .form-field > input[type="password"]:-ms-input-placeholder,
  .form-row.inverted .form-field > input[type="search"]:-ms-input-placeholder,
  .form-row.inverted .form-field > input[type="tel"]:-ms-input-placeholder,
  .form-row.inverted .form-field > input[type="text"]:-ms-input-placeholder,
  .form-row.inverted .form-field > input[type="time"]:-ms-input-placeholder,
  .form-row.inverted .form-field > input[type="url"]:-ms-input-placeholder,
  .form-row.inverted .form-field > input[type="week"]:-ms-input-placeholder,
  .form-row.inverted .form-field > input:not([type]):-ms-input-placeholder,
  .form-row.inverted .form-field > textarea:-ms-input-placeholder {
    color: #b3b3b3; }

.form-row.inverted.error .form-field > input[type="color"],
.form-row.inverted.error .form-field > input[type="date"],
.form-row.inverted.error .form-field > input[type="datetime"],
.form-row.inverted.error .form-field > input[type="datetime-local"],
.form-row.inverted.error .form-field > input[type="email"],
.form-row.inverted.error .form-field > input[type="month"],
.form-row.inverted.error .form-field > input[type="number"],
.form-row.inverted.error .form-field > input[type="password"],
.form-row.inverted.error .form-field > input[type="search"],
.form-row.inverted.error .form-field > input[type="tel"],
.form-row.inverted.error .form-field > input[type="text"],
.form-row.inverted.error .form-field > input[type="time"],
.form-row.inverted.error .form-field > input[type="url"],
.form-row.inverted.error .form-field > input[type="week"],
.form-row.inverted.error .form-field > input:not([type]),
.form-row.inverted.error .form-field > textarea {
  background: white;
  border-color: #e61a1a;
  box-shadow: 0 0 0 1px #e61a1a; }
  .form-row.inverted.error .form-field > input[type="color"]::-webkit-input-placeholder,
  .form-row.inverted.error .form-field > input[type="date"]::-webkit-input-placeholder,
  .form-row.inverted.error .form-field > input[type="datetime"]::-webkit-input-placeholder,
  .form-row.inverted.error .form-field > input[type="datetime-local"]::-webkit-input-placeholder,
  .form-row.inverted.error .form-field > input[type="email"]::-webkit-input-placeholder,
  .form-row.inverted.error .form-field > input[type="month"]::-webkit-input-placeholder,
  .form-row.inverted.error .form-field > input[type="number"]::-webkit-input-placeholder,
  .form-row.inverted.error .form-field > input[type="password"]::-webkit-input-placeholder,
  .form-row.inverted.error .form-field > input[type="search"]::-webkit-input-placeholder,
  .form-row.inverted.error .form-field > input[type="tel"]::-webkit-input-placeholder,
  .form-row.inverted.error .form-field > input[type="text"]::-webkit-input-placeholder,
  .form-row.inverted.error .form-field > input[type="time"]::-webkit-input-placeholder,
  .form-row.inverted.error .form-field > input[type="url"]::-webkit-input-placeholder,
  .form-row.inverted.error .form-field > input[type="week"]::-webkit-input-placeholder,
  .form-row.inverted.error .form-field > input:not([type])::-webkit-input-placeholder,
  .form-row.inverted.error .form-field > textarea::-webkit-input-placeholder {
    color: #fad1d1; }
  .form-row.inverted.error .form-field > input[type="color"]::-moz-placeholder,
  .form-row.inverted.error .form-field > input[type="date"]::-moz-placeholder,
  .form-row.inverted.error .form-field > input[type="datetime"]::-moz-placeholder,
  .form-row.inverted.error .form-field > input[type="datetime-local"]::-moz-placeholder,
  .form-row.inverted.error .form-field > input[type="email"]::-moz-placeholder,
  .form-row.inverted.error .form-field > input[type="month"]::-moz-placeholder,
  .form-row.inverted.error .form-field > input[type="number"]::-moz-placeholder,
  .form-row.inverted.error .form-field > input[type="password"]::-moz-placeholder,
  .form-row.inverted.error .form-field > input[type="search"]::-moz-placeholder,
  .form-row.inverted.error .form-field > input[type="tel"]::-moz-placeholder,
  .form-row.inverted.error .form-field > input[type="text"]::-moz-placeholder,
  .form-row.inverted.error .form-field > input[type="time"]::-moz-placeholder,
  .form-row.inverted.error .form-field > input[type="url"]::-moz-placeholder,
  .form-row.inverted.error .form-field > input[type="week"]::-moz-placeholder,
  .form-row.inverted.error .form-field > input:not([type])::-moz-placeholder,
  .form-row.inverted.error .form-field > textarea::-moz-placeholder {
    color: #fad1d1; }
  .form-row.inverted.error .form-field > input[type="color"]:-moz-placeholder,
  .form-row.inverted.error .form-field > input[type="date"]:-moz-placeholder,
  .form-row.inverted.error .form-field > input[type="datetime"]:-moz-placeholder,
  .form-row.inverted.error .form-field > input[type="datetime-local"]:-moz-placeholder,
  .form-row.inverted.error .form-field > input[type="email"]:-moz-placeholder,
  .form-row.inverted.error .form-field > input[type="month"]:-moz-placeholder,
  .form-row.inverted.error .form-field > input[type="number"]:-moz-placeholder,
  .form-row.inverted.error .form-field > input[type="password"]:-moz-placeholder,
  .form-row.inverted.error .form-field > input[type="search"]:-moz-placeholder,
  .form-row.inverted.error .form-field > input[type="tel"]:-moz-placeholder,
  .form-row.inverted.error .form-field > input[type="text"]:-moz-placeholder,
  .form-row.inverted.error .form-field > input[type="time"]:-moz-placeholder,
  .form-row.inverted.error .form-field > input[type="url"]:-moz-placeholder,
  .form-row.inverted.error .form-field > input[type="week"]:-moz-placeholder,
  .form-row.inverted.error .form-field > input:not([type]):-moz-placeholder,
  .form-row.inverted.error .form-field > textarea:-moz-placeholder {
    color: #fad1d1; }
  .form-row.inverted.error .form-field > input[type="color"]:-ms-input-placeholder,
  .form-row.inverted.error .form-field > input[type="date"]:-ms-input-placeholder,
  .form-row.inverted.error .form-field > input[type="datetime"]:-ms-input-placeholder,
  .form-row.inverted.error .form-field > input[type="datetime-local"]:-ms-input-placeholder,
  .form-row.inverted.error .form-field > input[type="email"]:-ms-input-placeholder,
  .form-row.inverted.error .form-field > input[type="month"]:-ms-input-placeholder,
  .form-row.inverted.error .form-field > input[type="number"]:-ms-input-placeholder,
  .form-row.inverted.error .form-field > input[type="password"]:-ms-input-placeholder,
  .form-row.inverted.error .form-field > input[type="search"]:-ms-input-placeholder,
  .form-row.inverted.error .form-field > input[type="tel"]:-ms-input-placeholder,
  .form-row.inverted.error .form-field > input[type="text"]:-ms-input-placeholder,
  .form-row.inverted.error .form-field > input[type="time"]:-ms-input-placeholder,
  .form-row.inverted.error .form-field > input[type="url"]:-ms-input-placeholder,
  .form-row.inverted.error .form-field > input[type="week"]:-ms-input-placeholder,
  .form-row.inverted.error .form-field > input:not([type]):-ms-input-placeholder,
  .form-row.inverted.error .form-field > textarea:-ms-input-placeholder {
    color: #fad1d1; }

.form-row.inverted.warning .form-field > input[type="color"],
.form-row.inverted.warning .form-field > input[type="date"],
.form-row.inverted.warning .form-field > input[type="datetime"],
.form-row.inverted.warning .form-field > input[type="datetime-local"],
.form-row.inverted.warning .form-field > input[type="email"],
.form-row.inverted.warning .form-field > input[type="month"],
.form-row.inverted.warning .form-field > input[type="number"],
.form-row.inverted.warning .form-field > input[type="password"],
.form-row.inverted.warning .form-field > input[type="search"],
.form-row.inverted.warning .form-field > input[type="tel"],
.form-row.inverted.warning .form-field > input[type="text"],
.form-row.inverted.warning .form-field > input[type="time"],
.form-row.inverted.warning .form-field > input[type="url"],
.form-row.inverted.warning .form-field > input[type="week"],
.form-row.inverted.warning .form-field > input:not([type]),
.form-row.inverted.warning .form-field > textarea {
  background: white;
  border-color: #ff7700;
  box-shadow: 0 0 0 1px #ff7700; }
  .form-row.inverted.warning .form-field > input[type="color"]::-webkit-input-placeholder,
  .form-row.inverted.warning .form-field > input[type="date"]::-webkit-input-placeholder,
  .form-row.inverted.warning .form-field > input[type="datetime"]::-webkit-input-placeholder,
  .form-row.inverted.warning .form-field > input[type="datetime-local"]::-webkit-input-placeholder,
  .form-row.inverted.warning .form-field > input[type="email"]::-webkit-input-placeholder,
  .form-row.inverted.warning .form-field > input[type="month"]::-webkit-input-placeholder,
  .form-row.inverted.warning .form-field > input[type="number"]::-webkit-input-placeholder,
  .form-row.inverted.warning .form-field > input[type="password"]::-webkit-input-placeholder,
  .form-row.inverted.warning .form-field > input[type="search"]::-webkit-input-placeholder,
  .form-row.inverted.warning .form-field > input[type="tel"]::-webkit-input-placeholder,
  .form-row.inverted.warning .form-field > input[type="text"]::-webkit-input-placeholder,
  .form-row.inverted.warning .form-field > input[type="time"]::-webkit-input-placeholder,
  .form-row.inverted.warning .form-field > input[type="url"]::-webkit-input-placeholder,
  .form-row.inverted.warning .form-field > input[type="week"]::-webkit-input-placeholder,
  .form-row.inverted.warning .form-field > input:not([type])::-webkit-input-placeholder,
  .form-row.inverted.warning .form-field > textarea::-webkit-input-placeholder {
    color: #ffe4cc; }
  .form-row.inverted.warning .form-field > input[type="color"]::-moz-placeholder,
  .form-row.inverted.warning .form-field > input[type="date"]::-moz-placeholder,
  .form-row.inverted.warning .form-field > input[type="datetime"]::-moz-placeholder,
  .form-row.inverted.warning .form-field > input[type="datetime-local"]::-moz-placeholder,
  .form-row.inverted.warning .form-field > input[type="email"]::-moz-placeholder,
  .form-row.inverted.warning .form-field > input[type="month"]::-moz-placeholder,
  .form-row.inverted.warning .form-field > input[type="number"]::-moz-placeholder,
  .form-row.inverted.warning .form-field > input[type="password"]::-moz-placeholder,
  .form-row.inverted.warning .form-field > input[type="search"]::-moz-placeholder,
  .form-row.inverted.warning .form-field > input[type="tel"]::-moz-placeholder,
  .form-row.inverted.warning .form-field > input[type="text"]::-moz-placeholder,
  .form-row.inverted.warning .form-field > input[type="time"]::-moz-placeholder,
  .form-row.inverted.warning .form-field > input[type="url"]::-moz-placeholder,
  .form-row.inverted.warning .form-field > input[type="week"]::-moz-placeholder,
  .form-row.inverted.warning .form-field > input:not([type])::-moz-placeholder,
  .form-row.inverted.warning .form-field > textarea::-moz-placeholder {
    color: #ffe4cc; }
  .form-row.inverted.warning .form-field > input[type="color"]:-moz-placeholder,
  .form-row.inverted.warning .form-field > input[type="date"]:-moz-placeholder,
  .form-row.inverted.warning .form-field > input[type="datetime"]:-moz-placeholder,
  .form-row.inverted.warning .form-field > input[type="datetime-local"]:-moz-placeholder,
  .form-row.inverted.warning .form-field > input[type="email"]:-moz-placeholder,
  .form-row.inverted.warning .form-field > input[type="month"]:-moz-placeholder,
  .form-row.inverted.warning .form-field > input[type="number"]:-moz-placeholder,
  .form-row.inverted.warning .form-field > input[type="password"]:-moz-placeholder,
  .form-row.inverted.warning .form-field > input[type="search"]:-moz-placeholder,
  .form-row.inverted.warning .form-field > input[type="tel"]:-moz-placeholder,
  .form-row.inverted.warning .form-field > input[type="text"]:-moz-placeholder,
  .form-row.inverted.warning .form-field > input[type="time"]:-moz-placeholder,
  .form-row.inverted.warning .form-field > input[type="url"]:-moz-placeholder,
  .form-row.inverted.warning .form-field > input[type="week"]:-moz-placeholder,
  .form-row.inverted.warning .form-field > input:not([type]):-moz-placeholder,
  .form-row.inverted.warning .form-field > textarea:-moz-placeholder {
    color: #ffe4cc; }
  .form-row.inverted.warning .form-field > input[type="color"]:-ms-input-placeholder,
  .form-row.inverted.warning .form-field > input[type="date"]:-ms-input-placeholder,
  .form-row.inverted.warning .form-field > input[type="datetime"]:-ms-input-placeholder,
  .form-row.inverted.warning .form-field > input[type="datetime-local"]:-ms-input-placeholder,
  .form-row.inverted.warning .form-field > input[type="email"]:-ms-input-placeholder,
  .form-row.inverted.warning .form-field > input[type="month"]:-ms-input-placeholder,
  .form-row.inverted.warning .form-field > input[type="number"]:-ms-input-placeholder,
  .form-row.inverted.warning .form-field > input[type="password"]:-ms-input-placeholder,
  .form-row.inverted.warning .form-field > input[type="search"]:-ms-input-placeholder,
  .form-row.inverted.warning .form-field > input[type="tel"]:-ms-input-placeholder,
  .form-row.inverted.warning .form-field > input[type="text"]:-ms-input-placeholder,
  .form-row.inverted.warning .form-field > input[type="time"]:-ms-input-placeholder,
  .form-row.inverted.warning .form-field > input[type="url"]:-ms-input-placeholder,
  .form-row.inverted.warning .form-field > input[type="week"]:-ms-input-placeholder,
  .form-row.inverted.warning .form-field > input:not([type]):-ms-input-placeholder,
  .form-row.inverted.warning .form-field > textarea:-ms-input-placeholder {
    color: #ffe4cc; }

.form-row.inverted.success .form-field > input[type="color"],
.form-row.inverted.success .form-field > input[type="date"],
.form-row.inverted.success .form-field > input[type="datetime"],
.form-row.inverted.success .form-field > input[type="datetime-local"],
.form-row.inverted.success .form-field > input[type="email"],
.form-row.inverted.success .form-field > input[type="month"],
.form-row.inverted.success .form-field > input[type="number"],
.form-row.inverted.success .form-field > input[type="password"],
.form-row.inverted.success .form-field > input[type="search"],
.form-row.inverted.success .form-field > input[type="tel"],
.form-row.inverted.success .form-field > input[type="text"],
.form-row.inverted.success .form-field > input[type="time"],
.form-row.inverted.success .form-field > input[type="url"],
.form-row.inverted.success .form-field > input[type="week"],
.form-row.inverted.success .form-field > input:not([type]),
.form-row.inverted.success .form-field > textarea {
  background: white;
  border-color: #50b649;
  box-shadow: 0 0 0 1px #50b649; }
  .form-row.inverted.success .form-field > input[type="color"]::-webkit-input-placeholder,
  .form-row.inverted.success .form-field > input[type="date"]::-webkit-input-placeholder,
  .form-row.inverted.success .form-field > input[type="datetime"]::-webkit-input-placeholder,
  .form-row.inverted.success .form-field > input[type="datetime-local"]::-webkit-input-placeholder,
  .form-row.inverted.success .form-field > input[type="email"]::-webkit-input-placeholder,
  .form-row.inverted.success .form-field > input[type="month"]::-webkit-input-placeholder,
  .form-row.inverted.success .form-field > input[type="number"]::-webkit-input-placeholder,
  .form-row.inverted.success .form-field > input[type="password"]::-webkit-input-placeholder,
  .form-row.inverted.success .form-field > input[type="search"]::-webkit-input-placeholder,
  .form-row.inverted.success .form-field > input[type="tel"]::-webkit-input-placeholder,
  .form-row.inverted.success .form-field > input[type="text"]::-webkit-input-placeholder,
  .form-row.inverted.success .form-field > input[type="time"]::-webkit-input-placeholder,
  .form-row.inverted.success .form-field > input[type="url"]::-webkit-input-placeholder,
  .form-row.inverted.success .form-field > input[type="week"]::-webkit-input-placeholder,
  .form-row.inverted.success .form-field > input:not([type])::-webkit-input-placeholder,
  .form-row.inverted.success .form-field > textarea::-webkit-input-placeholder {
    color: #dcf0db; }
  .form-row.inverted.success .form-field > input[type="color"]::-moz-placeholder,
  .form-row.inverted.success .form-field > input[type="date"]::-moz-placeholder,
  .form-row.inverted.success .form-field > input[type="datetime"]::-moz-placeholder,
  .form-row.inverted.success .form-field > input[type="datetime-local"]::-moz-placeholder,
  .form-row.inverted.success .form-field > input[type="email"]::-moz-placeholder,
  .form-row.inverted.success .form-field > input[type="month"]::-moz-placeholder,
  .form-row.inverted.success .form-field > input[type="number"]::-moz-placeholder,
  .form-row.inverted.success .form-field > input[type="password"]::-moz-placeholder,
  .form-row.inverted.success .form-field > input[type="search"]::-moz-placeholder,
  .form-row.inverted.success .form-field > input[type="tel"]::-moz-placeholder,
  .form-row.inverted.success .form-field > input[type="text"]::-moz-placeholder,
  .form-row.inverted.success .form-field > input[type="time"]::-moz-placeholder,
  .form-row.inverted.success .form-field > input[type="url"]::-moz-placeholder,
  .form-row.inverted.success .form-field > input[type="week"]::-moz-placeholder,
  .form-row.inverted.success .form-field > input:not([type])::-moz-placeholder,
  .form-row.inverted.success .form-field > textarea::-moz-placeholder {
    color: #dcf0db; }
  .form-row.inverted.success .form-field > input[type="color"]:-moz-placeholder,
  .form-row.inverted.success .form-field > input[type="date"]:-moz-placeholder,
  .form-row.inverted.success .form-field > input[type="datetime"]:-moz-placeholder,
  .form-row.inverted.success .form-field > input[type="datetime-local"]:-moz-placeholder,
  .form-row.inverted.success .form-field > input[type="email"]:-moz-placeholder,
  .form-row.inverted.success .form-field > input[type="month"]:-moz-placeholder,
  .form-row.inverted.success .form-field > input[type="number"]:-moz-placeholder,
  .form-row.inverted.success .form-field > input[type="password"]:-moz-placeholder,
  .form-row.inverted.success .form-field > input[type="search"]:-moz-placeholder,
  .form-row.inverted.success .form-field > input[type="tel"]:-moz-placeholder,
  .form-row.inverted.success .form-field > input[type="text"]:-moz-placeholder,
  .form-row.inverted.success .form-field > input[type="time"]:-moz-placeholder,
  .form-row.inverted.success .form-field > input[type="url"]:-moz-placeholder,
  .form-row.inverted.success .form-field > input[type="week"]:-moz-placeholder,
  .form-row.inverted.success .form-field > input:not([type]):-moz-placeholder,
  .form-row.inverted.success .form-field > textarea:-moz-placeholder {
    color: #dcf0db; }
  .form-row.inverted.success .form-field > input[type="color"]:-ms-input-placeholder,
  .form-row.inverted.success .form-field > input[type="date"]:-ms-input-placeholder,
  .form-row.inverted.success .form-field > input[type="datetime"]:-ms-input-placeholder,
  .form-row.inverted.success .form-field > input[type="datetime-local"]:-ms-input-placeholder,
  .form-row.inverted.success .form-field > input[type="email"]:-ms-input-placeholder,
  .form-row.inverted.success .form-field > input[type="month"]:-ms-input-placeholder,
  .form-row.inverted.success .form-field > input[type="number"]:-ms-input-placeholder,
  .form-row.inverted.success .form-field > input[type="password"]:-ms-input-placeholder,
  .form-row.inverted.success .form-field > input[type="search"]:-ms-input-placeholder,
  .form-row.inverted.success .form-field > input[type="tel"]:-ms-input-placeholder,
  .form-row.inverted.success .form-field > input[type="text"]:-ms-input-placeholder,
  .form-row.inverted.success .form-field > input[type="time"]:-ms-input-placeholder,
  .form-row.inverted.success .form-field > input[type="url"]:-ms-input-placeholder,
  .form-row.inverted.success .form-field > input[type="week"]:-ms-input-placeholder,
  .form-row.inverted.success .form-field > input:not([type]):-ms-input-placeholder,
  .form-row.inverted.success .form-field > textarea:-ms-input-placeholder {
    color: #dcf0db; }

.form-row.inverted.dirty .form-field > input[type="color"],
.form-row.inverted.dirty .form-field > input[type="date"],
.form-row.inverted.dirty .form-field > input[type="datetime"],
.form-row.inverted.dirty .form-field > input[type="datetime-local"],
.form-row.inverted.dirty .form-field > input[type="email"],
.form-row.inverted.dirty .form-field > input[type="month"],
.form-row.inverted.dirty .form-field > input[type="number"],
.form-row.inverted.dirty .form-field > input[type="password"],
.form-row.inverted.dirty .form-field > input[type="search"],
.form-row.inverted.dirty .form-field > input[type="tel"],
.form-row.inverted.dirty .form-field > input[type="text"],
.form-row.inverted.dirty .form-field > input[type="time"],
.form-row.inverted.dirty .form-field > input[type="url"],
.form-row.inverted.dirty .form-field > input[type="week"],
.form-row.inverted.dirty .form-field > input:not([type]),
.form-row.inverted.dirty .form-field > textarea {
  background: #e6f5ff;
  border-color: #009dff;
  box-shadow: 0 0 0 1px #009dff; }

/**
 * Form password input styling.
 *
 * @depends input
 */
.form-row.inverted .form-field.password-field span.toggle-password > div {
  border: 0; }

.form-row.error .form-field.password-field span.toggle-password > div {
  border: 0; }

.form-row .form-field.password-field span.toggle-password {
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 99; }
  .form-row .form-field.password-field span.toggle-password > div {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: 1px solid #b3b3b3;
    border-left: 0; }

.form-row .form-field.password-field:before {
  position: absolute;
  box-sizing: border-box;
  width: 2.5rem;
  padding: 0.5rem;
  top: 1px;
  font: normal 1rem/1.5em "FontAwesome";
  content: "";
  border: 1px solid transparent;
  text-align: center;
  pointer-events: none; }

.form-row .form-field.password-field > input {
  padding-left: 2.5rem;
  padding-right: 3.625rem; }

/**
 * Form email input styling.
 *
 * @depends input
 */
.form-row .form-field.email-field:before {
  position: absolute;
  box-sizing: border-box;
  width: 2.5rem;
  padding: 0.5rem;
  top: 0;
  font: normal 1rem/1.5em "FontAwesome";
  content: "";
  border: 1px solid transparent;
  text-align: center;
  pointer-events: none; }

.form-row .form-field.email-field > input {
  padding-left: 2.5rem; }

/**
 * Form tel input styling.
 *
 * @depends input
 */
.form-row .form-field.tel-field:before {
  position: absolute;
  box-sizing: border-box;
  width: 2.5rem;
  padding: 0.5rem;
  top: 1px;
  font: normal 1rem/1.5em "FontAwesome";
  content: "";
  border: 1px solid transparent;
  text-align: center;
  pointer-events: none; }

.form-row .form-field.tel-field > input {
  padding-left: 2.5rem; }

/**
 * Form url input styling.
 *
 * @depends input
 */
.form-row .form-field.url-field:before {
  position: absolute;
  box-sizing: border-box;
  width: 2.5rem;
  padding: 0.5rem;
  top: 1px;
  font: normal 1rem/1.5em "FontAwesome";
  content: "";
  border: 1px solid transparent;
  text-align: center;
  pointer-events: none; }

.form-row .form-field.url-field > input {
  padding-left: 2.5rem; }

/**
 * Form search input styling.
 *
 * @depends input
 */
.form-row .form-field.search-field:before {
  position: absolute;
  box-sizing: border-box;
  width: 2.5rem;
  padding: 0.5rem;
  top: 0;
  font: normal 1rem/1.5em "FontAwesome";
  content: "";
  border: 1px solid transparent;
  text-align: center;
  pointer-events: none; }

.form-row .form-field.search-field > input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding-left: 2.5rem; }

/**
 * Form's textarea styling
 */
.form-row .form-field > textarea {
  resize: vertical;
  min-height: 8rem;
  overflow: auto; }
  .form-row .form-field > textarea.sizeless {
    min-height: 0; }
  .form-row .form-field > textarea.no-resize {
    resize: none; }
  .form-row .form-field > textarea.oneline {
    min-height: calc(1.5em + 1rem + 2px);
    height: calc(1.5em + 1rem + 2px); }

/**
 * Form input styling.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.form-row .form-field.select-field {
  position: relative;
  clear: both; }
  .form-row .form-field.select-field .simple {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    border: 1px solid #b3b3b3;
    border-radius: 0.25rem;
    padding: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    font: 400 1rem/1.5em "Noto Sans", sans-serif;
    outline: none;
    vertical-align: middle;
    cursor: pointer;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; }
    .form-row .form-field.select-field .simple[disabled] {
      cursor: not-allowed;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    .form-row .form-field.select-field .simple > div {
      margin-right: 0.5rem; }
  .form-row .form-field.select-field .dropdown {
    position: relative;
    left: 0;
    right: 0;
    padding: 0.5rem;
    border: 1px solid #b3b3b3;
    border-radius: 0.25rem;
    font: 400 1rem/1.5em "Noto Sans", sans-serif;
    z-index: 99; }
    .form-row .form-field.select-field .dropdown .container {
      position: relative;
      max-height: 22rem;
      overflow-y: auto; }
      .form-row .form-field.select-field .dropdown .container > ul {
        list-style: none;
        padding: 0;
        margin: 0; }
        .form-row .form-field.select-field .dropdown .container > ul > li {
          display: -webkit-box;
          display: -moz-box;
          display: box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -moz-box-align: center;
          box-align: center;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          -o-align-items: center;
          align-items: center;
          -ms-flex-align: center;
          padding: 0.25rem 0.5rem;
          cursor: pointer;
          user-select: none; }
          .form-row .form-field.select-field .dropdown .container > ul > li > div {
            margin-right: 0.5rem; }
    .form-row .form-field.select-field .dropdown.bottom-start {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      margin-top: -0.25rem; }
    .form-row .form-field.select-field .dropdown.top-start {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      margin-bottom: -0.25rem; }
  .form-row .form-field.select-field.arrow .simple {
    padding-right: 2.5rem; }
  .form-row .form-field.select-field.arrow::after {
    position: absolute;
    box-sizing: border-box;
    width: 2.5rem;
    padding: 0.5rem;
    top: 0;
    right: 0;
    font: normal 1rem/1.5em "FontAwesome";
    content: "";
    border: 1px solid transparent;
    text-align: center;
    pointer-events: none; }
  .form-row .form-field.select-field.arrow.down::after {
    content: "\f078"; }
  .form-row .form-field.select-field.arrow.up::after {
    content: "\f077"; }

.form-row .form-field.select-field .simple {
  color: #262626;
  background: #f2f2f2;
  border-color: #b3b3b3; }
  .form-row .form-field.select-field .simple:focus, .form-row .form-field.select-field .simple.focus {
    color: black;
    background: #e6e6e6;
    border-color: #999999; }
  .form-row .form-field.select-field .simple[disabled], .form-row .form-field.select-field .simple[readonly] {
    color: #b3b3b3;
    background: #f2f2f2;
    border-color: #e6e6e6; }

.form-row .form-field.select-field .dropdown {
  background-color: #e6e6e6;
  border-color: #b3b3b3; }
  .form-row .form-field.select-field .dropdown ul > li.hover:hover, .form-row .form-field.select-field .dropdown ul > li.selected {
    color: black;
    background-color: #b3b3b3; }

.form-row .form-field.select-field.arrow {
  color: #262626; }

.form-row.error .form-field .simple {
  background: #fce8e8;
  border-color: #e61a1a;
  box-shadow: 0 0 0 1px #e61a1a; }

.form-row.warning .form-field .simple {
  background: #fff1e6;
  border-color: #ff7700;
  box-shadow: 0 0 0 1px #ff7700; }

.form-row.success .form-field .simple {
  background: #edf8ed;
  border-color: #50b649;
  box-shadow: 0 0 0 1px #50b649; }

.form-row.inverted .form-field.select-field .simple {
  color: #262626;
  background: white;
  border-color: white; }
  .form-row.inverted .form-field.select-field .simple:focus, .form-row.inverted .form-field.select-field .simple.focus {
    color: black;
    background: #e6e6e6;
    border-color: white; }
  .form-row.inverted .form-field.select-field .simple[disabled], .form-row.inverted .form-field.select-field .simple[readonly] {
    color: #b3b3b3;
    background: white;
    border-color: white; }

.form-row.inverted .form-field.select-field .dropdown {
  background-color: #e6e6e6;
  border-color: white; }
  .form-row.inverted .form-field.select-field .dropdown ul > li.hover:hover, .form-row.inverted .form-field.select-field .dropdown ul > li.selected {
    color: black;
    background-color: #5c5c5c; }

.form-row.inverted .form-field.select-field.arrow {
  color: #262626; }

.form-row.inverted.error .form-field .simple {
  background: white;
  border-color: #e61a1a;
  box-shadow: 0 0 0 1px #e61a1a; }

.form-row.inverted.warning .form-field .simple {
  background: white;
  border-color: #ff7700;
  box-shadow: 0 0 0 1px #ff7700; }

.form-row.inverted.success .form-field .simple {
  background: white;
  border-color: #50b649;
  box-shadow: 0 0 0 1px #50b649; }

/**
 * Radio form component
 *
 * @depends input
 */
.form-row > .radio-field {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.5rem 0;
  border: 1px solid transparent; }
  .form-row > .radio-field input[type=radio] {
    position: absolute;
    left: -9999px; }
  .form-row > .radio-field input + label {
    display: inline-block;
    position: relative;
    font: 400 1rem/1.5em "Noto Sans", sans-serif;
    cursor: pointer;
    margin: 0;
    padding-left: 1.25em; }
  .form-row > .radio-field input + label:before, .form-row > .radio-field input + label:after {
    position: absolute;
    box-sizing: border-box;
    content: "\00A0";
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.25em;
    margin-right: 0.25em;
    margin-bottom: 0.25em;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .form-row > .radio-field input + label:before {
    border: 1px solid #b3b3b3;
    border-radius: 50%; }
  .form-row > .radio-field input + label:after {
    background: transparent;
    border: 0;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  .form-row > .radio-field input:checked + label:after {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5); }

.form-row > .radio-field input:disabled + label {
  cursor: not-allowed; }

.form-row .radio-field input + label:before {
  background: #f2f2f2;
  border-color: #b3b3b3; }

.form-row .radio-field input:focus + label:before {
  background: #e6e6e6;
  border-color: #999999; }

.form-row .radio-field input:disabled + label:before {
  background: #f2f2f2;
  border-color: #e6e6e6; }

.form-row .radio-field input:checked + label:after {
  background: #262626; }

.form-row .radio-field input:checked:focus + label:after {
  background: black; }

.form-row .radio-field input:checked:disabled + label:after {
  background: #b3b3b3; }

.form-row.error .radio-field input + label:before {
  background: #fce8e8;
  border-color: #e61a1a;
  box-shadow: 0 0 0 1px #e61a1a; }

.form-row.error .radio-field input:checked + label:before {
  background: #fce8e8; }

.form-row.warning .radio-field input + label:before {
  background: #fff1e6;
  border-color: #ff7700;
  box-shadow: 0 0 0 1px #ff7700; }

.form-row.warning .radio-field input:checked + label:before {
  background: #fff1e6; }

.form-row.success .radio-field input + label:before {
  background: #edf8ed;
  border-color: #50b649;
  box-shadow: 0 0 0 1px #50b649; }

.form-row.success .radio-field input:checked + label:before {
  background: #edf8ed; }

.form-row .radio-field input + label {
  color: #262626; }

.form-row .radio-field input:disabled + label {
  color: #b3b3b3; }

.form-row.inverted .radio-field input + label:before {
  background: white;
  border-color: white; }

.form-row.inverted .radio-field input:focus + label:before {
  background: #e6e6e6;
  border-color: white; }

.form-row.inverted .radio-field input:disabled + label:before {
  background: white;
  border-color: white; }

.form-row.inverted .radio-field input:checked + label:after {
  background: #262626; }

.form-row.inverted .radio-field input:checked:focus + label:after {
  background: black; }

.form-row.inverted .radio-field input:checked:disabled + label:after {
  background: #b3b3b3; }

.form-row.inverted.error .radio-field input + label:before {
  background: white;
  border-color: #e61a1a;
  box-shadow: 0 0 0 1px #e61a1a; }

.form-row.inverted.error .radio-field input:checked + label:before {
  background: white; }

.form-row.inverted.warning .radio-field input + label:before {
  background: white;
  border-color: #ff7700;
  box-shadow: 0 0 0 1px #ff7700; }

.form-row.inverted.warning .radio-field input:checked + label:before {
  background: white; }

.form-row.inverted.success .radio-field input + label:before {
  background: white;
  border-color: #50b649;
  box-shadow: 0 0 0 1px #50b649; }

.form-row.inverted.success .radio-field input:checked + label:before {
  background: white; }

.form-row.inverted .radio-field input + label {
  color: #d9d9d9; }

.form-row.inverted .radio-field input:disabled + label {
  color: #5c5c5c; }

/**
 * Radio block form component
 *
 * @depends input
 */
.form-row .radio-block-field input + label {
  color: white;
  background: #b3b3b3;
  border-color: transparent; }

.form-row .radio-block-field input:focus + label, .form-row .radio-block-field input:checked + label {
  color: white;
  background: gray;
  border-color: transparent; }

.form-row .radio-block-field.primary input:checked + label {
  background: #009dff; }

.form-row .radio-block-field.secondary input:checked + label {
  background: gray; }

.form-row .radio-block-field.alert input:checked + label {
  background: #e61a1a; }

.form-row .radio-block-field.warning input:checked + label {
  background: #ff7700; }

.form-row .radio-block-field.success input:checked + label {
  background: #50b649; }

.form-row .radio-block-field.admin input:checked + label {
  background: #8a40bf; }

.form-row.error > .form-field > .radio-block-container {
  border-color: #e61a1a;
  box-shadow: 0 0 0 1px #e61a1a; }

.form-row.warning > .form-field > .radio-block-container {
  border-color: #ff7700;
  box-shadow: 0 0 0 1px #ff7700; }

.form-row.success > .form-field > .radio-block-container {
  border-color: #50b649;
  box-shadow: 0 0 0 1px #50b649; }

.form-row > .form-field > .radio-block-container {
  border-radius: 0.25rem;
  border: 1px solid #b3b3b3;
  border-color: transparent;
  overflow: hidden; }

.form-row > .radio-block-field {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
  border: 0; }
  .form-row > .radio-block-field input[type=radio] {
    position: absolute;
    left: -9999px; }
  .form-row > .radio-block-field input + label {
    display: block;
    position: relative;
    font: 400 1rem/1.5em "Noto Sans", sans-serif;
    cursor: pointer;
    border: 1px solid #b3b3b3;
    border-color: transparent;
    padding: 0.5rem;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .form-row > .radio-block-field input:disabled + label {
    cursor: not-allowed; }
  .form-row > .radio-block-field input:not(:checked):disabled + label {
    opacity: 0.3; }

.form-row.inverted .radio-block-field input + label {
  color: white;
  background: #5c5c5c;
  border-color: transparent; }

.form-row.inverted .radio-block-field input:focus + label, .form-row.inverted .radio-block-field input:checked + label {
  color: white;
  background: gray;
  border-color: transparent; }

.form-row.inverted .radio-block-field.primary input:checked + label {
  background: #009dff; }

.form-row.inverted .radio-block-field.secondary input:checked + label {
  background: gray; }

.form-row.inverted .radio-block-field.alert input:checked + label {
  background: #e61a1a; }

.form-row.inverted .radio-block-field.warning input:checked + label {
  background: #ff7700; }

.form-row.inverted .radio-block-field.success input:checked + label {
  background: #50b649; }

.form-row.inverted .radio-block-field.admin input:checked + label {
  background: #8a40bf; }

.form-row.inverted.error > .form-field > .radio-block-container {
  border-color: #e61a1a;
  box-shadow: 0 0 0 1px #e61a1a; }

.form-row.inverted.warning > .form-field > .radio-block-container {
  border-color: #ff7700;
  box-shadow: 0 0 0 1px #ff7700; }

.form-row.inverted.success > .form-field > .radio-block-container {
  border-color: #50b649;
  box-shadow: 0 0 0 1px #50b649; }

/**
 * Checkbox form component
 *
 * @depends input
 */
.form-row .checkbox-field {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.5rem 0;
  border: 1px solid transparent; }
  .form-row .checkbox-field input[type=checkbox] {
    position: absolute;
    left: -9999px; }
  .form-row .checkbox-field input + label {
    display: inline-block;
    position: relative;
    font: 400 1rem/1.5em "Noto Sans", sans-serif;
    cursor: pointer;
    margin: 0;
    padding-left: 1.25em; }
  .form-row .checkbox-field input + label:before, .form-row .checkbox-field input + label:after {
    position: absolute;
    box-sizing: border-box;
    content: "\00A0";
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.25em;
    margin-right: 0.25em;
    margin-bottom: 0.25em;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .form-row .checkbox-field input + label:before {
    border: 1px solid #b3b3b3;
    border-radius: 0.125rem; }
  .form-row .checkbox-field input + label:after {
    left: 0.3rem;
    top: 0.05em;
    width: 0.4rem;
    height: 0.7rem;
    border: 0.15rem solid transparent;
    border-left: 0;
    border-top: 0;
    -webkit-transform: rotate(45deg) scale(0.5);
    -moz-transform: rotate(45deg) scale(0.5);
    -ms-transform: rotate(45deg) scale(0.5);
    -o-transform: rotate(45deg) scale(0.5);
    transform: rotate(45deg) scale(0.5); }
  .form-row .checkbox-field input:checked + label:after {
    -webkit-transform: rotate(45deg) scale(1);
    -moz-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    -o-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1); }

.form-row > .checkbox-field input:disabled + label {
  cursor: not-allowed; }

.form-row .checkbox-field input + label:before {
  background: #f2f2f2;
  border-color: #b3b3b3; }

.form-row .checkbox-field input:focus + label:before {
  background: #e6e6e6;
  border-color: #999999; }

.form-row .checkbox-field input:disabled + label:before {
  background: #f2f2f2;
  border-color: #e6e6e6; }

.form-row .checkbox-field input:checked + label:after {
  border-color: #262626; }

.form-row .checkbox-field input:checked:focus + label:after {
  border-color: black; }

.form-row .checkbox-field input:checked:disabled + label:after {
  border-color: #b3b3b3; }

.form-row.error .checkbox-field input + label:before {
  background: #fce8e8;
  border-color: #e61a1a;
  box-shadow: 0 0 0 1px #e61a1a; }

.form-row.error .checkbox-field input:checked + label:before {
  background: #fce8e8; }

.form-row.warning .checkbox-field input + label:before {
  background: #fff1e6;
  border-color: #ff7700;
  box-shadow: 0 0 0 1px #ff7700; }

.form-row.warning .checkbox-field input:checked + label:before {
  background: #fff1e6; }

.form-row.success .checkbox-field input + label:before {
  background: #edf8ed;
  border-color: #50b649;
  box-shadow: 0 0 0 1px #50b649; }

.form-row.success .checkbox-field input:checked + label:before {
  background: #edf8ed; }

.form-row .checkbox-field input + label {
  color: #262626; }

.form-row .checkbox-field input:disabled + label {
  color: #b3b3b3; }

.form-row.inverted .checkbox-field input + label:before {
  background: white;
  border-color: white; }

.form-row.inverted .checkbox-field input:focus + label:before {
  background: #e6e6e6;
  border-color: white; }

.form-row.inverted .checkbox-field input:disabled + label:before {
  background: white;
  border-color: white; }

.form-row.inverted .checkbox-field input:checked + label:after {
  border-color: #262626; }

.form-row.inverted .checkbox-field input:checked:focus + label:after {
  border-color: black; }

.form-row.inverted .checkbox-field input:checked:disabled + label:after {
  border-color: #b3b3b3; }

.form-row.inverted.error .checkbox-field input + label:before {
  background: white;
  border-color: #e61a1a;
  box-shadow: 0 0 0 1px #e61a1a; }

.form-row.inverted.error .checkbox-field input:checked + label:before {
  background: white; }

.form-row.inverted.warning .checkbox-field input + label:before {
  background: white;
  border-color: #ff7700;
  box-shadow: 0 0 0 1px #ff7700; }

.form-row.inverted.warning .checkbox-field input:checked + label:before {
  background: white; }

.form-row.inverted.success .checkbox-field input + label:before {
  background: white;
  border-color: #50b649;
  box-shadow: 0 0 0 1px #50b649; }

.form-row.inverted.success .checkbox-field input:checked + label:before {
  background: white; }

.form-row.inverted .checkbox-field input + label {
  color: #d9d9d9; }

.form-row.inverted .checkbox-field input:disabled + label {
  color: #5c5c5c; }

/**
 * Checkbox block form component
 *
 * @depends input
 */
.form-row .checkbox-block-field input + label {
  color: white;
  background: #b3b3b3;
  border-color: transparent; }

.form-row .checkbox-block-field input:focus + label, .form-row .checkbox-block-field input:checked + label {
  color: white;
  background: gray;
  border-color: transparent; }

.form-row .checkbox-block-field.primary input:checked + label {
  background: #009dff; }

.form-row .checkbox-block-field.secondary input:checked + label {
  background: gray; }

.form-row .checkbox-block-field.alert input:checked + label {
  background: #e61a1a; }

.form-row .checkbox-block-field.warning input:checked + label {
  background: #ff7700; }

.form-row .checkbox-block-field.success input:checked + label {
  background: #50b649; }

.form-row .checkbox-block-field.admin input:checked + label {
  background: #8a40bf; }

.form-row.error div.checkbox-block-field {
  border-color: #e61a1a;
  box-shadow: 0 0 0 1px #e61a1a; }

.form-row.warning div.checkbox-block-field {
  border-color: #ff7700;
  box-shadow: 0 0 0 1px #ff7700; }

.form-row.success div.checkbox-block-field {
  border-color: #50b649;
  box-shadow: 0 0 0 1px #50b649; }

.form-row > .checkbox-block-field {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
  border-radius: 0.25rem;
  border: 1px solid #b3b3b3;
  border-color: transparent;
  text-align: center;
  overflow: hidden; }
  .form-row > .checkbox-block-field input[type=checkbox] {
    position: absolute;
    left: -9999px; }
  .form-row > .checkbox-block-field input + label {
    display: block;
    position: relative;
    font: 400 1rem/1.5em "Noto Sans", sans-serif;
    cursor: pointer;
    border: 1px solid #b3b3b3;
    border-color: transparent;
    padding: 0.5rem;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .form-row > .checkbox-block-field input:disabled + label {
    cursor: not-allowed; }
  .form-row > .checkbox-block-field input:not(:checked):disabled + label {
    opacity: 0.3; }

.form-row.inverted .checkbox-block-field input + label {
  color: white;
  background: #5c5c5c;
  border-color: transparent; }

.form-row.inverted .checkbox-block-field input:focus + label, .form-row.inverted .checkbox-block-field input:checked + label {
  color: white;
  background: gray;
  border-color: transparent; }

.form-row.inverted .checkbox-block-field.primary input:checked + label {
  background: #009dff; }

.form-row.inverted .checkbox-block-field.secondary input:checked + label {
  background: gray; }

.form-row.inverted .checkbox-block-field.alert input:checked + label {
  background: #e61a1a; }

.form-row.inverted .checkbox-block-field.warning input:checked + label {
  background: #ff7700; }

.form-row.inverted .checkbox-block-field.success input:checked + label {
  background: #50b649; }

.form-row.inverted .checkbox-block-field.admin input:checked + label {
  background: #8a40bf; }

.form-row.inverted.error div.checkbox-block-field {
  border-color: #e61a1a;
  box-shadow: 0 0 0 1px #e61a1a; }

.form-row.inverted.warning div.checkbox-block-field {
  border-color: #ff7700;
  box-shadow: 0 0 0 1px #ff7700; }

.form-row.inverted.success div.checkbox-block-field {
  border-color: #50b649;
  box-shadow: 0 0 0 1px #50b649; }

/**
 * Form url input styling.
 *
 * @depends input
 */
.form-row .form-field.date-field.opened > input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.form-row .form-field.date-field .dropdown {
  position: relative;
  left: 0;
  right: 0;
  padding: 0.5rem;
  border: 1px solid #b3b3b3;
  border-radius: 0.25rem;
  font: 400 1rem/1.5em "Noto Sans", sans-serif;
  z-index: 99; }
  .form-row .form-field.date-field .dropdown .container {
    position: relative;
    overflow-y: auto; }
  .form-row .form-field.date-field .dropdown.bottom-start, .form-row .form-field.date-field .dropdown.bottom-end {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: -1px; }
  .form-row .form-field.date-field .dropdown.top-start, .form-row .form-field.date-field .dropdown.top-end {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: -1px; }

.form-row .form-field.date-field.opened > input {
  color: black;
  background: #e6e6e6;
  border-color: #999999; }

.form-row .form-field.date-field.opened .dropdown {
  background-color: #e6e6e6;
  border-color: #999999; }
  .form-row .form-field.date-field.opened .dropdown ul > li.hover:hover, .form-row .form-field.date-field.opened .dropdown ul > li.selected {
    color: black;
    background-color: #b3b3b3; }

.form-row.inverted .form-field.date-field.opened > input {
  color: black;
  background: #e6e6e6;
  border-color: white; }

.form-row.inverted .form-field.date-field.opened .dropdown {
  background-color: #e6e6e6;
  border-color: white; }
  .form-row.inverted .form-field.date-field.opened .dropdown ul > li.hover:hover, .form-row.inverted .form-field.date-field.opened .dropdown ul > li.selected {
    color: black;
    background-color: #5c5c5c; }

/**
 * Form url input styling.
 *
 * @depends input
 */
.form-row .form-field.time-field.opened > input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.form-row .form-field.time-field .dropdown {
  position: relative;
  left: 0;
  right: 0;
  padding: 0.5rem;
  border: 1px solid #b3b3b3;
  border-radius: 0.25rem;
  font: 400 1rem/1.5em "Noto Sans", sans-serif;
  z-index: 99; }
  .form-row .form-field.time-field .dropdown .container {
    position: relative;
    max-height: 16rem;
    overflow-y: auto; }
    .form-row .form-field.time-field .dropdown .container > ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .form-row .form-field.time-field .dropdown .container > ul > li {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        padding: 0.25rem 0.5rem;
        cursor: pointer;
        user-select: none; }
        .form-row .form-field.time-field .dropdown .container > ul > li > div {
          margin-right: 0.5rem; }
  .form-row .form-field.time-field .dropdown.bottom-start, .form-row .form-field.time-field .dropdown.bottom-end {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: -1px; }
  .form-row .form-field.time-field .dropdown.top-start, .form-row .form-field.time-field .dropdown.top-end {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: -1px; }

.form-row .form-field.time-field.opened > input {
  color: black;
  background: #e6e6e6;
  border-color: #999999; }

.form-row .form-field.time-field.opened .dropdown {
  background-color: #e6e6e6;
  border-color: #999999; }
  .form-row .form-field.time-field.opened .dropdown ul > li.hover:hover, .form-row .form-field.time-field.opened .dropdown ul > li.selected {
    color: black;
    background-color: #b3b3b3; }

.form-row.inverted .form-field.time-field.opened > input {
  color: black;
  background: #e6e6e6;
  border-color: white; }

.form-row.inverted .form-field.time-field.opened .dropdown {
  background-color: #e6e6e6;
  border-color: white; }
  .form-row.inverted .form-field.time-field.opened .dropdown ul > li.hover:hover, .form-row.inverted .form-field.time-field.opened .dropdown ul > li.selected {
    color: black;
    background-color: #5c5c5c; }

/**
 * Match shown in the header format.
 *
 * @author Vincent Barrault <vbarrault@oxent.net>
 *
 * @deprecated Use radio_block
 */
.form-row .form-field.block-choice-field {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow: hidden; }
  .form-row .form-field.block-choice-field .block-choice-value input[type="radio"] {
    display: none; }
  .form-row .form-field.block-choice-field .block-choice-value label {
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    padding: 0.5rem;
    text-align: left;
    cursor: pointer; }
  .form-row .form-field.block-choice-field .block-choice-value label {
    color: white;
    background: #b3b3b3; }
  .form-row .form-field.block-choice-field .block-choice-value:hover label, .form-row .form-field.block-choice-field .block-choice-value:focus label {
    color: white;
    background: #d9d9d9; }
  .form-row .form-field.block-choice-field .block-choice-value:active label {
    color: white;
    background: #999999; }
  .form-row .form-field.block-choice-field .block-choice-value input:checked + label {
    background: #009dff; }
    .form-row .form-field.block-choice-field .block-choice-value input:checked + label:hover, .form-row .form-field.block-choice-field .block-choice-value input:checked + label:focus {
      background: #33b1ff; }
    .form-row .form-field.block-choice-field .block-choice-value input:checked + label:active {
      background: #007ecc; }
  .form-row .form-field.block-choice-field .block-choice-value.secondary input:checked + label {
    background: gray; }
    .form-row .form-field.block-choice-field .block-choice-value.secondary input:checked + label:hover, .form-row .form-field.block-choice-field .block-choice-value.secondary input:checked + label:focus {
      background: #999999; }
    .form-row .form-field.block-choice-field .block-choice-value.secondary input:checked + label:active {
      background: #666666; }
  .form-row .form-field.block-choice-field .block-choice-value.alert input:checked + label {
    background: #e61a1a; }
    .form-row .form-field.block-choice-field .block-choice-value.alert input:checked + label:hover, .form-row .form-field.block-choice-field .block-choice-value.alert input:checked + label:focus {
      background: #eb4747; }
    .form-row .form-field.block-choice-field .block-choice-value.alert input:checked + label:active {
      background: #b81414; }
  .form-row .form-field.block-choice-field .block-choice-value.warning input:checked + label {
    background: #ff7700; }
    .form-row .form-field.block-choice-field .block-choice-value.warning input:checked + label:hover, .form-row .form-field.block-choice-field .block-choice-value.warning input:checked + label:focus {
      background: #ff9233; }
    .form-row .form-field.block-choice-field .block-choice-value.warning input:checked + label:active {
      background: #cc5f00; }
  .form-row .form-field.block-choice-field .block-choice-value.success input:checked + label {
    background: #50b649; }
    .form-row .form-field.block-choice-field .block-choice-value.success input:checked + label:hover, .form-row .form-field.block-choice-field .block-choice-value.success input:checked + label:focus {
      background: #73c56d; }
    .form-row .form-field.block-choice-field .block-choice-value.success input:checked + label:active {
      background: #40923a; }
  .form-row .form-field.block-choice-field .block-choice-value.admin input:checked + label {
    background: #8a40bf; }
    .form-row .form-field.block-choice-field .block-choice-value.admin input:checked + label:hover, .form-row .form-field.block-choice-field .block-choice-value.admin input:checked + label:focus {
      background: #a266cc; }
    .form-row .form-field.block-choice-field .block-choice-value.admin input:checked + label:active {
      background: #6f3399; }
  .form-row .form-field.block-choice-field.inverted .block-choice-value label {
    color: white;
    background: #4d4d4d; }
  .form-row .form-field.block-choice-field.inverted .block-choice-value:hover label, .form-row .form-field.block-choice-field.inverted .block-choice-value:focus label {
    color: white;
    background: #666666; }
  .form-row .form-field.block-choice-field.inverted .block-choice-value:active label {
    color: white;
    background: #262626; }
  .form-row .form-field.block-choice-field.default-layout .form-container .form-row {
    margin-bottom: 1px; }
    .form-row .form-field.block-choice-field.default-layout .form-container .form-row:last-child {
      margin-bottom: 0; }
  .form-row .form-field.block-choice-field.inline-layout .form-container .form-row, .form-row .form-field.block-choice-field.flex-layout .form-container .form-row {
    margin-right: 1px; }
    .form-row .form-field.block-choice-field.inline-layout .form-container .form-row .block-choice-value label, .form-row .form-field.block-choice-field.flex-layout .form-container .form-row .block-choice-value label {
      text-align: center; }
    .form-row .form-field.block-choice-field.inline-layout .form-container .form-row:not(:first-child), .form-row .form-field.block-choice-field.flex-layout .form-container .form-row:not(:first-child) {
      margin-left: 0; }
    .form-row .form-field.block-choice-field.inline-layout .form-container .form-row:last-child, .form-row .form-field.block-choice-field.flex-layout .form-container .form-row:last-child {
      margin-right: 0; }

.form-row.error .form-field.block-choice-field {
  box-shadow: 0 0 0 2px #e61a1a; }
  .form-row.error .form-field.block-choice-field .block-choice-value input:checked + label {
    color: #e61a1a; }

.form-row.warning .form-field.block-choice-field {
  box-shadow: 0 0 0 2px #ff7700; }
  .form-row.warning .form-field.block-choice-field .block-choice-value input:checked + label {
    color: #ff7700; }

.form-row.success .form-field.block-choice-field {
  box-shadow: 0 0 0 2px #50b649; }
  .form-row.success .form-field.block-choice-field .block-choice-value input:checked + label {
    color: #50b649; }

.form-row.readonly .form-field.block-choice-field .block-choice-value label {
  cursor: initial; }

.form-row.disabled .form-field.block-choice-field .block-choice-value label,
.form-row .form-field.block-choice-field .block-choice-value.disabled label {
  cursor: not-allowed; }

.form-row.readonly .form-field.block-choice-field:not(.inverted) .block-choice-value label,
.form-row.disabled .form-field.block-choice-field:not(.inverted) .block-choice-value label,
.form-row .form-field.block-choice-field:not(.inverted) .block-choice-value.readonly label,
.form-row .form-field.block-choice-field:not(.inverted) .block-choice-value.disabled label {
  color: white;
  background: #e6e6e6; }

.form-row.readonly .form-field.block-choice-field:not(.inverted) .block-choice-value:hover label, .form-row.readonly .form-field.block-choice-field:not(.inverted) .block-choice-value:focus label,
.form-row.disabled .form-field.block-choice-field:not(.inverted) .block-choice-value:hover label,
.form-row.disabled .form-field.block-choice-field:not(.inverted) .block-choice-value:focus label,
.form-row .form-field.block-choice-field:not(.inverted) .block-choice-value.readonly:hover label,
.form-row .form-field.block-choice-field:not(.inverted) .block-choice-value.readonly:focus label,
.form-row .form-field.block-choice-field:not(.inverted) .block-choice-value.disabled:hover label,
.form-row .form-field.block-choice-field:not(.inverted) .block-choice-value.disabled:focus label {
  color: white;
  background: #e6e6e6; }

.form-row.readonly .form-field.block-choice-field:not(.inverted) .block-choice-value:active label,
.form-row.disabled .form-field.block-choice-field:not(.inverted) .block-choice-value:active label,
.form-row .form-field.block-choice-field:not(.inverted) .block-choice-value.readonly:active label,
.form-row .form-field.block-choice-field:not(.inverted) .block-choice-value.disabled:active label {
  color: white;
  background: #e6e6e6; }

.form-row.readonly .form-field.block-choice-field.inverted .block-choice-value label,
.form-row.disabled .form-field.block-choice-field.inverted .block-choice-value label,
.form-row .form-field.block-choice-field.inverted .block-choice-value.readonly label,
.form-row .form-field.block-choice-field.inverted .block-choice-value.disabled label {
  color: rgba(255, 255, 255, 0.38);
  background: rgba(77, 77, 77, 0.38); }

.form-row.readonly .form-field.block-choice-field.inverted .block-choice-value:hover label, .form-row.readonly .form-field.block-choice-field.inverted .block-choice-value:focus label,
.form-row.disabled .form-field.block-choice-field.inverted .block-choice-value:hover label,
.form-row.disabled .form-field.block-choice-field.inverted .block-choice-value:focus label,
.form-row .form-field.block-choice-field.inverted .block-choice-value.readonly:hover label,
.form-row .form-field.block-choice-field.inverted .block-choice-value.readonly:focus label,
.form-row .form-field.block-choice-field.inverted .block-choice-value.disabled:hover label,
.form-row .form-field.block-choice-field.inverted .block-choice-value.disabled:focus label {
  color: rgba(255, 255, 255, 0.38);
  background: rgba(77, 77, 77, 0.38); }

.form-row.readonly .form-field.block-choice-field.inverted .block-choice-value:active label,
.form-row.disabled .form-field.block-choice-field.inverted .block-choice-value:active label,
.form-row .form-field.block-choice-field.inverted .block-choice-value.readonly:active label,
.form-row .form-field.block-choice-field.inverted .block-choice-value.disabled:active label {
  color: rgba(255, 255, 255, 0.38);
  background: rgba(77, 77, 77, 0.38); }

.form-row.readonly .form-field.block-choice-field .block-choice-value input:checked + label,
.form-row.disabled .form-field.block-choice-field .block-choice-value input:checked + label,
.form-row .block-choice-value.readonly input:checked + label,
.form-row .block-choice-value.disabled input:checked + label {
  background: rgba(0, 157, 255, 0.38); }
  .form-row.readonly .form-field.block-choice-field .block-choice-value input:checked + label:hover, .form-row.readonly .form-field.block-choice-field .block-choice-value input:checked + label:focus,
  .form-row.disabled .form-field.block-choice-field .block-choice-value input:checked + label:hover,
  .form-row.disabled .form-field.block-choice-field .block-choice-value input:checked + label:focus,
  .form-row .block-choice-value.readonly input:checked + label:hover,
  .form-row .block-choice-value.readonly input:checked + label:focus,
  .form-row .block-choice-value.disabled input:checked + label:hover,
  .form-row .block-choice-value.disabled input:checked + label:focus {
    background: rgba(0, 157, 255, 0.38); }
  .form-row.readonly .form-field.block-choice-field .block-choice-value input:checked + label:active,
  .form-row.disabled .form-field.block-choice-field .block-choice-value input:checked + label:active,
  .form-row .block-choice-value.readonly input:checked + label:active,
  .form-row .block-choice-value.disabled input:checked + label:active {
    background: rgba(0, 157, 255, 0.38); }

.form-row.readonly .form-field.block-choice-field .block-choice-value.secondary input:checked + label,
.form-row.disabled .form-field.block-choice-field .block-choice-value.secondary input:checked + label,
.form-row .block-choice-value.readonly.secondary input:checked + label,
.form-row .block-choice-value.disabled.secondary input:checked + label {
  background: rgba(128, 128, 128, 0.38); }
  .form-row.readonly .form-field.block-choice-field .block-choice-value.secondary input:checked + label:hover, .form-row.readonly .form-field.block-choice-field .block-choice-value.secondary input:checked + label:focus,
  .form-row.disabled .form-field.block-choice-field .block-choice-value.secondary input:checked + label:hover,
  .form-row.disabled .form-field.block-choice-field .block-choice-value.secondary input:checked + label:focus,
  .form-row .block-choice-value.readonly.secondary input:checked + label:hover,
  .form-row .block-choice-value.readonly.secondary input:checked + label:focus,
  .form-row .block-choice-value.disabled.secondary input:checked + label:hover,
  .form-row .block-choice-value.disabled.secondary input:checked + label:focus {
    background: rgba(128, 128, 128, 0.38); }
  .form-row.readonly .form-field.block-choice-field .block-choice-value.secondary input:checked + label:active,
  .form-row.disabled .form-field.block-choice-field .block-choice-value.secondary input:checked + label:active,
  .form-row .block-choice-value.readonly.secondary input:checked + label:active,
  .form-row .block-choice-value.disabled.secondary input:checked + label:active {
    background: rgba(128, 128, 128, 0.38); }

.form-row.readonly .form-field.block-choice-field .block-choice-value.alert input:checked + label,
.form-row.disabled .form-field.block-choice-field .block-choice-value.alert input:checked + label,
.form-row .block-choice-value.readonly.alert input:checked + label,
.form-row .block-choice-value.disabled.alert input:checked + label {
  background: rgba(230, 26, 26, 0.38); }
  .form-row.readonly .form-field.block-choice-field .block-choice-value.alert input:checked + label:hover, .form-row.readonly .form-field.block-choice-field .block-choice-value.alert input:checked + label:focus,
  .form-row.disabled .form-field.block-choice-field .block-choice-value.alert input:checked + label:hover,
  .form-row.disabled .form-field.block-choice-field .block-choice-value.alert input:checked + label:focus,
  .form-row .block-choice-value.readonly.alert input:checked + label:hover,
  .form-row .block-choice-value.readonly.alert input:checked + label:focus,
  .form-row .block-choice-value.disabled.alert input:checked + label:hover,
  .form-row .block-choice-value.disabled.alert input:checked + label:focus {
    background: rgba(230, 26, 26, 0.38); }
  .form-row.readonly .form-field.block-choice-field .block-choice-value.alert input:checked + label:active,
  .form-row.disabled .form-field.block-choice-field .block-choice-value.alert input:checked + label:active,
  .form-row .block-choice-value.readonly.alert input:checked + label:active,
  .form-row .block-choice-value.disabled.alert input:checked + label:active {
    background: rgba(230, 26, 26, 0.38); }

.form-row.readonly .form-field.block-choice-field .block-choice-value.warning input:checked + label,
.form-row.disabled .form-field.block-choice-field .block-choice-value.warning input:checked + label,
.form-row .block-choice-value.readonly.warning input:checked + label,
.form-row .block-choice-value.disabled.warning input:checked + label {
  background: rgba(255, 119, 0, 0.38); }
  .form-row.readonly .form-field.block-choice-field .block-choice-value.warning input:checked + label:hover, .form-row.readonly .form-field.block-choice-field .block-choice-value.warning input:checked + label:focus,
  .form-row.disabled .form-field.block-choice-field .block-choice-value.warning input:checked + label:hover,
  .form-row.disabled .form-field.block-choice-field .block-choice-value.warning input:checked + label:focus,
  .form-row .block-choice-value.readonly.warning input:checked + label:hover,
  .form-row .block-choice-value.readonly.warning input:checked + label:focus,
  .form-row .block-choice-value.disabled.warning input:checked + label:hover,
  .form-row .block-choice-value.disabled.warning input:checked + label:focus {
    background: rgba(255, 119, 0, 0.38); }
  .form-row.readonly .form-field.block-choice-field .block-choice-value.warning input:checked + label:active,
  .form-row.disabled .form-field.block-choice-field .block-choice-value.warning input:checked + label:active,
  .form-row .block-choice-value.readonly.warning input:checked + label:active,
  .form-row .block-choice-value.disabled.warning input:checked + label:active {
    background: rgba(255, 119, 0, 0.38); }

.form-row.readonly .form-field.block-choice-field .block-choice-value.success input:checked + label,
.form-row.disabled .form-field.block-choice-field .block-choice-value.success input:checked + label,
.form-row .block-choice-value.readonly.success input:checked + label,
.form-row .block-choice-value.disabled.success input:checked + label {
  background: rgba(80, 182, 73, 0.38); }
  .form-row.readonly .form-field.block-choice-field .block-choice-value.success input:checked + label:hover, .form-row.readonly .form-field.block-choice-field .block-choice-value.success input:checked + label:focus,
  .form-row.disabled .form-field.block-choice-field .block-choice-value.success input:checked + label:hover,
  .form-row.disabled .form-field.block-choice-field .block-choice-value.success input:checked + label:focus,
  .form-row .block-choice-value.readonly.success input:checked + label:hover,
  .form-row .block-choice-value.readonly.success input:checked + label:focus,
  .form-row .block-choice-value.disabled.success input:checked + label:hover,
  .form-row .block-choice-value.disabled.success input:checked + label:focus {
    background: rgba(80, 182, 73, 0.38); }
  .form-row.readonly .form-field.block-choice-field .block-choice-value.success input:checked + label:active,
  .form-row.disabled .form-field.block-choice-field .block-choice-value.success input:checked + label:active,
  .form-row .block-choice-value.readonly.success input:checked + label:active,
  .form-row .block-choice-value.disabled.success input:checked + label:active {
    background: rgba(80, 182, 73, 0.38); }

.form-row.readonly .form-field.block-choice-field .block-choice-value.admin input:checked + label,
.form-row.disabled .form-field.block-choice-field .block-choice-value.admin input:checked + label,
.form-row .block-choice-value.readonly.admin input:checked + label,
.form-row .block-choice-value.disabled.admin input:checked + label {
  background: rgba(138, 64, 191, 0.38); }
  .form-row.readonly .form-field.block-choice-field .block-choice-value.admin input:checked + label:hover, .form-row.readonly .form-field.block-choice-field .block-choice-value.admin input:checked + label:focus,
  .form-row.disabled .form-field.block-choice-field .block-choice-value.admin input:checked + label:hover,
  .form-row.disabled .form-field.block-choice-field .block-choice-value.admin input:checked + label:focus,
  .form-row .block-choice-value.readonly.admin input:checked + label:hover,
  .form-row .block-choice-value.readonly.admin input:checked + label:focus,
  .form-row .block-choice-value.disabled.admin input:checked + label:hover,
  .form-row .block-choice-value.disabled.admin input:checked + label:focus {
    background: rgba(138, 64, 191, 0.38); }
  .form-row.readonly .form-field.block-choice-field .block-choice-value.admin input:checked + label:active,
  .form-row.disabled .form-field.block-choice-field .block-choice-value.admin input:checked + label:active,
  .form-row .block-choice-value.readonly.admin input:checked + label:active,
  .form-row .block-choice-value.disabled.admin input:checked + label:active {
    background: rgba(138, 64, 191, 0.38); }

/**
 * Includes all select components.
 */
/**
 * Core required for un-styled select2.
 *
 * It is also divided into 3 sub-components: single, multi and dropdown.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * Form input styling.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.select2-container {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  margin: 0;
  vertical-align: middle; }
  .select2-container .selection {
    display: block;
    line-height: 0; }
  .select2-container.select2-container--open.select2-container--above span.select2-selection {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .select2-container.select2-container--open.select2-container--below span.select2-selection {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .select2-container .select2-selection {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .select2-container .select2-selection .select2-selection__rendered {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }

.select2-close-mask {
  display: block;
  position: fixed;
  border: 0;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  opacity: 0;
  z-index: 99;
  background: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  margin: -1px;
  clip: rect(0 0 0 0);
  overflow: hidden; }

/**
 * Select single styling
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 *
 * @todo: error, warning and success don't have a visible focus state
 */
.form-row .select2-selection--single {
  display: inline-block;
  position: relative;
  width: 100%;
  height: auto;
  color: #262626;
  background: #f2f2f2;
  border: 1px solid #b3b3b3;
  border-radius: 0.25rem;
  font: 400 1rem/1.5em "Noto Sans", sans-serif;
  outline: none;
  cursor: pointer; }
  .form-row .select2-selection--single .select2-selection__rendered {
    display: block;
    position: relative;
    padding: 0.5rem;
    padding-right: 2.5rem; }
    .form-row .select2-selection--single .select2-selection__rendered::after {
      content: "\00A0"; }
  .form-row .select2-selection--single .select2-selection__placeholder {
    color: #b3b3b3; }
  .form-row .select2-selection--single .select2-selection__clear {
    position: absolute;
    right: 0;
    top: -1px;
    width: 0;
    visibility: hidden; }
  .form-row .select2-selection--single .select2-selection__clear::after {
    position: absolute;
    width: 2.5rem;
    padding: 0.5rem;
    padding-right: 0;
    top: -1px;
    margin-top: 2px;
    right: -0.5rem;
    font: normal 1rem/1.5em "FontAwesome";
    content: "";
    color: #262626;
    border: 1px solid transparent;
    visibility: visible;
    text-align: center; }
  .form-row .select2-selection--single .select2-selection__arrow b::before {
    position: absolute;
    width: 2.5rem;
    padding: 0.5rem;
    top: -1px;
    margin-top: 0;
    right: 0;
    font: normal 1rem/1.5em "FontAwesome";
    content: "";
    border: 1px solid transparent;
    text-align: center; }
  .form-row .select2-selection--single:focus {
    color: black;
    background: #e6e6e6;
    border-color: #999999; }

.form-row .select2-container.select2-container--open .select2-selection--single {
  color: black;
  background: #e6e6e6;
  border-color: #999999; }

.form-row .select2-container.select2-container--open.select2-container--above .select2-selection--single {
  box-shadow: 0 2px 0.25rem rgba(0, 0, 0, 0.2); }

.form-row .select2-container.select2-container--open.select2-container--below .select2-selection--single {
  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.2); }

.form-row .select2-container.select2-container--open .select2-selection__arrow b::before {
  top: 0;
  content: ""; }

.form-row .select2-container.select2-container--disabled .select2-selection--single {
  color: #b3b3b3;
  background: #f2f2f2;
  border-color: #e6e6e6;
  cursor: not-allowed; }

.form-row.error .form-field .select2-container:not(.select2-container--open) .select2-selection--single, .form-row.error .form-field .select2-container:not(.select2-container--open) .select2-selection--single:focus {
  background: #fce8e8;
  border-color: #e61a1a;
  box-shadow: 0 0 0 1px #e61a1a; }
  .form-row.error .form-field .select2-container:not(.select2-container--open) .select2-selection--single .select2-selection__placeholder, .form-row.error .form-field .select2-container:not(.select2-container--open) .select2-selection--single:focus .select2-selection__placeholder {
    color: #f7baba; }

.form-row.warning .form-field .select2-container:not(.select2-container--open) .select2-selection--single, .form-row.warning .form-field .select2-container:not(.select2-container--open) .select2-selection--single:focus {
  background: #fff1e6;
  border-color: #ff7700;
  box-shadow: 0 0 0 1px #ff7700; }
  .form-row.warning .form-field .select2-container:not(.select2-container--open) .select2-selection--single .select2-selection__placeholder, .form-row.warning .form-field .select2-container:not(.select2-container--open) .select2-selection--single:focus .select2-selection__placeholder {
    color: #ffd6b3; }

.form-row.success .form-field .select2-container:not(.select2-container--open) .select2-selection--single, .form-row.success .form-field .select2-container:not(.select2-container--open) .select2-selection--single:focus {
  background: #edf8ed;
  border-color: #50b649;
  box-shadow: 0 0 0 1px #50b649; }
  .form-row.success .form-field .select2-container:not(.select2-container--open) .select2-selection--single .select2-selection__placeholder, .form-row.success .form-field .select2-container:not(.select2-container--open) .select2-selection--single:focus .select2-selection__placeholder {
    color: #cae9c8; }

.form-row.primary .form-field .select2-container:not(.select2-container--open) .select2-selection--single, .form-row.primary .form-field .select2-container:not(.select2-container--open) .select2-selection--single:focus {
  background: #e6f5ff;
  border-color: #009dff;
  box-shadow: 0 0 0 1px #009dff; }
  .form-row.primary .form-field .select2-container:not(.select2-container--open) .select2-selection--single .select2-selection__placeholder, .form-row.primary .form-field .select2-container:not(.select2-container--open) .select2-selection--single:focus .select2-selection__placeholder {
    color: #b3e2ff; }

/**
 * Multiple select form input
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.form-row .select2-selection--multiple {
  display: block;
  position: relative;
  color: #262626;
  background: #f2f2f2;
  border: 1px solid #b3b3b3;
  border-radius: 0.25rem;
  font: 400 1rem/1.5em "Noto Sans", sans-serif;
  outline: none;
  cursor: text; }

.form-row .select2-selection__rendered {
  display: block;
  position: relative;
  box-sizing: border-box;
  list-style: none;
  width: 100%;
  padding: 0.5rem 0 0 0.5rem;
  margin: 0; }
  .form-row .select2-selection__rendered::after {
    content: "\00A0"; }
  .form-row .select2-selection__rendered > li {
    display: inline-block;
    float: left;
    margin: 0 0.5rem 0.5rem 0;
    cursor: default; }
    .form-row .select2-selection__rendered > li.select2-search--inline {
      display: inline-block; }
      .form-row .select2-selection__rendered > li.select2-search--inline input {
        min-width: 4rem; }
    .form-row .select2-selection__rendered > li.select2-selection__choice {
      color: #f2f2f2;
      background: #262626;
      padding: 0 0.5rem;
      border-radius: 0.25rem; }
    .form-row .select2-selection__rendered > li .select2-selection__choice__remove {
      cursor: pointer;
      padding-right: 0.25rem; }

.form-row .select2-selection__placeholder {
  color: #b3b3b3; }

.form-row .select2-container.select2-container--open .select2-selection--multiple {
  color: black;
  background: #e6e6e6;
  border-color: #999999; }

.form-row .select2-container.select2-container--open.select2-container--above .select2-selection--multiple {
  box-shadow: 0 2px 0.25rem rgba(0, 0, 0, 0.2); }

.form-row .select2-container.select2-container--open.select2-container--below .select2-selection--multiple {
  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.2); }

.form-row .select2-container.select2-container--disabled .select2-selection--multiple {
  color: #b3b3b3;
  background: #f2f2f2;
  border-color: #e6e6e6;
  cursor: not-allowed; }
  .form-row .select2-container.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {
    display: none; }

.form-row.error .form-field .select2-container:not(.select2-container--open) .select2-selection--multiple, .form-row.error .form-field .select2-container:not(.select2-container--open) .select2-selection--multiple:focus {
  background: #fce8e8;
  border-color: #e61a1a;
  box-shadow: 0 0 0 1px #e61a1a; }
  .form-row.error .form-field .select2-container:not(.select2-container--open) .select2-selection--multiple .select2-selection__placeholder, .form-row.error .form-field .select2-container:not(.select2-container--open) .select2-selection--multiple:focus .select2-selection__placeholder {
    color: #f7baba; }

.form-row.warning .form-field .select2-container:not(.select2-container--open) .select2-selection--multiple, .form-row.warning .form-field .select2-container:not(.select2-container--open) .select2-selection--multiple:focus {
  background: #fff1e6;
  border-color: #ff7700;
  box-shadow: 0 0 0 1px #ff7700; }
  .form-row.warning .form-field .select2-container:not(.select2-container--open) .select2-selection--multiple .select2-selection__placeholder, .form-row.warning .form-field .select2-container:not(.select2-container--open) .select2-selection--multiple:focus .select2-selection__placeholder {
    color: #ffd6b3; }

.form-row.success .form-field .select2-container:not(.select2-container--open) .select2-selection--multiple, .form-row.success .form-field .select2-container:not(.select2-container--open) .select2-selection--multiple:focus {
  background: #edf8ed;
  border-color: #50b649;
  box-shadow: 0 0 0 1px #50b649; }
  .form-row.success .form-field .select2-container:not(.select2-container--open) .select2-selection--multiple .select2-selection__placeholder, .form-row.success .form-field .select2-container:not(.select2-container--open) .select2-selection--multiple:focus .select2-selection__placeholder {
    color: #cae9c8; }

/**
 * Select's drop-down
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.select2-container .select2-dropdown {
  display: block;
  position: absolute;
  box-sizing: border-box;
  left: -100000px;
  width: 100%;
  z-index: 1978;
  color: black;
  background: #e6e6e6;
  border: 1px solid #999999;
  border-radius: 0.25rem;
  font: 400 1rem/1.5em "Noto Sans", sans-serif; }

.select2-container .select2-search--dropdown {
  display: block;
  padding: 0 0.5rem; }
  .select2-container .select2-search--dropdown.select2-search--hide {
    display: none; }
  .select2-container .select2-search--dropdown input.select2-search__field {
    color: black;
    background: #e6e6e6;
    border: 0;
    border-radius: 0.25rem;
    padding: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    font: 400 1rem/1.5em "Noto Sans", sans-serif;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; }

.select2-container .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0; }

.select2-container .select2-results {
  display: block;
  padding: 0.5rem; }

.select2-container .select2-search:not(.select2-search--hide) + .select2-results {
  padding-top: 0; }

.select2-container .select2-results__options {
  max-height: 200px;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: auto; }
  .select2-container .select2-results__options .select2-results__option {
    padding: 0.25rem 0.5rem;
    font: 400 1rem/1.5em "Noto Sans", sans-serif;
    color: black;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .select2-container .select2-results__options .select2-results__option[aria-disabled=true] {
      color: #b3b3b3;
      cursor: not-allowed; }
    .select2-container .select2-results__options .select2-results__option[aria-selected=true] {
      color: black; }
    .select2-container .select2-results__options .select2-results__option.select2-results__option--highlighted[aria-selected] {
      color: black;
      background: #b3b3b3; }

.select2-container .select2-results__option {
  padding-left: 1em; }
  .select2-container .select2-results__option[role=group] {
    padding: 0; }
  .select2-container .select2-results__option .select2-results__option {
    padding-left: 1em; }

.select2-container .select2-results__group {
  display: block;
  padding: 0.25rem 0.5rem;
  cursor: default;
  font: 700 1.125rem/1.2em "Noto Sans", sans-serif;
  letter-spacing: -0.05rem; }

.select2-container.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.2); }

.select2-container.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0 2px 0.25rem rgba(0, 0, 0, 0.2); }

/**
 * Includes all datepicker components.
 */
/**
 * Styling of datepicker input
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.zf-cal {
  position: relative;
  width: 16rem;
  color: black;
  background: #e6e6e6;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .zf-cal .zf-cal-header {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-align-content: center;
    -moz-align-content: center;
    align-content: center;
    -ms-flex-line-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    position: relative;
    font: 400 0.875rem/1.2em "Noto Sans", sans-serif;
    margin-bottom: 0.5rem; }
    .zf-cal .zf-cal-header .zf-cal-prev {
      width: 10%; }
    .zf-cal .zf-cal-header .zf-cal-month-selector {
      width: 50%; }
    .zf-cal .zf-cal-header .zf-cal-year-selector {
      width: 30%; }
    .zf-cal .zf-cal-header .zf-cal-next {
      width: 10%; }
    .zf-cal .zf-cal-header .zf-cal-month-selector,
    .zf-cal .zf-cal-header .zf-cal-year-selector {
      text-align: center; }
    .zf-cal .zf-cal-header .zf-cal-prev, .zf-cal .zf-cal-header .zf-cal-next {
      display: inline-block;
      position: relative;
      font: normal 1rem/1.5em "FontAwesome";
      cursor: pointer;
      text-align: center; }
    .zf-cal .zf-cal-header .zf-cal-prev > div:before {
      content: "";
      top: 1px; }
    .zf-cal .zf-cal-header .zf-cal-next > div:before {
      content: "";
      top: 1px; }
  .zf-cal table {
    width: 100%;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    background: white; }
  .zf-cal td {
    width: 14%;
    padding: 0.5rem 0;
    font: 400 0.875rem/1.2em "Noto Sans", sans-serif;
    color: #262626;
    border: 1px solid #e6e6e6;
    background: white;
    vertical-align: top;
    text-align: center;
    cursor: pointer; }
  .zf-cal .zf-cal-dow td {
    font: 400 0.75rem/1.2em "Noto Sans", sans-serif;
    color: #b3b3b3;
    cursor: default; }
  .zf-cal .zf-cal-days td.empty {
    color: #262626;
    background: white url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAMAAAC6sdbXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF7u7u////KNOqmgAAABlJREFUeNpiYGRkZABCCGIA8UAEI4QACDAAAUoAFV5+ydgAAAAASUVORK5CYII=");
    cursor: not-allowed; }
  .zf-cal .zf-cal-days td.today {
    color: #262626;
    background: #f2f2f2; }
  .zf-cal .zf-cal-days td.selected {
    color: #e6e6e6;
    background: #262626; }
  .zf-cal .zf-cal-days td:not(.empty):hover {
    color: #f2f2f2;
    background: #262626; }

/**
 * Form styling related to form layout.
 *
 * Field layouts:
 * - default:     Fields are rendered vertically
 * - inline:      Fields are rendered horizontally and may take more than one line
 * - column:      Fields are rendered in columns.
 * - flex:        Fields are spread on 100% of the available space possibly using multiple lines.
 *
 * @deprecated use grid-flex instead
 */
.form-row {
  margin: 0 0 1.75rem 0; }
  .form-row .form-label {
    margin: 0 0 0.25rem 0; }
  .form-row:last-child {
    margin-bottom: 0; }

.form-row .form-field.default-layout > .form-container > .form-row {
  width: 100%;
  margin: 0 0 0.25rem 0; }
  .form-row .form-field.default-layout > .form-container > .form-row:last-child {
    margin: 0; }

.form-row .form-field.inline-layout > .form-container {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -0.375rem; }
  .form-row .form-field.inline-layout > .form-container > .form-row {
    margin: 0.375rem; }

.form-row .form-field.flex-layout > .form-container, .form-row .form-field.flex-css-layout > .form-container {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin: -0.375rem; }
  .form-row .form-field.flex-layout > .form-container > .form-row, .form-row .form-field.flex-css-layout > .form-container > .form-row {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0.375rem; }
    .form-row .form-field.flex-layout > .form-container > .form-row.flex-1, .form-row .form-field.flex-css-layout > .form-container > .form-row.flex-1 {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1; }
    .form-row .form-field.flex-layout > .form-container > .form-row.flex-2, .form-row .form-field.flex-css-layout > .form-container > .form-row.flex-2 {
      -webkit-box-flex: 2;
      -moz-box-flex: 2;
      box-flex: 2;
      -webkit-flex: 2;
      -moz-flex: 2;
      -ms-flex: 2;
      flex: 2; }
    .form-row .form-field.flex-layout > .form-container > .form-row.flex-3, .form-row .form-field.flex-css-layout > .form-container > .form-row.flex-3 {
      -webkit-box-flex: 3;
      -moz-box-flex: 3;
      box-flex: 3;
      -webkit-flex: 3;
      -moz-flex: 3;
      -ms-flex: 3;
      flex: 3; }
    .form-row .form-field.flex-layout > .form-container > .form-row.flex-4, .form-row .form-field.flex-css-layout > .form-container > .form-row.flex-4 {
      -webkit-box-flex: 4;
      -moz-box-flex: 4;
      box-flex: 4;
      -webkit-flex: 4;
      -moz-flex: 4;
      -ms-flex: 4;
      flex: 4; }
    .form-row .form-field.flex-layout > .form-container > .form-row.flex-5, .form-row .form-field.flex-css-layout > .form-container > .form-row.flex-5 {
      -webkit-box-flex: 5;
      -moz-box-flex: 5;
      box-flex: 5;
      -webkit-flex: 5;
      -moz-flex: 5;
      -ms-flex: 5;
      flex: 5; }
    .form-row .form-field.flex-layout > .form-container > .form-row.flex-6, .form-row .form-field.flex-css-layout > .form-container > .form-row.flex-6 {
      -webkit-box-flex: 6;
      -moz-box-flex: 6;
      box-flex: 6;
      -webkit-flex: 6;
      -moz-flex: 6;
      -ms-flex: 6;
      flex: 6; }
    .form-row .form-field.flex-layout > .form-container > .form-row.flex-7, .form-row .form-field.flex-css-layout > .form-container > .form-row.flex-7 {
      -webkit-box-flex: 7;
      -moz-box-flex: 7;
      box-flex: 7;
      -webkit-flex: 7;
      -moz-flex: 7;
      -ms-flex: 7;
      flex: 7; }
    .form-row .form-field.flex-layout > .form-container > .form-row.flex-8, .form-row .form-field.flex-css-layout > .form-container > .form-row.flex-8 {
      -webkit-box-flex: 8;
      -moz-box-flex: 8;
      box-flex: 8;
      -webkit-flex: 8;
      -moz-flex: 8;
      -ms-flex: 8;
      flex: 8; }
    .form-row .form-field.flex-layout > .form-container > .form-row.flex-9, .form-row .form-field.flex-css-layout > .form-container > .form-row.flex-9 {
      -webkit-box-flex: 9;
      -moz-box-flex: 9;
      box-flex: 9;
      -webkit-flex: 9;
      -moz-flex: 9;
      -ms-flex: 9;
      flex: 9; }
    .form-row .form-field.flex-layout > .form-container > .form-row.flex-10, .form-row .form-field.flex-css-layout > .form-container > .form-row.flex-10 {
      -webkit-box-flex: 10;
      -moz-box-flex: 10;
      box-flex: 10;
      -webkit-flex: 10;
      -moz-flex: 10;
      -ms-flex: 10;
      flex: 10; }

.form-row .form-field.column-layout > .form-container {
  -webkit-columns: 7.5rem;
  -moz-columns: 7.5rem;
  columns: 7.5rem;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4; }

/**
 * Includes all icons
 */
/**
 * font awesome icon fix
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
[class^="fa-"] {
  display: inline-block;
  font: normal normal normal 1em/1 FontAwesome;
  width: 1em;
  height: 1em;
  text-align: center;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  [class^="fa-"].fa-rotate-45 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  [class^="fa-"].fa-rotate-315 {
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg); }

/**
 * material design icon fix:
 *
 * It increases the size of the font to match the icon size of FontAwesome, and it enforces a bottom vertical align to
 * ensure that the icon are correctly aligned.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.md-icon {
  display: inline-block;
  font: normal normal normal 1.125em/1 'Material Icons';
  width: 1em;
  height: 1em;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
  vertical-align: -0.125em; }

button > i.md-icon, .button > i.md-icon {
  font-size: 1.5rem;
  vertical-align: top; }

/**
 * Includes all loader styling
 */
/**
 * The image ui component.
 *
 * @author Vincent Barrault <vbarrault@oxent.net>
 */
img.image {
  display: block; }
  img.image.inline {
    display: inline; }
  img.image.width-expand {
    width: 100%; }

/**
 * Includes all grid styling
 */
/**
 * Includes all flex grid styling
 */
/**
 * core ui flexgrid component.
 *
 * Provides a generic way to layout items on a page by using the flexible box layout module (flexbox)
 *
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 * @date   05/02/2016 
 */
/**
 * Grid flex configuration
 */
/**
 * core ui flexgrid component.
 *
 * Provides a generic way to layout items on a page by using the flexible box layout module (flexbox)
 *
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 * @date   05/02/2016 
 */
.grid-flex {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  box-sizing: border-box;
  margin: -0.75rem 0 0 -0.75rem; }
  .grid-flex.horizontal {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .grid-flex.vertical {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .grid-flex.nowrap {
    -webkit-box-lines: single;
    -moz-box-lines: single;
    box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .grid-flex.align-start {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start; }
  .grid-flex.align-center {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
  .grid-flex.align-end {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end; }
  .grid-flex.align-spread {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify; }
  .grid-flex.align-around {
    -webkit-box-pack: distribute;
    -moz-box-pack: distribute;
    box-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: distribute; }
  .grid-flex.align-top {
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start; }
  .grid-flex.align-middle {
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center; }
  .grid-flex.align-bottom {
    -webkit-box-align: end;
    -moz-box-align: end;
    box-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-align: end; }
  .grid-flex.align-baseline {
    -webkit-box-align: baseline;
    -moz-box-align: baseline;
    box-align: baseline;
    -webkit-align-items: baseline;
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    -o-align-items: baseline;
    align-items: baseline;
    -ms-flex-align: baseline; }
  .grid-flex.align-stretch {
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    box-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;
    -ms-flex-align: stretch; }
  .grid-flex > * {
    padding: 0.75rem 0 0 0.75rem; }
  .grid-flex.outer-spacing {
    margin: 0 0.75rem 0.75rem 0; }
  .grid-flex.spaceless {
    margin: 0 0 0 0; }
    .grid-flex.spaceless > * {
      padding: 0 0 0 0; }
    .grid-flex.spaceless.outer-spacing {
      margin: 0 0 0 0; }
  .grid-flex.spacing-tiny {
    margin: -0.25rem 0 0 -0.25rem; }
    .grid-flex.spacing-tiny > * {
      padding: 0.25rem 0 0 0.25rem; }
    .grid-flex.spacing-tiny.outer-spacing {
      margin: 0 0.25rem 0.25rem 0; }
  .grid-flex.spacing-small {
    margin: -0.5rem 0 0 -0.5rem; }
    .grid-flex.spacing-small > * {
      padding: 0.5rem 0 0 0.5rem; }
    .grid-flex.spacing-small.outer-spacing {
      margin: 0 0.5rem 0.5rem 0; }
  .grid-flex.spacing-medium {
    margin: -0.75rem 0 0 -0.75rem; }
    .grid-flex.spacing-medium > * {
      padding: 0.75rem 0 0 0.75rem; }
    .grid-flex.spacing-medium.outer-spacing {
      margin: 0 0.75rem 0.75rem 0; }
  .grid-flex.spacing-large {
    margin: -1.25rem 0 0 -1.25rem; }
    .grid-flex.spacing-large > * {
      padding: 1.25rem 0 0 1.25rem; }
    .grid-flex.spacing-large.outer-spacing {
      margin: 0 1.25rem 1.25rem 0; }
  .grid-flex.spacing-huge {
    margin: -2.5rem 0 0 -2.5rem; }
    .grid-flex.spacing-huge > * {
      padding: 2.5rem 0 0 2.5rem; }
    .grid-flex.spacing-huge.outer-spacing {
      margin: 0 2.5rem 2.5rem 0; }
  .grid-flex.spacing-one {
    margin: -1px 0 0 -1px; }
    .grid-flex.spacing-one > * {
      padding: 1px 0 0 1px; }
    .grid-flex.spacing-one.outer-spacing {
      margin: 0 1px 1px 0; }
  .grid-flex.spacing-none {
    margin: 0 0 0 0; }
    .grid-flex.spacing-none > * {
      padding: 0 0 0 0; }
    .grid-flex.spacing-none.outer-spacing {
      margin: 0 0 0 0; }
  .grid-flex.expand {
    height: calc(100% + 0.75rem) !important; }
    .grid-flex.expand.spaceless {
      height: calc(100% + 0px) !important; }
    .grid-flex.expand.spacing-tiny {
      height: calc(100% + 0.25rem) !important; }
    .grid-flex.expand.spacing-small {
      height: calc(100% + 0.5rem) !important; }
    .grid-flex.expand.spacing-medium {
      height: calc(100% + 0.75rem) !important; }
    .grid-flex.expand.spacing-large {
      height: calc(100% + 1.25rem) !important; }
    .grid-flex.expand.spacing-huge {
      height: calc(100% + 2.5rem) !important; }
    .grid-flex.expand.spacing-one {
      height: calc(100% + 1px) !important; }
    .grid-flex.expand.spacing-none {
      height: calc(100% + 0) !important; }
  .grid-flex.vertical > * {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
  .grid-flex > *, .grid-flex.horizontal > * {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 0%;
    -moz-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0; }
  .grid-flex.disable-spacing-left > * {
    padding-left: 0; }
  .grid-flex.disable-spacing-right > * {
    padding-right: 0; }
  .grid-flex.disable-spacing-top > * {
    padding-top: 0; }
  .grid-flex.disable-spacing-bottom > * {
    padding-bottom: 0; }
  .grid-flex.vertical > .push-start {
    margin-bottom: auto; }
  .grid-flex.vertical > .push-end {
    margin-top: auto; }
  .grid-flex:not(.vertical) > .push-start {
    margin-right: auto; }
  .grid-flex:not(.vertical) > .push-end {
    margin-left: auto; }
  .grid-flex > * {
    box-sizing: border-box; }
    .grid-flex > *.size-content {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 auto;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      min-width: initial; }
    .grid-flex > *.size-full {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 100%;
      -moz-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      min-width: 100%; }
    .grid-flex > *.size-1-of-2 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 50%;
      -moz-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      min-width: 50%; }
    .grid-flex > *.size-2-of-2 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 100%;
      -moz-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      min-width: 100%; }
    .grid-flex > *.size-1-of-3 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 33.33333%;
      -moz-flex: 0 0 33.33333%;
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      min-width: 33.33333%; }
    .grid-flex > *.size-2-of-3 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 66.66667%;
      -moz-flex: 0 0 66.66667%;
      -ms-flex: 0 0 66.66667%;
      flex: 0 0 66.66667%;
      min-width: 66.66667%; }
    .grid-flex > *.size-3-of-3 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 100%;
      -moz-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      min-width: 100%; }
    .grid-flex > *.size-1-of-4 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 25%;
      -moz-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      min-width: 25%; }
    .grid-flex > *.size-2-of-4 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 50%;
      -moz-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      min-width: 50%; }
    .grid-flex > *.size-3-of-4 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 75%;
      -moz-flex: 0 0 75%;
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      min-width: 75%; }
    .grid-flex > *.size-4-of-4 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 100%;
      -moz-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      min-width: 100%; }
    .grid-flex > *.size-1-of-5 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 20%;
      -moz-flex: 0 0 20%;
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      min-width: 20%; }
    .grid-flex > *.size-2-of-5 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 40%;
      -moz-flex: 0 0 40%;
      -ms-flex: 0 0 40%;
      flex: 0 0 40%;
      min-width: 40%; }
    .grid-flex > *.size-3-of-5 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 60%;
      -moz-flex: 0 0 60%;
      -ms-flex: 0 0 60%;
      flex: 0 0 60%;
      min-width: 60%; }
    .grid-flex > *.size-4-of-5 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 80%;
      -moz-flex: 0 0 80%;
      -ms-flex: 0 0 80%;
      flex: 0 0 80%;
      min-width: 80%; }
    .grid-flex > *.size-5-of-5 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 100%;
      -moz-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      min-width: 100%; }
    .grid-flex > *.size-1-of-6 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 16.66667%;
      -moz-flex: 0 0 16.66667%;
      -ms-flex: 0 0 16.66667%;
      flex: 0 0 16.66667%;
      min-width: 16.66667%; }
    .grid-flex > *.size-2-of-6 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 33.33333%;
      -moz-flex: 0 0 33.33333%;
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      min-width: 33.33333%; }
    .grid-flex > *.size-3-of-6 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 50%;
      -moz-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      min-width: 50%; }
    .grid-flex > *.size-4-of-6 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 66.66667%;
      -moz-flex: 0 0 66.66667%;
      -ms-flex: 0 0 66.66667%;
      flex: 0 0 66.66667%;
      min-width: 66.66667%; }
    .grid-flex > *.size-5-of-6 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 83.33333%;
      -moz-flex: 0 0 83.33333%;
      -ms-flex: 0 0 83.33333%;
      flex: 0 0 83.33333%;
      min-width: 83.33333%; }
    .grid-flex > *.size-6-of-6 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 100%;
      -moz-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      min-width: 100%; }
    .grid-flex > *.size-1-of-7 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 14.28571%;
      -moz-flex: 0 0 14.28571%;
      -ms-flex: 0 0 14.28571%;
      flex: 0 0 14.28571%;
      min-width: 14.28571%; }
    .grid-flex > *.size-2-of-7 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 28.57143%;
      -moz-flex: 0 0 28.57143%;
      -ms-flex: 0 0 28.57143%;
      flex: 0 0 28.57143%;
      min-width: 28.57143%; }
    .grid-flex > *.size-3-of-7 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 42.85714%;
      -moz-flex: 0 0 42.85714%;
      -ms-flex: 0 0 42.85714%;
      flex: 0 0 42.85714%;
      min-width: 42.85714%; }
    .grid-flex > *.size-4-of-7 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 57.14286%;
      -moz-flex: 0 0 57.14286%;
      -ms-flex: 0 0 57.14286%;
      flex: 0 0 57.14286%;
      min-width: 57.14286%; }
    .grid-flex > *.size-5-of-7 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 71.42857%;
      -moz-flex: 0 0 71.42857%;
      -ms-flex: 0 0 71.42857%;
      flex: 0 0 71.42857%;
      min-width: 71.42857%; }
    .grid-flex > *.size-6-of-7 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 85.71429%;
      -moz-flex: 0 0 85.71429%;
      -ms-flex: 0 0 85.71429%;
      flex: 0 0 85.71429%;
      min-width: 85.71429%; }
    .grid-flex > *.size-7-of-7 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 100%;
      -moz-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      min-width: 100%; }
    .grid-flex > *.size-1-of-8 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 12.5%;
      -moz-flex: 0 0 12.5%;
      -ms-flex: 0 0 12.5%;
      flex: 0 0 12.5%;
      min-width: 12.5%; }
    .grid-flex > *.size-2-of-8 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 25%;
      -moz-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      min-width: 25%; }
    .grid-flex > *.size-3-of-8 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 37.5%;
      -moz-flex: 0 0 37.5%;
      -ms-flex: 0 0 37.5%;
      flex: 0 0 37.5%;
      min-width: 37.5%; }
    .grid-flex > *.size-4-of-8 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 50%;
      -moz-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      min-width: 50%; }
    .grid-flex > *.size-5-of-8 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 62.5%;
      -moz-flex: 0 0 62.5%;
      -ms-flex: 0 0 62.5%;
      flex: 0 0 62.5%;
      min-width: 62.5%; }
    .grid-flex > *.size-6-of-8 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 75%;
      -moz-flex: 0 0 75%;
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      min-width: 75%; }
    .grid-flex > *.size-7-of-8 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 87.5%;
      -moz-flex: 0 0 87.5%;
      -ms-flex: 0 0 87.5%;
      flex: 0 0 87.5%;
      min-width: 87.5%; }
    .grid-flex > *.size-8-of-8 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 100%;
      -moz-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      min-width: 100%; }
    .grid-flex > *.size-1-of-9 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 11.11111%;
      -moz-flex: 0 0 11.11111%;
      -ms-flex: 0 0 11.11111%;
      flex: 0 0 11.11111%;
      min-width: 11.11111%; }
    .grid-flex > *.size-2-of-9 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 22.22222%;
      -moz-flex: 0 0 22.22222%;
      -ms-flex: 0 0 22.22222%;
      flex: 0 0 22.22222%;
      min-width: 22.22222%; }
    .grid-flex > *.size-3-of-9 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 33.33333%;
      -moz-flex: 0 0 33.33333%;
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      min-width: 33.33333%; }
    .grid-flex > *.size-4-of-9 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 44.44444%;
      -moz-flex: 0 0 44.44444%;
      -ms-flex: 0 0 44.44444%;
      flex: 0 0 44.44444%;
      min-width: 44.44444%; }
    .grid-flex > *.size-5-of-9 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 55.55556%;
      -moz-flex: 0 0 55.55556%;
      -ms-flex: 0 0 55.55556%;
      flex: 0 0 55.55556%;
      min-width: 55.55556%; }
    .grid-flex > *.size-6-of-9 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 66.66667%;
      -moz-flex: 0 0 66.66667%;
      -ms-flex: 0 0 66.66667%;
      flex: 0 0 66.66667%;
      min-width: 66.66667%; }
    .grid-flex > *.size-7-of-9 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 77.77778%;
      -moz-flex: 0 0 77.77778%;
      -ms-flex: 0 0 77.77778%;
      flex: 0 0 77.77778%;
      min-width: 77.77778%; }
    .grid-flex > *.size-8-of-9 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 88.88889%;
      -moz-flex: 0 0 88.88889%;
      -ms-flex: 0 0 88.88889%;
      flex: 0 0 88.88889%;
      min-width: 88.88889%; }
    .grid-flex > *.size-9-of-9 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 100%;
      -moz-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      min-width: 100%; }
    .grid-flex > *.size-1-of-10 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 10%;
      -moz-flex: 0 0 10%;
      -ms-flex: 0 0 10%;
      flex: 0 0 10%;
      min-width: 10%; }
    .grid-flex > *.size-2-of-10 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 20%;
      -moz-flex: 0 0 20%;
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      min-width: 20%; }
    .grid-flex > *.size-3-of-10 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 30%;
      -moz-flex: 0 0 30%;
      -ms-flex: 0 0 30%;
      flex: 0 0 30%;
      min-width: 30%; }
    .grid-flex > *.size-4-of-10 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 40%;
      -moz-flex: 0 0 40%;
      -ms-flex: 0 0 40%;
      flex: 0 0 40%;
      min-width: 40%; }
    .grid-flex > *.size-5-of-10 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 50%;
      -moz-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      min-width: 50%; }
    .grid-flex > *.size-6-of-10 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 60%;
      -moz-flex: 0 0 60%;
      -ms-flex: 0 0 60%;
      flex: 0 0 60%;
      min-width: 60%; }
    .grid-flex > *.size-7-of-10 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 70%;
      -moz-flex: 0 0 70%;
      -ms-flex: 0 0 70%;
      flex: 0 0 70%;
      min-width: 70%; }
    .grid-flex > *.size-8-of-10 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 80%;
      -moz-flex: 0 0 80%;
      -ms-flex: 0 0 80%;
      flex: 0 0 80%;
      min-width: 80%; }
    .grid-flex > *.size-9-of-10 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 90%;
      -moz-flex: 0 0 90%;
      -ms-flex: 0 0 90%;
      flex: 0 0 90%;
      min-width: 90%; }
    .grid-flex > *.size-10-of-10 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 100%;
      -moz-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      min-width: 100%; }
    .grid-flex > *.size-1-of-11 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 9.09091%;
      -moz-flex: 0 0 9.09091%;
      -ms-flex: 0 0 9.09091%;
      flex: 0 0 9.09091%;
      min-width: 9.09091%; }
    .grid-flex > *.size-2-of-11 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 18.18182%;
      -moz-flex: 0 0 18.18182%;
      -ms-flex: 0 0 18.18182%;
      flex: 0 0 18.18182%;
      min-width: 18.18182%; }
    .grid-flex > *.size-3-of-11 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 27.27273%;
      -moz-flex: 0 0 27.27273%;
      -ms-flex: 0 0 27.27273%;
      flex: 0 0 27.27273%;
      min-width: 27.27273%; }
    .grid-flex > *.size-4-of-11 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 36.36364%;
      -moz-flex: 0 0 36.36364%;
      -ms-flex: 0 0 36.36364%;
      flex: 0 0 36.36364%;
      min-width: 36.36364%; }
    .grid-flex > *.size-5-of-11 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 45.45455%;
      -moz-flex: 0 0 45.45455%;
      -ms-flex: 0 0 45.45455%;
      flex: 0 0 45.45455%;
      min-width: 45.45455%; }
    .grid-flex > *.size-6-of-11 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 54.54545%;
      -moz-flex: 0 0 54.54545%;
      -ms-flex: 0 0 54.54545%;
      flex: 0 0 54.54545%;
      min-width: 54.54545%; }
    .grid-flex > *.size-7-of-11 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 63.63636%;
      -moz-flex: 0 0 63.63636%;
      -ms-flex: 0 0 63.63636%;
      flex: 0 0 63.63636%;
      min-width: 63.63636%; }
    .grid-flex > *.size-8-of-11 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 72.72727%;
      -moz-flex: 0 0 72.72727%;
      -ms-flex: 0 0 72.72727%;
      flex: 0 0 72.72727%;
      min-width: 72.72727%; }
    .grid-flex > *.size-9-of-11 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 81.81818%;
      -moz-flex: 0 0 81.81818%;
      -ms-flex: 0 0 81.81818%;
      flex: 0 0 81.81818%;
      min-width: 81.81818%; }
    .grid-flex > *.size-10-of-11 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 90.90909%;
      -moz-flex: 0 0 90.90909%;
      -ms-flex: 0 0 90.90909%;
      flex: 0 0 90.90909%;
      min-width: 90.90909%; }
    .grid-flex > *.size-11-of-11 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 100%;
      -moz-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      min-width: 100%; }
    .grid-flex > *.size-1-of-12 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 8.33333%;
      -moz-flex: 0 0 8.33333%;
      -ms-flex: 0 0 8.33333%;
      flex: 0 0 8.33333%;
      min-width: 8.33333%; }
    .grid-flex > *.size-2-of-12 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 16.66667%;
      -moz-flex: 0 0 16.66667%;
      -ms-flex: 0 0 16.66667%;
      flex: 0 0 16.66667%;
      min-width: 16.66667%; }
    .grid-flex > *.size-3-of-12 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 25%;
      -moz-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      min-width: 25%; }
    .grid-flex > *.size-4-of-12 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 33.33333%;
      -moz-flex: 0 0 33.33333%;
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      min-width: 33.33333%; }
    .grid-flex > *.size-5-of-12 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 41.66667%;
      -moz-flex: 0 0 41.66667%;
      -ms-flex: 0 0 41.66667%;
      flex: 0 0 41.66667%;
      min-width: 41.66667%; }
    .grid-flex > *.size-6-of-12 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 50%;
      -moz-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      min-width: 50%; }
    .grid-flex > *.size-7-of-12 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 58.33333%;
      -moz-flex: 0 0 58.33333%;
      -ms-flex: 0 0 58.33333%;
      flex: 0 0 58.33333%;
      min-width: 58.33333%; }
    .grid-flex > *.size-8-of-12 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 66.66667%;
      -moz-flex: 0 0 66.66667%;
      -ms-flex: 0 0 66.66667%;
      flex: 0 0 66.66667%;
      min-width: 66.66667%; }
    .grid-flex > *.size-9-of-12 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 75%;
      -moz-flex: 0 0 75%;
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      min-width: 75%; }
    .grid-flex > *.size-10-of-12 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 83.33333%;
      -moz-flex: 0 0 83.33333%;
      -ms-flex: 0 0 83.33333%;
      flex: 0 0 83.33333%;
      min-width: 83.33333%; }
    .grid-flex > *.size-11-of-12 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 91.66667%;
      -moz-flex: 0 0 91.66667%;
      -ms-flex: 0 0 91.66667%;
      flex: 0 0 91.66667%;
      min-width: 91.66667%; }
    .grid-flex > *.size-12-of-12 {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 100%;
      -moz-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      min-width: 100%; }
    .grid-flex > *.weight-1 {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      min-width: initial; }
    .grid-flex > *.weight-2 {
      -webkit-box-flex: 2;
      -moz-box-flex: 2;
      box-flex: 2;
      -webkit-flex: 2;
      -moz-flex: 2;
      -ms-flex: 2;
      flex: 2;
      min-width: initial; }
    .grid-flex > *.weight-3 {
      -webkit-box-flex: 3;
      -moz-box-flex: 3;
      box-flex: 3;
      -webkit-flex: 3;
      -moz-flex: 3;
      -ms-flex: 3;
      flex: 3;
      min-width: initial; }
    .grid-flex > *.weight-4 {
      -webkit-box-flex: 4;
      -moz-box-flex: 4;
      box-flex: 4;
      -webkit-flex: 4;
      -moz-flex: 4;
      -ms-flex: 4;
      flex: 4;
      min-width: initial; }
    .grid-flex > *.weight-5 {
      -webkit-box-flex: 5;
      -moz-box-flex: 5;
      box-flex: 5;
      -webkit-flex: 5;
      -moz-flex: 5;
      -ms-flex: 5;
      flex: 5;
      min-width: initial; }
    .grid-flex > *.weight-6 {
      -webkit-box-flex: 6;
      -moz-box-flex: 6;
      box-flex: 6;
      -webkit-flex: 6;
      -moz-flex: 6;
      -ms-flex: 6;
      flex: 6;
      min-width: initial; }
    .grid-flex > *.weight-7 {
      -webkit-box-flex: 7;
      -moz-box-flex: 7;
      box-flex: 7;
      -webkit-flex: 7;
      -moz-flex: 7;
      -ms-flex: 7;
      flex: 7;
      min-width: initial; }
    .grid-flex > *.weight-8 {
      -webkit-box-flex: 8;
      -moz-box-flex: 8;
      box-flex: 8;
      -webkit-flex: 8;
      -moz-flex: 8;
      -ms-flex: 8;
      flex: 8;
      min-width: initial; }
    .grid-flex > *.weight-9 {
      -webkit-box-flex: 9;
      -moz-box-flex: 9;
      box-flex: 9;
      -webkit-flex: 9;
      -moz-flex: 9;
      -ms-flex: 9;
      flex: 9;
      min-width: initial; }
    .grid-flex > *.weight-10 {
      -webkit-box-flex: 10;
      -moz-box-flex: 10;
      box-flex: 10;
      -webkit-flex: 10;
      -moz-flex: 10;
      -ms-flex: 10;
      flex: 10;
      min-width: initial; }
    .grid-flex > *.weight-11 {
      -webkit-box-flex: 11;
      -moz-box-flex: 11;
      box-flex: 11;
      -webkit-flex: 11;
      -moz-flex: 11;
      -ms-flex: 11;
      flex: 11;
      min-width: initial; }
    .grid-flex > *.weight-12 {
      -webkit-box-flex: 12;
      -moz-box-flex: 12;
      box-flex: 12;
      -webkit-flex: 12;
      -moz-flex: 12;
      -ms-flex: 12;
      flex: 12;
      min-width: initial; }
    .grid-flex > *.size-expand {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      /* align items in Main Axis */
      align-items: stretch;
      /* align items in Cross Axis */
      align-content: stretch;
      /* Extra space in Cross Axis */ }
    .grid-flex > *.order-1 {
      -webkit-box-ordinal-group: 1;
      -moz-box-ordinal-group: 1;
      box-ordinal-group: 1;
      -webkit-order: 1;
      -moz-order: 1;
      order: 1;
      -ms-flex-order: 1; }
    .grid-flex > *.order-2 {
      -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      box-ordinal-group: 2;
      -webkit-order: 2;
      -moz-order: 2;
      order: 2;
      -ms-flex-order: 2; }
    .grid-flex > *.order-3 {
      -webkit-box-ordinal-group: 3;
      -moz-box-ordinal-group: 3;
      box-ordinal-group: 3;
      -webkit-order: 3;
      -moz-order: 3;
      order: 3;
      -ms-flex-order: 3; }
    .grid-flex > *.order-4 {
      -webkit-box-ordinal-group: 4;
      -moz-box-ordinal-group: 4;
      box-ordinal-group: 4;
      -webkit-order: 4;
      -moz-order: 4;
      order: 4;
      -ms-flex-order: 4; }
    .grid-flex > *.order-5 {
      -webkit-box-ordinal-group: 5;
      -moz-box-ordinal-group: 5;
      box-ordinal-group: 5;
      -webkit-order: 5;
      -moz-order: 5;
      order: 5;
      -ms-flex-order: 5; }
    .grid-flex > *.order-6 {
      -webkit-box-ordinal-group: 6;
      -moz-box-ordinal-group: 6;
      box-ordinal-group: 6;
      -webkit-order: 6;
      -moz-order: 6;
      order: 6;
      -ms-flex-order: 6; }
    .grid-flex > *.order-7 {
      -webkit-box-ordinal-group: 7;
      -moz-box-ordinal-group: 7;
      box-ordinal-group: 7;
      -webkit-order: 7;
      -moz-order: 7;
      order: 7;
      -ms-flex-order: 7; }
    .grid-flex > *.order-8 {
      -webkit-box-ordinal-group: 8;
      -moz-box-ordinal-group: 8;
      box-ordinal-group: 8;
      -webkit-order: 8;
      -moz-order: 8;
      order: 8;
      -ms-flex-order: 8; }
    .grid-flex > *.order-9 {
      -webkit-box-ordinal-group: 9;
      -moz-box-ordinal-group: 9;
      box-ordinal-group: 9;
      -webkit-order: 9;
      -moz-order: 9;
      order: 9;
      -ms-flex-order: 9; }
    .grid-flex > *.order-10 {
      -webkit-box-ordinal-group: 10;
      -moz-box-ordinal-group: 10;
      box-ordinal-group: 10;
      -webkit-order: 10;
      -moz-order: 10;
      order: 10;
      -ms-flex-order: 10; }
    .grid-flex > *.order-11 {
      -webkit-box-ordinal-group: 11;
      -moz-box-ordinal-group: 11;
      box-ordinal-group: 11;
      -webkit-order: 11;
      -moz-order: 11;
      order: 11;
      -ms-flex-order: 11; }
    .grid-flex > *.order-12 {
      -webkit-box-ordinal-group: 12;
      -moz-box-ordinal-group: 12;
      box-ordinal-group: 12;
      -webkit-order: 12;
      -moz-order: 12;
      order: 12;
      -ms-flex-order: 12; }
    .grid-flex > *.scrollable {
      overflow-y: auto; }
    .grid-flex > *.show {
      display: block; }
    .grid-flex > *.hide {
      display: none; }
    .grid-flex > *.align-top {
      -webkit-align-self: flex-start;
      -moz-align-self: flex-start;
      align-self: flex-start;
      -ms-flex-item-align: start; }
    .grid-flex > *.align-middle {
      -webkit-align-self: center;
      -moz-align-self: center;
      align-self: center;
      -ms-flex-item-align: center; }
    .grid-flex > *.align-bottom {
      -webkit-align-self: flex-end;
      -moz-align-self: flex-end;
      align-self: flex-end;
      -ms-flex-item-align: end; }
    .grid-flex > *.align-baseline {
      -webkit-align-self: baseline;
      -moz-align-self: baseline;
      align-self: baseline;
      -ms-flex-item-align: baseline; }
    .grid-flex > *.align-stretch {
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      align-self: stretch;
      -ms-flex-item-align: stretch; }
    .grid-flex > *.text-align-left {
      text-align: left; }
    .grid-flex > *.text-align-center {
      text-align: center; }
    .grid-flex > *.text-align-right {
      text-align: right; }
    .grid-flex > *.no-overflow {
      overflow: hidden; }
    .grid-flex > * .expand {
      height: 100%;
      box-sizing: border-box; }

@media (max-width: 600px) {
  .grid-flex > .mobile-size-content {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: initial; }
  .grid-flex > .mobile-size-full {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .mobile-size-1-of-2 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .grid-flex > .mobile-size-2-of-2 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .mobile-size-1-of-3 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -moz-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .grid-flex > .mobile-size-2-of-3 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -moz-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .grid-flex > .mobile-size-3-of-3 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .mobile-size-1-of-4 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 25%; }
  .grid-flex > .mobile-size-2-of-4 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .grid-flex > .mobile-size-3-of-4 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 75%;
    -moz-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    min-width: 75%; }
  .grid-flex > .mobile-size-4-of-4 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .mobile-size-1-of-5 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 20%;
    -moz-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 20%; }
  .grid-flex > .mobile-size-2-of-5 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 40%;
    -moz-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    min-width: 40%; }
  .grid-flex > .mobile-size-3-of-5 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 60%;
    -moz-flex: 0 0 60%;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    min-width: 60%; }
  .grid-flex > .mobile-size-4-of-5 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 80%;
    -moz-flex: 0 0 80%;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    min-width: 80%; }
  .grid-flex > .mobile-size-5-of-5 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .mobile-size-1-of-6 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -moz-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    min-width: 16.66667%; }
  .grid-flex > .mobile-size-2-of-6 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -moz-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .grid-flex > .mobile-size-3-of-6 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .grid-flex > .mobile-size-4-of-6 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -moz-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .grid-flex > .mobile-size-5-of-6 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -moz-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    min-width: 83.33333%; }
  .grid-flex > .mobile-size-6-of-6 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .mobile-size-1-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 14.28571%;
    -moz-flex: 0 0 14.28571%;
    -ms-flex: 0 0 14.28571%;
    flex: 0 0 14.28571%;
    min-width: 14.28571%; }
  .grid-flex > .mobile-size-2-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 28.57143%;
    -moz-flex: 0 0 28.57143%;
    -ms-flex: 0 0 28.57143%;
    flex: 0 0 28.57143%;
    min-width: 28.57143%; }
  .grid-flex > .mobile-size-3-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 42.85714%;
    -moz-flex: 0 0 42.85714%;
    -ms-flex: 0 0 42.85714%;
    flex: 0 0 42.85714%;
    min-width: 42.85714%; }
  .grid-flex > .mobile-size-4-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 57.14286%;
    -moz-flex: 0 0 57.14286%;
    -ms-flex: 0 0 57.14286%;
    flex: 0 0 57.14286%;
    min-width: 57.14286%; }
  .grid-flex > .mobile-size-5-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 71.42857%;
    -moz-flex: 0 0 71.42857%;
    -ms-flex: 0 0 71.42857%;
    flex: 0 0 71.42857%;
    min-width: 71.42857%; }
  .grid-flex > .mobile-size-6-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 85.71429%;
    -moz-flex: 0 0 85.71429%;
    -ms-flex: 0 0 85.71429%;
    flex: 0 0 85.71429%;
    min-width: 85.71429%; }
  .grid-flex > .mobile-size-7-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .mobile-size-1-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 12.5%;
    -moz-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    min-width: 12.5%; }
  .grid-flex > .mobile-size-2-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 25%; }
  .grid-flex > .mobile-size-3-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 37.5%;
    -moz-flex: 0 0 37.5%;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    min-width: 37.5%; }
  .grid-flex > .mobile-size-4-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .grid-flex > .mobile-size-5-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 62.5%;
    -moz-flex: 0 0 62.5%;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    min-width: 62.5%; }
  .grid-flex > .mobile-size-6-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 75%;
    -moz-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    min-width: 75%; }
  .grid-flex > .mobile-size-7-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 87.5%;
    -moz-flex: 0 0 87.5%;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    min-width: 87.5%; }
  .grid-flex > .mobile-size-8-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .mobile-size-1-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 11.11111%;
    -moz-flex: 0 0 11.11111%;
    -ms-flex: 0 0 11.11111%;
    flex: 0 0 11.11111%;
    min-width: 11.11111%; }
  .grid-flex > .mobile-size-2-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 22.22222%;
    -moz-flex: 0 0 22.22222%;
    -ms-flex: 0 0 22.22222%;
    flex: 0 0 22.22222%;
    min-width: 22.22222%; }
  .grid-flex > .mobile-size-3-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -moz-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .grid-flex > .mobile-size-4-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 44.44444%;
    -moz-flex: 0 0 44.44444%;
    -ms-flex: 0 0 44.44444%;
    flex: 0 0 44.44444%;
    min-width: 44.44444%; }
  .grid-flex > .mobile-size-5-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 55.55556%;
    -moz-flex: 0 0 55.55556%;
    -ms-flex: 0 0 55.55556%;
    flex: 0 0 55.55556%;
    min-width: 55.55556%; }
  .grid-flex > .mobile-size-6-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -moz-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .grid-flex > .mobile-size-7-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 77.77778%;
    -moz-flex: 0 0 77.77778%;
    -ms-flex: 0 0 77.77778%;
    flex: 0 0 77.77778%;
    min-width: 77.77778%; }
  .grid-flex > .mobile-size-8-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 88.88889%;
    -moz-flex: 0 0 88.88889%;
    -ms-flex: 0 0 88.88889%;
    flex: 0 0 88.88889%;
    min-width: 88.88889%; }
  .grid-flex > .mobile-size-9-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .mobile-size-1-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 10%;
    -moz-flex: 0 0 10%;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 10%; }
  .grid-flex > .mobile-size-2-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 20%;
    -moz-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 20%; }
  .grid-flex > .mobile-size-3-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 30%;
    -moz-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    min-width: 30%; }
  .grid-flex > .mobile-size-4-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 40%;
    -moz-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    min-width: 40%; }
  .grid-flex > .mobile-size-5-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .grid-flex > .mobile-size-6-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 60%;
    -moz-flex: 0 0 60%;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    min-width: 60%; }
  .grid-flex > .mobile-size-7-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 70%;
    -moz-flex: 0 0 70%;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    min-width: 70%; }
  .grid-flex > .mobile-size-8-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 80%;
    -moz-flex: 0 0 80%;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    min-width: 80%; }
  .grid-flex > .mobile-size-9-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 90%;
    -moz-flex: 0 0 90%;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    min-width: 90%; }
  .grid-flex > .mobile-size-10-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .mobile-size-1-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 9.09091%;
    -moz-flex: 0 0 9.09091%;
    -ms-flex: 0 0 9.09091%;
    flex: 0 0 9.09091%;
    min-width: 9.09091%; }
  .grid-flex > .mobile-size-2-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 18.18182%;
    -moz-flex: 0 0 18.18182%;
    -ms-flex: 0 0 18.18182%;
    flex: 0 0 18.18182%;
    min-width: 18.18182%; }
  .grid-flex > .mobile-size-3-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 27.27273%;
    -moz-flex: 0 0 27.27273%;
    -ms-flex: 0 0 27.27273%;
    flex: 0 0 27.27273%;
    min-width: 27.27273%; }
  .grid-flex > .mobile-size-4-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 36.36364%;
    -moz-flex: 0 0 36.36364%;
    -ms-flex: 0 0 36.36364%;
    flex: 0 0 36.36364%;
    min-width: 36.36364%; }
  .grid-flex > .mobile-size-5-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 45.45455%;
    -moz-flex: 0 0 45.45455%;
    -ms-flex: 0 0 45.45455%;
    flex: 0 0 45.45455%;
    min-width: 45.45455%; }
  .grid-flex > .mobile-size-6-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 54.54545%;
    -moz-flex: 0 0 54.54545%;
    -ms-flex: 0 0 54.54545%;
    flex: 0 0 54.54545%;
    min-width: 54.54545%; }
  .grid-flex > .mobile-size-7-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 63.63636%;
    -moz-flex: 0 0 63.63636%;
    -ms-flex: 0 0 63.63636%;
    flex: 0 0 63.63636%;
    min-width: 63.63636%; }
  .grid-flex > .mobile-size-8-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 72.72727%;
    -moz-flex: 0 0 72.72727%;
    -ms-flex: 0 0 72.72727%;
    flex: 0 0 72.72727%;
    min-width: 72.72727%; }
  .grid-flex > .mobile-size-9-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 81.81818%;
    -moz-flex: 0 0 81.81818%;
    -ms-flex: 0 0 81.81818%;
    flex: 0 0 81.81818%;
    min-width: 81.81818%; }
  .grid-flex > .mobile-size-10-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 90.90909%;
    -moz-flex: 0 0 90.90909%;
    -ms-flex: 0 0 90.90909%;
    flex: 0 0 90.90909%;
    min-width: 90.90909%; }
  .grid-flex > .mobile-size-11-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .mobile-size-1-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -moz-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    min-width: 8.33333%; }
  .grid-flex > .mobile-size-2-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -moz-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    min-width: 16.66667%; }
  .grid-flex > .mobile-size-3-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 25%; }
  .grid-flex > .mobile-size-4-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -moz-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .grid-flex > .mobile-size-5-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -moz-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    min-width: 41.66667%; }
  .grid-flex > .mobile-size-6-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .grid-flex > .mobile-size-7-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -moz-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    min-width: 58.33333%; }
  .grid-flex > .mobile-size-8-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -moz-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .grid-flex > .mobile-size-9-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 75%;
    -moz-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    min-width: 75%; }
  .grid-flex > .mobile-size-10-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -moz-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    min-width: 83.33333%; }
  .grid-flex > .mobile-size-11-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -moz-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    min-width: 91.66667%; }
  .grid-flex > .mobile-size-12-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .mobile-weight-1 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: initial; }
  .grid-flex > .mobile-weight-2 {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    box-flex: 2;
    -webkit-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    flex: 2;
    min-width: initial; }
  .grid-flex > .mobile-weight-3 {
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    box-flex: 3;
    -webkit-flex: 3;
    -moz-flex: 3;
    -ms-flex: 3;
    flex: 3;
    min-width: initial; }
  .grid-flex > .mobile-weight-4 {
    -webkit-box-flex: 4;
    -moz-box-flex: 4;
    box-flex: 4;
    -webkit-flex: 4;
    -moz-flex: 4;
    -ms-flex: 4;
    flex: 4;
    min-width: initial; }
  .grid-flex > .mobile-weight-5 {
    -webkit-box-flex: 5;
    -moz-box-flex: 5;
    box-flex: 5;
    -webkit-flex: 5;
    -moz-flex: 5;
    -ms-flex: 5;
    flex: 5;
    min-width: initial; }
  .grid-flex > .mobile-weight-6 {
    -webkit-box-flex: 6;
    -moz-box-flex: 6;
    box-flex: 6;
    -webkit-flex: 6;
    -moz-flex: 6;
    -ms-flex: 6;
    flex: 6;
    min-width: initial; }
  .grid-flex > .mobile-weight-7 {
    -webkit-box-flex: 7;
    -moz-box-flex: 7;
    box-flex: 7;
    -webkit-flex: 7;
    -moz-flex: 7;
    -ms-flex: 7;
    flex: 7;
    min-width: initial; }
  .grid-flex > .mobile-weight-8 {
    -webkit-box-flex: 8;
    -moz-box-flex: 8;
    box-flex: 8;
    -webkit-flex: 8;
    -moz-flex: 8;
    -ms-flex: 8;
    flex: 8;
    min-width: initial; }
  .grid-flex > .mobile-weight-9 {
    -webkit-box-flex: 9;
    -moz-box-flex: 9;
    box-flex: 9;
    -webkit-flex: 9;
    -moz-flex: 9;
    -ms-flex: 9;
    flex: 9;
    min-width: initial; }
  .grid-flex > .mobile-weight-10 {
    -webkit-box-flex: 10;
    -moz-box-flex: 10;
    box-flex: 10;
    -webkit-flex: 10;
    -moz-flex: 10;
    -ms-flex: 10;
    flex: 10;
    min-width: initial; }
  .grid-flex > .mobile-weight-11 {
    -webkit-box-flex: 11;
    -moz-box-flex: 11;
    box-flex: 11;
    -webkit-flex: 11;
    -moz-flex: 11;
    -ms-flex: 11;
    flex: 11;
    min-width: initial; }
  .grid-flex > .mobile-weight-12 {
    -webkit-box-flex: 12;
    -moz-box-flex: 12;
    box-flex: 12;
    -webkit-flex: 12;
    -moz-flex: 12;
    -ms-flex: 12;
    flex: 12;
    min-width: initial; }
  .grid-flex > .mobile-order-1 {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    -webkit-order: 1;
    -moz-order: 1;
    order: 1;
    -ms-flex-order: 1; }
  .grid-flex > .mobile-order-2 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -webkit-order: 2;
    -moz-order: 2;
    order: 2;
    -ms-flex-order: 2; }
  .grid-flex > .mobile-order-3 {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3;
    -webkit-order: 3;
    -moz-order: 3;
    order: 3;
    -ms-flex-order: 3; }
  .grid-flex > .mobile-order-4 {
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    box-ordinal-group: 4;
    -webkit-order: 4;
    -moz-order: 4;
    order: 4;
    -ms-flex-order: 4; }
  .grid-flex > .mobile-order-5 {
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    box-ordinal-group: 5;
    -webkit-order: 5;
    -moz-order: 5;
    order: 5;
    -ms-flex-order: 5; }
  .grid-flex > .mobile-order-6 {
    -webkit-box-ordinal-group: 6;
    -moz-box-ordinal-group: 6;
    box-ordinal-group: 6;
    -webkit-order: 6;
    -moz-order: 6;
    order: 6;
    -ms-flex-order: 6; }
  .grid-flex > .mobile-order-7 {
    -webkit-box-ordinal-group: 7;
    -moz-box-ordinal-group: 7;
    box-ordinal-group: 7;
    -webkit-order: 7;
    -moz-order: 7;
    order: 7;
    -ms-flex-order: 7; }
  .grid-flex > .mobile-order-8 {
    -webkit-box-ordinal-group: 8;
    -moz-box-ordinal-group: 8;
    box-ordinal-group: 8;
    -webkit-order: 8;
    -moz-order: 8;
    order: 8;
    -ms-flex-order: 8; }
  .grid-flex > .mobile-order-9 {
    -webkit-box-ordinal-group: 9;
    -moz-box-ordinal-group: 9;
    box-ordinal-group: 9;
    -webkit-order: 9;
    -moz-order: 9;
    order: 9;
    -ms-flex-order: 9; }
  .grid-flex > .mobile-order-10 {
    -webkit-box-ordinal-group: 10;
    -moz-box-ordinal-group: 10;
    box-ordinal-group: 10;
    -webkit-order: 10;
    -moz-order: 10;
    order: 10;
    -ms-flex-order: 10; }
  .grid-flex > .mobile-order-11 {
    -webkit-box-ordinal-group: 11;
    -moz-box-ordinal-group: 11;
    box-ordinal-group: 11;
    -webkit-order: 11;
    -moz-order: 11;
    order: 11;
    -ms-flex-order: 11; }
  .grid-flex > .mobile-order-12 {
    -webkit-box-ordinal-group: 12;
    -moz-box-ordinal-group: 12;
    box-ordinal-group: 12;
    -webkit-order: 12;
    -moz-order: 12;
    order: 12;
    -ms-flex-order: 12; }
  .grid-flex.mobile-vertical {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .grid-flex.mobile-vertical-reverse {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .grid-flex.mobile-horizontal {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .grid-flex.mobile-horizontal-reverse {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .grid-flex.mobile-spacing-tiny {
    margin: -0.25rem 0 0 -0.25rem; }
    .grid-flex.mobile-spacing-tiny > * {
      padding: 0.25rem 0 0 0.25rem; }
    .grid-flex.mobile-spacing-tiny.outer-spacing {
      margin: 0 0.25rem 0.25rem 0; }
  .grid-flex.mobile-spacing-small {
    margin: -0.5rem 0 0 -0.5rem; }
    .grid-flex.mobile-spacing-small > * {
      padding: 0.5rem 0 0 0.5rem; }
    .grid-flex.mobile-spacing-small.outer-spacing {
      margin: 0 0.5rem 0.5rem 0; }
  .grid-flex.mobile-spacing-medium {
    margin: -0.75rem 0 0 -0.75rem; }
    .grid-flex.mobile-spacing-medium > * {
      padding: 0.75rem 0 0 0.75rem; }
    .grid-flex.mobile-spacing-medium.outer-spacing {
      margin: 0 0.75rem 0.75rem 0; }
  .grid-flex.mobile-spacing-large {
    margin: -1.25rem 0 0 -1.25rem; }
    .grid-flex.mobile-spacing-large > * {
      padding: 1.25rem 0 0 1.25rem; }
    .grid-flex.mobile-spacing-large.outer-spacing {
      margin: 0 1.25rem 1.25rem 0; }
  .grid-flex.mobile-spacing-huge {
    margin: -2.5rem 0 0 -2.5rem; }
    .grid-flex.mobile-spacing-huge > * {
      padding: 2.5rem 0 0 2.5rem; }
    .grid-flex.mobile-spacing-huge.outer-spacing {
      margin: 0 2.5rem 2.5rem 0; }
  .grid-flex.mobile-spacing-one {
    margin: -1px 0 0 -1px; }
    .grid-flex.mobile-spacing-one > * {
      padding: 1px 0 0 1px; }
    .grid-flex.mobile-spacing-one.outer-spacing {
      margin: 0 1px 1px 0; }
  .grid-flex.mobile-spacing-none {
    margin: 0 0 0 0; }
    .grid-flex.mobile-spacing-none > * {
      padding: 0 0 0 0; }
    .grid-flex.mobile-spacing-none.outer-spacing {
      margin: 0 0 0 0; }
  .grid-flex.mobile-align-start {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start; }
  .grid-flex.mobile-align-center {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
  .grid-flex.mobile-align-end {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end; }
  .grid-flex.mobile-align-spread {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify; }
  .grid-flex.mobile-align-around {
    -webkit-box-pack: distribute;
    -moz-box-pack: distribute;
    box-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: distribute; }
  .grid-flex.mobile-align-top {
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start; }
  .grid-flex.mobile-align-middle {
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center; }
  .grid-flex.mobile-align-bottom {
    -webkit-box-align: end;
    -moz-box-align: end;
    box-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-align: end; }
  .grid-flex.mobile-align-baseline {
    -webkit-box-align: baseline;
    -moz-box-align: baseline;
    box-align: baseline;
    -webkit-align-items: baseline;
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    -o-align-items: baseline;
    align-items: baseline;
    -ms-flex-align: baseline; }
  .grid-flex.mobile-align-stretch {
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    box-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;
    -ms-flex-align: stretch; }
  .grid-flex.mobile-text-align-left {
    text-align: left; }
  .grid-flex.mobile-text-align-center {
    text-align: center; }
  .grid-flex.mobile-text-align-right {
    text-align: right; } }

@media (min-width: 601px) and (max-width: 1200px) {
  .grid-flex > .tablet-size-content {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: initial; }
  .grid-flex > .tablet-size-full {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .tablet-size-1-of-2 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .grid-flex > .tablet-size-2-of-2 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .tablet-size-1-of-3 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -moz-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .grid-flex > .tablet-size-2-of-3 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -moz-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .grid-flex > .tablet-size-3-of-3 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .tablet-size-1-of-4 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 25%; }
  .grid-flex > .tablet-size-2-of-4 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .grid-flex > .tablet-size-3-of-4 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 75%;
    -moz-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    min-width: 75%; }
  .grid-flex > .tablet-size-4-of-4 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .tablet-size-1-of-5 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 20%;
    -moz-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 20%; }
  .grid-flex > .tablet-size-2-of-5 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 40%;
    -moz-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    min-width: 40%; }
  .grid-flex > .tablet-size-3-of-5 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 60%;
    -moz-flex: 0 0 60%;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    min-width: 60%; }
  .grid-flex > .tablet-size-4-of-5 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 80%;
    -moz-flex: 0 0 80%;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    min-width: 80%; }
  .grid-flex > .tablet-size-5-of-5 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .tablet-size-1-of-6 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -moz-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    min-width: 16.66667%; }
  .grid-flex > .tablet-size-2-of-6 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -moz-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .grid-flex > .tablet-size-3-of-6 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .grid-flex > .tablet-size-4-of-6 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -moz-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .grid-flex > .tablet-size-5-of-6 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -moz-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    min-width: 83.33333%; }
  .grid-flex > .tablet-size-6-of-6 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .tablet-size-1-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 14.28571%;
    -moz-flex: 0 0 14.28571%;
    -ms-flex: 0 0 14.28571%;
    flex: 0 0 14.28571%;
    min-width: 14.28571%; }
  .grid-flex > .tablet-size-2-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 28.57143%;
    -moz-flex: 0 0 28.57143%;
    -ms-flex: 0 0 28.57143%;
    flex: 0 0 28.57143%;
    min-width: 28.57143%; }
  .grid-flex > .tablet-size-3-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 42.85714%;
    -moz-flex: 0 0 42.85714%;
    -ms-flex: 0 0 42.85714%;
    flex: 0 0 42.85714%;
    min-width: 42.85714%; }
  .grid-flex > .tablet-size-4-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 57.14286%;
    -moz-flex: 0 0 57.14286%;
    -ms-flex: 0 0 57.14286%;
    flex: 0 0 57.14286%;
    min-width: 57.14286%; }
  .grid-flex > .tablet-size-5-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 71.42857%;
    -moz-flex: 0 0 71.42857%;
    -ms-flex: 0 0 71.42857%;
    flex: 0 0 71.42857%;
    min-width: 71.42857%; }
  .grid-flex > .tablet-size-6-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 85.71429%;
    -moz-flex: 0 0 85.71429%;
    -ms-flex: 0 0 85.71429%;
    flex: 0 0 85.71429%;
    min-width: 85.71429%; }
  .grid-flex > .tablet-size-7-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .tablet-size-1-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 12.5%;
    -moz-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    min-width: 12.5%; }
  .grid-flex > .tablet-size-2-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 25%; }
  .grid-flex > .tablet-size-3-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 37.5%;
    -moz-flex: 0 0 37.5%;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    min-width: 37.5%; }
  .grid-flex > .tablet-size-4-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .grid-flex > .tablet-size-5-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 62.5%;
    -moz-flex: 0 0 62.5%;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    min-width: 62.5%; }
  .grid-flex > .tablet-size-6-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 75%;
    -moz-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    min-width: 75%; }
  .grid-flex > .tablet-size-7-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 87.5%;
    -moz-flex: 0 0 87.5%;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    min-width: 87.5%; }
  .grid-flex > .tablet-size-8-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .tablet-size-1-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 11.11111%;
    -moz-flex: 0 0 11.11111%;
    -ms-flex: 0 0 11.11111%;
    flex: 0 0 11.11111%;
    min-width: 11.11111%; }
  .grid-flex > .tablet-size-2-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 22.22222%;
    -moz-flex: 0 0 22.22222%;
    -ms-flex: 0 0 22.22222%;
    flex: 0 0 22.22222%;
    min-width: 22.22222%; }
  .grid-flex > .tablet-size-3-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -moz-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .grid-flex > .tablet-size-4-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 44.44444%;
    -moz-flex: 0 0 44.44444%;
    -ms-flex: 0 0 44.44444%;
    flex: 0 0 44.44444%;
    min-width: 44.44444%; }
  .grid-flex > .tablet-size-5-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 55.55556%;
    -moz-flex: 0 0 55.55556%;
    -ms-flex: 0 0 55.55556%;
    flex: 0 0 55.55556%;
    min-width: 55.55556%; }
  .grid-flex > .tablet-size-6-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -moz-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .grid-flex > .tablet-size-7-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 77.77778%;
    -moz-flex: 0 0 77.77778%;
    -ms-flex: 0 0 77.77778%;
    flex: 0 0 77.77778%;
    min-width: 77.77778%; }
  .grid-flex > .tablet-size-8-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 88.88889%;
    -moz-flex: 0 0 88.88889%;
    -ms-flex: 0 0 88.88889%;
    flex: 0 0 88.88889%;
    min-width: 88.88889%; }
  .grid-flex > .tablet-size-9-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .tablet-size-1-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 10%;
    -moz-flex: 0 0 10%;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 10%; }
  .grid-flex > .tablet-size-2-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 20%;
    -moz-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 20%; }
  .grid-flex > .tablet-size-3-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 30%;
    -moz-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    min-width: 30%; }
  .grid-flex > .tablet-size-4-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 40%;
    -moz-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    min-width: 40%; }
  .grid-flex > .tablet-size-5-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .grid-flex > .tablet-size-6-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 60%;
    -moz-flex: 0 0 60%;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    min-width: 60%; }
  .grid-flex > .tablet-size-7-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 70%;
    -moz-flex: 0 0 70%;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    min-width: 70%; }
  .grid-flex > .tablet-size-8-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 80%;
    -moz-flex: 0 0 80%;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    min-width: 80%; }
  .grid-flex > .tablet-size-9-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 90%;
    -moz-flex: 0 0 90%;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    min-width: 90%; }
  .grid-flex > .tablet-size-10-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .tablet-size-1-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 9.09091%;
    -moz-flex: 0 0 9.09091%;
    -ms-flex: 0 0 9.09091%;
    flex: 0 0 9.09091%;
    min-width: 9.09091%; }
  .grid-flex > .tablet-size-2-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 18.18182%;
    -moz-flex: 0 0 18.18182%;
    -ms-flex: 0 0 18.18182%;
    flex: 0 0 18.18182%;
    min-width: 18.18182%; }
  .grid-flex > .tablet-size-3-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 27.27273%;
    -moz-flex: 0 0 27.27273%;
    -ms-flex: 0 0 27.27273%;
    flex: 0 0 27.27273%;
    min-width: 27.27273%; }
  .grid-flex > .tablet-size-4-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 36.36364%;
    -moz-flex: 0 0 36.36364%;
    -ms-flex: 0 0 36.36364%;
    flex: 0 0 36.36364%;
    min-width: 36.36364%; }
  .grid-flex > .tablet-size-5-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 45.45455%;
    -moz-flex: 0 0 45.45455%;
    -ms-flex: 0 0 45.45455%;
    flex: 0 0 45.45455%;
    min-width: 45.45455%; }
  .grid-flex > .tablet-size-6-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 54.54545%;
    -moz-flex: 0 0 54.54545%;
    -ms-flex: 0 0 54.54545%;
    flex: 0 0 54.54545%;
    min-width: 54.54545%; }
  .grid-flex > .tablet-size-7-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 63.63636%;
    -moz-flex: 0 0 63.63636%;
    -ms-flex: 0 0 63.63636%;
    flex: 0 0 63.63636%;
    min-width: 63.63636%; }
  .grid-flex > .tablet-size-8-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 72.72727%;
    -moz-flex: 0 0 72.72727%;
    -ms-flex: 0 0 72.72727%;
    flex: 0 0 72.72727%;
    min-width: 72.72727%; }
  .grid-flex > .tablet-size-9-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 81.81818%;
    -moz-flex: 0 0 81.81818%;
    -ms-flex: 0 0 81.81818%;
    flex: 0 0 81.81818%;
    min-width: 81.81818%; }
  .grid-flex > .tablet-size-10-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 90.90909%;
    -moz-flex: 0 0 90.90909%;
    -ms-flex: 0 0 90.90909%;
    flex: 0 0 90.90909%;
    min-width: 90.90909%; }
  .grid-flex > .tablet-size-11-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .tablet-size-1-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -moz-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    min-width: 8.33333%; }
  .grid-flex > .tablet-size-2-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -moz-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    min-width: 16.66667%; }
  .grid-flex > .tablet-size-3-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 25%; }
  .grid-flex > .tablet-size-4-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -moz-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .grid-flex > .tablet-size-5-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -moz-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    min-width: 41.66667%; }
  .grid-flex > .tablet-size-6-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .grid-flex > .tablet-size-7-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -moz-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    min-width: 58.33333%; }
  .grid-flex > .tablet-size-8-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -moz-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .grid-flex > .tablet-size-9-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 75%;
    -moz-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    min-width: 75%; }
  .grid-flex > .tablet-size-10-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -moz-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    min-width: 83.33333%; }
  .grid-flex > .tablet-size-11-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -moz-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    min-width: 91.66667%; }
  .grid-flex > .tablet-size-12-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .tablet-weight-1 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: initial; }
  .grid-flex > .tablet-weight-2 {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    box-flex: 2;
    -webkit-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    flex: 2;
    min-width: initial; }
  .grid-flex > .tablet-weight-3 {
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    box-flex: 3;
    -webkit-flex: 3;
    -moz-flex: 3;
    -ms-flex: 3;
    flex: 3;
    min-width: initial; }
  .grid-flex > .tablet-weight-4 {
    -webkit-box-flex: 4;
    -moz-box-flex: 4;
    box-flex: 4;
    -webkit-flex: 4;
    -moz-flex: 4;
    -ms-flex: 4;
    flex: 4;
    min-width: initial; }
  .grid-flex > .tablet-weight-5 {
    -webkit-box-flex: 5;
    -moz-box-flex: 5;
    box-flex: 5;
    -webkit-flex: 5;
    -moz-flex: 5;
    -ms-flex: 5;
    flex: 5;
    min-width: initial; }
  .grid-flex > .tablet-weight-6 {
    -webkit-box-flex: 6;
    -moz-box-flex: 6;
    box-flex: 6;
    -webkit-flex: 6;
    -moz-flex: 6;
    -ms-flex: 6;
    flex: 6;
    min-width: initial; }
  .grid-flex > .tablet-weight-7 {
    -webkit-box-flex: 7;
    -moz-box-flex: 7;
    box-flex: 7;
    -webkit-flex: 7;
    -moz-flex: 7;
    -ms-flex: 7;
    flex: 7;
    min-width: initial; }
  .grid-flex > .tablet-weight-8 {
    -webkit-box-flex: 8;
    -moz-box-flex: 8;
    box-flex: 8;
    -webkit-flex: 8;
    -moz-flex: 8;
    -ms-flex: 8;
    flex: 8;
    min-width: initial; }
  .grid-flex > .tablet-weight-9 {
    -webkit-box-flex: 9;
    -moz-box-flex: 9;
    box-flex: 9;
    -webkit-flex: 9;
    -moz-flex: 9;
    -ms-flex: 9;
    flex: 9;
    min-width: initial; }
  .grid-flex > .tablet-weight-10 {
    -webkit-box-flex: 10;
    -moz-box-flex: 10;
    box-flex: 10;
    -webkit-flex: 10;
    -moz-flex: 10;
    -ms-flex: 10;
    flex: 10;
    min-width: initial; }
  .grid-flex > .tablet-weight-11 {
    -webkit-box-flex: 11;
    -moz-box-flex: 11;
    box-flex: 11;
    -webkit-flex: 11;
    -moz-flex: 11;
    -ms-flex: 11;
    flex: 11;
    min-width: initial; }
  .grid-flex > .tablet-weight-12 {
    -webkit-box-flex: 12;
    -moz-box-flex: 12;
    box-flex: 12;
    -webkit-flex: 12;
    -moz-flex: 12;
    -ms-flex: 12;
    flex: 12;
    min-width: initial; }
  .grid-flex > .tablet-order-1 {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    -webkit-order: 1;
    -moz-order: 1;
    order: 1;
    -ms-flex-order: 1; }
  .grid-flex > .tablet-order-2 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -webkit-order: 2;
    -moz-order: 2;
    order: 2;
    -ms-flex-order: 2; }
  .grid-flex > .tablet-order-3 {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3;
    -webkit-order: 3;
    -moz-order: 3;
    order: 3;
    -ms-flex-order: 3; }
  .grid-flex > .tablet-order-4 {
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    box-ordinal-group: 4;
    -webkit-order: 4;
    -moz-order: 4;
    order: 4;
    -ms-flex-order: 4; }
  .grid-flex > .tablet-order-5 {
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    box-ordinal-group: 5;
    -webkit-order: 5;
    -moz-order: 5;
    order: 5;
    -ms-flex-order: 5; }
  .grid-flex > .tablet-order-6 {
    -webkit-box-ordinal-group: 6;
    -moz-box-ordinal-group: 6;
    box-ordinal-group: 6;
    -webkit-order: 6;
    -moz-order: 6;
    order: 6;
    -ms-flex-order: 6; }
  .grid-flex > .tablet-order-7 {
    -webkit-box-ordinal-group: 7;
    -moz-box-ordinal-group: 7;
    box-ordinal-group: 7;
    -webkit-order: 7;
    -moz-order: 7;
    order: 7;
    -ms-flex-order: 7; }
  .grid-flex > .tablet-order-8 {
    -webkit-box-ordinal-group: 8;
    -moz-box-ordinal-group: 8;
    box-ordinal-group: 8;
    -webkit-order: 8;
    -moz-order: 8;
    order: 8;
    -ms-flex-order: 8; }
  .grid-flex > .tablet-order-9 {
    -webkit-box-ordinal-group: 9;
    -moz-box-ordinal-group: 9;
    box-ordinal-group: 9;
    -webkit-order: 9;
    -moz-order: 9;
    order: 9;
    -ms-flex-order: 9; }
  .grid-flex > .tablet-order-10 {
    -webkit-box-ordinal-group: 10;
    -moz-box-ordinal-group: 10;
    box-ordinal-group: 10;
    -webkit-order: 10;
    -moz-order: 10;
    order: 10;
    -ms-flex-order: 10; }
  .grid-flex > .tablet-order-11 {
    -webkit-box-ordinal-group: 11;
    -moz-box-ordinal-group: 11;
    box-ordinal-group: 11;
    -webkit-order: 11;
    -moz-order: 11;
    order: 11;
    -ms-flex-order: 11; }
  .grid-flex > .tablet-order-12 {
    -webkit-box-ordinal-group: 12;
    -moz-box-ordinal-group: 12;
    box-ordinal-group: 12;
    -webkit-order: 12;
    -moz-order: 12;
    order: 12;
    -ms-flex-order: 12; }
  .grid-flex.tablet-vertical {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .grid-flex.tablet-vertical-reverse {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .grid-flex.tablet-horizontal {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .grid-flex.tablet-horizontal-reverse {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .grid-flex.tablet-spacing-tiny {
    margin: -0.25rem 0 0 -0.25rem; }
    .grid-flex.tablet-spacing-tiny > * {
      padding: 0.25rem 0 0 0.25rem; }
    .grid-flex.tablet-spacing-tiny.outer-spacing {
      margin: 0 0.25rem 0.25rem 0; }
  .grid-flex.tablet-spacing-small {
    margin: -0.5rem 0 0 -0.5rem; }
    .grid-flex.tablet-spacing-small > * {
      padding: 0.5rem 0 0 0.5rem; }
    .grid-flex.tablet-spacing-small.outer-spacing {
      margin: 0 0.5rem 0.5rem 0; }
  .grid-flex.tablet-spacing-medium {
    margin: -0.75rem 0 0 -0.75rem; }
    .grid-flex.tablet-spacing-medium > * {
      padding: 0.75rem 0 0 0.75rem; }
    .grid-flex.tablet-spacing-medium.outer-spacing {
      margin: 0 0.75rem 0.75rem 0; }
  .grid-flex.tablet-spacing-large {
    margin: -1.25rem 0 0 -1.25rem; }
    .grid-flex.tablet-spacing-large > * {
      padding: 1.25rem 0 0 1.25rem; }
    .grid-flex.tablet-spacing-large.outer-spacing {
      margin: 0 1.25rem 1.25rem 0; }
  .grid-flex.tablet-spacing-huge {
    margin: -2.5rem 0 0 -2.5rem; }
    .grid-flex.tablet-spacing-huge > * {
      padding: 2.5rem 0 0 2.5rem; }
    .grid-flex.tablet-spacing-huge.outer-spacing {
      margin: 0 2.5rem 2.5rem 0; }
  .grid-flex.tablet-spacing-one {
    margin: -1px 0 0 -1px; }
    .grid-flex.tablet-spacing-one > * {
      padding: 1px 0 0 1px; }
    .grid-flex.tablet-spacing-one.outer-spacing {
      margin: 0 1px 1px 0; }
  .grid-flex.tablet-spacing-none {
    margin: 0 0 0 0; }
    .grid-flex.tablet-spacing-none > * {
      padding: 0 0 0 0; }
    .grid-flex.tablet-spacing-none.outer-spacing {
      margin: 0 0 0 0; }
  .grid-flex.tablet-align-start {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start; }
  .grid-flex.tablet-align-center {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
  .grid-flex.tablet-align-end {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end; }
  .grid-flex.tablet-align-spread {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify; }
  .grid-flex.tablet-align-around {
    -webkit-box-pack: distribute;
    -moz-box-pack: distribute;
    box-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: distribute; }
  .grid-flex.tablet-align-top {
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start; }
  .grid-flex.tablet-align-middle {
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center; }
  .grid-flex.tablet-align-bottom {
    -webkit-box-align: end;
    -moz-box-align: end;
    box-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-align: end; }
  .grid-flex.tablet-align-baseline {
    -webkit-box-align: baseline;
    -moz-box-align: baseline;
    box-align: baseline;
    -webkit-align-items: baseline;
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    -o-align-items: baseline;
    align-items: baseline;
    -ms-flex-align: baseline; }
  .grid-flex.tablet-align-stretch {
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    box-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;
    -ms-flex-align: stretch; }
  .grid-flex.tablet-text-align-left {
    text-align: left; }
  .grid-flex.tablet-text-align-center {
    text-align: center; }
  .grid-flex.tablet-text-align-right {
    text-align: right; } }

@media (min-width: 1201px) {
  .grid-flex > .desktop-size-content {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: initial; }
  .grid-flex > .desktop-size-full {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .desktop-size-1-of-2 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .grid-flex > .desktop-size-2-of-2 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .desktop-size-1-of-3 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -moz-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .grid-flex > .desktop-size-2-of-3 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -moz-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .grid-flex > .desktop-size-3-of-3 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .desktop-size-1-of-4 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 25%; }
  .grid-flex > .desktop-size-2-of-4 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .grid-flex > .desktop-size-3-of-4 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 75%;
    -moz-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    min-width: 75%; }
  .grid-flex > .desktop-size-4-of-4 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .desktop-size-1-of-5 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 20%;
    -moz-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 20%; }
  .grid-flex > .desktop-size-2-of-5 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 40%;
    -moz-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    min-width: 40%; }
  .grid-flex > .desktop-size-3-of-5 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 60%;
    -moz-flex: 0 0 60%;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    min-width: 60%; }
  .grid-flex > .desktop-size-4-of-5 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 80%;
    -moz-flex: 0 0 80%;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    min-width: 80%; }
  .grid-flex > .desktop-size-5-of-5 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .desktop-size-1-of-6 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -moz-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    min-width: 16.66667%; }
  .grid-flex > .desktop-size-2-of-6 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -moz-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .grid-flex > .desktop-size-3-of-6 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .grid-flex > .desktop-size-4-of-6 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -moz-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .grid-flex > .desktop-size-5-of-6 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -moz-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    min-width: 83.33333%; }
  .grid-flex > .desktop-size-6-of-6 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .desktop-size-1-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 14.28571%;
    -moz-flex: 0 0 14.28571%;
    -ms-flex: 0 0 14.28571%;
    flex: 0 0 14.28571%;
    min-width: 14.28571%; }
  .grid-flex > .desktop-size-2-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 28.57143%;
    -moz-flex: 0 0 28.57143%;
    -ms-flex: 0 0 28.57143%;
    flex: 0 0 28.57143%;
    min-width: 28.57143%; }
  .grid-flex > .desktop-size-3-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 42.85714%;
    -moz-flex: 0 0 42.85714%;
    -ms-flex: 0 0 42.85714%;
    flex: 0 0 42.85714%;
    min-width: 42.85714%; }
  .grid-flex > .desktop-size-4-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 57.14286%;
    -moz-flex: 0 0 57.14286%;
    -ms-flex: 0 0 57.14286%;
    flex: 0 0 57.14286%;
    min-width: 57.14286%; }
  .grid-flex > .desktop-size-5-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 71.42857%;
    -moz-flex: 0 0 71.42857%;
    -ms-flex: 0 0 71.42857%;
    flex: 0 0 71.42857%;
    min-width: 71.42857%; }
  .grid-flex > .desktop-size-6-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 85.71429%;
    -moz-flex: 0 0 85.71429%;
    -ms-flex: 0 0 85.71429%;
    flex: 0 0 85.71429%;
    min-width: 85.71429%; }
  .grid-flex > .desktop-size-7-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .desktop-size-1-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 12.5%;
    -moz-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    min-width: 12.5%; }
  .grid-flex > .desktop-size-2-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 25%; }
  .grid-flex > .desktop-size-3-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 37.5%;
    -moz-flex: 0 0 37.5%;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    min-width: 37.5%; }
  .grid-flex > .desktop-size-4-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .grid-flex > .desktop-size-5-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 62.5%;
    -moz-flex: 0 0 62.5%;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    min-width: 62.5%; }
  .grid-flex > .desktop-size-6-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 75%;
    -moz-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    min-width: 75%; }
  .grid-flex > .desktop-size-7-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 87.5%;
    -moz-flex: 0 0 87.5%;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    min-width: 87.5%; }
  .grid-flex > .desktop-size-8-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .desktop-size-1-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 11.11111%;
    -moz-flex: 0 0 11.11111%;
    -ms-flex: 0 0 11.11111%;
    flex: 0 0 11.11111%;
    min-width: 11.11111%; }
  .grid-flex > .desktop-size-2-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 22.22222%;
    -moz-flex: 0 0 22.22222%;
    -ms-flex: 0 0 22.22222%;
    flex: 0 0 22.22222%;
    min-width: 22.22222%; }
  .grid-flex > .desktop-size-3-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -moz-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .grid-flex > .desktop-size-4-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 44.44444%;
    -moz-flex: 0 0 44.44444%;
    -ms-flex: 0 0 44.44444%;
    flex: 0 0 44.44444%;
    min-width: 44.44444%; }
  .grid-flex > .desktop-size-5-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 55.55556%;
    -moz-flex: 0 0 55.55556%;
    -ms-flex: 0 0 55.55556%;
    flex: 0 0 55.55556%;
    min-width: 55.55556%; }
  .grid-flex > .desktop-size-6-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -moz-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .grid-flex > .desktop-size-7-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 77.77778%;
    -moz-flex: 0 0 77.77778%;
    -ms-flex: 0 0 77.77778%;
    flex: 0 0 77.77778%;
    min-width: 77.77778%; }
  .grid-flex > .desktop-size-8-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 88.88889%;
    -moz-flex: 0 0 88.88889%;
    -ms-flex: 0 0 88.88889%;
    flex: 0 0 88.88889%;
    min-width: 88.88889%; }
  .grid-flex > .desktop-size-9-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .desktop-size-1-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 10%;
    -moz-flex: 0 0 10%;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 10%; }
  .grid-flex > .desktop-size-2-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 20%;
    -moz-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 20%; }
  .grid-flex > .desktop-size-3-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 30%;
    -moz-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    min-width: 30%; }
  .grid-flex > .desktop-size-4-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 40%;
    -moz-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    min-width: 40%; }
  .grid-flex > .desktop-size-5-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .grid-flex > .desktop-size-6-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 60%;
    -moz-flex: 0 0 60%;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    min-width: 60%; }
  .grid-flex > .desktop-size-7-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 70%;
    -moz-flex: 0 0 70%;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    min-width: 70%; }
  .grid-flex > .desktop-size-8-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 80%;
    -moz-flex: 0 0 80%;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    min-width: 80%; }
  .grid-flex > .desktop-size-9-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 90%;
    -moz-flex: 0 0 90%;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    min-width: 90%; }
  .grid-flex > .desktop-size-10-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .desktop-size-1-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 9.09091%;
    -moz-flex: 0 0 9.09091%;
    -ms-flex: 0 0 9.09091%;
    flex: 0 0 9.09091%;
    min-width: 9.09091%; }
  .grid-flex > .desktop-size-2-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 18.18182%;
    -moz-flex: 0 0 18.18182%;
    -ms-flex: 0 0 18.18182%;
    flex: 0 0 18.18182%;
    min-width: 18.18182%; }
  .grid-flex > .desktop-size-3-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 27.27273%;
    -moz-flex: 0 0 27.27273%;
    -ms-flex: 0 0 27.27273%;
    flex: 0 0 27.27273%;
    min-width: 27.27273%; }
  .grid-flex > .desktop-size-4-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 36.36364%;
    -moz-flex: 0 0 36.36364%;
    -ms-flex: 0 0 36.36364%;
    flex: 0 0 36.36364%;
    min-width: 36.36364%; }
  .grid-flex > .desktop-size-5-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 45.45455%;
    -moz-flex: 0 0 45.45455%;
    -ms-flex: 0 0 45.45455%;
    flex: 0 0 45.45455%;
    min-width: 45.45455%; }
  .grid-flex > .desktop-size-6-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 54.54545%;
    -moz-flex: 0 0 54.54545%;
    -ms-flex: 0 0 54.54545%;
    flex: 0 0 54.54545%;
    min-width: 54.54545%; }
  .grid-flex > .desktop-size-7-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 63.63636%;
    -moz-flex: 0 0 63.63636%;
    -ms-flex: 0 0 63.63636%;
    flex: 0 0 63.63636%;
    min-width: 63.63636%; }
  .grid-flex > .desktop-size-8-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 72.72727%;
    -moz-flex: 0 0 72.72727%;
    -ms-flex: 0 0 72.72727%;
    flex: 0 0 72.72727%;
    min-width: 72.72727%; }
  .grid-flex > .desktop-size-9-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 81.81818%;
    -moz-flex: 0 0 81.81818%;
    -ms-flex: 0 0 81.81818%;
    flex: 0 0 81.81818%;
    min-width: 81.81818%; }
  .grid-flex > .desktop-size-10-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 90.90909%;
    -moz-flex: 0 0 90.90909%;
    -ms-flex: 0 0 90.90909%;
    flex: 0 0 90.90909%;
    min-width: 90.90909%; }
  .grid-flex > .desktop-size-11-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .desktop-size-1-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -moz-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    min-width: 8.33333%; }
  .grid-flex > .desktop-size-2-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -moz-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    min-width: 16.66667%; }
  .grid-flex > .desktop-size-3-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 25%; }
  .grid-flex > .desktop-size-4-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -moz-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .grid-flex > .desktop-size-5-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -moz-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    min-width: 41.66667%; }
  .grid-flex > .desktop-size-6-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .grid-flex > .desktop-size-7-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -moz-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    min-width: 58.33333%; }
  .grid-flex > .desktop-size-8-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -moz-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .grid-flex > .desktop-size-9-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 75%;
    -moz-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    min-width: 75%; }
  .grid-flex > .desktop-size-10-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -moz-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    min-width: 83.33333%; }
  .grid-flex > .desktop-size-11-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -moz-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    min-width: 91.66667%; }
  .grid-flex > .desktop-size-12-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .desktop-weight-1 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: initial; }
  .grid-flex > .desktop-weight-2 {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    box-flex: 2;
    -webkit-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    flex: 2;
    min-width: initial; }
  .grid-flex > .desktop-weight-3 {
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    box-flex: 3;
    -webkit-flex: 3;
    -moz-flex: 3;
    -ms-flex: 3;
    flex: 3;
    min-width: initial; }
  .grid-flex > .desktop-weight-4 {
    -webkit-box-flex: 4;
    -moz-box-flex: 4;
    box-flex: 4;
    -webkit-flex: 4;
    -moz-flex: 4;
    -ms-flex: 4;
    flex: 4;
    min-width: initial; }
  .grid-flex > .desktop-weight-5 {
    -webkit-box-flex: 5;
    -moz-box-flex: 5;
    box-flex: 5;
    -webkit-flex: 5;
    -moz-flex: 5;
    -ms-flex: 5;
    flex: 5;
    min-width: initial; }
  .grid-flex > .desktop-weight-6 {
    -webkit-box-flex: 6;
    -moz-box-flex: 6;
    box-flex: 6;
    -webkit-flex: 6;
    -moz-flex: 6;
    -ms-flex: 6;
    flex: 6;
    min-width: initial; }
  .grid-flex > .desktop-weight-7 {
    -webkit-box-flex: 7;
    -moz-box-flex: 7;
    box-flex: 7;
    -webkit-flex: 7;
    -moz-flex: 7;
    -ms-flex: 7;
    flex: 7;
    min-width: initial; }
  .grid-flex > .desktop-weight-8 {
    -webkit-box-flex: 8;
    -moz-box-flex: 8;
    box-flex: 8;
    -webkit-flex: 8;
    -moz-flex: 8;
    -ms-flex: 8;
    flex: 8;
    min-width: initial; }
  .grid-flex > .desktop-weight-9 {
    -webkit-box-flex: 9;
    -moz-box-flex: 9;
    box-flex: 9;
    -webkit-flex: 9;
    -moz-flex: 9;
    -ms-flex: 9;
    flex: 9;
    min-width: initial; }
  .grid-flex > .desktop-weight-10 {
    -webkit-box-flex: 10;
    -moz-box-flex: 10;
    box-flex: 10;
    -webkit-flex: 10;
    -moz-flex: 10;
    -ms-flex: 10;
    flex: 10;
    min-width: initial; }
  .grid-flex > .desktop-weight-11 {
    -webkit-box-flex: 11;
    -moz-box-flex: 11;
    box-flex: 11;
    -webkit-flex: 11;
    -moz-flex: 11;
    -ms-flex: 11;
    flex: 11;
    min-width: initial; }
  .grid-flex > .desktop-weight-12 {
    -webkit-box-flex: 12;
    -moz-box-flex: 12;
    box-flex: 12;
    -webkit-flex: 12;
    -moz-flex: 12;
    -ms-flex: 12;
    flex: 12;
    min-width: initial; }
  .grid-flex > .desktop-order-1 {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    -webkit-order: 1;
    -moz-order: 1;
    order: 1;
    -ms-flex-order: 1; }
  .grid-flex > .desktop-order-2 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -webkit-order: 2;
    -moz-order: 2;
    order: 2;
    -ms-flex-order: 2; }
  .grid-flex > .desktop-order-3 {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3;
    -webkit-order: 3;
    -moz-order: 3;
    order: 3;
    -ms-flex-order: 3; }
  .grid-flex > .desktop-order-4 {
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    box-ordinal-group: 4;
    -webkit-order: 4;
    -moz-order: 4;
    order: 4;
    -ms-flex-order: 4; }
  .grid-flex > .desktop-order-5 {
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    box-ordinal-group: 5;
    -webkit-order: 5;
    -moz-order: 5;
    order: 5;
    -ms-flex-order: 5; }
  .grid-flex > .desktop-order-6 {
    -webkit-box-ordinal-group: 6;
    -moz-box-ordinal-group: 6;
    box-ordinal-group: 6;
    -webkit-order: 6;
    -moz-order: 6;
    order: 6;
    -ms-flex-order: 6; }
  .grid-flex > .desktop-order-7 {
    -webkit-box-ordinal-group: 7;
    -moz-box-ordinal-group: 7;
    box-ordinal-group: 7;
    -webkit-order: 7;
    -moz-order: 7;
    order: 7;
    -ms-flex-order: 7; }
  .grid-flex > .desktop-order-8 {
    -webkit-box-ordinal-group: 8;
    -moz-box-ordinal-group: 8;
    box-ordinal-group: 8;
    -webkit-order: 8;
    -moz-order: 8;
    order: 8;
    -ms-flex-order: 8; }
  .grid-flex > .desktop-order-9 {
    -webkit-box-ordinal-group: 9;
    -moz-box-ordinal-group: 9;
    box-ordinal-group: 9;
    -webkit-order: 9;
    -moz-order: 9;
    order: 9;
    -ms-flex-order: 9; }
  .grid-flex > .desktop-order-10 {
    -webkit-box-ordinal-group: 10;
    -moz-box-ordinal-group: 10;
    box-ordinal-group: 10;
    -webkit-order: 10;
    -moz-order: 10;
    order: 10;
    -ms-flex-order: 10; }
  .grid-flex > .desktop-order-11 {
    -webkit-box-ordinal-group: 11;
    -moz-box-ordinal-group: 11;
    box-ordinal-group: 11;
    -webkit-order: 11;
    -moz-order: 11;
    order: 11;
    -ms-flex-order: 11; }
  .grid-flex > .desktop-order-12 {
    -webkit-box-ordinal-group: 12;
    -moz-box-ordinal-group: 12;
    box-ordinal-group: 12;
    -webkit-order: 12;
    -moz-order: 12;
    order: 12;
    -ms-flex-order: 12; }
  .grid-flex.desktop-vertical {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .grid-flex.desktop-horizontal {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .grid-flex.desktop-spacing-tiny {
    margin: -0.25rem 0 0 -0.25rem; }
    .grid-flex.desktop-spacing-tiny > * {
      padding: 0.25rem 0 0 0.25rem; }
    .grid-flex.desktop-spacing-tiny.outer-spacing {
      margin: 0 0.25rem 0.25rem 0; }
  .grid-flex.desktop-spacing-small {
    margin: -0.5rem 0 0 -0.5rem; }
    .grid-flex.desktop-spacing-small > * {
      padding: 0.5rem 0 0 0.5rem; }
    .grid-flex.desktop-spacing-small.outer-spacing {
      margin: 0 0.5rem 0.5rem 0; }
  .grid-flex.desktop-spacing-medium {
    margin: -0.75rem 0 0 -0.75rem; }
    .grid-flex.desktop-spacing-medium > * {
      padding: 0.75rem 0 0 0.75rem; }
    .grid-flex.desktop-spacing-medium.outer-spacing {
      margin: 0 0.75rem 0.75rem 0; }
  .grid-flex.desktop-spacing-large {
    margin: -1.25rem 0 0 -1.25rem; }
    .grid-flex.desktop-spacing-large > * {
      padding: 1.25rem 0 0 1.25rem; }
    .grid-flex.desktop-spacing-large.outer-spacing {
      margin: 0 1.25rem 1.25rem 0; }
  .grid-flex.desktop-spacing-huge {
    margin: -2.5rem 0 0 -2.5rem; }
    .grid-flex.desktop-spacing-huge > * {
      padding: 2.5rem 0 0 2.5rem; }
    .grid-flex.desktop-spacing-huge.outer-spacing {
      margin: 0 2.5rem 2.5rem 0; }
  .grid-flex.desktop-spacing-one {
    margin: -1px 0 0 -1px; }
    .grid-flex.desktop-spacing-one > * {
      padding: 1px 0 0 1px; }
    .grid-flex.desktop-spacing-one.outer-spacing {
      margin: 0 1px 1px 0; }
  .grid-flex.desktop-spacing-none {
    margin: 0 0 0 0; }
    .grid-flex.desktop-spacing-none > * {
      padding: 0 0 0 0; }
    .grid-flex.desktop-spacing-none.outer-spacing {
      margin: 0 0 0 0; }
  .desktop-align-start {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start; }
  .desktop-align-center {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
  .desktop-align-end {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end; }
  .desktop-align-spread {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify; }
  .desktop-align-around {
    -webkit-box-pack: distribute;
    -moz-box-pack: distribute;
    box-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: distribute; }
  .desktop-align-top {
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start; }
  .desktop-align-middle {
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center; }
  .desktop-align-bottom {
    -webkit-box-align: end;
    -moz-box-align: end;
    box-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-align: end; }
  .desktop-align-baseline {
    -webkit-box-align: baseline;
    -moz-box-align: baseline;
    box-align: baseline;
    -webkit-align-items: baseline;
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    -o-align-items: baseline;
    align-items: baseline;
    -ms-flex-align: baseline; }
  .desktop-align-stretch {
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    box-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;
    -ms-flex-align: stretch; }
  .desktop-text-align-left {
    text-align: left; }
  .desktop-text-align-center {
    text-align: center; }
  .desktop-text-align-right {
    text-align: right; } }

@media (min-width: 1200px) and (max-width: 1690px) {
  .grid-flex > .medium-desktop-size-content {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: initial; }
  .grid-flex > .medium-desktop-size-full {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .medium-desktop-size-1-of-2 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .grid-flex > .medium-desktop-size-2-of-2 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .medium-desktop-size-1-of-3 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -moz-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .grid-flex > .medium-desktop-size-2-of-3 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -moz-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .grid-flex > .medium-desktop-size-3-of-3 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .medium-desktop-size-1-of-4 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 25%; }
  .grid-flex > .medium-desktop-size-2-of-4 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .grid-flex > .medium-desktop-size-3-of-4 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 75%;
    -moz-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    min-width: 75%; }
  .grid-flex > .medium-desktop-size-4-of-4 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .medium-desktop-size-1-of-5 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 20%;
    -moz-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 20%; }
  .grid-flex > .medium-desktop-size-2-of-5 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 40%;
    -moz-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    min-width: 40%; }
  .grid-flex > .medium-desktop-size-3-of-5 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 60%;
    -moz-flex: 0 0 60%;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    min-width: 60%; }
  .grid-flex > .medium-desktop-size-4-of-5 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 80%;
    -moz-flex: 0 0 80%;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    min-width: 80%; }
  .grid-flex > .medium-desktop-size-5-of-5 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .medium-desktop-size-1-of-6 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -moz-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    min-width: 16.66667%; }
  .grid-flex > .medium-desktop-size-2-of-6 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -moz-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .grid-flex > .medium-desktop-size-3-of-6 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .grid-flex > .medium-desktop-size-4-of-6 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -moz-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .grid-flex > .medium-desktop-size-5-of-6 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -moz-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    min-width: 83.33333%; }
  .grid-flex > .medium-desktop-size-6-of-6 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .medium-desktop-size-1-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 14.28571%;
    -moz-flex: 0 0 14.28571%;
    -ms-flex: 0 0 14.28571%;
    flex: 0 0 14.28571%;
    min-width: 14.28571%; }
  .grid-flex > .medium-desktop-size-2-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 28.57143%;
    -moz-flex: 0 0 28.57143%;
    -ms-flex: 0 0 28.57143%;
    flex: 0 0 28.57143%;
    min-width: 28.57143%; }
  .grid-flex > .medium-desktop-size-3-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 42.85714%;
    -moz-flex: 0 0 42.85714%;
    -ms-flex: 0 0 42.85714%;
    flex: 0 0 42.85714%;
    min-width: 42.85714%; }
  .grid-flex > .medium-desktop-size-4-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 57.14286%;
    -moz-flex: 0 0 57.14286%;
    -ms-flex: 0 0 57.14286%;
    flex: 0 0 57.14286%;
    min-width: 57.14286%; }
  .grid-flex > .medium-desktop-size-5-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 71.42857%;
    -moz-flex: 0 0 71.42857%;
    -ms-flex: 0 0 71.42857%;
    flex: 0 0 71.42857%;
    min-width: 71.42857%; }
  .grid-flex > .medium-desktop-size-6-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 85.71429%;
    -moz-flex: 0 0 85.71429%;
    -ms-flex: 0 0 85.71429%;
    flex: 0 0 85.71429%;
    min-width: 85.71429%; }
  .grid-flex > .medium-desktop-size-7-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .medium-desktop-size-1-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 12.5%;
    -moz-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    min-width: 12.5%; }
  .grid-flex > .medium-desktop-size-2-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 25%; }
  .grid-flex > .medium-desktop-size-3-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 37.5%;
    -moz-flex: 0 0 37.5%;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    min-width: 37.5%; }
  .grid-flex > .medium-desktop-size-4-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .grid-flex > .medium-desktop-size-5-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 62.5%;
    -moz-flex: 0 0 62.5%;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    min-width: 62.5%; }
  .grid-flex > .medium-desktop-size-6-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 75%;
    -moz-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    min-width: 75%; }
  .grid-flex > .medium-desktop-size-7-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 87.5%;
    -moz-flex: 0 0 87.5%;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    min-width: 87.5%; }
  .grid-flex > .medium-desktop-size-8-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .medium-desktop-size-1-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 11.11111%;
    -moz-flex: 0 0 11.11111%;
    -ms-flex: 0 0 11.11111%;
    flex: 0 0 11.11111%;
    min-width: 11.11111%; }
  .grid-flex > .medium-desktop-size-2-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 22.22222%;
    -moz-flex: 0 0 22.22222%;
    -ms-flex: 0 0 22.22222%;
    flex: 0 0 22.22222%;
    min-width: 22.22222%; }
  .grid-flex > .medium-desktop-size-3-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -moz-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .grid-flex > .medium-desktop-size-4-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 44.44444%;
    -moz-flex: 0 0 44.44444%;
    -ms-flex: 0 0 44.44444%;
    flex: 0 0 44.44444%;
    min-width: 44.44444%; }
  .grid-flex > .medium-desktop-size-5-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 55.55556%;
    -moz-flex: 0 0 55.55556%;
    -ms-flex: 0 0 55.55556%;
    flex: 0 0 55.55556%;
    min-width: 55.55556%; }
  .grid-flex > .medium-desktop-size-6-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -moz-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .grid-flex > .medium-desktop-size-7-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 77.77778%;
    -moz-flex: 0 0 77.77778%;
    -ms-flex: 0 0 77.77778%;
    flex: 0 0 77.77778%;
    min-width: 77.77778%; }
  .grid-flex > .medium-desktop-size-8-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 88.88889%;
    -moz-flex: 0 0 88.88889%;
    -ms-flex: 0 0 88.88889%;
    flex: 0 0 88.88889%;
    min-width: 88.88889%; }
  .grid-flex > .medium-desktop-size-9-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .medium-desktop-size-1-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 10%;
    -moz-flex: 0 0 10%;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 10%; }
  .grid-flex > .medium-desktop-size-2-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 20%;
    -moz-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 20%; }
  .grid-flex > .medium-desktop-size-3-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 30%;
    -moz-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    min-width: 30%; }
  .grid-flex > .medium-desktop-size-4-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 40%;
    -moz-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    min-width: 40%; }
  .grid-flex > .medium-desktop-size-5-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .grid-flex > .medium-desktop-size-6-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 60%;
    -moz-flex: 0 0 60%;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    min-width: 60%; }
  .grid-flex > .medium-desktop-size-7-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 70%;
    -moz-flex: 0 0 70%;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    min-width: 70%; }
  .grid-flex > .medium-desktop-size-8-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 80%;
    -moz-flex: 0 0 80%;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    min-width: 80%; }
  .grid-flex > .medium-desktop-size-9-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 90%;
    -moz-flex: 0 0 90%;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    min-width: 90%; }
  .grid-flex > .medium-desktop-size-10-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .medium-desktop-size-1-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 9.09091%;
    -moz-flex: 0 0 9.09091%;
    -ms-flex: 0 0 9.09091%;
    flex: 0 0 9.09091%;
    min-width: 9.09091%; }
  .grid-flex > .medium-desktop-size-2-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 18.18182%;
    -moz-flex: 0 0 18.18182%;
    -ms-flex: 0 0 18.18182%;
    flex: 0 0 18.18182%;
    min-width: 18.18182%; }
  .grid-flex > .medium-desktop-size-3-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 27.27273%;
    -moz-flex: 0 0 27.27273%;
    -ms-flex: 0 0 27.27273%;
    flex: 0 0 27.27273%;
    min-width: 27.27273%; }
  .grid-flex > .medium-desktop-size-4-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 36.36364%;
    -moz-flex: 0 0 36.36364%;
    -ms-flex: 0 0 36.36364%;
    flex: 0 0 36.36364%;
    min-width: 36.36364%; }
  .grid-flex > .medium-desktop-size-5-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 45.45455%;
    -moz-flex: 0 0 45.45455%;
    -ms-flex: 0 0 45.45455%;
    flex: 0 0 45.45455%;
    min-width: 45.45455%; }
  .grid-flex > .medium-desktop-size-6-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 54.54545%;
    -moz-flex: 0 0 54.54545%;
    -ms-flex: 0 0 54.54545%;
    flex: 0 0 54.54545%;
    min-width: 54.54545%; }
  .grid-flex > .medium-desktop-size-7-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 63.63636%;
    -moz-flex: 0 0 63.63636%;
    -ms-flex: 0 0 63.63636%;
    flex: 0 0 63.63636%;
    min-width: 63.63636%; }
  .grid-flex > .medium-desktop-size-8-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 72.72727%;
    -moz-flex: 0 0 72.72727%;
    -ms-flex: 0 0 72.72727%;
    flex: 0 0 72.72727%;
    min-width: 72.72727%; }
  .grid-flex > .medium-desktop-size-9-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 81.81818%;
    -moz-flex: 0 0 81.81818%;
    -ms-flex: 0 0 81.81818%;
    flex: 0 0 81.81818%;
    min-width: 81.81818%; }
  .grid-flex > .medium-desktop-size-10-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 90.90909%;
    -moz-flex: 0 0 90.90909%;
    -ms-flex: 0 0 90.90909%;
    flex: 0 0 90.90909%;
    min-width: 90.90909%; }
  .grid-flex > .medium-desktop-size-11-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .medium-desktop-size-1-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -moz-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    min-width: 8.33333%; }
  .grid-flex > .medium-desktop-size-2-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -moz-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    min-width: 16.66667%; }
  .grid-flex > .medium-desktop-size-3-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 25%; }
  .grid-flex > .medium-desktop-size-4-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -moz-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .grid-flex > .medium-desktop-size-5-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -moz-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    min-width: 41.66667%; }
  .grid-flex > .medium-desktop-size-6-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .grid-flex > .medium-desktop-size-7-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -moz-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    min-width: 58.33333%; }
  .grid-flex > .medium-desktop-size-8-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -moz-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .grid-flex > .medium-desktop-size-9-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 75%;
    -moz-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    min-width: 75%; }
  .grid-flex > .medium-desktop-size-10-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -moz-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    min-width: 83.33333%; }
  .grid-flex > .medium-desktop-size-11-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -moz-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    min-width: 91.66667%; }
  .grid-flex > .medium-desktop-size-12-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .grid-flex > .medium-desktop-weight-1 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: initial; }
  .grid-flex > .medium-desktop-weight-2 {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    box-flex: 2;
    -webkit-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    flex: 2;
    min-width: initial; }
  .grid-flex > .medium-desktop-weight-3 {
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    box-flex: 3;
    -webkit-flex: 3;
    -moz-flex: 3;
    -ms-flex: 3;
    flex: 3;
    min-width: initial; }
  .grid-flex > .medium-desktop-weight-4 {
    -webkit-box-flex: 4;
    -moz-box-flex: 4;
    box-flex: 4;
    -webkit-flex: 4;
    -moz-flex: 4;
    -ms-flex: 4;
    flex: 4;
    min-width: initial; }
  .grid-flex > .medium-desktop-weight-5 {
    -webkit-box-flex: 5;
    -moz-box-flex: 5;
    box-flex: 5;
    -webkit-flex: 5;
    -moz-flex: 5;
    -ms-flex: 5;
    flex: 5;
    min-width: initial; }
  .grid-flex > .medium-desktop-weight-6 {
    -webkit-box-flex: 6;
    -moz-box-flex: 6;
    box-flex: 6;
    -webkit-flex: 6;
    -moz-flex: 6;
    -ms-flex: 6;
    flex: 6;
    min-width: initial; }
  .grid-flex > .medium-desktop-weight-7 {
    -webkit-box-flex: 7;
    -moz-box-flex: 7;
    box-flex: 7;
    -webkit-flex: 7;
    -moz-flex: 7;
    -ms-flex: 7;
    flex: 7;
    min-width: initial; }
  .grid-flex > .medium-desktop-weight-8 {
    -webkit-box-flex: 8;
    -moz-box-flex: 8;
    box-flex: 8;
    -webkit-flex: 8;
    -moz-flex: 8;
    -ms-flex: 8;
    flex: 8;
    min-width: initial; }
  .grid-flex > .medium-desktop-weight-9 {
    -webkit-box-flex: 9;
    -moz-box-flex: 9;
    box-flex: 9;
    -webkit-flex: 9;
    -moz-flex: 9;
    -ms-flex: 9;
    flex: 9;
    min-width: initial; }
  .grid-flex > .medium-desktop-weight-10 {
    -webkit-box-flex: 10;
    -moz-box-flex: 10;
    box-flex: 10;
    -webkit-flex: 10;
    -moz-flex: 10;
    -ms-flex: 10;
    flex: 10;
    min-width: initial; }
  .grid-flex > .medium-desktop-weight-11 {
    -webkit-box-flex: 11;
    -moz-box-flex: 11;
    box-flex: 11;
    -webkit-flex: 11;
    -moz-flex: 11;
    -ms-flex: 11;
    flex: 11;
    min-width: initial; }
  .grid-flex > .medium-desktop-weight-12 {
    -webkit-box-flex: 12;
    -moz-box-flex: 12;
    box-flex: 12;
    -webkit-flex: 12;
    -moz-flex: 12;
    -ms-flex: 12;
    flex: 12;
    min-width: initial; }
  .grid-flex > .medium-desktop-order-1 {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    -webkit-order: 1;
    -moz-order: 1;
    order: 1;
    -ms-flex-order: 1; }
  .grid-flex > .medium-desktop-order-2 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -webkit-order: 2;
    -moz-order: 2;
    order: 2;
    -ms-flex-order: 2; }
  .grid-flex > .medium-desktop-order-3 {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3;
    -webkit-order: 3;
    -moz-order: 3;
    order: 3;
    -ms-flex-order: 3; }
  .grid-flex > .medium-desktop-order-4 {
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    box-ordinal-group: 4;
    -webkit-order: 4;
    -moz-order: 4;
    order: 4;
    -ms-flex-order: 4; }
  .grid-flex > .medium-desktop-order-5 {
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    box-ordinal-group: 5;
    -webkit-order: 5;
    -moz-order: 5;
    order: 5;
    -ms-flex-order: 5; }
  .grid-flex > .medium-desktop-order-6 {
    -webkit-box-ordinal-group: 6;
    -moz-box-ordinal-group: 6;
    box-ordinal-group: 6;
    -webkit-order: 6;
    -moz-order: 6;
    order: 6;
    -ms-flex-order: 6; }
  .grid-flex > .medium-desktop-order-7 {
    -webkit-box-ordinal-group: 7;
    -moz-box-ordinal-group: 7;
    box-ordinal-group: 7;
    -webkit-order: 7;
    -moz-order: 7;
    order: 7;
    -ms-flex-order: 7; }
  .grid-flex > .medium-desktop-order-8 {
    -webkit-box-ordinal-group: 8;
    -moz-box-ordinal-group: 8;
    box-ordinal-group: 8;
    -webkit-order: 8;
    -moz-order: 8;
    order: 8;
    -ms-flex-order: 8; }
  .grid-flex > .medium-desktop-order-9 {
    -webkit-box-ordinal-group: 9;
    -moz-box-ordinal-group: 9;
    box-ordinal-group: 9;
    -webkit-order: 9;
    -moz-order: 9;
    order: 9;
    -ms-flex-order: 9; }
  .grid-flex > .medium-desktop-order-10 {
    -webkit-box-ordinal-group: 10;
    -moz-box-ordinal-group: 10;
    box-ordinal-group: 10;
    -webkit-order: 10;
    -moz-order: 10;
    order: 10;
    -ms-flex-order: 10; }
  .grid-flex > .medium-desktop-order-11 {
    -webkit-box-ordinal-group: 11;
    -moz-box-ordinal-group: 11;
    box-ordinal-group: 11;
    -webkit-order: 11;
    -moz-order: 11;
    order: 11;
    -ms-flex-order: 11; }
  .grid-flex > .medium-desktop-order-12 {
    -webkit-box-ordinal-group: 12;
    -moz-box-ordinal-group: 12;
    box-ordinal-group: 12;
    -webkit-order: 12;
    -moz-order: 12;
    order: 12;
    -ms-flex-order: 12; } }

/**
 * flex grid divider component
 *
 * Provides a generic way to add dividers in a layout
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 * @date   05/07/2016
 */
.grid-flex > * > .divider {
  background: #e6e6e6; }
  .grid-flex > * > .divider.inverted {
    background: #383838; }
  .grid-flex > * > .divider.transparent {
    background: transparent; }

.grid-flex > * > .divider,
.grid-flex.horizontal > * > .divider {
  width: 1px;
  height: 100%; }

.grid-flex.vertical > * > .divider {
  width: 100%;
  height: 1px; }

@media (max-width: 600px) {
  .grid-flex.mobile-horizontal > * > .divider {
    width: 1px;
    height: 100%; }
  .grid-flex.mobile-vertical > * > .divider {
    width: 100%;
    height: 1px; } }

@media (min-width: 601px) and (max-width: 1200px) {
  .grid-flex.tablet-horizontal > * > .divider {
    width: 1px;
    height: 100%; }
  .grid-flex.tablet-vertical > * > .divider {
    width: 100%;
    height: 1px; } }

@media (min-width: 1201px) {
  .grid-flex.desktop-horizontal > * > .divider {
    width: 1px;
    height: 100%; }
  .grid-flex.desktop-vertical > * > .divider {
    width: 100%;
    height: 1px; } }

/**
 * Includes all layout styling
 */
.grid-layout {
  -webkit-align-self: center;
  -moz-align-self: center;
  align-self: center;
  -ms-flex-item-align: center;
  width: 100%;
  max-width: 70rem;
  display: grid;
  grid-gap: 2.5rem;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }

.layout-dashboard-6 {
  grid-template-areas: "item1 item1 item1 item2 item2 item2" "item3 item3 item3 item2 item2 item2" "item4 item4 item5 item5 item6 item6";
  grid-template-rows: auto 1fr; }
  .layout-dashboard-6 > * > .expand {
    height: 100%;
    box-sizing: border-box; }
  .layout-dashboard-6 > .item1 {
    grid-area: item1; }
  .layout-dashboard-6 > .item2 {
    grid-area: item2; }
  .layout-dashboard-6 > .item3 {
    grid-area: item3; }
  .layout-dashboard-6 > .item4 {
    grid-area: item4; }
  .layout-dashboard-6 > .item5 {
    grid-area: item5; }
  .layout-dashboard-6 > .item6 {
    grid-area: item6; }

.layout-dashboard-7 {
  grid-template-areas: "item1 item1 item1 item2 item2 item2" "item3 item3 item3 item4 item4 item4" "item5 item5 item6 item6 item7 item7"; }
  .layout-dashboard-7 > * > .expand {
    height: 100%;
    box-sizing: border-box; }
  .layout-dashboard-7 > .item1 {
    grid-area: item1; }
  .layout-dashboard-7 > .item2 {
    grid-area: item2; }
  .layout-dashboard-7 > .item3 {
    grid-area: item3; }
  .layout-dashboard-7 > .item4 {
    grid-area: item4; }
  .layout-dashboard-7 > .item5 {
    grid-area: item5; }
  .layout-dashboard-7 > .item6 {
    grid-area: item6; }
  .layout-dashboard-7 > .item7 {
    grid-area: item7; }

@media (max-width: 600px) {
  .layout-dashboard-6 {
    width: 100%;
    grid-template-areas: "item1" "item2" "item3" "item4" "item5" "item6"; }
  .layout-dashboard-7 {
    width: 100%;
    grid-template-areas: "item1" "item2" "item3" "item4" "item5" "item6" "item7"; }
  .grid-layout {
    grid-template-columns: 1fr;
    margin-bottom: 20px; } }

@media (min-width: 601px) and (max-width: 1200px) {
  .layout-dashboard-6 {
    width: 100%;
    grid-template-areas: "item1" "item2" "item3" "item4" "item5" "item6"; }
  .layout-dashboard-7 {
    width: 100%;
    grid-template-areas: "item1" "item2" "item3" "item4" "item5" "item6" "item7"; }
  .grid-layout {
    grid-template-columns: 1fr;
    margin-bottom: 20px; } }

/**
 * core chat layout component.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.chat-layout {
  display: flex;
  flex-direction: column;
  /* A chat section represents one segment of the chat interface. Its purpose is to provide a layout mechanism to
     handle various element sizes and responsive. */ }
  .chat-layout .chat-section {
    /* The discussion section is the main chat area that must fill the available space */
    /* The notification section is used to alert the user when he is offline or when there are new messages */
    /* The form section contains the input form */ }
    .chat-layout .chat-section.discussion {
      flex: 1;
      overflow-y: hidden;
      overflow-y: overlay;
      overflow-x: hidden;
      background-color: white;
      /* child items are aligned vertically and must be pushed to the end of the area */
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-end;
      /* Contains chat messages */
      /* Displays a chat status (loading or empty) */ }
      .chat-layout .chat-section.discussion > .chat-messages {
        width: 100%;
        max-width: 70rem;
        box-sizing: border-box;
        padding: 0.75rem 0.75rem 0 0.75rem;
        min-height: 0; }
        .chat-layout .chat-section.discussion > .chat-messages > .chat-history-loading {
          text-align: center; }
      .chat-layout .chat-section.discussion > .chat-state {
        height: 100%;
        width: 100%;
        max-width: 70rem;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; }
        .chat-layout .chat-section.discussion > .chat-state .text {
          text-align: center; }
          .chat-layout .chat-section.discussion > .chat-state .text.loading {
            color: black; }
          .chat-layout .chat-section.discussion > .chat-state .text.no-messages {
            color: gray; }
        .chat-layout .chat-section.discussion > .chat-state .loader + .text {
          margin-top: 0.75rem; }
    .chat-layout .chat-section.notification {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .chat-layout .chat-section.notification.notice {
        border-radius: 0;
        margin-bottom: 0;
        border-left-width: 0;
        border-right-width: 0;
        padding: 0.5rem; }
      .chat-layout .chat-section.notification > .chat-notification {
        width: 100%;
        max-width: 70rem;
        text-align: center; }
    .chat-layout .chat-section.form {
      display: flex;
      flex-direction: column;
      align-items: center;
      background-color: white; }
      .chat-layout .chat-section.form > .chat-form {
        width: 100%;
        max-width: 70rem;
        box-sizing: border-box;
        display: flex;
        align-items: flex-end;
        padding: 0 0.75rem; }
        .chat-layout .chat-section.form > .chat-form > * {
          padding: 0.75rem 0; }
        .chat-layout .chat-section.form > .chat-form > .chat-form-input {
          flex: 1;
          margin-right: 0.75rem; }
  .chat-layout .chat-section.discussion + .chat-section.form {
    border-top: 1px solid #d9d9d9; }

.navigation-layout {
  z-index: 9999; }
  .navigation-layout .main-nav {
    color: white;
    background-color: #262626;
    width: 100%;
    /*temporary fix to handle organizer */
    /*temporary fix to handle organizer */ }
    .navigation-layout .main-nav.fixed {
      position: fixed; }
    .navigation-layout .main-nav.vertical {
      width: 16.5rem;
      height: 100%; }
  .navigation-layout .mini-nav {
    display: none;
    position: fixed;
    z-index: 9999;
    width: 100%; }
  .navigation-layout .side-nav {
    position: fixed;
    z-index: 9999;
    width: 15rem;
    top: 0;
    bottom: 0;
    left: -15rem;
    z-index: 9999;
    transition: left 0.3s;
    overflow: auto;
    background: #262626;
    color: white; }
    .navigation-layout .side-nav.open {
      left: 0; }
  .navigation-layout .overlay {
    display: none;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background-color: #000;
    opacity: 0.5; }

@media (min-width: 601px) and (max-width: 1200px) {
  .navigation-layout .main-nav {
    display: none; }
  .navigation-layout .mini-nav {
    display: block; }
  .navigation-layout .side-nav {
    display: block; }
  .navigation-layout .side-nav.open + .overlay {
    display: block; } }

@media (max-width: 600px) {
  .navigation-layout .main-nav {
    display: none; }
  .navigation-layout .mini-nav {
    display: block; }
  .navigation-layout .side-nav {
    display: block; }
  .navigation-layout .side-nav.open + .overlay {
    display: block; } }

/**
 * Basic responsive classes to handle adaptive.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
@media (max-width: 600px) {
  .mobile-hide {
    display: none !important; }
  .mobile-show {
    display: block !important; }
  .scrollable {
    overflow: auto; } }

@media (min-width: 601px) and (max-width: 1200px) {
  .tablet-show {
    display: block !important; }
  .tablet-hide {
    display: none !important; }
  .scrollable {
    overflow: auto; } }

@media (min-width: 1201px) {
  .desktop-show {
    display: block !important; }
  .desktop-hide {
    display: none !important; }
  .scrollable {
    overflow: auto; } }

@media (min-width: 1200px) and (max-width: 1690px) {
  .medium-desktop-show {
    display: block !important; }
  .medium-desktop-hide {
    display: none !important; }
  .scrollable {
    overflow: auto; } }

/**
 * core ui layout component
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.ui-layout {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin: -0.25rem;
  padding: 0;
  list-style: none;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  align-content: flex-start;
  -ms-flex-line-pack: start; }
  .ui-layout > * {
    margin: 0.25rem; }
  .ui-layout.outer-spacing {
    margin: 0.25rem; }
  .ui-layout, .ui-layout.horizontal {
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    flex-flow: row wrap; }
  .ui-layout.vertical {
    -webkit-flex-flow: column wrap;
    -moz-flex-flow: column wrap;
    flex-flow: column wrap; }
  .ui-layout.left {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start; }
  .ui-layout.center {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
  .ui-layout.right {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end; }
  .ui-layout.spread {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify; }
  .ui-layout.spaceless {
    margin: 0; }
    .ui-layout.spaceless > * {
      margin: 0; }
    .ui-layout.spaceless.outer-spacing {
      margin: 0; }
  .ui-layout.spacing-tiny {
    margin: -0.125rem; }
    .ui-layout.spacing-tiny > * {
      margin: 0.125rem; }
    .ui-layout.spacing-tiny.outer-spacing {
      margin: 0.125rem; }
  .ui-layout.spacing-small {
    margin: -0.25rem; }
    .ui-layout.spacing-small > * {
      margin: 0.25rem; }
    .ui-layout.spacing-small.outer-spacing {
      margin: 0.25rem; }
  .ui-layout.spacing-medium {
    margin: -0.375rem; }
    .ui-layout.spacing-medium > * {
      margin: 0.375rem; }
    .ui-layout.spacing-medium.outer-spacing {
      margin: 0.375rem; }
  .ui-layout.spacing-large {
    margin: -0.625rem; }
    .ui-layout.spacing-large > * {
      margin: 0.625rem; }
    .ui-layout.spacing-large.outer-spacing {
      margin: 0.625rem; }
  .ui-layout.spacing-huge {
    margin: -1.25rem; }
    .ui-layout.spacing-huge > * {
      margin: 1.25rem; }
    .ui-layout.spacing-huge.outer-spacing {
      margin: 1.25rem; }
  .ui-layout.v-top {
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start; }
  .ui-layout.v-center {
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center; }
  .ui-layout.v-bottom {
    -webkit-box-align: end;
    -moz-box-align: end;
    box-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-align: end; }
  .ui-layout.v-baseline {
    -webkit-box-align: baseline;
    -moz-box-align: baseline;
    box-align: baseline;
    -webkit-align-items: baseline;
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    -o-align-items: baseline;
    align-items: baseline;
    -ms-flex-align: baseline; }
  .ui-layout > .flex-1 {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    flex-basis: auto;
    -ms-flex-preferred-size: auto; }
  .ui-layout > .flex-2 {
    -webkit-flex-grow: 2;
    -moz-flex-grow: 2;
    flex-grow: 2;
    -ms-flex-positive: 2;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    flex-basis: auto;
    -ms-flex-preferred-size: auto; }
  .ui-layout > .flex-3 {
    -webkit-flex-grow: 3;
    -moz-flex-grow: 3;
    flex-grow: 3;
    -ms-flex-positive: 3;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    flex-basis: auto;
    -ms-flex-preferred-size: auto; }
  .ui-layout > .flex-4 {
    -webkit-flex-grow: 4;
    -moz-flex-grow: 4;
    flex-grow: 4;
    -ms-flex-positive: 4;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    flex-basis: auto;
    -ms-flex-preferred-size: auto; }
  .ui-layout > .flex-5 {
    -webkit-flex-grow: 5;
    -moz-flex-grow: 5;
    flex-grow: 5;
    -ms-flex-positive: 5;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    flex-basis: auto;
    -ms-flex-preferred-size: auto; }
  .ui-layout > .flex-6 {
    -webkit-flex-grow: 6;
    -moz-flex-grow: 6;
    flex-grow: 6;
    -ms-flex-positive: 6;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    flex-basis: auto;
    -ms-flex-preferred-size: auto; }
  .ui-layout > .flex-7 {
    -webkit-flex-grow: 7;
    -moz-flex-grow: 7;
    flex-grow: 7;
    -ms-flex-positive: 7;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    flex-basis: auto;
    -ms-flex-preferred-size: auto; }
  .ui-layout > .flex-8 {
    -webkit-flex-grow: 8;
    -moz-flex-grow: 8;
    flex-grow: 8;
    -ms-flex-positive: 8;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    flex-basis: auto;
    -ms-flex-preferred-size: auto; }
  .ui-layout > .flex-9 {
    -webkit-flex-grow: 9;
    -moz-flex-grow: 9;
    flex-grow: 9;
    -ms-flex-positive: 9;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    flex-basis: auto;
    -ms-flex-preferred-size: auto; }
  .ui-layout > .flex-10 {
    -webkit-flex-grow: 10;
    -moz-flex-grow: 10;
    flex-grow: 10;
    -ms-flex-positive: 10;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    flex-basis: auto;
    -ms-flex-preferred-size: auto; }
  .ui-layout > .flex-11 {
    -webkit-flex-grow: 11;
    -moz-flex-grow: 11;
    flex-grow: 11;
    -ms-flex-positive: 11;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    flex-basis: auto;
    -ms-flex-preferred-size: auto; }
  .ui-layout > .flex-12 {
    -webkit-flex-grow: 12;
    -moz-flex-grow: 12;
    flex-grow: 12;
    -ms-flex-positive: 12;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    flex-basis: auto;
    -ms-flex-preferred-size: auto; }
  .ui-layout > .flex-tiny {
    -webkit-flex-basis: 3rem;
    -moz-flex-basis: 3rem;
    flex-basis: 3rem;
    -ms-flex-preferred-size: 3rem; }
  .ui-layout > .flex-small {
    -webkit-flex-basis: 5rem;
    -moz-flex-basis: 5rem;
    flex-basis: 5rem;
    -ms-flex-preferred-size: 5rem; }
  .ui-layout > .flex-medium {
    -webkit-flex-basis: 10rem;
    -moz-flex-basis: 10rem;
    flex-basis: 10rem;
    -ms-flex-preferred-size: 10rem; }
  .ui-layout > .flex-large {
    -webkit-flex-basis: 15rem;
    -moz-flex-basis: 15rem;
    flex-basis: 15rem;
    -ms-flex-preferred-size: 15rem; }
  .ui-layout > .flex-huge {
    -webkit-flex-basis: 20rem;
    -moz-flex-basis: 20rem;
    flex-basis: 20rem;
    -ms-flex-preferred-size: 20rem; }
  .ui-layout > .flex-gargantuan {
    -webkit-flex-basis: 30rem;
    -moz-flex-basis: 30rem;
    flex-basis: 30rem;
    -ms-flex-preferred-size: 30rem; }
  .ui-layout > .flex-colossal {
    -webkit-flex-basis: 50rem;
    -moz-flex-basis: 50rem;
    flex-basis: 50rem;
    -ms-flex-preferred-size: 50rem; }
  .ui-layout > .position-1 {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    -webkit-order: 1;
    -moz-order: 1;
    order: 1;
    -ms-flex-order: 1; }
  .ui-layout > .position-2 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -webkit-order: 2;
    -moz-order: 2;
    order: 2;
    -ms-flex-order: 2; }
  .ui-layout > .position-3 {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3;
    -webkit-order: 3;
    -moz-order: 3;
    order: 3;
    -ms-flex-order: 3; }
  .ui-layout > .position-4 {
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    box-ordinal-group: 4;
    -webkit-order: 4;
    -moz-order: 4;
    order: 4;
    -ms-flex-order: 4; }
  .ui-layout > .position-5 {
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    box-ordinal-group: 5;
    -webkit-order: 5;
    -moz-order: 5;
    order: 5;
    -ms-flex-order: 5; }
  .ui-layout > .position-6 {
    -webkit-box-ordinal-group: 6;
    -moz-box-ordinal-group: 6;
    box-ordinal-group: 6;
    -webkit-order: 6;
    -moz-order: 6;
    order: 6;
    -ms-flex-order: 6; }
  .ui-layout > .position-7 {
    -webkit-box-ordinal-group: 7;
    -moz-box-ordinal-group: 7;
    box-ordinal-group: 7;
    -webkit-order: 7;
    -moz-order: 7;
    order: 7;
    -ms-flex-order: 7; }
  .ui-layout > .position-8 {
    -webkit-box-ordinal-group: 8;
    -moz-box-ordinal-group: 8;
    box-ordinal-group: 8;
    -webkit-order: 8;
    -moz-order: 8;
    order: 8;
    -ms-flex-order: 8; }
  .ui-layout > .position-9 {
    -webkit-box-ordinal-group: 9;
    -moz-box-ordinal-group: 9;
    box-ordinal-group: 9;
    -webkit-order: 9;
    -moz-order: 9;
    order: 9;
    -ms-flex-order: 9; }
  .ui-layout > .position-10 {
    -webkit-box-ordinal-group: 10;
    -moz-box-ordinal-group: 10;
    box-ordinal-group: 10;
    -webkit-order: 10;
    -moz-order: 10;
    order: 10;
    -ms-flex-order: 10; }
  .ui-layout > .position-11 {
    -webkit-box-ordinal-group: 11;
    -moz-box-ordinal-group: 11;
    box-ordinal-group: 11;
    -webkit-order: 11;
    -moz-order: 11;
    order: 11;
    -ms-flex-order: 11; }
  .ui-layout > .position-12 {
    -webkit-box-ordinal-group: 12;
    -moz-box-ordinal-group: 12;
    box-ordinal-group: 12;
    -webkit-order: 12;
    -moz-order: 12;
    order: 12;
    -ms-flex-order: 12; }
  .ui-layout > .position-13 {
    -webkit-box-ordinal-group: 13;
    -moz-box-ordinal-group: 13;
    box-ordinal-group: 13;
    -webkit-order: 13;
    -moz-order: 13;
    order: 13;
    -ms-flex-order: 13; }
  .ui-layout > .position-14 {
    -webkit-box-ordinal-group: 14;
    -moz-box-ordinal-group: 14;
    box-ordinal-group: 14;
    -webkit-order: 14;
    -moz-order: 14;
    order: 14;
    -ms-flex-order: 14; }
  .ui-layout > .position-15 {
    -webkit-box-ordinal-group: 15;
    -moz-box-ordinal-group: 15;
    box-ordinal-group: 15;
    -webkit-order: 15;
    -moz-order: 15;
    order: 15;
    -ms-flex-order: 15; }
  .ui-layout > .position-16 {
    -webkit-box-ordinal-group: 16;
    -moz-box-ordinal-group: 16;
    box-ordinal-group: 16;
    -webkit-order: 16;
    -moz-order: 16;
    order: 16;
    -ms-flex-order: 16; }
  .ui-layout > .position-17 {
    -webkit-box-ordinal-group: 17;
    -moz-box-ordinal-group: 17;
    box-ordinal-group: 17;
    -webkit-order: 17;
    -moz-order: 17;
    order: 17;
    -ms-flex-order: 17; }
  .ui-layout > .position-18 {
    -webkit-box-ordinal-group: 18;
    -moz-box-ordinal-group: 18;
    box-ordinal-group: 18;
    -webkit-order: 18;
    -moz-order: 18;
    order: 18;
    -ms-flex-order: 18; }
  .ui-layout > .position-19 {
    -webkit-box-ordinal-group: 19;
    -moz-box-ordinal-group: 19;
    box-ordinal-group: 19;
    -webkit-order: 19;
    -moz-order: 19;
    order: 19;
    -ms-flex-order: 19; }
  .ui-layout > .position-20 {
    -webkit-box-ordinal-group: 20;
    -moz-box-ordinal-group: 20;
    box-ordinal-group: 20;
    -webkit-order: 20;
    -moz-order: 20;
    order: 20;
    -ms-flex-order: 20; }

/**
 * Includes all components
 */
/**
 * link design
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
a {
  position: relative;
  outline: 0;
  text-decoration: none; }
  a:hover {
    text-decoration: none; }
  a.disabled, a[disabled] {
    cursor: not-allowed;
    pointer-events: none; }
    a.disabled:hover, a[disabled]:hover {
      text-decoration: inherit; }
  a, a:visited {
    color: #009dff; }
  a:hover, a:focus {
    color: #66c4ff; }
  a:active {
    color: #66c4ff; }
  a:not(.button).subdued, a:not(.button).subdued:visited {
    color: inherit; }
  a:not(.button).subdued:hover, a:not(.button).subdued:focus {
    color: #66c4ff; }
  a:not(.button).subdued:active {
    color: #66c4ff; }
  a:not(.button).light, a:not(.button).light:visited {
    color: inherit; }
  a:not(.button).light:hover, a:not(.button).light:focus {
    color: inherit; }
  a:not(.button).light:active {
    color: inherit; }
  a.disabled, a[disabled] {
    color: #b3b3b3 !important; }
  a.primary, a.primary:visited {
    color: #009dff; }
  a.primary:hover, a.primary:focus {
    color: #66c4ff; }
  a.primary:active {
    color: #66c4ff; }
  a.primary:not(.button).subdued, a.primary:not(.button).subdued:visited {
    color: inherit; }
  a.primary:not(.button).subdued:hover, a.primary:not(.button).subdued:focus {
    color: #66c4ff; }
  a.primary:not(.button).subdued:active {
    color: #66c4ff; }
  a.primary:not(.button).light, a.primary:not(.button).light:visited {
    color: inherit; }
  a.primary:not(.button).light:hover, a.primary:not(.button).light:focus {
    color: inherit; }
  a.primary:not(.button).light:active {
    color: inherit; }
  a.primary.disabled, a.primary[disabled] {
    color: #b3b3b3 !important; }
  a.secondary, a.secondary:visited {
    color: gray; }
  a.secondary:hover, a.secondary:focus {
    color: #b3b3b3; }
  a.secondary:active {
    color: #b3b3b3; }
  a.secondary:not(.button).subdued, a.secondary:not(.button).subdued:visited {
    color: inherit; }
  a.secondary:not(.button).subdued:hover, a.secondary:not(.button).subdued:focus {
    color: #b3b3b3; }
  a.secondary:not(.button).subdued:active {
    color: #b3b3b3; }
  a.secondary:not(.button).light, a.secondary:not(.button).light:visited {
    color: inherit; }
  a.secondary:not(.button).light:hover, a.secondary:not(.button).light:focus {
    color: inherit; }
  a.secondary:not(.button).light:active {
    color: inherit; }
  a.secondary.disabled, a.secondary[disabled] {
    color: #b3b3b3 !important; }
  a.alert, a.alert:visited {
    color: #e61a1a; }
  a.alert:hover, a.alert:focus {
    color: #f07575; }
  a.alert:active {
    color: #f07575; }
  a.alert:not(.button).subdued, a.alert:not(.button).subdued:visited {
    color: inherit; }
  a.alert:not(.button).subdued:hover, a.alert:not(.button).subdued:focus {
    color: #f07575; }
  a.alert:not(.button).subdued:active {
    color: #f07575; }
  a.alert:not(.button).light, a.alert:not(.button).light:visited {
    color: inherit; }
  a.alert:not(.button).light:hover, a.alert:not(.button).light:focus {
    color: inherit; }
  a.alert:not(.button).light:active {
    color: inherit; }
  a.alert.disabled, a.alert[disabled] {
    color: #b3b3b3 !important; }
  a.warning, a.warning:visited {
    color: #ff7700; }
  a.warning:hover, a.warning:focus {
    color: #ffad66; }
  a.warning:active {
    color: #ffad66; }
  a.warning:not(.button).subdued, a.warning:not(.button).subdued:visited {
    color: inherit; }
  a.warning:not(.button).subdued:hover, a.warning:not(.button).subdued:focus {
    color: #ffad66; }
  a.warning:not(.button).subdued:active {
    color: #ffad66; }
  a.warning:not(.button).light, a.warning:not(.button).light:visited {
    color: inherit; }
  a.warning:not(.button).light:hover, a.warning:not(.button).light:focus {
    color: inherit; }
  a.warning:not(.button).light:active {
    color: inherit; }
  a.warning.disabled, a.warning[disabled] {
    color: #b3b3b3 !important; }
  a.success, a.success:visited {
    color: #50b649; }
  a.success:hover, a.success:focus {
    color: #96d392; }
  a.success:active {
    color: #96d392; }
  a.success:not(.button).subdued, a.success:not(.button).subdued:visited {
    color: inherit; }
  a.success:not(.button).subdued:hover, a.success:not(.button).subdued:focus {
    color: #96d392; }
  a.success:not(.button).subdued:active {
    color: #96d392; }
  a.success:not(.button).light, a.success:not(.button).light:visited {
    color: inherit; }
  a.success:not(.button).light:hover, a.success:not(.button).light:focus {
    color: inherit; }
  a.success:not(.button).light:active {
    color: inherit; }
  a.success.disabled, a.success[disabled] {
    color: #b3b3b3 !important; }
  a.admin, a.admin:visited {
    color: #8a40bf; }
  a.admin:hover, a.admin:focus {
    color: #b98cd9; }
  a.admin:active {
    color: #b98cd9; }
  a.admin:not(.button).subdued, a.admin:not(.button).subdued:visited {
    color: inherit; }
  a.admin:not(.button).subdued:hover, a.admin:not(.button).subdued:focus {
    color: #b98cd9; }
  a.admin:not(.button).subdued:active {
    color: #b98cd9; }
  a.admin:not(.button).light, a.admin:not(.button).light:visited {
    color: inherit; }
  a.admin:not(.button).light:hover, a.admin:not(.button).light:focus {
    color: inherit; }
  a.admin:not(.button).light:active {
    color: inherit; }
  a.admin.disabled, a.admin[disabled] {
    color: #b3b3b3 !important; }
  a.inverted, a.inverted:visited {
    color: #009dff; }
  a.inverted:hover, a.inverted:focus {
    color: #66c4ff; }
  a.inverted:active {
    color: #66c4ff; }
  a.inverted:not(.button).subdued, a.inverted:not(.button).subdued:visited {
    color: inherit; }
  a.inverted:not(.button).subdued:hover, a.inverted:not(.button).subdued:focus {
    color: #66c4ff; }
  a.inverted:not(.button).subdued:active {
    color: #66c4ff; }
  a.inverted:not(.button).light, a.inverted:not(.button).light:visited {
    color: inherit; }
  a.inverted:not(.button).light:hover, a.inverted:not(.button).light:focus {
    color: inherit; }
  a.inverted:not(.button).light:active {
    color: inherit; }
  a.inverted.disabled, a.inverted[disabled] {
    color: #5c5c5c !important; }
  a.inverted.primary, a.inverted.primary:visited {
    color: #009dff; }
  a.inverted.primary:hover, a.inverted.primary:focus {
    color: #66c4ff; }
  a.inverted.primary:active {
    color: #66c4ff; }
  a.inverted.primary:not(.button).subdued, a.inverted.primary:not(.button).subdued:visited {
    color: inherit; }
  a.inverted.primary:not(.button).subdued:hover, a.inverted.primary:not(.button).subdued:focus {
    color: #66c4ff; }
  a.inverted.primary:not(.button).subdued:active {
    color: #66c4ff; }
  a.inverted.primary:not(.button).light, a.inverted.primary:not(.button).light:visited {
    color: inherit; }
  a.inverted.primary:not(.button).light:hover, a.inverted.primary:not(.button).light:focus {
    color: inherit; }
  a.inverted.primary:not(.button).light:active {
    color: inherit; }
  a.inverted.primary.disabled, a.inverted.primary[disabled] {
    color: #5c5c5c !important; }
  a.inverted.secondary, a.inverted.secondary:visited {
    color: gray; }
  a.inverted.secondary:hover, a.inverted.secondary:focus {
    color: #b3b3b3; }
  a.inverted.secondary:active {
    color: #b3b3b3; }
  a.inverted.secondary:not(.button).subdued, a.inverted.secondary:not(.button).subdued:visited {
    color: inherit; }
  a.inverted.secondary:not(.button).subdued:hover, a.inverted.secondary:not(.button).subdued:focus {
    color: #b3b3b3; }
  a.inverted.secondary:not(.button).subdued:active {
    color: #b3b3b3; }
  a.inverted.secondary:not(.button).light, a.inverted.secondary:not(.button).light:visited {
    color: inherit; }
  a.inverted.secondary:not(.button).light:hover, a.inverted.secondary:not(.button).light:focus {
    color: inherit; }
  a.inverted.secondary:not(.button).light:active {
    color: inherit; }
  a.inverted.secondary.disabled, a.inverted.secondary[disabled] {
    color: #5c5c5c !important; }
  a.inverted.alert, a.inverted.alert:visited {
    color: #e61a1a; }
  a.inverted.alert:hover, a.inverted.alert:focus {
    color: #f07575; }
  a.inverted.alert:active {
    color: #f07575; }
  a.inverted.alert:not(.button).subdued, a.inverted.alert:not(.button).subdued:visited {
    color: inherit; }
  a.inverted.alert:not(.button).subdued:hover, a.inverted.alert:not(.button).subdued:focus {
    color: #f07575; }
  a.inverted.alert:not(.button).subdued:active {
    color: #f07575; }
  a.inverted.alert:not(.button).light, a.inverted.alert:not(.button).light:visited {
    color: inherit; }
  a.inverted.alert:not(.button).light:hover, a.inverted.alert:not(.button).light:focus {
    color: inherit; }
  a.inverted.alert:not(.button).light:active {
    color: inherit; }
  a.inverted.alert.disabled, a.inverted.alert[disabled] {
    color: #5c5c5c !important; }
  a.inverted.warning, a.inverted.warning:visited {
    color: #ff7700; }
  a.inverted.warning:hover, a.inverted.warning:focus {
    color: #ffad66; }
  a.inverted.warning:active {
    color: #ffad66; }
  a.inverted.warning:not(.button).subdued, a.inverted.warning:not(.button).subdued:visited {
    color: inherit; }
  a.inverted.warning:not(.button).subdued:hover, a.inverted.warning:not(.button).subdued:focus {
    color: #ffad66; }
  a.inverted.warning:not(.button).subdued:active {
    color: #ffad66; }
  a.inverted.warning:not(.button).light, a.inverted.warning:not(.button).light:visited {
    color: inherit; }
  a.inverted.warning:not(.button).light:hover, a.inverted.warning:not(.button).light:focus {
    color: inherit; }
  a.inverted.warning:not(.button).light:active {
    color: inherit; }
  a.inverted.warning.disabled, a.inverted.warning[disabled] {
    color: #5c5c5c !important; }
  a.inverted.success, a.inverted.success:visited {
    color: #50b649; }
  a.inverted.success:hover, a.inverted.success:focus {
    color: #96d392; }
  a.inverted.success:active {
    color: #96d392; }
  a.inverted.success:not(.button).subdued, a.inverted.success:not(.button).subdued:visited {
    color: inherit; }
  a.inverted.success:not(.button).subdued:hover, a.inverted.success:not(.button).subdued:focus {
    color: #96d392; }
  a.inverted.success:not(.button).subdued:active {
    color: #96d392; }
  a.inverted.success:not(.button).light, a.inverted.success:not(.button).light:visited {
    color: inherit; }
  a.inverted.success:not(.button).light:hover, a.inverted.success:not(.button).light:focus {
    color: inherit; }
  a.inverted.success:not(.button).light:active {
    color: inherit; }
  a.inverted.success.disabled, a.inverted.success[disabled] {
    color: #5c5c5c !important; }
  a.inverted.admin, a.inverted.admin:visited {
    color: #8a40bf; }
  a.inverted.admin:hover, a.inverted.admin:focus {
    color: #b98cd9; }
  a.inverted.admin:active {
    color: #b98cd9; }
  a.inverted.admin:not(.button).subdued, a.inverted.admin:not(.button).subdued:visited {
    color: inherit; }
  a.inverted.admin:not(.button).subdued:hover, a.inverted.admin:not(.button).subdued:focus {
    color: #b98cd9; }
  a.inverted.admin:not(.button).subdued:active {
    color: #b98cd9; }
  a.inverted.admin:not(.button).light, a.inverted.admin:not(.button).light:visited {
    color: inherit; }
  a.inverted.admin:not(.button).light:hover, a.inverted.admin:not(.button).light:focus {
    color: inherit; }
  a.inverted.admin:not(.button).light:active {
    color: inherit; }
  a.inverted.admin.disabled, a.inverted.admin[disabled] {
    color: #5c5c5c !important; }

/**
 * Includes all list components
 */
/**
 * list/data component provides a way to display rows of N columns of data.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.list, ul.list, ol.list {
  margin: 0;
  padding: 0;
  background: white;
  list-style: none; }
  .list > li > a, .list > li > i, .list > li > .content, .list > .item > a, .list > .item > i, .list > .item > .content, ul.list > li > a, ul.list > li > i, ul.list > li > .content, ul.list > .item > a, ul.list > .item > i, ul.list > .item > .content, ol.list > li > a, ol.list > li > i, ol.list > li > .content, ol.list > .item > a, ol.list > .item > i, ol.list > .item > .content {
    padding: 0.25rem 0.5rem; }
  .list > li > i + .content, .list > li .content + i, .list > .item > i + .content, .list > .item .content + i, ul.list > li > i + .content, ul.list > li .content + i, ul.list > .item > i + .content, ul.list > .item .content + i, ol.list > li > i + .content, ol.list > li .content + i, ol.list > .item > i + .content, ol.list > .item .content + i {
    padding-left: 0; }
  .list > li, .list > .item, ul.list > li, ul.list > .item, ol.list > li, ol.list > .item {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    font: 400 0.875rem/1.5em "Noto Sans", sans-serif;
    color: #262626; }
    .list > li > a, .list > .item > a, ul.list > li > a, ul.list > .item > a, ol.list > li > a, ol.list > .item > a {
      display: block;
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1; }
    .list > li > i, .list > li > a > i, .list > .item > i, .list > .item > a > i, ul.list > li > i, ul.list > li > a > i, ul.list > .item > i, ul.list > .item > a > i, ol.list > li > i, ol.list > li > a > i, ol.list > .item > i, ol.list > .item > a > i {
      font-size: 1.25rem; }
    .list > li > .content .header, .list > li > a > .content .header, .list > .item > .content .header, .list > .item > a > .content .header, ul.list > li > .content .header, ul.list > li > a > .content .header, ul.list > .item > .content .header, ul.list > .item > a > .content .header, ol.list > li > .content .header, ol.list > li > a > .content .header, ol.list > .item > .content .header, ol.list > .item > a > .content .header {
      font-weight: bold;
      color: #1a1a1a; }
    .list > li > .content .description, .list > li > a > .content .description, .list > .item > .content .description, .list > .item > a > .content .description, ul.list > li > .content .description, ul.list > li > a > .content .description, ul.list > .item > .content .description, ul.list > .item > a > .content .description, ol.list > li > .content .description, ol.list > li > a > .content .description, ol.list > .item > .content .description, ol.list > .item > a > .content .description {
      color: #4d4d4d; }
  .list.divided > li, ul.list.divided > li, ol.list.divided > li {
    border-top: 1px solid #d9d9d9; }
    .list.divided > li:first-child, ul.list.divided > li:first-child, ol.list.divided > li:first-child {
      border-top: 0; }
  .list.hover > li > a, .list.hover > li > a:visited, ul.list.hover > li > a, ul.list.hover > li > a:visited, ol.list.hover > li > a, ol.list.hover > li > a:visited {
    color: inherit; }
  .list.hover > li > a:hover, .list.hover > li > a:focus, ul.list.hover > li > a:hover, ul.list.hover > li > a:focus, ol.list.hover > li > a:hover, ol.list.hover > li > a:focus {
    color: #0d0d0d; }
  .list.hover > li:hover, ul.list.hover > li:hover, ol.list.hover > li:hover {
    background: #f2f2f2; }
  .list.spaceless > li > a, .list.spaceless > li > i, .list.spaceless > li > .content, .list.spaceless > .item > a, .list.spaceless > .item > i, .list.spaceless > .item > .content, ul.list.spaceless > li > a, ul.list.spaceless > li > i, ul.list.spaceless > li > .content, ul.list.spaceless > .item > a, ul.list.spaceless > .item > i, ul.list.spaceless > .item > .content, ol.list.spaceless > li > a, ol.list.spaceless > li > i, ol.list.spaceless > li > .content, ol.list.spaceless > .item > a, ol.list.spaceless > .item > i, ol.list.spaceless > .item > .content {
    padding: 0 0; }
  .list.spaceless > li > i + .content, .list.spaceless > li .content + i, .list.spaceless > .item > i + .content, .list.spaceless > .item .content + i, ul.list.spaceless > li > i + .content, ul.list.spaceless > li .content + i, ul.list.spaceless > .item > i + .content, ul.list.spaceless > .item .content + i, ol.list.spaceless > li > i + .content, ol.list.spaceless > li .content + i, ol.list.spaceless > .item > i + .content, ol.list.spaceless > .item .content + i {
    padding-left: 0; }
  .list.spacing-tiny > li > a, .list.spacing-tiny > li > i, .list.spacing-tiny > li > .content, .list.spacing-tiny > .item > a, .list.spacing-tiny > .item > i, .list.spacing-tiny > .item > .content, ul.list.spacing-tiny > li > a, ul.list.spacing-tiny > li > i, ul.list.spacing-tiny > li > .content, ul.list.spacing-tiny > .item > a, ul.list.spacing-tiny > .item > i, ul.list.spacing-tiny > .item > .content, ol.list.spacing-tiny > li > a, ol.list.spacing-tiny > li > i, ol.list.spacing-tiny > li > .content, ol.list.spacing-tiny > .item > a, ol.list.spacing-tiny > .item > i, ol.list.spacing-tiny > .item > .content {
    padding: 0.25rem 0.5rem; }
  .list.spacing-tiny > li > i + .content, .list.spacing-tiny > li .content + i, .list.spacing-tiny > .item > i + .content, .list.spacing-tiny > .item .content + i, ul.list.spacing-tiny > li > i + .content, ul.list.spacing-tiny > li .content + i, ul.list.spacing-tiny > .item > i + .content, ul.list.spacing-tiny > .item .content + i, ol.list.spacing-tiny > li > i + .content, ol.list.spacing-tiny > li .content + i, ol.list.spacing-tiny > .item > i + .content, ol.list.spacing-tiny > .item .content + i {
    padding-left: 0; }
  .list.spacing-small > li > a, .list.spacing-small > li > i, .list.spacing-small > li > .content, .list.spacing-small > .item > a, .list.spacing-small > .item > i, .list.spacing-small > .item > .content, ul.list.spacing-small > li > a, ul.list.spacing-small > li > i, ul.list.spacing-small > li > .content, ul.list.spacing-small > .item > a, ul.list.spacing-small > .item > i, ul.list.spacing-small > .item > .content, ol.list.spacing-small > li > a, ol.list.spacing-small > li > i, ol.list.spacing-small > li > .content, ol.list.spacing-small > .item > a, ol.list.spacing-small > .item > i, ol.list.spacing-small > .item > .content {
    padding: 0.5rem 0.75rem; }
  .list.spacing-small > li > i + .content, .list.spacing-small > li .content + i, .list.spacing-small > .item > i + .content, .list.spacing-small > .item .content + i, ul.list.spacing-small > li > i + .content, ul.list.spacing-small > li .content + i, ul.list.spacing-small > .item > i + .content, ul.list.spacing-small > .item .content + i, ol.list.spacing-small > li > i + .content, ol.list.spacing-small > li .content + i, ol.list.spacing-small > .item > i + .content, ol.list.spacing-small > .item .content + i {
    padding-left: 0; }
  .list.spacing-medium > li > a, .list.spacing-medium > li > i, .list.spacing-medium > li > .content, .list.spacing-medium > .item > a, .list.spacing-medium > .item > i, .list.spacing-medium > .item > .content, ul.list.spacing-medium > li > a, ul.list.spacing-medium > li > i, ul.list.spacing-medium > li > .content, ul.list.spacing-medium > .item > a, ul.list.spacing-medium > .item > i, ul.list.spacing-medium > .item > .content, ol.list.spacing-medium > li > a, ol.list.spacing-medium > li > i, ol.list.spacing-medium > li > .content, ol.list.spacing-medium > .item > a, ol.list.spacing-medium > .item > i, ol.list.spacing-medium > .item > .content {
    padding: 0.75rem 0.75rem; }
  .list.spacing-medium > li > i + .content, .list.spacing-medium > li .content + i, .list.spacing-medium > .item > i + .content, .list.spacing-medium > .item .content + i, ul.list.spacing-medium > li > i + .content, ul.list.spacing-medium > li .content + i, ul.list.spacing-medium > .item > i + .content, ul.list.spacing-medium > .item .content + i, ol.list.spacing-medium > li > i + .content, ol.list.spacing-medium > li .content + i, ol.list.spacing-medium > .item > i + .content, ol.list.spacing-medium > .item .content + i {
    padding-left: 0; }
  .list.spacing-large > li > a, .list.spacing-large > li > i, .list.spacing-large > li > .content, .list.spacing-large > .item > a, .list.spacing-large > .item > i, .list.spacing-large > .item > .content, ul.list.spacing-large > li > a, ul.list.spacing-large > li > i, ul.list.spacing-large > li > .content, ul.list.spacing-large > .item > a, ul.list.spacing-large > .item > i, ul.list.spacing-large > .item > .content, ol.list.spacing-large > li > a, ol.list.spacing-large > li > i, ol.list.spacing-large > li > .content, ol.list.spacing-large > .item > a, ol.list.spacing-large > .item > i, ol.list.spacing-large > .item > .content {
    padding: 1.25rem 1.25rem; }
  .list.spacing-large > li > i + .content, .list.spacing-large > li .content + i, .list.spacing-large > .item > i + .content, .list.spacing-large > .item .content + i, ul.list.spacing-large > li > i + .content, ul.list.spacing-large > li .content + i, ul.list.spacing-large > .item > i + .content, ul.list.spacing-large > .item .content + i, ol.list.spacing-large > li > i + .content, ol.list.spacing-large > li .content + i, ol.list.spacing-large > .item > i + .content, ol.list.spacing-large > .item .content + i {
    padding-left: 0; }
  .list.spacing-huge > li > a, .list.spacing-huge > li > i, .list.spacing-huge > li > .content, .list.spacing-huge > .item > a, .list.spacing-huge > .item > i, .list.spacing-huge > .item > .content, ul.list.spacing-huge > li > a, ul.list.spacing-huge > li > i, ul.list.spacing-huge > li > .content, ul.list.spacing-huge > .item > a, ul.list.spacing-huge > .item > i, ul.list.spacing-huge > .item > .content, ol.list.spacing-huge > li > a, ol.list.spacing-huge > li > i, ol.list.spacing-huge > li > .content, ol.list.spacing-huge > .item > a, ol.list.spacing-huge > .item > i, ol.list.spacing-huge > .item > .content {
    padding: 2.5rem 2.5rem; }
  .list.spacing-huge > li > i + .content, .list.spacing-huge > li .content + i, .list.spacing-huge > .item > i + .content, .list.spacing-huge > .item .content + i, ul.list.spacing-huge > li > i + .content, ul.list.spacing-huge > li .content + i, ul.list.spacing-huge > .item > i + .content, ul.list.spacing-huge > .item .content + i, ol.list.spacing-huge > li > i + .content, ol.list.spacing-huge > li .content + i, ol.list.spacing-huge > .item > i + .content, ol.list.spacing-huge > .item .content + i {
    padding-left: 0; }

/**
 * Includes all loader styling
 */
/**
 * The google like loader
 *
 * @see https://codepen.io/jczimm/pen/vEBpoL
 *
 * @author Vincent Barrault <vbarrault@oxent.net>
 */
.loader {
  background: url("/asset/loader/ring.svg") no-repeat;
  height: 2rem;
  width: 2rem; }
  .loader.tiny {
    height: 0.5rem;
    width: 0.5rem;
    background-image: url("/asset/loader/ring-thick.svg"); }
  .loader.small {
    height: 0.9rem;
    width: 0.9rem;
    background-image: url("/asset/loader/ring-thick.svg"); }
  .loader.large {
    height: 4rem;
    width: 4rem;
    background-image: url("/asset/loader/ring-thin.svg"); }
  .loader.huge {
    height: 6rem;
    width: 6rem;
    background-image: url("/asset/loader/ring-thin.svg"); }

/**
 * Includes all message styling
 */
/**
 * The message styling
 *
 * @author Vincent Barrault <vbarrault@oxent.net>
 */
/**
 * @author Vincent Barrault <vbarrault@oxent.net>
 */
.message-group {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }
  .message-group > .author {
    color: gray; }
  .message-group > .message > .content:not(.subdued) {
    color: white;
    background: #999999; }
  .message-group > .message > .content.subdued {
    color: #4d4d4d;
    background: #f2f2f2; }
  .message-group.primary > .author {
    color: #009dff; }
  .message-group.primary > .message > .content:not(.subdued) {
    color: white;
    background: #009dff; }
  .message-group.primary > .message > .content.subdued {
    color: #005e99;
    background: #e6f5ff; }
  .message-group.secondary > .author {
    color: gray; }
  .message-group.secondary > .message > .content:not(.subdued) {
    color: white;
    background: #999999; }
  .message-group.secondary > .message > .content.subdued {
    color: #4d4d4d;
    background: #f2f2f2; }
  .message-group.alert > .author {
    color: #e61a1a; }
  .message-group.alert > .message > .content:not(.subdued) {
    color: white;
    background: #e61a1a; }
  .message-group.alert > .message > .content.subdued {
    color: #8a0f0f;
    background: #fce8e8; }
  .message-group.warning > .author {
    color: #ff7700; }
  .message-group.warning > .message > .content:not(.subdued) {
    color: white;
    background: #ff7700; }
  .message-group.warning > .message > .content.subdued {
    color: #994700;
    background: #fff1e6; }
  .message-group.success > .author {
    color: #50b649; }
  .message-group.success > .message > .content:not(.subdued) {
    color: white;
    background: #50b649; }
  .message-group.success > .message > .content.subdued {
    color: #306d2c;
    background: #edf8ed; }
  .message-group.admin > .author {
    color: #8a40bf; }
  .message-group.admin > .message > .content:not(.subdued) {
    color: white;
    background: #8a40bf; }
  .message-group.admin > .message > .content.subdued {
    color: #532673;
    background: #f3ecf9; }
  .message-group > * {
    display: table;
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    align-self: flex-start;
    -ms-flex-item-align: start; }
  .message-group.right > * {
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    align-self: flex-end;
    -ms-flex-item-align: end; }
  .message-group > .author {
    margin-bottom: 0.25rem;
    font: 400 0.75rem/1.5em "Noto Sans", sans-serif; }
    .message-group > .author > .name {
      font-weight: 700; }
  .message-group.space-around {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem; }
  .message-group:not(:last-child) {
    margin-bottom: 1.25rem; }
  .message-group > .message {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center; }
    .message-group > .message > .content {
      max-width: 26rem;
      font: 400 0.875rem/1.5em "Noto Sans", sans-serif;
      border-radius: 0.75rem;
      padding: 0.5rem 1.25rem; }
      .message-group > .message > .content.pending {
        position: relative; }
        .message-group > .message > .content.pending:after {
          content: " ";
          background: rgba(255, 255, 255, 0.7);
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          z-index: 999; }
        .message-group > .message > .content.pending.inverted:after {
          background: rgba(0, 0, 0, 0.7); }
    .message-group > .message > .state {
      margin: 0 0.75rem; }
    .message-group > .message:not(:last-child) {
      margin-bottom: 0.5rem; }

/**
 * Includes all modal styling
 */
.modal {
  position: fixed;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: transparent !important;
  display: flex;
  align-items: center;
  justify-content: center; }
  .modal .modal-layer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.4) !important;
    z-index: 0; }
  .modal .modal-content {
    width: calc(100vw - 1rem);
    max-width: 30rem;
    min-width: 10rem;
    overflow: hidden;
    z-index: 1;
    max-height: calc(100vh - 1rem); }
    .modal .modal-content.size-small {
      max-width: 20rem; }
    .modal .modal-content.size-medium {
      max-width: 30rem; }
    .modal .modal-content.size-large {
      max-width: 50rem; }
    .modal .modal-content.scrollable {
      overflow-y: auto; }
    @media (max-width: 600px) {
      .modal .modal-content {
        position: absolute;
        width: auto;
        max-height: none;
        top: 0.5rem;
        bottom: 0.5rem;
        left: 0.5rem;
        right: 0.5rem; }
        .modal .modal-content > .card {
          border-radius: 0;
          position: absolute;
          width: 100%;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0; } }

/**
 * Includes all navs
 */
/**
 * Global config of navigation items
 */
/**
 * Includes nav mixins
 */
/**
 * Includes all horizontal nav styling
 */
/**
 * horizontal navigation component.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
ul.horizontal-nav {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none;
  white-space: nowrap;
  background: white;
  border-color: #b3b3b3; }
  ul.horizontal-nav.transparent {
    background: transparent; }
  ul.horizontal-nav > li {
    display: block;
    font: 400 1rem/1.2em "Noto Sans", sans-serif;
    letter-spacing: 0; }
    ul.horizontal-nav > li > a, ul.horizontal-nav > li > span {
      display: flex;
      align-items: center;
      position: relative;
      height: 3.75rem;
      padding: 0 1.25rem;
      text-align: center;
      outline: 0;
      word-wrap: break-word; }
    ul.horizontal-nav > li.disabled > span {
      cursor: not-allowed;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    ul.horizontal-nav > li.expand {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1; }
    ul.horizontal-nav > li.first > a {
      padding-left: 0; }
  ul.horizontal-nav.spacing-large > li > a, ul.horizontal-nav.spacing-large > li > span {
    height: 5rem;
    padding: 0 1.25rem; }
  ul.horizontal-nav.spacing-small > li > a, ul.horizontal-nav.spacing-small > li > span {
    height: 2rem;
    padding: 0 0.75rem; }
  ul.horizontal-nav.inside-spacing-large > li {
    padding: 1rem 1rem; }
  ul.horizontal-nav.spread {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify; }
    ul.horizontal-nav.spread > li:first-child > a, ul.horizontal-nav.spread > li:first-child > span {
      padding-left: 0; }
    ul.horizontal-nav.spread > li:last-child > a, ul.horizontal-nav.spread > li:last-child > span {
      padding-right: 0; }
    ul.horizontal-nav.spread > li > a, ul.horizontal-nav.spread > li > span {
      margin: 0; }
  ul.horizontal-nav.space-around {
    width: 100%;
    -webkit-box-sizing: border-box;
    -webkit-box-pack: distribute;
    -moz-box-pack: distribute;
    box-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: distribute; }
  ul.horizontal-nav.no-outer-padding > li:first-child > a, ul.horizontal-nav.no-outer-padding > li:first-child > span {
    padding-left: 0; }
  ul.horizontal-nav.no-outer-padding > li:last-child > a, ul.horizontal-nav.no-outer-padding > li:last-child > span {
    padding-right: 0; }
  ul.horizontal-nav.align-middle {
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center; }
  ul.horizontal-nav.uppercase {
    text-transform: uppercase; }
  ul.horizontal-nav.strong > li {
    font-weight: bold; }
  ul.horizontal-nav li {
    border-color: #b3b3b3;
    background: inherit; }
    ul.horizontal-nav li > a, ul.horizontal-nav li > a:visited, ul.horizontal-nav li > * {
      color: #0d0d0d;
      background: inherit; }
    ul.horizontal-nav li > a:hover, ul.horizontal-nav li > a:focus, ul.horizontal-nav li > a:active {
      color: #666666;
      background: transparent; }
    ul.horizontal-nav li.current > a, ul.horizontal-nav li.current > a:visited, ul.horizontal-nav li.current > *, ul.horizontal-nav li.current_ancestor > a, ul.horizontal-nav li.current_ancestor > a:visited, ul.horizontal-nav li.current_ancestor > * {
      color: #009dff;
      background: transparent; }
    ul.horizontal-nav li.current > a:hover, ul.horizontal-nav li.current > a:focus, ul.horizontal-nav li.current > a:active, ul.horizontal-nav li.current_ancestor > a:hover, ul.horizontal-nav li.current_ancestor > a:focus, ul.horizontal-nav li.current_ancestor > a:active {
      color: #666666;
      background: transparent; }
    ul.horizontal-nav li.disabled > a, ul.horizontal-nav li.disabled > a:visited, ul.horizontal-nav li.disabled > * {
      color: #b3b3b3;
      background: transparent; }
    ul.horizontal-nav li.disabled > a:hover, ul.horizontal-nav li.disabled > a:focus, ul.horizontal-nav li.disabled > a:active {
      color: #b3b3b3;
      background: transparent; }
  ul.horizontal-nav.inverted {
    background: #262626;
    border-color: #5c5c5c; }
    ul.horizontal-nav.inverted li {
      border-color: #5c5c5c;
      background: inherit; }
      ul.horizontal-nav.inverted li > a, ul.horizontal-nav.inverted li > a:visited, ul.horizontal-nav.inverted li > * {
        color: white;
        background: inherit; }
      ul.horizontal-nav.inverted li > a:hover, ul.horizontal-nav.inverted li > a:focus, ul.horizontal-nav.inverted li > a:active {
        color: white;
        background: transparent; }
      ul.horizontal-nav.inverted li.current > a, ul.horizontal-nav.inverted li.current > a:visited, ul.horizontal-nav.inverted li.current > *, ul.horizontal-nav.inverted li.current_ancestor > a, ul.horizontal-nav.inverted li.current_ancestor > a:visited, ul.horizontal-nav.inverted li.current_ancestor > * {
        color: white;
        background: transparent; }
      ul.horizontal-nav.inverted li.current > a:hover, ul.horizontal-nav.inverted li.current > a:focus, ul.horizontal-nav.inverted li.current > a:active, ul.horizontal-nav.inverted li.current_ancestor > a:hover, ul.horizontal-nav.inverted li.current_ancestor > a:focus, ul.horizontal-nav.inverted li.current_ancestor > a:active {
        color: white;
        background: transparent; }
      ul.horizontal-nav.inverted li.disabled > a, ul.horizontal-nav.inverted li.disabled > a:visited, ul.horizontal-nav.inverted li.disabled > * {
        color: #5c5c5c;
        background: transparent; }
      ul.horizontal-nav.inverted li.disabled > a:hover, ul.horizontal-nav.inverted li.disabled > a:focus, ul.horizontal-nav.inverted li.disabled > a:active {
        color: #5c5c5c;
        background: transparent; }

/**
 * drop-down navigation is an add-on of horizontal navigation.
 *
 * Its similar to vertical navigation but independent.
 *
 * You are able to nest only one drop-down level into the horizontal nav.
 *
 * @author Vincent Barrault <vbarrault@oxent.net>
 */
ul.horizontal-nav.with-dropdown > li {
  position: relative; }
  ul.horizontal-nav.with-dropdown > li .badge {
    margin-left: 0.5rem; }
  ul.horizontal-nav.with-dropdown > li > .dropdown-nav {
    display: none;
    background: #f2f2f2;
    border-color: #b3b3b3;
    list-style: none;
    margin: 0;
    padding: 0 0.25rem;
    border-radius: 0 0 0.25rem 0.25rem;
    box-shadow: none;
    z-index: 999;
    position: absolute;
    left: 0;
    right: 0;
    min-width: 9rem; }
    ul.horizontal-nav.with-dropdown > li > .dropdown-nav li {
      border-color: #b3b3b3;
      background: inherit; }
      ul.horizontal-nav.with-dropdown > li > .dropdown-nav li > a, ul.horizontal-nav.with-dropdown > li > .dropdown-nav li > a:visited, ul.horizontal-nav.with-dropdown > li > .dropdown-nav li > * {
        color: #0d0d0d;
        background: inherit; }
      ul.horizontal-nav.with-dropdown > li > .dropdown-nav li > a:hover, ul.horizontal-nav.with-dropdown > li > .dropdown-nav li > a:focus, ul.horizontal-nav.with-dropdown > li > .dropdown-nav li > a:active {
        color: #666666;
        background: transparent; }
      ul.horizontal-nav.with-dropdown > li > .dropdown-nav li.current > a, ul.horizontal-nav.with-dropdown > li > .dropdown-nav li.current > a:visited, ul.horizontal-nav.with-dropdown > li > .dropdown-nav li.current > *, ul.horizontal-nav.with-dropdown > li > .dropdown-nav li.current_ancestor > a, ul.horizontal-nav.with-dropdown > li > .dropdown-nav li.current_ancestor > a:visited, ul.horizontal-nav.with-dropdown > li > .dropdown-nav li.current_ancestor > * {
        color: #009dff;
        background: transparent; }
      ul.horizontal-nav.with-dropdown > li > .dropdown-nav li.current > a:hover, ul.horizontal-nav.with-dropdown > li > .dropdown-nav li.current > a:focus, ul.horizontal-nav.with-dropdown > li > .dropdown-nav li.current > a:active, ul.horizontal-nav.with-dropdown > li > .dropdown-nav li.current_ancestor > a:hover, ul.horizontal-nav.with-dropdown > li > .dropdown-nav li.current_ancestor > a:focus, ul.horizontal-nav.with-dropdown > li > .dropdown-nav li.current_ancestor > a:active {
        color: #666666;
        background: transparent; }
      ul.horizontal-nav.with-dropdown > li > .dropdown-nav li.disabled > a, ul.horizontal-nav.with-dropdown > li > .dropdown-nav li.disabled > a:visited, ul.horizontal-nav.with-dropdown > li > .dropdown-nav li.disabled > * {
        color: #b3b3b3;
        background: transparent; }
      ul.horizontal-nav.with-dropdown > li > .dropdown-nav li.disabled > a:hover, ul.horizontal-nav.with-dropdown > li > .dropdown-nav li.disabled > a:focus, ul.horizontal-nav.with-dropdown > li > .dropdown-nav li.disabled > a:active {
        color: #b3b3b3;
        background: transparent; }
    ul.horizontal-nav.with-dropdown > li > .dropdown-nav.align-left {
      right: auto; }
    ul.horizontal-nav.with-dropdown > li > .dropdown-nav.align-right {
      left: auto; }
    ul.horizontal-nav.with-dropdown > li > .dropdown-nav.tiny {
      min-width: 7rem; }
    ul.horizontal-nav.with-dropdown > li > .dropdown-nav.small {
      min-width: 9rem; }
    ul.horizontal-nav.with-dropdown > li > .dropdown-nav.medium {
      min-width: 13rem; }
    ul.horizontal-nav.with-dropdown > li > .dropdown-nav.large {
      min-width: 17rem; }
    ul.horizontal-nav.with-dropdown > li > .dropdown-nav.huge {
      min-width: 25rem; }
    ul.horizontal-nav.with-dropdown > li > .dropdown-nav > li > a, ul.horizontal-nav.with-dropdown > li > .dropdown-nav > li > span {
      display: block;
      position: relative;
      padding: 0.75rem;
      margin: 0;
      outline: 0; }
    ul.horizontal-nav.with-dropdown > li > .dropdown-nav > li:not(:last-child) {
      border-bottom: 1px solid #e6e6e6; }
    ul.horizontal-nav.with-dropdown > li > .dropdown-nav > li.highlight {
      background: white;
      margin: 0 -0.25rem;
      border-radius: 0 0 0.25rem 0.25rem; }
      ul.horizontal-nav.with-dropdown > li > .dropdown-nav > li.highlight > a > * {
        color: #009dff; }
    ul.horizontal-nav.with-dropdown > li > .dropdown-nav .dropdown-overlay {
      display: none; }
    ul.horizontal-nav.with-dropdown > li > .dropdown-nav .dropdown-title {
      display: none; }
  ul.horizontal-nav.with-dropdown > li.opened {
    background: #f2f2f2; }
    ul.horizontal-nav.with-dropdown > li.opened > .dropdown-nav {
      display: inline-block; }

ul.horizontal-nav.with-dropdown.inverted > li.opened {
  background: #1a1a1a; }

ul.horizontal-nav.with-dropdown.inverted > li > .dropdown-nav {
  background: #1a1a1a;
  border-color: #5c5c5c; }
  ul.horizontal-nav.with-dropdown.inverted > li > .dropdown-nav li {
    border-color: #5c5c5c;
    background: inherit; }
    ul.horizontal-nav.with-dropdown.inverted > li > .dropdown-nav li > a, ul.horizontal-nav.with-dropdown.inverted > li > .dropdown-nav li > a:visited, ul.horizontal-nav.with-dropdown.inverted > li > .dropdown-nav li > * {
      color: white;
      background: inherit; }
    ul.horizontal-nav.with-dropdown.inverted > li > .dropdown-nav li > a:hover, ul.horizontal-nav.with-dropdown.inverted > li > .dropdown-nav li > a:focus, ul.horizontal-nav.with-dropdown.inverted > li > .dropdown-nav li > a:active {
      color: white;
      background: transparent; }
    ul.horizontal-nav.with-dropdown.inverted > li > .dropdown-nav li.current > a, ul.horizontal-nav.with-dropdown.inverted > li > .dropdown-nav li.current > a:visited, ul.horizontal-nav.with-dropdown.inverted > li > .dropdown-nav li.current > *, ul.horizontal-nav.with-dropdown.inverted > li > .dropdown-nav li.current_ancestor > a, ul.horizontal-nav.with-dropdown.inverted > li > .dropdown-nav li.current_ancestor > a:visited, ul.horizontal-nav.with-dropdown.inverted > li > .dropdown-nav li.current_ancestor > * {
      color: white;
      background: transparent; }
    ul.horizontal-nav.with-dropdown.inverted > li > .dropdown-nav li.current > a:hover, ul.horizontal-nav.with-dropdown.inverted > li > .dropdown-nav li.current > a:focus, ul.horizontal-nav.with-dropdown.inverted > li > .dropdown-nav li.current > a:active, ul.horizontal-nav.with-dropdown.inverted > li > .dropdown-nav li.current_ancestor > a:hover, ul.horizontal-nav.with-dropdown.inverted > li > .dropdown-nav li.current_ancestor > a:focus, ul.horizontal-nav.with-dropdown.inverted > li > .dropdown-nav li.current_ancestor > a:active {
      color: white;
      background: transparent; }
    ul.horizontal-nav.with-dropdown.inverted > li > .dropdown-nav li.disabled > a, ul.horizontal-nav.with-dropdown.inverted > li > .dropdown-nav li.disabled > a:visited, ul.horizontal-nav.with-dropdown.inverted > li > .dropdown-nav li.disabled > * {
      color: #5c5c5c;
      background: transparent; }
    ul.horizontal-nav.with-dropdown.inverted > li > .dropdown-nav li.disabled > a:hover, ul.horizontal-nav.with-dropdown.inverted > li > .dropdown-nav li.disabled > a:focus, ul.horizontal-nav.with-dropdown.inverted > li > .dropdown-nav li.disabled > a:active {
      color: #5c5c5c;
      background: transparent; }
  ul.horizontal-nav.with-dropdown.inverted > li > .dropdown-nav > li.highlight {
    background: black; }
  ul.horizontal-nav.with-dropdown.inverted > li > .dropdown-nav > li:not(:last-child) {
    border-bottom: 1px solid #262626; }

ul.horizontal-nav.with-dropdown.spread > li {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1; }

@media (max-width: 600px) {
  ul.horizontal-nav.with-dropdown > li > .dropdown-nav {
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: none; }
    ul.horizontal-nav.with-dropdown > li > .dropdown-nav.large {
      min-width: inherit; }
    ul.horizontal-nav.with-dropdown > li > .dropdown-nav > li {
      border-bottom: none !important; }
      ul.horizontal-nav.with-dropdown > li > .dropdown-nav > li * {
        position: relative;
        z-index: 9999; }
      ul.horizontal-nav.with-dropdown > li > .dropdown-nav > li > a {
        color: #fff !important; }
    ul.horizontal-nav.with-dropdown > li > .dropdown-nav .dropdown-overlay {
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 99;
      background-color: #000;
      opacity: 0.9; }
    ul.horizontal-nav.with-dropdown > li > .dropdown-nav .dropdown-title {
      display: block;
      position: relative;
      z-index: 9999;
      color: #fff; }
      ul.horizontal-nav.with-dropdown > li > .dropdown-nav .dropdown-title button {
        color: #fff !important; } }

@media (min-width: 601px) and (max-width: 1200px) {
  ul.horizontal-nav.with-dropdown > li > .dropdown-nav {
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: none; }
    ul.horizontal-nav.with-dropdown > li > .dropdown-nav.large {
      min-width: inherit; }
    ul.horizontal-nav.with-dropdown > li > .dropdown-nav > li {
      border-bottom: none !important; }
      ul.horizontal-nav.with-dropdown > li > .dropdown-nav > li * {
        position: relative;
        z-index: 9999; }
      ul.horizontal-nav.with-dropdown > li > .dropdown-nav > li > a {
        color: #fff !important; }
    ul.horizontal-nav.with-dropdown > li > .dropdown-nav .dropdown-overlay {
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 99;
      background-color: #000;
      opacity: 0.9; }
    ul.horizontal-nav.with-dropdown > li > .dropdown-nav .dropdown-title {
      display: block;
      position: relative;
      z-index: 9999;
      color: #fff; }
      ul.horizontal-nav.with-dropdown > li > .dropdown-nav .dropdown-title button {
        color: #fff !important; } }

/**
 * Includes all side nav styling
 */
/**
 * vertical nav component
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
ul.vertical-nav {
  list-style: none;
  overflow: auto;
  margin: 0;
  padding: 0.5rem 0;
  border: none;
  border-radius: 0;
  background: white;
  border-color: #b3b3b3; }
  ul.vertical-nav li {
    border-color: #b3b3b3;
    background: inherit; }
    ul.vertical-nav li > a, ul.vertical-nav li > a:visited, ul.vertical-nav li > * {
      color: #0d0d0d;
      background: inherit; }
    ul.vertical-nav li > a:hover, ul.vertical-nav li > a:focus, ul.vertical-nav li > a:active {
      color: #262626;
      background: #e6e6e6; }
    ul.vertical-nav li.current > a, ul.vertical-nav li.current > a:visited, ul.vertical-nav li.current > *, ul.vertical-nav li.current_ancestor > a, ul.vertical-nav li.current_ancestor > a:visited, ul.vertical-nav li.current_ancestor > * {
      color: black;
      background: transparent; }
    ul.vertical-nav li.current > a:hover, ul.vertical-nav li.current > a:focus, ul.vertical-nav li.current > a:active, ul.vertical-nav li.current_ancestor > a:hover, ul.vertical-nav li.current_ancestor > a:focus, ul.vertical-nav li.current_ancestor > a:active {
      color: #262626;
      background: #e6e6e6; }
    ul.vertical-nav li.disabled > a, ul.vertical-nav li.disabled > a:visited, ul.vertical-nav li.disabled > * {
      color: #b3b3b3;
      background: transparent; }
    ul.vertical-nav li.disabled > a:hover, ul.vertical-nav li.disabled > a:focus, ul.vertical-nav li.disabled > a:active {
      color: #b3b3b3;
      background: transparent; }
  ul.vertical-nav.expand {
    height: calc(100% - calc(0.5rem 0)); }
  ul.vertical-nav.inverted {
    background: #262626;
    border-color: #5c5c5c; }
    ul.vertical-nav.inverted li {
      border-color: #5c5c5c;
      background: inherit; }
      ul.vertical-nav.inverted li > a, ul.vertical-nav.inverted li > a:visited, ul.vertical-nav.inverted li > * {
        color: white;
        background: inherit; }
      ul.vertical-nav.inverted li > a:hover, ul.vertical-nav.inverted li > a:focus, ul.vertical-nav.inverted li > a:active {
        color: white;
        background: #383838; }
      ul.vertical-nav.inverted li.current > a, ul.vertical-nav.inverted li.current > a:visited, ul.vertical-nav.inverted li.current > *, ul.vertical-nav.inverted li.current_ancestor > a, ul.vertical-nav.inverted li.current_ancestor > a:visited, ul.vertical-nav.inverted li.current_ancestor > * {
        color: white;
        background: transparent; }
      ul.vertical-nav.inverted li.current > a:hover, ul.vertical-nav.inverted li.current > a:focus, ul.vertical-nav.inverted li.current > a:active, ul.vertical-nav.inverted li.current_ancestor > a:hover, ul.vertical-nav.inverted li.current_ancestor > a:focus, ul.vertical-nav.inverted li.current_ancestor > a:active {
        color: white;
        background: #383838; }
      ul.vertical-nav.inverted li.disabled > a, ul.vertical-nav.inverted li.disabled > a:visited, ul.vertical-nav.inverted li.disabled > * {
        color: #5c5c5c;
        background: transparent; }
      ul.vertical-nav.inverted li.disabled > a:hover, ul.vertical-nav.inverted li.disabled > a:focus, ul.vertical-nav.inverted li.disabled > a:active {
        color: #5c5c5c;
        background: transparent; }
  ul.vertical-nav li {
    font: 400 1rem/1.2em "Noto Sans", sans-serif;
    letter-spacing: 0;
    display: block; }
    ul.vertical-nav li > a {
      cursor: pointer; }
    ul.vertical-nav li > a, ul.vertical-nav li > span {
      display: block;
      position: relative;
      text-align: left;
      padding: 0.5rem;
      margin: 0 0.5rem;
      border-radius: 0;
      outline: 0; }
      ul.vertical-nav li > a > i, ul.vertical-nav li > span > i {
        display: inline-block;
        width: 1rem;
        margin: 0 0.5rem 0 0;
        padding: 0;
        text-align: center;
        color: inherit; }
      ul.vertical-nav li > a > span, ul.vertical-nav li > span > span {
        display: inline;
        word-wrap: break-word;
        word-break: break-all; }
      ul.vertical-nav li > a.pseudonyme, ul.vertical-nav li > span.pseudonyme {
        display: flex; }
    ul.vertical-nav li.disabled > * {
      cursor: not-allowed;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    ul.vertical-nav li.divider {
      margin: 0.5rem 0;
      border-top-width: 1px;
      border-top-style: solid; }
  ul.vertical-nav.side-nav li.current > *, ul.vertical-nav.arrow li.current > * {
    padding-right: 1.5rem; }
    ul.vertical-nav.side-nav li.current > *:after, ul.vertical-nav.arrow li.current > *:after {
      display: inline;
      position: absolute;
      top: 0.5rem;
      right: 0;
      width: 1rem;
      text-align: center;
      font-family: "FontAwesome";
      content: "";
      line-height: inherit; }
  ul.vertical-nav > li ul li > a, ul.vertical-nav > li ul li > span {
    padding-left: 2.5rem; }
  ul.vertical-nav > li ul > li ul > li > a, ul.vertical-nav > li ul > li ul > li > span {
    padding-left: 3.5rem; }
  ul.vertical-nav > li ul > li ul > li ul > li > a, ul.vertical-nav > li ul > li ul > li ul > li > span {
    padding-left: 4.5rem; }
  ul.vertical-nav > li ul > li ul > li ul > li ul > li > a, ul.vertical-nav > li ul > li ul > li ul > li ul > li > span {
    padding-left: 5.5rem; }
  ul.vertical-nav > li ul {
    padding: 0;
    margin: 0; }
  ul.vertical-nav > li ul li {
    list-style: none;
    margin: 0;
    padding: 0; }
  ul.vertical-nav.transparent {
    background: transparent; }
  ul.vertical-nav.uppercase {
    text-transform: uppercase; }
  ul.vertical-nav.strong > li {
    font-weight: bold; }
  ul.vertical-nav.centered {
    text-align: center; }
  ul.vertical-nav.closed > li ul {
    display: none; }
  ul.vertical-nav.closed > li.current > ul, ul.vertical-nav.closed > li.current_ancestor > ul {
    display: block; }

/**
 * vertical nav dropdown component
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 *
 * @deprecated Still there for BC reasons
 */
ul.vertical-nav.dropdown {
  min-width: 18rem;
  max-width: 18rem;
  min-height: 0;
  max-height: 20rem; }

.dropdown-content {
  display: none; }

/**
 * Includes all breadcrumb styling
 */
/**
 * breadcrumb component
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
ul.breadcrumb-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  color: gray; }
  ul.breadcrumb-nav li {
    display: inline-block;
    white-space: nowrap; }
  ul.breadcrumb-nav::after {
    content: "\00a0"; }
  ul.breadcrumb-nav li::after {
    display: inline-block;
    content: "/";
    margin: 0 0.25em;
    color: gray; }
  ul.breadcrumb-nav li:last-child::after {
    content: none;
    margin: 0; }
  ul.breadcrumb-nav.trailing li:last-child::after {
    display: inline-block;
    content: "/";
    margin: 0 0.25em;
    color: gray; }
  ul.breadcrumb-nav.leading li:first-child::before {
    display: inline-block;
    content: "/";
    margin: 0 0.25em;
    color: gray; }
  ul.breadcrumb-nav i + span,
  ul.breadcrumb-nav span + i {
    margin-left: 0.25em; }
  ul.breadcrumb-nav a, ul.breadcrumb-nav a:visited, ul.breadcrumb-nav a:active {
    color: #262626; }
  ul.breadcrumb-nav a:focus, ul.breadcrumb-nav a:hover {
    color: #009dff; }

/**
 * Includes all pagination nav styling
 */
/**
 * pagination nav component
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.pagination-nav {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  width: 100%;
  margin: -0.5rem 0 0 -0.5rem; }
  .pagination-nav li {
    display: block;
    text-align: center;
    padding: 0.5rem 0 0 0.5rem;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font: 400 1rem/1.5em "Noto Sans", sans-serif;
    letter-spacing: 0; }
    .pagination-nav li > .page, .pagination-nav li .arrow {
      display: block;
      padding: 0.5rem 1.25rem;
      border-radius: 0.25rem;
      outline: 0;
      text-decoration: none; }
      .pagination-nav li > .page[disabled], .pagination-nav li > .page.disabled, .pagination-nav li .arrow[disabled], .pagination-nav li .arrow.disabled {
        pointer-events: none; }
    .pagination-nav li > .page {
      color: white;
      background: gray; }
      .pagination-nav li > .page:visited {
        color: white; }
      .pagination-nav li > .page:hover, .pagination-nav li > .page:focus {
        color: white;
        background: #4d4d4d; }
      .pagination-nav li > .page:active {
        color: white;
        background: #262626; }
      .pagination-nav li > .page[disabled], .pagination-nav li > .page.disabled {
        color: white !important;
        background: #d9d9d9; }
    .pagination-nav li > .page.current {
      color: white;
      background: #009dff; }
      .pagination-nav li > .page.current:visited {
        color: white; }
      .pagination-nav li > .page.current:hover, .pagination-nav li > .page.current:focus {
        color: white;
        background: #005e99; }
      .pagination-nav li > .page.current:active {
        color: white;
        background: #002f4d; }
      .pagination-nav li > .page.current[disabled], .pagination-nav li > .page.current.disabled {
        color: white;
        background: #b3e2ff; }
    .pagination-nav li > .arrow {
      color: gray;
      background: transparent; }
      .pagination-nav li > .arrow:visited {
        color: gray; }
      .pagination-nav li > .arrow:hover, .pagination-nav li > .arrow:focus {
        color: gray;
        background: #e6e6e6; }
      .pagination-nav li > .arrow:active {
        color: #262626;
        background: #e6e6e6; }
      .pagination-nav li > .arrow[disabled], .pagination-nav li > .arrow.disabled {
        color: #d9d9d9;
        background: transparent; }

ul.pagination-nav {
  list-style: none;
  padding: 0; }

@media (max-width: 600px) {
  ul.pagination-nav > li:not(.current):not(.arrow):not(.next):not(.prev) {
    display: none; } }

@media (min-width: 601px) and (max-width: 1200px) {
  ul.pagination-nav > li:not(.current):not(.arrow):not(.next):not(.prev) {
    display: none; } }

/**
 * Includes all step nav styling
 */
/**
 * step component
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
ul.step-nav {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 !important;
  list-style: none;
  margin: 0;
  border-radius: 0.25rem;
  border: 1px solid #b3b3b3;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  background: white;
  border-color: #b3b3b3; }
  ul.step-nav li {
    border-color: #b3b3b3;
    background: inherit; }
    ul.step-nav li > a, ul.step-nav li > a:visited, ul.step-nav li > * {
      color: #0d0d0d;
      background: inherit; }
    ul.step-nav li > a:hover, ul.step-nav li > a:focus, ul.step-nav li > a:active {
      color: #666666;
      background: transparent; }
    ul.step-nav li.current > a, ul.step-nav li.current > a:visited, ul.step-nav li.current > *, ul.step-nav li.current_ancestor > a, ul.step-nav li.current_ancestor > a:visited, ul.step-nav li.current_ancestor > * {
      color: #009dff;
      background: transparent; }
    ul.step-nav li.current > a:hover, ul.step-nav li.current > a:focus, ul.step-nav li.current > a:active, ul.step-nav li.current_ancestor > a:hover, ul.step-nav li.current_ancestor > a:focus, ul.step-nav li.current_ancestor > a:active {
      color: #666666;
      background: transparent; }
    ul.step-nav li.disabled > a, ul.step-nav li.disabled > a:visited, ul.step-nav li.disabled > * {
      color: #b3b3b3;
      background: transparent; }
    ul.step-nav li.disabled > a:hover, ul.step-nav li.disabled > a:focus, ul.step-nav li.disabled > a:active {
      color: #b3b3b3;
      background: transparent; }
  ul.step-nav > li {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    box-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    font: 400 1rem/1.2em "Noto Sans", sans-serif;
    letter-spacing: 0;
    border-right: 1px solid #b3b3b3; }
    ul.step-nav > li:last-child {
      border-right: 0; }
    ul.step-nav > li > * {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      position: relative;
      padding: 1.25rem 1.25rem;
      text-align: center;
      outline: 0;
      width: 100%; }
      ul.step-nav > li > * > .step {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        width: 2rem;
        height: 2rem;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        box-flex: 0;
        -webkit-flex: 0 0 2rem;
        -moz-flex: 0 0 2rem;
        -ms-flex: 0 0 2rem;
        flex: 0 0 2rem;
        border-radius: 50%;
        margin: 0 0.5rem 0 0;
        color: white;
        background: #262626; }
      ul.step-nav > li > * > .label {
        word-wrap: break-word;
        text-align: left; }
    ul.step-nav > li > a:hover > .step, ul.step-nav > li > a:focus > .step, ul.step-nav > li > a:active > .step {
      color: white;
      background: #666666; }
    ul.step-nav > li.current > * > .step {
      color: white;
      background: #33b1ff; }
    ul.step-nav > li.disabled > * > .step {
      color: white;
      background: #b3b3b3; }
    ul.step-nav > li.disabled > a {
      cursor: not-allowed;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
  ul.step-nav.inverted {
    background: #262626;
    border-color: #5c5c5c; }
    ul.step-nav.inverted li {
      border-color: #5c5c5c;
      background: inherit; }
      ul.step-nav.inverted li > a, ul.step-nav.inverted li > a:visited, ul.step-nav.inverted li > * {
        color: white;
        background: inherit; }
      ul.step-nav.inverted li > a:hover, ul.step-nav.inverted li > a:focus, ul.step-nav.inverted li > a:active {
        color: white;
        background: transparent; }
      ul.step-nav.inverted li.current > a, ul.step-nav.inverted li.current > a:visited, ul.step-nav.inverted li.current > *, ul.step-nav.inverted li.current_ancestor > a, ul.step-nav.inverted li.current_ancestor > a:visited, ul.step-nav.inverted li.current_ancestor > * {
        color: white;
        background: transparent; }
      ul.step-nav.inverted li.current > a:hover, ul.step-nav.inverted li.current > a:focus, ul.step-nav.inverted li.current > a:active, ul.step-nav.inverted li.current_ancestor > a:hover, ul.step-nav.inverted li.current_ancestor > a:focus, ul.step-nav.inverted li.current_ancestor > a:active {
        color: white;
        background: transparent; }
      ul.step-nav.inverted li.disabled > a, ul.step-nav.inverted li.disabled > a:visited, ul.step-nav.inverted li.disabled > * {
        color: #5c5c5c;
        background: transparent; }
      ul.step-nav.inverted li.disabled > a:hover, ul.step-nav.inverted li.disabled > a:focus, ul.step-nav.inverted li.disabled > a:active {
        color: #5c5c5c;
        background: transparent; }
    ul.step-nav.inverted > li > * > .step {
      color: #262626;
      background: #d9d9d9; }
    ul.step-nav.inverted > li > a:hover > .step, ul.step-nav.inverted > li > a:focus > .step, ul.step-nav.inverted > li > a:active > .step {
      color: #262626;
      background: white; }
    ul.step-nav.inverted > li.current > * > .step {
      color: #262626;
      background: white; }
    ul.step-nav.inverted > li.disabled > * > .step {
      color: #262626;
      background: #5c5c5c; }
  ul.step-nav.transparent {
    background: transparent; }
  ul.step-nav.uppercase {
    text-transform: uppercase; }
  ul.step-nav.strong > li {
    font-weight: bold; }

/**
 * Includes all tab styling
 */
/**
 * tab components that provides a tab feature
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
ul.tabs,
ul.tab-nav {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
  -moz-align-content: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 0 -1px 0;
  padding: 0;
  border-bottom: 0 solid;
  background: white;
  border-color: #262626; }
  ul.tabs > li,
  ul.tab-nav > li {
    display: block;
    font: 400 1rem/1.2em "Noto Sans", sans-serif;
    letter-spacing: 0; }
    ul.tabs > li > a, ul.tabs > li > span,
    ul.tab-nav > li > a,
    ul.tab-nav > li > span {
      display: block;
      padding: 1.25rem 2.5rem;
      color: #262626;
      text-align: center;
      text-decoration: none;
      word-wrap: break-word;
      outline: 0;
      white-space: nowrap; }
    ul.tabs > li > *::after,
    ul.tab-nav > li > *::after {
      position: absolute;
      content: ' ';
      bottom: 0;
      right: 0;
      left: 0;
      height: 0;
      background: transparent; }
    ul.tabs > li.disabled > span,
    ul.tab-nav > li.disabled > span {
      cursor: not-allowed;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    ul.tabs > li.current > *::after,
    ul.tab-nav > li.current > *::after {
      height: 0.25rem;
      background: #009dff; }
  ul.tabs.transparent,
  ul.tab-nav.transparent {
    background: transparent; }
  ul.tabs.spread,
  ul.tab-nav.spread {
    width: 100%;
    box-sizing: border-box; }
    ul.tabs.spread > li,
    ul.tab-nav.spread > li {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1; }
  ul.tabs.uppercase,
  ul.tab-nav.uppercase {
    text-transform: uppercase; }
  ul.tabs.strong > li,
  ul.tab-nav.strong > li {
    font-weight: bold; }
  ul.tabs li,
  ul.tab-nav li {
    border-color: #262626;
    background: inherit; }
    ul.tabs li > a, ul.tabs li > a:visited, ul.tabs li > *,
    ul.tab-nav li > a,
    ul.tab-nav li > a:visited,
    ul.tab-nav li > * {
      color: #0d0d0d;
      background: inherit; }
    ul.tabs li > a:hover, ul.tabs li > a:focus, ul.tabs li > a:active,
    ul.tab-nav li > a:hover,
    ul.tab-nav li > a:focus,
    ul.tab-nav li > a:active {
      color: #009dff;
      background: transparent; }
    ul.tabs li.current > a, ul.tabs li.current > a:visited, ul.tabs li.current > *, ul.tabs li.current_ancestor > a, ul.tabs li.current_ancestor > a:visited, ul.tabs li.current_ancestor > *,
    ul.tab-nav li.current > a,
    ul.tab-nav li.current > a:visited,
    ul.tab-nav li.current > *,
    ul.tab-nav li.current_ancestor > a,
    ul.tab-nav li.current_ancestor > a:visited,
    ul.tab-nav li.current_ancestor > * {
      color: #009dff;
      background: transparent; }
    ul.tabs li.current > a:hover, ul.tabs li.current > a:focus, ul.tabs li.current > a:active, ul.tabs li.current_ancestor > a:hover, ul.tabs li.current_ancestor > a:focus, ul.tabs li.current_ancestor > a:active,
    ul.tab-nav li.current > a:hover,
    ul.tab-nav li.current > a:focus,
    ul.tab-nav li.current > a:active,
    ul.tab-nav li.current_ancestor > a:hover,
    ul.tab-nav li.current_ancestor > a:focus,
    ul.tab-nav li.current_ancestor > a:active {
      color: #009dff;
      background: transparent; }
    ul.tabs li.disabled > a, ul.tabs li.disabled > a:visited, ul.tabs li.disabled > *,
    ul.tab-nav li.disabled > a,
    ul.tab-nav li.disabled > a:visited,
    ul.tab-nav li.disabled > * {
      color: #b3b3b3;
      background: transparent; }
    ul.tabs li.disabled > a:hover, ul.tabs li.disabled > a:focus, ul.tabs li.disabled > a:active,
    ul.tab-nav li.disabled > a:hover,
    ul.tab-nav li.disabled > a:focus,
    ul.tab-nav li.disabled > a:active {
      color: #b3b3b3;
      background: transparent; }
  ul.tabs.inverted,
  ul.tab-nav.inverted {
    background: #262626;
    border-color: #5c5c5c; }
    ul.tabs.inverted li,
    ul.tab-nav.inverted li {
      border-color: #5c5c5c;
      background: inherit; }
      ul.tabs.inverted li > a, ul.tabs.inverted li > a:visited, ul.tabs.inverted li > *,
      ul.tab-nav.inverted li > a,
      ul.tab-nav.inverted li > a:visited,
      ul.tab-nav.inverted li > * {
        color: white;
        background: inherit; }
      ul.tabs.inverted li > a:hover, ul.tabs.inverted li > a:focus, ul.tabs.inverted li > a:active,
      ul.tab-nav.inverted li > a:hover,
      ul.tab-nav.inverted li > a:focus,
      ul.tab-nav.inverted li > a:active {
        color: white;
        background: transparent; }
      ul.tabs.inverted li.current > a, ul.tabs.inverted li.current > a:visited, ul.tabs.inverted li.current > *, ul.tabs.inverted li.current_ancestor > a, ul.tabs.inverted li.current_ancestor > a:visited, ul.tabs.inverted li.current_ancestor > *,
      ul.tab-nav.inverted li.current > a,
      ul.tab-nav.inverted li.current > a:visited,
      ul.tab-nav.inverted li.current > *,
      ul.tab-nav.inverted li.current_ancestor > a,
      ul.tab-nav.inverted li.current_ancestor > a:visited,
      ul.tab-nav.inverted li.current_ancestor > * {
        color: white;
        background: transparent; }
      ul.tabs.inverted li.current > a:hover, ul.tabs.inverted li.current > a:focus, ul.tabs.inverted li.current > a:active, ul.tabs.inverted li.current_ancestor > a:hover, ul.tabs.inverted li.current_ancestor > a:focus, ul.tabs.inverted li.current_ancestor > a:active,
      ul.tab-nav.inverted li.current > a:hover,
      ul.tab-nav.inverted li.current > a:focus,
      ul.tab-nav.inverted li.current > a:active,
      ul.tab-nav.inverted li.current_ancestor > a:hover,
      ul.tab-nav.inverted li.current_ancestor > a:focus,
      ul.tab-nav.inverted li.current_ancestor > a:active {
        color: white;
        background: transparent; }
      ul.tabs.inverted li.disabled > a, ul.tabs.inverted li.disabled > a:visited, ul.tabs.inverted li.disabled > *,
      ul.tab-nav.inverted li.disabled > a,
      ul.tab-nav.inverted li.disabled > a:visited,
      ul.tab-nav.inverted li.disabled > * {
        color: #5c5c5c;
        background: transparent; }
      ul.tabs.inverted li.disabled > a:hover, ul.tabs.inverted li.disabled > a:focus, ul.tabs.inverted li.disabled > a:active,
      ul.tab-nav.inverted li.disabled > a:hover,
      ul.tab-nav.inverted li.disabled > a:focus,
      ul.tab-nav.inverted li.disabled > a:active {
        color: #5c5c5c;
        background: transparent; }

@media (max-width: 600px) {
  ul.tab-nav, ul.tabs {
    -webkit-box-lines: single;
    -moz-box-lines: single;
    box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    ul.tab-nav.mobile-scrollable, ul.tabs.mobile-scrollable {
      display: box;
      overflow-x: auto;
      width: 100%;
      flex-wrap: nowrap;
      white-space: nowrap; } }

@media (min-width: 601px) and (max-width: 1200px) {
  ul.tab-nav, ul.tabs {
    -webkit-box-lines: single;
    -moz-box-lines: single;
    box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    ul.tab-nav.tablet-scrollable, ul.tabs.tablet-scrollable {
      display: box;
      overflow-x: auto;
      width: 100%;
      flex-wrap: nowrap;
      white-space: nowrap; } }

/**
 * Includes all icon nav styling
 */
/**
 * icon component
 *
 * - one level only
 * - a divider
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
ul.icon-nav {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0.5rem 0 !important;
  overflow: hidden;
  background: white;
  border-color: #b3b3b3; }
  ul.icon-nav li {
    font: 400 0.75rem/1.2em "Noto Sans", sans-serif;
    letter-spacing: 0;
    display: block;
    width: 6rem;
    text-align: center; }
    ul.icon-nav li > a, ul.icon-nav li > span {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      align-content: flex-start;
      position: relative;
      padding: 0.25rem;
      margin: 0 0.25rem;
      border-radius: 0;
      outline: 0; }
      ul.icon-nav li > a > i, ul.icon-nav li > span > i {
        display: inline-block;
        font-size: 2.8125rem;
        text-align: center;
        color: inherit; }
      ul.icon-nav li > a > span, ul.icon-nav li > span > span {
        display: block;
        flex: 1;
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-word;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto; }
      ul.icon-nav li > a > i + span, ul.icon-nav li > span > i + span {
        margin-top: 0.25rem; }
    ul.icon-nav li.disabled > span {
      cursor: not-allowed;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    ul.icon-nav li.divider {
      margin: 0.5rem 0;
      border-left: 1px solid #b3b3b3; }
  ul.icon-nav.icon-small > li i {
    font-size: 2.125rem; }
  ul.icon-nav.icon-large > li i {
    font-size: 3.5rem; }
  ul.icon-nav.transparent {
    background: transparent; }
  ul.icon-nav.uppercase {
    text-transform: uppercase; }
  ul.icon-nav li {
    border-color: #b3b3b3;
    background: inherit; }
    ul.icon-nav li > a, ul.icon-nav li > a:visited, ul.icon-nav li > * {
      color: #0d0d0d;
      background: inherit; }
    ul.icon-nav li > a:hover, ul.icon-nav li > a:focus, ul.icon-nav li > a:active {
      color: #666666;
      background: transparent; }
    ul.icon-nav li.current > a, ul.icon-nav li.current > a:visited, ul.icon-nav li.current > *, ul.icon-nav li.current_ancestor > a, ul.icon-nav li.current_ancestor > a:visited, ul.icon-nav li.current_ancestor > * {
      color: #009dff;
      background: transparent; }
    ul.icon-nav li.current > a:hover, ul.icon-nav li.current > a:focus, ul.icon-nav li.current > a:active, ul.icon-nav li.current_ancestor > a:hover, ul.icon-nav li.current_ancestor > a:focus, ul.icon-nav li.current_ancestor > a:active {
      color: #666666;
      background: transparent; }
    ul.icon-nav li.disabled > a, ul.icon-nav li.disabled > a:visited, ul.icon-nav li.disabled > * {
      color: #b3b3b3;
      background: transparent; }
    ul.icon-nav li.disabled > a:hover, ul.icon-nav li.disabled > a:focus, ul.icon-nav li.disabled > a:active {
      color: #b3b3b3;
      background: transparent; }
  ul.icon-nav.inverted {
    background: #262626;
    border-color: #5c5c5c; }
    ul.icon-nav.inverted li {
      border-color: #5c5c5c;
      background: inherit; }
      ul.icon-nav.inverted li > a, ul.icon-nav.inverted li > a:visited, ul.icon-nav.inverted li > * {
        color: white;
        background: inherit; }
      ul.icon-nav.inverted li > a:hover, ul.icon-nav.inverted li > a:focus, ul.icon-nav.inverted li > a:active {
        color: white;
        background: transparent; }
      ul.icon-nav.inverted li.current > a, ul.icon-nav.inverted li.current > a:visited, ul.icon-nav.inverted li.current > *, ul.icon-nav.inverted li.current_ancestor > a, ul.icon-nav.inverted li.current_ancestor > a:visited, ul.icon-nav.inverted li.current_ancestor > * {
        color: white;
        background: transparent; }
      ul.icon-nav.inverted li.current > a:hover, ul.icon-nav.inverted li.current > a:focus, ul.icon-nav.inverted li.current > a:active, ul.icon-nav.inverted li.current_ancestor > a:hover, ul.icon-nav.inverted li.current_ancestor > a:focus, ul.icon-nav.inverted li.current_ancestor > a:active {
        color: white;
        background: transparent; }
      ul.icon-nav.inverted li.disabled > a, ul.icon-nav.inverted li.disabled > a:visited, ul.icon-nav.inverted li.disabled > * {
        color: #5c5c5c;
        background: transparent; }
      ul.icon-nav.inverted li.disabled > a:hover, ul.icon-nav.inverted li.disabled > a:focus, ul.icon-nav.inverted li.disabled > a:active {
        color: #5c5c5c;
        background: transparent; }

/**
 * Includes all notice styling
 */
/**
 * notice component provides a simple way to alert the user with a message
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.notice {
  display: block;
  padding: 1.25rem;
  color: #262626;
  background: #f2f2f2;
  border: 1px solid #b3b3b3;
  border-radius: 0.25rem;
  margin-bottom: 2.5rem; }
  .notice:last-child {
    margin-bottom: 0; }
  .notice h1, .notice h2, .notice h3, .notice h4, .notice h5, .notice h6 {
    color: inherit; }
  .notice ul {
    margin: 0; }
  .notice.primary {
    color: #009dff;
    background: #e6f5ff;
    border-color: #009dff; }
  .notice.secondary {
    color: gray;
    background: #f2f2f2;
    border-color: gray; }
  .notice.alert {
    color: #e61a1a;
    background: #fce8e8;
    border-color: #e61a1a; }
  .notice.warning {
    color: #ff7700;
    background: #fff1e6;
    border-color: #ff7700; }
  .notice.success {
    color: #50b649;
    background: #edf8ed;
    border-color: #50b649; }
  .notice.admin {
    color: #8a40bf;
    background: #f3ecf9;
    border-color: #8a40bf; }

/**
 * Includes all components
 */
/**
 * quote
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
blockquote, .quote {
  display: block;
  background: #f2f2f2;
  color: gray;
  border-left: 0.25rem solid #009dff;
  padding: 0.5rem;
  margin: 0.5rem 0;
  min-width: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }
  blockquote.inverted, .quote.inverted {
    background: #303030;
    color: gray;
    border-color: #009dff; }

/**
 * Includes all table components
 */
/**
 * table/data component provides a way to display rows of N columns of data.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
table.table {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: white;
  border-color: #d9d9d9; }
  table.table th {
    font: 400 0.75rem/1.2em "Noto Sans", sans-serif;
    color: gray;
    text-transform: uppercase;
    white-space: nowrap; }
  table.table td {
    font: 400 0.875rem/1.2em "Noto Sans", sans-serif;
    color: #262626; }
  table.table td, table.table th {
    padding: 1.25rem 1.25rem;
    text-align: left;
    word-break: break-all;
    word-wrap: break-word; }
    table.table td.icon, table.table th.icon {
      font-size: 1.25rem;
      width: 1rem; }
    table.table td.block, table.table th.block {
      padding: 0; }
    table.table td.actions, table.table th.actions {
      padding: 0 1.25rem;
      text-align: right; }
    table.table td.center, table.table th.center {
      text-align: center; }
    table.table td.right, table.table th.right {
      text-align: right; }
  table.table.rows tbody tr {
    border-top: 1px solid transparent; }
  table.table.columns td, table.table.columns th {
    border-right: 1px solid transparent; }
    table.table.columns td:last-child, table.table.columns th:last-child {
      border-right: 0; }
  table.table.hover tbody tr:hover .actions {
    opacity: 1; }
  table.table th {
    color: gray; }
  table.table td {
    color: #262626; }
  table.table.hover > tbody > tr:hover {
    background-color: #f2f2f2; }
  table.table.rows tbody tr {
    border-color: #d9d9d9; }
  table.table.columns td, table.table.columns th {
    border-color: #d9d9d9; }
  table.table.inverted {
    background-color: #262626;
    border-color: #424242; }
    table.table.inverted th {
      color: gray; }
    table.table.inverted td {
      color: #d9d9d9; }
    table.table.inverted.hover > tbody > tr:hover {
      background-color: #303030; }
    table.table.inverted.rows tbody tr {
      border-color: #424242; }
    table.table.inverted.columns td, table.table.inverted.columns th {
      border-color: #424242; }
  table.table.transparent {
    background: transparent; }

/**
 * Includes all components
 */
/**
 * root html design
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * display design
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
html {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  color: #262626; }

/**
 * display design
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.display-small {
  font: 700 2.8125rem/1.2em "Noto Sans", sans-serif;
  letter-spacing: 0; }
  .display-small.default {
    color: black; }
  .display-small.standard {
    color: #262626; }
  .display-small.primary {
    color: #009dff; }
  .display-small.secondary {
    color: gray; }
  .display-small.alert {
    color: #e61a1a; }
  .display-small.warning {
    color: #ff7700; }
  .display-small.success {
    color: #50b649; }
  .display-small.admin {
    color: #8a40bf; }
  .display-small.subdued.default {
    color: black; }
  .display-small.subdued.standard {
    color: gray; }
  .display-small.subdued.primary {
    color: #66c4ff; }
  .display-small.subdued.secondary {
    color: #b3b3b3; }
  .display-small.subdued.alert {
    color: #f07575; }
  .display-small.subdued.warning {
    color: #ffad66; }
  .display-small.subdued.success {
    color: #96d392; }
  .display-small.subdued.admin {
    color: #b98cd9; }
  .display-small.inverted.default {
    color: white; }
  .display-small.inverted.standard {
    color: #d9d9d9; }
  .display-small.inverted.primary {
    color: #009dff; }
  .display-small.inverted.secondary {
    color: gray; }
  .display-small.inverted.alert {
    color: #e61a1a; }
  .display-small.inverted.warning {
    color: #ff7700; }
  .display-small.inverted.success {
    color: #50b649; }
  .display-small.inverted.admin {
    color: #8a40bf; }
  .display-small.inverted.subdued.default {
    color: white; }
  .display-small.inverted.subdued.standard {
    color: gray; }
  .display-small.inverted.subdued.primary {
    color: #0071b8; }
  .display-small.inverted.subdued.secondary {
    color: #5c5c5c; }
  .display-small.inverted.subdued.alert {
    color: #a51212; }
  .display-small.inverted.subdued.warning {
    color: #b85600; }
  .display-small.inverted.subdued.success {
    color: #3a8334; }
  .display-small.inverted.subdued.admin {
    color: #632e8a; }
  .display-small.bevel {
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }
  .display-small.shadow {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
  .display-small.bold {
    font-weight: 700; }
  .display-small.light {
    font-weight: 300; }
  .display-small.breakable {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  .display-small.ellipsable {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .display-small.justified {
    text-align: justify; }
  .display-small.without-constraint {
    max-width: none; }

.display-medium {
  font: 700 3.5rem/1em "Noto Sans", sans-serif;
  letter-spacing: 0; }
  .display-medium.default {
    color: black; }
  .display-medium.standard {
    color: #262626; }
  .display-medium.primary {
    color: #009dff; }
  .display-medium.secondary {
    color: gray; }
  .display-medium.alert {
    color: #e61a1a; }
  .display-medium.warning {
    color: #ff7700; }
  .display-medium.success {
    color: #50b649; }
  .display-medium.admin {
    color: #8a40bf; }
  .display-medium.subdued.default {
    color: black; }
  .display-medium.subdued.standard {
    color: gray; }
  .display-medium.subdued.primary {
    color: #66c4ff; }
  .display-medium.subdued.secondary {
    color: #b3b3b3; }
  .display-medium.subdued.alert {
    color: #f07575; }
  .display-medium.subdued.warning {
    color: #ffad66; }
  .display-medium.subdued.success {
    color: #96d392; }
  .display-medium.subdued.admin {
    color: #b98cd9; }
  .display-medium.inverted.default {
    color: white; }
  .display-medium.inverted.standard {
    color: #d9d9d9; }
  .display-medium.inverted.primary {
    color: #009dff; }
  .display-medium.inverted.secondary {
    color: gray; }
  .display-medium.inverted.alert {
    color: #e61a1a; }
  .display-medium.inverted.warning {
    color: #ff7700; }
  .display-medium.inverted.success {
    color: #50b649; }
  .display-medium.inverted.admin {
    color: #8a40bf; }
  .display-medium.inverted.subdued.default {
    color: white; }
  .display-medium.inverted.subdued.standard {
    color: gray; }
  .display-medium.inverted.subdued.primary {
    color: #0071b8; }
  .display-medium.inverted.subdued.secondary {
    color: #5c5c5c; }
  .display-medium.inverted.subdued.alert {
    color: #a51212; }
  .display-medium.inverted.subdued.warning {
    color: #b85600; }
  .display-medium.inverted.subdued.success {
    color: #3a8334; }
  .display-medium.inverted.subdued.admin {
    color: #632e8a; }
  .display-medium.bevel {
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }
  .display-medium.shadow {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
  .display-medium.bold {
    font-weight: 700; }
  .display-medium.light {
    font-weight: 300; }
  .display-medium.breakable {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  .display-medium.ellipsable {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .display-medium.justified {
    text-align: justify; }
  .display-medium.without-constraint {
    max-width: none; }

.display-large {
  font: 700 6.5625rem/1em "Noto Sans", sans-serif;
  letter-spacing: 0; }
  .display-large.default {
    color: black; }
  .display-large.standard {
    color: #262626; }
  .display-large.primary {
    color: #009dff; }
  .display-large.secondary {
    color: gray; }
  .display-large.alert {
    color: #e61a1a; }
  .display-large.warning {
    color: #ff7700; }
  .display-large.success {
    color: #50b649; }
  .display-large.admin {
    color: #8a40bf; }
  .display-large.subdued.default {
    color: black; }
  .display-large.subdued.standard {
    color: gray; }
  .display-large.subdued.primary {
    color: #66c4ff; }
  .display-large.subdued.secondary {
    color: #b3b3b3; }
  .display-large.subdued.alert {
    color: #f07575; }
  .display-large.subdued.warning {
    color: #ffad66; }
  .display-large.subdued.success {
    color: #96d392; }
  .display-large.subdued.admin {
    color: #b98cd9; }
  .display-large.inverted.default {
    color: white; }
  .display-large.inverted.standard {
    color: #d9d9d9; }
  .display-large.inverted.primary {
    color: #009dff; }
  .display-large.inverted.secondary {
    color: gray; }
  .display-large.inverted.alert {
    color: #e61a1a; }
  .display-large.inverted.warning {
    color: #ff7700; }
  .display-large.inverted.success {
    color: #50b649; }
  .display-large.inverted.admin {
    color: #8a40bf; }
  .display-large.inverted.subdued.default {
    color: white; }
  .display-large.inverted.subdued.standard {
    color: gray; }
  .display-large.inverted.subdued.primary {
    color: #0071b8; }
  .display-large.inverted.subdued.secondary {
    color: #5c5c5c; }
  .display-large.inverted.subdued.alert {
    color: #a51212; }
  .display-large.inverted.subdued.warning {
    color: #b85600; }
  .display-large.inverted.subdued.success {
    color: #3a8334; }
  .display-large.inverted.subdued.admin {
    color: #632e8a; }
  .display-large.bevel {
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }
  .display-large.shadow {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
  .display-large.bold {
    font-weight: 700; }
  .display-large.light {
    font-weight: 300; }
  .display-large.breakable {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  .display-large.ellipsable {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .display-large.justified {
    text-align: justify; }
  .display-large.without-constraint {
    max-width: none; }

/**
 * paragraph
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
p, .paragraph {
  max-width: 54em;
  margin: 0 0 0.75rem 0; }
  p:last-child, .paragraph:last-child {
    margin: 0; }
  p.default, .paragraph.default {
    color: black; }
  p.standard, .paragraph.standard {
    color: #262626; }
  p.primary, .paragraph.primary {
    color: #009dff; }
  p.secondary, .paragraph.secondary {
    color: gray; }
  p.alert, .paragraph.alert {
    color: #e61a1a; }
  p.warning, .paragraph.warning {
    color: #ff7700; }
  p.success, .paragraph.success {
    color: #50b649; }
  p.admin, .paragraph.admin {
    color: #8a40bf; }
  p.subdued.default, .paragraph.subdued.default {
    color: black; }
  p.subdued.standard, .paragraph.subdued.standard {
    color: gray; }
  p.subdued.primary, .paragraph.subdued.primary {
    color: #66c4ff; }
  p.subdued.secondary, .paragraph.subdued.secondary {
    color: #b3b3b3; }
  p.subdued.alert, .paragraph.subdued.alert {
    color: #f07575; }
  p.subdued.warning, .paragraph.subdued.warning {
    color: #ffad66; }
  p.subdued.success, .paragraph.subdued.success {
    color: #96d392; }
  p.subdued.admin, .paragraph.subdued.admin {
    color: #b98cd9; }
  p.inverted.default, .paragraph.inverted.default {
    color: white; }
  p.inverted.standard, .paragraph.inverted.standard {
    color: #d9d9d9; }
  p.inverted.primary, .paragraph.inverted.primary {
    color: #009dff; }
  p.inverted.secondary, .paragraph.inverted.secondary {
    color: gray; }
  p.inverted.alert, .paragraph.inverted.alert {
    color: #e61a1a; }
  p.inverted.warning, .paragraph.inverted.warning {
    color: #ff7700; }
  p.inverted.success, .paragraph.inverted.success {
    color: #50b649; }
  p.inverted.admin, .paragraph.inverted.admin {
    color: #8a40bf; }
  p.inverted.subdued.default, .paragraph.inverted.subdued.default {
    color: white; }
  p.inverted.subdued.standard, .paragraph.inverted.subdued.standard {
    color: gray; }
  p.inverted.subdued.primary, .paragraph.inverted.subdued.primary {
    color: #0071b8; }
  p.inverted.subdued.secondary, .paragraph.inverted.subdued.secondary {
    color: #5c5c5c; }
  p.inverted.subdued.alert, .paragraph.inverted.subdued.alert {
    color: #a51212; }
  p.inverted.subdued.warning, .paragraph.inverted.subdued.warning {
    color: #b85600; }
  p.inverted.subdued.success, .paragraph.inverted.subdued.success {
    color: #3a8334; }
  p.inverted.subdued.admin, .paragraph.inverted.subdued.admin {
    color: #632e8a; }
  p.bevel, .paragraph.bevel {
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }
  p.shadow, .paragraph.shadow {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
  p.bold, .paragraph.bold {
    font-weight: 700; }
  p.light, .paragraph.light {
    font-weight: 300; }
  p.breakable, .paragraph.breakable {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  p.ellipsable, .paragraph.ellipsable {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  p.justified, .paragraph.justified {
    text-align: justify; }
  p.without-constraint, .paragraph.without-constraint {
    max-width: none; }

/**
 * text
 *
 * @author Vincent Barrault <vbarrault@oxent.net>
 */
.text {
  max-width: 54em; }
  .text.tiny {
    font: 400 0.75rem/1.5em "Noto Sans", sans-serif; }
  .text.small {
    font: 400 0.875rem/1.5em "Noto Sans", sans-serif; }
  .text.medium {
    font: 400 1rem/1.5em "Noto Sans", sans-serif; }
  .text.large {
    font: 400 1.125rem/1.5em "Noto Sans", sans-serif; }
  .text.huge {
    font: 400 1.25rem/1.5em "Noto Sans", sans-serif; }
  .text.default {
    color: black; }
  .text.standard {
    color: #262626; }
  .text.primary {
    color: #009dff; }
  .text.secondary {
    color: gray; }
  .text.alert {
    color: #e61a1a; }
  .text.warning {
    color: #ff7700; }
  .text.success {
    color: #50b649; }
  .text.admin {
    color: #8a40bf; }
  .text.subdued.default {
    color: black; }
  .text.subdued.standard {
    color: gray; }
  .text.subdued.primary {
    color: #66c4ff; }
  .text.subdued.secondary {
    color: #b3b3b3; }
  .text.subdued.alert {
    color: #f07575; }
  .text.subdued.warning {
    color: #ffad66; }
  .text.subdued.success {
    color: #96d392; }
  .text.subdued.admin {
    color: #b98cd9; }
  .text.inverted.default {
    color: white; }
  .text.inverted.standard {
    color: #d9d9d9; }
  .text.inverted.primary {
    color: #009dff; }
  .text.inverted.secondary {
    color: gray; }
  .text.inverted.alert {
    color: #e61a1a; }
  .text.inverted.warning {
    color: #ff7700; }
  .text.inverted.success {
    color: #50b649; }
  .text.inverted.admin {
    color: #8a40bf; }
  .text.inverted.subdued.default {
    color: white; }
  .text.inverted.subdued.standard {
    color: gray; }
  .text.inverted.subdued.primary {
    color: #0071b8; }
  .text.inverted.subdued.secondary {
    color: #5c5c5c; }
  .text.inverted.subdued.alert {
    color: #a51212; }
  .text.inverted.subdued.warning {
    color: #b85600; }
  .text.inverted.subdued.success {
    color: #3a8334; }
  .text.inverted.subdued.admin {
    color: #632e8a; }
  .text.bevel {
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }
  .text.shadow {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
  .text.bold {
    font-weight: 700; }
  .text.light {
    font-weight: 300; }
  .text.breakable {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  .text.ellipsable {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .text.justified {
    text-align: justify; }
  .text.without-constraint {
    max-width: none; }

/**
 * label
 *
 * @author Vincent Barrault <vbarrault@oxent.net>
 */
.label {
  display: inline-block;
  max-width: 54em; }
  .label.default {
    color: black; }
  .label.standard {
    color: #262626; }
  .label.primary {
    color: #009dff; }
  .label.secondary {
    color: gray; }
  .label.alert {
    color: #e61a1a; }
  .label.warning {
    color: #ff7700; }
  .label.success {
    color: #50b649; }
  .label.admin {
    color: #8a40bf; }
  .label.subdued.default {
    color: black; }
  .label.subdued.standard {
    color: gray; }
  .label.subdued.primary {
    color: #66c4ff; }
  .label.subdued.secondary {
    color: #b3b3b3; }
  .label.subdued.alert {
    color: #f07575; }
  .label.subdued.warning {
    color: #ffad66; }
  .label.subdued.success {
    color: #96d392; }
  .label.subdued.admin {
    color: #b98cd9; }
  .label.inverted.default {
    color: white; }
  .label.inverted.standard {
    color: #d9d9d9; }
  .label.inverted.primary {
    color: #009dff; }
  .label.inverted.secondary {
    color: gray; }
  .label.inverted.alert {
    color: #e61a1a; }
  .label.inverted.warning {
    color: #ff7700; }
  .label.inverted.success {
    color: #50b649; }
  .label.inverted.admin {
    color: #8a40bf; }
  .label.inverted.subdued.default {
    color: white; }
  .label.inverted.subdued.standard {
    color: gray; }
  .label.inverted.subdued.primary {
    color: #0071b8; }
  .label.inverted.subdued.secondary {
    color: #5c5c5c; }
  .label.inverted.subdued.alert {
    color: #a51212; }
  .label.inverted.subdued.warning {
    color: #b85600; }
  .label.inverted.subdued.success {
    color: #3a8334; }
  .label.inverted.subdued.admin {
    color: #632e8a; }
  .label.bevel {
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }
  .label.shadow {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
  .label.bold {
    font-weight: 700; }
  .label.light {
    font-weight: 300; }
  .label.breakable {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  .label.ellipsable {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .label.justified {
    text-align: justify; }
  .label.without-constraint {
    max-width: none; }
  .label.tiny {
    font: 400 0.75rem/1.2em "Noto Sans", sans-serif; }
  .label.small {
    font: 400 0.875rem/1.2em "Noto Sans", sans-serif; }
  .label.medium {
    font: 400 1rem/1.2em "Noto Sans", sans-serif; }
  .label.large {
    font: 400 1.125rem/1.2em "Noto Sans", sans-serif; }
  .label.huge {
    font: 400 1.25rem/1.2em "Noto Sans", sans-serif; }

/**
 * Includes all components
 */
/**
 * Title classes
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * Title config
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * Title mixins
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.title1 {
  font: 700 2.125rem/1.2em "Noto Sans", sans-serif;
  letter-spacing: -0.125rem;
  margin: 1.25rem 0; }
  .title1:first-child {
    margin-top: 0; }
  .title1:last-child {
    margin-bottom: 0; }
  .title1 > i + span {
    margin-left: 0.25em; }
  .title1 > span + i {
    margin-right: 0.25em; }
  .title1.default {
    color: black; }
  .title1.standard {
    color: #262626; }
  .title1.primary {
    color: #009dff; }
  .title1.secondary {
    color: gray; }
  .title1.alert {
    color: #e61a1a; }
  .title1.warning {
    color: #ff7700; }
  .title1.success {
    color: #50b649; }
  .title1.admin {
    color: #8a40bf; }
  .title1.subdued.default {
    color: black; }
  .title1.subdued.standard {
    color: gray; }
  .title1.subdued.primary {
    color: #66c4ff; }
  .title1.subdued.secondary {
    color: #b3b3b3; }
  .title1.subdued.alert {
    color: #f07575; }
  .title1.subdued.warning {
    color: #ffad66; }
  .title1.subdued.success {
    color: #96d392; }
  .title1.subdued.admin {
    color: #b98cd9; }
  .title1.inverted.default {
    color: white; }
  .title1.inverted.standard {
    color: #d9d9d9; }
  .title1.inverted.primary {
    color: #009dff; }
  .title1.inverted.secondary {
    color: gray; }
  .title1.inverted.alert {
    color: #e61a1a; }
  .title1.inverted.warning {
    color: #ff7700; }
  .title1.inverted.success {
    color: #50b649; }
  .title1.inverted.admin {
    color: #8a40bf; }
  .title1.inverted.subdued.default {
    color: white; }
  .title1.inverted.subdued.standard {
    color: gray; }
  .title1.inverted.subdued.primary {
    color: #0071b8; }
  .title1.inverted.subdued.secondary {
    color: #5c5c5c; }
  .title1.inverted.subdued.alert {
    color: #a51212; }
  .title1.inverted.subdued.warning {
    color: #b85600; }
  .title1.inverted.subdued.success {
    color: #3a8334; }
  .title1.inverted.subdued.admin {
    color: #632e8a; }
  .title1.bevel {
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }
  .title1.shadow {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
  .title1.bold {
    font-weight: 700; }
  .title1.light {
    font-weight: 300; }
  .title1.breakable {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  .title1.ellipsable {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .title1.justified {
    text-align: justify; }
  .title1.without-constraint {
    max-width: none; }
  .title1.bold {
    font-weight: 900; }
  .title1.light {
    font-weight: 400; }

.title2 {
  font: 700 1.8125rem/1.2em "Noto Sans", sans-serif;
  letter-spacing: -0.05rem;
  margin: 1.25rem 0; }
  .title2:first-child {
    margin-top: 0; }
  .title2:last-child {
    margin-bottom: 0; }
  .title2 > i + span {
    margin-left: 0.25em; }
  .title2 > span + i {
    margin-right: 0.25em; }
  .title2.default {
    color: black; }
  .title2.standard {
    color: #262626; }
  .title2.primary {
    color: #009dff; }
  .title2.secondary {
    color: gray; }
  .title2.alert {
    color: #e61a1a; }
  .title2.warning {
    color: #ff7700; }
  .title2.success {
    color: #50b649; }
  .title2.admin {
    color: #8a40bf; }
  .title2.subdued.default {
    color: black; }
  .title2.subdued.standard {
    color: gray; }
  .title2.subdued.primary {
    color: #66c4ff; }
  .title2.subdued.secondary {
    color: #b3b3b3; }
  .title2.subdued.alert {
    color: #f07575; }
  .title2.subdued.warning {
    color: #ffad66; }
  .title2.subdued.success {
    color: #96d392; }
  .title2.subdued.admin {
    color: #b98cd9; }
  .title2.inverted.default {
    color: white; }
  .title2.inverted.standard {
    color: #d9d9d9; }
  .title2.inverted.primary {
    color: #009dff; }
  .title2.inverted.secondary {
    color: gray; }
  .title2.inverted.alert {
    color: #e61a1a; }
  .title2.inverted.warning {
    color: #ff7700; }
  .title2.inverted.success {
    color: #50b649; }
  .title2.inverted.admin {
    color: #8a40bf; }
  .title2.inverted.subdued.default {
    color: white; }
  .title2.inverted.subdued.standard {
    color: gray; }
  .title2.inverted.subdued.primary {
    color: #0071b8; }
  .title2.inverted.subdued.secondary {
    color: #5c5c5c; }
  .title2.inverted.subdued.alert {
    color: #a51212; }
  .title2.inverted.subdued.warning {
    color: #b85600; }
  .title2.inverted.subdued.success {
    color: #3a8334; }
  .title2.inverted.subdued.admin {
    color: #632e8a; }
  .title2.bevel {
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }
  .title2.shadow {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
  .title2.bold {
    font-weight: 700; }
  .title2.light {
    font-weight: 300; }
  .title2.breakable {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  .title2.ellipsable {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .title2.justified {
    text-align: justify; }
  .title2.without-constraint {
    max-width: none; }
  .title2.bold {
    font-weight: 900; }
  .title2.light {
    font-weight: 400; }

.title3 {
  font: 700 1.4375rem/1.2em "Noto Sans", sans-serif;
  letter-spacing: -0.05rem;
  margin: 1.25rem 0; }
  .title3:first-child {
    margin-top: 0; }
  .title3:last-child {
    margin-bottom: 0; }
  .title3 > i + span {
    margin-left: 0.25em; }
  .title3 > span + i {
    margin-right: 0.25em; }
  .title3.default {
    color: black; }
  .title3.standard {
    color: #262626; }
  .title3.primary {
    color: #009dff; }
  .title3.secondary {
    color: gray; }
  .title3.alert {
    color: #e61a1a; }
  .title3.warning {
    color: #ff7700; }
  .title3.success {
    color: #50b649; }
  .title3.admin {
    color: #8a40bf; }
  .title3.subdued.default {
    color: black; }
  .title3.subdued.standard {
    color: gray; }
  .title3.subdued.primary {
    color: #66c4ff; }
  .title3.subdued.secondary {
    color: #b3b3b3; }
  .title3.subdued.alert {
    color: #f07575; }
  .title3.subdued.warning {
    color: #ffad66; }
  .title3.subdued.success {
    color: #96d392; }
  .title3.subdued.admin {
    color: #b98cd9; }
  .title3.inverted.default {
    color: white; }
  .title3.inverted.standard {
    color: #d9d9d9; }
  .title3.inverted.primary {
    color: #009dff; }
  .title3.inverted.secondary {
    color: gray; }
  .title3.inverted.alert {
    color: #e61a1a; }
  .title3.inverted.warning {
    color: #ff7700; }
  .title3.inverted.success {
    color: #50b649; }
  .title3.inverted.admin {
    color: #8a40bf; }
  .title3.inverted.subdued.default {
    color: white; }
  .title3.inverted.subdued.standard {
    color: gray; }
  .title3.inverted.subdued.primary {
    color: #0071b8; }
  .title3.inverted.subdued.secondary {
    color: #5c5c5c; }
  .title3.inverted.subdued.alert {
    color: #a51212; }
  .title3.inverted.subdued.warning {
    color: #b85600; }
  .title3.inverted.subdued.success {
    color: #3a8334; }
  .title3.inverted.subdued.admin {
    color: #632e8a; }
  .title3.bevel {
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }
  .title3.shadow {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
  .title3.bold {
    font-weight: 700; }
  .title3.light {
    font-weight: 300; }
  .title3.breakable {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  .title3.ellipsable {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .title3.justified {
    text-align: justify; }
  .title3.without-constraint {
    max-width: none; }
  .title3.bold {
    font-weight: 900; }
  .title3.light {
    font-weight: 400; }

.title4 {
  font: 700 1.125rem/1.2em "Noto Sans", sans-serif;
  letter-spacing: -0.05rem;
  margin: 0.75rem 0; }
  .title4:first-child {
    margin-top: 0; }
  .title4:last-child {
    margin-bottom: 0; }
  .title4 > i + span {
    margin-left: 0.25em; }
  .title4 > span + i {
    margin-right: 0.25em; }
  .title4.default {
    color: black; }
  .title4.standard {
    color: #262626; }
  .title4.primary {
    color: #009dff; }
  .title4.secondary {
    color: gray; }
  .title4.alert {
    color: #e61a1a; }
  .title4.warning {
    color: #ff7700; }
  .title4.success {
    color: #50b649; }
  .title4.admin {
    color: #8a40bf; }
  .title4.subdued.default {
    color: black; }
  .title4.subdued.standard {
    color: gray; }
  .title4.subdued.primary {
    color: #66c4ff; }
  .title4.subdued.secondary {
    color: #b3b3b3; }
  .title4.subdued.alert {
    color: #f07575; }
  .title4.subdued.warning {
    color: #ffad66; }
  .title4.subdued.success {
    color: #96d392; }
  .title4.subdued.admin {
    color: #b98cd9; }
  .title4.inverted.default {
    color: white; }
  .title4.inverted.standard {
    color: #d9d9d9; }
  .title4.inverted.primary {
    color: #009dff; }
  .title4.inverted.secondary {
    color: gray; }
  .title4.inverted.alert {
    color: #e61a1a; }
  .title4.inverted.warning {
    color: #ff7700; }
  .title4.inverted.success {
    color: #50b649; }
  .title4.inverted.admin {
    color: #8a40bf; }
  .title4.inverted.subdued.default {
    color: white; }
  .title4.inverted.subdued.standard {
    color: gray; }
  .title4.inverted.subdued.primary {
    color: #0071b8; }
  .title4.inverted.subdued.secondary {
    color: #5c5c5c; }
  .title4.inverted.subdued.alert {
    color: #a51212; }
  .title4.inverted.subdued.warning {
    color: #b85600; }
  .title4.inverted.subdued.success {
    color: #3a8334; }
  .title4.inverted.subdued.admin {
    color: #632e8a; }
  .title4.bevel {
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }
  .title4.shadow {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
  .title4.bold {
    font-weight: 700; }
  .title4.light {
    font-weight: 300; }
  .title4.breakable {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  .title4.ellipsable {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .title4.justified {
    text-align: justify; }
  .title4.without-constraint {
    max-width: none; }
  .title4.bold {
    font-weight: 900; }
  .title4.light {
    font-weight: 400; }

.title5 {
  font: 700 1rem/1.2em "Noto Sans", sans-serif;
  letter-spacing: 0;
  margin: 0.75rem 0; }
  .title5:first-child {
    margin-top: 0; }
  .title5:last-child {
    margin-bottom: 0; }
  .title5 > i + span {
    margin-left: 0.25em; }
  .title5 > span + i {
    margin-right: 0.25em; }
  .title5.default {
    color: black; }
  .title5.standard {
    color: #262626; }
  .title5.primary {
    color: #009dff; }
  .title5.secondary {
    color: gray; }
  .title5.alert {
    color: #e61a1a; }
  .title5.warning {
    color: #ff7700; }
  .title5.success {
    color: #50b649; }
  .title5.admin {
    color: #8a40bf; }
  .title5.subdued.default {
    color: black; }
  .title5.subdued.standard {
    color: gray; }
  .title5.subdued.primary {
    color: #66c4ff; }
  .title5.subdued.secondary {
    color: #b3b3b3; }
  .title5.subdued.alert {
    color: #f07575; }
  .title5.subdued.warning {
    color: #ffad66; }
  .title5.subdued.success {
    color: #96d392; }
  .title5.subdued.admin {
    color: #b98cd9; }
  .title5.inverted.default {
    color: white; }
  .title5.inverted.standard {
    color: #d9d9d9; }
  .title5.inverted.primary {
    color: #009dff; }
  .title5.inverted.secondary {
    color: gray; }
  .title5.inverted.alert {
    color: #e61a1a; }
  .title5.inverted.warning {
    color: #ff7700; }
  .title5.inverted.success {
    color: #50b649; }
  .title5.inverted.admin {
    color: #8a40bf; }
  .title5.inverted.subdued.default {
    color: white; }
  .title5.inverted.subdued.standard {
    color: gray; }
  .title5.inverted.subdued.primary {
    color: #0071b8; }
  .title5.inverted.subdued.secondary {
    color: #5c5c5c; }
  .title5.inverted.subdued.alert {
    color: #a51212; }
  .title5.inverted.subdued.warning {
    color: #b85600; }
  .title5.inverted.subdued.success {
    color: #3a8334; }
  .title5.inverted.subdued.admin {
    color: #632e8a; }
  .title5.bevel {
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }
  .title5.shadow {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
  .title5.bold {
    font-weight: 700; }
  .title5.light {
    font-weight: 300; }
  .title5.breakable {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  .title5.ellipsable {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .title5.justified {
    text-align: justify; }
  .title5.without-constraint {
    max-width: none; }
  .title5.bold {
    font-weight: 900; }
  .title5.light {
    font-weight: 400; }

.title6 {
  font: 700 1rem/1.2em "Noto Sans", sans-serif;
  letter-spacing: 0;
  margin: 0.75rem 0; }
  .title6:first-child {
    margin-top: 0; }
  .title6:last-child {
    margin-bottom: 0; }
  .title6 > i + span {
    margin-left: 0.25em; }
  .title6 > span + i {
    margin-right: 0.25em; }
  .title6.default {
    color: black; }
  .title6.standard {
    color: #262626; }
  .title6.primary {
    color: #009dff; }
  .title6.secondary {
    color: gray; }
  .title6.alert {
    color: #e61a1a; }
  .title6.warning {
    color: #ff7700; }
  .title6.success {
    color: #50b649; }
  .title6.admin {
    color: #8a40bf; }
  .title6.subdued.default {
    color: black; }
  .title6.subdued.standard {
    color: gray; }
  .title6.subdued.primary {
    color: #66c4ff; }
  .title6.subdued.secondary {
    color: #b3b3b3; }
  .title6.subdued.alert {
    color: #f07575; }
  .title6.subdued.warning {
    color: #ffad66; }
  .title6.subdued.success {
    color: #96d392; }
  .title6.subdued.admin {
    color: #b98cd9; }
  .title6.inverted.default {
    color: white; }
  .title6.inverted.standard {
    color: #d9d9d9; }
  .title6.inverted.primary {
    color: #009dff; }
  .title6.inverted.secondary {
    color: gray; }
  .title6.inverted.alert {
    color: #e61a1a; }
  .title6.inverted.warning {
    color: #ff7700; }
  .title6.inverted.success {
    color: #50b649; }
  .title6.inverted.admin {
    color: #8a40bf; }
  .title6.inverted.subdued.default {
    color: white; }
  .title6.inverted.subdued.standard {
    color: gray; }
  .title6.inverted.subdued.primary {
    color: #0071b8; }
  .title6.inverted.subdued.secondary {
    color: #5c5c5c; }
  .title6.inverted.subdued.alert {
    color: #a51212; }
  .title6.inverted.subdued.warning {
    color: #b85600; }
  .title6.inverted.subdued.success {
    color: #3a8334; }
  .title6.inverted.subdued.admin {
    color: #632e8a; }
  .title6.bevel {
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }
  .title6.shadow {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
  .title6.bold {
    font-weight: 700; }
  .title6.light {
    font-weight: 300; }
  .title6.breakable {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  .title6.ellipsable {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .title6.justified {
    text-align: justify; }
  .title6.without-constraint {
    max-width: none; }
  .title6.bold {
    font-weight: 900; }
  .title6.light {
    font-weight: 400; }

/**
 * Title elements
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
h1 {
  font: 700 2.125rem/1.2em "Noto Sans", sans-serif;
  letter-spacing: -0.125rem;
  margin: 1.25rem 0; }
  h1:first-child {
    margin-top: 0; }
  h1:last-child {
    margin-bottom: 0; }
  h1 > i + span {
    margin-left: 0.25em; }
  h1 > span + i {
    margin-right: 0.25em; }
  h1.default {
    color: black; }
  h1.standard {
    color: #262626; }
  h1.primary {
    color: #009dff; }
  h1.secondary {
    color: gray; }
  h1.alert {
    color: #e61a1a; }
  h1.warning {
    color: #ff7700; }
  h1.success {
    color: #50b649; }
  h1.admin {
    color: #8a40bf; }
  h1.subdued.default {
    color: black; }
  h1.subdued.standard {
    color: gray; }
  h1.subdued.primary {
    color: #66c4ff; }
  h1.subdued.secondary {
    color: #b3b3b3; }
  h1.subdued.alert {
    color: #f07575; }
  h1.subdued.warning {
    color: #ffad66; }
  h1.subdued.success {
    color: #96d392; }
  h1.subdued.admin {
    color: #b98cd9; }
  h1.inverted.default {
    color: white; }
  h1.inverted.standard {
    color: #d9d9d9; }
  h1.inverted.primary {
    color: #009dff; }
  h1.inverted.secondary {
    color: gray; }
  h1.inverted.alert {
    color: #e61a1a; }
  h1.inverted.warning {
    color: #ff7700; }
  h1.inverted.success {
    color: #50b649; }
  h1.inverted.admin {
    color: #8a40bf; }
  h1.inverted.subdued.default {
    color: white; }
  h1.inverted.subdued.standard {
    color: gray; }
  h1.inverted.subdued.primary {
    color: #0071b8; }
  h1.inverted.subdued.secondary {
    color: #5c5c5c; }
  h1.inverted.subdued.alert {
    color: #a51212; }
  h1.inverted.subdued.warning {
    color: #b85600; }
  h1.inverted.subdued.success {
    color: #3a8334; }
  h1.inverted.subdued.admin {
    color: #632e8a; }
  h1.bevel {
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }
  h1.shadow {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
  h1.bold {
    font-weight: 700; }
  h1.light {
    font-weight: 300; }
  h1.breakable {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  h1.ellipsable {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  h1.justified {
    text-align: justify; }
  h1.without-constraint {
    max-width: none; }
  h1.bold {
    font-weight: 900; }
  h1.light {
    font-weight: 400; }

h2 {
  font: 700 1.8125rem/1.2em "Noto Sans", sans-serif;
  letter-spacing: -0.05rem;
  margin: 1.25rem 0; }
  h2:first-child {
    margin-top: 0; }
  h2:last-child {
    margin-bottom: 0; }
  h2 > i + span {
    margin-left: 0.25em; }
  h2 > span + i {
    margin-right: 0.25em; }
  h2.default {
    color: black; }
  h2.standard {
    color: #262626; }
  h2.primary {
    color: #009dff; }
  h2.secondary {
    color: gray; }
  h2.alert {
    color: #e61a1a; }
  h2.warning {
    color: #ff7700; }
  h2.success {
    color: #50b649; }
  h2.admin {
    color: #8a40bf; }
  h2.subdued.default {
    color: black; }
  h2.subdued.standard {
    color: gray; }
  h2.subdued.primary {
    color: #66c4ff; }
  h2.subdued.secondary {
    color: #b3b3b3; }
  h2.subdued.alert {
    color: #f07575; }
  h2.subdued.warning {
    color: #ffad66; }
  h2.subdued.success {
    color: #96d392; }
  h2.subdued.admin {
    color: #b98cd9; }
  h2.inverted.default {
    color: white; }
  h2.inverted.standard {
    color: #d9d9d9; }
  h2.inverted.primary {
    color: #009dff; }
  h2.inverted.secondary {
    color: gray; }
  h2.inverted.alert {
    color: #e61a1a; }
  h2.inverted.warning {
    color: #ff7700; }
  h2.inverted.success {
    color: #50b649; }
  h2.inverted.admin {
    color: #8a40bf; }
  h2.inverted.subdued.default {
    color: white; }
  h2.inverted.subdued.standard {
    color: gray; }
  h2.inverted.subdued.primary {
    color: #0071b8; }
  h2.inverted.subdued.secondary {
    color: #5c5c5c; }
  h2.inverted.subdued.alert {
    color: #a51212; }
  h2.inverted.subdued.warning {
    color: #b85600; }
  h2.inverted.subdued.success {
    color: #3a8334; }
  h2.inverted.subdued.admin {
    color: #632e8a; }
  h2.bevel {
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }
  h2.shadow {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
  h2.bold {
    font-weight: 700; }
  h2.light {
    font-weight: 300; }
  h2.breakable {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  h2.ellipsable {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  h2.justified {
    text-align: justify; }
  h2.without-constraint {
    max-width: none; }
  h2.bold {
    font-weight: 900; }
  h2.light {
    font-weight: 400; }

h3 {
  font: 700 1.4375rem/1.2em "Noto Sans", sans-serif;
  letter-spacing: -0.05rem;
  margin: 1.25rem 0; }
  h3:first-child {
    margin-top: 0; }
  h3:last-child {
    margin-bottom: 0; }
  h3 > i + span {
    margin-left: 0.25em; }
  h3 > span + i {
    margin-right: 0.25em; }
  h3.default {
    color: black; }
  h3.standard {
    color: #262626; }
  h3.primary {
    color: #009dff; }
  h3.secondary {
    color: gray; }
  h3.alert {
    color: #e61a1a; }
  h3.warning {
    color: #ff7700; }
  h3.success {
    color: #50b649; }
  h3.admin {
    color: #8a40bf; }
  h3.subdued.default {
    color: black; }
  h3.subdued.standard {
    color: gray; }
  h3.subdued.primary {
    color: #66c4ff; }
  h3.subdued.secondary {
    color: #b3b3b3; }
  h3.subdued.alert {
    color: #f07575; }
  h3.subdued.warning {
    color: #ffad66; }
  h3.subdued.success {
    color: #96d392; }
  h3.subdued.admin {
    color: #b98cd9; }
  h3.inverted.default {
    color: white; }
  h3.inverted.standard {
    color: #d9d9d9; }
  h3.inverted.primary {
    color: #009dff; }
  h3.inverted.secondary {
    color: gray; }
  h3.inverted.alert {
    color: #e61a1a; }
  h3.inverted.warning {
    color: #ff7700; }
  h3.inverted.success {
    color: #50b649; }
  h3.inverted.admin {
    color: #8a40bf; }
  h3.inverted.subdued.default {
    color: white; }
  h3.inverted.subdued.standard {
    color: gray; }
  h3.inverted.subdued.primary {
    color: #0071b8; }
  h3.inverted.subdued.secondary {
    color: #5c5c5c; }
  h3.inverted.subdued.alert {
    color: #a51212; }
  h3.inverted.subdued.warning {
    color: #b85600; }
  h3.inverted.subdued.success {
    color: #3a8334; }
  h3.inverted.subdued.admin {
    color: #632e8a; }
  h3.bevel {
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }
  h3.shadow {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
  h3.bold {
    font-weight: 700; }
  h3.light {
    font-weight: 300; }
  h3.breakable {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  h3.ellipsable {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  h3.justified {
    text-align: justify; }
  h3.without-constraint {
    max-width: none; }
  h3.bold {
    font-weight: 900; }
  h3.light {
    font-weight: 400; }

h4 {
  font: 700 1.125rem/1.2em "Noto Sans", sans-serif;
  letter-spacing: -0.05rem;
  margin: 0.75rem 0; }
  h4:first-child {
    margin-top: 0; }
  h4:last-child {
    margin-bottom: 0; }
  h4 > i + span {
    margin-left: 0.25em; }
  h4 > span + i {
    margin-right: 0.25em; }
  h4.default {
    color: black; }
  h4.standard {
    color: #262626; }
  h4.primary {
    color: #009dff; }
  h4.secondary {
    color: gray; }
  h4.alert {
    color: #e61a1a; }
  h4.warning {
    color: #ff7700; }
  h4.success {
    color: #50b649; }
  h4.admin {
    color: #8a40bf; }
  h4.subdued.default {
    color: black; }
  h4.subdued.standard {
    color: gray; }
  h4.subdued.primary {
    color: #66c4ff; }
  h4.subdued.secondary {
    color: #b3b3b3; }
  h4.subdued.alert {
    color: #f07575; }
  h4.subdued.warning {
    color: #ffad66; }
  h4.subdued.success {
    color: #96d392; }
  h4.subdued.admin {
    color: #b98cd9; }
  h4.inverted.default {
    color: white; }
  h4.inverted.standard {
    color: #d9d9d9; }
  h4.inverted.primary {
    color: #009dff; }
  h4.inverted.secondary {
    color: gray; }
  h4.inverted.alert {
    color: #e61a1a; }
  h4.inverted.warning {
    color: #ff7700; }
  h4.inverted.success {
    color: #50b649; }
  h4.inverted.admin {
    color: #8a40bf; }
  h4.inverted.subdued.default {
    color: white; }
  h4.inverted.subdued.standard {
    color: gray; }
  h4.inverted.subdued.primary {
    color: #0071b8; }
  h4.inverted.subdued.secondary {
    color: #5c5c5c; }
  h4.inverted.subdued.alert {
    color: #a51212; }
  h4.inverted.subdued.warning {
    color: #b85600; }
  h4.inverted.subdued.success {
    color: #3a8334; }
  h4.inverted.subdued.admin {
    color: #632e8a; }
  h4.bevel {
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }
  h4.shadow {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
  h4.bold {
    font-weight: 700; }
  h4.light {
    font-weight: 300; }
  h4.breakable {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  h4.ellipsable {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  h4.justified {
    text-align: justify; }
  h4.without-constraint {
    max-width: none; }
  h4.bold {
    font-weight: 900; }
  h4.light {
    font-weight: 400; }

h5 {
  font: 700 1rem/1.2em "Noto Sans", sans-serif;
  letter-spacing: 0;
  margin: 0.75rem 0; }
  h5:first-child {
    margin-top: 0; }
  h5:last-child {
    margin-bottom: 0; }
  h5 > i + span {
    margin-left: 0.25em; }
  h5 > span + i {
    margin-right: 0.25em; }
  h5.default {
    color: black; }
  h5.standard {
    color: #262626; }
  h5.primary {
    color: #009dff; }
  h5.secondary {
    color: gray; }
  h5.alert {
    color: #e61a1a; }
  h5.warning {
    color: #ff7700; }
  h5.success {
    color: #50b649; }
  h5.admin {
    color: #8a40bf; }
  h5.subdued.default {
    color: black; }
  h5.subdued.standard {
    color: gray; }
  h5.subdued.primary {
    color: #66c4ff; }
  h5.subdued.secondary {
    color: #b3b3b3; }
  h5.subdued.alert {
    color: #f07575; }
  h5.subdued.warning {
    color: #ffad66; }
  h5.subdued.success {
    color: #96d392; }
  h5.subdued.admin {
    color: #b98cd9; }
  h5.inverted.default {
    color: white; }
  h5.inverted.standard {
    color: #d9d9d9; }
  h5.inverted.primary {
    color: #009dff; }
  h5.inverted.secondary {
    color: gray; }
  h5.inverted.alert {
    color: #e61a1a; }
  h5.inverted.warning {
    color: #ff7700; }
  h5.inverted.success {
    color: #50b649; }
  h5.inverted.admin {
    color: #8a40bf; }
  h5.inverted.subdued.default {
    color: white; }
  h5.inverted.subdued.standard {
    color: gray; }
  h5.inverted.subdued.primary {
    color: #0071b8; }
  h5.inverted.subdued.secondary {
    color: #5c5c5c; }
  h5.inverted.subdued.alert {
    color: #a51212; }
  h5.inverted.subdued.warning {
    color: #b85600; }
  h5.inverted.subdued.success {
    color: #3a8334; }
  h5.inverted.subdued.admin {
    color: #632e8a; }
  h5.bevel {
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }
  h5.shadow {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
  h5.bold {
    font-weight: 700; }
  h5.light {
    font-weight: 300; }
  h5.breakable {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  h5.ellipsable {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  h5.justified {
    text-align: justify; }
  h5.without-constraint {
    max-width: none; }
  h5.bold {
    font-weight: 900; }
  h5.light {
    font-weight: 400; }

h6 {
  font: 700 1rem/1.2em "Noto Sans", sans-serif;
  letter-spacing: 0;
  margin: 0.75rem 0; }
  h6:first-child {
    margin-top: 0; }
  h6:last-child {
    margin-bottom: 0; }
  h6 > i + span {
    margin-left: 0.25em; }
  h6 > span + i {
    margin-right: 0.25em; }
  h6.default {
    color: black; }
  h6.standard {
    color: #262626; }
  h6.primary {
    color: #009dff; }
  h6.secondary {
    color: gray; }
  h6.alert {
    color: #e61a1a; }
  h6.warning {
    color: #ff7700; }
  h6.success {
    color: #50b649; }
  h6.admin {
    color: #8a40bf; }
  h6.subdued.default {
    color: black; }
  h6.subdued.standard {
    color: gray; }
  h6.subdued.primary {
    color: #66c4ff; }
  h6.subdued.secondary {
    color: #b3b3b3; }
  h6.subdued.alert {
    color: #f07575; }
  h6.subdued.warning {
    color: #ffad66; }
  h6.subdued.success {
    color: #96d392; }
  h6.subdued.admin {
    color: #b98cd9; }
  h6.inverted.default {
    color: white; }
  h6.inverted.standard {
    color: #d9d9d9; }
  h6.inverted.primary {
    color: #009dff; }
  h6.inverted.secondary {
    color: gray; }
  h6.inverted.alert {
    color: #e61a1a; }
  h6.inverted.warning {
    color: #ff7700; }
  h6.inverted.success {
    color: #50b649; }
  h6.inverted.admin {
    color: #8a40bf; }
  h6.inverted.subdued.default {
    color: white; }
  h6.inverted.subdued.standard {
    color: gray; }
  h6.inverted.subdued.primary {
    color: #0071b8; }
  h6.inverted.subdued.secondary {
    color: #5c5c5c; }
  h6.inverted.subdued.alert {
    color: #a51212; }
  h6.inverted.subdued.warning {
    color: #b85600; }
  h6.inverted.subdued.success {
    color: #3a8334; }
  h6.inverted.subdued.admin {
    color: #632e8a; }
  h6.bevel {
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }
  h6.shadow {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
  h6.bold {
    font-weight: 700; }
  h6.light {
    font-weight: 300; }
  h6.breakable {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  h6.ellipsable {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  h6.justified {
    text-align: justify; }
  h6.without-constraint {
    max-width: none; }
  h6.bold {
    font-weight: 900; }
  h6.light {
    font-weight: 400; }

/**
 * Includes all notice styling
 */
.progressbar {
  background-color: #ccebff;
  border-radius: 10px;
  margin: 0.75rem 0; }
  .progressbar div {
    background-color: #009dff;
    height: 0.75rem;
    width: 75%;
    display: block;
    border-radius: 10px;
    transition: width 1s; }

/**
 * Includes all notice styling
 */
.gauge {
  border-radius: 0.75rem;
  overflow: hidden; }
  .gauge.tiny > div {
    height: 0.25rem; }
  .gauge.small > div {
    height: 0.5rem; }
  .gauge.medium > div {
    height: 0.75rem; }
  .gauge.large > div {
    height: 1.25rem; }
  .gauge div {
    display: block;
    transition: width 1s; }
  .gauge.primary {
    background-color: #ccebff; }
    .gauge.primary > div {
      background-color: #009dff; }
  .gauge.secondary {
    background-color: #e6e6e6; }
    .gauge.secondary > div {
      background-color: gray; }
  .gauge.alert {
    background-color: #fad1d1; }
    .gauge.alert > div {
      background-color: #e61a1a; }
  .gauge.warning {
    background-color: #ffe4cc; }
    .gauge.warning > div {
      background-color: #ff7700; }
  .gauge.success {
    background-color: #dcf0db; }
    .gauge.success > div {
      background-color: #50b649; }
  .gauge.admin {
    background-color: #e8d9f2; }
    .gauge.admin > div {
      background-color: #8a40bf; }

/**
 * Includes all switch components
 */
.switch > label {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 26px;
  margin-top: 6px; }
  .switch > label input {
    display: none; }
    .switch > label input:checked + .slider {
      background-color: #009dff; }
    .switch > label input:checked:disabled + .slider {
      background-color: #ccebff; }
    .switch > label input + .slider {
      background-color: #b3b3b3; }
    .switch > label input:disabled + .slider {
      background-color: #e6e6e6; }
    .switch > label input:checked + .slider:before {
      -webkit-transform: translateX(17px);
      -ms-transform: translateX(17px);
      transform: translateX(17px); }

.switch.disabled {
  opacity: 0.3; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #b3b3b3; }
  .slider.round {
    border-radius: 34px; }
    .slider.round:before {
      border-radius: 50%; }
  .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); }

.tippy-tooltip.toornament-theme {
  text-align: left; }

/**
 * Includes all domain elements
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * domain component styling API documentation
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * API definition
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.api.definition {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  box-flex: none;
  -webkit-flex: none;
  -moz-flex: none;
  -ms-flex: none;
  flex: none;
  width: 100%;
  margin: 0;
  color: #1a1a1a;
  font: 400 0.875rem/1.5em "Noto Sans", sans-serif;
  padding: 0.5rem 0; }
  .api.definition > .field {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .api.definition > .field > .name {
      display: block;
      font-style: normal;
      word-wrap: break-word; }
    .api.definition > .field > .type {
      display: block;
      color: #b3b3b3;
      font: 400 0.75rem/1.5em "Noto Sans", sans-serif; }
  .api.definition > .description {
    -webkit-box-flex: 4;
    -moz-box-flex: 4;
    box-flex: 4;
    -webkit-flex: 4;
    -moz-flex: 4;
    -ms-flex: 4;
    flex: 4;
    margin-left: 0.5rem; }
    .api.definition > .description p.allowed {
      color: #1a1a1a; }
    .api.definition > .description p.default {
      color: #1a1a1a; }
    .api.definition > .description p.example {
      color: #999999; }
    .api.definition > .description p.required {
      color: #e61a1a; }
    .api.definition > .description ul, .api.definition > .description p {
      margin-bottom: 0.5rem; }
    .api.definition > .description button.toggle {
      float: right; }

.api.definition + .embed {
  display: none;
  padding-left: 1.25rem;
  border-left: 1px dashed #b3b3b3;
  margin-left: 0.5rem;
  margin-bottom: 1.25rem; }

ul.api li {
  display: block; }

/**
 * Includes all bracket styling
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * Bracket standard format styling
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.bracket.format-standard {
  position: relative; }
  .bracket.format-standard .bracket-nodes {
    position: absolute;
    z-index: 1; }
  .bracket.format-standard .bracket-links {
    position: absolute; }
  .bracket.format-standard svg .link {
    stroke-linecap: square;
    stroke-linejoin: miter;
    shape-rendering: crispEdges; }
    .bracket.format-standard svg .link.winner {
      fill: none;
      stroke: #d9d9d9;
      stroke-width: 62.5; }
    .bracket.format-standard svg .link.loser {
      fill: none;
      stroke: #d9d9d9;
      stroke-width: 62.5; }
      .bracket.format-standard svg .link.loser.full {
        display: none;
        stroke: #009dff; }
      .bracket.format-standard svg .link.loser.mask {
        stroke-width: 1875;
        stroke-opacity: 0; }
    .bracket.format-standard svg .link .link.loser.mask:hover + .link.loser.full {
      display: block; }
  .bracket.format-standard > svg.bracket-links .link.winner {
    stroke: #d9d9d9; }
  .bracket.format-standard > svg.bracket-links .link.loser {
    stroke: #d9d9d9; }
  .bracket.format-standard > svg.bracket-links .link.loser.full {
    stroke: #009dff; }
  .bracket.format-standard.inverted > svg.bracket-links .link.winner {
    stroke: #424242; }
  .bracket.format-standard.inverted > svg.bracket-links .link.loser {
    stroke: #424242; }
  .bracket.format-standard.inverted > svg.bracket-links .link.loser.full {
    stroke: #009dff; }

/**
 * Includes all country styling
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * Includes all country flags using svg resources to allow the scaling of the flags.
 *
 * - Each flag is provided by an unique svg asset.
 * - Some svg files have a bigger file size than others.
 * - svg filters can be applied on a flag.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.flag-svg {
  display: inline-block;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: baseline; }
  .flag-svg.small {
    width: 0.75em;
    height: 0.6em; }
  .flag-svg, .flag-svg.medium {
    width: 1.06em;
    height: 0.8em; }
  .flag-svg.large {
    width: 1.33em;
    height: 1.0em; }
  .flag-svg.ratio-2-3.small {
    width: 0.90em;
    height: 0.6em; }
  .flag-svg.ratio-2-3, .flag-svg.ratio-2-3.medium {
    width: 1.20em;
    height: 0.8em; }
  .flag-svg.ratio-2-3.large {
    width: 1.50em;
    height: 1.0em; }
  .flag-svg.squared.small {
    width: 0.60em;
    height: 0.6em; }
  .flag-svg.squared, .flag-svg.squared.medium {
    width: 0.80em;
    height: 0.8em; }
  .flag-svg.squared.large {
    width: 1.00em;
    height: 1.0em; }
  .flag-svg > .overlay {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-top: 1px solid rgba(0, 0, 0, 0.4);
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    background-image: url(/asset/country/flag/svg/overlay/gradient.svg?96295732);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.2); }
  .flag-svg.rounded, .flag-svg.rounded > .overlay {
    border-radius: 666rem; }

.flag-svg.flag-ad {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ad.svg?96295732); }
  .flag-svg.flag-ad.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ad.svg?96295732); }

.flag-svg.flag-ae {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ae.svg?96295732); }
  .flag-svg.flag-ae.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ae.svg?96295732); }

.flag-svg.flag-af {
  background-image: url(/asset/country/flag/svg/4x3_compressed/af.svg?96295732); }
  .flag-svg.flag-af.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/af.svg?96295732); }

.flag-svg.flag-ag {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ag.svg?96295732); }
  .flag-svg.flag-ag.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ag.svg?96295732); }

.flag-svg.flag-ai {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ai.svg?96295732); }
  .flag-svg.flag-ai.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ai.svg?96295732); }

.flag-svg.flag-al {
  background-image: url(/asset/country/flag/svg/4x3_compressed/al.svg?96295732); }
  .flag-svg.flag-al.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/al.svg?96295732); }

.flag-svg.flag-am {
  background-image: url(/asset/country/flag/svg/4x3_compressed/am.svg?96295732); }
  .flag-svg.flag-am.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/am.svg?96295732); }

.flag-svg.flag-an {
  background-image: url(/asset/country/flag/svg/4x3_compressed/an.svg?96295732); }
  .flag-svg.flag-an.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/an.svg?96295732); }

.flag-svg.flag-ao {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ao.svg?96295732); }
  .flag-svg.flag-ao.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ao.svg?96295732); }

.flag-svg.flag-aq {
  background-image: url(/asset/country/flag/svg/4x3_compressed/aq.svg?96295732); }
  .flag-svg.flag-aq.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/aq.svg?96295732); }

.flag-svg.flag-ar {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ar.svg?96295732); }
  .flag-svg.flag-ar.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ar.svg?96295732); }

.flag-svg.flag-as {
  background-image: url(/asset/country/flag/svg/4x3_compressed/as.svg?96295732); }
  .flag-svg.flag-as.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/as.svg?96295732); }

.flag-svg.flag-at {
  background-image: url(/asset/country/flag/svg/4x3_compressed/at.svg?96295732); }
  .flag-svg.flag-at.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/at.svg?96295732); }

.flag-svg.flag-au {
  background-image: url(/asset/country/flag/svg/4x3_compressed/au.svg?96295732); }
  .flag-svg.flag-au.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/au.svg?96295732); }

.flag-svg.flag-aw {
  background-image: url(/asset/country/flag/svg/4x3_compressed/aw.svg?96295732); }
  .flag-svg.flag-aw.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/aw.svg?96295732); }

.flag-svg.flag-ax {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ax.svg?96295732); }
  .flag-svg.flag-ax.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ax.svg?96295732); }

.flag-svg.flag-az {
  background-image: url(/asset/country/flag/svg/4x3_compressed/az.svg?96295732); }
  .flag-svg.flag-az.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/az.svg?96295732); }

.flag-svg.flag-ba {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ba.svg?96295732); }
  .flag-svg.flag-ba.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ba.svg?96295732); }

.flag-svg.flag-bb {
  background-image: url(/asset/country/flag/svg/4x3_compressed/bb.svg?96295732); }
  .flag-svg.flag-bb.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/bb.svg?96295732); }

.flag-svg.flag-bd {
  background-image: url(/asset/country/flag/svg/4x3_compressed/bd.svg?96295732); }
  .flag-svg.flag-bd.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/bd.svg?96295732); }

.flag-svg.flag-be {
  background-image: url(/asset/country/flag/svg/4x3_compressed/be.svg?96295732); }
  .flag-svg.flag-be.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/be.svg?96295732); }

.flag-svg.flag-bf {
  background-image: url(/asset/country/flag/svg/4x3_compressed/bf.svg?96295732); }
  .flag-svg.flag-bf.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/bf.svg?96295732); }

.flag-svg.flag-bg {
  background-image: url(/asset/country/flag/svg/4x3_compressed/bg.svg?96295732); }
  .flag-svg.flag-bg.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/bg.svg?96295732); }

.flag-svg.flag-bh {
  background-image: url(/asset/country/flag/svg/4x3_compressed/bh.svg?96295732); }
  .flag-svg.flag-bh.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/bh.svg?96295732); }

.flag-svg.flag-bi {
  background-image: url(/asset/country/flag/svg/4x3_compressed/bi.svg?96295732); }
  .flag-svg.flag-bi.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/bi.svg?96295732); }

.flag-svg.flag-bj {
  background-image: url(/asset/country/flag/svg/4x3_compressed/bj.svg?96295732); }
  .flag-svg.flag-bj.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/bj.svg?96295732); }

.flag-svg.flag-bl {
  background-image: url(/asset/country/flag/svg/4x3_compressed/bl.svg?96295732); }
  .flag-svg.flag-bl.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/bl.svg?96295732); }

.flag-svg.flag-bm {
  background-image: url(/asset/country/flag/svg/4x3_compressed/bm.svg?96295732); }
  .flag-svg.flag-bm.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/bm.svg?96295732); }

.flag-svg.flag-bn {
  background-image: url(/asset/country/flag/svg/4x3_compressed/bn.svg?96295732); }
  .flag-svg.flag-bn.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/bn.svg?96295732); }

.flag-svg.flag-bo {
  background-image: url(/asset/country/flag/svg/4x3_compressed/bo.svg?96295732); }
  .flag-svg.flag-bo.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/bo.svg?96295732); }

.flag-svg.flag-br {
  background-image: url(/asset/country/flag/svg/4x3_compressed/br.svg?96295732); }
  .flag-svg.flag-br.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/br.svg?96295732); }

.flag-svg.flag-bs {
  background-image: url(/asset/country/flag/svg/4x3_compressed/bs.svg?96295732); }
  .flag-svg.flag-bs.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/bs.svg?96295732); }

.flag-svg.flag-bt {
  background-image: url(/asset/country/flag/svg/4x3_compressed/bt.svg?96295732); }
  .flag-svg.flag-bt.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/bt.svg?96295732); }

.flag-svg.flag-bw {
  background-image: url(/asset/country/flag/svg/4x3_compressed/bw.svg?96295732); }
  .flag-svg.flag-bw.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/bw.svg?96295732); }

.flag-svg.flag-by {
  background-image: url(/asset/country/flag/svg/4x3_compressed/by.svg?96295732); }
  .flag-svg.flag-by.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/by.svg?96295732); }

.flag-svg.flag-bz {
  background-image: url(/asset/country/flag/svg/4x3_compressed/bz.svg?96295732); }
  .flag-svg.flag-bz.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/bz.svg?96295732); }

.flag-svg.flag-ca {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ca.svg?96295732); }
  .flag-svg.flag-ca.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ca.svg?96295732); }

.flag-svg.flag-cc {
  background-image: url(/asset/country/flag/svg/4x3_compressed/cc.svg?96295732); }
  .flag-svg.flag-cc.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/cc.svg?96295732); }

.flag-svg.flag-cd {
  background-image: url(/asset/country/flag/svg/4x3_compressed/cd.svg?96295732); }
  .flag-svg.flag-cd.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/cd.svg?96295732); }

.flag-svg.flag-cf {
  background-image: url(/asset/country/flag/svg/4x3_compressed/cf.svg?96295732); }
  .flag-svg.flag-cf.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/cf.svg?96295732); }

.flag-svg.flag-cg {
  background-image: url(/asset/country/flag/svg/4x3_compressed/cg.svg?96295732); }
  .flag-svg.flag-cg.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/cg.svg?96295732); }

.flag-svg.flag-ch {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ch.svg?96295732); }
  .flag-svg.flag-ch.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ch.svg?96295732); }

.flag-svg.flag-ci {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ci.svg?96295732); }
  .flag-svg.flag-ci.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ci.svg?96295732); }

.flag-svg.flag-ck {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ck.svg?96295732); }
  .flag-svg.flag-ck.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ck.svg?96295732); }

.flag-svg.flag-cl {
  background-image: url(/asset/country/flag/svg/4x3_compressed/cl.svg?96295732); }
  .flag-svg.flag-cl.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/cl.svg?96295732); }

.flag-svg.flag-cm {
  background-image: url(/asset/country/flag/svg/4x3_compressed/cm.svg?96295732); }
  .flag-svg.flag-cm.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/cm.svg?96295732); }

.flag-svg.flag-cn {
  background-image: url(/asset/country/flag/svg/4x3_compressed/cn.svg?96295732); }
  .flag-svg.flag-cn.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/cn.svg?96295732); }

.flag-svg.flag-co {
  background-image: url(/asset/country/flag/svg/4x3_compressed/co.svg?96295732); }
  .flag-svg.flag-co.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/co.svg?96295732); }

.flag-svg.flag-cr {
  background-image: url(/asset/country/flag/svg/4x3_compressed/cr.svg?96295732); }
  .flag-svg.flag-cr.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/cr.svg?96295732); }

.flag-svg.flag-cu {
  background-image: url(/asset/country/flag/svg/4x3_compressed/cu.svg?96295732); }
  .flag-svg.flag-cu.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/cu.svg?96295732); }

.flag-svg.flag-cv {
  background-image: url(/asset/country/flag/svg/4x3_compressed/cv.svg?96295732); }
  .flag-svg.flag-cv.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/cv.svg?96295732); }

.flag-svg.flag-cw {
  background-image: url(/asset/country/flag/svg/4x3_compressed/cw.svg?96295732); }
  .flag-svg.flag-cw.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/cw.svg?96295732); }

.flag-svg.flag-cx {
  background-image: url(/asset/country/flag/svg/4x3_compressed/cx.svg?96295732); }
  .flag-svg.flag-cx.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/cx.svg?96295732); }

.flag-svg.flag-cy {
  background-image: url(/asset/country/flag/svg/4x3_compressed/cy.svg?96295732); }
  .flag-svg.flag-cy.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/cy.svg?96295732); }

.flag-svg.flag-cz {
  background-image: url(/asset/country/flag/svg/4x3_compressed/cz.svg?96295732); }
  .flag-svg.flag-cz.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/cz.svg?96295732); }

.flag-svg.flag-de {
  background-image: url(/asset/country/flag/svg/4x3_compressed/de.svg?96295732); }
  .flag-svg.flag-de.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/de.svg?96295732); }

.flag-svg.flag-dj {
  background-image: url(/asset/country/flag/svg/4x3_compressed/dj.svg?96295732); }
  .flag-svg.flag-dj.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/dj.svg?96295732); }

.flag-svg.flag-dk {
  background-image: url(/asset/country/flag/svg/4x3_compressed/dk.svg?96295732); }
  .flag-svg.flag-dk.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/dk.svg?96295732); }

.flag-svg.flag-dm {
  background-image: url(/asset/country/flag/svg/4x3_compressed/dm.svg?96295732); }
  .flag-svg.flag-dm.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/dm.svg?96295732); }

.flag-svg.flag-do {
  background-image: url(/asset/country/flag/svg/4x3_compressed/do.svg?96295732); }
  .flag-svg.flag-do.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/do.svg?96295732); }

.flag-svg.flag-dz {
  background-image: url(/asset/country/flag/svg/4x3_compressed/dz.svg?96295732); }
  .flag-svg.flag-dz.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/dz.svg?96295732); }

.flag-svg.flag-ec {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ec.svg?96295732); }
  .flag-svg.flag-ec.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ec.svg?96295732); }

.flag-svg.flag-ee {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ee.svg?96295732); }
  .flag-svg.flag-ee.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ee.svg?96295732); }

.flag-svg.flag-eg {
  background-image: url(/asset/country/flag/svg/4x3_compressed/eg.svg?96295732); }
  .flag-svg.flag-eg.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/eg.svg?96295732); }

.flag-svg.flag-eh {
  background-image: url(/asset/country/flag/svg/4x3_compressed/eh.svg?96295732); }
  .flag-svg.flag-eh.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/eh.svg?96295732); }

.flag-svg.flag-er {
  background-image: url(/asset/country/flag/svg/4x3_compressed/er.svg?96295732); }
  .flag-svg.flag-er.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/er.svg?96295732); }

.flag-svg.flag-es {
  background-image: url(/asset/country/flag/svg/4x3_compressed/es.svg?96295732); }
  .flag-svg.flag-es.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/es.svg?96295732); }

.flag-svg.flag-et {
  background-image: url(/asset/country/flag/svg/4x3_compressed/et.svg?96295732); }
  .flag-svg.flag-et.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/et.svg?96295732); }

.flag-svg.flag-fi {
  background-image: url(/asset/country/flag/svg/4x3_compressed/fi.svg?96295732); }
  .flag-svg.flag-fi.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/fi.svg?96295732); }

.flag-svg.flag-fj {
  background-image: url(/asset/country/flag/svg/4x3_compressed/fj.svg?96295732); }
  .flag-svg.flag-fj.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/fj.svg?96295732); }

.flag-svg.flag-fk {
  background-image: url(/asset/country/flag/svg/4x3_compressed/fk.svg?96295732); }
  .flag-svg.flag-fk.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/fk.svg?96295732); }

.flag-svg.flag-fm {
  background-image: url(/asset/country/flag/svg/4x3_compressed/fm.svg?96295732); }
  .flag-svg.flag-fm.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/fm.svg?96295732); }

.flag-svg.flag-fo {
  background-image: url(/asset/country/flag/svg/4x3_compressed/fo.svg?96295732); }
  .flag-svg.flag-fo.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/fo.svg?96295732); }

.flag-svg.flag-fr {
  background-image: url(/asset/country/flag/svg/4x3_compressed/fr.svg?96295732); }
  .flag-svg.flag-fr.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/fr.svg?96295732); }

.flag-svg.flag-ga {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ga.svg?96295732); }
  .flag-svg.flag-ga.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ga.svg?96295732); }

.flag-svg.flag-gb {
  background-image: url(/asset/country/flag/svg/4x3_compressed/gb.svg?96295732); }
  .flag-svg.flag-gb.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/gb.svg?96295732); }

.flag-svg.flag-gd {
  background-image: url(/asset/country/flag/svg/4x3_compressed/gd.svg?96295732); }
  .flag-svg.flag-gd.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/gd.svg?96295732); }

.flag-svg.flag-ge {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ge.svg?96295732); }
  .flag-svg.flag-ge.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ge.svg?96295732); }

.flag-svg.flag-gg {
  background-image: url(/asset/country/flag/svg/4x3_compressed/gg.svg?96295732); }
  .flag-svg.flag-gg.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/gg.svg?96295732); }

.flag-svg.flag-gh {
  background-image: url(/asset/country/flag/svg/4x3_compressed/gh.svg?96295732); }
  .flag-svg.flag-gh.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/gh.svg?96295732); }

.flag-svg.flag-gi {
  background-image: url(/asset/country/flag/svg/4x3_compressed/gi.svg?96295732); }
  .flag-svg.flag-gi.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/gi.svg?96295732); }

.flag-svg.flag-gl {
  background-image: url(/asset/country/flag/svg/4x3_compressed/gl.svg?96295732); }
  .flag-svg.flag-gl.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/gl.svg?96295732); }

.flag-svg.flag-gm {
  background-image: url(/asset/country/flag/svg/4x3_compressed/gm.svg?96295732); }
  .flag-svg.flag-gm.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/gm.svg?96295732); }

.flag-svg.flag-gn {
  background-image: url(/asset/country/flag/svg/4x3_compressed/gn.svg?96295732); }
  .flag-svg.flag-gn.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/gn.svg?96295732); }

.flag-svg.flag-gq {
  background-image: url(/asset/country/flag/svg/4x3_compressed/gq.svg?96295732); }
  .flag-svg.flag-gq.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/gq.svg?96295732); }

.flag-svg.flag-gr {
  background-image: url(/asset/country/flag/svg/4x3_compressed/gr.svg?96295732); }
  .flag-svg.flag-gr.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/gr.svg?96295732); }

.flag-svg.flag-gs {
  background-image: url(/asset/country/flag/svg/4x3_compressed/gs.svg?96295732); }
  .flag-svg.flag-gs.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/gs.svg?96295732); }

.flag-svg.flag-gt {
  background-image: url(/asset/country/flag/svg/4x3_compressed/gt.svg?96295732); }
  .flag-svg.flag-gt.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/gt.svg?96295732); }

.flag-svg.flag-gu {
  background-image: url(/asset/country/flag/svg/4x3_compressed/gu.svg?96295732); }
  .flag-svg.flag-gu.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/gu.svg?96295732); }

.flag-svg.flag-gw {
  background-image: url(/asset/country/flag/svg/4x3_compressed/gw.svg?96295732); }
  .flag-svg.flag-gw.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/gw.svg?96295732); }

.flag-svg.flag-gy {
  background-image: url(/asset/country/flag/svg/4x3_compressed/gy.svg?96295732); }
  .flag-svg.flag-gy.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/gy.svg?96295732); }

.flag-svg.flag-hk {
  background-image: url(/asset/country/flag/svg/4x3_compressed/hk.svg?96295732); }
  .flag-svg.flag-hk.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/hk.svg?96295732); }

.flag-svg.flag-hn {
  background-image: url(/asset/country/flag/svg/4x3_compressed/hn.svg?96295732); }
  .flag-svg.flag-hn.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/hn.svg?96295732); }

.flag-svg.flag-hr {
  background-image: url(/asset/country/flag/svg/4x3_compressed/hr.svg?96295732); }
  .flag-svg.flag-hr.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/hr.svg?96295732); }

.flag-svg.flag-ht {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ht.svg?96295732); }
  .flag-svg.flag-ht.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ht.svg?96295732); }

.flag-svg.flag-hu {
  background-image: url(/asset/country/flag/svg/4x3_compressed/hu.svg?96295732); }
  .flag-svg.flag-hu.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/hu.svg?96295732); }

.flag-svg.flag-ic {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ic.svg?96295732); }
  .flag-svg.flag-ic.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ic.svg?96295732); }

.flag-svg.flag-id {
  background-image: url(/asset/country/flag/svg/4x3_compressed/id.svg?96295732); }
  .flag-svg.flag-id.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/id.svg?96295732); }

.flag-svg.flag-ie {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ie.svg?96295732); }
  .flag-svg.flag-ie.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ie.svg?96295732); }

.flag-svg.flag-il {
  background-image: url(/asset/country/flag/svg/4x3_compressed/il.svg?96295732); }
  .flag-svg.flag-il.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/il.svg?96295732); }

.flag-svg.flag-im {
  background-image: url(/asset/country/flag/svg/4x3_compressed/im.svg?96295732); }
  .flag-svg.flag-im.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/im.svg?96295732); }

.flag-svg.flag-in {
  background-image: url(/asset/country/flag/svg/4x3_compressed/in.svg?96295732); }
  .flag-svg.flag-in.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/in.svg?96295732); }

.flag-svg.flag-iq {
  background-image: url(/asset/country/flag/svg/4x3_compressed/iq.svg?96295732); }
  .flag-svg.flag-iq.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/iq.svg?96295732); }

.flag-svg.flag-ir {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ir.svg?96295732); }
  .flag-svg.flag-ir.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ir.svg?96295732); }

.flag-svg.flag-is {
  background-image: url(/asset/country/flag/svg/4x3_compressed/is.svg?96295732); }
  .flag-svg.flag-is.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/is.svg?96295732); }

.flag-svg.flag-it {
  background-image: url(/asset/country/flag/svg/4x3_compressed/it.svg?96295732); }
  .flag-svg.flag-it.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/it.svg?96295732); }

.flag-svg.flag-je {
  background-image: url(/asset/country/flag/svg/4x3_compressed/je.svg?96295732); }
  .flag-svg.flag-je.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/je.svg?96295732); }

.flag-svg.flag-jm {
  background-image: url(/asset/country/flag/svg/4x3_compressed/jm.svg?96295732); }
  .flag-svg.flag-jm.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/jm.svg?96295732); }

.flag-svg.flag-jo {
  background-image: url(/asset/country/flag/svg/4x3_compressed/jo.svg?96295732); }
  .flag-svg.flag-jo.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/jo.svg?96295732); }

.flag-svg.flag-jp {
  background-image: url(/asset/country/flag/svg/4x3_compressed/jp.svg?96295732); }
  .flag-svg.flag-jp.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/jp.svg?96295732); }

.flag-svg.flag-ke {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ke.svg?96295732); }
  .flag-svg.flag-ke.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ke.svg?96295732); }

.flag-svg.flag-kg {
  background-image: url(/asset/country/flag/svg/4x3_compressed/kg.svg?96295732); }
  .flag-svg.flag-kg.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/kg.svg?96295732); }

.flag-svg.flag-kh {
  background-image: url(/asset/country/flag/svg/4x3_compressed/kh.svg?96295732); }
  .flag-svg.flag-kh.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/kh.svg?96295732); }

.flag-svg.flag-ki {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ki.svg?96295732); }
  .flag-svg.flag-ki.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ki.svg?96295732); }

.flag-svg.flag-km {
  background-image: url(/asset/country/flag/svg/4x3_compressed/km.svg?96295732); }
  .flag-svg.flag-km.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/km.svg?96295732); }

.flag-svg.flag-kn {
  background-image: url(/asset/country/flag/svg/4x3_compressed/kn.svg?96295732); }
  .flag-svg.flag-kn.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/kn.svg?96295732); }

.flag-svg.flag-kp {
  background-image: url(/asset/country/flag/svg/4x3_compressed/kp.svg?96295732); }
  .flag-svg.flag-kp.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/kp.svg?96295732); }

.flag-svg.flag-kr {
  background-image: url(/asset/country/flag/svg/4x3_compressed/kr.svg?96295732); }
  .flag-svg.flag-kr.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/kr.svg?96295732); }

.flag-svg.flag-kw {
  background-image: url(/asset/country/flag/svg/4x3_compressed/kw.svg?96295732); }
  .flag-svg.flag-kw.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/kw.svg?96295732); }

.flag-svg.flag-ky {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ky.svg?96295732); }
  .flag-svg.flag-ky.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ky.svg?96295732); }

.flag-svg.flag-kz {
  background-image: url(/asset/country/flag/svg/4x3_compressed/kz.svg?96295732); }
  .flag-svg.flag-kz.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/kz.svg?96295732); }

.flag-svg.flag-la {
  background-image: url(/asset/country/flag/svg/4x3_compressed/la.svg?96295732); }
  .flag-svg.flag-la.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/la.svg?96295732); }

.flag-svg.flag-lb {
  background-image: url(/asset/country/flag/svg/4x3_compressed/lb.svg?96295732); }
  .flag-svg.flag-lb.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/lb.svg?96295732); }

.flag-svg.flag-lc {
  background-image: url(/asset/country/flag/svg/4x3_compressed/lc.svg?96295732); }
  .flag-svg.flag-lc.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/lc.svg?96295732); }

.flag-svg.flag-li {
  background-image: url(/asset/country/flag/svg/4x3_compressed/li.svg?96295732); }
  .flag-svg.flag-li.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/li.svg?96295732); }

.flag-svg.flag-lk {
  background-image: url(/asset/country/flag/svg/4x3_compressed/lk.svg?96295732); }
  .flag-svg.flag-lk.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/lk.svg?96295732); }

.flag-svg.flag-lr {
  background-image: url(/asset/country/flag/svg/4x3_compressed/lr.svg?96295732); }
  .flag-svg.flag-lr.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/lr.svg?96295732); }

.flag-svg.flag-ls {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ls.svg?96295732); }
  .flag-svg.flag-ls.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ls.svg?96295732); }

.flag-svg.flag-lt {
  background-image: url(/asset/country/flag/svg/4x3_compressed/lt.svg?96295732); }
  .flag-svg.flag-lt.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/lt.svg?96295732); }

.flag-svg.flag-lu {
  background-image: url(/asset/country/flag/svg/4x3_compressed/lu.svg?96295732); }
  .flag-svg.flag-lu.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/lu.svg?96295732); }

.flag-svg.flag-lv {
  background-image: url(/asset/country/flag/svg/4x3_compressed/lv.svg?96295732); }
  .flag-svg.flag-lv.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/lv.svg?96295732); }

.flag-svg.flag-ly {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ly.svg?96295732); }
  .flag-svg.flag-ly.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ly.svg?96295732); }

.flag-svg.flag-ma {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ma.svg?96295732); }
  .flag-svg.flag-ma.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ma.svg?96295732); }

.flag-svg.flag-mc {
  background-image: url(/asset/country/flag/svg/4x3_compressed/mc.svg?96295732); }
  .flag-svg.flag-mc.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/mc.svg?96295732); }

.flag-svg.flag-md {
  background-image: url(/asset/country/flag/svg/4x3_compressed/md.svg?96295732); }
  .flag-svg.flag-md.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/md.svg?96295732); }

.flag-svg.flag-me {
  background-image: url(/asset/country/flag/svg/4x3_compressed/me.svg?96295732); }
  .flag-svg.flag-me.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/me.svg?96295732); }

.flag-svg.flag-mf {
  background-image: url(/asset/country/flag/svg/4x3_compressed/mf.svg?96295732); }
  .flag-svg.flag-mf.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/mf.svg?96295732); }

.flag-svg.flag-mg {
  background-image: url(/asset/country/flag/svg/4x3_compressed/mg.svg?96295732); }
  .flag-svg.flag-mg.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/mg.svg?96295732); }

.flag-svg.flag-mh {
  background-image: url(/asset/country/flag/svg/4x3_compressed/mh.svg?96295732); }
  .flag-svg.flag-mh.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/mh.svg?96295732); }

.flag-svg.flag-mk {
  background-image: url(/asset/country/flag/svg/4x3_compressed/mk.svg?96295732); }
  .flag-svg.flag-mk.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/mk.svg?96295732); }

.flag-svg.flag-ml {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ml.svg?96295732); }
  .flag-svg.flag-ml.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ml.svg?96295732); }

.flag-svg.flag-mm {
  background-image: url(/asset/country/flag/svg/4x3_compressed/mm.svg?96295732); }
  .flag-svg.flag-mm.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/mm.svg?96295732); }

.flag-svg.flag-mn {
  background-image: url(/asset/country/flag/svg/4x3_compressed/mn.svg?96295732); }
  .flag-svg.flag-mn.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/mn.svg?96295732); }

.flag-svg.flag-mo {
  background-image: url(/asset/country/flag/svg/4x3_compressed/mo.svg?96295732); }
  .flag-svg.flag-mo.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/mo.svg?96295732); }

.flag-svg.flag-mp {
  background-image: url(/asset/country/flag/svg/4x3_compressed/mp.svg?96295732); }
  .flag-svg.flag-mp.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/mp.svg?96295732); }

.flag-svg.flag-mq {
  background-image: url(/asset/country/flag/svg/4x3_compressed/mq.svg?96295732); }
  .flag-svg.flag-mq.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/mq.svg?96295732); }

.flag-svg.flag-mr {
  background-image: url(/asset/country/flag/svg/4x3_compressed/mr.svg?96295732); }
  .flag-svg.flag-mr.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/mr.svg?96295732); }

.flag-svg.flag-ms {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ms.svg?96295732); }
  .flag-svg.flag-ms.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ms.svg?96295732); }

.flag-svg.flag-mt {
  background-image: url(/asset/country/flag/svg/4x3_compressed/mt.svg?96295732); }
  .flag-svg.flag-mt.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/mt.svg?96295732); }

.flag-svg.flag-mu {
  background-image: url(/asset/country/flag/svg/4x3_compressed/mu.svg?96295732); }
  .flag-svg.flag-mu.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/mu.svg?96295732); }

.flag-svg.flag-mv {
  background-image: url(/asset/country/flag/svg/4x3_compressed/mv.svg?96295732); }
  .flag-svg.flag-mv.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/mv.svg?96295732); }

.flag-svg.flag-mw {
  background-image: url(/asset/country/flag/svg/4x3_compressed/mw.svg?96295732); }
  .flag-svg.flag-mw.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/mw.svg?96295732); }

.flag-svg.flag-mx {
  background-image: url(/asset/country/flag/svg/4x3_compressed/mx.svg?96295732); }
  .flag-svg.flag-mx.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/mx.svg?96295732); }

.flag-svg.flag-my {
  background-image: url(/asset/country/flag/svg/4x3_compressed/my.svg?96295732); }
  .flag-svg.flag-my.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/my.svg?96295732); }

.flag-svg.flag-na {
  background-image: url(/asset/country/flag/svg/4x3_compressed/na.svg?96295732); }
  .flag-svg.flag-na.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/na.svg?96295732); }

.flag-svg.flag-nc {
  background-image: url(/asset/country/flag/svg/4x3_compressed/nc.svg?96295732); }
  .flag-svg.flag-nc.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/nc.svg?96295732); }

.flag-svg.flag-ne {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ne.svg?96295732); }
  .flag-svg.flag-ne.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ne.svg?96295732); }

.flag-svg.flag-nf {
  background-image: url(/asset/country/flag/svg/4x3_compressed/nf.svg?96295732); }
  .flag-svg.flag-nf.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/nf.svg?96295732); }

.flag-svg.flag-ng {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ng.svg?96295732); }
  .flag-svg.flag-ng.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ng.svg?96295732); }

.flag-svg.flag-ni {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ni.svg?96295732); }
  .flag-svg.flag-ni.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ni.svg?96295732); }

.flag-svg.flag-nl {
  background-image: url(/asset/country/flag/svg/4x3_compressed/nl.svg?96295732); }
  .flag-svg.flag-nl.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/nl.svg?96295732); }

.flag-svg.flag-no {
  background-image: url(/asset/country/flag/svg/4x3_compressed/no.svg?96295732); }
  .flag-svg.flag-no.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/no.svg?96295732); }

.flag-svg.flag-np {
  background-image: url(/asset/country/flag/svg/4x3_compressed/np.svg?96295732); }
  .flag-svg.flag-np.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/np.svg?96295732); }

.flag-svg.flag-nr {
  background-image: url(/asset/country/flag/svg/4x3_compressed/nr.svg?96295732); }
  .flag-svg.flag-nr.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/nr.svg?96295732); }

.flag-svg.flag-nu {
  background-image: url(/asset/country/flag/svg/4x3_compressed/nu.svg?96295732); }
  .flag-svg.flag-nu.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/nu.svg?96295732); }

.flag-svg.flag-nz {
  background-image: url(/asset/country/flag/svg/4x3_compressed/nz.svg?96295732); }
  .flag-svg.flag-nz.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/nz.svg?96295732); }

.flag-svg.flag-om {
  background-image: url(/asset/country/flag/svg/4x3_compressed/om.svg?96295732); }
  .flag-svg.flag-om.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/om.svg?96295732); }

.flag-svg.flag-pa {
  background-image: url(/asset/country/flag/svg/4x3_compressed/pa.svg?96295732); }
  .flag-svg.flag-pa.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/pa.svg?96295732); }

.flag-svg.flag-pe {
  background-image: url(/asset/country/flag/svg/4x3_compressed/pe.svg?96295732); }
  .flag-svg.flag-pe.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/pe.svg?96295732); }

.flag-svg.flag-pf {
  background-image: url(/asset/country/flag/svg/4x3_compressed/pf.svg?96295732); }
  .flag-svg.flag-pf.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/pf.svg?96295732); }

.flag-svg.flag-pg {
  background-image: url(/asset/country/flag/svg/4x3_compressed/pg.svg?96295732); }
  .flag-svg.flag-pg.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/pg.svg?96295732); }

.flag-svg.flag-ph {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ph.svg?96295732); }
  .flag-svg.flag-ph.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ph.svg?96295732); }

.flag-svg.flag-pk {
  background-image: url(/asset/country/flag/svg/4x3_compressed/pk.svg?96295732); }
  .flag-svg.flag-pk.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/pk.svg?96295732); }

.flag-svg.flag-pl {
  background-image: url(/asset/country/flag/svg/4x3_compressed/pl.svg?96295732); }
  .flag-svg.flag-pl.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/pl.svg?96295732); }

.flag-svg.flag-pn {
  background-image: url(/asset/country/flag/svg/4x3_compressed/pn.svg?96295732); }
  .flag-svg.flag-pn.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/pn.svg?96295732); }

.flag-svg.flag-pr {
  background-image: url(/asset/country/flag/svg/4x3_compressed/pr.svg?96295732); }
  .flag-svg.flag-pr.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/pr.svg?96295732); }

.flag-svg.flag-ps {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ps.svg?96295732); }
  .flag-svg.flag-ps.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ps.svg?96295732); }

.flag-svg.flag-pt {
  background-image: url(/asset/country/flag/svg/4x3_compressed/pt.svg?96295732); }
  .flag-svg.flag-pt.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/pt.svg?96295732); }

.flag-svg.flag-pw {
  background-image: url(/asset/country/flag/svg/4x3_compressed/pw.svg?96295732); }
  .flag-svg.flag-pw.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/pw.svg?96295732); }

.flag-svg.flag-py {
  background-image: url(/asset/country/flag/svg/4x3_compressed/py.svg?96295732); }
  .flag-svg.flag-py.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/py.svg?96295732); }

.flag-svg.flag-qa {
  background-image: url(/asset/country/flag/svg/4x3_compressed/qa.svg?96295732); }
  .flag-svg.flag-qa.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/qa.svg?96295732); }

.flag-svg.flag-ro {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ro.svg?96295732); }
  .flag-svg.flag-ro.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ro.svg?96295732); }

.flag-svg.flag-rs {
  background-image: url(/asset/country/flag/svg/4x3_compressed/rs.svg?96295732); }
  .flag-svg.flag-rs.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/rs.svg?96295732); }

.flag-svg.flag-ru {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ru.svg?96295732); }
  .flag-svg.flag-ru.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ru.svg?96295732); }

.flag-svg.flag-rw {
  background-image: url(/asset/country/flag/svg/4x3_compressed/rw.svg?96295732); }
  .flag-svg.flag-rw.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/rw.svg?96295732); }

.flag-svg.flag-sa {
  background-image: url(/asset/country/flag/svg/4x3_compressed/sa.svg?96295732); }
  .flag-svg.flag-sa.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/sa.svg?96295732); }

.flag-svg.flag-sb {
  background-image: url(/asset/country/flag/svg/4x3_compressed/sb.svg?96295732); }
  .flag-svg.flag-sb.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/sb.svg?96295732); }

.flag-svg.flag-sc {
  background-image: url(/asset/country/flag/svg/4x3_compressed/sc.svg?96295732); }
  .flag-svg.flag-sc.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/sc.svg?96295732); }

.flag-svg.flag-sd {
  background-image: url(/asset/country/flag/svg/4x3_compressed/sd.svg?96295732); }
  .flag-svg.flag-sd.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/sd.svg?96295732); }

.flag-svg.flag-se {
  background-image: url(/asset/country/flag/svg/4x3_compressed/se.svg?96295732); }
  .flag-svg.flag-se.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/se.svg?96295732); }

.flag-svg.flag-sg {
  background-image: url(/asset/country/flag/svg/4x3_compressed/sg.svg?96295732); }
  .flag-svg.flag-sg.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/sg.svg?96295732); }

.flag-svg.flag-sh {
  background-image: url(/asset/country/flag/svg/4x3_compressed/sh.svg?96295732); }
  .flag-svg.flag-sh.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/sh.svg?96295732); }

.flag-svg.flag-si {
  background-image: url(/asset/country/flag/svg/4x3_compressed/si.svg?96295732); }
  .flag-svg.flag-si.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/si.svg?96295732); }

.flag-svg.flag-sk {
  background-image: url(/asset/country/flag/svg/4x3_compressed/sk.svg?96295732); }
  .flag-svg.flag-sk.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/sk.svg?96295732); }

.flag-svg.flag-sl {
  background-image: url(/asset/country/flag/svg/4x3_compressed/sl.svg?96295732); }
  .flag-svg.flag-sl.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/sl.svg?96295732); }

.flag-svg.flag-sm {
  background-image: url(/asset/country/flag/svg/4x3_compressed/sm.svg?96295732); }
  .flag-svg.flag-sm.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/sm.svg?96295732); }

.flag-svg.flag-sn {
  background-image: url(/asset/country/flag/svg/4x3_compressed/sn.svg?96295732); }
  .flag-svg.flag-sn.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/sn.svg?96295732); }

.flag-svg.flag-so {
  background-image: url(/asset/country/flag/svg/4x3_compressed/so.svg?96295732); }
  .flag-svg.flag-so.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/so.svg?96295732); }

.flag-svg.flag-sr {
  background-image: url(/asset/country/flag/svg/4x3_compressed/sr.svg?96295732); }
  .flag-svg.flag-sr.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/sr.svg?96295732); }

.flag-svg.flag-ss {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ss.svg?96295732); }
  .flag-svg.flag-ss.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ss.svg?96295732); }

.flag-svg.flag-st {
  background-image: url(/asset/country/flag/svg/4x3_compressed/st.svg?96295732); }
  .flag-svg.flag-st.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/st.svg?96295732); }

.flag-svg.flag-sv {
  background-image: url(/asset/country/flag/svg/4x3_compressed/sv.svg?96295732); }
  .flag-svg.flag-sv.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/sv.svg?96295732); }

.flag-svg.flag-sy {
  background-image: url(/asset/country/flag/svg/4x3_compressed/sy.svg?96295732); }
  .flag-svg.flag-sy.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/sy.svg?96295732); }

.flag-svg.flag-sz {
  background-image: url(/asset/country/flag/svg/4x3_compressed/sz.svg?96295732); }
  .flag-svg.flag-sz.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/sz.svg?96295732); }

.flag-svg.flag-tc {
  background-image: url(/asset/country/flag/svg/4x3_compressed/tc.svg?96295732); }
  .flag-svg.flag-tc.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/tc.svg?96295732); }

.flag-svg.flag-td {
  background-image: url(/asset/country/flag/svg/4x3_compressed/td.svg?96295732); }
  .flag-svg.flag-td.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/td.svg?96295732); }

.flag-svg.flag-tf {
  background-image: url(/asset/country/flag/svg/4x3_compressed/tf.svg?96295732); }
  .flag-svg.flag-tf.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/tf.svg?96295732); }

.flag-svg.flag-tg {
  background-image: url(/asset/country/flag/svg/4x3_compressed/tg.svg?96295732); }
  .flag-svg.flag-tg.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/tg.svg?96295732); }

.flag-svg.flag-th {
  background-image: url(/asset/country/flag/svg/4x3_compressed/th.svg?96295732); }
  .flag-svg.flag-th.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/th.svg?96295732); }

.flag-svg.flag-tj {
  background-image: url(/asset/country/flag/svg/4x3_compressed/tj.svg?96295732); }
  .flag-svg.flag-tj.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/tj.svg?96295732); }

.flag-svg.flag-tk {
  background-image: url(/asset/country/flag/svg/4x3_compressed/tk.svg?96295732); }
  .flag-svg.flag-tk.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/tk.svg?96295732); }

.flag-svg.flag-tl {
  background-image: url(/asset/country/flag/svg/4x3_compressed/tl.svg?96295732); }
  .flag-svg.flag-tl.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/tl.svg?96295732); }

.flag-svg.flag-tm {
  background-image: url(/asset/country/flag/svg/4x3_compressed/tm.svg?96295732); }
  .flag-svg.flag-tm.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/tm.svg?96295732); }

.flag-svg.flag-tn {
  background-image: url(/asset/country/flag/svg/4x3_compressed/tn.svg?96295732); }
  .flag-svg.flag-tn.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/tn.svg?96295732); }

.flag-svg.flag-to {
  background-image: url(/asset/country/flag/svg/4x3_compressed/to.svg?96295732); }
  .flag-svg.flag-to.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/to.svg?96295732); }

.flag-svg.flag-tr {
  background-image: url(/asset/country/flag/svg/4x3_compressed/tr.svg?96295732); }
  .flag-svg.flag-tr.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/tr.svg?96295732); }

.flag-svg.flag-tt {
  background-image: url(/asset/country/flag/svg/4x3_compressed/tt.svg?96295732); }
  .flag-svg.flag-tt.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/tt.svg?96295732); }

.flag-svg.flag-tv {
  background-image: url(/asset/country/flag/svg/4x3_compressed/tv.svg?96295732); }
  .flag-svg.flag-tv.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/tv.svg?96295732); }

.flag-svg.flag-tw {
  background-image: url(/asset/country/flag/svg/4x3_compressed/tw.svg?96295732); }
  .flag-svg.flag-tw.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/tw.svg?96295732); }

.flag-svg.flag-tz {
  background-image: url(/asset/country/flag/svg/4x3_compressed/tz.svg?96295732); }
  .flag-svg.flag-tz.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/tz.svg?96295732); }

.flag-svg.flag-ua {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ua.svg?96295732); }
  .flag-svg.flag-ua.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ua.svg?96295732); }

.flag-svg.flag-ug {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ug.svg?96295732); }
  .flag-svg.flag-ug.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ug.svg?96295732); }

.flag-svg.flag-us {
  background-image: url(/asset/country/flag/svg/4x3_compressed/us.svg?96295732); }
  .flag-svg.flag-us.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/us.svg?96295732); }

.flag-svg.flag-uy {
  background-image: url(/asset/country/flag/svg/4x3_compressed/uy.svg?96295732); }
  .flag-svg.flag-uy.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/uy.svg?96295732); }

.flag-svg.flag-uz {
  background-image: url(/asset/country/flag/svg/4x3_compressed/uz.svg?96295732); }
  .flag-svg.flag-uz.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/uz.svg?96295732); }

.flag-svg.flag-va {
  background-image: url(/asset/country/flag/svg/4x3_compressed/va.svg?96295732); }
  .flag-svg.flag-va.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/va.svg?96295732); }

.flag-svg.flag-vc {
  background-image: url(/asset/country/flag/svg/4x3_compressed/vc.svg?96295732); }
  .flag-svg.flag-vc.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/vc.svg?96295732); }

.flag-svg.flag-ve {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ve.svg?96295732); }
  .flag-svg.flag-ve.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ve.svg?96295732); }

.flag-svg.flag-vg {
  background-image: url(/asset/country/flag/svg/4x3_compressed/vg.svg?96295732); }
  .flag-svg.flag-vg.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/vg.svg?96295732); }

.flag-svg.flag-vi {
  background-image: url(/asset/country/flag/svg/4x3_compressed/vi.svg?96295732); }
  .flag-svg.flag-vi.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/vi.svg?96295732); }

.flag-svg.flag-vn {
  background-image: url(/asset/country/flag/svg/4x3_compressed/vn.svg?96295732); }
  .flag-svg.flag-vn.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/vn.svg?96295732); }

.flag-svg.flag-vu {
  background-image: url(/asset/country/flag/svg/4x3_compressed/vu.svg?96295732); }
  .flag-svg.flag-vu.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/vu.svg?96295732); }

.flag-svg.flag-wf {
  background-image: url(/asset/country/flag/svg/4x3_compressed/wf.svg?96295732); }
  .flag-svg.flag-wf.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/wf.svg?96295732); }

.flag-svg.flag-ws {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ws.svg?96295732); }
  .flag-svg.flag-ws.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ws.svg?96295732); }

.flag-svg.flag-ye {
  background-image: url(/asset/country/flag/svg/4x3_compressed/ye.svg?96295732); }
  .flag-svg.flag-ye.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/ye.svg?96295732); }

.flag-svg.flag-yt {
  background-image: url(/asset/country/flag/svg/4x3_compressed/yt.svg?96295732); }
  .flag-svg.flag-yt.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/yt.svg?96295732); }

.flag-svg.flag-za {
  background-image: url(/asset/country/flag/svg/4x3_compressed/za.svg?96295732); }
  .flag-svg.flag-za.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/za.svg?96295732); }

.flag-svg.flag-zm {
  background-image: url(/asset/country/flag/svg/4x3_compressed/zm.svg?96295732); }
  .flag-svg.flag-zm.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/zm.svg?96295732); }

.flag-svg.flag-zw {
  background-image: url(/asset/country/flag/svg/4x3_compressed/zw.svg?96295732); }
  .flag-svg.flag-zw.squared {
    background-image: url(/asset/country/flag/svg/squared_compressed/zw.svg?96295732); }

.flag-svg.flag-eu {
  background-image: url(/asset/country/flag/svg/4x3_compressed/europeanunion.svg?96295732); }

/**
 * Includes all country flags using a png 16px sprite.
 *
 * - All flags are within a single PNG file.
 * - Flags are already styled and cannot be modified (unless making a new png file)
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.flag-16 {
  display: inline-block;
  width: 14px;
  height: 11px;
  vertical-align: baseline;
  background: transparent url(/asset/country/flag/png/flags-16.png?96295732) no-repeat; }
  .flag-16.quality {
    background: transparent url(/asset/country/flag/png/flags-16-hq.png?96295732) no-repeat; }
  .flag-16.align-middle {
    vertical-align: middle; }
  .flag-16.flag-ch {
    height: 12px; }

.flag-16 {
  background-position: -290px -223px; }

.flag-16.flag-ad {
  background-position: -171px -2px; }

.flag-16.flag-ae {
  background-position: -290px -53px; }

.flag-16.flag-af {
  background-position: -120px -36px; }

.flag-16.flag-ag {
  background-position: -35px -36px; }

.flag-16.flag-ai {
  background-position: -86px -70px; }

.flag-16.flag-al {
  background-position: -154px -223px; }

.flag-16.flag-am {
  background-position: -188px -53px; }

.flag-16.flag-an {
  background-position: -222px -138px; }

.flag-16.flag-ao {
  background-position: -256px -121px; }

.flag-16.flag-aq {
  background-position: -222px -121px; }

.flag-16.flag-ar {
  background-position: -69px -121px; }

.flag-16.flag-as {
  background-position: -69px -172px; }

.flag-16.flag-at {
  background-position: -35px -53px; }

.flag-16.flag-au {
  background-position: -103px -121px; }

.flag-16.flag-aw {
  background-position: -86px -36px; }

.flag-16.flag-ax {
  background-position: -1px -189px; }

.flag-16.flag-az {
  background-position: -273px -138px; }

.flag-16.flag-ba {
  background-position: -52px -155px; }

.flag-16.flag-bb {
  background-position: -256px -189px; }

.flag-16.flag-bd {
  background-position: -1px -19px; }

.flag-16.flag-be {
  background-position: -154px -19px; }

.flag-16.flag-bf {
  background-position: -205px -138px; }

.flag-16.flag-bg {
  background-position: -52px -70px; }

.flag-16.flag-bh {
  background-position: -1px -53px; }

.flag-16.flag-bi {
  background-position: -52px -87px; }

.flag-16.flag-bj {
  background-position: -103px -104px; }

.flag-16.flag-bl {
  background-position: -290px -104px; }

.flag-16.flag-bm {
  background-position: -52px -2px; }

.flag-16.flag-bn {
  background-position: -1px -36px; }

.flag-16.flag-bo {
  background-position: -239px -19px; }

.flag-16.flag-br {
  background-position: -273px -2px; }

.flag-16.flag-bs {
  background-position: -222px -53px; }

.flag-16.flag-bt {
  background-position: -69px -223px; }

.flag-16.flag-bw {
  background-position: -137px -19px; }

.flag-16.flag-by {
  background-position: -273px -87px; }

.flag-16.flag-bz {
  background-position: -86px -2px; }

.flag-16.flag-ca {
  background-position: -239px -172px; }

.flag-16.flag-cc {
  background-position: -69px -2px; }

.flag-16.flag-cd {
  background-position: -103px -206px; }

.flag-16.flag-cf {
  background-position: -18px -70px; }

.flag-16.flag-cg {
  background-position: -69px -189px; }

.flag-16.flag-ch {
  background-position: -103px -87px; }

.flag-16.flag-ci {
  background-position: -239px -104px; }

.flag-16.flag-ck {
  background-position: -205px -172px; }

.flag-16.flag-cl {
  background-position: -18px -104px; }

.flag-16.flag-cm {
  background-position: -273px -155px; }

.flag-16.flag-cn {
  background-position: -205px -70px; }

.flag-16.flag-co {
  background-position: -35px -121px; }

.flag-16.flag-cr {
  background-position: -171px -138px; }

.flag-16.flag-cu {
  background-position: -137px -155px; }

.flag-16.flag-cv {
  background-position: -171px -206px; }

.flag-16.flag-cw {
  background-position: -69px -104px; }

.flag-16.flag-cx {
  background-position: -154px -121px; }

.flag-16.flag-cy {
  background-position: -103px -155px; }

.flag-16.flag-cz {
  background-position: -18px -87px; }

.flag-16.flag-de {
  background-position: -273px -53px; }

.flag-16.flag-dj {
  background-position: -120px -19px; }

.flag-16.flag-dk {
  background-position: -18px -19px; }

.flag-16.flag-dm {
  background-position: -69px -206px; }

.flag-16.flag-do {
  background-position: -171px -189px; }

.flag-16.flag-dz {
  background-position: -120px -138px; }

.flag-16.flag-ec {
  background-position: -171px -155px; }

.flag-16.flag-ee {
  background-position: -205px -53px; }

.flag-16.flag-eg {
  background-position: -120px -70px; }

.flag-16.flag-eh {
  background-position: -69px -19px; }

.flag-16.flag-er {
  background-position: -35px -87px; }

.flag-16.flag-es {
  background-position: -290px -2px; }

.flag-16.flag-et {
  background-position: -154px -87px; }

.flag-16.flag-eu {
  background-position: -205px -189px; }

.flag-16.flag-fi {
  background-position: -103px -138px; }

.flag-16.flag-fj {
  background-position: -35px -138px; }

.flag-16.flag-fk {
  background-position: -188px -138px; }

.flag-16.flag-fm {
  background-position: -137px -206px; }

.flag-16.flag-fo {
  background-position: -86px -155px; }

.flag-16.flag-fr {
  background-position: -290px -172px; }

.flag-16.flag-ga {
  background-position: -239px -2px; }

.flag-16.flag-gb {
  background-position: -256px -70px; }

.flag-16.flag-gd {
  background-position: -171px -87px; }

.flag-16.flag-ge {
  background-position: -86px -19px; }

.flag-16.flag-gg {
  background-position: -273px -172px; }

.flag-16.flag-gh {
  background-position: -290px -70px; }

.flag-16.flag-gi {
  background-position: -222px -155px; }

.flag-16.flag-gl {
  background-position: -273px -189px; }

.flag-16.flag-gm {
  background-position: -52px -206px; }

.flag-16.flag-gn {
  background-position: -18px -206px; }

.flag-16.flag-gq {
  background-position: -1px -104px; }

.flag-16.flag-gr {
  background-position: -86px -104px; }

.flag-16.flag-gs {
  background-position: -290px -138px; }

.flag-16.flag-gt {
  background-position: -52px -172px; }

.flag-16.flag-gu {
  background-position: -171px -104px; }

.flag-16.flag-gw {
  background-position: -120px -2px; }

.flag-16.flag-gy {
  background-position: -103px -2px; }

.flag-16.flag-hk {
  background-position: -188px -206px; }

.flag-16.flag-hn {
  background-position: -18px -223px; }

.flag-16.flag-hr {
  background-position: -69px -87px; }

.flag-16.flag-ht {
  background-position: -154px -172px; }

.flag-16.flag-hu {
  background-position: -120px -189px; }

.flag-16.flag-ic {
  background-position: -154px -2px; }

.flag-16.flag-id {
  background-position: -18px -36px; }

.flag-16.flag-ie {
  background-position: -86px -206px; }

.flag-16.flag-il {
  background-position: -256px -53px; }

.flag-16.flag-im {
  background-position: -290px -36px; }

.flag-16.flag-in {
  background-position: -239px -206px; }

.flag-16.flag-iq {
  background-position: -52px -53px; }

.flag-16.flag-ir {
  background-position: -86px -223px; }

.flag-16.flag-is {
  background-position: -120px -121px; }

.flag-16.flag-it {
  background-position: -18px -138px; }

.flag-16.flag-je {
  background-position: -1px -172px; }

.flag-16.flag-jm {
  background-position: -69px -70px; }

.flag-16.flag-jo {
  background-position: -103px -19px; }

.flag-16.flag-jp {
  background-position: -103px -53px; }

.flag-16.flag-ke {
  background-position: -86px -172px; }

.flag-16.flag-kg {
  background-position: -103px -223px; }

.flag-16.flag-kh {
  background-position: -18px -155px; }

.flag-16.flag-ki {
  background-position: -120px -206px; }

.flag-16.flag-km {
  background-position: -86px -138px; }

.flag-16.flag-kn {
  background-position: -256px -138px; }

.flag-16.flag-kp {
  background-position: -1px -155px; }

.flag-16.flag-kr {
  background-position: -137px -121px; }

.flag-16.flag-kw {
  background-position: -239px -138px; }

.flag-16.flag-ky {
  background-position: -137px -2px; }

.flag-16.flag-kz {
  background-position: -52px -36px; }

.flag-16.flag-la {
  background-position: -256px -87px; }

.flag-16.flag-lb {
  background-position: -290px -155px; }

.flag-16.flag-lc {
  background-position: -69px -36px; }

.flag-16.flag-li {
  background-position: -137px -138px; }

.flag-16.flag-lk {
  background-position: -35px -206px; }

.flag-16.flag-lr {
  background-position: -154px -189px; }

.flag-16.flag-ls {
  background-position: -171px -223px; }

.flag-16.flag-lt {
  background-position: -256px -2px; }

.flag-16.flag-lu {
  background-position: -273px -36px; }

.flag-16.flag-lv {
  background-position: -256px -104px; }

.flag-16.flag-ly {
  background-position: -86px -189px; }

.flag-16.flag-ma {
  background-position: -52px -19px; }

.flag-16.flag-mc {
  background-position: -154px -36px; }

.flag-16.flag-md {
  background-position: -239px -155px; }

.flag-16.flag-me {
  background-position: -205px -2px; }

.flag-16.flag-mf {
  background-position: -52px -121px; }

.flag-16.flag-mg {
  background-position: -52px -138px; }

.flag-16.flag-mh {
  background-position: -137px -87px; }

.flag-16.flag-mk {
  background-position: -35px -172px; }

.flag-16.flag-ml {
  background-position: -188px -155px; }

.flag-16.flag-mm {
  background-position: -222px -70px; }

.flag-16.flag-mn {
  background-position: -1px -121px; }

.flag-16.flag-mo {
  background-position: -205px -36px; }

.flag-16.flag-mp {
  background-position: -35px -19px; }

.flag-16.flag-mq {
  background-position: -137px -172px; }

.flag-16.flag-mr {
  background-position: -222px -189px; }

.flag-16.flag-ms {
  background-position: -120px -172px; }

.flag-16.flag-mt {
  background-position: -120px -87px; }

.flag-16.flag-mu {
  background-position: -103px -172px; }

.flag-16.flag-mv {
  background-position: -35px -104px; }

.flag-16.flag-mw {
  background-position: -273px -121px; }

.flag-16.flag-mx {
  background-position: -154px -155px; }

.flag-16.flag-my {
  background-position: -205px -104px; }

.flag-16.flag-mz {
  background-position: -188px -2px; }

.flag-16.flag-na {
  background-position: -18px -121px; }

.flag-16.flag-nc {
  background-position: -120px -223px; }

.flag-16.flag-ne {
  background-position: -137px -36px; }

.flag-16.flag-nf {
  background-position: -137px -70px; }

.flag-16.flag-ng {
  background-position: -273px -19px; }

.flag-16.flag-ni {
  background-position: -273px -104px; }

.flag-16.flag-nl {
  background-position: -171px -19px; }

.flag-16.flag-no {
  background-position: -137px -53px; }

.flag-16.flag-np {
  background-position: -35px -189px; }

.flag-16.flag-nr {
  background-position: -103px -36px; }

.flag-16.flag-nu {
  background-position: -1px -70px; }

.flag-16.flag-nz {
  background-position: -222px -206px; }

.flag-16.flag-om {
  background-position: -222px -104px; }

.flag-16.flag-pa {
  background-position: -137px -104px; }

.flag-16.flag-pe {
  background-position: -86px -121px; }

.flag-16.flag-pf {
  background-position: -256px -36px; }

.flag-16.flag-pg {
  background-position: -18px -172px; }

.flag-16.flag-ph {
  background-position: -86px -53px; }

.flag-16.flag-pk {
  background-position: -239px -70px; }

.flag-16.flag-pl {
  background-position: -171px -70px; }

.flag-16.flag-pn {
  background-position: -239px -53px; }

.flag-16.flag-pr {
  background-position: -1px -2px; }

.flag-16.flag-ps {
  background-position: -35px -155px; }

.flag-16.flag-pt {
  background-position: -1px -138px; }

.flag-16.flag-pw {
  background-position: -188px -19px; }

.flag-16.flag-py {
  background-position: -103px -70px; }

.flag-16.flag-qa {
  background-position: -188px -121px; }

.flag-16.flag-ro {
  background-position: -205px -206px; }

.flag-16.flag-rs {
  background-position: -188px -189px; }

.flag-16.flag-ru {
  background-position: -239px -87px; }

.flag-16.flag-rw {
  background-position: -256px -172px; }

.flag-16.flag-sa {
  background-position: -256px -19px; }

.flag-16.flag-sb {
  background-position: -290px -87px; }

.flag-16.flag-sc {
  background-position: -69px -138px; }

.flag-16.flag-sd {
  background-position: -171px -172px; }

.flag-16.flag-se {
  background-position: -18px -2px; }

.flag-16.flag-sg {
  background-position: -120px -155px; }

.flag-16.flag-sh {
  background-position: -171px -121px; }

.flag-16.flag-si {
  background-position: -69px -155px; }

.flag-16.flag-sk {
  background-position: -188px -172px; }

.flag-16.flag-sl {
  background-position: -1px -206px; }

.flag-16.flag-sm {
  background-position: -35px -223px; }

.flag-16.flag-sn {
  background-position: -86px -87px; }

.flag-16.flag-so {
  background-position: -222px -87px; }

.flag-16.flag-sr {
  background-position: -35px -70px; }

.flag-16.flag-ss {
  background-position: -188px -104px; }

.flag-16.flag-st {
  background-position: -69px -53px; }

.flag-16.flag-sv {
  background-position: -205px -155px; }

.flag-16.flag-sy {
  background-position: -188px -36px; }

.flag-16.flag-sz {
  background-position: -222px -19px; }

.flag-16.flag-tc {
  background-position: -18px -53px; }

.flag-16.flag-td {
  background-position: -120px -53px; }

.flag-16.flag-tf {
  background-position: -154px -206px; }

.flag-16.flag-tg {
  background-position: -1px -87px; }

.flag-16.flag-th {
  background-position: -205px -121px; }

.flag-16.flag-tj {
  background-position: -205px -19px; }

.flag-16.flag-tk {
  background-position: -1px -223px; }

.flag-16.flag-tl {
  background-position: -154px -53px; }

.flag-16.flag-tm {
  background-position: -188px -87px; }

.flag-16.flag-tn {
  background-position: -188px -70px; }

.flag-16.flag-to {
  background-position: -290px -19px; }

.flag-16.flag-tr {
  background-position: -222px -172px; }

.flag-16.flag-tt {
  background-position: -52px -189px; }

.flag-16.flag-tv {
  background-position: -239px -36px; }

.flag-16.flag-tw {
  background-position: -171px -53px; }

.flag-16.flag-tz {
  background-position: -154px -104px; }

.flag-16.flag-ua {
  background-position: -120px -104px; }

.flag-16.flag-ug {
  background-position: -256px -155px; }

.flag-16.flag-us {
  background-position: -205px -87px; }

.flag-16.flag-uy {
  background-position: -239px -121px; }

.flag-16.flag-uz {
  background-position: -103px -189px; }

.flag-16.flag-va {
  background-position: -18px -189px; }

.flag-16.flag-vc {
  background-position: -52px -223px; }

.flag-16.flag-ve {
  background-position: -222px -36px; }

.flag-16.flag-vg {
  background-position: -137px -223px; }

.flag-16.flag-vi {
  background-position: -171px -36px; }

.flag-16.flag-vn {
  background-position: -273px -70px; }

.flag-16.flag-vu {
  background-position: -290px -121px; }

.flag-16.flag-wf {
  background-position: -35px -2px; }

.flag-16.flag-ws {
  background-position: -137px -189px; }

.flag-16.flag-ye {
  background-position: -52px -104px; }

.flag-16.flag-yt {
  background-position: -239px -189px; }

.flag-16.flag-za {
  background-position: -154px -138px; }

.flag-16.flag-zm {
  background-position: -154px -70px; }

.flag-16.flag-zw {
  background-position: -222px -2px; }

/**
 * Flags 32 provides flags in a 30x20 format.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.flag-32 {
  display: inline-block;
  width: 30px;
  height: 20px;
  vertical-align: baseline;
  background: transparent url(/asset/country/flag/png/flags-32.png?96295732) no-repeat; }
  .flag-32.quality {
    background: transparent url(/asset/country/flag/png/flags-32-hq.png?96295732) no-repeat; }
  .flag-32.align-middle {
    vertical-align: middle; }

.flag-32 {
  background-position: -430px -567px; }

.flag-32.flag-ad {
  background-position: -166px -105px; }

.flag-32.flag-ae {
  background-position: -232px -138px; }

.flag-32.flag-af {
  background-position: -232px -72px; }

.flag-32.flag-ag {
  background-position: -67px -534px; }

.flag-32.flag-ai {
  background-position: -166px -270px; }

.flag-32.flag-al {
  background-position: -331px -138px; }

.flag-32.flag-am {
  background-position: -34px -402px; }

.flag-32.flag-an {
  background-position: -298px -171px; }

.flag-32.flag-ao {
  background-position: -430px -468px; }

.flag-32.flag-aq {
  background-position: -166px -171px; }

.flag-32.flag-ar {
  background-position: -298px -534px; }

.flag-32.flag-as {
  background-position: -430px -204px; }

.flag-32.flag-at {
  background-position: -34px -435px; }

.flag-32.flag-au {
  background-position: -430px -435px; }

.flag-32.flag-aw {
  background-position: -1px -171px; }

.flag-32.flag-ax {
  background-position: -34px -39px; }

.flag-32.flag-az {
  background-position: -34px -468px; }

.flag-32.flag-ba {
  background-position: -1px -39px; }

.flag-32.flag-bb {
  background-position: -67px -72px; }

.flag-32.flag-bd {
  background-position: -331px -171px; }

.flag-32.flag-be {
  background-position: -430px -336px; }

.flag-32.flag-bf {
  background-position: -133px -468px; }

.flag-32.flag-bg {
  background-position: -265px -204px; }

.flag-32.flag-bh {
  background-position: -133px -6px; }

.flag-32.flag-bi {
  background-position: -364px -270px; }

.flag-32.flag-bj {
  background-position: -100px -138px; }

.flag-32.flag-bl {
  background-position: -34px -567px; }

.flag-32.flag-bm {
  background-position: -67px -567px; }

.flag-32.flag-bn {
  background-position: -199px -468px; }

.flag-32.flag-bo {
  background-position: -232px -171px; }

.flag-32.flag-br {
  background-position: -199px -369px; }

.flag-32.flag-bs {
  background-position: -34px -204px; }

.flag-32.flag-bt {
  background-position: -67px -105px; }

.flag-32.flag-bw {
  background-position: -100px -435px; }

.flag-32.flag-by {
  background-position: -100px -567px; }

.flag-32.flag-bz {
  background-position: -397px -138px; }

.flag-32.flag-ca {
  background-position: -133px -435px; }

.flag-32.flag-cc {
  background-position: -100px -270px; }

.flag-32.flag-cd {
  background-position: -67px -171px; }

.flag-32.flag-cf {
  background-position: -34px -501px; }

.flag-32.flag-cg {
  background-position: -133px -72px; }

.flag-32.flag-ch {
  background-position: -199px -336px; }

.flag-32.flag-ci {
  background-position: -166px -435px; }

.flag-32.flag-ck {
  background-position: -265px -6px; }

.flag-32.flag-cl {
  background-position: -133px -171px; }

.flag-32.flag-cm {
  background-position: -34px -72px; }

.flag-32.flag-cn {
  background-position: -166px -204px; }

.flag-32.flag-co {
  background-position: -166px -39px; }

.flag-32.flag-cr {
  background-position: -364px -105px; }

.flag-32.flag-cu {
  background-position: -133px -237px; }

.flag-32.flag-cv {
  background-position: -298px -402px; }

.flag-32.flag-cw {
  background-position: -199px -171px; }

.flag-32.flag-cx {
  background-position: -364px -6px; }

.flag-32.flag-cy {
  background-position: -364px -402px; }

.flag-32.flag-cz {
  background-position: -397px -6px; }

.flag-32.flag-de {
  background-position: -265px -138px; }

.flag-32.flag-dj {
  background-position: -430px -237px; }

.flag-32.flag-dk {
  background-position: -67px -435px; }

.flag-32.flag-dm {
  background-position: -364px -72px; }

.flag-32.flag-do {
  background-position: -199px -237px; }

.flag-32.flag-dz {
  background-position: -67px -6px; }

.flag-32.flag-ec {
  background-position: -397px -369px; }

.flag-32.flag-ee {
  background-position: -232px -336px; }

.flag-32.flag-eg {
  background-position: -34px -171px; }

.flag-32.flag-eh {
  background-position: -166px -237px; }

.flag-32.flag-er {
  background-position: -199px -402px; }

.flag-32.flag-es {
  background-position: -133px -105px; }

.flag-32.flag-et {
  background-position: -34px -237px; }

.flag-32.flag-eu {
  background-position: -298px -468px; }

.flag-32.flag-fi {
  background-position: -364px -171px; }

.flag-32.flag-fj {
  background-position: -232px -534px; }

.flag-32.flag-fk {
  background-position: -265px -534px; }

.flag-32.flag-fm {
  background-position: -100px -39px; }

.flag-32.flag-fo {
  background-position: -34px -303px; }

.flag-32.flag-fr {
  background-position: -133px -501px; }

.flag-32.flag-ga {
  background-position: -1px -435px; }

.flag-32.flag-gb {
  background-position: -232px -105px; }

.flag-32.flag-gd {
  background-position: -298px -336px; }

.flag-32.flag-ge {
  background-position: -430px -270px; }

.flag-32.flag-gg {
  background-position: -199px -270px; }

.flag-32.flag-gh {
  background-position: -1px -105px; }

.flag-32.flag-gi {
  background-position: -1px -402px; }

.flag-32.flag-gl {
  background-position: -331px -270px; }

.flag-32.flag-gm {
  background-position: -430px -303px; }

.flag-32.flag-gn {
  background-position: -199px -105px; }

.flag-32.flag-gq {
  background-position: -232px -402px; }

.flag-32.flag-gr {
  background-position: -298px -105px; }

.flag-32.flag-gs {
  background-position: -265px -237px; }

.flag-32.flag-gt {
  background-position: -298px -237px; }

.flag-32.flag-gu {
  background-position: -265px -105px; }

.flag-32.flag-gw {
  background-position: -397px -303px; }

.flag-32.flag-gy {
  background-position: -298px -72px; }

.flag-32.flag-hk {
  background-position: -67px -336px; }

.flag-32.flag-hn {
  background-position: -199px -6px; }

.flag-32.flag-hr {
  background-position: -265px -501px; }

.flag-32.flag-ht {
  background-position: -1px -237px; }

.flag-32.flag-hu {
  background-position: -133px -138px; }

.flag-32.flag-ic {
  background-position: -298px -435px; }

.flag-32.flag-id {
  background-position: -166px -534px; }

.flag-32.flag-ie {
  background-position: -133px -567px; }

.flag-32.flag-il {
  background-position: -364px -435px; }

.flag-32.flag-im {
  background-position: -331px -105px; }

.flag-32.flag-in {
  background-position: -34px -270px; }

.flag-32.flag-iq {
  background-position: -1px -303px; }

.flag-32.flag-ir {
  background-position: -232px -501px; }

.flag-32.flag-is {
  background-position: -397px -435px; }

.flag-32.flag-it {
  background-position: -265px -369px; }

.flag-32.flag-je {
  background-position: -397px -402px; }

.flag-32.flag-jm {
  background-position: -331px -369px; }

.flag-32.flag-jo {
  background-position: -166px -72px; }

.flag-32.flag-jp {
  background-position: -430px -72px; }

.flag-32.flag-ke {
  background-position: -67px -468px; }

.flag-32.flag-kg {
  background-position: -1px -204px; }

.flag-32.flag-kh {
  background-position: -100px -303px; }

.flag-32.flag-ki {
  background-position: -331px -39px; }

.flag-32.flag-km {
  background-position: -265px -336px; }

.flag-32.flag-kn {
  background-position: -34px -6px; }

.flag-32.flag-kp {
  background-position: -133px -402px; }

.flag-32.flag-kr {
  background-position: -265px -270px; }

.flag-32.flag-kw {
  background-position: -67px -402px; }

.flag-32.flag-ky {
  background-position: -298px -204px; }

.flag-32.flag-kz {
  background-position: -298px -303px; }

.flag-32.flag-la {
  background-position: -67px -270px; }

.flag-32.flag-lb {
  background-position: -1px -270px; }

.flag-32.flag-lc {
  background-position: -265px -171px; }

.flag-32.flag-li {
  background-position: -232px -237px; }

.flag-32.flag-lk {
  background-position: -232px -6px; }

.flag-32.flag-lr {
  background-position: -100px -171px; }

.flag-32.flag-ls {
  background-position: -265px -39px; }

.flag-32.flag-lt {
  background-position: -100px -336px; }

.flag-32.flag-lu {
  background-position: -232px -468px; }

.flag-32.flag-lv {
  background-position: -100px -402px; }

.flag-32.flag-ly {
  background-position: -199px -204px; }

.flag-32.flag-ma {
  background-position: -331px -204px; }

.flag-32.flag-mc {
  background-position: -397px -336px; }

.flag-32.flag-md {
  background-position: -67px -39px; }

.flag-32.flag-me {
  background-position: -397px -204px; }

.flag-32.flag-mf {
  background-position: -166px -468px; }

.flag-32.flag-mg {
  background-position: -430px -138px; }

.flag-32.flag-mh {
  background-position: -364px -303px; }

.flag-32.flag-mk {
  background-position: -298px -501px; }

.flag-32.flag-ml {
  background-position: -34px -138px; }

.flag-32.flag-mm {
  background-position: -232px -39px; }

.flag-32.flag-mn {
  background-position: -364px -501px; }

.flag-32.flag-mo {
  background-position: -298px -6px; }

.flag-32.flag-mp {
  background-position: -364px -336px; }

.flag-32.flag-mq {
  background-position: -364px -204px; }

.flag-32.flag-mr {
  background-position: -199px -501px; }

.flag-32.flag-ms {
  background-position: -397px -501px; }

.flag-32.flag-mt {
  background-position: -1px -336px; }

.flag-32.flag-mu {
  background-position: -331px -6px; }

.flag-32.flag-mv {
  background-position: -100px -369px; }

.flag-32.flag-mw {
  background-position: -166px -6px; }

.flag-32.flag-mx {
  background-position: -1px -6px; }

.flag-32.flag-my {
  background-position: -298px -138px; }

.flag-32.flag-mz {
  background-position: -199px -303px; }

.flag-32.flag-na {
  background-position: -34px -534px; }

.flag-32.flag-nc {
  background-position: -1px -534px; }

.flag-32.flag-ne {
  background-position: -331px -534px; }

.flag-32.flag-nf {
  background-position: -100px -72px; }

.flag-32.flag-ng {
  background-position: -133px -369px; }

.flag-32.flag-ni {
  background-position: -364px -39px; }

.flag-32.flag-nl {
  background-position: -199px -435px; }

.flag-32.flag-no {
  background-position: -430px -6px; }

.flag-32.flag-np {
  background-position: -34px -336px; }

.flag-32.flag-nr {
  background-position: -397px -270px; }

.flag-32.flag-nu {
  background-position: -133px -303px; }

.flag-32.flag-nz {
  background-position: -265px -303px; }

.flag-32.flag-om {
  background-position: -430px -402px; }

.flag-32.flag-pa {
  background-position: -166px -501px; }

.flag-32.flag-pe {
  background-position: -265px -72px; }

.flag-32.flag-pf {
  background-position: -397px -171px; }

.flag-32.flag-pg {
  background-position: -1px -567px; }

.flag-32.flag-ph {
  background-position: -100px -534px; }

.flag-32.flag-pk {
  background-position: -1px -501px; }

.flag-32.flag-pl {
  background-position: -331px -402px; }

.flag-32.flag-pn {
  background-position: -100px -6px; }

.flag-32.flag-pr {
  background-position: -166px -402px; }

.flag-32.flag-ps {
  background-position: -331px -336px; }

.flag-32.flag-pt {
  background-position: -364px -138px; }

.flag-32.flag-pw {
  background-position: -166px -303px; }

.flag-32.flag-py {
  background-position: -364px -369px; }

.flag-32.flag-qa {
  background-position: -67px -303px; }

.flag-32.flag-ro {
  background-position: -1px -369px; }

.flag-32.flag-rs {
  background-position: -100px -501px; }

.flag-32.flag-ru {
  background-position: -166px -336px; }

.flag-32.flag-rw {
  background-position: -232px -270px; }

.flag-32.flag-sa {
  background-position: -100px -105px; }

.flag-32.flag-sb {
  background-position: -1px -468px; }

.flag-32.flag-sc {
  background-position: -331px -303px; }

.flag-32.flag-sd {
  background-position: -100px -237px; }

.flag-32.flag-se {
  background-position: -364px -468px; }

.flag-32.flag-sg {
  background-position: -430px -39px; }

.flag-32.flag-sh {
  background-position: -232px -369px; }

.flag-32.flag-si {
  background-position: -265px -435px; }

.flag-32.flag-sk {
  background-position: -67px -237px; }

.flag-32.flag-sl {
  background-position: -133px -39px; }

.flag-32.flag-sm {
  background-position: -166px -567px; }

.flag-32.flag-sn {
  background-position: -430px -105px; }

.flag-32.flag-so {
  background-position: -133px -534px; }

.flag-32.flag-sr {
  background-position: -67px -204px; }

.flag-32.flag-ss {
  background-position: -199px -534px; }

.flag-32.flag-st {
  background-position: -430px -369px; }

.flag-32.flag-sv {
  background-position: -199px -72px; }

.flag-32.flag-sy {
  background-position: -1px -72px; }

.flag-32.flag-sz {
  background-position: -232px -204px; }

.flag-32.flag-tc {
  background-position: -133px -336px; }

.flag-32.flag-td {
  background-position: -100px -204px; }

.flag-32.flag-tf {
  background-position: -133px -270px; }

.flag-32.flag-tg {
  background-position: -232px -303px; }

.flag-32.flag-th {
  background-position: -34px -369px; }

.flag-32.flag-tj {
  background-position: -397px -72px; }

.flag-32.flag-tk {
  background-position: -67px -138px; }

.flag-32.flag-tl {
  background-position: -397px -39px; }

.flag-32.flag-tm {
  background-position: -397px -105px; }

.flag-32.flag-tn {
  background-position: -331px -435px; }

.flag-32.flag-to {
  background-position: -265px -402px; }

.flag-32.flag-tr {
  background-position: -331px -72px; }

.flag-32.flag-tt {
  background-position: -166px -138px; }

.flag-32.flag-tv {
  background-position: -331px -237px; }

.flag-32.flag-tw {
  background-position: -100px -468px; }

.flag-32.flag-tz {
  background-position: -397px -237px; }

.flag-32.flag-ua {
  background-position: -331px -501px; }

.flag-32.flag-ug {
  background-position: -199px -138px; }

.flag-32.flag-us {
  background-position: -67px -369px; }

.flag-32.flag-uy {
  background-position: -265px -468px; }

.flag-32.flag-uz {
  background-position: -298px -369px; }

.flag-32.flag-va {
  background-position: -298px -39px; }

.flag-32.flag-vc {
  background-position: -67px -501px; }

.flag-32.flag-ve {
  background-position: -397px -468px; }

.flag-32.flag-vg {
  background-position: -199px -567px; }

.flag-32.flag-vi {
  background-position: -199px -39px; }

.flag-32.flag-vn {
  background-position: -232px -435px; }

.flag-32.flag-vu {
  background-position: -364px -237px; }

.flag-32.flag-wf {
  background-position: -166px -369px; }

.flag-32.flag-ws {
  background-position: -331px -468px; }

.flag-32.flag-ye {
  background-position: -133px -204px; }

.flag-32.flag-yt {
  background-position: -298px -270px; }

.flag-32.flag-za {
  background-position: -34px -105px; }

.flag-32.flag-zm {
  background-position: -430px -171px; }

.flag-32.flag-zw {
  background-position: -1px -138px; }

/**
 * Flags 64 provides flags in 60x40 format
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.flag-48,
.flag-64 {
  display: inline-block;
  width: 60px;
  height: 40px;
  vertical-align: baseline;
  background: transparent url(/asset/country/flag/png/flags-64.png?96295732) no-repeat; }
  .flag-48.quality,
  .flag-64.quality {
    background: transparent url(/asset/country/flag/png/flags-64-hq.png?96295732) no-repeat; }
  .flag-48.align-middle,
  .flag-64.align-middle {
    vertical-align: middle; }

.flag-48,
.flag-64 {
  background-position: -782px -1182px; }

.flag-48.flag-ad,
.flag-64.flag-ad {
  background-position: -782px -792px; }

.flag-48.flag-ae,
.flag-64.flag-ae {
  background-position: -717px -857px; }

.flag-48.flag-af,
.flag-64.flag-af {
  background-position: -522px -662px; }

.flag-48.flag-ag,
.flag-64.flag-ag {
  background-position: -262px -1182px; }

.flag-48.flag-ai,
.flag-64.flag-ai {
  background-position: -652px -1052px; }

.flag-48.flag-al,
.flag-64.flag-al {
  background-position: -132px -532px; }

.flag-48.flag-am,
.flag-64.flag-am {
  background-position: -392px -142px; }

.flag-48.flag-an,
.flag-64.flag-an {
  background-position: -197px -727px; }

.flag-48.flag-ao,
.flag-64.flag-ao {
  background-position: -587px -12px; }

.flag-48.flag-aq,
.flag-64.flag-aq {
  background-position: -197px -532px; }

.flag-48.flag-ar,
.flag-64.flag-ar {
  background-position: -327px -337px; }

.flag-48.flag-as,
.flag-64.flag-as {
  background-position: -392px -207px; }

.flag-48.flag-at,
.flag-64.flag-at {
  background-position: -2px -337px; }

.flag-48.flag-au,
.flag-64.flag-au {
  background-position: -67px -922px; }

.flag-48.flag-aw,
.flag-64.flag-aw {
  background-position: -132px -337px; }

.flag-48.flag-ax,
.flag-64.flag-ax {
  background-position: -67px -467px; }

.flag-48.flag-az,
.flag-64.flag-az {
  background-position: -327px -1117px; }

.flag-48.flag-ba,
.flag-64.flag-ba {
  background-position: -262px -922px; }

.flag-48.flag-bb,
.flag-64.flag-bb {
  background-position: -67px -77px; }

.flag-48.flag-bd,
.flag-64.flag-bd {
  background-position: -782px -272px; }

.flag-48.flag-be,
.flag-64.flag-be {
  background-position: -67px -402px; }

.flag-48.flag-bf,
.flag-64.flag-bf {
  background-position: -392px -1182px; }

.flag-48.flag-bg,
.flag-64.flag-bg {
  background-position: -2px -402px; }

.flag-48.flag-bh,
.flag-64.flag-bh {
  background-position: -67px -1182px; }

.flag-48.flag-bi,
.flag-64.flag-bi {
  background-position: -132px -1052px; }

.flag-48.flag-bj,
.flag-64.flag-bj {
  background-position: -392px -272px; }

.flag-48.flag-bl,
.flag-64.flag-bl {
  background-position: -132px -402px; }

.flag-48.flag-bm,
.flag-64.flag-bm {
  background-position: -197px -467px; }

.flag-48.flag-bn,
.flag-64.flag-bn {
  background-position: -262px -467px; }

.flag-48.flag-bo,
.flag-64.flag-bo {
  background-position: -717px -402px; }

.flag-48.flag-br,
.flag-64.flag-br {
  background-position: -132px -77px; }

.flag-48.flag-bs,
.flag-64.flag-bs {
  background-position: -457px -727px; }

.flag-48.flag-bt,
.flag-64.flag-bt {
  background-position: -717px -727px; }

.flag-48.flag-bw,
.flag-64.flag-bw {
  background-position: -197px -987px; }

.flag-48.flag-by,
.flag-64.flag-by {
  background-position: -652px -727px; }

.flag-48.flag-bz,
.flag-64.flag-bz {
  background-position: -717px -207px; }

.flag-48.flag-ca,
.flag-64.flag-ca {
  background-position: -67px -1117px; }

.flag-48.flag-cc,
.flag-64.flag-cc {
  background-position: -457px -77px; }

.flag-48.flag-cd,
.flag-64.flag-cd {
  background-position: -197px -142px; }

.flag-48.flag-cf,
.flag-64.flag-cf {
  background-position: -782px -1052px; }

.flag-48.flag-cg,
.flag-64.flag-cg {
  background-position: -717px -1117px; }

.flag-48.flag-ch,
.flag-64.flag-ch {
  background-position: -262px -77px; }

.flag-48.flag-ci,
.flag-64.flag-ci {
  background-position: -392px -402px; }

.flag-48.flag-ck,
.flag-64.flag-ck {
  background-position: -132px -987px; }

.flag-48.flag-cl,
.flag-64.flag-cl {
  background-position: -587px -662px; }

.flag-48.flag-cm,
.flag-64.flag-cm {
  background-position: -392px -792px; }

.flag-48.flag-cn,
.flag-64.flag-cn {
  background-position: -327px -662px; }

.flag-48.flag-co,
.flag-64.flag-co {
  background-position: -652px -77px; }

.flag-48.flag-cr,
.flag-64.flag-cr {
  background-position: -522px -402px; }

.flag-48.flag-cu,
.flag-64.flag-cu {
  background-position: -327px -532px; }

.flag-48.flag-cv,
.flag-64.flag-cv {
  background-position: -2px -467px; }

.flag-48.flag-cw,
.flag-64.flag-cw {
  background-position: -132px -12px; }

.flag-48.flag-cx,
.flag-64.flag-cx {
  background-position: -262px -207px; }

.flag-48.flag-cy,
.flag-64.flag-cy {
  background-position: -782px -987px; }

.flag-48.flag-cz,
.flag-64.flag-cz {
  background-position: -327px -727px; }

.flag-48.flag-de,
.flag-64.flag-de {
  background-position: -717px -77px; }

.flag-48.flag-dj,
.flag-64.flag-dj {
  background-position: -197px -272px; }

.flag-48.flag-dk,
.flag-64.flag-dk {
  background-position: -262px -402px; }

.flag-48.flag-dm,
.flag-64.flag-dm {
  background-position: -67px -662px; }

.flag-48.flag-do,
.flag-64.flag-do {
  background-position: -782px -922px; }

.flag-48.flag-dz,
.flag-64.flag-dz {
  background-position: -652px -532px; }

.flag-48.flag-ec,
.flag-64.flag-ec {
  background-position: -2px -532px; }

.flag-48.flag-ee,
.flag-64.flag-ee {
  background-position: -392px -922px; }

.flag-48.flag-eg,
.flag-64.flag-eg {
  background-position: -2px -857px; }

.flag-48.flag-eh,
.flag-64.flag-eh {
  background-position: -457px -922px; }

.flag-48.flag-er,
.flag-64.flag-er {
  background-position: -652px -207px; }

.flag-48.flag-es,
.flag-64.flag-es {
  background-position: -197px -207px; }

.flag-48.flag-et,
.flag-64.flag-et {
  background-position: -782px -662px; }

.flag-48.flag-eu,
.flag-64.flag-eu {
  background-position: -782px -857px; }

.flag-48.flag-fi,
.flag-64.flag-fi {
  background-position: -197px -77px; }

.flag-48.flag-fj,
.flag-64.flag-fj {
  background-position: -652px -987px; }

.flag-48.flag-fk,
.flag-64.flag-fk {
  background-position: -392px -467px; }

.flag-48.flag-fm,
.flag-64.flag-fm {
  background-position: -327px -792px; }

.flag-48.flag-fo,
.flag-64.flag-fo {
  background-position: -457px -402px; }

.flag-48.flag-fr,
.flag-64.flag-fr {
  background-position: -132px -467px; }

.flag-48.flag-ga,
.flag-64.flag-ga {
  background-position: -2px -662px; }

.flag-48.flag-gb,
.flag-64.flag-gb {
  background-position: -197px -1052px; }

.flag-48.flag-gd,
.flag-64.flag-gd {
  background-position: -2px -1052px; }

.flag-48.flag-ge,
.flag-64.flag-ge {
  background-position: -587px -727px; }

.flag-48.flag-gg,
.flag-64.flag-gg {
  background-position: -587px -402px; }

.flag-48.flag-gh,
.flag-64.flag-gh {
  background-position: -457px -662px; }

.flag-48.flag-gi,
.flag-64.flag-gi {
  background-position: -782px -77px; }

.flag-48.flag-gl,
.flag-64.flag-gl {
  background-position: -2px -12px; }

.flag-48.flag-gm,
.flag-64.flag-gm {
  background-position: -132px -597px; }

.flag-48.flag-gn,
.flag-64.flag-gn {
  background-position: -457px -987px; }

.flag-48.flag-gq,
.flag-64.flag-gq {
  background-position: -67px -727px; }

.flag-48.flag-gr,
.flag-64.flag-gr {
  background-position: -2px -272px; }

.flag-48.flag-gs,
.flag-64.flag-gs {
  background-position: -327px -207px; }

.flag-48.flag-gt,
.flag-64.flag-gt {
  background-position: -392px -1117px; }

.flag-48.flag-gu,
.flag-64.flag-gu {
  background-position: -717px -792px; }

.flag-48.flag-gw,
.flag-64.flag-gw {
  background-position: -327px -272px; }

.flag-48.flag-gy,
.flag-64.flag-gy {
  background-position: -652px -467px; }

.flag-48.flag-hk,
.flag-64.flag-hk {
  background-position: -262px -792px; }

.flag-48.flag-hn,
.flag-64.flag-hn {
  background-position: -2px -792px; }

.flag-48.flag-hr,
.flag-64.flag-hr {
  background-position: -457px -467px; }

.flag-48.flag-ht,
.flag-64.flag-ht {
  background-position: -392px -77px; }

.flag-48.flag-hu,
.flag-64.flag-hu {
  background-position: -652px -337px; }

.flag-48.flag-ic,
.flag-64.flag-ic {
  background-position: -197px -792px; }

.flag-48.flag-id,
.flag-64.flag-id {
  background-position: -67px -207px; }

.flag-48.flag-ie,
.flag-64.flag-ie {
  background-position: -652px -272px; }

.flag-48.flag-il,
.flag-64.flag-il {
  background-position: -652px -142px; }

.flag-48.flag-im,
.flag-64.flag-im {
  background-position: -587px -1117px; }

.flag-48.flag-in,
.flag-64.flag-in {
  background-position: -457px -1182px; }

.flag-48.flag-iq,
.flag-64.flag-iq {
  background-position: -197px -337px; }

.flag-48.flag-ir,
.flag-64.flag-ir {
  background-position: -522px -532px; }

.flag-48.flag-is,
.flag-64.flag-is {
  background-position: -132px -1117px; }

.flag-48.flag-it,
.flag-64.flag-it {
  background-position: -132px -727px; }

.flag-48.flag-je,
.flag-64.flag-je {
  background-position: -262px -532px; }

.flag-48.flag-jm,
.flag-64.flag-jm {
  background-position: -457px -1052px; }

.flag-48.flag-jo,
.flag-64.flag-jo {
  background-position: -67px -987px; }

.flag-48.flag-jp,
.flag-64.flag-jp {
  background-position: -392px -1052px; }

.flag-48.flag-ke,
.flag-64.flag-ke {
  background-position: -67px -1052px; }

.flag-48.flag-kg,
.flag-64.flag-kg {
  background-position: -587px -207px; }

.flag-48.flag-kh,
.flag-64.flag-kh {
  background-position: -587px -922px; }

.flag-48.flag-ki,
.flag-64.flag-ki {
  background-position: -197px -662px; }

.flag-48.flag-km,
.flag-64.flag-km {
  background-position: -197px -922px; }

.flag-48.flag-kn,
.flag-64.flag-kn {
  background-position: -327px -597px; }

.flag-48.flag-kp,
.flag-64.flag-kp {
  background-position: -652px -662px; }

.flag-48.flag-kr,
.flag-64.flag-kr {
  background-position: -132px -662px; }

.flag-48.flag-kw,
.flag-64.flag-kw {
  background-position: -392px -337px; }

.flag-48.flag-ky,
.flag-64.flag-ky {
  background-position: -67px -792px; }

.flag-48.flag-kz,
.flag-64.flag-kz {
  background-position: -197px -1182px; }

.flag-48.flag-la,
.flag-64.flag-la {
  background-position: -132px -272px; }

.flag-48.flag-lb,
.flag-64.flag-lb {
  background-position: -197px -1117px; }

.flag-48.flag-lc,
.flag-64.flag-lc {
  background-position: -392px -987px; }

.flag-48.flag-li,
.flag-64.flag-li {
  background-position: -197px -402px; }

.flag-48.flag-lk,
.flag-64.flag-lk {
  background-position: -587px -532px; }

.flag-48.flag-lr,
.flag-64.flag-lr {
  background-position: -457px -272px; }

.flag-48.flag-ls,
.flag-64.flag-ls {
  background-position: -392px -857px; }

.flag-48.flag-lt,
.flag-64.flag-lt {
  background-position: -327px -467px; }

.flag-48.flag-lu,
.flag-64.flag-lu {
  background-position: -392px -12px; }

.flag-48.flag-lv,
.flag-64.flag-lv {
  background-position: -782px -337px; }

.flag-48.flag-ly,
.flag-64.flag-ly {
  background-position: -262px -337px; }

.flag-48.flag-ma,
.flag-64.flag-ma {
  background-position: -67px -272px; }

.flag-48.flag-mc,
.flag-64.flag-mc {
  background-position: -457px -1117px; }

.flag-48.flag-md,
.flag-64.flag-md {
  background-position: -327px -857px; }

.flag-48.flag-me,
.flag-64.flag-me {
  background-position: -327px -142px; }

.flag-48.flag-mf,
.flag-64.flag-mf {
  background-position: -262px -272px; }

.flag-48.flag-mg,
.flag-64.flag-mg {
  background-position: -717px -597px; }

.flag-48.flag-mh,
.flag-64.flag-mh {
  background-position: -2px -1182px; }

.flag-48.flag-mk,
.flag-64.flag-mk {
  background-position: -587px -792px; }

.flag-48.flag-ml,
.flag-64.flag-ml {
  background-position: -782px -12px; }

.flag-48.flag-mm,
.flag-64.flag-mm {
  background-position: -782px -207px; }

.flag-48.flag-mn,
.flag-64.flag-mn {
  background-position: -587px -337px; }

.flag-48.flag-mo,
.flag-64.flag-mo {
  background-position: -587px -597px; }

.flag-48.flag-mp,
.flag-64.flag-mp {
  background-position: -522px -12px; }

.flag-48.flag-mq,
.flag-64.flag-mq {
  background-position: -262px -1052px; }

.flag-48.flag-mr,
.flag-64.flag-mr {
  background-position: -782px -727px; }

.flag-48.flag-ms,
.flag-64.flag-ms {
  background-position: -262px -857px; }

.flag-48.flag-mt,
.flag-64.flag-mt {
  background-position: -652px -402px; }

.flag-48.flag-mu,
.flag-64.flag-mu {
  background-position: -457px -142px; }

.flag-48.flag-mv,
.flag-64.flag-mv {
  background-position: -327px -1052px; }

.flag-48.flag-mw,
.flag-64.flag-mw {
  background-position: -262px -12px; }

.flag-48.flag-mx,
.flag-64.flag-mx {
  background-position: -717px -12px; }

.flag-48.flag-my,
.flag-64.flag-my {
  background-position: -782px -532px; }

.flag-48.flag-mz,
.flag-64.flag-mz {
  background-position: -132px -1182px; }

.flag-48.flag-na,
.flag-64.flag-na {
  background-position: -457px -532px; }

.flag-48.flag-nc,
.flag-64.flag-nc {
  background-position: -132px -857px; }

.flag-48.flag-ne,
.flag-64.flag-ne {
  background-position: -327px -1182px; }

.flag-48.flag-nf,
.flag-64.flag-nf {
  background-position: -392px -532px; }

.flag-48.flag-ng,
.flag-64.flag-ng {
  background-position: -717px -142px; }

.flag-48.flag-ni,
.flag-64.flag-ni {
  background-position: -652px -857px; }

.flag-48.flag-nl,
.flag-64.flag-nl {
  background-position: -717px -532px; }

.flag-48.flag-no,
.flag-64.flag-no {
  background-position: -652px -922px; }

.flag-48.flag-np,
.flag-64.flag-np {
  background-position: -717px -922px; }

.flag-48.flag-nr,
.flag-64.flag-nr {
  background-position: -522px -142px; }

.flag-48.flag-nu,
.flag-64.flag-nu {
  background-position: -717px -662px; }

.flag-48.flag-nz,
.flag-64.flag-nz {
  background-position: -652px -792px; }

.flag-48.flag-om,
.flag-64.flag-om {
  background-position: -717px -1052px; }

.flag-48.flag-pa,
.flag-64.flag-pa {
  background-position: -587px -987px; }

.flag-48.flag-pe,
.flag-64.flag-pe {
  background-position: -587px -857px; }

.flag-48.flag-pf,
.flag-64.flag-pf {
  background-position: -717px -987px; }

.flag-48.flag-pg,
.flag-64.flag-pg {
  background-position: -262px -727px; }

.flag-48.flag-ph,
.flag-64.flag-ph {
  background-position: -587px -1052px; }

.flag-48.flag-pk,
.flag-64.flag-pk {
  background-position: -522px -467px; }

.flag-48.flag-pl,
.flag-64.flag-pl {
  background-position: -2px -597px; }

.flag-48.flag-pn,
.flag-64.flag-pn {
  background-position: -2px -727px; }

.flag-48.flag-pr,
.flag-64.flag-pr {
  background-position: -262px -987px; }

.flag-48.flag-ps,
.flag-64.flag-ps {
  background-position: -262px -142px; }

.flag-48.flag-pt,
.flag-64.flag-pt {
  background-position: -327px -987px; }

.flag-48.flag-pw,
.flag-64.flag-pw {
  background-position: -522px -207px; }

.flag-48.flag-py,
.flag-64.flag-py {
  background-position: -522px -272px; }

.flag-48.flag-qa,
.flag-64.flag-qa {
  background-position: -652px -1117px; }

.flag-48.flag-ro,
.flag-64.flag-ro {
  background-position: -717px -467px; }

.flag-48.flag-rs,
.flag-64.flag-rs {
  background-position: -522px -77px; }

.flag-48.flag-ru,
.flag-64.flag-ru {
  background-position: -522px -922px; }

.flag-48.flag-rw,
.flag-64.flag-rw {
  background-position: -2px -207px; }

.flag-48.flag-sa,
.flag-64.flag-sa {
  background-position: -197px -857px; }

.flag-48.flag-sb,
.flag-64.flag-sb {
  background-position: -587px -272px; }

.flag-48.flag-sc,
.flag-64.flag-sc {
  background-position: -717px -272px; }

.flag-48.flag-sd,
.flag-64.flag-sd {
  background-position: -262px -597px; }

.flag-48.flag-se,
.flag-64.flag-se {
  background-position: -197px -597px; }

.flag-48.flag-sg,
.flag-64.flag-sg {
  background-position: -522px -597px; }

.flag-48.flag-sh,
.flag-64.flag-sh {
  background-position: -392px -662px; }

.flag-48.flag-si,
.flag-64.flag-si {
  background-position: -457px -207px; }

.flag-48.flag-sk,
.flag-64.flag-sk {
  background-position: -327px -77px; }

.flag-48.flag-sl,
.flag-64.flag-sl {
  background-position: -2px -987px; }

.flag-48.flag-sm,
.flag-64.flag-sm {
  background-position: -2px -142px; }

.flag-48.flag-sn,
.flag-64.flag-sn {
  background-position: -457px -337px; }

.flag-48.flag-so,
.flag-64.flag-so {
  background-position: -2px -77px; }

.flag-48.flag-sr,
.flag-64.flag-sr {
  background-position: -262px -662px; }

.flag-48.flag-ss,
.flag-64.flag-ss {
  background-position: -457px -12px; }

.flag-48.flag-st,
.flag-64.flag-st {
  background-position: -522px -337px; }

.flag-48.flag-sv,
.flag-64.flag-sv {
  background-position: -587px -142px; }

.flag-48.flag-sy,
.flag-64.flag-sy {
  background-position: -67px -337px; }

.flag-48.flag-sz,
.flag-64.flag-sz {
  background-position: -782px -467px; }

.flag-48.flag-tc,
.flag-64.flag-tc {
  background-position: -522px -792px; }

.flag-48.flag-td,
.flag-64.flag-td {
  background-position: -67px -857px; }

.flag-48.flag-tf,
.flag-64.flag-tf {
  background-position: -197px -12px; }

.flag-48.flag-tg,
.flag-64.flag-tg {
  background-position: -522px -857px; }

.flag-48.flag-th,
.flag-64.flag-th {
  background-position: -522px -987px; }

.flag-48.flag-tj,
.flag-64.flag-tj {
  background-position: -652px -12px; }

.flag-48.flag-tk,
.flag-64.flag-tk {
  background-position: -392px -597px; }

.flag-48.flag-tl,
.flag-64.flag-tl {
  background-position: -2px -922px; }

.flag-48.flag-tm,
.flag-64.flag-tm {
  background-position: -327px -922px; }

.flag-48.flag-tn,
.flag-64.flag-tn {
  background-position: -782px -142px; }

.flag-48.flag-to,
.flag-64.flag-to {
  background-position: -457px -792px; }

.flag-48.flag-tr,
.flag-64.flag-tr {
  background-position: -717px -337px; }

.flag-48.flag-tt,
.flag-64.flag-tt {
  background-position: -327px -402px; }

.flag-48.flag-tv,
.flag-64.flag-tv {
  background-position: -132px -792px; }

.flag-48.flag-tw,
.flag-64.flag-tw {
  background-position: -782px -402px; }

.flag-48.flag-tz,
.flag-64.flag-tz {
  background-position: -457px -857px; }

.flag-48.flag-ua,
.flag-64.flag-ua {
  background-position: -132px -922px; }

.flag-48.flag-ug,
.flag-64.flag-ug {
  background-position: -132px -207px; }

.flag-48.flag-us,
.flag-64.flag-us {
  background-position: -67px -12px; }

.flag-48.flag-uy,
.flag-64.flag-uy {
  background-position: -587px -77px; }

.flag-48.flag-uz,
.flag-64.flag-uz {
  background-position: -327px -12px; }

.flag-48.flag-va,
.flag-64.flag-va {
  background-position: -262px -1117px; }

.flag-48.flag-vc,
.flag-64.flag-vc {
  background-position: -392px -727px; }

.flag-48.flag-ve,
.flag-64.flag-ve {
  background-position: -587px -467px; }

.flag-48.flag-vg,
.flag-64.flag-vg {
  background-position: -522px -1052px; }

.flag-48.flag-vi,
.flag-64.flag-vi {
  background-position: -652px -597px; }

.flag-48.flag-vn,
.flag-64.flag-vn {
  background-position: -522px -1117px; }

.flag-48.flag-vu,
.flag-64.flag-vu {
  background-position: -522px -727px; }

.flag-48.flag-wf,
.flag-64.flag-wf {
  background-position: -457px -597px; }

.flag-48.flag-ws,
.flag-64.flag-ws {
  background-position: -67px -142px; }

.flag-48.flag-ye,
.flag-64.flag-ye {
  background-position: -2px -1117px; }

.flag-48.flag-yt,
.flag-64.flag-yt {
  background-position: -67px -532px; }

.flag-48.flag-za,
.flag-64.flag-za {
  background-position: -132px -142px; }

.flag-48.flag-zm,
.flag-64.flag-zm {
  background-position: -782px -597px; }

.flag-48.flag-zw,
.flag-64.flag-zw {
  background-position: -67px -597px; }

/**
 * Includes all design styling
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * domain component styling the "design" elements
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.design .design-item {
  margin: 0 0 1.25rem 0; }
  .design .design-item .demo {
    padding: 0.75rem;
    box-sizing: border-box;
    color: #262626;
    background: white;
    border: 1px solid #e6e6e6; }
    .design .design-item .demo.light, .design .design-item .demo.sandboxed {
      color: #4d4d4d;
      background: #e6e6e6;
      border: 0; }
    .design .design-item .demo.medium, .design .design-item .demo.sandboxed-medium {
      color: black;
      background: gray;
      border: 0; }
    .design .design-item .demo.inverted, .design .design-item .demo.sandboxed-inverted {
      color: #d9d9d9;
      background: #262626;
      border: 0; }
    .design .design-item .demo.sandboxed-tv {
      color: #d9d9d9;
      background: url(/asset/demo/tv/background_pattern.jpg?96295732) repeat;
      border: 0; }
    .design .design-item .demo.spaceless {
      padding: 0; }
    .design .design-item .demo.space-reduced > .content {
      width: 25rem; }
    .design .design-item .demo .guideline {
      color: inherit !important;
      background: rgba(138, 43, 226, 0.2) !important;
      background-clip: content-box; }
  .design .design-item .toolbar {
    color: black;
    background: #d9d9d9; }
  .design .design-item .code {
    margin: 0; }
  .design .design-item .code.hidden {
    display: none; }

/**
 * domain component styling the "color" base variables
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.design .color-action {
  color: #009dff; }

.design .bg-color-action {
  background: #009dff; }

.design .border-color-action {
  border-color: #009dff; }

.design .hue-action:after {
  content: "203"; }

.design .saturation-action:after {
  content: "100%"; }

.design .lightness-action:after {
  content: "50%"; }

.design .background .hue-action, .design .background .saturation-action, .design .background .lightness-action {
  color: white; }

.design .color-action-top {
  color: white; }

.design .bg-color-action-top {
  background: white; }

.design .border-color-action-top {
  border-color: white; }

.design .hue-action-top:after {
  content: "0"; }

.design .saturation-action-top:after {
  content: "0%"; }

.design .lightness-action-top:after {
  content: "100%"; }

.design .background .hue-action-top, .design .background .saturation-action-top, .design .background .lightness-action-top {
  color: black; }

.design .color-action-high5 {
  color: #e6f5ff; }

.design .bg-color-action-high5 {
  background: #e6f5ff; }

.design .border-color-action-high5 {
  border-color: #e6f5ff; }

.design .hue-action-high5:after {
  content: "203"; }

.design .saturation-action-high5:after {
  content: "100%"; }

.design .lightness-action-high5:after {
  content: "95%"; }

.design .background .hue-action-high5, .design .background .saturation-action-high5, .design .background .lightness-action-high5 {
  color: black; }

.design .color-action-high4 {
  color: #ccebff; }

.design .bg-color-action-high4 {
  background: #ccebff; }

.design .border-color-action-high4 {
  border-color: #ccebff; }

.design .hue-action-high4:after {
  content: "203"; }

.design .saturation-action-high4:after {
  content: "100%"; }

.design .lightness-action-high4:after {
  content: "90%"; }

.design .background .hue-action-high4, .design .background .saturation-action-high4, .design .background .lightness-action-high4 {
  color: black; }

.design .color-action-high3 {
  color: #b3e2ff; }

.design .bg-color-action-high3 {
  background: #b3e2ff; }

.design .border-color-action-high3 {
  border-color: #b3e2ff; }

.design .hue-action-high3:after {
  content: "203"; }

.design .saturation-action-high3:after {
  content: "100%"; }

.design .lightness-action-high3:after {
  content: "85%"; }

.design .background .hue-action-high3, .design .background .saturation-action-high3, .design .background .lightness-action-high3 {
  color: black; }

.design .color-action-high2 {
  color: #66c4ff; }

.design .bg-color-action-high2 {
  background: #66c4ff; }

.design .border-color-action-high2 {
  border-color: #66c4ff; }

.design .hue-action-high2:after {
  content: "203"; }

.design .saturation-action-high2:after {
  content: "100%"; }

.design .lightness-action-high2:after {
  content: "70%"; }

.design .background .hue-action-high2, .design .background .saturation-action-high2, .design .background .lightness-action-high2 {
  color: black; }

.design .color-action-high1 {
  color: #33b1ff; }

.design .bg-color-action-high1 {
  background: #33b1ff; }

.design .border-color-action-high1 {
  border-color: #33b1ff; }

.design .hue-action-high1:after {
  content: "203"; }

.design .saturation-action-high1:after {
  content: "100%"; }

.design .lightness-action-high1:after {
  content: "60%"; }

.design .background .hue-action-high1, .design .background .saturation-action-high1, .design .background .lightness-action-high1 {
  color: black; }

.design .color-action-medium {
  color: #009dff; }

.design .bg-color-action-medium {
  background: #009dff; }

.design .border-color-action-medium {
  border-color: #009dff; }

.design .hue-action-medium:after {
  content: "203"; }

.design .saturation-action-medium:after {
  content: "100%"; }

.design .lightness-action-medium:after {
  content: "50%"; }

.design .background .hue-action-medium, .design .background .saturation-action-medium, .design .background .lightness-action-medium {
  color: white; }

.design .color-action-low1 {
  color: #007ecc; }

.design .bg-color-action-low1 {
  background: #007ecc; }

.design .border-color-action-low1 {
  border-color: #007ecc; }

.design .hue-action-low1:after {
  content: "203"; }

.design .saturation-action-low1:after {
  content: "100%"; }

.design .lightness-action-low1:after {
  content: "40%"; }

.design .background .hue-action-low1, .design .background .saturation-action-low1, .design .background .lightness-action-low1 {
  color: white; }

.design .color-action-low2 {
  color: #005e99; }

.design .bg-color-action-low2 {
  background: #005e99; }

.design .border-color-action-low2 {
  border-color: #005e99; }

.design .hue-action-low2:after {
  content: "203"; }

.design .saturation-action-low2:after {
  content: "100%"; }

.design .lightness-action-low2:after {
  content: "30%"; }

.design .background .hue-action-low2, .design .background .saturation-action-low2, .design .background .lightness-action-low2 {
  color: white; }

.design .color-action-low3 {
  color: #002f4d; }

.design .bg-color-action-low3 {
  background: #002f4d; }

.design .border-color-action-low3 {
  border-color: #002f4d; }

.design .hue-action-low3:after {
  content: "203"; }

.design .saturation-action-low3:after {
  content: "100%"; }

.design .lightness-action-low3:after {
  content: "15%"; }

.design .background .hue-action-low3, .design .background .saturation-action-low3, .design .background .lightness-action-low3 {
  color: white; }

.design .color-action-low4 {
  color: #001f33; }

.design .bg-color-action-low4 {
  background: #001f33; }

.design .border-color-action-low4 {
  border-color: #001f33; }

.design .hue-action-low4:after {
  content: "203"; }

.design .saturation-action-low4:after {
  content: "100%"; }

.design .lightness-action-low4:after {
  content: "10%"; }

.design .background .hue-action-low4, .design .background .saturation-action-low4, .design .background .lightness-action-low4 {
  color: white; }

.design .color-action-low5 {
  color: #00101a; }

.design .bg-color-action-low5 {
  background: #00101a; }

.design .border-color-action-low5 {
  border-color: #00101a; }

.design .hue-action-low5:after {
  content: "203"; }

.design .saturation-action-low5:after {
  content: "100%"; }

.design .lightness-action-low5:after {
  content: "5%"; }

.design .background .hue-action-low5, .design .background .saturation-action-low5, .design .background .lightness-action-low5 {
  color: white; }

.design .color-action-bottom {
  color: black; }

.design .bg-color-action-bottom {
  background: black; }

.design .border-color-action-bottom {
  border-color: black; }

.design .hue-action-bottom:after {
  content: "0"; }

.design .saturation-action-bottom:after {
  content: "0%"; }

.design .lightness-action-bottom:after {
  content: "0%"; }

.design .background .hue-action-bottom, .design .background .saturation-action-bottom, .design .background .lightness-action-bottom {
  color: white; }

.design .color-action-i_top {
  color: #002f4d; }

.design .bg-color-action-i_top {
  background: #002f4d; }

.design .border-color-action-i_top {
  border-color: #002f4d; }

.design .hue-action-i_top:after {
  content: "203"; }

.design .saturation-action-i_top:after {
  content: "100%"; }

.design .lightness-action-i_top:after {
  content: "15%"; }

.design .background .hue-action-i_top, .design .background .saturation-action-i_top, .design .background .lightness-action-i_top {
  color: white; }

.design .color-action-i_high5 {
  color: #003c61; }

.design .bg-color-action-i_high5 {
  background: #003c61; }

.design .border-color-action-i_high5 {
  border-color: #003c61; }

.design .hue-action-i_high5:after {
  content: "203"; }

.design .saturation-action-i_high5:after {
  content: "100%"; }

.design .lightness-action-i_high5:after {
  content: "19%"; }

.design .background .hue-action-i_high5, .design .background .saturation-action-i_high5, .design .background .lightness-action-i_high5 {
  color: white; }

.design .color-action-i_high4 {
  color: #004570; }

.design .bg-color-action-i_high4 {
  background: #004570; }

.design .border-color-action-i_high4 {
  border-color: #004570; }

.design .hue-action-i_high4:after {
  content: "203"; }

.design .saturation-action-i_high4:after {
  content: "100%"; }

.design .lightness-action-i_high4:after {
  content: "22%"; }

.design .background .hue-action-i_high4, .design .background .saturation-action-i_high4, .design .background .lightness-action-i_high4 {
  color: white; }

.design .color-action-i_high3 {
  color: #005285; }

.design .bg-color-action-i_high3 {
  background: #005285; }

.design .border-color-action-i_high3 {
  border-color: #005285; }

.design .hue-action-i_high3:after {
  content: "203"; }

.design .saturation-action-i_high3:after {
  content: "100%"; }

.design .lightness-action-i_high3:after {
  content: "26%"; }

.design .background .hue-action-i_high3, .design .background .saturation-action-i_high3, .design .background .lightness-action-i_high3 {
  color: white; }

.design .color-action-i_high2 {
  color: #0071b8; }

.design .bg-color-action-i_high2 {
  background: #0071b8; }

.design .border-color-action-i_high2 {
  border-color: #0071b8; }

.design .hue-action-i_high2:after {
  content: "203"; }

.design .saturation-action-i_high2:after {
  content: "100%"; }

.design .lightness-action-i_high2:after {
  content: "36%"; }

.design .background .hue-action-i_high2, .design .background .saturation-action-i_high2, .design .background .lightness-action-i_high2 {
  color: white; }

.design .color-action-i_high1 {
  color: #0087db; }

.design .bg-color-action-i_high1 {
  background: #0087db; }

.design .border-color-action-i_high1 {
  border-color: #0087db; }

.design .hue-action-i_high1:after {
  content: "203"; }

.design .saturation-action-i_high1:after {
  content: "100%"; }

.design .lightness-action-i_high1:after {
  content: "43%"; }

.design .background .hue-action-i_high1, .design .background .saturation-action-i_high1, .design .background .lightness-action-i_high1 {
  color: white; }

.design .color-action-i_medium {
  color: #009dff; }

.design .bg-color-action-i_medium {
  background: #009dff; }

.design .border-color-action-i_medium {
  border-color: #009dff; }

.design .hue-action-i_medium:after {
  content: "203"; }

.design .saturation-action-i_medium:after {
  content: "100%"; }

.design .lightness-action-i_medium:after {
  content: "50%"; }

.design .background .hue-action-i_medium, .design .background .saturation-action-i_medium, .design .background .lightness-action-i_medium {
  color: white; }

.design .color-action-i_low1 {
  color: #33b1ff; }

.design .bg-color-action-i_low1 {
  background: #33b1ff; }

.design .border-color-action-i_low1 {
  border-color: #33b1ff; }

.design .hue-action-i_low1:after {
  content: "203"; }

.design .saturation-action-i_low1:after {
  content: "100%"; }

.design .lightness-action-i_low1:after {
  content: "60%"; }

.design .background .hue-action-i_low1, .design .background .saturation-action-i_low1, .design .background .lightness-action-i_low1 {
  color: black; }

.design .color-action-i_low2 {
  color: #66c4ff; }

.design .bg-color-action-i_low2 {
  background: #66c4ff; }

.design .border-color-action-i_low2 {
  border-color: #66c4ff; }

.design .hue-action-i_low2:after {
  content: "203"; }

.design .saturation-action-i_low2:after {
  content: "100%"; }

.design .lightness-action-i_low2:after {
  content: "70%"; }

.design .background .hue-action-i_low2, .design .background .saturation-action-i_low2, .design .background .lightness-action-i_low2 {
  color: black; }

.design .color-action-i_low3 {
  color: #b3e2ff; }

.design .bg-color-action-i_low3 {
  background: #b3e2ff; }

.design .border-color-action-i_low3 {
  border-color: #b3e2ff; }

.design .hue-action-i_low3:after {
  content: "203"; }

.design .saturation-action-i_low3:after {
  content: "100%"; }

.design .lightness-action-i_low3:after {
  content: "85%"; }

.design .background .hue-action-i_low3, .design .background .saturation-action-i_low3, .design .background .lightness-action-i_low3 {
  color: black; }

.design .color-action-i_low4 {
  color: #ccebff; }

.design .bg-color-action-i_low4 {
  background: #ccebff; }

.design .border-color-action-i_low4 {
  border-color: #ccebff; }

.design .hue-action-i_low4:after {
  content: "203"; }

.design .saturation-action-i_low4:after {
  content: "100%"; }

.design .lightness-action-i_low4:after {
  content: "90%"; }

.design .background .hue-action-i_low4, .design .background .saturation-action-i_low4, .design .background .lightness-action-i_low4 {
  color: black; }

.design .color-action-i_low5 {
  color: #e6f5ff; }

.design .bg-color-action-i_low5 {
  background: #e6f5ff; }

.design .border-color-action-i_low5 {
  border-color: #e6f5ff; }

.design .hue-action-i_low5:after {
  content: "203"; }

.design .saturation-action-i_low5:after {
  content: "100%"; }

.design .lightness-action-i_low5:after {
  content: "95%"; }

.design .background .hue-action-i_low5, .design .background .saturation-action-i_low5, .design .background .lightness-action-i_low5 {
  color: black; }

.design .color-action-i_bottom {
  color: white; }

.design .bg-color-action-i_bottom {
  background: white; }

.design .border-color-action-i_bottom {
  border-color: white; }

.design .hue-action-i_bottom:after {
  content: "0"; }

.design .saturation-action-i_bottom:after {
  content: "0%"; }

.design .lightness-action-i_bottom:after {
  content: "100%"; }

.design .background .hue-action-i_bottom, .design .background .saturation-action-i_bottom, .design .background .lightness-action-i_bottom {
  color: black; }

.design .color-standard {
  color: gray; }

.design .bg-color-standard {
  background: gray; }

.design .border-color-standard {
  border-color: gray; }

.design .hue-standard:after {
  content: "0"; }

.design .saturation-standard:after {
  content: "0%"; }

.design .lightness-standard:after {
  content: "50%"; }

.design .background .hue-standard, .design .background .saturation-standard, .design .background .lightness-standard {
  color: white; }

.design .color-standard-top {
  color: white; }

.design .bg-color-standard-top {
  background: white; }

.design .border-color-standard-top {
  border-color: white; }

.design .hue-standard-top:after {
  content: "0"; }

.design .saturation-standard-top:after {
  content: "0%"; }

.design .lightness-standard-top:after {
  content: "100%"; }

.design .background .hue-standard-top, .design .background .saturation-standard-top, .design .background .lightness-standard-top {
  color: black; }

.design .color-standard-high5 {
  color: #f2f2f2; }

.design .bg-color-standard-high5 {
  background: #f2f2f2; }

.design .border-color-standard-high5 {
  border-color: #f2f2f2; }

.design .hue-standard-high5:after {
  content: "0"; }

.design .saturation-standard-high5:after {
  content: "0%"; }

.design .lightness-standard-high5:after {
  content: "95%"; }

.design .background .hue-standard-high5, .design .background .saturation-standard-high5, .design .background .lightness-standard-high5 {
  color: black; }

.design .color-standard-high4 {
  color: #e6e6e6; }

.design .bg-color-standard-high4 {
  background: #e6e6e6; }

.design .border-color-standard-high4 {
  border-color: #e6e6e6; }

.design .hue-standard-high4:after {
  content: "0"; }

.design .saturation-standard-high4:after {
  content: "0%"; }

.design .lightness-standard-high4:after {
  content: "90%"; }

.design .background .hue-standard-high4, .design .background .saturation-standard-high4, .design .background .lightness-standard-high4 {
  color: black; }

.design .color-standard-high3 {
  color: #d9d9d9; }

.design .bg-color-standard-high3 {
  background: #d9d9d9; }

.design .border-color-standard-high3 {
  border-color: #d9d9d9; }

.design .hue-standard-high3:after {
  content: "0"; }

.design .saturation-standard-high3:after {
  content: "0%"; }

.design .lightness-standard-high3:after {
  content: "85%"; }

.design .background .hue-standard-high3, .design .background .saturation-standard-high3, .design .background .lightness-standard-high3 {
  color: black; }

.design .color-standard-high2 {
  color: #b3b3b3; }

.design .bg-color-standard-high2 {
  background: #b3b3b3; }

.design .border-color-standard-high2 {
  border-color: #b3b3b3; }

.design .hue-standard-high2:after {
  content: "0"; }

.design .saturation-standard-high2:after {
  content: "0%"; }

.design .lightness-standard-high2:after {
  content: "70%"; }

.design .background .hue-standard-high2, .design .background .saturation-standard-high2, .design .background .lightness-standard-high2 {
  color: black; }

.design .color-standard-high1 {
  color: #999999; }

.design .bg-color-standard-high1 {
  background: #999999; }

.design .border-color-standard-high1 {
  border-color: #999999; }

.design .hue-standard-high1:after {
  content: "0"; }

.design .saturation-standard-high1:after {
  content: "0%"; }

.design .lightness-standard-high1:after {
  content: "60%"; }

.design .background .hue-standard-high1, .design .background .saturation-standard-high1, .design .background .lightness-standard-high1 {
  color: black; }

.design .color-standard-medium {
  color: gray; }

.design .bg-color-standard-medium {
  background: gray; }

.design .border-color-standard-medium {
  border-color: gray; }

.design .hue-standard-medium:after {
  content: "0"; }

.design .saturation-standard-medium:after {
  content: "0%"; }

.design .lightness-standard-medium:after {
  content: "50%"; }

.design .background .hue-standard-medium, .design .background .saturation-standard-medium, .design .background .lightness-standard-medium {
  color: white; }

.design .color-standard-low1 {
  color: #666666; }

.design .bg-color-standard-low1 {
  background: #666666; }

.design .border-color-standard-low1 {
  border-color: #666666; }

.design .hue-standard-low1:after {
  content: "0"; }

.design .saturation-standard-low1:after {
  content: "0%"; }

.design .lightness-standard-low1:after {
  content: "40%"; }

.design .background .hue-standard-low1, .design .background .saturation-standard-low1, .design .background .lightness-standard-low1 {
  color: white; }

.design .color-standard-low2 {
  color: #4d4d4d; }

.design .bg-color-standard-low2 {
  background: #4d4d4d; }

.design .border-color-standard-low2 {
  border-color: #4d4d4d; }

.design .hue-standard-low2:after {
  content: "0"; }

.design .saturation-standard-low2:after {
  content: "0%"; }

.design .lightness-standard-low2:after {
  content: "30%"; }

.design .background .hue-standard-low2, .design .background .saturation-standard-low2, .design .background .lightness-standard-low2 {
  color: white; }

.design .color-standard-low3 {
  color: #262626; }

.design .bg-color-standard-low3 {
  background: #262626; }

.design .border-color-standard-low3 {
  border-color: #262626; }

.design .hue-standard-low3:after {
  content: "0"; }

.design .saturation-standard-low3:after {
  content: "0%"; }

.design .lightness-standard-low3:after {
  content: "15%"; }

.design .background .hue-standard-low3, .design .background .saturation-standard-low3, .design .background .lightness-standard-low3 {
  color: white; }

.design .color-standard-low4 {
  color: #1a1a1a; }

.design .bg-color-standard-low4 {
  background: #1a1a1a; }

.design .border-color-standard-low4 {
  border-color: #1a1a1a; }

.design .hue-standard-low4:after {
  content: "0"; }

.design .saturation-standard-low4:after {
  content: "0%"; }

.design .lightness-standard-low4:after {
  content: "10%"; }

.design .background .hue-standard-low4, .design .background .saturation-standard-low4, .design .background .lightness-standard-low4 {
  color: white; }

.design .color-standard-low5 {
  color: #0d0d0d; }

.design .bg-color-standard-low5 {
  background: #0d0d0d; }

.design .border-color-standard-low5 {
  border-color: #0d0d0d; }

.design .hue-standard-low5:after {
  content: "0"; }

.design .saturation-standard-low5:after {
  content: "0%"; }

.design .lightness-standard-low5:after {
  content: "5%"; }

.design .background .hue-standard-low5, .design .background .saturation-standard-low5, .design .background .lightness-standard-low5 {
  color: white; }

.design .color-standard-bottom {
  color: black; }

.design .bg-color-standard-bottom {
  background: black; }

.design .border-color-standard-bottom {
  border-color: black; }

.design .hue-standard-bottom:after {
  content: "0"; }

.design .saturation-standard-bottom:after {
  content: "0%"; }

.design .lightness-standard-bottom:after {
  content: "0%"; }

.design .background .hue-standard-bottom, .design .background .saturation-standard-bottom, .design .background .lightness-standard-bottom {
  color: white; }

.design .color-standard-i_top {
  color: #262626; }

.design .bg-color-standard-i_top {
  background: #262626; }

.design .border-color-standard-i_top {
  border-color: #262626; }

.design .hue-standard-i_top:after {
  content: "0"; }

.design .saturation-standard-i_top:after {
  content: "0%"; }

.design .lightness-standard-i_top:after {
  content: "15%"; }

.design .background .hue-standard-i_top, .design .background .saturation-standard-i_top, .design .background .lightness-standard-i_top {
  color: white; }

.design .color-standard-i_high5 {
  color: #303030; }

.design .bg-color-standard-i_high5 {
  background: #303030; }

.design .border-color-standard-i_high5 {
  border-color: #303030; }

.design .hue-standard-i_high5:after {
  content: "0"; }

.design .saturation-standard-i_high5:after {
  content: "0%"; }

.design .lightness-standard-i_high5:after {
  content: "19%"; }

.design .background .hue-standard-i_high5, .design .background .saturation-standard-i_high5, .design .background .lightness-standard-i_high5 {
  color: white; }

.design .color-standard-i_high4 {
  color: #383838; }

.design .bg-color-standard-i_high4 {
  background: #383838; }

.design .border-color-standard-i_high4 {
  border-color: #383838; }

.design .hue-standard-i_high4:after {
  content: "0"; }

.design .saturation-standard-i_high4:after {
  content: "0%"; }

.design .lightness-standard-i_high4:after {
  content: "22%"; }

.design .background .hue-standard-i_high4, .design .background .saturation-standard-i_high4, .design .background .lightness-standard-i_high4 {
  color: white; }

.design .color-standard-i_high3 {
  color: #424242; }

.design .bg-color-standard-i_high3 {
  background: #424242; }

.design .border-color-standard-i_high3 {
  border-color: #424242; }

.design .hue-standard-i_high3:after {
  content: "0"; }

.design .saturation-standard-i_high3:after {
  content: "0%"; }

.design .lightness-standard-i_high3:after {
  content: "26%"; }

.design .background .hue-standard-i_high3, .design .background .saturation-standard-i_high3, .design .background .lightness-standard-i_high3 {
  color: white; }

.design .color-standard-i_high2 {
  color: #5c5c5c; }

.design .bg-color-standard-i_high2 {
  background: #5c5c5c; }

.design .border-color-standard-i_high2 {
  border-color: #5c5c5c; }

.design .hue-standard-i_high2:after {
  content: "0"; }

.design .saturation-standard-i_high2:after {
  content: "0%"; }

.design .lightness-standard-i_high2:after {
  content: "36%"; }

.design .background .hue-standard-i_high2, .design .background .saturation-standard-i_high2, .design .background .lightness-standard-i_high2 {
  color: white; }

.design .color-standard-i_high1 {
  color: #6e6e6e; }

.design .bg-color-standard-i_high1 {
  background: #6e6e6e; }

.design .border-color-standard-i_high1 {
  border-color: #6e6e6e; }

.design .hue-standard-i_high1:after {
  content: "0"; }

.design .saturation-standard-i_high1:after {
  content: "0%"; }

.design .lightness-standard-i_high1:after {
  content: "43%"; }

.design .background .hue-standard-i_high1, .design .background .saturation-standard-i_high1, .design .background .lightness-standard-i_high1 {
  color: white; }

.design .color-standard-i_medium {
  color: gray; }

.design .bg-color-standard-i_medium {
  background: gray; }

.design .border-color-standard-i_medium {
  border-color: gray; }

.design .hue-standard-i_medium:after {
  content: "0"; }

.design .saturation-standard-i_medium:after {
  content: "0%"; }

.design .lightness-standard-i_medium:after {
  content: "50%"; }

.design .background .hue-standard-i_medium, .design .background .saturation-standard-i_medium, .design .background .lightness-standard-i_medium {
  color: white; }

.design .color-standard-i_low1 {
  color: #999999; }

.design .bg-color-standard-i_low1 {
  background: #999999; }

.design .border-color-standard-i_low1 {
  border-color: #999999; }

.design .hue-standard-i_low1:after {
  content: "0"; }

.design .saturation-standard-i_low1:after {
  content: "0%"; }

.design .lightness-standard-i_low1:after {
  content: "60%"; }

.design .background .hue-standard-i_low1, .design .background .saturation-standard-i_low1, .design .background .lightness-standard-i_low1 {
  color: black; }

.design .color-standard-i_low2 {
  color: #b3b3b3; }

.design .bg-color-standard-i_low2 {
  background: #b3b3b3; }

.design .border-color-standard-i_low2 {
  border-color: #b3b3b3; }

.design .hue-standard-i_low2:after {
  content: "0"; }

.design .saturation-standard-i_low2:after {
  content: "0%"; }

.design .lightness-standard-i_low2:after {
  content: "70%"; }

.design .background .hue-standard-i_low2, .design .background .saturation-standard-i_low2, .design .background .lightness-standard-i_low2 {
  color: black; }

.design .color-standard-i_low3 {
  color: #d9d9d9; }

.design .bg-color-standard-i_low3 {
  background: #d9d9d9; }

.design .border-color-standard-i_low3 {
  border-color: #d9d9d9; }

.design .hue-standard-i_low3:after {
  content: "0"; }

.design .saturation-standard-i_low3:after {
  content: "0%"; }

.design .lightness-standard-i_low3:after {
  content: "85%"; }

.design .background .hue-standard-i_low3, .design .background .saturation-standard-i_low3, .design .background .lightness-standard-i_low3 {
  color: black; }

.design .color-standard-i_low4 {
  color: #e6e6e6; }

.design .bg-color-standard-i_low4 {
  background: #e6e6e6; }

.design .border-color-standard-i_low4 {
  border-color: #e6e6e6; }

.design .hue-standard-i_low4:after {
  content: "0"; }

.design .saturation-standard-i_low4:after {
  content: "0%"; }

.design .lightness-standard-i_low4:after {
  content: "90%"; }

.design .background .hue-standard-i_low4, .design .background .saturation-standard-i_low4, .design .background .lightness-standard-i_low4 {
  color: black; }

.design .color-standard-i_low5 {
  color: #f2f2f2; }

.design .bg-color-standard-i_low5 {
  background: #f2f2f2; }

.design .border-color-standard-i_low5 {
  border-color: #f2f2f2; }

.design .hue-standard-i_low5:after {
  content: "0"; }

.design .saturation-standard-i_low5:after {
  content: "0%"; }

.design .lightness-standard-i_low5:after {
  content: "95%"; }

.design .background .hue-standard-i_low5, .design .background .saturation-standard-i_low5, .design .background .lightness-standard-i_low5 {
  color: black; }

.design .color-standard-i_bottom {
  color: white; }

.design .bg-color-standard-i_bottom {
  background: white; }

.design .border-color-standard-i_bottom {
  border-color: white; }

.design .hue-standard-i_bottom:after {
  content: "0"; }

.design .saturation-standard-i_bottom:after {
  content: "0%"; }

.design .lightness-standard-i_bottom:after {
  content: "100%"; }

.design .background .hue-standard-i_bottom, .design .background .saturation-standard-i_bottom, .design .background .lightness-standard-i_bottom {
  color: black; }

.design .color-warning {
  color: #ff7700; }

.design .bg-color-warning {
  background: #ff7700; }

.design .border-color-warning {
  border-color: #ff7700; }

.design .hue-warning:after {
  content: "28"; }

.design .saturation-warning:after {
  content: "100%"; }

.design .lightness-warning:after {
  content: "50%"; }

.design .background .hue-warning, .design .background .saturation-warning, .design .background .lightness-warning {
  color: white; }

.design .color-warning-top {
  color: white; }

.design .bg-color-warning-top {
  background: white; }

.design .border-color-warning-top {
  border-color: white; }

.design .hue-warning-top:after {
  content: "0"; }

.design .saturation-warning-top:after {
  content: "0%"; }

.design .lightness-warning-top:after {
  content: "100%"; }

.design .background .hue-warning-top, .design .background .saturation-warning-top, .design .background .lightness-warning-top {
  color: black; }

.design .color-warning-high5 {
  color: #fff1e6; }

.design .bg-color-warning-high5 {
  background: #fff1e6; }

.design .border-color-warning-high5 {
  border-color: #fff1e6; }

.design .hue-warning-high5:after {
  content: "28"; }

.design .saturation-warning-high5:after {
  content: "100%"; }

.design .lightness-warning-high5:after {
  content: "95%"; }

.design .background .hue-warning-high5, .design .background .saturation-warning-high5, .design .background .lightness-warning-high5 {
  color: black; }

.design .color-warning-high4 {
  color: #ffe4cc; }

.design .bg-color-warning-high4 {
  background: #ffe4cc; }

.design .border-color-warning-high4 {
  border-color: #ffe4cc; }

.design .hue-warning-high4:after {
  content: "28"; }

.design .saturation-warning-high4:after {
  content: "100%"; }

.design .lightness-warning-high4:after {
  content: "90%"; }

.design .background .hue-warning-high4, .design .background .saturation-warning-high4, .design .background .lightness-warning-high4 {
  color: black; }

.design .color-warning-high3 {
  color: #ffd6b3; }

.design .bg-color-warning-high3 {
  background: #ffd6b3; }

.design .border-color-warning-high3 {
  border-color: #ffd6b3; }

.design .hue-warning-high3:after {
  content: "28"; }

.design .saturation-warning-high3:after {
  content: "100%"; }

.design .lightness-warning-high3:after {
  content: "85%"; }

.design .background .hue-warning-high3, .design .background .saturation-warning-high3, .design .background .lightness-warning-high3 {
  color: black; }

.design .color-warning-high2 {
  color: #ffad66; }

.design .bg-color-warning-high2 {
  background: #ffad66; }

.design .border-color-warning-high2 {
  border-color: #ffad66; }

.design .hue-warning-high2:after {
  content: "28"; }

.design .saturation-warning-high2:after {
  content: "100%"; }

.design .lightness-warning-high2:after {
  content: "70%"; }

.design .background .hue-warning-high2, .design .background .saturation-warning-high2, .design .background .lightness-warning-high2 {
  color: black; }

.design .color-warning-high1 {
  color: #ff9233; }

.design .bg-color-warning-high1 {
  background: #ff9233; }

.design .border-color-warning-high1 {
  border-color: #ff9233; }

.design .hue-warning-high1:after {
  content: "28"; }

.design .saturation-warning-high1:after {
  content: "100%"; }

.design .lightness-warning-high1:after {
  content: "60%"; }

.design .background .hue-warning-high1, .design .background .saturation-warning-high1, .design .background .lightness-warning-high1 {
  color: black; }

.design .color-warning-medium {
  color: #ff7700; }

.design .bg-color-warning-medium {
  background: #ff7700; }

.design .border-color-warning-medium {
  border-color: #ff7700; }

.design .hue-warning-medium:after {
  content: "28"; }

.design .saturation-warning-medium:after {
  content: "100%"; }

.design .lightness-warning-medium:after {
  content: "50%"; }

.design .background .hue-warning-medium, .design .background .saturation-warning-medium, .design .background .lightness-warning-medium {
  color: white; }

.design .color-warning-low1 {
  color: #cc5f00; }

.design .bg-color-warning-low1 {
  background: #cc5f00; }

.design .border-color-warning-low1 {
  border-color: #cc5f00; }

.design .hue-warning-low1:after {
  content: "28"; }

.design .saturation-warning-low1:after {
  content: "100%"; }

.design .lightness-warning-low1:after {
  content: "40%"; }

.design .background .hue-warning-low1, .design .background .saturation-warning-low1, .design .background .lightness-warning-low1 {
  color: white; }

.design .color-warning-low2 {
  color: #994700; }

.design .bg-color-warning-low2 {
  background: #994700; }

.design .border-color-warning-low2 {
  border-color: #994700; }

.design .hue-warning-low2:after {
  content: "28"; }

.design .saturation-warning-low2:after {
  content: "100%"; }

.design .lightness-warning-low2:after {
  content: "30%"; }

.design .background .hue-warning-low2, .design .background .saturation-warning-low2, .design .background .lightness-warning-low2 {
  color: white; }

.design .color-warning-low3 {
  color: #4d2400; }

.design .bg-color-warning-low3 {
  background: #4d2400; }

.design .border-color-warning-low3 {
  border-color: #4d2400; }

.design .hue-warning-low3:after {
  content: "28"; }

.design .saturation-warning-low3:after {
  content: "100%"; }

.design .lightness-warning-low3:after {
  content: "15%"; }

.design .background .hue-warning-low3, .design .background .saturation-warning-low3, .design .background .lightness-warning-low3 {
  color: white; }

.design .color-warning-low4 {
  color: #331800; }

.design .bg-color-warning-low4 {
  background: #331800; }

.design .border-color-warning-low4 {
  border-color: #331800; }

.design .hue-warning-low4:after {
  content: "28"; }

.design .saturation-warning-low4:after {
  content: "100%"; }

.design .lightness-warning-low4:after {
  content: "10%"; }

.design .background .hue-warning-low4, .design .background .saturation-warning-low4, .design .background .lightness-warning-low4 {
  color: white; }

.design .color-warning-low5 {
  color: #1a0c00; }

.design .bg-color-warning-low5 {
  background: #1a0c00; }

.design .border-color-warning-low5 {
  border-color: #1a0c00; }

.design .hue-warning-low5:after {
  content: "28"; }

.design .saturation-warning-low5:after {
  content: "100%"; }

.design .lightness-warning-low5:after {
  content: "5%"; }

.design .background .hue-warning-low5, .design .background .saturation-warning-low5, .design .background .lightness-warning-low5 {
  color: white; }

.design .color-warning-bottom {
  color: black; }

.design .bg-color-warning-bottom {
  background: black; }

.design .border-color-warning-bottom {
  border-color: black; }

.design .hue-warning-bottom:after {
  content: "0"; }

.design .saturation-warning-bottom:after {
  content: "0%"; }

.design .lightness-warning-bottom:after {
  content: "0%"; }

.design .background .hue-warning-bottom, .design .background .saturation-warning-bottom, .design .background .lightness-warning-bottom {
  color: white; }

.design .color-warning-i_top {
  color: #4d2400; }

.design .bg-color-warning-i_top {
  background: #4d2400; }

.design .border-color-warning-i_top {
  border-color: #4d2400; }

.design .hue-warning-i_top:after {
  content: "28"; }

.design .saturation-warning-i_top:after {
  content: "100%"; }

.design .lightness-warning-i_top:after {
  content: "15%"; }

.design .background .hue-warning-i_top, .design .background .saturation-warning-i_top, .design .background .lightness-warning-i_top {
  color: white; }

.design .color-warning-i_high5 {
  color: #612d00; }

.design .bg-color-warning-i_high5 {
  background: #612d00; }

.design .border-color-warning-i_high5 {
  border-color: #612d00; }

.design .hue-warning-i_high5:after {
  content: "28"; }

.design .saturation-warning-i_high5:after {
  content: "100%"; }

.design .lightness-warning-i_high5:after {
  content: "19%"; }

.design .background .hue-warning-i_high5, .design .background .saturation-warning-i_high5, .design .background .lightness-warning-i_high5 {
  color: white; }

.design .color-warning-i_high4 {
  color: #703400; }

.design .bg-color-warning-i_high4 {
  background: #703400; }

.design .border-color-warning-i_high4 {
  border-color: #703400; }

.design .hue-warning-i_high4:after {
  content: "28"; }

.design .saturation-warning-i_high4:after {
  content: "100%"; }

.design .lightness-warning-i_high4:after {
  content: "22%"; }

.design .background .hue-warning-i_high4, .design .background .saturation-warning-i_high4, .design .background .lightness-warning-i_high4 {
  color: white; }

.design .color-warning-i_high3 {
  color: #853e00; }

.design .bg-color-warning-i_high3 {
  background: #853e00; }

.design .border-color-warning-i_high3 {
  border-color: #853e00; }

.design .hue-warning-i_high3:after {
  content: "28"; }

.design .saturation-warning-i_high3:after {
  content: "100%"; }

.design .lightness-warning-i_high3:after {
  content: "26%"; }

.design .background .hue-warning-i_high3, .design .background .saturation-warning-i_high3, .design .background .lightness-warning-i_high3 {
  color: white; }

.design .color-warning-i_high2 {
  color: #b85600; }

.design .bg-color-warning-i_high2 {
  background: #b85600; }

.design .border-color-warning-i_high2 {
  border-color: #b85600; }

.design .hue-warning-i_high2:after {
  content: "28"; }

.design .saturation-warning-i_high2:after {
  content: "100%"; }

.design .lightness-warning-i_high2:after {
  content: "36%"; }

.design .background .hue-warning-i_high2, .design .background .saturation-warning-i_high2, .design .background .lightness-warning-i_high2 {
  color: white; }

.design .color-warning-i_high1 {
  color: #db6600; }

.design .bg-color-warning-i_high1 {
  background: #db6600; }

.design .border-color-warning-i_high1 {
  border-color: #db6600; }

.design .hue-warning-i_high1:after {
  content: "28"; }

.design .saturation-warning-i_high1:after {
  content: "100%"; }

.design .lightness-warning-i_high1:after {
  content: "43%"; }

.design .background .hue-warning-i_high1, .design .background .saturation-warning-i_high1, .design .background .lightness-warning-i_high1 {
  color: white; }

.design .color-warning-i_medium {
  color: #ff7700; }

.design .bg-color-warning-i_medium {
  background: #ff7700; }

.design .border-color-warning-i_medium {
  border-color: #ff7700; }

.design .hue-warning-i_medium:after {
  content: "28"; }

.design .saturation-warning-i_medium:after {
  content: "100%"; }

.design .lightness-warning-i_medium:after {
  content: "50%"; }

.design .background .hue-warning-i_medium, .design .background .saturation-warning-i_medium, .design .background .lightness-warning-i_medium {
  color: white; }

.design .color-warning-i_low1 {
  color: #ff9233; }

.design .bg-color-warning-i_low1 {
  background: #ff9233; }

.design .border-color-warning-i_low1 {
  border-color: #ff9233; }

.design .hue-warning-i_low1:after {
  content: "28"; }

.design .saturation-warning-i_low1:after {
  content: "100%"; }

.design .lightness-warning-i_low1:after {
  content: "60%"; }

.design .background .hue-warning-i_low1, .design .background .saturation-warning-i_low1, .design .background .lightness-warning-i_low1 {
  color: black; }

.design .color-warning-i_low2 {
  color: #ffad66; }

.design .bg-color-warning-i_low2 {
  background: #ffad66; }

.design .border-color-warning-i_low2 {
  border-color: #ffad66; }

.design .hue-warning-i_low2:after {
  content: "28"; }

.design .saturation-warning-i_low2:after {
  content: "100%"; }

.design .lightness-warning-i_low2:after {
  content: "70%"; }

.design .background .hue-warning-i_low2, .design .background .saturation-warning-i_low2, .design .background .lightness-warning-i_low2 {
  color: black; }

.design .color-warning-i_low3 {
  color: #ffd6b3; }

.design .bg-color-warning-i_low3 {
  background: #ffd6b3; }

.design .border-color-warning-i_low3 {
  border-color: #ffd6b3; }

.design .hue-warning-i_low3:after {
  content: "28"; }

.design .saturation-warning-i_low3:after {
  content: "100%"; }

.design .lightness-warning-i_low3:after {
  content: "85%"; }

.design .background .hue-warning-i_low3, .design .background .saturation-warning-i_low3, .design .background .lightness-warning-i_low3 {
  color: black; }

.design .color-warning-i_low4 {
  color: #ffe4cc; }

.design .bg-color-warning-i_low4 {
  background: #ffe4cc; }

.design .border-color-warning-i_low4 {
  border-color: #ffe4cc; }

.design .hue-warning-i_low4:after {
  content: "28"; }

.design .saturation-warning-i_low4:after {
  content: "100%"; }

.design .lightness-warning-i_low4:after {
  content: "90%"; }

.design .background .hue-warning-i_low4, .design .background .saturation-warning-i_low4, .design .background .lightness-warning-i_low4 {
  color: black; }

.design .color-warning-i_low5 {
  color: #fff1e6; }

.design .bg-color-warning-i_low5 {
  background: #fff1e6; }

.design .border-color-warning-i_low5 {
  border-color: #fff1e6; }

.design .hue-warning-i_low5:after {
  content: "28"; }

.design .saturation-warning-i_low5:after {
  content: "100%"; }

.design .lightness-warning-i_low5:after {
  content: "95%"; }

.design .background .hue-warning-i_low5, .design .background .saturation-warning-i_low5, .design .background .lightness-warning-i_low5 {
  color: black; }

.design .color-warning-i_bottom {
  color: white; }

.design .bg-color-warning-i_bottom {
  background: white; }

.design .border-color-warning-i_bottom {
  border-color: white; }

.design .hue-warning-i_bottom:after {
  content: "0"; }

.design .saturation-warning-i_bottom:after {
  content: "0%"; }

.design .lightness-warning-i_bottom:after {
  content: "100%"; }

.design .background .hue-warning-i_bottom, .design .background .saturation-warning-i_bottom, .design .background .lightness-warning-i_bottom {
  color: black; }

.design .color-alert {
  color: #e61a1a; }

.design .bg-color-alert {
  background: #e61a1a; }

.design .border-color-alert {
  border-color: #e61a1a; }

.design .hue-alert:after {
  content: "0"; }

.design .saturation-alert:after {
  content: "80%"; }

.design .lightness-alert:after {
  content: "50%"; }

.design .background .hue-alert, .design .background .saturation-alert, .design .background .lightness-alert {
  color: white; }

.design .color-alert-top {
  color: white; }

.design .bg-color-alert-top {
  background: white; }

.design .border-color-alert-top {
  border-color: white; }

.design .hue-alert-top:after {
  content: "0"; }

.design .saturation-alert-top:after {
  content: "0%"; }

.design .lightness-alert-top:after {
  content: "100%"; }

.design .background .hue-alert-top, .design .background .saturation-alert-top, .design .background .lightness-alert-top {
  color: black; }

.design .color-alert-high5 {
  color: #fce8e8; }

.design .bg-color-alert-high5 {
  background: #fce8e8; }

.design .border-color-alert-high5 {
  border-color: #fce8e8; }

.design .hue-alert-high5:after {
  content: "0"; }

.design .saturation-alert-high5:after {
  content: "80%"; }

.design .lightness-alert-high5:after {
  content: "95%"; }

.design .background .hue-alert-high5, .design .background .saturation-alert-high5, .design .background .lightness-alert-high5 {
  color: black; }

.design .color-alert-high4 {
  color: #fad1d1; }

.design .bg-color-alert-high4 {
  background: #fad1d1; }

.design .border-color-alert-high4 {
  border-color: #fad1d1; }

.design .hue-alert-high4:after {
  content: "0"; }

.design .saturation-alert-high4:after {
  content: "80%"; }

.design .lightness-alert-high4:after {
  content: "90%"; }

.design .background .hue-alert-high4, .design .background .saturation-alert-high4, .design .background .lightness-alert-high4 {
  color: black; }

.design .color-alert-high3 {
  color: #f7baba; }

.design .bg-color-alert-high3 {
  background: #f7baba; }

.design .border-color-alert-high3 {
  border-color: #f7baba; }

.design .hue-alert-high3:after {
  content: "0"; }

.design .saturation-alert-high3:after {
  content: "80%"; }

.design .lightness-alert-high3:after {
  content: "85%"; }

.design .background .hue-alert-high3, .design .background .saturation-alert-high3, .design .background .lightness-alert-high3 {
  color: black; }

.design .color-alert-high2 {
  color: #f07575; }

.design .bg-color-alert-high2 {
  background: #f07575; }

.design .border-color-alert-high2 {
  border-color: #f07575; }

.design .hue-alert-high2:after {
  content: "0"; }

.design .saturation-alert-high2:after {
  content: "80%"; }

.design .lightness-alert-high2:after {
  content: "70%"; }

.design .background .hue-alert-high2, .design .background .saturation-alert-high2, .design .background .lightness-alert-high2 {
  color: black; }

.design .color-alert-high1 {
  color: #eb4747; }

.design .bg-color-alert-high1 {
  background: #eb4747; }

.design .border-color-alert-high1 {
  border-color: #eb4747; }

.design .hue-alert-high1:after {
  content: "0"; }

.design .saturation-alert-high1:after {
  content: "80%"; }

.design .lightness-alert-high1:after {
  content: "60%"; }

.design .background .hue-alert-high1, .design .background .saturation-alert-high1, .design .background .lightness-alert-high1 {
  color: black; }

.design .color-alert-medium {
  color: #e61a1a; }

.design .bg-color-alert-medium {
  background: #e61a1a; }

.design .border-color-alert-medium {
  border-color: #e61a1a; }

.design .hue-alert-medium:after {
  content: "0"; }

.design .saturation-alert-medium:after {
  content: "80%"; }

.design .lightness-alert-medium:after {
  content: "50%"; }

.design .background .hue-alert-medium, .design .background .saturation-alert-medium, .design .background .lightness-alert-medium {
  color: white; }

.design .color-alert-low1 {
  color: #b81414; }

.design .bg-color-alert-low1 {
  background: #b81414; }

.design .border-color-alert-low1 {
  border-color: #b81414; }

.design .hue-alert-low1:after {
  content: "0"; }

.design .saturation-alert-low1:after {
  content: "80%"; }

.design .lightness-alert-low1:after {
  content: "40%"; }

.design .background .hue-alert-low1, .design .background .saturation-alert-low1, .design .background .lightness-alert-low1 {
  color: white; }

.design .color-alert-low2 {
  color: #8a0f0f; }

.design .bg-color-alert-low2 {
  background: #8a0f0f; }

.design .border-color-alert-low2 {
  border-color: #8a0f0f; }

.design .hue-alert-low2:after {
  content: "0"; }

.design .saturation-alert-low2:after {
  content: "80%"; }

.design .lightness-alert-low2:after {
  content: "30%"; }

.design .background .hue-alert-low2, .design .background .saturation-alert-low2, .design .background .lightness-alert-low2 {
  color: white; }

.design .color-alert-low3 {
  color: #450808; }

.design .bg-color-alert-low3 {
  background: #450808; }

.design .border-color-alert-low3 {
  border-color: #450808; }

.design .hue-alert-low3:after {
  content: "0"; }

.design .saturation-alert-low3:after {
  content: "80%"; }

.design .lightness-alert-low3:after {
  content: "15%"; }

.design .background .hue-alert-low3, .design .background .saturation-alert-low3, .design .background .lightness-alert-low3 {
  color: white; }

.design .color-alert-low4 {
  color: #2e0505; }

.design .bg-color-alert-low4 {
  background: #2e0505; }

.design .border-color-alert-low4 {
  border-color: #2e0505; }

.design .hue-alert-low4:after {
  content: "0"; }

.design .saturation-alert-low4:after {
  content: "80%"; }

.design .lightness-alert-low4:after {
  content: "10%"; }

.design .background .hue-alert-low4, .design .background .saturation-alert-low4, .design .background .lightness-alert-low4 {
  color: white; }

.design .color-alert-low5 {
  color: #170303; }

.design .bg-color-alert-low5 {
  background: #170303; }

.design .border-color-alert-low5 {
  border-color: #170303; }

.design .hue-alert-low5:after {
  content: "0"; }

.design .saturation-alert-low5:after {
  content: "80%"; }

.design .lightness-alert-low5:after {
  content: "5%"; }

.design .background .hue-alert-low5, .design .background .saturation-alert-low5, .design .background .lightness-alert-low5 {
  color: white; }

.design .color-alert-bottom {
  color: black; }

.design .bg-color-alert-bottom {
  background: black; }

.design .border-color-alert-bottom {
  border-color: black; }

.design .hue-alert-bottom:after {
  content: "0"; }

.design .saturation-alert-bottom:after {
  content: "0%"; }

.design .lightness-alert-bottom:after {
  content: "0%"; }

.design .background .hue-alert-bottom, .design .background .saturation-alert-bottom, .design .background .lightness-alert-bottom {
  color: white; }

.design .color-alert-i_top {
  color: #450808; }

.design .bg-color-alert-i_top {
  background: #450808; }

.design .border-color-alert-i_top {
  border-color: #450808; }

.design .hue-alert-i_top:after {
  content: "0"; }

.design .saturation-alert-i_top:after {
  content: "80%"; }

.design .lightness-alert-i_top:after {
  content: "15%"; }

.design .background .hue-alert-i_top, .design .background .saturation-alert-i_top, .design .background .lightness-alert-i_top {
  color: white; }

.design .color-alert-i_high5 {
  color: #570a0a; }

.design .bg-color-alert-i_high5 {
  background: #570a0a; }

.design .border-color-alert-i_high5 {
  border-color: #570a0a; }

.design .hue-alert-i_high5:after {
  content: "0"; }

.design .saturation-alert-i_high5:after {
  content: "80%"; }

.design .lightness-alert-i_high5:after {
  content: "19%"; }

.design .background .hue-alert-i_high5, .design .background .saturation-alert-i_high5, .design .background .lightness-alert-i_high5 {
  color: white; }

.design .color-alert-i_high4 {
  color: #650b0b; }

.design .bg-color-alert-i_high4 {
  background: #650b0b; }

.design .border-color-alert-i_high4 {
  border-color: #650b0b; }

.design .hue-alert-i_high4:after {
  content: "0"; }

.design .saturation-alert-i_high4:after {
  content: "80%"; }

.design .lightness-alert-i_high4:after {
  content: "22%"; }

.design .background .hue-alert-i_high4, .design .background .saturation-alert-i_high4, .design .background .lightness-alert-i_high4 {
  color: white; }

.design .color-alert-i_high3 {
  color: #770d0d; }

.design .bg-color-alert-i_high3 {
  background: #770d0d; }

.design .border-color-alert-i_high3 {
  border-color: #770d0d; }

.design .hue-alert-i_high3:after {
  content: "0"; }

.design .saturation-alert-i_high3:after {
  content: "80%"; }

.design .lightness-alert-i_high3:after {
  content: "26%"; }

.design .background .hue-alert-i_high3, .design .background .saturation-alert-i_high3, .design .background .lightness-alert-i_high3 {
  color: white; }

.design .color-alert-i_high2 {
  color: #a51212; }

.design .bg-color-alert-i_high2 {
  background: #a51212; }

.design .border-color-alert-i_high2 {
  border-color: #a51212; }

.design .hue-alert-i_high2:after {
  content: "0"; }

.design .saturation-alert-i_high2:after {
  content: "80%"; }

.design .lightness-alert-i_high2:after {
  content: "36%"; }

.design .background .hue-alert-i_high2, .design .background .saturation-alert-i_high2, .design .background .lightness-alert-i_high2 {
  color: white; }

.design .color-alert-i_high1 {
  color: #c51616; }

.design .bg-color-alert-i_high1 {
  background: #c51616; }

.design .border-color-alert-i_high1 {
  border-color: #c51616; }

.design .hue-alert-i_high1:after {
  content: "0"; }

.design .saturation-alert-i_high1:after {
  content: "80%"; }

.design .lightness-alert-i_high1:after {
  content: "43%"; }

.design .background .hue-alert-i_high1, .design .background .saturation-alert-i_high1, .design .background .lightness-alert-i_high1 {
  color: white; }

.design .color-alert-i_medium {
  color: #e61a1a; }

.design .bg-color-alert-i_medium {
  background: #e61a1a; }

.design .border-color-alert-i_medium {
  border-color: #e61a1a; }

.design .hue-alert-i_medium:after {
  content: "0"; }

.design .saturation-alert-i_medium:after {
  content: "80%"; }

.design .lightness-alert-i_medium:after {
  content: "50%"; }

.design .background .hue-alert-i_medium, .design .background .saturation-alert-i_medium, .design .background .lightness-alert-i_medium {
  color: white; }

.design .color-alert-i_low1 {
  color: #eb4747; }

.design .bg-color-alert-i_low1 {
  background: #eb4747; }

.design .border-color-alert-i_low1 {
  border-color: #eb4747; }

.design .hue-alert-i_low1:after {
  content: "0"; }

.design .saturation-alert-i_low1:after {
  content: "80%"; }

.design .lightness-alert-i_low1:after {
  content: "60%"; }

.design .background .hue-alert-i_low1, .design .background .saturation-alert-i_low1, .design .background .lightness-alert-i_low1 {
  color: black; }

.design .color-alert-i_low2 {
  color: #f07575; }

.design .bg-color-alert-i_low2 {
  background: #f07575; }

.design .border-color-alert-i_low2 {
  border-color: #f07575; }

.design .hue-alert-i_low2:after {
  content: "0"; }

.design .saturation-alert-i_low2:after {
  content: "80%"; }

.design .lightness-alert-i_low2:after {
  content: "70%"; }

.design .background .hue-alert-i_low2, .design .background .saturation-alert-i_low2, .design .background .lightness-alert-i_low2 {
  color: black; }

.design .color-alert-i_low3 {
  color: #f7baba; }

.design .bg-color-alert-i_low3 {
  background: #f7baba; }

.design .border-color-alert-i_low3 {
  border-color: #f7baba; }

.design .hue-alert-i_low3:after {
  content: "0"; }

.design .saturation-alert-i_low3:after {
  content: "80%"; }

.design .lightness-alert-i_low3:after {
  content: "85%"; }

.design .background .hue-alert-i_low3, .design .background .saturation-alert-i_low3, .design .background .lightness-alert-i_low3 {
  color: black; }

.design .color-alert-i_low4 {
  color: #fad1d1; }

.design .bg-color-alert-i_low4 {
  background: #fad1d1; }

.design .border-color-alert-i_low4 {
  border-color: #fad1d1; }

.design .hue-alert-i_low4:after {
  content: "0"; }

.design .saturation-alert-i_low4:after {
  content: "80%"; }

.design .lightness-alert-i_low4:after {
  content: "90%"; }

.design .background .hue-alert-i_low4, .design .background .saturation-alert-i_low4, .design .background .lightness-alert-i_low4 {
  color: black; }

.design .color-alert-i_low5 {
  color: #fce8e8; }

.design .bg-color-alert-i_low5 {
  background: #fce8e8; }

.design .border-color-alert-i_low5 {
  border-color: #fce8e8; }

.design .hue-alert-i_low5:after {
  content: "0"; }

.design .saturation-alert-i_low5:after {
  content: "80%"; }

.design .lightness-alert-i_low5:after {
  content: "95%"; }

.design .background .hue-alert-i_low5, .design .background .saturation-alert-i_low5, .design .background .lightness-alert-i_low5 {
  color: black; }

.design .color-alert-i_bottom {
  color: white; }

.design .bg-color-alert-i_bottom {
  background: white; }

.design .border-color-alert-i_bottom {
  border-color: white; }

.design .hue-alert-i_bottom:after {
  content: "0"; }

.design .saturation-alert-i_bottom:after {
  content: "0%"; }

.design .lightness-alert-i_bottom:after {
  content: "100%"; }

.design .background .hue-alert-i_bottom, .design .background .saturation-alert-i_bottom, .design .background .lightness-alert-i_bottom {
  color: black; }

.design .color-success {
  color: #50b649; }

.design .bg-color-success {
  background: #50b649; }

.design .border-color-success {
  border-color: #50b649; }

.design .hue-success:after {
  content: "116"; }

.design .saturation-success:after {
  content: "43%"; }

.design .lightness-success:after {
  content: "50%"; }

.design .background .hue-success, .design .background .saturation-success, .design .background .lightness-success {
  color: white; }

.design .color-success-top {
  color: white; }

.design .bg-color-success-top {
  background: white; }

.design .border-color-success-top {
  border-color: white; }

.design .hue-success-top:after {
  content: "0"; }

.design .saturation-success-top:after {
  content: "0%"; }

.design .lightness-success-top:after {
  content: "100%"; }

.design .background .hue-success-top, .design .background .saturation-success-top, .design .background .lightness-success-top {
  color: black; }

.design .color-success-high5 {
  color: #edf8ed; }

.design .bg-color-success-high5 {
  background: #edf8ed; }

.design .border-color-success-high5 {
  border-color: #edf8ed; }

.design .hue-success-high5:after {
  content: "116"; }

.design .saturation-success-high5:after {
  content: "43%"; }

.design .lightness-success-high5:after {
  content: "95%"; }

.design .background .hue-success-high5, .design .background .saturation-success-high5, .design .background .lightness-success-high5 {
  color: black; }

.design .color-success-high4 {
  color: #dcf0db; }

.design .bg-color-success-high4 {
  background: #dcf0db; }

.design .border-color-success-high4 {
  border-color: #dcf0db; }

.design .hue-success-high4:after {
  content: "116"; }

.design .saturation-success-high4:after {
  content: "43%"; }

.design .lightness-success-high4:after {
  content: "90%"; }

.design .background .hue-success-high4, .design .background .saturation-success-high4, .design .background .lightness-success-high4 {
  color: black; }

.design .color-success-high3 {
  color: #cae9c8; }

.design .bg-color-success-high3 {
  background: #cae9c8; }

.design .border-color-success-high3 {
  border-color: #cae9c8; }

.design .hue-success-high3:after {
  content: "116"; }

.design .saturation-success-high3:after {
  content: "43%"; }

.design .lightness-success-high3:after {
  content: "85%"; }

.design .background .hue-success-high3, .design .background .saturation-success-high3, .design .background .lightness-success-high3 {
  color: black; }

.design .color-success-high2 {
  color: #96d392; }

.design .bg-color-success-high2 {
  background: #96d392; }

.design .border-color-success-high2 {
  border-color: #96d392; }

.design .hue-success-high2:after {
  content: "116"; }

.design .saturation-success-high2:after {
  content: "43%"; }

.design .lightness-success-high2:after {
  content: "70%"; }

.design .background .hue-success-high2, .design .background .saturation-success-high2, .design .background .lightness-success-high2 {
  color: black; }

.design .color-success-high1 {
  color: #73c56d; }

.design .bg-color-success-high1 {
  background: #73c56d; }

.design .border-color-success-high1 {
  border-color: #73c56d; }

.design .hue-success-high1:after {
  content: "116"; }

.design .saturation-success-high1:after {
  content: "43%"; }

.design .lightness-success-high1:after {
  content: "60%"; }

.design .background .hue-success-high1, .design .background .saturation-success-high1, .design .background .lightness-success-high1 {
  color: black; }

.design .color-success-medium {
  color: #50b649; }

.design .bg-color-success-medium {
  background: #50b649; }

.design .border-color-success-medium {
  border-color: #50b649; }

.design .hue-success-medium:after {
  content: "116"; }

.design .saturation-success-medium:after {
  content: "43%"; }

.design .lightness-success-medium:after {
  content: "50%"; }

.design .background .hue-success-medium, .design .background .saturation-success-medium, .design .background .lightness-success-medium {
  color: white; }

.design .color-success-low1 {
  color: #40923a; }

.design .bg-color-success-low1 {
  background: #40923a; }

.design .border-color-success-low1 {
  border-color: #40923a; }

.design .hue-success-low1:after {
  content: "116"; }

.design .saturation-success-low1:after {
  content: "43%"; }

.design .lightness-success-low1:after {
  content: "40%"; }

.design .background .hue-success-low1, .design .background .saturation-success-low1, .design .background .lightness-success-low1 {
  color: white; }

.design .color-success-low2 {
  color: #306d2c; }

.design .bg-color-success-low2 {
  background: #306d2c; }

.design .border-color-success-low2 {
  border-color: #306d2c; }

.design .hue-success-low2:after {
  content: "116"; }

.design .saturation-success-low2:after {
  content: "43%"; }

.design .lightness-success-low2:after {
  content: "30%"; }

.design .background .hue-success-low2, .design .background .saturation-success-low2, .design .background .lightness-success-low2 {
  color: white; }

.design .color-success-low3 {
  color: #183716; }

.design .bg-color-success-low3 {
  background: #183716; }

.design .border-color-success-low3 {
  border-color: #183716; }

.design .hue-success-low3:after {
  content: "116"; }

.design .saturation-success-low3:after {
  content: "43%"; }

.design .lightness-success-low3:after {
  content: "15%"; }

.design .background .hue-success-low3, .design .background .saturation-success-low3, .design .background .lightness-success-low3 {
  color: white; }

.design .color-success-low4 {
  color: #10240f; }

.design .bg-color-success-low4 {
  background: #10240f; }

.design .border-color-success-low4 {
  border-color: #10240f; }

.design .hue-success-low4:after {
  content: "116"; }

.design .saturation-success-low4:after {
  content: "43%"; }

.design .lightness-success-low4:after {
  content: "10%"; }

.design .background .hue-success-low4, .design .background .saturation-success-low4, .design .background .lightness-success-low4 {
  color: white; }

.design .color-success-low5 {
  color: #081207; }

.design .bg-color-success-low5 {
  background: #081207; }

.design .border-color-success-low5 {
  border-color: #081207; }

.design .hue-success-low5:after {
  content: "116"; }

.design .saturation-success-low5:after {
  content: "43%"; }

.design .lightness-success-low5:after {
  content: "5%"; }

.design .background .hue-success-low5, .design .background .saturation-success-low5, .design .background .lightness-success-low5 {
  color: white; }

.design .color-success-bottom {
  color: black; }

.design .bg-color-success-bottom {
  background: black; }

.design .border-color-success-bottom {
  border-color: black; }

.design .hue-success-bottom:after {
  content: "0"; }

.design .saturation-success-bottom:after {
  content: "0%"; }

.design .lightness-success-bottom:after {
  content: "0%"; }

.design .background .hue-success-bottom, .design .background .saturation-success-bottom, .design .background .lightness-success-bottom {
  color: white; }

.design .color-success-i_top {
  color: #183716; }

.design .bg-color-success-i_top {
  background: #183716; }

.design .border-color-success-i_top {
  border-color: #183716; }

.design .hue-success-i_top:after {
  content: "116"; }

.design .saturation-success-i_top:after {
  content: "43%"; }

.design .lightness-success-i_top:after {
  content: "15%"; }

.design .background .hue-success-i_top, .design .background .saturation-success-i_top, .design .background .lightness-success-i_top {
  color: white; }

.design .color-success-i_high5 {
  color: #1e451c; }

.design .bg-color-success-i_high5 {
  background: #1e451c; }

.design .border-color-success-i_high5 {
  border-color: #1e451c; }

.design .hue-success-i_high5:after {
  content: "116"; }

.design .saturation-success-i_high5:after {
  content: "43%"; }

.design .lightness-success-i_high5:after {
  content: "19%"; }

.design .background .hue-success-i_high5, .design .background .saturation-success-i_high5, .design .background .lightness-success-i_high5 {
  color: white; }

.design .color-success-i_high4 {
  color: #235020; }

.design .bg-color-success-i_high4 {
  background: #235020; }

.design .border-color-success-i_high4 {
  border-color: #235020; }

.design .hue-success-i_high4:after {
  content: "116"; }

.design .saturation-success-i_high4:after {
  content: "43%"; }

.design .lightness-success-i_high4:after {
  content: "22%"; }

.design .background .hue-success-i_high4, .design .background .saturation-success-i_high4, .design .background .lightness-success-i_high4 {
  color: white; }

.design .color-success-i_high3 {
  color: #2a5f26; }

.design .bg-color-success-i_high3 {
  background: #2a5f26; }

.design .border-color-success-i_high3 {
  border-color: #2a5f26; }

.design .hue-success-i_high3:after {
  content: "116"; }

.design .saturation-success-i_high3:after {
  content: "43%"; }

.design .lightness-success-i_high3:after {
  content: "26%"; }

.design .background .hue-success-i_high3, .design .background .saturation-success-i_high3, .design .background .lightness-success-i_high3 {
  color: white; }

.design .color-success-i_high2 {
  color: #3a8334; }

.design .bg-color-success-i_high2 {
  background: #3a8334; }

.design .border-color-success-i_high2 {
  border-color: #3a8334; }

.design .hue-success-i_high2:after {
  content: "116"; }

.design .saturation-success-i_high2:after {
  content: "43%"; }

.design .lightness-success-i_high2:after {
  content: "36%"; }

.design .background .hue-success-i_high2, .design .background .saturation-success-i_high2, .design .background .lightness-success-i_high2 {
  color: white; }

.design .color-success-i_high1 {
  color: #459d3f; }

.design .bg-color-success-i_high1 {
  background: #459d3f; }

.design .border-color-success-i_high1 {
  border-color: #459d3f; }

.design .hue-success-i_high1:after {
  content: "116"; }

.design .saturation-success-i_high1:after {
  content: "43%"; }

.design .lightness-success-i_high1:after {
  content: "43%"; }

.design .background .hue-success-i_high1, .design .background .saturation-success-i_high1, .design .background .lightness-success-i_high1 {
  color: white; }

.design .color-success-i_medium {
  color: #50b649; }

.design .bg-color-success-i_medium {
  background: #50b649; }

.design .border-color-success-i_medium {
  border-color: #50b649; }

.design .hue-success-i_medium:after {
  content: "116"; }

.design .saturation-success-i_medium:after {
  content: "43%"; }

.design .lightness-success-i_medium:after {
  content: "50%"; }

.design .background .hue-success-i_medium, .design .background .saturation-success-i_medium, .design .background .lightness-success-i_medium {
  color: white; }

.design .color-success-i_low1 {
  color: #73c56d; }

.design .bg-color-success-i_low1 {
  background: #73c56d; }

.design .border-color-success-i_low1 {
  border-color: #73c56d; }

.design .hue-success-i_low1:after {
  content: "116"; }

.design .saturation-success-i_low1:after {
  content: "43%"; }

.design .lightness-success-i_low1:after {
  content: "60%"; }

.design .background .hue-success-i_low1, .design .background .saturation-success-i_low1, .design .background .lightness-success-i_low1 {
  color: black; }

.design .color-success-i_low2 {
  color: #96d392; }

.design .bg-color-success-i_low2 {
  background: #96d392; }

.design .border-color-success-i_low2 {
  border-color: #96d392; }

.design .hue-success-i_low2:after {
  content: "116"; }

.design .saturation-success-i_low2:after {
  content: "43%"; }

.design .lightness-success-i_low2:after {
  content: "70%"; }

.design .background .hue-success-i_low2, .design .background .saturation-success-i_low2, .design .background .lightness-success-i_low2 {
  color: black; }

.design .color-success-i_low3 {
  color: #cae9c8; }

.design .bg-color-success-i_low3 {
  background: #cae9c8; }

.design .border-color-success-i_low3 {
  border-color: #cae9c8; }

.design .hue-success-i_low3:after {
  content: "116"; }

.design .saturation-success-i_low3:after {
  content: "43%"; }

.design .lightness-success-i_low3:after {
  content: "85%"; }

.design .background .hue-success-i_low3, .design .background .saturation-success-i_low3, .design .background .lightness-success-i_low3 {
  color: black; }

.design .color-success-i_low4 {
  color: #dcf0db; }

.design .bg-color-success-i_low4 {
  background: #dcf0db; }

.design .border-color-success-i_low4 {
  border-color: #dcf0db; }

.design .hue-success-i_low4:after {
  content: "116"; }

.design .saturation-success-i_low4:after {
  content: "43%"; }

.design .lightness-success-i_low4:after {
  content: "90%"; }

.design .background .hue-success-i_low4, .design .background .saturation-success-i_low4, .design .background .lightness-success-i_low4 {
  color: black; }

.design .color-success-i_low5 {
  color: #edf8ed; }

.design .bg-color-success-i_low5 {
  background: #edf8ed; }

.design .border-color-success-i_low5 {
  border-color: #edf8ed; }

.design .hue-success-i_low5:after {
  content: "116"; }

.design .saturation-success-i_low5:after {
  content: "43%"; }

.design .lightness-success-i_low5:after {
  content: "95%"; }

.design .background .hue-success-i_low5, .design .background .saturation-success-i_low5, .design .background .lightness-success-i_low5 {
  color: black; }

.design .color-success-i_bottom {
  color: white; }

.design .bg-color-success-i_bottom {
  background: white; }

.design .border-color-success-i_bottom {
  border-color: white; }

.design .hue-success-i_bottom:after {
  content: "0"; }

.design .saturation-success-i_bottom:after {
  content: "0%"; }

.design .lightness-success-i_bottom:after {
  content: "100%"; }

.design .background .hue-success-i_bottom, .design .background .saturation-success-i_bottom, .design .background .lightness-success-i_bottom {
  color: black; }

.design .color-admin {
  color: #8a40bf; }

.design .bg-color-admin {
  background: #8a40bf; }

.design .border-color-admin {
  border-color: #8a40bf; }

.design .hue-admin:after {
  content: "275"; }

.design .saturation-admin:after {
  content: "50%"; }

.design .lightness-admin:after {
  content: "50%"; }

.design .background .hue-admin, .design .background .saturation-admin, .design .background .lightness-admin {
  color: white; }

.design .color-admin-top {
  color: white; }

.design .bg-color-admin-top {
  background: white; }

.design .border-color-admin-top {
  border-color: white; }

.design .hue-admin-top:after {
  content: "0"; }

.design .saturation-admin-top:after {
  content: "0%"; }

.design .lightness-admin-top:after {
  content: "100%"; }

.design .background .hue-admin-top, .design .background .saturation-admin-top, .design .background .lightness-admin-top {
  color: black; }

.design .color-admin-high5 {
  color: #f3ecf9; }

.design .bg-color-admin-high5 {
  background: #f3ecf9; }

.design .border-color-admin-high5 {
  border-color: #f3ecf9; }

.design .hue-admin-high5:after {
  content: "275"; }

.design .saturation-admin-high5:after {
  content: "50%"; }

.design .lightness-admin-high5:after {
  content: "95%"; }

.design .background .hue-admin-high5, .design .background .saturation-admin-high5, .design .background .lightness-admin-high5 {
  color: black; }

.design .color-admin-high4 {
  color: #e8d9f2; }

.design .bg-color-admin-high4 {
  background: #e8d9f2; }

.design .border-color-admin-high4 {
  border-color: #e8d9f2; }

.design .hue-admin-high4:after {
  content: "275"; }

.design .saturation-admin-high4:after {
  content: "50%"; }

.design .lightness-admin-high4:after {
  content: "90%"; }

.design .background .hue-admin-high4, .design .background .saturation-admin-high4, .design .background .lightness-admin-high4 {
  color: black; }

.design .color-admin-high3 {
  color: #dcc6ec; }

.design .bg-color-admin-high3 {
  background: #dcc6ec; }

.design .border-color-admin-high3 {
  border-color: #dcc6ec; }

.design .hue-admin-high3:after {
  content: "275"; }

.design .saturation-admin-high3:after {
  content: "50%"; }

.design .lightness-admin-high3:after {
  content: "85%"; }

.design .background .hue-admin-high3, .design .background .saturation-admin-high3, .design .background .lightness-admin-high3 {
  color: black; }

.design .color-admin-high2 {
  color: #b98cd9; }

.design .bg-color-admin-high2 {
  background: #b98cd9; }

.design .border-color-admin-high2 {
  border-color: #b98cd9; }

.design .hue-admin-high2:after {
  content: "275"; }

.design .saturation-admin-high2:after {
  content: "50%"; }

.design .lightness-admin-high2:after {
  content: "70%"; }

.design .background .hue-admin-high2, .design .background .saturation-admin-high2, .design .background .lightness-admin-high2 {
  color: black; }

.design .color-admin-high1 {
  color: #a266cc; }

.design .bg-color-admin-high1 {
  background: #a266cc; }

.design .border-color-admin-high1 {
  border-color: #a266cc; }

.design .hue-admin-high1:after {
  content: "275"; }

.design .saturation-admin-high1:after {
  content: "50%"; }

.design .lightness-admin-high1:after {
  content: "60%"; }

.design .background .hue-admin-high1, .design .background .saturation-admin-high1, .design .background .lightness-admin-high1 {
  color: black; }

.design .color-admin-medium {
  color: #8a40bf; }

.design .bg-color-admin-medium {
  background: #8a40bf; }

.design .border-color-admin-medium {
  border-color: #8a40bf; }

.design .hue-admin-medium:after {
  content: "275"; }

.design .saturation-admin-medium:after {
  content: "50%"; }

.design .lightness-admin-medium:after {
  content: "50%"; }

.design .background .hue-admin-medium, .design .background .saturation-admin-medium, .design .background .lightness-admin-medium {
  color: white; }

.design .color-admin-low1 {
  color: #6f3399; }

.design .bg-color-admin-low1 {
  background: #6f3399; }

.design .border-color-admin-low1 {
  border-color: #6f3399; }

.design .hue-admin-low1:after {
  content: "275"; }

.design .saturation-admin-low1:after {
  content: "50%"; }

.design .lightness-admin-low1:after {
  content: "40%"; }

.design .background .hue-admin-low1, .design .background .saturation-admin-low1, .design .background .lightness-admin-low1 {
  color: white; }

.design .color-admin-low2 {
  color: #532673; }

.design .bg-color-admin-low2 {
  background: #532673; }

.design .border-color-admin-low2 {
  border-color: #532673; }

.design .hue-admin-low2:after {
  content: "275"; }

.design .saturation-admin-low2:after {
  content: "50%"; }

.design .lightness-admin-low2:after {
  content: "30%"; }

.design .background .hue-admin-low2, .design .background .saturation-admin-low2, .design .background .lightness-admin-low2 {
  color: white; }

.design .color-admin-low3 {
  color: #291339; }

.design .bg-color-admin-low3 {
  background: #291339; }

.design .border-color-admin-low3 {
  border-color: #291339; }

.design .hue-admin-low3:after {
  content: "275"; }

.design .saturation-admin-low3:after {
  content: "50%"; }

.design .lightness-admin-low3:after {
  content: "15%"; }

.design .background .hue-admin-low3, .design .background .saturation-admin-low3, .design .background .lightness-admin-low3 {
  color: white; }

.design .color-admin-low4 {
  color: #1c0d26; }

.design .bg-color-admin-low4 {
  background: #1c0d26; }

.design .border-color-admin-low4 {
  border-color: #1c0d26; }

.design .hue-admin-low4:after {
  content: "275"; }

.design .saturation-admin-low4:after {
  content: "50%"; }

.design .lightness-admin-low4:after {
  content: "10%"; }

.design .background .hue-admin-low4, .design .background .saturation-admin-low4, .design .background .lightness-admin-low4 {
  color: white; }

.design .color-admin-low5 {
  color: #0e0613; }

.design .bg-color-admin-low5 {
  background: #0e0613; }

.design .border-color-admin-low5 {
  border-color: #0e0613; }

.design .hue-admin-low5:after {
  content: "275"; }

.design .saturation-admin-low5:after {
  content: "50%"; }

.design .lightness-admin-low5:after {
  content: "5%"; }

.design .background .hue-admin-low5, .design .background .saturation-admin-low5, .design .background .lightness-admin-low5 {
  color: white; }

.design .color-admin-bottom {
  color: black; }

.design .bg-color-admin-bottom {
  background: black; }

.design .border-color-admin-bottom {
  border-color: black; }

.design .hue-admin-bottom:after {
  content: "0"; }

.design .saturation-admin-bottom:after {
  content: "0%"; }

.design .lightness-admin-bottom:after {
  content: "0%"; }

.design .background .hue-admin-bottom, .design .background .saturation-admin-bottom, .design .background .lightness-admin-bottom {
  color: white; }

.design .color-admin-i_top {
  color: #291339; }

.design .bg-color-admin-i_top {
  background: #291339; }

.design .border-color-admin-i_top {
  border-color: #291339; }

.design .hue-admin-i_top:after {
  content: "275"; }

.design .saturation-admin-i_top:after {
  content: "50%"; }

.design .lightness-admin-i_top:after {
  content: "15%"; }

.design .background .hue-admin-i_top, .design .background .saturation-admin-i_top, .design .background .lightness-admin-i_top {
  color: white; }

.design .color-admin-i_high5 {
  color: #341849; }

.design .bg-color-admin-i_high5 {
  background: #341849; }

.design .border-color-admin-i_high5 {
  border-color: #341849; }

.design .hue-admin-i_high5:after {
  content: "275"; }

.design .saturation-admin-i_high5:after {
  content: "50%"; }

.design .lightness-admin-i_high5:after {
  content: "19%"; }

.design .background .hue-admin-i_high5, .design .background .saturation-admin-i_high5, .design .background .lightness-admin-i_high5 {
  color: white; }

.design .color-admin-i_high4 {
  color: #3d1c54; }

.design .bg-color-admin-i_high4 {
  background: #3d1c54; }

.design .border-color-admin-i_high4 {
  border-color: #3d1c54; }

.design .hue-admin-i_high4:after {
  content: "275"; }

.design .saturation-admin-i_high4:after {
  content: "50%"; }

.design .lightness-admin-i_high4:after {
  content: "22%"; }

.design .background .hue-admin-i_high4, .design .background .saturation-admin-i_high4, .design .background .lightness-admin-i_high4 {
  color: white; }

.design .color-admin-i_high3 {
  color: #482163; }

.design .bg-color-admin-i_high3 {
  background: #482163; }

.design .border-color-admin-i_high3 {
  border-color: #482163; }

.design .hue-admin-i_high3:after {
  content: "275"; }

.design .saturation-admin-i_high3:after {
  content: "50%"; }

.design .lightness-admin-i_high3:after {
  content: "26%"; }

.design .background .hue-admin-i_high3, .design .background .saturation-admin-i_high3, .design .background .lightness-admin-i_high3 {
  color: white; }

.design .color-admin-i_high2 {
  color: #632e8a; }

.design .bg-color-admin-i_high2 {
  background: #632e8a; }

.design .border-color-admin-i_high2 {
  border-color: #632e8a; }

.design .hue-admin-i_high2:after {
  content: "275"; }

.design .saturation-admin-i_high2:after {
  content: "50%"; }

.design .lightness-admin-i_high2:after {
  content: "36%"; }

.design .background .hue-admin-i_high2, .design .background .saturation-admin-i_high2, .design .background .lightness-admin-i_high2 {
  color: white; }

.design .color-admin-i_high1 {
  color: #7737a4; }

.design .bg-color-admin-i_high1 {
  background: #7737a4; }

.design .border-color-admin-i_high1 {
  border-color: #7737a4; }

.design .hue-admin-i_high1:after {
  content: "275"; }

.design .saturation-admin-i_high1:after {
  content: "50%"; }

.design .lightness-admin-i_high1:after {
  content: "43%"; }

.design .background .hue-admin-i_high1, .design .background .saturation-admin-i_high1, .design .background .lightness-admin-i_high1 {
  color: white; }

.design .color-admin-i_medium {
  color: #8a40bf; }

.design .bg-color-admin-i_medium {
  background: #8a40bf; }

.design .border-color-admin-i_medium {
  border-color: #8a40bf; }

.design .hue-admin-i_medium:after {
  content: "275"; }

.design .saturation-admin-i_medium:after {
  content: "50%"; }

.design .lightness-admin-i_medium:after {
  content: "50%"; }

.design .background .hue-admin-i_medium, .design .background .saturation-admin-i_medium, .design .background .lightness-admin-i_medium {
  color: white; }

.design .color-admin-i_low1 {
  color: #a266cc; }

.design .bg-color-admin-i_low1 {
  background: #a266cc; }

.design .border-color-admin-i_low1 {
  border-color: #a266cc; }

.design .hue-admin-i_low1:after {
  content: "275"; }

.design .saturation-admin-i_low1:after {
  content: "50%"; }

.design .lightness-admin-i_low1:after {
  content: "60%"; }

.design .background .hue-admin-i_low1, .design .background .saturation-admin-i_low1, .design .background .lightness-admin-i_low1 {
  color: black; }

.design .color-admin-i_low2 {
  color: #b98cd9; }

.design .bg-color-admin-i_low2 {
  background: #b98cd9; }

.design .border-color-admin-i_low2 {
  border-color: #b98cd9; }

.design .hue-admin-i_low2:after {
  content: "275"; }

.design .saturation-admin-i_low2:after {
  content: "50%"; }

.design .lightness-admin-i_low2:after {
  content: "70%"; }

.design .background .hue-admin-i_low2, .design .background .saturation-admin-i_low2, .design .background .lightness-admin-i_low2 {
  color: black; }

.design .color-admin-i_low3 {
  color: #dcc6ec; }

.design .bg-color-admin-i_low3 {
  background: #dcc6ec; }

.design .border-color-admin-i_low3 {
  border-color: #dcc6ec; }

.design .hue-admin-i_low3:after {
  content: "275"; }

.design .saturation-admin-i_low3:after {
  content: "50%"; }

.design .lightness-admin-i_low3:after {
  content: "85%"; }

.design .background .hue-admin-i_low3, .design .background .saturation-admin-i_low3, .design .background .lightness-admin-i_low3 {
  color: black; }

.design .color-admin-i_low4 {
  color: #e8d9f2; }

.design .bg-color-admin-i_low4 {
  background: #e8d9f2; }

.design .border-color-admin-i_low4 {
  border-color: #e8d9f2; }

.design .hue-admin-i_low4:after {
  content: "275"; }

.design .saturation-admin-i_low4:after {
  content: "50%"; }

.design .lightness-admin-i_low4:after {
  content: "90%"; }

.design .background .hue-admin-i_low4, .design .background .saturation-admin-i_low4, .design .background .lightness-admin-i_low4 {
  color: black; }

.design .color-admin-i_low5 {
  color: #f3ecf9; }

.design .bg-color-admin-i_low5 {
  background: #f3ecf9; }

.design .border-color-admin-i_low5 {
  border-color: #f3ecf9; }

.design .hue-admin-i_low5:after {
  content: "275"; }

.design .saturation-admin-i_low5:after {
  content: "50%"; }

.design .lightness-admin-i_low5:after {
  content: "95%"; }

.design .background .hue-admin-i_low5, .design .background .saturation-admin-i_low5, .design .background .lightness-admin-i_low5 {
  color: black; }

.design .color-admin-i_bottom {
  color: white; }

.design .bg-color-admin-i_bottom {
  background: white; }

.design .border-color-admin-i_bottom {
  border-color: white; }

.design .hue-admin-i_bottom:after {
  content: "0"; }

.design .saturation-admin-i_bottom:after {
  content: "0%"; }

.design .lightness-admin-i_bottom:after {
  content: "100%"; }

.design .background .hue-admin-i_bottom, .design .background .saturation-admin-i_bottom, .design .background .lightness-admin-i_bottom {
  color: black; }

.design .color-alternate {
  color: gray; }

.design .bg-color-alternate {
  background: gray; }

.design .border-color-alternate {
  border-color: gray; }

.design .hue-alternate:after {
  content: "0"; }

.design .saturation-alternate:after {
  content: "0%"; }

.design .lightness-alternate:after {
  content: "50%"; }

.design .background .hue-alternate, .design .background .saturation-alternate, .design .background .lightness-alternate {
  color: white; }

.design .color-alternate-top {
  color: white; }

.design .bg-color-alternate-top {
  background: white; }

.design .border-color-alternate-top {
  border-color: white; }

.design .hue-alternate-top:after {
  content: "0"; }

.design .saturation-alternate-top:after {
  content: "0%"; }

.design .lightness-alternate-top:after {
  content: "100%"; }

.design .background .hue-alternate-top, .design .background .saturation-alternate-top, .design .background .lightness-alternate-top {
  color: black; }

.design .color-alternate-high5 {
  color: #f2f2f2; }

.design .bg-color-alternate-high5 {
  background: #f2f2f2; }

.design .border-color-alternate-high5 {
  border-color: #f2f2f2; }

.design .hue-alternate-high5:after {
  content: "0"; }

.design .saturation-alternate-high5:after {
  content: "0%"; }

.design .lightness-alternate-high5:after {
  content: "95%"; }

.design .background .hue-alternate-high5, .design .background .saturation-alternate-high5, .design .background .lightness-alternate-high5 {
  color: black; }

.design .color-alternate-high4 {
  color: #e6e6e6; }

.design .bg-color-alternate-high4 {
  background: #e6e6e6; }

.design .border-color-alternate-high4 {
  border-color: #e6e6e6; }

.design .hue-alternate-high4:after {
  content: "0"; }

.design .saturation-alternate-high4:after {
  content: "0%"; }

.design .lightness-alternate-high4:after {
  content: "90%"; }

.design .background .hue-alternate-high4, .design .background .saturation-alternate-high4, .design .background .lightness-alternate-high4 {
  color: black; }

.design .color-alternate-high3 {
  color: #d9d9d9; }

.design .bg-color-alternate-high3 {
  background: #d9d9d9; }

.design .border-color-alternate-high3 {
  border-color: #d9d9d9; }

.design .hue-alternate-high3:after {
  content: "0"; }

.design .saturation-alternate-high3:after {
  content: "0%"; }

.design .lightness-alternate-high3:after {
  content: "85%"; }

.design .background .hue-alternate-high3, .design .background .saturation-alternate-high3, .design .background .lightness-alternate-high3 {
  color: black; }

.design .color-alternate-high2 {
  color: #b3b3b3; }

.design .bg-color-alternate-high2 {
  background: #b3b3b3; }

.design .border-color-alternate-high2 {
  border-color: #b3b3b3; }

.design .hue-alternate-high2:after {
  content: "0"; }

.design .saturation-alternate-high2:after {
  content: "0%"; }

.design .lightness-alternate-high2:after {
  content: "70%"; }

.design .background .hue-alternate-high2, .design .background .saturation-alternate-high2, .design .background .lightness-alternate-high2 {
  color: black; }

.design .color-alternate-high1 {
  color: #999999; }

.design .bg-color-alternate-high1 {
  background: #999999; }

.design .border-color-alternate-high1 {
  border-color: #999999; }

.design .hue-alternate-high1:after {
  content: "0"; }

.design .saturation-alternate-high1:after {
  content: "0%"; }

.design .lightness-alternate-high1:after {
  content: "60%"; }

.design .background .hue-alternate-high1, .design .background .saturation-alternate-high1, .design .background .lightness-alternate-high1 {
  color: black; }

.design .color-alternate-medium {
  color: gray; }

.design .bg-color-alternate-medium {
  background: gray; }

.design .border-color-alternate-medium {
  border-color: gray; }

.design .hue-alternate-medium:after {
  content: "0"; }

.design .saturation-alternate-medium:after {
  content: "0%"; }

.design .lightness-alternate-medium:after {
  content: "50%"; }

.design .background .hue-alternate-medium, .design .background .saturation-alternate-medium, .design .background .lightness-alternate-medium {
  color: white; }

.design .color-alternate-low1 {
  color: #666666; }

.design .bg-color-alternate-low1 {
  background: #666666; }

.design .border-color-alternate-low1 {
  border-color: #666666; }

.design .hue-alternate-low1:after {
  content: "0"; }

.design .saturation-alternate-low1:after {
  content: "0%"; }

.design .lightness-alternate-low1:after {
  content: "40%"; }

.design .background .hue-alternate-low1, .design .background .saturation-alternate-low1, .design .background .lightness-alternate-low1 {
  color: white; }

.design .color-alternate-low2 {
  color: #4d4d4d; }

.design .bg-color-alternate-low2 {
  background: #4d4d4d; }

.design .border-color-alternate-low2 {
  border-color: #4d4d4d; }

.design .hue-alternate-low2:after {
  content: "0"; }

.design .saturation-alternate-low2:after {
  content: "0%"; }

.design .lightness-alternate-low2:after {
  content: "30%"; }

.design .background .hue-alternate-low2, .design .background .saturation-alternate-low2, .design .background .lightness-alternate-low2 {
  color: white; }

.design .color-alternate-low3 {
  color: #262626; }

.design .bg-color-alternate-low3 {
  background: #262626; }

.design .border-color-alternate-low3 {
  border-color: #262626; }

.design .hue-alternate-low3:after {
  content: "0"; }

.design .saturation-alternate-low3:after {
  content: "0%"; }

.design .lightness-alternate-low3:after {
  content: "15%"; }

.design .background .hue-alternate-low3, .design .background .saturation-alternate-low3, .design .background .lightness-alternate-low3 {
  color: white; }

.design .color-alternate-low4 {
  color: #1a1a1a; }

.design .bg-color-alternate-low4 {
  background: #1a1a1a; }

.design .border-color-alternate-low4 {
  border-color: #1a1a1a; }

.design .hue-alternate-low4:after {
  content: "0"; }

.design .saturation-alternate-low4:after {
  content: "0%"; }

.design .lightness-alternate-low4:after {
  content: "10%"; }

.design .background .hue-alternate-low4, .design .background .saturation-alternate-low4, .design .background .lightness-alternate-low4 {
  color: white; }

.design .color-alternate-low5 {
  color: #0d0d0d; }

.design .bg-color-alternate-low5 {
  background: #0d0d0d; }

.design .border-color-alternate-low5 {
  border-color: #0d0d0d; }

.design .hue-alternate-low5:after {
  content: "0"; }

.design .saturation-alternate-low5:after {
  content: "0%"; }

.design .lightness-alternate-low5:after {
  content: "5%"; }

.design .background .hue-alternate-low5, .design .background .saturation-alternate-low5, .design .background .lightness-alternate-low5 {
  color: white; }

.design .color-alternate-bottom {
  color: black; }

.design .bg-color-alternate-bottom {
  background: black; }

.design .border-color-alternate-bottom {
  border-color: black; }

.design .hue-alternate-bottom:after {
  content: "0"; }

.design .saturation-alternate-bottom:after {
  content: "0%"; }

.design .lightness-alternate-bottom:after {
  content: "0%"; }

.design .background .hue-alternate-bottom, .design .background .saturation-alternate-bottom, .design .background .lightness-alternate-bottom {
  color: white; }

.design .color-alternate-i_top {
  color: #262626; }

.design .bg-color-alternate-i_top {
  background: #262626; }

.design .border-color-alternate-i_top {
  border-color: #262626; }

.design .hue-alternate-i_top:after {
  content: "0"; }

.design .saturation-alternate-i_top:after {
  content: "0%"; }

.design .lightness-alternate-i_top:after {
  content: "15%"; }

.design .background .hue-alternate-i_top, .design .background .saturation-alternate-i_top, .design .background .lightness-alternate-i_top {
  color: white; }

.design .color-alternate-i_high5 {
  color: #303030; }

.design .bg-color-alternate-i_high5 {
  background: #303030; }

.design .border-color-alternate-i_high5 {
  border-color: #303030; }

.design .hue-alternate-i_high5:after {
  content: "0"; }

.design .saturation-alternate-i_high5:after {
  content: "0%"; }

.design .lightness-alternate-i_high5:after {
  content: "19%"; }

.design .background .hue-alternate-i_high5, .design .background .saturation-alternate-i_high5, .design .background .lightness-alternate-i_high5 {
  color: white; }

.design .color-alternate-i_high4 {
  color: #383838; }

.design .bg-color-alternate-i_high4 {
  background: #383838; }

.design .border-color-alternate-i_high4 {
  border-color: #383838; }

.design .hue-alternate-i_high4:after {
  content: "0"; }

.design .saturation-alternate-i_high4:after {
  content: "0%"; }

.design .lightness-alternate-i_high4:after {
  content: "22%"; }

.design .background .hue-alternate-i_high4, .design .background .saturation-alternate-i_high4, .design .background .lightness-alternate-i_high4 {
  color: white; }

.design .color-alternate-i_high3 {
  color: #424242; }

.design .bg-color-alternate-i_high3 {
  background: #424242; }

.design .border-color-alternate-i_high3 {
  border-color: #424242; }

.design .hue-alternate-i_high3:after {
  content: "0"; }

.design .saturation-alternate-i_high3:after {
  content: "0%"; }

.design .lightness-alternate-i_high3:after {
  content: "26%"; }

.design .background .hue-alternate-i_high3, .design .background .saturation-alternate-i_high3, .design .background .lightness-alternate-i_high3 {
  color: white; }

.design .color-alternate-i_high2 {
  color: #5c5c5c; }

.design .bg-color-alternate-i_high2 {
  background: #5c5c5c; }

.design .border-color-alternate-i_high2 {
  border-color: #5c5c5c; }

.design .hue-alternate-i_high2:after {
  content: "0"; }

.design .saturation-alternate-i_high2:after {
  content: "0%"; }

.design .lightness-alternate-i_high2:after {
  content: "36%"; }

.design .background .hue-alternate-i_high2, .design .background .saturation-alternate-i_high2, .design .background .lightness-alternate-i_high2 {
  color: white; }

.design .color-alternate-i_high1 {
  color: #6e6e6e; }

.design .bg-color-alternate-i_high1 {
  background: #6e6e6e; }

.design .border-color-alternate-i_high1 {
  border-color: #6e6e6e; }

.design .hue-alternate-i_high1:after {
  content: "0"; }

.design .saturation-alternate-i_high1:after {
  content: "0%"; }

.design .lightness-alternate-i_high1:after {
  content: "43%"; }

.design .background .hue-alternate-i_high1, .design .background .saturation-alternate-i_high1, .design .background .lightness-alternate-i_high1 {
  color: white; }

.design .color-alternate-i_medium {
  color: gray; }

.design .bg-color-alternate-i_medium {
  background: gray; }

.design .border-color-alternate-i_medium {
  border-color: gray; }

.design .hue-alternate-i_medium:after {
  content: "0"; }

.design .saturation-alternate-i_medium:after {
  content: "0%"; }

.design .lightness-alternate-i_medium:after {
  content: "50%"; }

.design .background .hue-alternate-i_medium, .design .background .saturation-alternate-i_medium, .design .background .lightness-alternate-i_medium {
  color: white; }

.design .color-alternate-i_low1 {
  color: #999999; }

.design .bg-color-alternate-i_low1 {
  background: #999999; }

.design .border-color-alternate-i_low1 {
  border-color: #999999; }

.design .hue-alternate-i_low1:after {
  content: "0"; }

.design .saturation-alternate-i_low1:after {
  content: "0%"; }

.design .lightness-alternate-i_low1:after {
  content: "60%"; }

.design .background .hue-alternate-i_low1, .design .background .saturation-alternate-i_low1, .design .background .lightness-alternate-i_low1 {
  color: black; }

.design .color-alternate-i_low2 {
  color: #b3b3b3; }

.design .bg-color-alternate-i_low2 {
  background: #b3b3b3; }

.design .border-color-alternate-i_low2 {
  border-color: #b3b3b3; }

.design .hue-alternate-i_low2:after {
  content: "0"; }

.design .saturation-alternate-i_low2:after {
  content: "0%"; }

.design .lightness-alternate-i_low2:after {
  content: "70%"; }

.design .background .hue-alternate-i_low2, .design .background .saturation-alternate-i_low2, .design .background .lightness-alternate-i_low2 {
  color: black; }

.design .color-alternate-i_low3 {
  color: #d9d9d9; }

.design .bg-color-alternate-i_low3 {
  background: #d9d9d9; }

.design .border-color-alternate-i_low3 {
  border-color: #d9d9d9; }

.design .hue-alternate-i_low3:after {
  content: "0"; }

.design .saturation-alternate-i_low3:after {
  content: "0%"; }

.design .lightness-alternate-i_low3:after {
  content: "85%"; }

.design .background .hue-alternate-i_low3, .design .background .saturation-alternate-i_low3, .design .background .lightness-alternate-i_low3 {
  color: black; }

.design .color-alternate-i_low4 {
  color: #e6e6e6; }

.design .bg-color-alternate-i_low4 {
  background: #e6e6e6; }

.design .border-color-alternate-i_low4 {
  border-color: #e6e6e6; }

.design .hue-alternate-i_low4:after {
  content: "0"; }

.design .saturation-alternate-i_low4:after {
  content: "0%"; }

.design .lightness-alternate-i_low4:after {
  content: "90%"; }

.design .background .hue-alternate-i_low4, .design .background .saturation-alternate-i_low4, .design .background .lightness-alternate-i_low4 {
  color: black; }

.design .color-alternate-i_low5 {
  color: #f2f2f2; }

.design .bg-color-alternate-i_low5 {
  background: #f2f2f2; }

.design .border-color-alternate-i_low5 {
  border-color: #f2f2f2; }

.design .hue-alternate-i_low5:after {
  content: "0"; }

.design .saturation-alternate-i_low5:after {
  content: "0%"; }

.design .lightness-alternate-i_low5:after {
  content: "95%"; }

.design .background .hue-alternate-i_low5, .design .background .saturation-alternate-i_low5, .design .background .lightness-alternate-i_low5 {
  color: black; }

.design .color-alternate-i_bottom {
  color: white; }

.design .bg-color-alternate-i_bottom {
  background: white; }

.design .border-color-alternate-i_bottom {
  border-color: white; }

.design .hue-alternate-i_bottom:after {
  content: "0"; }

.design .saturation-alternate-i_bottom:after {
  content: "0%"; }

.design .lightness-alternate-i_bottom:after {
  content: "100%"; }

.design .background .hue-alternate-i_bottom, .design .background .saturation-alternate-i_bottom, .design .background .lightness-alternate-i_bottom {
  color: black; }

.design table.colors td, .design table.colors th {
  text-align: center;
  padding: 0.25rem; }
  .design table.colors td:first-child, .design table.colors th:first-child {
    text-align: left; }

.design table.colors .background {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-align-content: space-between;
  -moz-align-content: space-between;
  align-content: space-between;
  -ms-flex-line-pack: justify;
  width: 5rem;
  height: 4rem;
  border: 1px dotted #b3b3b3;
  margin: 0 auto;
  font: 400 0.75rem/1.2em "Noto Sans", sans-serif;
  text-align: center; }
  .design table.colors .background .hue, .design table.colors .background .saturation, .design table.colors .background .lightness {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: none;
    padding: 0.25rem; }
  .design table.colors .background:hover > * {
    display: block;
    cursor: pointer; }

/**
 * domain component styling the "typo" base variables
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.design .typo-text-tiny {
  font: 400 0.75rem/1.5em "Noto Sans", sans-serif; }

.design .typo-text-tiny::before {
  display: inline-block;
  width: 20rem;
  margin: 0 1rem 0 0;
  content: "400 0.75rem/1.5em Noto Sans, sans-serif";
  font: 400 1rem/1.2em "Noto Sans", sans-serif; }

.design .typo-text-small {
  font: 400 0.875rem/1.5em "Noto Sans", sans-serif; }

.design .typo-text-small::before {
  display: inline-block;
  width: 20rem;
  margin: 0 1rem 0 0;
  content: "400 0.875rem/1.5em Noto Sans, sans-serif";
  font: 400 1rem/1.2em "Noto Sans", sans-serif; }

.design .typo-text-medium {
  font: 400 1rem/1.5em "Noto Sans", sans-serif; }

.design .typo-text-medium::before {
  display: inline-block;
  width: 20rem;
  margin: 0 1rem 0 0;
  content: "400 1rem/1.5em Noto Sans, sans-serif";
  font: 400 1rem/1.2em "Noto Sans", sans-serif; }

.design .typo-text-large {
  font: 400 1.125rem/1.5em "Noto Sans", sans-serif; }

.design .typo-text-large::before {
  display: inline-block;
  width: 20rem;
  margin: 0 1rem 0 0;
  content: "400 1.125rem/1.5em Noto Sans, sans-serif";
  font: 400 1rem/1.2em "Noto Sans", sans-serif; }

.design .typo-text-huge {
  font: 400 1.25rem/1.5em "Noto Sans", sans-serif; }

.design .typo-text-huge::before {
  display: inline-block;
  width: 20rem;
  margin: 0 1rem 0 0;
  content: "400 1.25rem/1.5em Noto Sans, sans-serif";
  font: 400 1rem/1.2em "Noto Sans", sans-serif; }

.design .typo-title-tiny {
  font: 700 1rem/1.2em "Noto Sans", sans-serif; }

.design .typo-title-tiny::before {
  display: inline-block;
  width: 20rem;
  margin: 0 1rem 0 0;
  content: "700 1rem/1.2em Noto Sans, sans-serif";
  font: 400 1rem/1.2em "Noto Sans", sans-serif; }

.design .typo-title-small {
  font: 700 1.125rem/1.2em "Noto Sans", sans-serif; }

.design .typo-title-small::before {
  display: inline-block;
  width: 20rem;
  margin: 0 1rem 0 0;
  content: "700 1.125rem/1.2em Noto Sans, sans-serif";
  font: 400 1rem/1.2em "Noto Sans", sans-serif; }

.design .typo-title-medium {
  font: 700 1.4375rem/1.2em "Noto Sans", sans-serif; }

.design .typo-title-medium::before {
  display: inline-block;
  width: 20rem;
  margin: 0 1rem 0 0;
  content: "700 1.4375rem/1.2em Noto Sans, sans-serif";
  font: 400 1rem/1.2em "Noto Sans", sans-serif; }

.design .typo-title-large {
  font: 700 1.8125rem/1.2em "Noto Sans", sans-serif; }

.design .typo-title-large::before {
  display: inline-block;
  width: 20rem;
  margin: 0 1rem 0 0;
  content: "700 1.8125rem/1.2em Noto Sans, sans-serif";
  font: 400 1rem/1.2em "Noto Sans", sans-serif; }

.design .typo-title-huge {
  font: 700 2.125rem/1.2em "Noto Sans", sans-serif; }

.design .typo-title-huge::before {
  display: inline-block;
  width: 20rem;
  margin: 0 1rem 0 0;
  content: "700 2.125rem/1.2em Noto Sans, sans-serif";
  font: 400 1rem/1.2em "Noto Sans", sans-serif; }

.design .typo-display-small {
  font: 700 2.8125rem/1.2em "Noto Sans", sans-serif; }

.design .typo-display-small::before {
  display: inline-block;
  width: 20rem;
  margin: 0 1rem 0 0;
  content: "700 2.8125rem/1.2em Noto Sans, sans-serif";
  font: 400 1rem/1.2em "Noto Sans", sans-serif; }

.design .typo-display-medium {
  font: 700 3.5rem/1em "Noto Sans", sans-serif; }

.design .typo-display-medium::before {
  display: inline-block;
  width: 20rem;
  margin: 0 1rem 0 0;
  content: "700 3.5rem/1em Noto Sans, sans-serif";
  font: 400 1rem/1.2em "Noto Sans", sans-serif; }

.design .typo-display-large {
  font: 700 6.5625rem/1em "Noto Sans", sans-serif; }

.design .typo-display-large::before {
  display: inline-block;
  width: 20rem;
  margin: 0 1rem 0 0;
  content: "700 6.5625rem/1em Noto Sans, sans-serif";
  font: 400 1rem/1.2em "Noto Sans", sans-serif; }

/**
 * domain component styling the "sizing" base variables
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.design .sizing-space-tiny {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  .design .sizing-space-tiny .example {
    width: 0.25rem;
    height: 0.25rem;
    margin-right: 9.75rem;
    background: gray; }
  .design .sizing-space-tiny .label:before {
    display: inline-block;
    width: 8rem;
    content: "0.25rem"; }
  .design .sizing-space-tiny .label:after {
    display: inline-block;
    width: 8rem;
    content: "4px"; }

.design .sizing-space-small {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  .design .sizing-space-small .example {
    width: 0.5rem;
    height: 0.5rem;
    margin-right: 9.5rem;
    background: gray; }
  .design .sizing-space-small .label:before {
    display: inline-block;
    width: 8rem;
    content: "0.5rem"; }
  .design .sizing-space-small .label:after {
    display: inline-block;
    width: 8rem;
    content: "8px"; }

.design .sizing-space-medium {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  .design .sizing-space-medium .example {
    width: 0.75rem;
    height: 0.75rem;
    margin-right: 9.25rem;
    background: gray; }
  .design .sizing-space-medium .label:before {
    display: inline-block;
    width: 8rem;
    content: "0.75rem"; }
  .design .sizing-space-medium .label:after {
    display: inline-block;
    width: 8rem;
    content: "12px"; }

.design .sizing-space-large {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  .design .sizing-space-large .example {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 8.75rem;
    background: gray; }
  .design .sizing-space-large .label:before {
    display: inline-block;
    width: 8rem;
    content: "1.25rem"; }
  .design .sizing-space-large .label:after {
    display: inline-block;
    width: 8rem;
    content: "20px"; }

.design .sizing-space-huge {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  .design .sizing-space-huge .example {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 7.5rem;
    background: gray; }
  .design .sizing-space-huge .label:before {
    display: inline-block;
    width: 8rem;
    content: "2.5rem"; }
  .design .sizing-space-huge .label:after {
    display: inline-block;
    width: 8rem;
    content: "40px"; }

.design .sizing-text-tiny {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  .design .sizing-text-tiny .example {
    width: 0.75rem;
    height: 0.75rem;
    margin-right: 9.25rem;
    background: gray; }
  .design .sizing-text-tiny .label:before {
    display: inline-block;
    width: 8rem;
    content: "0.75rem"; }
  .design .sizing-text-tiny .label:after {
    display: inline-block;
    width: 8rem;
    content: "12px"; }

.design .sizing-text-small {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  .design .sizing-text-small .example {
    width: 0.875rem;
    height: 0.875rem;
    margin-right: 9.125rem;
    background: gray; }
  .design .sizing-text-small .label:before {
    display: inline-block;
    width: 8rem;
    content: "0.875rem"; }
  .design .sizing-text-small .label:after {
    display: inline-block;
    width: 8rem;
    content: "14px"; }

.design .sizing-text-medium {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  .design .sizing-text-medium .example {
    width: 1rem;
    height: 1rem;
    margin-right: 9rem;
    background: gray; }
  .design .sizing-text-medium .label:before {
    display: inline-block;
    width: 8rem;
    content: "1rem"; }
  .design .sizing-text-medium .label:after {
    display: inline-block;
    width: 8rem;
    content: "16px"; }

.design .sizing-text-large {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  .design .sizing-text-large .example {
    width: 1.125rem;
    height: 1.125rem;
    margin-right: 8.875rem;
    background: gray; }
  .design .sizing-text-large .label:before {
    display: inline-block;
    width: 8rem;
    content: "1.125rem"; }
  .design .sizing-text-large .label:after {
    display: inline-block;
    width: 8rem;
    content: "18px"; }

.design .sizing-text-huge {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  .design .sizing-text-huge .example {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 8.75rem;
    background: gray; }
  .design .sizing-text-huge .label:before {
    display: inline-block;
    width: 8rem;
    content: "1.25rem"; }
  .design .sizing-text-huge .label:after {
    display: inline-block;
    width: 8rem;
    content: "20px"; }

.design .sizing-title-tiny {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  .design .sizing-title-tiny .example {
    width: 1rem;
    height: 1rem;
    margin-right: 9rem;
    background: gray; }
  .design .sizing-title-tiny .label:before {
    display: inline-block;
    width: 8rem;
    content: "1rem"; }
  .design .sizing-title-tiny .label:after {
    display: inline-block;
    width: 8rem;
    content: "16px"; }

.design .sizing-title-small {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  .design .sizing-title-small .example {
    width: 1.125rem;
    height: 1.125rem;
    margin-right: 8.875rem;
    background: gray; }
  .design .sizing-title-small .label:before {
    display: inline-block;
    width: 8rem;
    content: "1.125rem"; }
  .design .sizing-title-small .label:after {
    display: inline-block;
    width: 8rem;
    content: "18px"; }

.design .sizing-title-medium {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  .design .sizing-title-medium .example {
    width: 1.4375rem;
    height: 1.4375rem;
    margin-right: 8.5625rem;
    background: gray; }
  .design .sizing-title-medium .label:before {
    display: inline-block;
    width: 8rem;
    content: "1.4375rem"; }
  .design .sizing-title-medium .label:after {
    display: inline-block;
    width: 8rem;
    content: "23px"; }

.design .sizing-title-large {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  .design .sizing-title-large .example {
    width: 1.8125rem;
    height: 1.8125rem;
    margin-right: 8.1875rem;
    background: gray; }
  .design .sizing-title-large .label:before {
    display: inline-block;
    width: 8rem;
    content: "1.8125rem"; }
  .design .sizing-title-large .label:after {
    display: inline-block;
    width: 8rem;
    content: "29px"; }

.design .sizing-title-huge {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  .design .sizing-title-huge .example {
    width: 2.125rem;
    height: 2.125rem;
    margin-right: 7.875rem;
    background: gray; }
  .design .sizing-title-huge .label:before {
    display: inline-block;
    width: 8rem;
    content: "2.125rem"; }
  .design .sizing-title-huge .label:after {
    display: inline-block;
    width: 8rem;
    content: "34px"; }

.design .sizing-display-small {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  .design .sizing-display-small .example {
    width: 2.8125rem;
    height: 2.8125rem;
    margin-right: 7.1875rem;
    background: gray; }
  .design .sizing-display-small .label:before {
    display: inline-block;
    width: 8rem;
    content: "2.8125rem"; }
  .design .sizing-display-small .label:after {
    display: inline-block;
    width: 8rem;
    content: "45px"; }

.design .sizing-display-medium {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  .design .sizing-display-medium .example {
    width: 3.5rem;
    height: 3.5rem;
    margin-right: 6.5rem;
    background: gray; }
  .design .sizing-display-medium .label:before {
    display: inline-block;
    width: 8rem;
    content: "3.5rem"; }
  .design .sizing-display-medium .label:after {
    display: inline-block;
    width: 8rem;
    content: "56px"; }

.design .sizing-display-large {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  .design .sizing-display-large .example {
    width: 6.5625rem;
    height: 6.5625rem;
    margin-right: 3.4375rem;
    background: gray; }
  .design .sizing-display-large .label:before {
    display: inline-block;
    width: 8rem;
    content: "6.5625rem"; }
  .design .sizing-display-large .label:after {
    display: inline-block;
    width: 8rem;
    content: "105px"; }

/**
 * Includes all discipline styling
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * discipline shown in the box format.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.discipline.format-box {
  display: block;
  position: relative;
  border: 1px solid #b3b3b3;
  border-radius: 0.25rem;
  background: #f2f2f2; }
  .discipline.format-box > .logo {
    display: block;
    width: 100%;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  .discipline.format-box > .caption {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    font: 700 1.125rem/1.2em "Noto Sans", sans-serif;
    letter-spacing: -0.05rem;
    font: 700 1rem/1.2em "Noto Sans", sans-serif;
    font-weight: 400;
    color: black;
    margin: 0.5rem; }
    .discipline.format-box > .caption > .icon {
      width: 1.5rem;
      margin-right: 0.5rem; }
    .discipline.format-box > .caption > .name {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
  .discipline.format-box.hover:hover {
    box-shadow: 0 0 0 0.25rem #009dff;
    cursor: pointer; }
  .discipline.format-box.current {
    box-shadow: 0 0 0 0.25rem #009dff; }
  .discipline.format-box, .discipline.format-box.size-original {
    display: block;
    width: 18.75rem; }
  .discipline.format-box.size-small {
    display: block;
    width: 10rem; }
  .discipline.format-box.size-medium {
    display: block;
    width: 15rem; }
  .discipline.format-box.size-large {
    display: block;
    width: 18.75rem; }
  .discipline.format-box.size-scale {
    display: block;
    width: auto; }

@media (max-width: 600px) {
  .discipline.format-box {
    border: none;
    border-radius: 0;
    background: none; }
    .discipline.format-box.hover:hover {
      box-shadow: none;
      cursor: pointer; }
    .discipline.format-box *.mobile-hide {
      display: none; }
    .discipline.format-box .caption {
      margin: 0.5rem 0 0.5rem 0; }
      .discipline.format-box .caption > .name {
        overflow: inherit; } }

@media (min-width: 601px) and (max-width: 1200px) {
  .discipline.format-box.hover:hover {
    box-shadow: none;
    cursor: pointer; }
  .discipline.format-box *.tablet-hide {
    display: none; }
  .discipline.format-box .caption {
    margin: 0.5rem 0 0.5rem 0; }
    .discipline.format-box .caption > .name {
      overflow: inherit; } }

/**
 * discipline shown in the cover 4/3 format.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.discipline.format-cover {
  display: block;
  position: relative;
  line-height: 0;
  border-radius: 0; }
  .discipline.format-cover > .cover {
    box-sizing: border-box;
    width: 100%; }
    .discipline.format-cover > .cover.expanded {
      width: 100%; }
  .discipline.format-cover.hover:hover {
    box-shadow: 0 0 0 0.25rem #009dff;
    cursor: pointer; }
  .discipline.format-cover.current {
    box-shadow: 0 0 0 0.25rem #009dff; }
  .discipline.format-cover, .discipline.format-cover.size-original {
    display: block;
    width: 14.0625rem;
    height: 18.75rem; }
  .discipline.format-cover.size-small {
    display: block;
    width: 8rem;
    height: 10.66667rem; }
  .discipline.format-cover.size-medium {
    display: block;
    width: 10rem;
    height: 13.33333rem; }
  .discipline.format-cover.size-large {
    display: block;
    width: 12.5rem;
    height: 16.66667rem; }
  .discipline.format-cover.size-scale {
    display: block;
    width: auto;
    height: auto; }
  .discipline.format-cover > .empty {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    background: rgba(128, 128, 128, 0.38);
    color: white;
    font: 700 1.4375rem/1.2em "Noto Sans", sans-serif; }

/**
 * discipline shown in the icon 4/3 format.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.discipline.format-icon {
  display: block;
  position: relative;
  line-height: 0;
  border-radius: 0; }
  .discipline.format-icon > img {
    width: 100%;
    box-sizing: border-box; }
  .discipline.format-icon, .discipline.format-icon.size-original {
    width: 3rem;
    height: 3rem; }
  .discipline.format-icon.size-tiny {
    width: 1rem;
    height: 1rem; }
  .discipline.format-icon.size-small {
    width: 1.5rem;
    height: 1.5rem; }
  .discipline.format-icon.size-medium {
    width: 2rem;
    height: 2rem; }
  .discipline.format-icon.size-large {
    width: 2.5rem;
    height: 2.5rem; }
  .discipline.format-icon.size-huge {
    width: 3rem;
    height: 3rem; }
  .discipline.format-icon.size-scale {
    width: auto;
    height: auto; }

/**
 * discipline shown in the header format.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.discipline.format-header {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding: 2.5rem; }
  .discipline.format-header .title {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    padding: 0;
    font: 700 1.125rem/1.2em "Noto Sans", sans-serif;
    color: white; }
    .discipline.format-header .title.light h1 {
      font-weight: 500; }
    .discipline.format-header .title > .discipline.format-icon {
      margin-right: 0.75rem; }
  .discipline.format-header .secondary {
    padding: 0;
    font: 400 1rem/1.5em "Noto Sans", sans-serif;
    color: white; }

@media (max-width: 600px) {
  .discipline.format-header .title > .discipline.format-icon {
    display: none; } }

@media (min-width: 601px) and (max-width: 1200px) {
  .discipline.format-header .title > .discipline.format-icon {
    display: none; } }

/**
 * Includes all game styling
 *
 * @author Vincent Barrault <vbarrault@oxent.net>
 */
/**
 * Game shown in the row format.
 *
 * @author Vincent Barrault <vbarrault@oxent.net>
 */
.game.format-row {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }
  .game.format-row > .row {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0.75rem; }
    .game.format-row > .row:not(:first-child) {
      border-top: 1px solid; }
    .game.format-row > .row > .opponent.opponent-1 {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -moz-box-pack: end;
      box-pack: end;
      -webkit-justify-content: flex-end;
      -moz-justify-content: flex-end;
      -ms-justify-content: flex-end;
      -o-justify-content: flex-end;
      justify-content: flex-end;
      -ms-flex-pack: end; }
      .game.format-row > .row > .opponent.opponent-1 > * {
        margin-right: 0.5rem; }
    .game.format-row > .row > .opponent.opponent-2 {
      -webkit-box-flex: 2;
      -moz-box-flex: 2;
      box-flex: 2;
      -webkit-flex: 2;
      -moz-flex: 2;
      -ms-flex: 2;
      flex: 2; }
      .game.format-row > .row > .opponent.opponent-2 > * {
        margin-left: 0.5rem; }
    .game.format-row > .row > .opponent > * {
      width: 7.5rem;
      text-align: center; }
    .game.format-row > .row > .opponent .result {
      border-radius: 0.25rem;
      font: 400 1rem/1.5em "Noto Sans", sans-serif;
      font-weight: 500;
      text-transform: uppercase; }
    .game.format-row > .row > .value {
      text-align: center; }
  .game.format-row:not(.with-sidebar) > .row > .label {
    width: 25%; }
  .game.format-row:not(.with-sidebar) > .row > .value {
    width: 50%; }
  .game.format-row.with-sidebar > .row > .label {
    width: 21.25rem; }
  .game.format-row.with-sidebar > .row > .opponent.opponent-2 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .game.format-row.with-sidebar > .row > .value {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    box-flex: 2;
    -webkit-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    flex: 2; }
  .game.format-row > .row:not(:first-child) {
    border-color: #e6e6e6; }
  .game.format-row > .row .label {
    color: gray; }
  .game.format-row > .row .value {
    color: #4d4d4d;
    font-weight: bold; }
  .game.format-row > .row .result {
    color: white; }
    .game.format-row > .row .result.none {
      background: #b3b3b3; }
    .game.format-row > .row .result.win {
      background: #50b649; }
    .game.format-row > .row .result.draw {
      background: gray; }
    .game.format-row > .row .result.loss {
      background: #e61a1a; }
  .game.format-row.inverted > .row:not(:first-child) {
    border-color: #383838; }
  .game.format-row.inverted > .row .label {
    color: gray; }
  .game.format-row.inverted > .row .value {
    color: #b3b3b3;
    font-weight: bold; }
  .game.format-row.inverted > .row .result {
    color: white; }
    .game.format-row.inverted > .row .result.none {
      background: #999999; }
    .game.format-row.inverted > .row .result.win {
      background: #50b649; }
    .game.format-row.inverted > .row .result.draw {
      background: gray; }
    .game.format-row.inverted > .row .result.loss {
      background: #e61a1a; }

/**
 * Includes all highlight styling
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * A tournament highlight
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.highlight.tournament {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  .highlight.tournament > .embed {
    display: block;
    border: 1px solid #1a1a1a;
    background: #1a1a1a;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.5); }
  .highlight.tournament > .caption {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    color: white;
    margin: 0 2.5rem;
    transition: all 200ms; }
    .highlight.tournament > .caption .logo {
      width: 16rem;
      height: 16rem; }
    .highlight.tournament > .caption .title {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin: 0.75rem 0 0 0; }
      .highlight.tournament > .caption .title .primary {
        font: 700 1.4375rem/1.2em "Noto Sans", sans-serif;
        text-align: center;
        margin: 0.75rem 0 0 0; }
      .highlight.tournament > .caption .title .secondary {
        font: 700 1rem/1.2em "Noto Sans", sans-serif;
        text-align: center; }
    .highlight.tournament > .caption:hover {
      color: #009dff; }

.highlight-nav.tournament {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
  -moz-align-content: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  list-style: none;
  margin: 0 0 -1px 0;
  padding: 0;
  background: #d9d9d9;
  border-color: #b3b3b3; }
  .highlight-nav.tournament li {
    border-color: #b3b3b3;
    background: inherit; }
    .highlight-nav.tournament li > a, .highlight-nav.tournament li > a:visited, .highlight-nav.tournament li > * {
      color: #0d0d0d;
      background: inherit; }
    .highlight-nav.tournament li > a:hover, .highlight-nav.tournament li > a:focus, .highlight-nav.tournament li > a:active {
      color: inherit;
      background: #e6e6e6; }
    .highlight-nav.tournament li.current > a, .highlight-nav.tournament li.current > a:visited, .highlight-nav.tournament li.current > *, .highlight-nav.tournament li.current_ancestor > a, .highlight-nav.tournament li.current_ancestor > a:visited, .highlight-nav.tournament li.current_ancestor > * {
      color: inherit;
      background: #e6e6e6; }
    .highlight-nav.tournament li.current > a:hover, .highlight-nav.tournament li.current > a:focus, .highlight-nav.tournament li.current > a:active, .highlight-nav.tournament li.current_ancestor > a:hover, .highlight-nav.tournament li.current_ancestor > a:focus, .highlight-nav.tournament li.current_ancestor > a:active {
      color: inherit;
      background: #e6e6e6; }
    .highlight-nav.tournament li.disabled > a, .highlight-nav.tournament li.disabled > a:visited, .highlight-nav.tournament li.disabled > * {
      color: #b3b3b3;
      background: transparent; }
    .highlight-nav.tournament li.disabled > a:hover, .highlight-nav.tournament li.disabled > a:focus, .highlight-nav.tournament li.disabled > a:active {
      color: #b3b3b3;
      background: transparent; }
  .highlight-nav.tournament > li {
    display: block;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .highlight-nav.tournament > li > a, .highlight-nav.tournament > li > span {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center;
      outline: 0;
      padding: 1.25rem 1.25rem; }
      .highlight-nav.tournament > li > a > .icon, .highlight-nav.tournament > li > span > .icon {
        margin-right: 0.75rem; }
      .highlight-nav.tournament > li > a > .caption, .highlight-nav.tournament > li > span > .caption {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: left; }
      .highlight-nav.tournament > li > a .name, .highlight-nav.tournament > li > span .name {
        font: 700 1.125rem/1.2em "Noto Sans", sans-serif;
        color: #0d0d0d;
        word-wrap: break-word; }
      .highlight-nav.tournament > li > a .description, .highlight-nav.tournament > li > span .description {
        font: 400 0.875rem/1.2em "Noto Sans", sans-serif;
        color: gray;
        word-wrap: break-word; }

/**
 * Includes all logo styling
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * Includes all toornament logo styling
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * toornament logo with a caption.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.logo.toornament.format-standard a {
  display: block;
  position: relative;
  background: url(/asset/logo/toornament/toornament.svg?96295732) center center no-repeat;
  background-size: contain;
  width: 10.6875rem;
  height: 3.5rem; }

.logo.toornament.format-standard .seo {
  display: none; }

.logo.toornament.format-standard .caption {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0.4375rem;
  text-transform: lowercase;
  text-align: right;
  font: 400 0.875rem/1.2em "Noto Sans", sans-serif;
  font-style: italic;
  color: #1a1a1a !important; }

.logo.toornament.format-standard.inverted a {
  background-image: url(/asset/logo/toornament/toornament-inverted.svg?96295732); }

.logo.toornament.format-standard.inverted .caption {
  color: #e6e6e6 !important; }

/**
 * Small version of the standard logo.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.logo.toornament.format-small a {
  display: block;
  position: relative;
  background: url(/asset/logo/toornament/toornament.svg?96295732) center center no-repeat;
  background-size: contain;
  width: 8rem;
  height: 2.375rem; }

.logo.toornament.format-small .caption {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0.4375rem;
  text-transform: lowercase;
  text-align: right;
  font: 400 0.75rem/1.2em "Noto Sans", sans-serif;
  font-style: italic;
  color: #1a1a1a !important; }

.logo.toornament.format-small .seo {
  display: none; }

.logo.toornament.format-small.inverted a {
  background-image: url(/asset/logo/toornament/toornament-inverted.svg?96295732); }
  .logo.toornament.format-small.inverted a .caption {
    color: #e6e6e6 !important; }

/**
 * toornament logo with a caption.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.logo.toornament.format-rings {
  display: block;
  position: relative;
  background: transparent url(/asset/logo/toornament/rings.svg?96295732) center center no-repeat;
  background-size: contain;
  background-clip: content-box;
  width: 2rem;
  height: 2rem;
  border: 0.25rem solid transparent; }

/**
 * Small version of the standard logo.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.logo.toornament.format-powered-by {
  display: block;
  position: relative;
  background: url(/asset/logo/toornament/powered-by.svg?96295732) center center no-repeat;
  background-size: contain;
  width: 9.375rem;
  height: 2.1875rem; }
  .logo.toornament.format-powered-by.inverted {
    background-image: url(/asset/logo/toornament/powered-by-inverted.svg?96295732); }
  .logo.toornament.format-powered-by .seo {
    display: none; }

/**
 * Includes all match styling
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * Match shown in the box format.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * Match global configuration
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.match.format-box {
  position: relative;
  min-width: 20rem;
  max-width: 25rem;
  padding: 0.5rem 0;
  border-radius: 0.25rem;
  border: 1px solid #d9d9d9;
  background: white;
  border-color: #d9d9d9; }
  .match.format-box.hover:hover {
    background: #f2f2f2; }
  .match.format-box > .title {
    color: gray; }
  .match.format-box > .primary > .record > .opponent > .name {
    color: black; }
    .match.format-box > .primary > .record > .opponent > .name.disabled {
      color: #d9d9d9; }
  .match.format-box > .primary > .record > .opponent > .info {
    color: #262626; }
    .match.format-box > .primary > .record > .opponent > .info > .subdued {
      color: gray; }
  .match.format-box > .primary > .record > .opponent > .more {
    color: gray; }
  .match.format-box > .primary > .record > .opponent > .result {
    color: white; }
    .match.format-box > .primary > .record > .opponent > .result.progress {
      background: #b3b3b3; }
    .match.format-box > .primary > .record > .opponent > .result.win {
      background: #50b649; }
    .match.format-box > .primary > .record > .opponent > .result.draw {
      background: gray; }
    .match.format-box > .primary > .record > .opponent > .result.loss {
      background: #e61a1a; }
    .match.format-box > .primary > .record > .opponent > .result.forfeit {
      background: #ff7700; }
    .match.format-box > .primary > .record > .opponent > .result.rank {
      background: #b3b3b3; }
    .match.format-box > .primary > .record > .opponent > .result.rank-1 {
      background: #e6c300; }
    .match.format-box > .primary > .record > .opponent > .result.rank-2 {
      background: #bfbfbf; }
    .match.format-box > .primary > .record > .opponent > .result.rank-3 {
      background: #cd8032; }
    .match.format-box > .primary > .record > .opponent > .result.rank-x {
      background: transparent;
      color: black; }
  .match.format-box > .primary > .state {
    color: white;
    background: gray; }
    .match.format-box > .primary > .state.disabled {
      color: white;
      background: #b3b3b3; }
    .match.format-box > .primary > .state > .pending, .match.format-box > .primary > .state > .date, .match.format-box > .primary > .state > .time {
      color: white; }
  .match.format-box > .secondary {
    color: gray; }
    .match.format-box > .secondary .disabled {
      color: #d9d9d9; }
  .match.format-box > .title {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    padding: 0 0.5rem 0.25rem 0.5rem;
    font: 400 0.75rem/1.2em "Noto Sans", sans-serif;
    text-transform: uppercase; }
    .match.format-box > .title > * {
      margin-right: 0.25rem; }
      .match.format-box > .title > *:last-child {
        margin-right: 0; }
  .match.format-box > .primary {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0.5rem; }
    .match.format-box > .primary > .record {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      box-orient: vertical;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      flex-direction: column;
      -ms-flex-direction: column;
      -webkit-box-flex: 3;
      -moz-box-flex: 3;
      box-flex: 3;
      -webkit-flex: 3;
      -moz-flex: 3;
      -ms-flex: 3;
      flex: 3; }
      .match.format-box > .primary > .record .opponent {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        padding: 0; }
        .match.format-box > .primary > .record .opponent.opponent-1 {
          padding-top: 0; }
        .match.format-box > .primary > .record .opponent.opponent-2 {
          padding-bottom: 0; }
        .match.format-box > .primary > .record .opponent > * {
          margin-right: 0.5rem; }
          .match.format-box > .primary > .record .opponent > *:last-child {
            margin-right: 0; }
        .match.format-box > .primary > .record .opponent > .country {
          width: 1rem;
          margin-right: 0.25rem; }
          .match.format-box > .primary > .record .opponent > .country > i {
            display: block; }
        .match.format-box > .primary > .record .opponent > .logo {
          -webkit-align-self: center;
          -moz-align-self: center;
          align-self: center;
          -ms-flex-item-align: center;
          font: 400 1rem/1.5em "Noto Sans", sans-serif;
          width: 1.2em;
          height: 1.2em;
          margin-right: 0.25rem; }
          .match.format-box > .primary > .record .opponent > .logo > img {
            width: 1.2em;
            height: 1.2em; }
        .match.format-box > .primary > .record .opponent > .name {
          -webkit-box-flex: 3;
          -moz-box-flex: 3;
          box-flex: 3;
          -webkit-flex: 3;
          -moz-flex: 3;
          -ms-flex: 3;
          flex: 3;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          width: 0;
          font: 400 1rem/1.5em "Noto Sans", sans-serif;
          font-weight: 500; }
          .match.format-box > .primary > .record .opponent > .name.disabled {
            font-weight: 400; }
        .match.format-box > .primary > .record .opponent > .info {
          -webkit-box-flex: 3;
          -moz-box-flex: 3;
          box-flex: 3;
          -webkit-flex: 3;
          -moz-flex: 3;
          -ms-flex: 3;
          flex: 3;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          width: 0;
          font: 400 1rem/1.5em "Noto Sans", sans-serif; }
          .match.format-box > .primary > .record .opponent > .info > .subdued {
            font: 400 0.875rem/1.5em "Noto Sans", sans-serif; }
        .match.format-box > .primary > .record .opponent > .more {
          font: 400 0.875rem/1.5em "Noto Sans", sans-serif; }
        .match.format-box > .primary > .record .opponent > .result {
          width: 25%;
          box-sizing: border-box;
          border-radius: 0.25rem;
          font: 400 0.875rem/1.5em "Noto Sans", sans-serif;
          font-weight: 500;
          text-align: center; }
          .match.format-box > .primary > .record .opponent > .result.rank {
            text-transform: none; }
    .match.format-box > .primary > .state {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      box-orient: vertical;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      flex-direction: column;
      -ms-flex-direction: column;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      width: 25%;
      box-sizing: border-box;
      margin-left: 0.5rem;
      border-radius: 0.25rem;
      font: 400 0.75rem/1.2em "Noto Sans", sans-serif;
      text-transform: uppercase;
      text-align: center; }
      .match.format-box > .primary > .state .subdued {
        font: 400 0.75rem/1.2em "Noto Sans", sans-serif; }
      .match.format-box > .primary > .state .light {
        font: 400 0.75rem/1.2em "Noto Sans", sans-serif; }
  .match.format-box > .secondary {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    font: 400 0.75rem/1.2em "Noto Sans", sans-serif;
    padding: 0.25rem 0.5rem 0 0.5rem; }
    .match.format-box > .secondary > div {
      padding: 0;
      text-transform: uppercase; }
    .match.format-box > .secondary.spread-layout > div {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      text-align: center; }
    .match.format-box > .secondary.icon-layout > div:first-child {
      -webkit-box-flex: 3;
      -moz-box-flex: 3;
      box-flex: 3;
      -webkit-flex: 3;
      -moz-flex: 3;
      -ms-flex: 3;
      flex: 3;
      padding-left: 0; }
    .match.format-box > .secondary.icon-layout > div:last-child {
      width: 25%;
      box-sizing: border-box;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      text-align: center;
      margin-left: 0.5rem; }
      .match.format-box > .secondary.icon-layout > div:last-child > * {
        margin: 0 0.25rem; }
  .match.format-box.inverted {
    background: #262626;
    border-color: #424242; }
    .match.format-box.inverted.hover:hover {
      background: #303030; }
    .match.format-box.inverted > .title {
      color: gray; }
    .match.format-box.inverted > .primary > .record > .opponent > .name {
      color: white; }
      .match.format-box.inverted > .primary > .record > .opponent > .name.disabled {
        color: #424242; }
    .match.format-box.inverted > .primary > .record > .opponent > .info {
      color: #d9d9d9; }
      .match.format-box.inverted > .primary > .record > .opponent > .info > .subdued {
        color: gray; }
    .match.format-box.inverted > .primary > .record > .opponent > .more {
      color: gray; }
    .match.format-box.inverted > .primary > .record > .opponent > .result {
      color: white; }
      .match.format-box.inverted > .primary > .record > .opponent > .result.progress {
        background: #5c5c5c; }
      .match.format-box.inverted > .primary > .record > .opponent > .result.win {
        background: #50b649; }
      .match.format-box.inverted > .primary > .record > .opponent > .result.draw {
        background: gray; }
      .match.format-box.inverted > .primary > .record > .opponent > .result.loss {
        background: #e61a1a; }
      .match.format-box.inverted > .primary > .record > .opponent > .result.forfeit {
        background: #ff7700; }
      .match.format-box.inverted > .primary > .record > .opponent > .result.rank {
        background: #5c5c5c; }
      .match.format-box.inverted > .primary > .record > .opponent > .result.rank-1 {
        background: #e6c300; }
      .match.format-box.inverted > .primary > .record > .opponent > .result.rank-2 {
        background: #bfbfbf; }
      .match.format-box.inverted > .primary > .record > .opponent > .result.rank-3 {
        background: #cd8032; }
      .match.format-box.inverted > .primary > .record > .opponent > .result.rank-x {
        background: transparent;
        color: white; }
    .match.format-box.inverted > .primary > .state {
      color: white;
      background: gray; }
      .match.format-box.inverted > .primary > .state.disabled {
        color: #262626;
        background: #5c5c5c; }
      .match.format-box.inverted > .primary > .state > .pending, .match.format-box.inverted > .primary > .state > .date, .match.format-box.inverted > .primary > .state > .time {
        color: white; }
    .match.format-box.inverted > .secondary {
      color: gray; }
      .match.format-box.inverted > .secondary .disabled {
        color: #424242; }
  .match.format-box.hover:hover {
    cursor: pointer; }
  .match.format-box.divider {
    margin: 0.5rem 0;
    padding: 0.5rem 0 calc(0.5rem + 0rem) 0;
    width: auto;
    height: auto; }
    .match.format-box.divider:last-child {
      margin-bottom: 0.5rem; }
    .match.format-box.divider::after {
      content: "";
      height: 0rem;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      background: #e6e6e6; }
    .match.format-box.divider:last-child::after {
      height: 0; }
    .match.format-box.divider.inverted::after {
      background: #383838; }

@media (max-width: 600px) {
  .match.format-box {
    min-width: inherit;
    max-width: unset;
    background: none;
    border: none; }
    .match.format-box.inverted {
      background: none; } }

@media (min-width: 601px) and (max-width: 1200px) {
  .match.format-box {
    min-width: inherit;
    background: none;
    border: none;
    max-width: unset; }
    .match.format-box.inverted {
      background: none; } }

/**
 * Match shown in the header format.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.match.format-header {
  display: flex;
  flex-direction: column;
  position: relative;
  box-sizing: border-box;
  padding: 0.75rem; }
  .match.format-header > .title > .name {
    color: black; }
  .match.format-header > .primary > .opponent .name {
    color: black; }
    .match.format-header > .primary > .opponent .name.disabled {
      color: #d9d9d9; }
  .match.format-header > .primary > .state > .secondary {
    color: gray; }
    .match.format-header > .primary > .state > .secondary.disabled {
      color: #d9d9d9; }
  .match.format-header > .primary > .state > .result {
    color: white; }
    .match.format-header > .primary > .state > .result .none {
      background-color: #b3b3b3; }
    .match.format-header > .primary > .state > .result .win {
      background-color: #50b649; }
    .match.format-header > .primary > .state > .result .draw {
      background-color: gray; }
    .match.format-header > .primary > .state > .result .loss {
      background-color: #e61a1a; }
    .match.format-header > .primary > .state > .result .forfeit {
      background-color: #ff7700; }
  .match.format-header > .primary > .state {
    color: gray; }
  .match.format-header > .secondary {
    color: gray;
    border-color: #e6e6e6; }
    .match.format-header > .secondary.disabled {
      color: #d9d9d9; }
    .match.format-header > .secondary:first-child {
      border-color: #e6e6e6; }
    .match.format-header > .secondary > .status.completed {
      color: #50b649; }
    .match.format-header > .secondary > .status.outcome-locked {
      color: #ff7700; }
    .match.format-header > .secondary > .status.report-dispute {
      color: #ff7700; }
  .match.format-header > .title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0.75rem; }
    .match.format-header > .title > img {
      margin-right: 0.75rem; }
    .match.format-header > .title > .name {
      display: flex;
      flex-direction: column;
      font: 700 1.8125rem/1.2em "Noto Sans", sans-serif;
      letter-spacing: -0.05rem; }
  .match.format-header > .description {
    font: 400 0.75rem/1.5em "Noto Sans", sans-serif;
    letter-spacing: 0; }
  .match.format-header > .secondary {
    font: 400 0.75rem/1.5em "Noto Sans", sans-serif;
    letter-spacing: 0; }
    .match.format-header > .secondary > .structure {
      display: inline-flex; }
  .match.format-header > .primary {
    display: flex;
    align-items: center; }
    .match.format-header > .primary > .opponent {
      flex: 6;
      align-self: stretch;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0.75rem; }
      .match.format-header > .primary > .opponent.opponent-1 {
        padding-right: 0.75rem; }
      .match.format-header > .primary > .opponent.opponent-2 {
        padding-left: 0.75rem; }
      .match.format-header > .primary > .opponent > .name {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font: 700 1.8125rem/1.2em "Noto Sans", sans-serif;
        letter-spacing: -0.05rem;
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-word;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto; }
      .match.format-header > .primary > .opponent > .country {
        margin-top: 0.75rem;
        font-size: 6rem; }
      .match.format-header > .primary > .opponent > .logo {
        margin-top: 0.75rem;
        width: 8rem;
        height: 8rem; }
        .match.format-header > .primary > .opponent > .logo > img {
          width: 8rem; }
    .match.format-header > .primary > .state {
      font: 400 1rem/1.5em "Noto Sans", sans-serif;
      letter-spacing: 0;
      padding: 0.5rem;
      text-align: center; }
      .match.format-header > .primary > .state > .secondary {
        font: 400 0.75rem/1.5em "Noto Sans", sans-serif;
        letter-spacing: 0; }
      .match.format-header > .primary > .state > .result {
        display: flex; }
        .match.format-header > .primary > .state > .result > * {
          font: 700 3.5rem/1em "Noto Sans", sans-serif;
          letter-spacing: 0;
          border-radius: 0.25rem;
          width: 7.5rem;
          padding: 0.5rem;
          box-sizing: border-box;
          text-align: center; }
          .match.format-header > .primary > .state > .result > *.result-1 {
            margin-right: 0.5rem; }
          .match.format-header > .primary > .state > .result > *.result-2 {
            margin-left: 0.5rem; }
          .match.format-header > .primary > .state > .result > *.text {
            font: 700 1.4375rem/1.2em "Noto Sans", sans-serif;
            letter-spacing: -0.05rem;
            padding: 1.25rem 0.5rem;
            text-transform: uppercase; }
  .match.format-header > .secondary {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    font: 400 0.75rem/1.5em "Noto Sans", sans-serif;
    letter-spacing: 0; }
    .match.format-header > .secondary > .status {
      font: 700 1rem/1.2em "Noto Sans", sans-serif;
      letter-spacing: 0; }
    .match.format-header > .secondary:first-child {
      padding-bottom: 0.5rem;
      border-bottom: 1px solid #e6e6e6;
      margin-bottom: 0.5rem; }
    .match.format-header > .secondary:last-child {
      margin-top: 0.5rem; }
  .match.format-header.inverted > .title > .name {
    color: white; }
  .match.format-header.inverted > .primary > .opponent .name {
    color: white; }
    .match.format-header.inverted > .primary > .opponent .name.disabled {
      color: #424242; }
  .match.format-header.inverted > .primary > .state > .secondary {
    color: gray; }
    .match.format-header.inverted > .primary > .state > .secondary.disabled {
      color: #424242; }
  .match.format-header.inverted > .primary > .state > .result {
    color: white; }
    .match.format-header.inverted > .primary > .state > .result .none {
      background-color: #5c5c5c; }
    .match.format-header.inverted > .primary > .state > .result .win {
      background-color: #50b649; }
    .match.format-header.inverted > .primary > .state > .result .draw {
      background-color: gray; }
    .match.format-header.inverted > .primary > .state > .result .loss {
      background-color: #e61a1a; }
    .match.format-header.inverted > .primary > .state > .result .forfeit {
      background-color: #ff7700; }
  .match.format-header.inverted > .primary > .state {
    color: gray; }
  .match.format-header.inverted > .secondary {
    color: gray;
    border-color: #383838; }
    .match.format-header.inverted > .secondary.disabled {
      color: #424242; }
    .match.format-header.inverted > .secondary:first-child {
      border-color: #383838; }
    .match.format-header.inverted > .secondary > .status.completed {
      color: #50b649; }
    .match.format-header.inverted > .secondary > .status.outcome-locked {
      color: #ff7700; }
    .match.format-header.inverted > .secondary > .status.report-dispute {
      color: #ff7700; }

@media (max-width: 600px) {
  .match.format-header > .primary {
    flex-wrap: wrap; }
    .match.format-header > .primary > .opponent {
      order: 1; }
    .match.format-header > .primary > .state {
      width: 100%;
      order: 2; }
      .match.format-header > .primary > .state > .result > * {
        flex: 1; } }

/**
 * Match shown in the mini format.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.match.format-mini {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 12rem;
  box-sizing: border-box;
  padding: 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid #d9d9d9;
  position: relative;
  background: white;
  border-color: #d9d9d9; }
  .match.format-mini.hover:hover {
    border-color: #009dff;
    background: white; }
  .match.format-mini > .header > div {
    color: gray;
    background: white; }
  .match.format-mini > .record > .opponent > .name {
    color: black; }
    .match.format-mini > .record > .opponent > .name.disabled {
      color: #d9d9d9; }
  .match.format-mini > .record > .opponent > .info {
    color: #262626; }
    .match.format-mini > .record > .opponent > .info > .subdued {
      color: gray; }
  .match.format-mini > .record > .opponent > .more {
    color: gray; }
  .match.format-mini > .record > .opponent > .result {
    color: black; }
    .match.format-mini > .record > .opponent > .result.progress {
      color: #b3b3b3; }
    .match.format-mini > .record > .opponent > .result.win {
      color: #50b649; }
    .match.format-mini > .record > .opponent > .result.draw {
      color: black; }
    .match.format-mini > .record > .opponent > .result.loss {
      color: #e61a1a; }
    .match.format-mini > .record > .opponent > .result.forfeit {
      color: #ff7700; }
    .match.format-mini > .record > .opponent > .result.ranked {
      color: gray; }
  .match.format-mini > .state {
    color: gray; }
    .match.format-mini > .state > .pending, .match.format-mini > .state > .date, .match.format-mini > .state > .time {
      color: gray; }
      .match.format-mini > .state > .pending.disabled, .match.format-mini > .state > .date.disabled, .match.format-mini > .state > .time.disabled {
        color: #b3b3b3; }
  .match.format-mini .hide {
    display: none; }
  .match.format-mini > .header {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0.25rem;
    top: -0.5rem;
    right: 0.25rem;
    font: 400 0.75rem/1.2em "Noto Sans", sans-serif;
    z-index: 1; }
    .match.format-mini > .header > div {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      padding: 0 0.25rem;
      margin-right: 0.25rem; }
      .match.format-mini > .header > div:first-child {
        margin-left: 0; }
      .match.format-mini > .header > div:last-child {
        margin-right: 0; }
  .match.format-mini > .record {
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    box-flex: 3;
    -webkit-flex: 3;
    -moz-flex: 3;
    -ms-flex: 3;
    flex: 3; }
    .match.format-mini > .record > .opponent {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center;
      margin-bottom: 1px; }
      .match.format-mini > .record > .opponent:last-child {
        margin-bottom: 0; }
      .match.format-mini > .record > .opponent > * {
        margin-right: 0.25rem; }
        .match.format-mini > .record > .opponent > *:last-child {
          margin-right: 0; }
      .match.format-mini > .record > .opponent > .name {
        -webkit-box-flex: 3;
        -moz-box-flex: 3;
        box-flex: 3;
        -webkit-flex: 3;
        -moz-flex: 3;
        -ms-flex: 3;
        flex: 3;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 0;
        font: 400 0.875rem/1.5em "Noto Sans", sans-serif;
        font-weight: 500; }
        .match.format-mini > .record > .opponent > .name.disabled {
          font-weight: 400; }
        .match.format-mini > .record > .opponent > .name.win {
          font-weight: 900; }
      .match.format-mini > .record > .opponent > .info {
        -webkit-box-flex: 3;
        -moz-box-flex: 3;
        box-flex: 3;
        -webkit-flex: 3;
        -moz-flex: 3;
        -ms-flex: 3;
        flex: 3;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 0;
        font: 400 0.875rem/1.5em "Noto Sans", sans-serif; }
        .match.format-mini > .record > .opponent > .info > .subdued {
          font: 400 0.75rem/1.5em "Noto Sans", sans-serif; }
      .match.format-mini > .record > .opponent > .more {
        -webkit-box-flex: 3;
        -moz-box-flex: 3;
        box-flex: 3;
        -webkit-flex: 3;
        -moz-flex: 3;
        -ms-flex: 3;
        flex: 3;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 0;
        font: 400 0.75rem/1.5em "Noto Sans", sans-serif; }
      .match.format-mini > .record > .opponent > .result {
        width: 15%;
        box-sizing: border-box;
        border-radius: 0.25rem;
        font: 400 0.875rem/1.5em "Noto Sans", sans-serif;
        font-weight: 400;
        text-align: center; }
      .match.format-mini > .record > .opponent > .country {
        width: 1rem; }
        .match.format-mini > .record > .opponent > .country > i {
          display: block; }
      .match.format-mini > .record > .opponent > .logo {
        width: 1rem;
        height: 1rem; }
        .match.format-mini > .record > .opponent > .logo > img {
          font: 400 1rem/1.5em "Noto Sans", sans-serif;
          width: 1rem;
          height: 1rem; }
  .match.format-mini > .state {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    width: 25%;
    min-width: 3.5rem;
    box-sizing: border-box;
    margin-left: 0.25rem;
    border-radius: 0.25rem;
    font: 400 0.75rem/1.2em "Noto Sans", sans-serif;
    text-transform: uppercase;
    text-align: center; }
    .match.format-mini > .state .subdued {
      font: 400 0.75rem/1.2em "Noto Sans", sans-serif; }
    .match.format-mini > .state .light {
      font: 400 0.75rem/1.2em "Noto Sans", sans-serif; }
  .match.format-mini.inverted {
    background: #262626;
    border-color: #424242; }
    .match.format-mini.inverted.hover:hover {
      border-color: #009dff;
      background: #262626; }
    .match.format-mini.inverted > .header > div {
      color: gray;
      background: #262626; }
    .match.format-mini.inverted > .record > .opponent > .name {
      color: white; }
      .match.format-mini.inverted > .record > .opponent > .name.disabled {
        color: #424242; }
    .match.format-mini.inverted > .record > .opponent > .info {
      color: #d9d9d9; }
      .match.format-mini.inverted > .record > .opponent > .info > .subdued {
        color: gray; }
    .match.format-mini.inverted > .record > .opponent > .more {
      color: gray; }
    .match.format-mini.inverted > .record > .opponent > .result {
      color: white; }
      .match.format-mini.inverted > .record > .opponent > .result.progress {
        color: #5c5c5c; }
      .match.format-mini.inverted > .record > .opponent > .result.win {
        color: #50b649; }
      .match.format-mini.inverted > .record > .opponent > .result.draw {
        color: white; }
      .match.format-mini.inverted > .record > .opponent > .result.loss {
        color: #e61a1a; }
      .match.format-mini.inverted > .record > .opponent > .result.forfeit {
        color: #ff7700; }
      .match.format-mini.inverted > .record > .opponent > .result.ranked {
        color: gray; }
    .match.format-mini.inverted > .state {
      color: gray; }
      .match.format-mini.inverted > .state > .pending, .match.format-mini.inverted > .state > .date, .match.format-mini.inverted > .state > .time {
        color: gray; }
        .match.format-mini.inverted > .state > .pending.disabled, .match.format-mini.inverted > .state > .date.disabled, .match.format-mini.inverted > .state > .time.disabled {
          color: #5c5c5c; }
  .match.format-mini.hover:hover {
    cursor: pointer; }

/**
 * Match shown in the row format.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.match.format-row {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  position: relative;
  box-sizing: border-box;
  min-width: 18rem;
  padding: 1.25rem;
  background: white; }
  .match.format-row.hover:hover {
    background: #f2f2f2; }
  .match.format-row > .schedule {
    color: black; }
    .match.format-row > .schedule > .subdued {
      color: #d9d9d9; }
  .match.format-row > .context {
    color: gray; }
    .match.format-row > .context > :first-child {
      color: black; }
  .match.format-row > .record > .opponent > .name {
    color: black; }
    .match.format-row > .record > .opponent > .name.disabled {
      color: #d9d9d9; }
  .match.format-row > .record > .opponent > .info {
    color: #262626; }
    .match.format-row > .record > .opponent > .info > .subdued {
      color: gray; }
  .match.format-row > .record > .opponent > .more {
    color: gray; }
  .match.format-row > .record > .opponent > .result {
    color: white; }
    .match.format-row > .record > .opponent > .result.progress {
      background: #b3b3b3; }
    .match.format-row > .record > .opponent > .result.win {
      background: #50b649; }
    .match.format-row > .record > .opponent > .result.draw {
      background: gray; }
    .match.format-row > .record > .opponent > .result.loss {
      background: #e61a1a; }
    .match.format-row > .record > .opponent > .result.forfeit {
      background: #ff7700; }
    .match.format-row > .record > .opponent > .result.rank {
      background: #b3b3b3; }
    .match.format-row > .record > .opponent > .result.rank-1 {
      background: #e6c300; }
    .match.format-row > .record > .opponent > .result.rank-2 {
      background: #bfbfbf; }
    .match.format-row > .record > .opponent > .result.rank-3 {
      background: #cd8032; }
    .match.format-row > .record > .opponent > .result.rank-x {
      background: transparent;
      color: black; }
  .match.format-row > .state {
    color: gray; }
    .match.format-row > .state > .pending {
      color: #b3b3b3; }
    .match.format-row > .state > .dispute {
      color: #ff7700; }
  .match.format-row > * {
    margin-right: 1.25rem; }
    .match.format-row > *:last-child {
      margin-right: 0; }
  .match.format-row > .schedule {
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    align-self: stretch;
    -ms-flex-item-align: stretch;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    font: 700 1rem/1.2em "Noto Sans", sans-serif;
    width: 12rem; }
    .match.format-row > .schedule > * {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
    .match.format-row > .schedule > .secondary {
      font: 400 0.875rem/1.5em "Noto Sans", sans-serif; }
  .match.format-row > .context {
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    align-self: stretch;
    -ms-flex-item-align: stretch;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    font: 400 0.75rem/1.5em "Noto Sans", sans-serif;
    width: 33%;
    min-width: 10rem;
    max-width: 18rem; }
    .match.format-row > .context > :first-child {
      font: 700 1rem/1.2em "Noto Sans", sans-serif; }
  .match.format-row > .logo, .match.format-row > .logo > img {
    width: 2.5rem;
    height: 2.5rem; }
  .match.format-row .logo + .context {
    width: calc(33% - 2.5rem - 1.25rem); }
  .match.format-row > .record {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .match.format-row > .record > .opponent {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center;
      padding: 0;
      margin-bottom: 1px; }
      .match.format-row > .record > .opponent:last-child {
        margin-bottom: 0; }
      .match.format-row > .record > .opponent > * {
        margin-right: 1.25rem; }
        .match.format-row > .record > .opponent > *:last-child {
          margin-right: 0; }
      .match.format-row > .record > .opponent > .country {
        width: 1rem;
        margin-right: 0.25rem; }
        .match.format-row > .record > .opponent > .country > i {
          display: block; }
      .match.format-row > .record > .opponent > .logo {
        font: 400 0.875rem/1.5em "Noto Sans", sans-serif;
        width: 1.2em;
        height: 1.2em;
        margin-right: 1.25rem; }
        .match.format-row > .record > .opponent > .logo > img {
          width: 1.2em;
          height: 1.2em; }
      .match.format-row > .record > .opponent > .name {
        -webkit-box-flex: 3;
        -moz-box-flex: 3;
        box-flex: 3;
        -webkit-flex: 3;
        -moz-flex: 3;
        -ms-flex: 3;
        flex: 3;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 0;
        font: 400 0.875rem/1.5em "Noto Sans", sans-serif; }
      .match.format-row > .record > .opponent > .info {
        -webkit-box-flex: 3;
        -moz-box-flex: 3;
        box-flex: 3;
        -webkit-flex: 3;
        -moz-flex: 3;
        -ms-flex: 3;
        flex: 3;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 0;
        font: 400 0.875rem/1.5em "Noto Sans", sans-serif; }
        .match.format-row > .record > .opponent > .info > .subdued {
          font: 400 0.75rem/1.5em "Noto Sans", sans-serif; }
      .match.format-row > .record > .opponent > .more {
        -webkit-box-flex: 3;
        -moz-box-flex: 3;
        box-flex: 3;
        -webkit-flex: 3;
        -moz-flex: 3;
        -ms-flex: 3;
        flex: 3;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 0;
        font: 400 0.75rem/1.2em "Noto Sans", sans-serif; }
      .match.format-row > .record > .opponent > .result {
        width: 5rem;
        border-radius: 0.25rem;
        font: 400 0.875rem/1.5em "Noto Sans", sans-serif;
        text-align: center;
        text-transform: uppercase; }
        .match.format-row > .record > .opponent > .result.rank {
          text-transform: none; }
  .match.format-row > .state {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    align-self: stretch;
    -ms-flex-item-align: stretch;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    width: 5rem;
    font: 400 0.75rem/1.2em "Noto Sans", sans-serif;
    text-align: center; }
  .match.format-row.inverted {
    background: #262626; }
    .match.format-row.inverted.hover:hover {
      background: #303030; }
    .match.format-row.inverted > .schedule {
      color: white; }
      .match.format-row.inverted > .schedule > .subdued {
        color: #424242; }
    .match.format-row.inverted > .context {
      color: gray; }
      .match.format-row.inverted > .context > :first-child {
        color: white; }
    .match.format-row.inverted > .record > .opponent > .name {
      color: white; }
      .match.format-row.inverted > .record > .opponent > .name.disabled {
        color: #424242; }
    .match.format-row.inverted > .record > .opponent > .info {
      color: #d9d9d9; }
      .match.format-row.inverted > .record > .opponent > .info > .subdued {
        color: gray; }
    .match.format-row.inverted > .record > .opponent > .more {
      color: gray; }
    .match.format-row.inverted > .record > .opponent > .result {
      color: white; }
      .match.format-row.inverted > .record > .opponent > .result.progress {
        background: #5c5c5c; }
      .match.format-row.inverted > .record > .opponent > .result.win {
        background: #50b649; }
      .match.format-row.inverted > .record > .opponent > .result.draw {
        background: gray; }
      .match.format-row.inverted > .record > .opponent > .result.loss {
        background: #e61a1a; }
      .match.format-row.inverted > .record > .opponent > .result.forfeit {
        background: #ff7700; }
      .match.format-row.inverted > .record > .opponent > .result.rank {
        background: #5c5c5c; }
      .match.format-row.inverted > .record > .opponent > .result.rank-1 {
        background: #e6c300; }
      .match.format-row.inverted > .record > .opponent > .result.rank-2 {
        background: #bfbfbf; }
      .match.format-row.inverted > .record > .opponent > .result.rank-3 {
        background: #cd8032; }
      .match.format-row.inverted > .record > .opponent > .result.rank-x {
        background: transparent;
        color: white; }
    .match.format-row.inverted > .state {
      color: gray; }
      .match.format-row.inverted > .state > .pending {
        color: #5c5c5c; }
      .match.format-row.inverted > .state > .dispute {
        color: #ff7700; }
  .match.format-row.hover:hover {
    cursor: pointer; }
  .match.format-row.small {
    padding: 0.75rem; }
    .match.format-row.small > .schedule {
      width: 12rem; }
    .match.format-row.small > .context {
      width: 25%;
      min-width: 8rem;
      max-width: 15rem; }
    .match.format-row.small > .logo {
      width: 2.5rem; }
    .match.format-row.small .logo + .context {
      width: calc(25% - 2.5rem - 0.75rem); }
    .match.format-row.small > .record > .opponent > .result {
      width: 5rem; }
    .match.format-row.small > .state {
      width: 5rem; }
  .match.format-row.divider {
    border-bottom: 1px solid transparent; }
    .match.format-row.divider:last-child {
      border-bottom: 0; }
    .match.format-row.divider::after {
      content: "";
      height: 1px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: -1px;
      background: #e6e6e6; }
    .match.format-row.divider:last-child::after {
      height: 0; }
    .match.format-row.divider.inverted::after {
      background: #4d4d4d; }

@media (min-width: 601px) and (max-width: 1200px) {
  .match.format-row {
    padding: 1.25rem 0 1.25rem 0; }
    .match.format-row > .logo {
      display: none; }
    .match.format-row > .schedule {
      width: 9.6rem; }
    .match.format-row.small > .schedule {
      width: 9.6rem; } }

@media (max-width: 600px) {
  .match.format-row {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1.25rem 0 1.25rem 0; }
    .match.format-row > .schedule {
      width: 9.6rem; }
    .match.format-row.small > .schedule {
      width: 9.6rem; }
    .match.format-row > .logo {
      display: none; }
    .match.format-row > .context {
      -webkit-box-ordinal-group: -1;
      -moz-box-ordinal-group: -1;
      box-ordinal-group: -1;
      -webkit-order: -1;
      -moz-order: -1;
      order: -1;
      -ms-flex-order: -1;
      width: 100% !important;
      max-width: none !important;
      margin-bottom: 0.25rem; }
      .match.format-row > .context > :not(:first-child) {
        display: none; }
    .match.format-row > .schedule:first-child + .context,
    .match.format-row > .schedule:first-child + .logo + .context {
      display: none; } }

/**
 * Includes all match sheet styling
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * Match displayed in the sheet format.
 *
 * Note: This format mostly handles page layout.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * Match sheet configuration
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/** deprecated */
.match.format-sheet {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  position: relative;
  box-sizing: border-box; }
  .match.format-sheet > * {
    margin-bottom: 1.25rem; }
    .match.format-sheet > *:last-child {
      margin-bottom: 0; }
  .match.format-sheet > .report {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center; }
    .match.format-sheet > .report > * {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin-right: 1.25rem; }
      .match.format-sheet > .report > *:last-child {
        margin-right: 0; }
  .match.format-sheet > .opponents {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start; }
    .match.format-sheet > .opponents > * {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin-right: 1.25rem; }
      .match.format-sheet > .opponents > *:last-child {
        margin-right: 0; }

/**
 * Match lineup.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.match.format-lineup {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  position: relative; }
  .match.format-lineup .player {
    border-color: #e6e6e6; }
    .match.format-lineup .player .primary {
      color: black; }
      .match.format-lineup .player .primary .disabled {
        color: #b3b3b3; }
    .match.format-lineup .player .secondary {
      color: gray; }
      .match.format-lineup .player .secondary .disabled {
        color: #d9d9d9; }
  .match.format-lineup .player {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 0.75rem; }
    .match.format-lineup .player > * {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      overflow-wrap: break-word;
      word-wrap: break-word;
      -ms-word-break: break-all;
      word-break: break-word;
      -ms-hyphens: auto;
      -moz-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto; }
    .match.format-lineup .player:last-child {
      padding-bottom: 0;
      border-bottom: 0;
      margin-bottom: 0; }
    .match.format-lineup .player .primary {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center; }
      .match.format-lineup .player .primary .avatar {
        margin-right: 0.5rem; }
        .match.format-lineup .player .primary .avatar > img {
          width: 3rem;
          height: 3rem; }
      .match.format-lineup .player .primary .info {
        font: 700 1rem/1.2em "Noto Sans", sans-serif;
        padding: 0.25rem 0; }
        .match.format-lineup .player .primary .info .disabled {
          font: 400 0.75rem/1.5em "Noto Sans", sans-serif; }
    .match.format-lineup .player .secondary {
      font: 400 0.75rem/1.5em "Noto Sans", sans-serif;
      padding: 0.25rem;
      word-break: break-all; }
      .match.format-lineup .player .secondary .disabled {
        font: 400 0.75rem/1.5em "Noto Sans", sans-serif; }
  .match.format-lineup.inverted .player {
    border-color: #383838; }
    .match.format-lineup.inverted .player .primary {
      color: white; }
      .match.format-lineup.inverted .player .primary .disabled {
        color: #5c5c5c; }
    .match.format-lineup.inverted .player .secondary {
      color: gray; }
      .match.format-lineup.inverted .player .secondary .disabled {
        color: #424242; }

@media (max-width: 600px) {
  .match.format-lineup .player {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .match.format-lineup .player .primary {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 100%;
      -moz-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%; }
    .match.format-lineup .player .secondary {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 100%;
      -moz-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%; } }

/**
 * Match-info component
 *
 */
.match.format-info {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  position: relative;
  box-sizing: border-box;
  min-width: 100%;
  background: white; }
  .match.format-info.scrollable {
    width: 100%;
    overflow-x: auto; }
  .match.format-info > * {
    padding: 0 0 0.75rem 0; }
    .match.format-info > *:last-child {
      padding: 0; }
  .match.format-info > .title {
    font: 700 1.4375rem/1.2em "Noto Sans", sans-serif;
    letter-spacing: -0.05rem; }
  .match.format-info > .logo, .match.format-info > .logo > img {
    width: 2.5rem;
    height: 2.5rem; }
  .match.format-info > .properties {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .match.format-info > .properties > * {
      padding-right: 2.5rem;
      padding-bottom: 2.5rem; }
    .match.format-info > .properties .name {
      font: 400 0.75rem/1.5em "Noto Sans", sans-serif;
      text-transform: uppercase; }
    .match.format-info > .properties .value {
      font: 400 1rem/1.5em "Noto Sans", sans-serif; }
  .match.format-info > .record {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column; }
    .match.format-info > .record.scrollable {
      overflow-x: auto; }
      .match.format-info > .record.scrollable > .opponent {
        min-width: 45rem; }
    .match.format-info > .record > .header > * {
      text-transform: uppercase;
      font: 400 0.75rem/1.5em "Noto Sans", sans-serif !important; }
    .match.format-info > .record > .opponent {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center;
      padding: 0.75rem;
      border-bottom: 1px solid #e6e6e6; }
      .match.format-info > .record > .opponent:last-child {
        border-bottom: none; }
      .match.format-info > .record > .opponent > * {
        margin-right: 1.25rem; }
        .match.format-info > .record > .opponent > *:last-child {
          margin-right: 0; }
      .match.format-info > .record > .opponent > .country {
        width: 1rem;
        min-width: 1rem;
        margin-right: 0.25rem; }
        .match.format-info > .record > .opponent > .country > i {
          display: block; }
      .match.format-info > .record > .opponent > .logo {
        width: 2rem;
        min-width: 2rem; }
        .match.format-info > .record > .opponent > .logo > img {
          display: block;
          width: 2rem;
          height: 2rem; }
      .match.format-info > .record > .opponent > .name {
        -webkit-box-flex: 3;
        -moz-box-flex: 3;
        box-flex: 3;
        -webkit-flex: 3;
        -moz-flex: 3;
        -ms-flex: 3;
        flex: 3;
        width: 12rem;
        min-width: 12rem;
        font: 400 1.125rem/1.5em "Noto Sans", sans-serif;
        font-weight: 700; }
        .match.format-info > .record > .opponent > .name > .description {
          font: 400 0.75rem/1.5em "Noto Sans", sans-serif; }
      .match.format-info > .record > .opponent > .data {
        font: 400 1rem/1.5em "Noto Sans", sans-serif;
        text-align: center; }
        .match.format-info > .record > .opponent > .data.huge {
          min-width: 10rem;
          width: 10rem; }
        .match.format-info > .record > .opponent > .data.large {
          min-width: 7rem;
          width: 7rem; }
        .match.format-info > .record > .opponent > .data.medium {
          min-width: 5rem;
          width: 5rem; }
        .match.format-info > .record > .opponent > .data.small {
          min-width: 3rem;
          width: 3rem; }
      .match.format-info > .record > .opponent > .result {
        width: 5rem;
        min-width: 5rem;
        border-radius: 0.25rem;
        font: 400 1rem/1.5em "Noto Sans", sans-serif;
        text-align: center; }
        .match.format-info > .record > .opponent > .result.rank {
          text-transform: none; }
  .match.format-info .title {
    color: black; }
  .match.format-info .properties .name {
    color: #b3b3b3; }
  .match.format-info .properties .value {
    color: black; }
  .match.format-info > .record > .opponent {
    border-color: #e6e6e6; }
    .match.format-info > .record > .opponent > .name {
      color: black; }
      .match.format-info > .record > .opponent > .name.disabled {
        color: #d9d9d9; }
      .match.format-info > .record > .opponent > .name > .description {
        color: gray; }
    .match.format-info > .record > .opponent > .data {
      color: #262626; }
      .match.format-info > .record > .opponent > .data > .subdued {
        color: gray; }
    .match.format-info > .record > .opponent > .result {
      color: black; }
      .match.format-info > .record > .opponent > .result.progress {
        background: transparent;
        color: gray; }
      .match.format-info > .record > .opponent > .result.win {
        background: #50b649;
        color: white; }
      .match.format-info > .record > .opponent > .result.draw {
        background: gray;
        color: white; }
      .match.format-info > .record > .opponent > .result.loss {
        background: #e61a1a;
        color: white; }
      .match.format-info > .record > .opponent > .result.forfeit {
        background: #ff7700;
        color: white; }
      .match.format-info > .record > .opponent > .result.rank {
        background: #b3b3b3;
        color: white; }
      .match.format-info > .record > .opponent > .result.rank-1 {
        background: #e6c300;
        color: white; }
      .match.format-info > .record > .opponent > .result.rank-2 {
        background: #bfbfbf;
        color: white; }
      .match.format-info > .record > .opponent > .result.rank-3 {
        background: #cd8032;
        color: white; }
      .match.format-info > .record > .opponent > .result.rank-x {
        background: transparent;
        color: black; }
    .match.format-info > .record > .opponent.header > .result,
    .match.format-info > .record > .opponent.header > .data,
    .match.format-info > .record > .opponent.header > .name {
      color: #b3b3b3; }
  .match.format-info.inverted {
    background: #262626; }
    .match.format-info.inverted .title {
      color: white; }
    .match.format-info.inverted .properties .name {
      color: #5c5c5c; }
    .match.format-info.inverted .properties .value {
      color: white; }
    .match.format-info.inverted > .record > .opponent {
      border-color: #383838; }
      .match.format-info.inverted > .record > .opponent > .name {
        color: white; }
        .match.format-info.inverted > .record > .opponent > .name.disabled {
          color: #424242; }
        .match.format-info.inverted > .record > .opponent > .name > .description {
          color: gray; }
      .match.format-info.inverted > .record > .opponent > .data {
        color: white; }
        .match.format-info.inverted > .record > .opponent > .data > .subdued {
          color: gray; }
      .match.format-info.inverted > .record > .opponent > .result {
        color: white; }
        .match.format-info.inverted > .record > .opponent > .result.progress {
          background: transparent;
          color: white; }
        .match.format-info.inverted > .record > .opponent > .result.win {
          background: #50b649;
          color: #262626; }
        .match.format-info.inverted > .record > .opponent > .result.draw {
          background: gray;
          color: #262626; }
        .match.format-info.inverted > .record > .opponent > .result.loss {
          background: #e61a1a;
          color: #262626; }
        .match.format-info.inverted > .record > .opponent > .result.forfeit {
          background: #ff7700;
          color: #262626; }
        .match.format-info.inverted > .record > .opponent > .result.rank {
          background: #5c5c5c;
          color: #262626; }
        .match.format-info.inverted > .record > .opponent > .result.rank-1 {
          background: #e6c300;
          color: white; }
        .match.format-info.inverted > .record > .opponent > .result.rank-2 {
          background: #bfbfbf;
          color: white; }
        .match.format-info.inverted > .record > .opponent > .result.rank-3 {
          background: #cd8032;
          color: white; }
        .match.format-info.inverted > .record > .opponent > .result.rank-x {
          background: transparent;
          color: white; }
      .match.format-info.inverted > .record > .opponent.header > .result,
      .match.format-info.inverted > .record > .opponent.header > .data,
      .match.format-info.inverted > .record > .opponent.header > .name {
        color: #5c5c5c; }

@media (min-width: 601px) and (max-width: 1200px) {
  .match.format-info > .title {
    padding: 0; } }

@media (max-width: 600px) {
  .match.format-info {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .match.format-info > .title {
      padding: 0; }
    .match.format-info > .record > .opponent > .logo {
      display: none; }
    .match.format-info > .properties {
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      box-orient: vertical;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      flex-direction: column;
      -ms-flex-direction: column; }
      .match.format-info > .properties > * {
        padding-bottom: 1.25rem; } }

/**
 * Match-form component
 *
 */
.match.format-form {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  position: relative;
  box-sizing: border-box;
  min-width: 100%;
  background: white; }
  .match.format-form > * {
    padding: 0 0 0.75rem 0; }
    .match.format-form > *:last-child {
      padding: 0; }
  .match.format-form > .title {
    font: 700 1.4375rem/1.2em "Noto Sans", sans-serif;
    letter-spacing: -0.05rem; }
  .match.format-form > .properties {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -0.375rem; }
    .match.format-form > .properties > * {
      margin: 0.375rem; }
    .match.format-form > .properties .name {
      font: 400 0.75rem/1.5em "Noto Sans", sans-serif;
      text-transform: uppercase; }
    .match.format-form > .properties .value {
      font: 400 1rem/1.5em "Noto Sans", sans-serif; }
  .match.format-form > .record {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column; }
    .match.format-form > .record > .opponent {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      box-orient: vertical;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      flex-direction: column;
      -ms-flex-direction: column;
      font: 400 1rem/1.5em "Noto Sans", sans-serif;
      border-bottom: 1px solid #e6e6e6; }
      .match.format-form > .record > .opponent:last-child {
        border-bottom: none; }
      .match.format-form > .record > .opponent > .item {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        padding: 1rem 0.75rem;
        margin: -0.375rem; }
        .match.format-form > .record > .opponent > .item:first-child {
          padding-top: 1.25rem; }
        .match.format-form > .record > .opponent > .item:last-child {
          padding-bottom: 1.25rem; }
        .match.format-form > .record > .opponent > .item > * {
          margin: 0.375rem; }
        .match.format-form > .record > .opponent > .item > * > .value {
          padding: 0.5rem 0;
          border: 1px solid transparent; }
        .match.format-form > .record > .opponent > .item > .name {
          -webkit-box-flex: 8;
          -moz-box-flex: 8;
          box-flex: 8;
          -webkit-flex: 8 0 8rem;
          -moz-flex: 8 0 8rem;
          -ms-flex: 8 0 8rem;
          flex: 8 0 8rem;
          -webkit-box-ordinal-group: 1;
          -moz-box-ordinal-group: 1;
          box-ordinal-group: 1;
          -webkit-order: 1;
          -moz-order: 1;
          order: 1;
          -ms-flex-order: 1;
          font: 400 1.125rem/1.5em "Noto Sans", sans-serif;
          font-weight: 700; }
          .match.format-form > .record > .opponent > .item > .name > .description {
            font: 400 0.75rem/1.5em "Noto Sans", sans-serif;
            color: gray; }
        .match.format-form > .record > .opponent > .item > .forfeit {
          -webkit-box-flex: 1;
          -moz-box-flex: 1;
          box-flex: 1;
          -webkit-flex: 1 0 auto;
          -moz-flex: 1 0 auto;
          -ms-flex: 1 0 auto;
          flex: 1 0 auto;
          -webkit-box-ordinal-group: 2;
          -moz-box-ordinal-group: 2;
          box-ordinal-group: 2;
          -webkit-order: 2;
          -moz-order: 2;
          order: 2;
          -ms-flex-order: 2;
          max-width: 5rem;
          text-align: center; }
        .match.format-form > .record > .opponent > .item > .metric {
          -webkit-box-flex: 1;
          -moz-box-flex: 1;
          box-flex: 1;
          -webkit-flex: 1 1 3rem;
          -moz-flex: 1 1 3rem;
          -ms-flex: 1 1 3rem;
          flex: 1 1 3rem;
          -webkit-box-ordinal-group: 3;
          -moz-box-ordinal-group: 3;
          box-ordinal-group: 3;
          -webkit-order: 3;
          -moz-order: 3;
          order: 3;
          -ms-flex-order: 3;
          max-width: 5rem;
          text-align: center; }
        .match.format-form > .record > .opponent > .item > .score {
          -webkit-box-flex: 1;
          -moz-box-flex: 1;
          box-flex: 1;
          -webkit-flex: 1 1 3rem;
          -moz-flex: 1 1 3rem;
          -ms-flex: 1 1 3rem;
          flex: 1 1 3rem;
          -webkit-box-ordinal-group: 4;
          -moz-box-ordinal-group: 4;
          box-ordinal-group: 4;
          -webkit-order: 4;
          -moz-order: 4;
          order: 4;
          -ms-flex-order: 4;
          max-width: 5rem;
          text-align: center; }
        .match.format-form > .record > .opponent > .item > .result {
          -webkit-box-flex: 1;
          -moz-box-flex: 1;
          box-flex: 1;
          -webkit-flex: 1 1 7rem;
          -moz-flex: 1 1 7rem;
          -ms-flex: 1 1 7rem;
          flex: 1 1 7rem;
          -webkit-box-ordinal-group: 5;
          -moz-box-ordinal-group: 5;
          box-ordinal-group: 5;
          -webkit-order: 5;
          -moz-order: 5;
          order: 5;
          -ms-flex-order: 5;
          text-align: center; }
          .match.format-form > .record > .opponent > .item > .result > .value {
            font: 400 1rem/1.5em "Noto Sans", sans-serif; }
            .match.format-form > .record > .opponent > .item > .result > .value > * {
              display: inline-block;
              border-radius: 0.25rem;
              min-width: 5rem;
              text-align: center; }
        .match.format-form > .record > .opponent > .item > .rank {
          -webkit-box-flex: 1;
          -moz-box-flex: 1;
          box-flex: 1;
          -webkit-flex: 1 1 3rem;
          -moz-flex: 1 1 3rem;
          -ms-flex: 1 1 3rem;
          flex: 1 1 3rem;
          -webkit-box-ordinal-group: 5;
          -moz-box-ordinal-group: 5;
          box-ordinal-group: 5;
          -webkit-order: 5;
          -moz-order: 5;
          order: 5;
          -ms-flex-order: 5;
          max-width: 5rem;
          text-align: center; }
          .match.format-form > .record > .opponent > .item > .rank > .value {
            font: 400 1rem/1.5em "Noto Sans", sans-serif; }
            .match.format-form > .record > .opponent > .item > .rank > .value > * {
              display: inline-block;
              border-radius: 0.25rem;
              min-width: 5rem;
              text-align: center; }
            .match.format-form > .record > .opponent > .item > .rank > .value > .rank {
              text-transform: none; }
        .match.format-form > .record > .opponent > .item > .property {
          width: calc(25% - 0.75rem); }
      .match.format-form > .record > .opponent.header > .item > * {
        text-transform: uppercase;
        font: 400 0.75rem/1.5em "Noto Sans", sans-serif !important; }
      .match.format-form > .record > .opponent > .item > * > .header {
        display: none; }
  .match.format-form .title {
    color: black; }
  .match.format-form .properties {
    padding: 0.75rem; }
    .match.format-form .properties .name {
      color: #b3b3b3; }
    .match.format-form .properties .value {
      color: black; }
  .match.format-form > .record > .opponent {
    border-color: #e6e6e6; }
    .match.format-form > .record > .opponent > .item > .name {
      color: black; }
      .match.format-form > .record > .opponent > .item > .name.disabled {
        color: #d9d9d9; }
    .match.format-form > .record > .opponent > .item > .score {
      color: #262626; }
    .match.format-form > .record > .opponent > .item > .metric {
      color: #262626; }
    .match.format-form > .record > .opponent > .item > .forfeit {
      color: #262626; }
    .match.format-form > .record > .opponent > .item > .result {
      color: black; }
      .match.format-form > .record > .opponent > .item > .result > .value > .progress {
        background: transparent;
        color: gray; }
      .match.format-form > .record > .opponent > .item > .result > .value > .win {
        background: #50b649;
        color: white; }
      .match.format-form > .record > .opponent > .item > .result > .value > .draw {
        background: gray;
        color: white; }
      .match.format-form > .record > .opponent > .item > .result > .value > .loss {
        background: #e61a1a;
        color: white; }
      .match.format-form > .record > .opponent > .item > .result > .value > .forfeit {
        background: #ff7700;
        color: white; }
    .match.format-form > .record > .opponent > .item > .rank {
      color: white; }
      .match.format-form > .record > .opponent > .item > .rank > .value > .progress {
        background: transparent;
        color: gray; }
      .match.format-form > .record > .opponent > .item > .rank > .value > .rank-1 {
        background: #e6c300;
        color: white; }
      .match.format-form > .record > .opponent > .item > .rank > .value > .rank-2 {
        background: #bfbfbf;
        color: white; }
      .match.format-form > .record > .opponent > .item > .rank > .value > .rank-3 {
        background: #cd8032;
        color: white; }
      .match.format-form > .record > .opponent > .item > .rank > .value > .rank-x {
        background: transparent;
        color: black; }
      .match.format-form > .record > .opponent > .item > .rank > .value > .forfeit {
        background: transparent;
        color: black; }
    .match.format-form > .record > .opponent.header > .item > .name,
    .match.format-form > .record > .opponent.header > .item > .score,
    .match.format-form > .record > .opponent.header > .item > .metric,
    .match.format-form > .record > .opponent.header > .item > .forfeit,
    .match.format-form > .record > .opponent.header > .item > .result,
    .match.format-form > .record > .opponent.header > .item > .rank {
      color: #b3b3b3; }
    .match.format-form > .record > .opponent > .item > * > .header {
      color: #b3b3b3; }
  .match.format-form.inverted {
    background: #262626; }
    .match.format-form.inverted .title {
      color: white; }
    .match.format-form.inverted .properties {
      padding: 0.75rem; }
      .match.format-form.inverted .properties .name {
        color: #5c5c5c; }
      .match.format-form.inverted .properties .value {
        color: white; }
    .match.format-form.inverted > .record > .opponent {
      border-color: #383838; }
      .match.format-form.inverted > .record > .opponent > .item > .name {
        color: white; }
        .match.format-form.inverted > .record > .opponent > .item > .name.disabled {
          color: #424242; }
      .match.format-form.inverted > .record > .opponent > .item > .score {
        color: #d9d9d9; }
      .match.format-form.inverted > .record > .opponent > .item > .metric {
        color: #d9d9d9; }
      .match.format-form.inverted > .record > .opponent > .item > .forfeit {
        color: #d9d9d9; }
      .match.format-form.inverted > .record > .opponent > .item > .result {
        color: white; }
        .match.format-form.inverted > .record > .opponent > .item > .result > .value > .progress {
          background: transparent;
          color: gray; }
        .match.format-form.inverted > .record > .opponent > .item > .result > .value > .win {
          background: #50b649;
          color: #262626; }
        .match.format-form.inverted > .record > .opponent > .item > .result > .value > .draw {
          background: gray;
          color: #262626; }
        .match.format-form.inverted > .record > .opponent > .item > .result > .value > .loss {
          background: #e61a1a;
          color: #262626; }
        .match.format-form.inverted > .record > .opponent > .item > .result > .value > .forfeit {
          background: #ff7700;
          color: #262626; }
      .match.format-form.inverted > .record > .opponent > .item > .rank {
        color: #262626; }
        .match.format-form.inverted > .record > .opponent > .item > .rank > .value > .progress {
          background: transparent;
          color: gray; }
        .match.format-form.inverted > .record > .opponent > .item > .rank > .value > .rank-1 {
          background: #e6c300;
          color: #262626; }
        .match.format-form.inverted > .record > .opponent > .item > .rank > .value > .rank-2 {
          background: #bfbfbf;
          color: #262626; }
        .match.format-form.inverted > .record > .opponent > .item > .rank > .value > .rank-3 {
          background: #cd8032;
          color: #262626; }
        .match.format-form.inverted > .record > .opponent > .item > .rank > .value > .rank-x {
          background: transparent;
          color: white; }
        .match.format-form.inverted > .record > .opponent > .item > .rank > .value > .forfeit {
          background: transparent;
          color: white; }
      .match.format-form.inverted > .record > .opponent.header > .item > .name,
      .match.format-form.inverted > .record > .opponent.header > .item > .score,
      .match.format-form.inverted > .record > .opponent.header > .item > .metric,
      .match.format-form.inverted > .record > .opponent.header > .item > .forfeit,
      .match.format-form.inverted > .record > .opponent.header > .item > .result,
      .match.format-form.inverted > .record > .opponent.header > .item > .rank {
        color: #5c5c5c; }
      .match.format-form.inverted > .record > .opponent > .item > * > .header {
        color: #5c5c5c; }

@media (min-width: 601px) and (max-width: 1200px) {
  .match.format-form > .title {
    padding: 0; }
  .match.format-form > .record > .opponent > .item {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .match.format-form > .record > .opponent > .item > .property {
      width: calc(33% - 0.75rem); } }

@media (max-width: 600px) {
  .match.format-form > .title {
    padding: 0; }
  .match.format-form > .properties > * {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 calc(50% - 0.75rem);
    -moz-flex: 1 0 calc(50% - 0.75rem);
    -ms-flex: 1 0 calc(50% - 0.75rem);
    flex: 1 0 calc(50% - 0.75rem); }
  .match.format-form > .record > .opponent.header {
    display: none; }
  .match.format-form > .record > .opponent > .item > * > .header {
    display: block;
    text-transform: uppercase;
    font: 400 0.75rem/1.5em "Noto Sans", sans-serif;
    text-align: left;
    margin-bottom: 0.25rem; }
  .match.format-form > .record > .opponent > .item {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .match.format-form > .record > .opponent > .item > * {
      text-align: left !important; }
    .match.format-form > .record > .opponent > .item > .name {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1 0 calc(100% - 0.75rem);
      -moz-flex: 1 0 calc(100% - 0.75rem);
      -ms-flex: 1 0 calc(100% - 0.75rem);
      flex: 1 0 calc(100% - 0.75rem); }
    .match.format-form > .record > .opponent > .item > .forfeit {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1 0 auto;
      -moz-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
      flex: 1 0 auto;
      max-width: none;
      text-align: left; }
    .match.format-form > .record > .opponent > .item > .metric {
      -webkit-box-ordinal-group: 10;
      -moz-box-ordinal-group: 10;
      box-ordinal-group: 10;
      -webkit-order: 10;
      -moz-order: 10;
      order: 10;
      -ms-flex-order: 10;
      min-width: calc(50% - 0.75rem);
      text-align: left; }
    .match.format-form > .record > .opponent > .item > .score {
      text-align: left; }
    .match.format-form > .record > .opponent > .item > .result {
      min-width: calc(50% - 0.75rem);
      text-align: left; }
    .match.format-form > .record > .opponent > .item > .rank {
      min-width: calc(50% - 0.75rem);
      max-width: initial;
      text-align: left; }
    .match.format-form > .record > .opponent > .item > .property {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1 0 calc(50% - 0.75rem);
      -moz-flex: 1 0 calc(50% - 0.75rem);
      -ms-flex: 1 0 calc(50% - 0.75rem);
      flex: 1 0 calc(50% - 0.75rem); } }

/**
 * registration domain components
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * Participant shown in the box format.
 *
 * @author Vincent Barrault <vbarrault@oxent.net>
 */
.participant.format-box {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  padding: 0.75rem;
  border-radius: 0.25rem;
  min-height: calc(100% - 0.75rem - 2px);
  border: 1px solid #e6e6e6;
  background-color: white; }
  .participant.format-box.hover:hover {
    background-color: #f2f2f2; }
  .participant.format-box > .image {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
    .participant.format-box > .image > * {
      margin-right: 0.75rem; }
    .participant.format-box > .image > .participant.logo.none, .participant.format-box > .image .participant.country.none {
      margin-right: 0; }
    .participant.format-box > .image > .participant.country i {
      display: block; }
  .participant.format-box > .identity {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0; }
    .participant.format-box > .identity > .name {
      color: #262626; }
    .participant.format-box > .identity > .description {
      color: gray; }
    .participant.format-box > .identity > .name {
      font: 700 1.125rem/1.2em "Noto Sans", sans-serif; }
    .participant.format-box > .identity > .description {
      font: 400 0.75rem/1.5em "Noto Sans", sans-serif; }
  .participant.format-box.hover:hover {
    cursor: pointer; }
  .participant.format-box.inverted {
    border: 1px solid #383838;
    background-color: #262626; }
    .participant.format-box.inverted.hover:hover {
      background-color: #303030; }
    .participant.format-box.inverted > .identity > .name {
      color: #d9d9d9; }
    .participant.format-box.inverted > .identity > .description {
      color: gray; }

/**
 * Participant shown in the header format.
 *
 * @author Vincent Barrault <vbarrault@oxent.net>
 */
.participant.format-header {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  color: #f2f2f2; }
  .participant.format-header > .name {
    font: 700 2.125rem/1.2em "Noto Sans", sans-serif;
    letter-spacing: -0.125rem; }
  .participant.format-header > *:not(:last-child) {
    margin-right: 1.25rem; }

@media (max-width: 600px) {
  .participant.format-header {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; } }

/**
 * Participant logo.
 *
 * @author Vincent Barrault <vbarrault@oxent.net>
 */
.participant.logo {
  width: 4rem;
  height: 4rem; }
  .participant.logo > img {
    width: 4rem;
    height: 4rem; }
  .participant.logo.small {
    width: 2rem;
    height: 2rem; }
    .participant.logo.small > img {
      width: 2rem;
      height: 2rem; }
  .participant.logo.large {
    width: 8rem;
    height: 8rem; }
    .participant.logo.large > img {
      width: 8rem;
      height: 8rem; }
  .participant.logo.none {
    width: 0; }

/**
 * seeding mini format styling
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.participant.format-row {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  background-color: white;
  color: gray;
  font: 400 0.875rem/1.5em "Noto Sans", sans-serif;
  min-height: 1.75rem;
  padding: 0.5rem; }
  .participant.format-row .name {
    color: black; }
  .participant.format-row.divider {
    border-color: #e6e6e6; }
  .participant.format-row.disabled, .participant.format-row.disabled .name {
    color: #d9d9d9; }
  .participant.format-row.hover:hover {
    background-color: #f2f2f2; }
  .participant.format-row.title {
    color: #b3b3b3; }
    .participant.format-row.title .name {
      color: #b3b3b3; }
    .participant.format-row.title div {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      .participant.format-row.title div > a {
        cursor: pointer; }
  .participant.format-row.spacing-large {
    padding: 0.75rem; }
  .participant.format-row > * {
    box-sizing: content-box; }
    .participant.format-row > *:not(:first-child) {
      margin-left: 0.5rem; }
  .participant.format-row .identity {
    -webkit-box-flex: 10;
    -moz-box-flex: 10;
    box-flex: 10;
    -webkit-flex: 10;
    -moz-flex: 10;
    -ms-flex: 10;
    flex: 10;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center; }
    .participant.format-row .identity > * {
      box-sizing: content-box;
      margin-left: 0.5rem; }
      .participant.format-row .identity > *:first-child {
        margin-left: 0; }
    .participant.format-row .identity .image {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center; }
      .participant.format-row .identity .image.logo > img {
        width: 1.2em;
        height: 1.2em; }
      .participant.format-row .identity .image.logo.large > img {
        width: 2.5em;
        height: 2.5em; }
    .participant.format-row .identity > .information {
      text-align: left;
      width: 0; }
      .participant.format-row .identity > .information > .description {
        font: 400 0.75rem/1.5em "Noto Sans", sans-serif; }
  .participant.format-row .information {
    -webkit-box-flex: 6;
    -moz-box-flex: 6;
    box-flex: 6;
    -webkit-flex: 6;
    -moz-flex: 6;
    -ms-flex: 6;
    flex: 6;
    text-align: left;
    width: 0; }
  .participant.format-row .metric {
    width: 5rem;
    text-align: center;
    font: 400 0.75rem/1.5em "Noto Sans", sans-serif; }
    .participant.format-row .metric.small {
      width: 3rem; }
    .participant.format-row .metric.large {
      width: 10rem; }
    .participant.format-row .metric > a {
      font: 400 0.875rem/1.5em "Noto Sans", sans-serif; }
    .participant.format-row .metric.align-left {
      text-align: left; }
    .participant.format-row .metric.align-right {
      text-align: right; }
  .participant.format-row .switch {
    text-align: center;
    width: 5rem; }
  .participant.format-row .status {
    width: 8rem; }
  .participant.format-row .actions .form-row, .participant.format-row .actions .form-row .form-field {
    margin: 0;
    padding: 0; }
  .participant.format-row .actions.primary {
    width: 1rem;
    text-align: center; }
    .participant.format-row .actions.primary button {
      padding: 0; }
  .participant.format-row .actions.secondary {
    width: 2rem; }
    .participant.format-row .actions.secondary button {
      padding: 0; }
    .participant.format-row .actions.secondary.large {
      width: 3rem; }
  .participant.format-row.divider {
    border-bottom: 1px solid #e6e6e6;
    width: auto; }
    .participant.format-row.divider:last-child:not(.title) {
      border-bottom: none; }
  .participant.format-row.disabled {
    font-weight: 400;
    cursor: not-allowed; }
  .participant.format-row.hover {
    cursor: pointer; }
    .participant.format-row.hover.disabled {
      cursor: not-allowed; }
  .participant.format-row.inverted {
    background-color: #262626;
    color: gray; }
    .participant.format-row.inverted .name {
      color: white; }
    .participant.format-row.inverted.divider {
      border-color: #383838; }
    .participant.format-row.inverted.disabled, .participant.format-row.inverted.disabled .name {
      color: #424242; }
    .participant.format-row.inverted.hover:hover {
      background-color: #303030; }
    .participant.format-row.inverted.title {
      color: #5c5c5c; }
      .participant.format-row.inverted.title .name {
        color: #5c5c5c; }
      .participant.format-row.inverted.title div {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
        .participant.format-row.inverted.title div > a {
          cursor: pointer; }

@media (min-width: 601px) and (max-width: 1200px) {
  .participant.format-row:not(.small) > *.tablet-hide, .participant.format-row:not(.small) > .identity > .image.tablet-hide {
    display: none; }
  .participant.format-row:not(.small) .status, .participant.format-row:not(.small) .date {
    display: none; } }

@media (max-width: 600px) {
  .participant.format-row:not(.small) > *.mobile-hide, .participant.format-row:not(.small) > .identity > .image.mobile-hide, .participant.format-row:not(.small) .identity .description {
    display: none; }
  .participant.format-row:not(.small) .status, .participant.format-row:not(.small) .email, .participant.format-row:not(.small) .date {
    display: none; } }

/**
 * Includes all pick-ban styling
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * toornament logo with a caption.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.pick-ban {
  display: inline-block;
  width: 5rem; }
  .pick-ban input[type=checkbox] {
    position: absolute;
    left: -9999px; }
  .pick-ban .image {
    position: relative; }
    .pick-ban .image > img {
      border-radius: 0;
      padding: 0.25rem;
      box-shadow: 0 0 0 1px #d9d9d9;
      width: calc(5rem - 2*0.25rem); }
  .pick-ban .name {
    color: black;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .pick-ban.inverted .image > img {
    box-shadow: 0 0 0 1px #424242; }
  .pick-ban.inverted .name {
    color: white; }
  .pick-ban input + label {
    cursor: pointer; }
  .pick-ban.selected .image > img,
  .pick-ban.selectable input:checked + label .image > img {
    border-radius: 0.125rem;
    border-color: #009dff;
    box-shadow: 0 0 0 0.25rem #009dff; }
  .pick-ban.picked .image::before,
  .pick-ban.pickable input:checked + label .image::before {
    position: absolute;
    right: 0;
    bottom: 0.25rem;
    padding: 0.25rem 0.25rem 0 0.5rem;
    font: 400 0.75rem/1.5em "FontAwesome";
    border-top-left-radius: 0.25rem;
    text-transform: uppercase;
    content: "";
    color: white;
    background-color: #009dff; }
  .pick-ban.picked .image > img,
  .pick-ban.pickable input:checked + label .image > img {
    border-radius: 0.125rem;
    border-color: #009dff;
    box-shadow: 0 0 0 0.25rem #009dff; }
  .pick-ban.banned .image::before,
  .pick-ban.bannable input:checked + label .image::before {
    position: absolute;
    right: 0;
    bottom: 0.25rem;
    padding: 0.25rem 0.25rem 0 0.5rem;
    font: 400 0.75rem/1.5em "FontAwesome";
    border-top-left-radius: 0.25rem;
    text-transform: uppercase;
    content: "";
    color: white;
    background-color: #e61a1a; }
  .pick-ban.banned .image > img,
  .pick-ban.bannable input:checked + label .image > img {
    border-radius: 0.125rem;
    border-color: #e61a1a;
    box-shadow: 0 0 0 0.25rem #e61a1a; }
  .pick-ban.undefined .image::before {
    position: absolute;
    right: 0;
    bottom: 0.25rem;
    padding: 0.25rem 0.25rem 0 0.5rem;
    font: 400 0.75rem/1.5em "FontAwesome";
    border-top-left-radius: 0.25rem;
    text-transform: uppercase;
    content: "";
    color: white;
    background-color: gray; }
  .pick-ban.undefined .image > img {
    border-radius: 0.125rem;
    border-color: gray;
    box-shadow: 0 0 0 0.25rem gray; }
  .pick-ban.disabled {
    opacity: 0.25; }
    .pick-ban.disabled input + label {
      cursor: not-allowed; }

/**
 * Includes all ranking styling
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * Ranking mini format styling
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.ranking.format-mini {
  background: white;
  min-width: 7rem; }
  .ranking.format-mini .ranking-title {
    color: #b3b3b3; }
    .ranking.format-mini .ranking-title.divider {
      border-color: #e6e6e6; }
  .ranking.format-mini .ranking-item {
    color: gray; }
    .ranking.format-mini .ranking-item.divider {
      border-color: #e6e6e6; }
    .ranking.format-mini .ranking-item > .name {
      color: black; }
      .ranking.format-mini .ranking-item > .name.disabled {
        color: #d9d9d9; }
    .ranking.format-mini .ranking-item > .highlighted {
      color: black; }
  .ranking.format-mini .ranking-title, .ranking.format-mini .ranking-item {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    padding: 0.25rem; }
    .ranking.format-mini .ranking-title > *, .ranking.format-mini .ranking-item > * {
      box-sizing: content-box;
      margin-left: 0.25rem; }
      .ranking.format-mini .ranking-title > *:first-child, .ranking.format-mini .ranking-item > *:first-child {
        margin-left: 0; }
    .ranking.format-mini .ranking-title abbr, .ranking.format-mini .ranking-item abbr {
      border-bottom: 0; }
    .ranking.format-mini .ranking-title > .rank, .ranking.format-mini .ranking-item > .rank {
      width: 1.5rem;
      text-align: center; }
      .ranking.format-mini .ranking-title > .rank.large, .ranking.format-mini .ranking-item > .rank.large {
        width: 3rem; }
    .ranking.format-mini .ranking-title > .country, .ranking.format-mini .ranking-item > .country {
      width: 1rem; }
      .ranking.format-mini .ranking-title > .country > i, .ranking.format-mini .ranking-item > .country > i {
        display: block; }
    .ranking.format-mini .ranking-title > .logo, .ranking.format-mini .ranking-item > .logo {
      width: 1rem;
      height: 1rem; }
    .ranking.format-mini .ranking-title > .name, .ranking.format-mini .ranking-item > .name {
      -webkit-box-flex: 10;
      -moz-box-flex: 10;
      box-flex: 10;
      -webkit-flex: 10;
      -moz-flex: 10;
      -ms-flex: 10;
      flex: 10;
      text-align: left; }
    .ranking.format-mini .ranking-title > .metric, .ranking.format-mini .ranking-item > .metric {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      text-align: center; }
      .ranking.format-mini .ranking-title > .metric.large, .ranking.format-mini .ranking-item > .metric.large {
        min-width: 2rem; }
      .ranking.format-mini .ranking-title > .metric.align-left, .ranking.format-mini .ranking-item > .metric.align-left {
        text-align: left; }
      .ranking.format-mini .ranking-title > .metric.align-right, .ranking.format-mini .ranking-item > .metric.align-right {
        text-align: right; }
    .ranking.format-mini .ranking-title.divider, .ranking.format-mini .ranking-item.divider {
      border-bottom: 1px solid #e6e6e6; }
  .ranking.format-mini .ranking-title {
    font: 400 0.75rem/1.5em "Noto Sans", sans-serif; }
  .ranking.format-mini .ranking-item {
    font: 400 0.875rem/1.5em "Noto Sans", sans-serif;
    min-height: 1rem; }
    .ranking.format-mini .ranking-item > .logo > img {
      width: 1rem;
      height: 1rem; }
    .ranking.format-mini .ranking-item > .name {
      font: 400 0.875rem/1.5em "Noto Sans", sans-serif;
      font-weight: 500;
      width: 0;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
      .ranking.format-mini .ranking-item > .name.disabled {
        font-weight: 400; }
    .ranking.format-mini .ranking-item > .highlighted {
      font: 400 0.75rem/1.5em "Noto Sans", sans-serif;
      font-weight: 500; }
  .ranking.format-mini.inverted {
    background: #262626; }
    .ranking.format-mini.inverted .ranking-title {
      color: #5c5c5c; }
      .ranking.format-mini.inverted .ranking-title.divider {
        border-color: #383838; }
    .ranking.format-mini.inverted .ranking-item {
      color: gray; }
      .ranking.format-mini.inverted .ranking-item.divider {
        border-color: #383838; }
      .ranking.format-mini.inverted .ranking-item > .name {
        color: white; }
        .ranking.format-mini.inverted .ranking-item > .name.disabled {
          color: #424242; }
      .ranking.format-mini.inverted .ranking-item > .highlighted {
        color: white; }
  .ranking.format-mini.transparent {
    background: transparent; }

/**
 * Ranking sheet format styling
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.ranking.format-sheet {
  background: white; }
  .ranking.format-sheet .ranking-title {
    color: #b3b3b3; }
    .ranking.format-sheet .ranking-title.divider {
      border-color: #e6e6e6; }
  .ranking.format-sheet .ranking-item {
    color: gray; }
    .ranking.format-sheet .ranking-item.divider {
      border-color: #e6e6e6; }
    .ranking.format-sheet .ranking-item > .name {
      color: black; }
      .ranking.format-sheet .ranking-item > .name.disabled {
        color: #d9d9d9; }
    .ranking.format-sheet .ranking-item > .highlighted {
      color: black; }
    .ranking.format-sheet .ranking-item > .history > .result {
      color: white; }
      .ranking.format-sheet .ranking-item > .history > .result.win {
        background: #50b649; }
      .ranking.format-sheet .ranking-item > .history > .result.draw {
        background: #009dff; }
      .ranking.format-sheet .ranking-item > .history > .result.loss {
        background: #e61a1a; }
      .ranking.format-sheet .ranking-item > .history > .result.forfeit {
        background: #ff7700; }
      .ranking.format-sheet .ranking-item > .history > .result.bye {
        background: #b3b3b3; }
  .ranking.format-sheet .ranking-container {
    color: gray;
    box-sizing: border-box; }
    .ranking.format-sheet .ranking-container.divider {
      border-color: #e6e6e6; }
  @media (max-width: 600px) {
    .ranking.format-sheet {
      width: 100%;
      overflow-x: auto; } }
  @media (min-width: 601px) and (max-width: 1200px) {
    .ranking.format-sheet {
      width: 100%;
      overflow-x: auto; } }
  .ranking.format-sheet .ranking-title, .ranking.format-sheet .ranking-item {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    min-width: 100%;
    padding: 0.75rem;
    box-sizing: border-box; }
    .ranking.format-sheet .ranking-title > *, .ranking.format-sheet .ranking-item > * {
      box-sizing: content-box;
      margin-left: 0.75rem; }
      .ranking.format-sheet .ranking-title > *:first-child, .ranking.format-sheet .ranking-item > *:first-child {
        margin-left: 0; }
    .ranking.format-sheet .ranking-title abbr, .ranking.format-sheet .ranking-item abbr {
      border-bottom: 0; }
    .ranking.format-sheet .ranking-title > .rank, .ranking.format-sheet .ranking-item > .rank {
      width: 2rem;
      text-align: center; }
      .ranking.format-sheet .ranking-title > .rank.large, .ranking.format-sheet .ranking-item > .rank.large {
        width: 5rem; }
    .ranking.format-sheet .ranking-title > .country, .ranking.format-sheet .ranking-item > .country {
      width: 2rem; }
      .ranking.format-sheet .ranking-title > .country > i, .ranking.format-sheet .ranking-item > .country > i {
        display: block; }
    .ranking.format-sheet .ranking-title > .logo, .ranking.format-sheet .ranking-item > .logo {
      width: 2rem; }
    .ranking.format-sheet .ranking-title > .name, .ranking.format-sheet .ranking-item > .name {
      -webkit-box-flex: 10;
      -moz-box-flex: 10;
      box-flex: 10;
      -webkit-flex: 10;
      -moz-flex: 10;
      -ms-flex: 10;
      flex: 10;
      min-width: 9rem;
      text-align: left; }
    .ranking.format-sheet .ranking-title > .metric, .ranking.format-sheet .ranking-item > .metric {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      min-width: 2rem;
      text-align: center; }
      .ranking.format-sheet .ranking-title > .metric.large, .ranking.format-sheet .ranking-item > .metric.large {
        min-width: 5rem; }
      .ranking.format-sheet .ranking-title > .metric.align-left, .ranking.format-sheet .ranking-item > .metric.align-left {
        text-align: left; }
      .ranking.format-sheet .ranking-title > .metric.align-right, .ranking.format-sheet .ranking-item > .metric.align-right {
        text-align: right; }
    .ranking.format-sheet .ranking-title > .history, .ranking.format-sheet .ranking-item > .history {
      min-width: 5rem;
      text-align: left;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
      @media (max-width: 600px) {
        .ranking.format-sheet .ranking-title > .history, .ranking.format-sheet .ranking-item > .history {
          min-width: 3rem; } }
      .ranking.format-sheet .ranking-title > .history.history-1, .ranking.format-sheet .ranking-item > .history.history-1 {
        width: 32px; }
      .ranking.format-sheet .ranking-title > .history.history-2, .ranking.format-sheet .ranking-item > .history.history-2 {
        width: 64px; }
      .ranking.format-sheet .ranking-title > .history.history-3, .ranking.format-sheet .ranking-item > .history.history-3 {
        width: 96px; }
      .ranking.format-sheet .ranking-title > .history.history-4, .ranking.format-sheet .ranking-item > .history.history-4 {
        width: 128px; }
      .ranking.format-sheet .ranking-title > .history.history-5, .ranking.format-sheet .ranking-item > .history.history-5 {
        width: 160px; }
      .ranking.format-sheet .ranking-title > .history.history-6, .ranking.format-sheet .ranking-item > .history.history-6 {
        width: 192px; }
      .ranking.format-sheet .ranking-title > .history.history-7, .ranking.format-sheet .ranking-item > .history.history-7 {
        width: 224px; }
      .ranking.format-sheet .ranking-title > .history.history-8, .ranking.format-sheet .ranking-item > .history.history-8 {
        width: 256px; }
      .ranking.format-sheet .ranking-title > .history.history-9, .ranking.format-sheet .ranking-item > .history.history-9 {
        width: 288px; }
      .ranking.format-sheet .ranking-title > .history.history-10, .ranking.format-sheet .ranking-item > .history.history-10 {
        width: 320px; }
    .ranking.format-sheet .ranking-title > .progress, .ranking.format-sheet .ranking-item > .progress {
      width: 1rem;
      text-align: center; }
    .ranking.format-sheet .ranking-title > .expand, .ranking.format-sheet .ranking-item > .expand {
      margin: -0.75rem 0;
      width: 2rem;
      text-align: center; }
      .ranking.format-sheet .ranking-title > .expand > i, .ranking.format-sheet .ranking-item > .expand > i {
        display: block; }
    .ranking.format-sheet .ranking-title > .action, .ranking.format-sheet .ranking-item > .action {
      margin: -0.75rem 0;
      width: 2rem;
      text-align: center; }
      .ranking.format-sheet .ranking-title > .action > i, .ranking.format-sheet .ranking-item > .action > i {
        display: block; }
    .ranking.format-sheet .ranking-title.divider, .ranking.format-sheet .ranking-item.divider {
      border-bottom: 1px solid #e6e6e6; }
  .ranking.format-sheet .ranking-container {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    min-width: 100%;
    padding: 0.75rem; }
    .ranking.format-sheet .ranking-container.divider {
      border-bottom: 1px solid #e6e6e6; }
    .ranking.format-sheet .ranking-container > * {
      padding: 0;
      margin: 0.75rem 0 0 0; }
      .ranking.format-sheet .ranking-container > *:first-child {
        margin: 0; }
    @media (min-width: 1201px) {
      .ranking.format-sheet .ranking-container > *:not(.ranking-item) {
        margin-left: 2.75rem; }
      .ranking.format-sheet .ranking-container > .ranking-extra {
        margin-left: 0; }
        .ranking.format-sheet .ranking-container > .ranking-extra.indent {
          margin-left: 2.75rem; } }
  .ranking.format-sheet .ranking-title {
    font: 400 0.875rem/1.5em "Noto Sans", sans-serif; }
  .ranking.format-sheet .ranking-item {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 100%;
    font: 400 1rem/1.5em "Noto Sans", sans-serif;
    min-height: 2rem; }
    .ranking.format-sheet .ranking-item > .logo > img {
      display: block;
      width: 2rem;
      height: 2rem; }
    .ranking.format-sheet .ranking-item > .name {
      font: 700 1.125rem/1.2em "Noto Sans", sans-serif;
      font-weight: 700;
      width: 0;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
      .ranking.format-sheet .ranking-item > .name.disabled {
        font-weight: 400; }
    .ranking.format-sheet .ranking-item > .highlighted {
      font: 700 1.125rem/1.2em "Noto Sans", sans-serif;
      font-weight: 700; }
    .ranking.format-sheet .ranking-item > .history {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center; }
      .ranking.format-sheet .ranking-item > .history > .result {
        font: 400 0.875rem/1.5em "Noto Sans", sans-serif;
        width: 1.5rem;
        padding: 0;
        margin: 0 0.25rem 0 0;
        text-align: center; }
  .ranking.format-sheet.inverted {
    background: #262626; }
    .ranking.format-sheet.inverted .ranking-title {
      color: #5c5c5c; }
      .ranking.format-sheet.inverted .ranking-title.divider {
        border-color: #383838; }
    .ranking.format-sheet.inverted .ranking-item {
      color: gray; }
      .ranking.format-sheet.inverted .ranking-item.divider {
        border-color: #383838; }
      .ranking.format-sheet.inverted .ranking-item > .name {
        color: white; }
        .ranking.format-sheet.inverted .ranking-item > .name.disabled {
          color: #424242; }
      .ranking.format-sheet.inverted .ranking-item > .highlighted {
        color: white; }
      .ranking.format-sheet.inverted .ranking-item > .history > .result {
        color: #262626; }
        .ranking.format-sheet.inverted .ranking-item > .history > .result.win {
          background: #50b649; }
        .ranking.format-sheet.inverted .ranking-item > .history > .result.draw {
          background: #009dff; }
        .ranking.format-sheet.inverted .ranking-item > .history > .result.loss {
          background: #e61a1a; }
        .ranking.format-sheet.inverted .ranking-item > .history > .result.forfeit {
          background: #ff7700; }
        .ranking.format-sheet.inverted .ranking-item > .history > .result.bye {
          background: #5c5c5c; }
    .ranking.format-sheet.inverted .ranking-container {
      color: gray;
      box-sizing: border-box; }
      .ranking.format-sheet.inverted .ranking-container.divider {
        border-color: #383838; }

/**
 * registration domain components
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * Participant shown in the box format.
 *
 * @author Vincent Barrault <vbarrault@oxent.net>
 */
.participant.format-box {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  padding: 0.75rem;
  border-radius: 0.25rem;
  border: 1px solid #e6e6e6;
  background-color: white; }
  .participant.format-box.hover:hover {
    background-color: #f2f2f2; }
  .participant.format-box > .image {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
    .participant.format-box > .image > * {
      margin-right: 0.75rem; }
    .participant.format-box > .image > .participant.logo.none, .participant.format-box > .image .participant.country.none {
      margin-right: 0; }
    .participant.format-box > .image > .participant.country i {
      display: block; }
  .participant.format-box > .identity {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0; }
    .participant.format-box > .identity > .name {
      color: #262626; }
    .participant.format-box > .identity > .description {
      color: gray; }
    .participant.format-box > .identity > .name {
      font: 700 1.125rem/1.2em "Noto Sans", sans-serif; }
    .participant.format-box > .identity > .description {
      font: 400 0.75rem/1.5em "Noto Sans", sans-serif; }
  .participant.format-box.hover:hover {
    cursor: pointer; }
  .participant.format-box.inverted {
    border: 1px solid #383838;
    background-color: #262626; }
    .participant.format-box.inverted.hover:hover {
      background-color: #303030; }
    .participant.format-box.inverted > .identity > .name {
      color: #d9d9d9; }
    .participant.format-box.inverted > .identity > .description {
      color: gray; }

/**
 * Participant shown in the header format.
 *
 * @author Vincent Barrault <vbarrault@oxent.net>
 */
.participant.format-header {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  color: #f2f2f2; }
  .participant.format-header > .name {
    font: 700 2.125rem/1.2em "Noto Sans", sans-serif;
    letter-spacing: -0.125rem; }
  .participant.format-header > *:not(:last-child) {
    margin-right: 1.25rem; }

/**
 * Participant logo.
 *
 * @author Vincent Barrault <vbarrault@oxent.net>
 */
.participant.logo {
  width: 4rem;
  height: 4rem; }
  .participant.logo > img {
    width: 4rem;
    height: 4rem; }
  .participant.logo.small {
    width: 2rem;
    height: 2rem; }
    .participant.logo.small > img {
      width: 2rem;
      height: 2rem; }
  .participant.logo.large {
    width: 8rem;
    height: 8rem; }
    .participant.logo.large > img {
      width: 8rem;
      height: 8rem; }
  .participant.logo.none {
    width: 0; }

/**
 * seeding mini format styling
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.registration.format-row {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  background-color: white;
  color: gray;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font: 400 0.875rem/1.5em "Noto Sans", sans-serif;
  min-height: 1.75rem;
  padding: 0 0.5rem;
  cursor: initial; }
  .registration.format-row .row-text {
    color: black; }
  .registration.format-row.divider {
    border-color: #e6e6e6; }
  .registration.format-row.disabled, .registration.format-row.disabled .row-text {
    color: #d9d9d9; }
  .registration.format-row.hover:not(.selected):hover {
    background-color: #f2f2f2; }
  .registration.format-row.selected {
    background-color: #b3b3b3; }
  .registration.format-row.title {
    color: #b3b3b3;
    cursor: auto; }
    .registration.format-row.title .row-text {
      color: #b3b3b3; }
  .registration.format-row > .status.pending {
    color: gray; }
  .registration.format-row > .status.pending.disabled {
    color: #d9d9d9; }
  .registration.format-row > .status.accepted {
    color: #50b649; }
  .registration.format-row > .status.accepted.disabled {
    color: #d9d9d9; }
  .registration.format-row > .status.refused {
    color: #e61a1a; }
  .registration.format-row > .status.refused.disabled {
    color: #d9d9d9; }
  .registration.format-row > .status.cancelled {
    color: #e61a1a; }
  .registration.format-row > .status.cancelled.disabled {
    color: #d9d9d9; }
  .registration.format-row.hover {
    cursor: pointer; }
  .registration.format-row.spacing-large {
    padding: 0.75rem; }
  .registration.format-row > * {
    box-sizing: content-box;
    padding: 0.5rem 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .registration.format-row > *:not(:first-child) {
      margin-left: 0.5rem; }
  .registration.format-row .identity {
    -webkit-box-flex: 10;
    -moz-box-flex: 10;
    box-flex: 10;
    -webkit-flex: 10;
    -moz-flex: 10;
    -ms-flex: 10;
    flex: 10;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center; }
    .registration.format-row .identity > * {
      box-sizing: content-box;
      margin-left: 0.5rem; }
      .registration.format-row .identity > *:first-child {
        margin-left: 0; }
    .registration.format-row .identity .image {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center; }
      .registration.format-row .identity .image.logo > img {
        width: 1.2em;
        height: 1.2em; }
      .registration.format-row .identity .image.logo.large > img {
        width: 2.5em;
        height: 2.5em; }
    .registration.format-row .identity > .information {
      text-align: left;
      width: 0; }
      .registration.format-row .identity > .information > .description {
        font: 400 0.75rem/1.5em "Noto Sans", sans-serif; }
  .registration.format-row .status {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    width: 8rem; }
    .registration.format-row .status > * {
      box-sizing: content-box; }
      .registration.format-row .status > *:first-child {
        margin-left: 0; }
    .registration.format-row .status > .information {
      text-align: left;
      width: 0; }
  .registration.format-row .email {
    -webkit-box-flex: 10;
    -moz-box-flex: 10;
    box-flex: 10;
    -webkit-flex: 10;
    -moz-flex: 10;
    -ms-flex: 10;
    flex: 10;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    width: 0; }
    .registration.format-row .email > * {
      box-sizing: content-box; }
      .registration.format-row .email > *:first-child {
        margin-left: 0; }
    .registration.format-row .email > .information {
      text-align: left;
      width: 0; }
  .registration.format-row .date {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    width: 12rem; }
    .registration.format-row .date > * {
      box-sizing: content-box; }
      .registration.format-row .date > *:first-child {
        margin-left: 0; }
    .registration.format-row .date > .information {
      text-align: left;
      width: 0; }
  .registration.format-row .checkbox {
    width: 1rem;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-self: center;
    -moz-align-self: center;
    align-self: center;
    -ms-flex-item-align: center; }
    .registration.format-row .checkbox .form-row, .registration.format-row .checkbox .form-row .form-field {
      margin: 0;
      padding: 0; }
  .registration.format-row .information {
    -webkit-box-flex: 10;
    -moz-box-flex: 10;
    box-flex: 10;
    -webkit-flex: 10;
    -moz-flex: 10;
    -ms-flex: 10;
    flex: 10;
    text-align: left;
    width: 0; }
  .registration.format-row .metric {
    width: 5rem; }
    .registration.format-row .metric.small {
      width: 3rem; }
    .registration.format-row .metric.large {
      width: 10rem; }
    .registration.format-row .metric.align-left {
      text-align: left; }
    .registration.format-row .metric.align-right {
      text-align: right; }
  .registration.format-row .actions {
    padding: 0;
    width: 8rem; }
  .registration.format-row.divider {
    border-bottom: 1px solid #e6e6e6; }
    .registration.format-row.divider:last-child {
      border-bottom: none; }
  .registration.format-row.disabled {
    font-weight: 400;
    cursor: not-allowed; }
  .registration.format-row.hover {
    cursor: pointer; }
    .registration.format-row.hover.disabled {
      cursor: not-allowed; }
  .registration.format-row.inverted {
    background-color: #262626;
    color: gray; }
    .registration.format-row.inverted .row-text {
      color: white; }
    .registration.format-row.inverted.divider {
      border-color: #383838; }
    .registration.format-row.inverted.disabled, .registration.format-row.inverted.disabled .row-text {
      color: #424242; }
    .registration.format-row.inverted.hover:not(.selected):hover {
      background-color: #303030; }
    .registration.format-row.inverted.selected {
      background-color: #424242; }
    .registration.format-row.inverted.title {
      color: #5c5c5c;
      cursor: auto; }
      .registration.format-row.inverted.title .row-text {
        color: #5c5c5c; }
    .registration.format-row.inverted > .status.pending {
      color: gray; }
    .registration.format-row.inverted > .status.pending.disabled {
      color: #424242; }
    .registration.format-row.inverted > .status.accepted {
      color: #50b649; }
    .registration.format-row.inverted > .status.accepted.disabled {
      color: #424242; }
    .registration.format-row.inverted > .status.refused {
      color: #e61a1a; }
    .registration.format-row.inverted > .status.refused.disabled {
      color: #424242; }
    .registration.format-row.inverted > .status.cancelled {
      color: #e61a1a; }
    .registration.format-row.inverted > .status.cancelled.disabled {
      color: #424242; }

@media (min-width: 601px) and (max-width: 1200px) {
  .registration.format-row > *.tablet-hide, .registration.format-row > .identity > .image.tablet-hide {
    display: none; } }

@media (max-width: 600px) {
  .registration.format-row > *.mobile-hide,
  .registration.format-row > .identity > .image.mobile-hide,
  .registration.format-row > .status span.mobile-hide {
    display: none; }
  .registration.format-row .actions.secondary.large {
    width: auto; }
  .registration.format-row > .status {
    width: 2rem; }
    .registration.format-row > .status .information {
      text-align: center; }
  .registration.format-row .actions {
    width: 2.5rem; }
  .registration.format-row.small > .status {
    width: 6rem; }
  .registration.format-row.mobile-hide {
    display: none; } }

/**
 * Includes all result styling
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * Result medal component.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.medal {
  display: inline-block;
  font: 700 0.75rem/1.3em "Noto Sans";
  width: 1.3em;
  height: 1.3em;
  text-align: center;
  border-radius: 100%;
  border: 1px solid transparent;
  text-shadow: -1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.1), 1px 0 rgba(0, 0, 0, 0.1), 0 -1px rgba(0, 0, 0, 0.1);
  color: white;
  border-color: rgba(0, 0, 0, 0.1); }
  .medal.medal-1 {
    background: #e6c300; }
  .medal.medal-2 {
    background: #bfbfbf; }
  .medal.medal-3 {
    background: #cd8032; }
  .medal.inverted {
    color: black;
    border-color: rgba(255, 255, 255, 0.3);
    text-shadow: none; }
    .medal.inverted.medal-1 {
      background: #e6c300; }
    .medal.inverted.medal-2 {
      background: #bfbfbf; }
    .medal.inverted.medal-3 {
      background: #cd8032; }

/**
 * seeding domain components
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * seeding mini format styling
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.seeding {
  background-color: white;
  min-width: 7rem; }
  .seeding .seeding-item {
    color: gray; }
    .seeding .seeding-item.divider {
      border-color: #e6e6e6; }
    .seeding .seeding-item .name {
      color: black; }
    .seeding .seeding-item.disabled,
    .seeding .seeding-item.disabled .name {
      color: #d9d9d9; }
  .seeding .seeding-item.header {
    color: #b3b3b3; }
    .seeding .seeding-item.header .name {
      color: #b3b3b3; }
  .seeding.hover .seeding-item:not(.header):hover {
    background-color: #f2f2f2; }
  .seeding .seeding-item {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    font: 400 0.875rem/1.5em "Noto Sans", sans-serif;
    min-height: 1rem;
    padding: 0.25rem; }
    .seeding .seeding-item > * {
      box-sizing: content-box;
      margin-left: 0.25rem; }
      .seeding .seeding-item > *:first-child {
        margin-left: 0; }
    .seeding .seeding-item .number {
      width: 2rem;
      text-align: center; }
      .seeding .seeding-item .number.large {
        width: 3rem; }
    .seeding .seeding-item .name {
      -webkit-box-flex: 10;
      -moz-box-flex: 10;
      box-flex: 10;
      -webkit-flex: 10;
      -moz-flex: 10;
      -ms-flex: 10;
      flex: 10;
      text-align: left;
      width: 0;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
    .seeding .seeding-item .actions.primary.size-1 {
      width: 2rem; }
    .seeding .seeding-item .actions.secondary.size-1 {
      width: 1.75rem; }
    .seeding .seeding-item .actions.primary.size-2 {
      width: 4rem; }
    .seeding .seeding-item .actions.secondary.size-2 {
      width: 3.5rem; }
    .seeding .seeding-item .actions.primary.size-3 {
      width: 6rem; }
    .seeding .seeding-item .actions.secondary.size-3 {
      width: 5.25rem; }
    .seeding .seeding-item .actions.primary.size-4 {
      width: 8rem; }
    .seeding .seeding-item .actions.secondary.size-4 {
      width: 7rem; }
    .seeding .seeding-item .actions.primary.size-5 {
      width: 10rem; }
    .seeding .seeding-item .actions.secondary.size-5 {
      width: 8.75rem; }
    .seeding .seeding-item .actions.primary.size-6 {
      width: 12rem; }
    .seeding .seeding-item .actions.secondary.size-6 {
      width: 10.5rem; }
    .seeding .seeding-item .actions.primary.size-7 {
      width: 14rem; }
    .seeding .seeding-item .actions.secondary.size-7 {
      width: 12.25rem; }
    .seeding .seeding-item .actions.primary.size-8 {
      width: 16rem; }
    .seeding .seeding-item .actions.secondary.size-8 {
      width: 14rem; }
    .seeding .seeding-item .actions.primary.size-9 {
      width: 18rem; }
    .seeding .seeding-item .actions.secondary.size-9 {
      width: 15.75rem; }
    .seeding .seeding-item .actions.primary.size-10 {
      width: 20rem; }
    .seeding .seeding-item .actions.secondary.size-10 {
      width: 17.5rem; }
    .seeding .seeding-item .actions.primary button {
      width: 2rem;
      text-align: center;
      padding-top: 0;
      padding-bottom: 0; }
    .seeding .seeding-item .actions.secondary button {
      width: 1.75rem;
      padding: 0; }
    .seeding .seeding-item.divider {
      border-bottom: 1px solid #e6e6e6; }
    .seeding .seeding-item.disabled {
      font-weight: 400;
      cursor: not-allowed; }
  .seeding.hover .seeding-item {
    cursor: pointer; }
    .seeding.hover .seeding-item.disabled {
      cursor: not-allowed; }
  .seeding.light .seeding-item .actions.secondary button {
    opacity: 0;
    transition: all 0ms; }
    .seeding.light .seeding-item .actions.secondary button.always-visible {
      opacity: 1; }
  .seeding.light .seeding-item:hover .actions.secondary button {
    opacity: 1; }
  .seeding.light .seeding-item.disabled:hover .actions.secondary button {
    opacity: 0; }
    .seeding.light .seeding-item.disabled:hover .actions.secondary button.always-visible {
      opacity: 1; }
  .seeding.inverted {
    background-color: #262626; }
    .seeding.inverted .seeding-item {
      color: gray; }
      .seeding.inverted .seeding-item.divider {
        border-color: #383838; }
      .seeding.inverted .seeding-item .name {
        color: white; }
      .seeding.inverted .seeding-item.disabled,
      .seeding.inverted .seeding-item.disabled .name {
        color: #424242; }
    .seeding.inverted .seeding-item.header {
      color: #5c5c5c; }
      .seeding.inverted .seeding-item.header .name {
        color: #5c5c5c; }
    .seeding.inverted.hover .seeding-item:not(.header):hover {
      background-color: #303030; }

@media (max-width: 600px) {
  .actions.secondary button {
    opacity: 1 !important; } }

@media (min-width: 601px) and (max-width: 1200px) {
  .actions.secondary button {
    opacity: 1 !important; } }

/**
 * Includes all share styling
 *
 * @author Vincent Barrault <vbarrault@oxent.net>
 */
/**
 * Social Network icons with colors.
 *
 * @author Vincent Barrault <vbarrault@oxent.net>
 */
.fa-twitter.colored {
  color: #1ca0f2; }

.fa-twitter.hover {
  color: #b3b3b3; }
  .fa-twitter.hover:hover {
    color: #1ca0f2; }

.fa-facebook-official.colored {
  color: #3c5a9a; }

.fa-facebook-official.hover {
  color: #b3b3b3; }
  .fa-facebook-official.hover:hover {
    color: #3c5a9a; }

.fa-reddit.colored {
  color: #ff4400; }

.fa-reddit.hover {
  color: #b3b3b3; }
  .fa-reddit.hover:hover {
    color: #ff4400; }

.fa-google-plus-square.colored {
  color: #db4639; }

.fa-google-plus-square.hover {
  color: #b3b3b3; }
  .fa-google-plus-square.hover:hover {
    color: #db4639; }

.fa-vk.colored {
  color: #6282a7; }

.fa-vk.hover {
  color: #b3b3b3; }
  .fa-vk.hover:hover {
    color: #6282a7; }

@media (max-width: 600px) {
  #preview-navigator,
  #preview-schedule,
  #preview-stage {
    overflow-x: auto;
    text-align: center; } }

@media (min-width: 601px) and (max-width: 1200px) {
  #preview-navigator,
  #preview-schedule,
  #preview-stage {
    overflow-x: auto;
    text-align: center; } }

/**
 * statistics components
 *
 * @author Vincent Barrault <vbarrault@oxent.net>
 */
/**
 * Statistics format table
 *
 * @author Vincent Barrault <vbarrault@oxent.net>
 */
.stats.format-table > .head:not(:last-child), .stats.format-table > .row:not(:last-child) {
  border-bottom: 1px solid #b3b3b3; }

.stats.format-table > .head {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 100%;
  font: 400 0.75rem/1.5em "Noto Sans", sans-serif;
  color: gray;
  padding: 0.5rem 0.25rem; }
  .stats.format-table > .head abbr {
    border-bottom: 0; }

.stats.format-table > .row {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 100%;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  min-height: 2rem;
  padding: 0.75rem 0.25rem;
  font: 400 1rem/1.2em "Noto Sans", sans-serif; }
  .stats.format-table > .row > .logo > .image {
    display: block;
    background-size: cover;
    background-position: center;
    border-radius: 666px;
    border: 1px solid #b3b3b3; }
  .stats.format-table > .row > .identity > .primary {
    color: #262626;
    font: 700 1.125rem/1.2em "Noto Sans", sans-serif;
    font-weight: 700; }
  .stats.format-table > .row > .identity > .secondary {
    font: 400 0.75rem/1.2em "Noto Sans", sans-serif;
    color: gray; }
  .stats.format-table > .row > .metric {
    color: gray; }
    .stats.format-table > .row > .metric.highlighted {
      color: #262626;
      font-weight: 700; }

.stats.format-table .logo {
  min-width: 3rem;
  margin-right: 0.75rem; }
  .stats.format-table .logo > .image {
    width: 3rem;
    height: 3rem;
    display: block;
    box-sizing: border-box; }

.stats.format-table .identity {
  -webkit-box-flex: 10;
  -moz-box-flex: 10;
  box-flex: 10;
  -webkit-flex: 10;
  -moz-flex: 10;
  -ms-flex: 10;
  flex: 10;
  min-width: 10rem; }

.stats.format-table .metric {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 5rem;
  text-align: center; }

.stats.format-table .list-1 {
  width: 2.0625rem; }

.stats.format-table .list-2 {
  width: 4.125rem; }

.stats.format-table .list-3 {
  width: 6.1875rem; }

.stats.format-table .list-4 {
  width: 8.25rem; }

.stats.format-table .list-5 {
  width: 10.3125rem; }

.stats.format-table .list-6 {
  width: 12.375rem; }

.stats.format-table .list-7 {
  width: 14.4375rem; }

.stats.format-table .list-8 {
  width: 16.5rem; }

.stats.format-table .list-9 {
  width: 18.5625rem; }

.stats.format-table .list-10 {
  width: 20.625rem; }

.stats.format-table .list {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  .stats.format-table .list:not(:last-child) {
    margin-right: 0.5rem; }
  .stats.format-table .list > .item {
    width: 2rem; }
    .stats.format-table .list > .item:not(:last-child) {
      margin-right: 0.0625rem; }
    .stats.format-table .list > .item > img {
      width: 2rem;
      height: 2rem; }

@media (max-width: 600px) {
  .stats.format-table {
    width: 100%;
    overflow-x: auto; } }

@media (min-width: 601px) and (max-width: 1200px) {
  .stats.format-table {
    width: 100%;
    overflow-x: auto; } }

/**
 * Statistics format timeline
 *
 * @author Vincent Barrault <vbarrault@oxent.net>
 */
.stats.format-timeline {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  position: relative;
  height: 7.25rem; }
  .stats.format-timeline:after {
    content: " ";
    background: #d9d9d9;
    width: 100%;
    height: 0.25rem;
    position: absolute;
    left: 0;
    top: 3.5rem; }
  .stats.format-timeline > .opponents {
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: distribute;
    -moz-box-pack: distribute;
    box-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: distribute; }
    .stats.format-timeline > .opponents > .opponent {
      font: 700 1.125rem/1.2em "Noto Sans", sans-serif; }
      .stats.format-timeline > .opponents > .opponent.opponent-1 {
        margin-bottom: 1rem; }
      .stats.format-timeline > .opponents > .opponent.opponent-2 {
        margin-top: 1rem; }
  .stats.format-timeline > .timeline {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%; }
    .stats.format-timeline > .timeline > .event:not(:last-child) {
      margin-right: 0.5rem; }
    .stats.format-timeline > .timeline > .event.opponent-1:after {
      border-bottom-color: gray; }
    .stats.format-timeline > .timeline > .event.opponent-2:before {
      border-top-color: gray; }
    .stats.format-timeline > .timeline > .event.action.opponent-1:after {
      border-bottom-color: #009dff; }
    .stats.format-timeline > .timeline > .event.action.opponent-2:before {
      border-top-color: #009dff; }
    .stats.format-timeline > .timeline > .event.alert.opponent-1:after {
      border-bottom-color: #e61a1a; }
    .stats.format-timeline > .timeline > .event.alert.opponent-2:before {
      border-top-color: #e61a1a; }
    .stats.format-timeline > .timeline > .event.warning.opponent-1:after {
      border-bottom-color: #ff7700; }
    .stats.format-timeline > .timeline > .event.warning.opponent-2:before {
      border-top-color: #ff7700; }
    .stats.format-timeline > .timeline > .event.success.opponent-1:after {
      border-bottom-color: #50b649; }
    .stats.format-timeline > .timeline > .event.success.opponent-2:before {
      border-top-color: #50b649; }
    .stats.format-timeline > .timeline > .event.admin.opponent-1:after {
      border-bottom-color: #8a40bf; }
    .stats.format-timeline > .timeline > .event.admin.opponent-2:before {
      border-top-color: #8a40bf; }
    .stats.format-timeline > .timeline > .event.opponent-1 {
      -webkit-align-self: flex-start;
      -moz-align-self: flex-start;
      align-self: flex-start;
      -ms-flex-item-align: start; }
      .stats.format-timeline > .timeline > .event.opponent-1:after {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-left: 0.5rem solid transparent;
        border-right: 0.5rem solid transparent;
        border-bottom: 0.5rem solid;
        margin: 0.5rem auto auto; }
    .stats.format-timeline > .timeline > .event.opponent-2 {
      -webkit-align-self: flex-end;
      -moz-align-self: flex-end;
      align-self: flex-end;
      -ms-flex-item-align: end; }
      .stats.format-timeline > .timeline > .event.opponent-2:before {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-left: 0.5rem solid transparent;
        border-right: 0.5rem solid transparent;
        border-top: 0.5rem solid;
        margin: auto auto 0.5rem; }
    .stats.format-timeline > .timeline > .event > .image {
      display: block;
      height: 2.5rem;
      width: 2.5rem;
      background-size: cover;
      background-position: center;
      border-radius: 666px; }

/**
 * Statistics format versus
 *
 * @author Vincent Barrault <vbarrault@oxent.net>
 */
.stats.format-versus > .row {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  min-height: 3rem;
  padding: 0.5rem 1rem; }
  .stats.format-versus > .row:not(:last-child) {
    border-bottom: 1px solid #d9d9d9; }
  .stats.format-versus > .row > .label {
    width: 20%;
    text-align: center;
    font: 400 1rem/1.2em "Noto Sans", sans-serif;
    color: gray; }
  .stats.format-versus > .row > .value {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font: 400 1.125rem/1.5em "Noto Sans", sans-serif;
    color: #262626;
    font-weight: 700; }
  .stats.format-versus > .row > .images {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    width: 8.5rem; }
    .stats.format-versus > .row > .images.right {
      -webkit-box-pack: end;
      -moz-box-pack: end;
      box-pack: end;
      -webkit-justify-content: flex-end;
      -moz-justify-content: flex-end;
      -ms-justify-content: flex-end;
      -o-justify-content: flex-end;
      justify-content: flex-end;
      -ms-flex-pack: end; }
    .stats.format-versus > .row > .images > .image {
      display: block;
      height: 2.5rem;
      width: 2.5rem;
      background-size: cover;
      background-position: center; }
      .stats.format-versus > .row > .images > .image.round {
        border-radius: 666px;
        border: 1px solid #d9d9d9; }
      .stats.format-versus > .row > .images > .image:not(:last-child) {
        margin-right: 0.5rem; }

/**
 * Includes all elements related to the tournament structure
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * Stage mini styling
 *
 * @author Grégoire Richet <gregoire.richet@webedia-group.com>
 */
.structure-stage.format-mini {
  border: 1px solid transparent;
  padding: 1.25rem;
  border-radius: 0.25rem;
  height: calc(100% - 1.25rem*2);
  color: #262626;
  background-color: white;
  border-color: #e6e6e6; }
  .structure-stage.format-mini .item {
    color: gray; }
  .structure-stage.format-mini.hover:hover {
    background-color: #f2f2f2; }
  .structure-stage.format-mini > .title {
    font: 700 1.125rem/1.2em "Noto Sans", sans-serif; }
  .structure-stage.format-mini > .title + * {
    margin-top: 1.25rem; }
  .structure-stage.format-mini.hover:hover {
    cursor: pointer; }
  .structure-stage.format-mini.inverted {
    color: #d9d9d9;
    background-color: #262626;
    border-color: #383838; }
    .structure-stage.format-mini.inverted .item {
      color: gray; }
    .structure-stage.format-mini.inverted.hover:hover {
      background-color: #303030; }

/**
 * stage row format styling
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.structure-stage.format-row {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  background-color: white;
  color: gray;
  font: 400 0.75rem/1.2em "Noto Sans", sans-serif;
  padding: 0.75rem;
  min-width: 13rem; }
  .structure-stage.format-row .name {
    color: black; }
  .structure-stage.format-row > * {
    box-sizing: content-box; }
    .structure-stage.format-row > *:not(:last-child) {
      margin-right: 0.75rem; }
  .structure-stage.format-row > .description {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .structure-stage.format-row > .description > .name {
      font: 700 1rem/1.2em "Noto Sans", sans-serif;
      overflow-wrap: break-word;
      word-wrap: break-word;
      -ms-word-break: break-all;
      word-break: break-word;
      -ms-hyphens: auto;
      -moz-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto; }
    .structure-stage.format-row > .description > .type {
      font: 400 0.75rem/1.2em "Noto Sans", sans-serif;
      overflow-wrap: break-word;
      word-wrap: break-word;
      -ms-word-break: break-all;
      word-break: break-word;
      -ms-hyphens: auto;
      -moz-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto; }
  .structure-stage.format-row .size {
    width: 6rem; }
  .structure-stage.format-row .status {
    width: 5.5rem; }
  .structure-stage.format-row .actions {
    width: 2rem;
    text-align: right; }
    .structure-stage.format-row .actions button {
      padding: 0; }
  .structure-stage.format-row.inverted {
    background-color: #262626;
    color: gray; }
    .structure-stage.format-row.inverted .name {
      color: white; }

@media (max-width: 600px) {
  .structure-stage.format-row > .size {
    display: none; } }

/**
 * Includes all elements related to the tournament group structure
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * Group mini styling
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.structure-group.format-mini {
  border: 1px solid transparent;
  padding: 1.25rem;
  border-radius: 0.25rem;
  color: #262626;
  background-color: white;
  border-color: #e6e6e6; }
  .structure-group.format-mini.hover:hover {
    background-color: #f2f2f2; }
  .structure-group.format-mini > .title {
    font: 700 1.4375rem/1.2em "Noto Sans", sans-serif; }
  .structure-group.format-mini > .title + * {
    margin-top: 1.25rem; }
  .structure-group.format-mini.hover:hover {
    cursor: pointer; }
  .structure-group.format-mini.inverted {
    color: #d9d9d9;
    background-color: #262626;
    border-color: #383838; }
    .structure-group.format-mini.inverted.hover:hover {
      background-color: #303030; }

/**
 * Includes all elements related to the tournament group structure
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * Round mini styling
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.structure-round.format-mini {
  border: 0;
  padding: 0.75rem;
  border-radius: 0.25rem;
  box-sizing: border-box;
  color: #262626;
  background-color: #f2f2f2;
  border-color: transparent;
  min-width: 12rem; }
  .structure-round.format-mini > .title {
    text-align: center;
    font: 400 0.875rem/1.2em "Noto Sans", sans-serif;
    font-weight: 700; }
  .structure-round.format-mini > .title + * {
    margin-top: 0.75rem; }
  .structure-round.format-mini.inverted {
    color: #d9d9d9;
    background-color: #303030;
    border-color: transparent; }

/**
 * Includes all tournament styling
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * Tournament shown in the row format.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.tournament.format-context {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  position: relative;
  color: white; }
  .tournament.format-context > .back {
    position: absolute;
    top: 0.25rem;
    height: 4rem;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center; }
  .tournament.format-context > .name {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right; }
  .tournament.format-context > .image {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    margin: 0.25rem 2.5rem;
    min-height: 4rem;
    min-width: 4rem; }
  .tournament.format-context > .context {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1; }

/**
 * Tournament shown in the row format.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.tournament.format-header {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  position: relative;
  box-sizing: border-box;
  font: 400 1rem/1.5em "Noto Sans", sans-serif;
  color: #f2f2f2;
  min-height: 16rem; }
  .tournament.format-header > .image {
    padding: 0 2.5rem 0 0; }
    .tournament.format-header > .image > .tournament {
      width: 16rem;
      height: 16rem; }
  .tournament.format-header > .information {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 2.5rem 0 0; }
    .tournament.format-header > .information > .context {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: baseline;
      -moz-box-align: baseline;
      box-align: baseline;
      -webkit-align-items: baseline;
      -moz-align-items: baseline;
      -ms-align-items: baseline;
      -o-align-items: baseline;
      align-items: baseline;
      -ms-flex-align: baseline;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: -0.125rem -0.625rem; }
      .tournament.format-header > .information > .context > * {
        margin: 0.125rem 0.625rem; }
      .tournament.format-header > .information > .context > .featured {
        font: 400 0.875rem/1.5em "Noto Sans", sans-serif;
        color: #ff9233; }
    .tournament.format-header > .information > .name {
      margin: 0.75rem 0; }

@media (max-width: 600px) {
  .tournament.format-header {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    box-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;
    -ms-flex-align: stretch;
    min-height: inherit; }
    .tournament.format-header > .image {
      display: none; }
    .tournament.format-header > .information {
      padding: 0 0 2.5rem 0;
      text-align: center;
      width: 100%; }
      .tournament.format-header > .information .context {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center; } }

@media (min-width: 601px) and (max-width: 1200px) {
  .tournament.format-header {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    min-height: inherit; }
    .tournament.format-header > .image {
      display: none; }
    .tournament.format-header > .information {
      padding: 0 0 2.5rem 0;
      text-align: center;
      width: 100%; }
      .tournament.format-header > .information .context {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center; } }

/**
 * Tournament image.
 *
 * @author Vincent Barrault <vbarrault@oxent.net>
 */
.tournament.logo.small {
  width: 4rem;
  height: 4rem; }
  .tournament.logo.small > img {
    width: 4rem;
    height: 4rem; }

/**
 * Tournament shown in the row format.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.tournament.format-row {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  position: relative;
  font: 400 0.75rem/1.5em "Noto Sans", sans-serif;
  color: gray;
  padding: 0.75rem 0;
  background: white;
  min-height: 4rem; }
  .tournament.format-row > .link {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .tournament.format-row > * {
    padding-left: 0.75rem; }
    .tournament.format-row > *:last-child {
      padding-right: 0.75rem; }
  .tournament.format-row > .image {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 4rem;
    -moz-flex: 0 0 4rem;
    -ms-flex: 0 0 4rem;
    flex: 0 0 4rem;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    min-height: 4rem; }
    .tournament.format-row > .image > .discipline {
      width: 2.5rem;
      height: 2.5rem; }
    .tournament.format-row > .image > .tournament {
      width: 4rem;
      height: 4rem; }
  .tournament.format-row > .identity {
    -webkit-box-flex: 10;
    -moz-box-flex: 10;
    box-flex: 10;
    -webkit-flex: 10;
    -moz-flex: 10;
    -ms-flex: 10;
    flex: 10;
    min-width: 0; }
    .tournament.format-row > .identity > .name {
      font: 700 1.125rem/1.2em "Noto Sans", sans-serif;
      color: black;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      display: block; }
    .tournament.format-row > .identity > .description {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      display: block; }
    .tournament.format-row > .identity .featured {
      font: 400 0.875rem/1.5em "Noto Sans", sans-serif;
      color: #ff9233;
      vertical-align: 1px; }
  .tournament.format-row > .event {
    -webkit-box-flex: 6;
    -moz-box-flex: 6;
    box-flex: 6;
    -webkit-flex: 6;
    -moz-flex: 6;
    -ms-flex: 6;
    flex: 6;
    min-width: 0; }
    .tournament.format-row > .event > .dates {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      display: block; }
    .tournament.format-row > .event > .location {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      display: block; }
  .tournament.format-row > .size {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    box-flex: 2;
    -webkit-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    flex: 2;
    text-align: center; }
  .tournament.format-row > .state {
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    box-flex: 3;
    -webkit-flex: 3;
    -moz-flex: 3;
    -ms-flex: 3;
    flex: 3;
    text-align: center; }
    .tournament.format-row > .state.registration.pending {
      color: gray; }
    .tournament.format-row > .state.registration.open {
      color: #50b649; }
    .tournament.format-row > .state.registration.closed {
      color: #b3b3b3; }
    .tournament.format-row > .state.pending {
      color: gray; }
    .tournament.format-row > .state.scheduled {
      color: #009dff; }
    .tournament.format-row > .state.check-in {
      color: #ff7700; }
    .tournament.format-row > .state.running {
      color: #50b649; }
    .tournament.format-row > .state.completed {
      color: #b3b3b3; }
    .tournament.format-row > .state > .icon {
      font: 400 1.125rem/1.5em "Noto Sans", sans-serif; }
  .tournament.format-row.inverted {
    color: gray;
    background: #262626; }
    .tournament.format-row.inverted > .identity > .name {
      color: white; }
    .tournament.format-row.inverted.disabled:after {
      background: rgba(0, 0, 0, 0.5); }
    .tournament.format-row.inverted.hover:hover {
      background: #303030; }
    .tournament.format-row.inverted > .state.registration.pending {
      color: gray; }
    .tournament.format-row.inverted > .state.registration.open {
      color: #50b649; }
    .tournament.format-row.inverted > .state.registration.closed {
      color: #5c5c5c; }
    .tournament.format-row.inverted > .state.pending {
      color: gray; }
    .tournament.format-row.inverted > .state.scheduled {
      color: #009dff; }
    .tournament.format-row.inverted > .state.check-in {
      color: #ff7700; }
    .tournament.format-row.inverted > .state.running {
      color: #50b649; }
    .tournament.format-row.inverted > .state.completed {
      color: #5c5c5c; }
  .tournament.format-row.disabled:after {
    content: " ";
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999; }
  .tournament.format-row.hover:hover {
    background: #f2f2f2;
    cursor: pointer; }
    .tournament.format-row.hover:hover.disabled::after {
      cursor: not-allowed; }

.tournament-list.format-row {
  list-style: none;
  margin: 0; }
  .tournament-list.format-row .tournament.format-row {
    border-top: 1px solid #d9d9d9; }
  .tournament-list.format-row .tournament.format-row:first-child {
    border: 0; }
  .tournament-list.format-row.hover .tournament.format-row:hover {
    background: #f2f2f2;
    cursor: pointer; }

@media (min-width: 601px) and (max-width: 1200px) {
  .tournament.format-row > *.tablet-hide {
    display: none; }
  .tournament-list.format-row a {
    padding: 1rem 0 1rem 0; }
  .tournament-list.format-row .identity {
    padding: 0; }
  .tournament-list.format-row .image, .tournament-list.format-row .event, .tournament-list.format-row .size {
    display: none; } }

@media (max-width: 600px) {
  .tournament.format-row > *.mobile-hide {
    display: none; }
  > * {
    padding-left: 0; }
  .tournament-list.format-row a {
    padding: 1rem 0 1rem 0; }
  .tournament-list.format-row .identity {
    padding: 0; }
  .tournament-list.format-row .image, .tournament-list.format-row .event, .tournament-list.format-row .size {
    display: none; } }

@media (min-width: 1201px) {
  .tournament-list.format-row .description .mobile-size {
    display: none; } }

/**
 * Tournament shown in the row state.
 *
 * @author Vincent Barrault <vbarrault@oxent.net>
 */
.tournament.format-state {
  border-radius: 0.25rem;
  color: black;
  background: #f2f2f2; }
  .tournament.format-state, .tournament.format-state.medium {
    width: 17rem; }
  .tournament.format-state.small {
    width: 9rem; }
  .tournament.format-state.large {
    width: 22rem; }
  .tournament.format-state > .state > .content > .title.success {
    color: #50b649; }
  .tournament.format-state > .state > .content > .title.warning {
    color: #ff7700; }
  .tournament.format-state > .state > .content > .title.alert {
    color: #e61a1a; }
  .tournament.format-state > .state > .content > .title.admin {
    color: #8a40bf; }
  .tournament.format-state > .state > .content > .title.primary {
    color: #009dff; }
  .tournament.format-state > .state > .content > .title.secondary {
    color: gray; }
  .tournament.format-state > .state > .content > .primary > .winner > .label {
    color: gray; }
  .tournament.format-state > .state > .content > .secondary {
    color: gray; }
  .tournament.format-state > .state > .side > .size > .type {
    color: gray; }
  .tournament.format-state.inverted {
    color: #f2f2f2;
    background: #303030; }
    .tournament.format-state.inverted > .state > .content > .title.success {
      color: #50b649; }
    .tournament.format-state.inverted > .state > .content > .title.warning {
      color: #ff7700; }
    .tournament.format-state.inverted > .state > .content > .title.alert {
      color: #e61a1a; }
    .tournament.format-state.inverted > .state > .content > .title.admin {
      color: #8a40bf; }
    .tournament.format-state.inverted > .state > .content > .title.primary {
      color: #009dff; }
    .tournament.format-state.inverted > .state > .content > .title.secondary {
      color: gray; }
    .tournament.format-state.inverted > .state > .content > .primary > .winner > .label {
      color: gray; }
    .tournament.format-state.inverted > .state > .content > .secondary {
      color: gray; }
    .tournament.format-state.inverted > .state > .side > .size > .type {
      color: gray; }
  .tournament.format-state.transparent {
    background: rgba(255, 255, 255, 0.12); }
  .tournament.format-state > .state {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
    .tournament.format-state > .state > .content {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      box-orient: vertical;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      flex-direction: column;
      -ms-flex-direction: column;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      text-align: center; }
      .tournament.format-state > .state > .content > .title {
        font: 400 0.75rem/1.5em "Noto Sans", sans-serif;
        margin-top: 0.5rem;
        margin-bottom: -0.5rem; }
      .tournament.format-state > .state > .content > .primary {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        padding: 1.25rem; }
        .tournament.format-state > .state > .content > .primary .progress {
          display: -webkit-box;
          display: -moz-box;
          display: box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -moz-box-orient: vertical;
          box-orient: vertical;
          -webkit-box-direction: normal;
          -moz-box-direction: normal;
          box-direction: normal;
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          flex-direction: column;
          -ms-flex-direction: column; }
          .tournament.format-state > .state > .content > .primary .progress > .label {
            margin-bottom: 0.75rem;
            text-align: center; }
            .tournament.format-state > .state > .content > .primary .progress > .label > *::after {
              content: ' | '; }
            .tournament.format-state > .state > .content > .primary .progress > .label > *:last-child::after {
              content: ''; }
          .tournament.format-state > .state > .content > .primary .progress > .bar {
            display: block;
            position: relative;
            height: 0.25rem;
            background: #4d4d4d;
            border-radius: 0.25rem;
            box-sizing: border-box;
            overflow: hidden; }
            .tournament.format-state > .state > .content > .primary .progress > .bar > span {
              display: block;
              height: 100%;
              background: #50b649; }
        .tournament.format-state > .state > .content > .primary .winner > .label {
          font: 400 0.75rem/1.5em "Noto Sans", sans-serif; }
        .tournament.format-state > .state > .content > .primary .winner > .identity {
          font: 400 1rem/1.5em "Noto Sans", sans-serif; }
          .tournament.format-state > .state > .content > .primary .winner > .identity > .flag {
            margin-right: 0.25rem; }
          .tournament.format-state > .state > .content > .primary .winner > .identity > .logo, .tournament.format-state > .state > .content > .primary .winner > .identity > .logo > img {
            height: 2rem; }
      .tournament.format-state > .state > .content > .secondary {
        margin-top: -0.5rem;
        margin-bottom: 0.5rem;
        font: 400 0.75rem/1.5em "Noto Sans", sans-serif; }
    .tournament.format-state > .state > .side {
      border-left: 1px dotted gray; }
      .tournament.format-state > .state > .side > .size {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        padding: 0.75rem;
        min-width: 5.5rem;
        min-height: 5.5rem; }
        .tournament.format-state > .state > .side > .size > * {
          padding: 0 0.25rem; }
        .tournament.format-state > .state > .side > .size > .current {
          font: 700 1.8125rem/1.2em "Noto Sans", sans-serif;
          font-weight: 400; }
        .tournament.format-state > .state > .side > .size > .total {
          border-top: 1px solid gray;
          font: 700 1.8125rem/1.2em "Noto Sans", sans-serif; }
        .tournament.format-state > .state > .side > .size > .type {
          font: 400 0.75rem/1.5em "Noto Sans", sans-serif; }
  .tournament.format-state > .action button, .tournament.format-state > .action .button {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

@media (max-width: 600px) {
  .tournament.format-state.large, .tournament.format-state.large.medium {
    width: 100%; }
  .tournament.format-state.large.large {
    width: 100%; }
  .tournament.format-state.large.small {
    width: 100%; }
  .tournament.format-state.large .state .side .size {
    padding: 1.25rem;
    min-height: inherit; } }

@media (min-width: 601px) and (max-width: 1200px) {
  .tournament.format-state .state .side .size {
    padding: 1.25rem;
    min-height: inherit; } }

/**
 * Includes all video styling
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * video shown in the box format.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * Video global configuration
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.video.format-box {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  min-width: 10rem;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }
  .video.format-box > .preview > .screen {
    background-color: black;
    border-color: rgba(0, 0, 0, 0.38); }
  .video.format-box > .info {
    color: #262626; }
    .video.format-box > .info > .language {
      color: gray; }
    .video.format-box > .info > .date {
      color: gray; }
  .video.format-box > .preview {
    position: relative;
    position: relative; }
    .video.format-box > .preview:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 56.25%; }
    .video.format-box > .preview > .content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .video.format-box > .preview > .screen {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
      .video.format-box > .preview > .screen.noise {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAABsCAAAAAAZaeJOAAAZtUlEQVQYGQXBCYJCAAAAwCl0UI4Ukty0/3/hzoDQtLiw1nIRtIs56w1cU48ACAFgg1nv6g9B5DoBELoDuTsAJsCRuQ1oVn4Gcxux4cy9ggEsD18dYW0T+AEsrrYfXlwBqO8OQoOrFLA58wJ0cMIJeAAAj1v0AAZ/V16Q6Gfw7H1xrL8A6ORyIMxQ+DXFT4oJcmByK3rs4GbRfYE/gEOrgJ6P51jxJelABcYbOR1D40hh5A6o0Hk9/IhfPtwFAOPFzcsKgQn1sAElIMUTqG4JhLJvAgAZnLnjgNXDBI/HqfPCIQaU7mEGA/OuUBMAABya1scEnADkWmJSGHijE4MCLUgwR4TSCARADUAwionfPEGihhg2YCEAAC53ALI5A8S+H8CzhSYQeZ4B9q9R8WBPETMEhLARknKAdoa724I/eAAIuAF8CYAeN0A2qgG4HQFw9Mc1ToCehBsvFk1hvIl9AQBAww2EIBU3AOhg4eYNAADgt8p44gAAAXDh2EA33zIvPHFk6DlwlwLcJezIF4AFULEcAyBAAeeQHogawI0+Y4GQ03VzDAfWoXPhgBQkltx8dqrd4S/yBNBq+ghwFABycvMAH4QDAGCFHRSQtEhdIOIMtN4NcQ6QSQHyHp8d0BJIsABIR/BAHmMFOMBkBqB+ny9lQUgN4L4poHY4Pn1dC0IJUBC63V8cAS6GJuCMNxFmctUIcH0DWQ1QPfB7JG66Aw4+dMAVEHrW86zRwB8eh6O5vbQ312gll3wAWd5bwRcAiN8+VDfUHc5QqyXOE79L8nIjwsdjUZ8ArxIVACmwewFSfyCjCjgvoHeDHwlCMfDEFa6+1hrQowLPFRh5nVYwQeJRO6IFUAD4uCPfTN4Kv1/0HYAHU2V7I6b49SQAgTMAOHrFPRwA9gWQ+QDuAOojq2tpRuuPawoYrrgGwAsGN7YnIgAvDey6CVB2IP6ClcHGjdWJGWgB3uBBB/X0ocXmNYAzOhlIFJAzIAEAL3BXAMCYoQOA1vHPx1dK30NNz9qn7DjwggZhcsHieDRzJgCuABoKqMywxqMdjU0A9IRmSDs6rxJnvo44VwDAT/vBDbAjJgaGvr7iZtICAXfAKy2BBhi9aZlYExmXQYQTwAe4QAfjnRkL4IfuzkPXwGE3YladfIEGcEEN3AA8scOLYwej2xsEvW1xrQyga+Al2jb+TibgJeWz+AFHDHy/YOzVZapGiQP43JVQ4Fnt/P2QMS44E72gACT4jDsDs8EDQjzGTn4PYVCCmhg8tODJh8BpBPfhbh2fANsfyMiKBtYY4Aog4sMEqOVwN7/RA9fsd4aU8ro00OJJCk6EjA454BfzBgBA3QIAVhor8BcLgDcJGI9yACtfOH1QiRn4BGAGZs8ZAG8A6UzrAs754rImgN8084wegYIUHEMZrKBCeOAACSZUR9wAAH7owENGSQVfRi2mCJw0HQAimMDM7kP8hTNCgMPHUeUEGUV8xghmhEDNz5/GWEOIA9gv4Ia88f6wciJ29ANOMPEmwUPsChmoXo4kYk/vS/78Awvvzx3V1wmpRwuOLQCLDYeHRlSVCcQAKwB0gDTHyG/EG6cQAG5eBHQrnhk5MAHg2ILeHfBhYaSMNwA2AzeA9aZSSeq/U0E6gwftzxP4IyNF5gxajBwR8SPegc+ugdAIgAk+TEzgQ2qCGIAHIIOEE5RwRckGQPEGG/h8CQDzVQkAF29CoITmB16c+qRQinGpXwCAAEOMzKUDoAVMLn+eoCtN0KRuItbzNPd2ADG4sXoBDchv4Ad2fJNZ6Q1nP3y9vBewASj4AFYQvxv8UUIFgjtwhhJASY3vl9n5FXpjA0yg5EXZweSMCzCALzYogIg7IehcWmR/fEjqoyNK3izgztNiUzcflICcA0dgQWPyfmFQ4Ajd3AI6lKB5ZDVxh15ZAOCHEiB01kq5by0A+8ERHD2BG7g+pzM9AG4uTjtkhAAg7eQAaG9ghgwBgC/EAApeTgDAAsAHtFz5sh4CcAG/JB3gzu0Dh+fKwaRE9MbkDzgMgAsAAAXoLH6cUi0cfP0pKjyAe4m1gJ2o5e4LVu4w8QX9iS9KtEbW5okHv4IdAAA22g4AEXADOCWftz9SAAAASkACQAwCQNEAqMwSL6zYO1CK3HgJuCHmlnAdKGdQxW8AMoQcxwJwaGlJgB9JeIYTAABGcFEDOZi2CeCjxEILAIAmluCWY7mD0qK9y+fVBiWhm+SNRnc9uCPCGRnG2d4B+INFKOIBLBhF8IWZiBPRmoA6+KNB1PAsAWDEjDCGN6sWLSqcooYeZDEWmwFvsPADEiKREipQouDvyh9AlU7vEABef2XT4+RDD+y8wUTtNIMfACc1AACrHYAT2IFjBQo9rrwDAAAnuUfq2oAdExlMoMbB7Q2ADER24E/5LfzoAHKwuQDQE7vfUAIxKoAHfHdiYkc9B4A3pFZvDMwhzDoCgAKXq9fx8wG3EyDBkcR61ubIbYDVrkdCykvMi1h0Aa8/sHe4/xABUCwqP+ce7RENHTs8gcMCcJ0Ak2DlwGengpbtRwc3foH0AuCLzPB6AY6A/fr2TicA35sT3M2kRld3gJ8P+ABCnJWLiAiKSoME8DVnNn6uflKcfDAlO2IAwMOCBn9syH8tyIDV+QmkhxNwOX8B1FeMZrkJRwALQI/PmD9eLvCYYMj8PnQbAEAIONM77QE4M+FsvOhQHzzYuNzg7qsjBgAAb35Q66xvRtIazxXX4QRADTyuwPb1sw1qmQYADUCw9XnFNFJ9vK8mfQIARxIwnoPsCJsHCWgQAIDRHgP1CsAfqG4rJWDxV/nDA4MeZPgDALgQwPMJwARHkN0x8e6At5hl+2i+D+ZBrnYEAIcT+KpYfcCJngcSHYAIYOfPEa/ID86AEvP7hZJJiYEbbHN5Zvy9MWSolagAYKHDDGbkAF/GAQCoT/wkn6EH/fIZKUu4QOrwAieAh0HGJV3fgC9xC0hPXL0rf39+xOAo6UBY7E/Ahg7QAoywXAERuZgOLxdNygv8YQbs1BEhANzfAEOkDfT3m4C7v8EX2G+8qCAPTTou6AJcNOAKrWQFrm/uQCXwufLE437AFQJ8GnSADhmAWl8DZoCWKzK4A5CxggsMAbToKQ2gBa6+wB8jhTBPqm+XwBsAyt8E+hU0gJ4GE4i7J8zTjRUEAGbYKb6A1wNA0SnY1l/TTsAdLMQAgFTjghz2Y4UlYPfwBACu4ZcQB9PjAs6xGG7IraSH5jcCoHGhWHDEia1T5cx/iJDSf0d0j4PAOgmIqHQZlQZXYsCbHCCDGdQaFSEgBzgyyfjAlQwh8gppSOkGUPZogB2ASEwVolARrRI4e+oNbyDHG3RafMkhYIPOy7iOINLvG0dw8QYrRI49tMgRvmZ/+OSmGrzWu2SPeC2S4wfABACAlD8cqd2hBABAmPUAjw+FMXoa+NJC4XaHBT+ZACC9vijnBBkAPsAFvHnUAPC+bOSf3heaC8DgFCtvJgDUjQviGrwGMmvhBRwRcgWMqitT/QANsPH+K5ABXyCDhe/WyX1Q4+Eq1AMwPvHz8QAFYC+p1C3I0JoBrE/oSxH0loDzFSHQQE/mAkeE8AY2eGKAXYGxIoACqdUDjoSg9+TN5wGODjM08KgBoKlAqQnheQbMwAnFquZUUdAAeHoAaZqCiRbwoQCvnNHMzRP56+MDM6CECoAQWHC8K2N/c0N3t0DhgRQFEp8SFBPc7iFwQ8iuY0StVciREp+17x/yHm+uAB9nkRzz/IrcYVUB8PEFFwDZ6wz208URvEvAV+7s7UkAGWdEYOEItzdACiCDrAU6QLS4azq9S3BuAEDDRgnwB8/6hz/NxQwS4vY0S2siZwUAJACAkQfIkXEWeGUDTkrP3whcYSf+hvjF6gF62CoADUFHjtybFjgAEY0HKJ5oOQEVeFpqgA5oW8AGUCPtAORS9E5KUHG94Wz29eMZYqTP8Hm4ICECZgRgv1NBw7P2BWCGEjAB+CIHfLCmSetFgHJHDdQY4QB+gHGBrIMAsJgqQLJ4Et8vEg4AFJDmCPGgVYGT0wkrLUYf4AFcgRoAwA1/aFhAywEE0P4ZSYD47ACkyRd6XIABODFD8+JhB5gbkAK0eYoAPn54edOISoAm4ZDSsm+EMDuCFhwiKzZc57sBKT7AHaGDLHDwZ59nCZebEzmAM0sOOjG7bQY6FIDghgcAGCs04EbJD/cKkRXUTxBBDFRo7uZhjAEAFgBfarTAUn2JEg4A4O6QXKAHMOODBiluP36gBQDU7F4IUpRgAu0PrlB6WGtom5DqgFMuh5x43R6SqxahC9wpjI0dEHYwfeEHkxUQjhAPAANnBBcTDZO9gDZhAwCs1i/N6YME8DpGs9xnPgnBDnI9vDZGQikpMN3obUCNMwAbwAiLO70EBuIjSM7g6bu8YcEdPeDAAetQIZeg6XDkLabjQ8QPoNwkTgB3C4jiEsDCxR8A8LHieAcgCQDgAQCmtG1H8PWGjk0AadwBL9xyf76cjRQrxNMKAEcmQogYXB4AEI9ODIiNbANPeJ9lCRFeAC/Tgz8yAUrMnQB6YDBTQfqhBxcl2AAUZVEzM4FDOIIe23wAB3BzBycXKHwBCvua+WFli+ALUPw5APbgsoJCYWYyIwEOHwB44LPj4y75c/gDPfACf6AHQMQOjoAnaAE2EIPvUwdOoOkBJHCAHEYYAcAOEMATU/s0wLWjBtAzYxZDfooRAq6gUQBhBAoAyNivbqI6XyCG3RXUV/RhyctWzvg8XYV/OhUAjh/ooAFw6Pn4mzh7MOGJnhT0ipgL4I4f8HI1QWon8WKrO+so5eICZ7101wJRZG3PlK4A8A6V0OEOwNOODDDxA1IrsJ6sZlYoASP5KyEywo8UK47sDXMEnu8nWCfAG1DiAXCCR6lxzReyhroJvP0Miw8oAQFPnldgvjrRD4AvOHAPW4oYdt5qFPe1IFaAZmXnQ4c3vAE1AKDrPRVvi4szyMGTu7RZch4VyBQjp1UBy8rZERgkelhxNiZjDHCFEW+4jdROT9CYPkwgSHFc4dD5ATe+L83ydUpIzgBG3tSA2AgGEJg5CWCAR/JV4DH/HKsLADIRwAPQImG7AwDN+SuALYy83xAAcFejYII/B86AXcH7FxKfUEqwYvvpYNJCDPRGAGdYOPSAUBy8uVpBxINUSc4G0Gvvcqi4eYEFayV3F1EAULmvXDjD82864/AhR+fcYyBkA9Q9vzZsibDjcUuuEtg/vMEFOJ0BXTqABL7ABazyLzsBHkxSP54AuOHn5YH8qwEAlhTw6aXhCes0W+IZKz6wuZIBgM5JUlGDiuPft4UMHKjcvVBqTpDJePOiUZMrqDzBgAc5fzx5zXQAF2Yq5AnABxDS9f3EgzoHgCMA+FxZMAAAzpgBrEDDW8KOBXighOsZ3oAcHgM8PD3NgNr4smDhDOeuBksKTwAc/ugO8IOn5ocruRKUYCfn9boDXAAIvoCU1wQZCRxotiuAp/t9JbuakPEGOszEGwC0ALj4Az4OHeCJqxFgBpYQ8DBhBMCDGVg4f3WgBqC+VgDgXNwAIEk9UsDkAuCBEgBQ76djAgD4A2fgQQrANUcCSOgJ8QUabiW0euABGyyfESCDGnAc+NHLG2IbwJWvBvYcAB/wfaRujpRXAMRgATUlOuAIGOXclEz8dmuexQEAyMEFCaRAQL4C4OGEFoCX/uz1BwAOLAAYO/gDAcPsXbiDCvgxOvCL0fmSwxUAloiGhSrESdaAzA8iHQAGtuwbkOAdwo+Po4qNH3RwAi/gQA3AC7gBeHsQTeAM2MSiakEGVMrKS0vY2XkpHkgdAOwQeadw5oojgAjauC5JwOoFADiBA8COI0QwSNG4Xs5XfPnDxMpwasoCWABSYAfMmABPTpMWjAiBtw/CHkAlCwFMZystJ14sI67M/sjAe68/TADk0DPC/QSABLCgvpU4wD5HOiSkFH7ze2fhyADVcAdYq90NIGBiByAPH/wgWizeQOw053I/AHh75kjg6QJY8EFW4NEDAAegLLwXUMLaAYEn/oD8wACOKsYCKqaCATa2keGwAi6JGqkrJ2xfgR/ge/ZCC3JgN7DDNFoorO+304oMrLiTmnK4AJxvkufxYiDhcHmK4ObQoODi+PYgQ7ALWgAGANioCbuHAGdM9J6LS4k2OYJ4B0AUnoDIpYSemd0Vc4EE18QDMJ4vObI8RQtvqUjMAwAAYADwBEkLJ2AANySvM3hCzJNZdkP3k1PUAZMNrpnDk/MHbgMIZDgq168P4JEBBzJsEdRcgJL9knOBOwfArqhf5afGwwsuUNWAwe5+tkHQwuSNG3zn+AV0OIGBkBpmFtCAkF8PSMP6mytBAn4A3fwAJuqzjZ56Z0RYXPV/ohAAlxpsw5Pjg4sYll2B6CMYf8Ixwo4vhDQPkQdyIloAANEHwAsh+ICe/YkKjB8AXsAswxmQbuAJUOMFAHLBBsDmBQGoQQ4NOWyXZkGNp5s3QMI2a2ek0KjBzwO0HAEYnwxSsRlOQMxf59EkwI6xlEhMKryBoysmgMwFF3D+3RygBCJsHAAgVAHooQVvLW8wj396WgBgXeH2dN9ArS8BvglwpQfcXoudmK4Brv62rUGyBLncyAog40/BddG7EYIL8ILj3j/RmWDeAb6Y1A2VBMTgQZIZpfB6AT0MW6tLGYDpwBFvAEAFRFTZQwsAsKULLvDVIkRuyznDytXgGRR36xOCFoDT4AmgB3JTJsOBiQVcoTsi5A8mDmroqXyJAUgBAEDJiQ1pIgXctReOwKoEKQM0ROmXszOZWYbWCutRgwiAJwDgJPHneMIXH6SAMYDIl2zFwNMPcAVIIAIbKpqvm90BJDAIlJAhwasorICoPq7XI8QAsOOMspJcyAGQsokKCD+4+xCQe64JOnoxvgDgp4YS8KI0AFrIP1qg4jacwIAYAKJKKQd2X7gKV3AmmEJXD7JFbbrSO2FAd8QFqguIVfiw8HuHEPjJeWhR0QAAEWAmNXkD4EiDoBfZ+LmvmALAkw6TjQNw48bjDjPEIaiY6fGI4QUx4ADkdo2zXQElHjACRliBypaF7oWyc6NS1etOYYd3XjAALoa9cHYEwKkEGTGwegMFIGlEyAHA2uMPSOz85oQcYAJeAK5H8ABIwY0UDADACPXh54AbYKsuADemD15WjnpOC6OJilY9f85AQQOaFgDVTwmASlSihJ4HlGdqAuDMgBkIsLKxYqFDcCB3B4AbSGW5Ah+cOGgov7oMoACEYQUwYwbGmAshnBkhP4LH0YsnSOEMADwVDjij+cWYJAvwqShAAPlXDdQYl587jREcr/DFkfOFAFD8RtB6e0NMdIwAUsQXkRAAEpCDDIYSev5YXvi9JpEL4HB1xPX65MIHEgjv8AMAACg44ECDVYUvWikAVQCwOeIBtDQAvF32k65kgfMDuiGDpAF2Xz5oAKDSEHp11IhxxgcC2xDcOQHQp+AE4AuoAaY/mZgOgAZwIfAFfLeOkMyeAZD7QFXskJDxHOko6XB1fcopOfBbAEiw1QA1Il+1XqcBsP+p4QMACQdnnAGov2gAG1znO+Q7wJ/H3wYS3NAEMFzeNIYNAIAJqCyIfkBa8ac6gzCHYh9HACDBbn09EMNLlwbwAIw8CF8AVAruYSYHg13YnoFqhRvm7qh05PBTYFDCoAJ8lA9s6g6w4K3ztwSgBfy1yAMg8YAUpZgjsHEE4E4JEEQVQAo3BTzhnOHkAOAPOoAkBEoFMUAmB3bgqkAVfdzMNXW4AjzoMUMKAil4iCeO02piAASQgTtOBrC2AO4n1AA0GQA7RB0O0vIOKdwGPqDHwrA4m/dx4jkyiZ2JRkAODHQAXDpPZwDRlxrcNBI+HEg+N4DzVESdEp5ckwYgB56rc/h3BIAQ5Pwa8MEOiMEdQwwGaK6onVwwgB9gwyqfUbrggtsJDrDFBpUcHXntqN+cG2IqA96Y5W6VK8rlCHwA0EenlM7bTYubc2X4uzZEoAWY4cq0oMq+ADaAF07k8MeZJzQASnqAizPIwSH9qU1/hhZXwBJtYAaca4X3vgHxAlYvhADuVtYF2O9SHo6ApoPNqr8AO46wwA1XB/hL0JKuGe4W2+mt54HfmQvAD2uY4EMMkDJhvr5xQAjgA4AKAEDrwBVhYrsqOwTwmVn8nAAAnxXWQGH1hREAGVpSADwA4BS74kC9ADPsB1sKAEHHbLlBIS+kgOKNDSDoAXQA8gViNiPYd5QAvJC2OFbEwBABOSvA2drg9/riJ5OxedAffEnfpBtsAGTwhQhbzR9gLIjB2Rdu3m/EwAoMoJoBCDw5KDfABtiloPnh4ABiKCkgzwBwSRgJcQQKT0A4IYQ88OMHAD0i9Yyjc74CAOzCTvMB3HDx+4qgA3PYPvE9giMc8cfD2egCGFMbMjd84QI8IRAIo0kNwA13HoACeK8qBw5c1WbQuxfAxjNJOWYSUFkCV+rwOgFq4I/45TU6IQEEIY8rINe/PIHFCD58Hh+hw0LF0cvLRXy1A7grm9MNBVLKN/QEEoioYXkDoQAM0d8RAAqYcGEj5mmWEbwOGZC7bFTTslNgfBtAR4DVAJsRXDkGG8eXdPCnMQMnvnj3JZc1twMWuAPACaCH9Y0rAAh+FHAD2KPsDFz0PvDiCrMv9vZWAB5XL7xh+Lr7TDj0gUfsyAEaRs1nRQ/YuOzi16CIcRcAXiKggw1mXuigRKY2FfBxRIoE6vzB7wXQsfP7YQDA3baB60njBaR43sG5WSCHy9cEqC96H6xyGGEFOCoSuMA/Y2PYbQhKj1oAAAAASUVORK5CYII="); }
      .video.format-box > .preview > .screen > * {
        width: 100%;
        height: 100%;
        background-position: center center;
        background-size: cover;
        border: 0; }
    .video.format-box > .preview > .osd {
      position: absolute;
      right: 0.25rem;
      bottom: 0.25rem;
      padding: 0 0.25rem;
      font: 400 0.75rem/1.5em "Noto Sans", sans-serif;
      background: #262626;
      color: white;
      text-transform: uppercase; }
      .video.format-box > .preview > .osd.live {
        color: #11ff00; }
      .video.format-box > .preview > .osd.disabled {
        color: gray; }
    .video.format-box > .preview > .category {
      position: absolute;
      left: 0.25rem;
      bottom: 0.25rem;
      padding: 0 0.25rem;
      font: 400 0.75rem/1.5em "Noto Sans", sans-serif;
      background: #009dff;
      color: white;
      text-transform: uppercase; }
      .video.format-box > .preview > .category.stream {
        background: #e61a1a; }
  .video.format-box > .info {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0.25rem 0; }
    .video.format-box > .info > .title {
      font: 700 1rem/1.2em "Noto Sans", sans-serif;
      overflow-wrap: break-word;
      word-wrap: break-word;
      -ms-word-break: break-all;
      word-break: break-word;
      -ms-hyphens: auto;
      -moz-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto; }
    .video.format-box > .info > .subtitle {
      font: 400 0.875rem/1.5em "Noto Sans", sans-serif;
      overflow-wrap: break-word;
      word-wrap: break-word;
      -ms-word-break: break-all;
      word-break: break-word;
      -ms-hyphens: auto;
      -moz-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto; }
    .video.format-box > .info > .language, .video.format-box > .info > .date {
      font: 400 0.75rem/1.5em "Noto Sans", sans-serif; }
  .video.format-box.hover > .preview {
    position: relative; }
    .video.format-box.hover > .preview:after {
      display: block;
      position: absolute;
      background: transparent no-repeat center center;
      font-family: "FontAwesome";
      content: ' ';
      top: calc(50% - 15%);
      left: calc(50% - 15%);
      width: 30%;
      height: 30%;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
  .video.format-box.hover:hover {
    cursor: pointer; }
    .video.format-box.hover:hover > .preview:after {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve"><circle fill="black" fill-opacity="0.5" cx="514.065" cy="504.152" r="477.545"/><polygon fill="white" points="383,510.151 383,318.502 548.696,414.327 714.529,510.151 548.765,605.976 383,701.801 "/></svg>'); }
  .video.format-box.inverted > .preview > .screen {
    background-color: black;
    border-color: rgba(0, 0, 0, 0.38); }
  .video.format-box.inverted > .info {
    color: #d9d9d9; }
    .video.format-box.inverted > .info > .language {
      color: gray; }
    .video.format-box.inverted > .info > .date {
      color: gray; }

@media (min-width: 1201px) {
  .related-video {
    width: 300px;
    height: 484px;
    overflow-y: auto; } }

/**
 * Includes all user styling
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
/**
 * Auth formats of an user
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.user.auth {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  background-clip: content-box;
  margin: -0.75rem 0 0 -0.25rem; }
  .user.auth > * {
    padding: 0.75rem 0 0 0.75rem; }
  .user.auth > .name {
    color: #f2f2f2;
    font: 400 1rem/1.2em "Noto Sans", sans-serif;
    text-align: right; }

/**
 * playlist row format styling
 *
 * @author Grégoire Richet <gregoire.richet@webedia-group.com>
 */
.playlist.format-row {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  background-color: white;
  color: gray;
  font: 400 0.75rem/1.2em "Noto Sans", sans-serif;
  padding: 0.75rem;
  min-width: 13rem; }
  .playlist.format-row.hover:hover {
    background-color: #f2f2f2; }
    .playlist.format-row.hover:hover.disabled {
      background-color: white; }
  .playlist.format-row .name {
    color: black; }
  .playlist.format-row.disabled {
    background-color: white; }
    .playlist.format-row.disabled .name, .playlist.format-row.disabled .size {
      color: #d9d9d9; }
  .playlist.format-row * {
    box-sizing: content-box;
    user-select: none; }
    .playlist.format-row *:not(:last-child) {
      margin-right: 0.75rem; }
  .playlist.format-row .name {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font: 400 0.875rem/1.5em "Noto Sans", sans-serif;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  .playlist.format-row .size {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 6rem; }
  .playlist.format-row .actions {
    width: 5rem;
    text-align: right; }
    .playlist.format-row .actions button {
      padding: 0; }
  .playlist.format-row.disabled {
    font-weight: 400;
    cursor: not-allowed; }
  .playlist.format-row.hover {
    cursor: pointer; }
    .playlist.format-row.hover.disabled {
      cursor: not-allowed; }
  .playlist.format-row.inverted {
    background-color: #262626;
    color: gray; }
    .playlist.format-row.inverted.hover:hover {
      background-color: #f2f2f2; }
      .playlist.format-row.inverted.hover:hover.disabled {
        background-color: #262626; }
    .playlist.format-row.inverted .name {
      color: white; }
    .playlist.format-row.inverted.disabled {
      background-color: #262626; }
      .playlist.format-row.inverted.disabled .name, .playlist.format-row.inverted.disabled .size {
        color: #d9d9d9; }

@media (min-width: 601px) and (max-width: 1200px) {
  .playlist.format-row {
    padding: 0.75rem 0; } }

@media (max-width: 600px) {
  .playlist.format-row {
    padding: 0.75rem 0; }
    .playlist.format-row .size {
      display: none; } }

too-placement-app .loading {
  height: 100%; }

too-placement-app too-participants-modal.modal-large > div > div {
  width: 60vw;
  height: 85vh; }

too-placement-app too-participants-modal.modal-large .metric.large {
  flex: 3;
  min-width: 7rem; }

@media (max-width: 1200px) {
  too-placement-app too-participants-modal.modal-large > div > div {
    width: 80vw;
    height: 85vh; } }

@media (max-width: 700px) {
  too-placement-app too-participants-modal.modal-large > div > div {
    width: 100vw; }
  too-placement-app too-participants-modal.modal-large .metric.large {
    display: none; }
  too-placement-app too-participants-modal.modal-large .card {
    width: 100vw;
    border: none;
    border-radius: 0;
    margin-top: 42px; }
  too-placement-app too-participants-modal.modal-large .card [class^="card-"] {
    padding: 1rem; } }

too-placement-app too-participants-modal {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  align-items: center;
  justify-content: center;
  display: flex; }
  too-placement-app too-participants-modal.modal-small > div > div {
    width: 28rem;
    height: 15rem; }
  too-placement-app too-participants-modal > div > div {
    display: flex; }

too-placement-app too-participant-list {
  display: flex;
  flex: 1; }
  too-placement-app too-participant-list > .card {
    flex: 1; }
    too-placement-app too-participant-list > .card .card-content .participant-list-container {
      padding-top: 0;
      overflow-y: auto;
      flex: 1; }

/**
 * include all layouts
 */
/**
 * Includes all auth layout styling
 */
/**
 * Core element of the auth layout.
 *
 * @author Vincent Barrault <vbarrault@oxent.net>
 */
.layout-auth {
  background: #d9d9d9; }
  .layout-auth > .layout-section > .layout-block {
    width: auto;
    max-width: 32rem;
    margin: auto;
    box-sizing: border-box; }
    .layout-auth > .layout-section > .layout-block.top {
      padding: 2.5rem 0 1.25rem; }
    .layout-auth > .layout-section > .layout-block.content {
      padding: 0.5rem 1.25rem; }
    .layout-auth > .layout-section > .layout-block.separator {
      padding: 0 1.25rem; }
      .layout-auth > .layout-section > .layout-block.separator > .belt {
        height: 3rem;
        position: relative; }
        .layout-auth > .layout-section > .layout-block.separator > .belt > .loop {
          position: absolute;
          top: 1.5rem;
          left: 0;
          right: 0;
          height: 1px;
          background: #d9d9d9; }
        .layout-auth > .layout-section > .layout-block.separator > .belt > .buckle {
          position: absolute;
          left: calc(50% - 1.5rem);
          z-index: 1;
          width: 3rem;
          height: 3rem;
          background: #d9d9d9; }
          .layout-auth > .layout-section > .layout-block.separator > .belt > .buckle.text {
            display: -webkit-box;
            display: -moz-box;
            display: box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -moz-box-align: center;
            box-align: center;
            -webkit-align-items: center;
            -moz-align-items: center;
            -ms-align-items: center;
            -o-align-items: center;
            align-items: center;
            -ms-flex-align: center;
            -webkit-box-pack: center;
            -moz-box-pack: center;
            box-pack: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            -ms-justify-content: center;
            -o-justify-content: center;
            justify-content: center;
            -ms-flex-pack: center; }
    .layout-auth > .layout-section > .layout-block.footer {
      padding: 2.5rem 1.25rem; }

/**
 * Includes all dashboard layout styling
 */
/**
 * basic dashboard layout
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.layout-dashboard {
  background: black; }
  .layout-dashboard > .top {
    display: none;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    background: #262626;
    color: white;
    height: calc(2.5rem + 2px);
    padding-left: 2.5rem; }
    .layout-dashboard > .top > *:not(:last-child) {
      margin-right: 0.5rem; }
    .layout-dashboard > .top > .menu {
      display: inline-block;
      font: 400 1.25rem/1.5em "Noto Sans", sans-serif;
      cursor: pointer; }
  .layout-dashboard > .layout-container {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: stretch;
    -moz-align-content: stretch;
    align-content: stretch;
    -ms-flex-line-pack: stretch;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font: 400 0.875rem/1.5em "Noto Sans", sans-serif; }
    .layout-dashboard > .layout-container > .sidebar {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      box-orient: vertical;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      flex-direction: column;
      -ms-flex-direction: column;
      bottom: 0;
      overflow-y: auto;
      box-sizing: border-box;
      margin: 0.5rem 0 0 0.5rem;
      padding: 0.5rem;
      width: 16.5rem;
      min-width: 16.5rem;
      background: #262626;
      color: white; }
      .layout-dashboard > .layout-container > .sidebar > * {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        box-flex: 0;
        -webkit-flex: 0 0 auto;
        -moz-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
      .layout-dashboard > .layout-container > .sidebar > .logo {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        height: 7.5rem;
        padding: 0.9rem;
        margin: 0 auto;
        box-sizing: border-box; }
      .layout-dashboard > .layout-container > .sidebar > nav.footer-nav {
        padding-top: 0.5rem;
        margin-top: 0.5rem;
        border-top: 1px solid #4d4d4d; }
      .layout-dashboard > .layout-container > .sidebar > .bottom {
        margin-top: auto; }
    .layout-dashboard > .layout-container > .main-overlay {
      display: none;
      opacity: 0;
      -webkit-transition: opacity 0.5s ease-in;
      -moz-transition: opacity 0.5s ease-in;
      transition: opacity 0.5s ease-in;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 9998;
      background: rgba(0, 0, 0, 0.54); }
    .layout-dashboard > .layout-container > .main {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      position: relative;
      background: #d9d9d9;
      color: #262626;
      overflow-y: scroll;
      overflow-x: auto;
      min-width: 59.5rem; }
      .layout-dashboard > .layout-container > .main > header {
        position: relative;
        z-index: 1;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        box-sizing: border-box;
        margin: 2.25rem 2.5rem 2.5rem 2.5rem; }
        .layout-dashboard > .layout-container > .main > header > .title {
          -webkit-box-flex: 1;
          -moz-box-flex: 1;
          box-flex: 1;
          -webkit-flex: 1;
          -moz-flex: 1;
          -ms-flex: 1;
          flex: 1; }
          .layout-dashboard > .layout-container > .main > header > .title .breadcrumb-nav {
            position: absolute;
            top: -1.25rem; }
          .layout-dashboard > .layout-container > .main > header > .title h1 {
            margin: 0;
            hyphens: auto; }
        .layout-dashboard > .layout-container > .main > header > .header-menu {
          -webkit-box-flex: 0;
          -moz-box-flex: 0;
          box-flex: 0;
          -webkit-flex: 0 1 auto;
          -moz-flex: 0 1 auto;
          -ms-flex: 0 1 auto;
          flex: 0 1 auto;
          display: -webkit-box;
          display: -moz-box;
          display: box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-lines: multiple;
          -moz-box-lines: multiple;
          box-lines: multiple;
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          margin: -0.75rem 0 0 -0.75rem; }
          .layout-dashboard > .layout-container > .main > header > .header-menu > * {
            -webkit-box-flex: 0;
            -moz-box-flex: 0;
            box-flex: 0;
            -webkit-flex: 0 1 auto;
            -moz-flex: 0 1 auto;
            -ms-flex: 0 1 auto;
            flex: 0 1 auto;
            min-width: initial;
            margin: 0.75rem 0 0 0.75rem; }
      .layout-dashboard > .layout-container > .main > .content {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        position: relative;
        box-sizing: border-box;
        padding: 0 2.5rem 2.5rem 2.5rem; }
        .layout-dashboard > .layout-container > .main > .content > .page {
          -webkit-align-self: center;
          -moz-align-self: center;
          align-self: center;
          -ms-flex-item-align: center;
          width: 100%;
          max-width: 53.5rem; }
          .layout-dashboard > .layout-container > .main > .content > .page.large {
            max-width: 70rem; }
      .layout-dashboard > .layout-container > .main.expand {
        height: 100%;
        overflow: hidden;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column; }
        .layout-dashboard > .layout-container > .main.expand > .content {
          -webkit-box-flex: 1;
          -moz-box-flex: 1;
          box-flex: 1;
          -webkit-flex: 1;
          -moz-flex: 1;
          -ms-flex: 1;
          flex: 1;
          overflow: hidden; }
          .layout-dashboard > .layout-container > .main.expand > .content > .page, .layout-dashboard > .layout-container > .main.expand > .content > .block {
            height: 100%; }
          .layout-dashboard > .layout-container > .main.expand > .content .expand {
            height: 100%; }
          .layout-dashboard > .layout-container > .main.expand > .content .scrollable {
            overflow: auto; }

@media (max-width: 600px) {
  .layout-dashboard > .top {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
  .layout-dashboard > .layout-container {
    top: calc(2.5rem + 2px); }
    .layout-dashboard > .layout-container > .sidebar {
      margin: 0;
      border-top-left-radius: 0;
      position: absolute;
      top: 0;
      z-index: 9999;
      left: -17.5rem;
      -webkit-transition: left 0.5s ease;
      -moz-transition: left 0.5s ease;
      transition: left 0.5s ease; }
      .layout-dashboard > .layout-container > .sidebar > .logo.toornament {
        display: none; }
      .layout-dashboard > .layout-container > .sidebar.opened {
        left: 0; }
      .layout-dashboard > .layout-container > .sidebar.opened + .main-overlay {
        display: block;
        opacity: 1; }
    .layout-dashboard > .layout-container > .main {
      min-width: 0;
      border-top-left-radius: 0; }
  .layout-dashboard > .layout-container > .main > header > .title {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%; }
    .layout-dashboard > .layout-container > .main > header > .title > .breadcrumb-nav {
      display: none; }
  .layout-dashboard > .layout-container > .main > header > .header-menu {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 0.75rem 0 0 0; }
    .layout-dashboard > .layout-container > .main > header > .header-menu > * {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 100%;
      -moz-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%; }
  .layout-dashboard > .layout-container > .main > .content {
    padding: 0.5rem; } }

@media (min-width: 601px) and (max-width: 1200px) {
  .layout-dashboard > .top {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
  .layout-dashboard > .layout-container {
    top: calc(2.5rem + 2px); }
    .layout-dashboard > .layout-container > .sidebar {
      margin: 0;
      border-top-left-radius: 0;
      position: absolute;
      top: 0;
      z-index: 9999;
      left: -17.5rem;
      -webkit-transition: left 0.5s ease;
      -moz-transition: left 0.5s ease;
      transition: left 0.5s ease; }
      .layout-dashboard > .layout-container > .sidebar > .logo.toornament {
        display: none; }
      .layout-dashboard > .layout-container > .sidebar.opened {
        left: 0; }
      .layout-dashboard > .layout-container > .sidebar.opened + .main-overlay {
        display: block;
        opacity: 1; }
    .layout-dashboard > .layout-container > .main {
      min-width: 0;
      border-top-left-radius: 0; } }

/**
 * Includes all front layout styling
 */
/**
 * Core element of the front layout.
 *
 * A page flow is built, however some elements can fill 100% of the body.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.layout-front {
  background: #f2f2f2;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch;
  overflow-wrap: break-word; }
  .layout-front .main-container {
    padding-top: 3.75rem; }
  .layout-front .layout-section {
    position: relative;
    min-width: 80rem; }
    .layout-front .layout-section.top {
      background: #262626; }
    .layout-front .layout-section.nav {
      background: #e6e6e6; }
      .layout-front .layout-section.nav.sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 3.75rem;
        left: 0;
        right: 0;
        z-index: 99; }
    .layout-front .layout-section.footer {
      background: #f2f2f2; }
    .layout-front .layout-section.header {
      background-size: cover;
      background-position: center center;
      background-blend-mode: multiply; }
      .layout-front .layout-section.header > .overlay-shadow {
        background-color: rgba(0, 0, 0, 0.75); }
      .layout-front .layout-section.header.large {
        padding-bottom: 3.75rem; }
    .layout-front .layout-section.title {
      background: white;
      border-bottom: 1px solid #d9d9d9; }
    .layout-front .layout-section.content {
      background: white;
      min-height: 30rem; }
    .layout-front .layout-section.container {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      box-orient: vertical;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      flex-direction: column;
      -ms-flex-direction: column;
      -webkit-box-align: stretch;
      -moz-box-align: stretch;
      box-align: stretch;
      -webkit-align-items: stretch;
      -moz-align-items: stretch;
      -ms-align-items: stretch;
      -o-align-items: stretch;
      align-items: stretch;
      -ms-flex-align: stretch;
      overflow-y: hidden; }
    .layout-front .layout-section.bottom {
      background: white;
      border-top: 1px solid #d9d9d9; }
    .layout-front .layout-section.subdued {
      background-color: #f2f2f2; }
    .layout-front .layout-section.expand {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      min-height: auto; }
      .layout-front .layout-section.expand .expand {
        height: 100%; }
    .layout-front .layout-section.scrollable {
      overflow-y: auto;
      overflow: overlay; }
    .layout-front .layout-section.background-image {
      background-repeat: no-repeat;
      background-origin: border-box; }
      .layout-front .layout-section.background-image.cover {
        background-size: cover; }
      .layout-front .layout-section.background-image.bottom-center {
        background-position: bottom center; }
      .layout-front .layout-section.background-image.bottom-right {
        background-position: bottom right; }
    .layout-front .layout-section.small {
      min-height: 0; }
    .layout-front .layout-section.white-font {
      color: white; }
    .layout-front .layout-section.nav .authenticated {
      background: linear-gradient(90deg, #e6e6e6 50%, #b3b3b3 50%); }
      .layout-front .layout-section.nav .authenticated .user-nav:before {
        content: " ";
        position: absolute;
        left: -1.25rem;
        background-color: #b3b3b3;
        border-left: 0.25rem solid #999999;
        transform: skew(30deg);
        height: 100%;
        width: 2.5rem; }
      .layout-front .layout-section.nav .authenticated .user-nav:after {
        content: " ";
        position: absolute;
        left: 100%;
        top: 0;
        background-color: #b3b3b3;
        height: 100%;
        width: 2.5rem; }
    .layout-front .layout-section .layout-block {
      max-width: 80rem;
      margin: 0 auto;
      box-sizing: border-box; }
      .layout-front .layout-section .layout-block.layout-block-with-sidebar {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex; }
        .layout-front .layout-section .layout-block.layout-block-with-sidebar > .page {
          -webkit-box-flex: 1;
          -moz-box-flex: 1;
          box-flex: 1;
          -webkit-flex: 1;
          -moz-flex: 1;
          -ms-flex: 1;
          flex: 1; }
        .layout-front .layout-section .layout-block.layout-block-with-sidebar > .sidebar {
          margin-left: 2.5rem;
          width: 300px; }
      .layout-front .layout-section .layout-block.top {
        height: 3.75rem;
        padding: 0 2.5rem;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: justify; }
        .layout-front .layout-section .layout-block.top > .logo {
          margin-right: 2.5rem; }
        .layout-front .layout-section .layout-block.top > .header-nav {
          -webkit-box-flex: 1;
          -moz-box-flex: 1;
          box-flex: 1;
          -webkit-flex: 1;
          -moz-flex: 1;
          -ms-flex: 1;
          flex: 1; }
          .layout-front .layout-section .layout-block.top > .header-nav.flex-none {
            -webkit-box-flex: none;
            -moz-box-flex: none;
            box-flex: none;
            -webkit-flex: none;
            -moz-flex: none;
            -ms-flex: none;
            flex: none; }
        .layout-front .layout-section .layout-block.top button.dropdown, .layout-front .layout-section .layout-block.top .button.dropdown {
          padding: 0.5rem; }
      .layout-front .layout-section .layout-block.title {
        padding: 1.25rem; }
      .layout-front .layout-section .layout-block.context {
        padding: 0 2.5rem; }
      .layout-front .layout-section .layout-block.header {
        padding: 2.5rem 2.5rem; }
      .layout-front .layout-section .layout-block.nav {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        height: 3.75rem;
        padding: 0 2.5rem;
        background-color: #e6e6e6; }
        .layout-front .layout-section .layout-block.nav > .user-nav {
          position: relative;
          background-color: #b3b3b3;
          margin-left: 3.75rem;
          -webkit-box-flex: 1;
          -moz-box-flex: 1;
          box-flex: 1;
          -webkit-flex: 1;
          -moz-flex: 1;
          -ms-flex: 1;
          flex: 1; }
      .layout-front .layout-section .layout-block.content {
        padding: 2.5rem 2.5rem; }
        .layout-front .layout-section .layout-block.content.last {
          padding-bottom: 5rem; }
        .layout-front .layout-section .layout-block.content.spaceless {
          padding: 0 2.5rem 2.5rem; }
      .layout-front .layout-section .layout-block.separator {
        padding: 0 2.5rem; }
        .layout-front .layout-section .layout-block.separator .separator {
          height: 1px;
          background: #d9d9d9; }
      .layout-front .layout-section .layout-block.footer {
        padding: 2.5rem 2.5rem 7.5rem 2.5rem;
        font: 400 0.875rem/1.5em "Noto Sans", sans-serif; }
        .layout-front .layout-section .layout-block.footer .copyrights {
          margin: 1.25rem 0; }
      .layout-front .layout-section .layout-block.bottom {
        padding: 1.25rem 2.5rem; }
  .layout-front .anchor-trigger {
    top: -7.5rem;
    width: 100%;
    display: block;
    position: relative;
    visibility: hidden; }
  .layout-front.fullscreen {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    .layout-front.fullscreen .main-container {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      box-orient: vertical;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      flex-direction: column;
      -ms-flex-direction: column;
      height: 100vh; }

@media (max-width: 600px) {
  .layout-front .anchor-trigger {
    top: -2.625rem; }
  .layout-front .main-container {
    padding-top: 2.625rem; }
  .layout-front .layout-section {
    min-width: unset; }
    .layout-front .layout-section .layout-block {
      width: 100%; }
  .layout-front .layout-section.nav.sticky {
    position: initial; }
  .layout-front .layout-section .layout-block.nav {
    overflow-x: auto;
    overflow-scrolling: touch; }
  .layout-front .layout-section.nav .authenticated .layout-block.nav {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    height: 7.5rem;
    padding: 0; }
    .layout-front .layout-section.nav .authenticated .layout-block.nav > * {
      overflow-x: auto;
      overflow-scrolling: touch;
      padding: 0 2.5rem; }
    .layout-front .layout-section.nav .authenticated .layout-block.nav .user-nav {
      margin-left: 0; }
      .layout-front .layout-section.nav .authenticated .layout-block.nav .user-nav:before, .layout-front .layout-section.nav .authenticated .layout-block.nav .user-nav:after {
        display: none; } }

@media (min-width: 601px) and (max-width: 1200px) {
  .layout-front .anchor-trigger {
    top: -2.625rem; }
  .layout-front .main-container {
    padding-top: 2.625rem; }
  .layout-front .layout-section {
    min-width: unset; }
    .layout-front .layout-section .layout-block {
      width: 100%; }
  .layout-front .layout-section.nav.sticky {
    position: initial; }
  .layout-front .layout-section.nav .layout-block.nav {
    overflow-x: auto;
    overflow-scrolling: touch; } }

/**
 * Core element of the front layout.
 *
 * A page flow is built, however some elements can fill 100% of the body.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.layout-front .layout-section.notice {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  margin-bottom: 0;
  padding: 0.75rem; }
  .layout-front .layout-section.notice .button {
    margin-top: -1rem;
    margin-bottom: -0.75rem; }
  .layout-front .layout-section.notice .layout-block.content {
    padding: 0; }
  .layout-front .layout-section.notice + .layout-section.bottom {
    border-top: 0; }

/**
 * Includes all custom-page layout styling
 */
/**
 * Core element of the custom-page layout.
 *
 * A page flow is built, however some elements can fill 100% of the body.
 *
 * @author Olivier Paradis <oparadis@oxent.net>
 */
.layout-custom-page > .tournament {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  background: #262626 url(/asset/custom-page/background-default.png?96295732) no-repeat top center;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 150px 35px 0; }
  .layout-custom-page > .tournament > iframe {
    padding-bottom: 10px; }
  .layout-custom-page > .tournament > a {
    display: block;
    padding: 10px;
    font: 400 0.875rem/1.2em "Noto Sans", sans-serif;
    color: gray; }
    .layout-custom-page > .tournament > a:hover, .layout-custom-page > .tournament > a:focus {
      background: #262626; }

/**
 * Includes all widget layout styling
 */
/**
 * the core widget layout.
 *
 * @author Vincent Barrault <vbarrault@oxent.net>
 */
.layout-widget.fixed {
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  right: 0.125rem;
  bottom: 0.125rem; }
  .layout-widget.fixed > header {
    position: fixed;
    top: 0.125rem;
    left: 0.125rem;
    right: 0.125rem; }
  .layout-widget.fixed > .main {
    position: absolute;
    left: 0;
    right: 0;
    top: 4.5rem;
    bottom: 2rem; }
  .layout-widget.fixed > footer {
    position: fixed;
    bottom: 0.125rem;
    left: 0.125rem;
    right: 0.125rem; }

.layout-widget {
  background: white;
  border-radius: 0.25rem;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.2); }
  .layout-widget > header {
    z-index: 999;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    height: 4rem;
    box-sizing: content-box;
    padding: 0.25rem 1rem;
    background: #f2f2f2;
    border-radius: 0.25rem 0.25rem 0 0;
    border: 1px solid #b3b3b3;
    border-bottom: 0; }
    .layout-widget > header > *:not(:last-child) {
      margin-right: 1rem; }
    .layout-widget > header > a.link {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 50px;
      margin: 0; }
      .layout-widget > header > a.link.header {
        bottom: 0; }
    .layout-widget > header > .logo {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 auto;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 2.75rem;
      height: 2.75rem; }
      .layout-widget > header > .logo > img {
        height: 2.75rem; }
    .layout-widget > header > .tournament {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1 0 auto;
      -moz-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
      flex: 1 0 auto;
      width: 0; }
      .layout-widget > header > .tournament > .title {
        font-weight: bold;
        font: 700 1.125rem/1.2em "Noto Sans", sans-serif;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
      .layout-widget > header > .tournament > .secondary {
        color: gray;
        font: 400 0.875rem/1.5em "Noto Sans", sans-serif;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
    .layout-widget > header > .info {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 auto;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      color: gray;
      font: 400 0.875rem/1.5em "Noto Sans", sans-serif;
      font-weight: 900; }
  .layout-widget > .main {
    box-sizing: content-box;
    padding: 1rem 1rem 0.25rem 1rem;
    overflow: hidden;
    border-left: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3; }
    .layout-widget > .main.scrollable {
      overflow: auto; }
    .layout-widget > .main > .ellipsis {
      overflow: hidden;
      position: relative;
      height: 100%; }
      .layout-widget > .main > .ellipsis:before {
        content: "";
        float: left;
        width: 1px;
        height: 100%; }
      .layout-widget > .main > .ellipsis > *:first-child {
        float: right;
        width: 100%;
        margin-left: -1px; }
      .layout-widget > .main > .ellipsis > .more {
        box-sizing: content-box;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        float: right;
        position: relative;
        height: 1.5rem;
        top: -1.5rem;
        left: 100%;
        width: 8em;
        margin-left: -8em;
        padding-right: 1px;
        text-align: right;
        background-size: 100% 100%;
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(15%, white));
        background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 15%, white);
        background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 15%, white);
        background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 15%, white);
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white 15%, white); }
  .layout-widget > footer {
    z-index: 999;
    height: 2rem;
    background: white;
    border-radius: 0 0 0.25rem 0.25rem;
    border: 1px solid #b3b3b3;
    border-top: 0;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center; }
    .layout-widget > footer > .apps {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex; }
      .layout-widget > footer > .apps > * {
        margin-left: 1rem; }
    .layout-widget > footer > .copyrights {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center;
      height: 2rem;
      box-sizing: border-box;
      padding: 0 0.5rem 0 0;
      background-position-x: 1px;
      background-repeat: no-repeat;
      background-size: 100% auto;
      font: 400 0.75rem/1.5em "Noto Sans", sans-serif;
      font-size: 0.625rem;
      background-color: #e6e6e6;
      position: relative; }
      .layout-widget > footer > .copyrights > .logo {
        z-index: 1; }
      .layout-widget > footer > .copyrights:before {
        transform: skew(-25deg);
        transform-origin: top right;
        position: absolute;
        left: -0.5rem;
        border-top-left-radius: 0.25rem;
        content: " ";
        background-color: #e6e6e6;
        width: 3rem;
        height: 100%; }
    .layout-widget > footer > a.link {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }

@media (max-width: 639px) {
  .layout-widget > header > .info, .layout-widget .layout-widget > header > .logo {
    display: none; }
  .layout-widget .grid-flex > .widget-small-size-content {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: initial; }
  .layout-widget .grid-flex > .widget-small-size-full {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .layout-widget .grid-flex > .widget-small-size-1-of-2 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .layout-widget .grid-flex > .widget-small-size-2-of-2 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .layout-widget .grid-flex > .widget-small-size-1-of-3 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -moz-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .layout-widget .grid-flex > .widget-small-size-2-of-3 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -moz-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .layout-widget .grid-flex > .widget-small-size-3-of-3 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .layout-widget .grid-flex > .widget-small-size-1-of-4 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 25%; }
  .layout-widget .grid-flex > .widget-small-size-2-of-4 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .layout-widget .grid-flex > .widget-small-size-3-of-4 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 75%;
    -moz-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    min-width: 75%; }
  .layout-widget .grid-flex > .widget-small-size-4-of-4 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .layout-widget .grid-flex > .widget-small-size-1-of-5 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 20%;
    -moz-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 20%; }
  .layout-widget .grid-flex > .widget-small-size-2-of-5 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 40%;
    -moz-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    min-width: 40%; }
  .layout-widget .grid-flex > .widget-small-size-3-of-5 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 60%;
    -moz-flex: 0 0 60%;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    min-width: 60%; }
  .layout-widget .grid-flex > .widget-small-size-4-of-5 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 80%;
    -moz-flex: 0 0 80%;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    min-width: 80%; }
  .layout-widget .grid-flex > .widget-small-size-5-of-5 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .layout-widget .grid-flex > .widget-small-size-1-of-6 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -moz-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    min-width: 16.66667%; }
  .layout-widget .grid-flex > .widget-small-size-2-of-6 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -moz-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .layout-widget .grid-flex > .widget-small-size-3-of-6 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .layout-widget .grid-flex > .widget-small-size-4-of-6 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -moz-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .layout-widget .grid-flex > .widget-small-size-5-of-6 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -moz-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    min-width: 83.33333%; }
  .layout-widget .grid-flex > .widget-small-size-6-of-6 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .layout-widget .grid-flex > .widget-small-size-1-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 14.28571%;
    -moz-flex: 0 0 14.28571%;
    -ms-flex: 0 0 14.28571%;
    flex: 0 0 14.28571%;
    min-width: 14.28571%; }
  .layout-widget .grid-flex > .widget-small-size-2-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 28.57143%;
    -moz-flex: 0 0 28.57143%;
    -ms-flex: 0 0 28.57143%;
    flex: 0 0 28.57143%;
    min-width: 28.57143%; }
  .layout-widget .grid-flex > .widget-small-size-3-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 42.85714%;
    -moz-flex: 0 0 42.85714%;
    -ms-flex: 0 0 42.85714%;
    flex: 0 0 42.85714%;
    min-width: 42.85714%; }
  .layout-widget .grid-flex > .widget-small-size-4-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 57.14286%;
    -moz-flex: 0 0 57.14286%;
    -ms-flex: 0 0 57.14286%;
    flex: 0 0 57.14286%;
    min-width: 57.14286%; }
  .layout-widget .grid-flex > .widget-small-size-5-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 71.42857%;
    -moz-flex: 0 0 71.42857%;
    -ms-flex: 0 0 71.42857%;
    flex: 0 0 71.42857%;
    min-width: 71.42857%; }
  .layout-widget .grid-flex > .widget-small-size-6-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 85.71429%;
    -moz-flex: 0 0 85.71429%;
    -ms-flex: 0 0 85.71429%;
    flex: 0 0 85.71429%;
    min-width: 85.71429%; }
  .layout-widget .grid-flex > .widget-small-size-7-of-7 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .layout-widget .grid-flex > .widget-small-size-1-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 12.5%;
    -moz-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    min-width: 12.5%; }
  .layout-widget .grid-flex > .widget-small-size-2-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 25%; }
  .layout-widget .grid-flex > .widget-small-size-3-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 37.5%;
    -moz-flex: 0 0 37.5%;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    min-width: 37.5%; }
  .layout-widget .grid-flex > .widget-small-size-4-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .layout-widget .grid-flex > .widget-small-size-5-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 62.5%;
    -moz-flex: 0 0 62.5%;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    min-width: 62.5%; }
  .layout-widget .grid-flex > .widget-small-size-6-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 75%;
    -moz-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    min-width: 75%; }
  .layout-widget .grid-flex > .widget-small-size-7-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 87.5%;
    -moz-flex: 0 0 87.5%;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    min-width: 87.5%; }
  .layout-widget .grid-flex > .widget-small-size-8-of-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .layout-widget .grid-flex > .widget-small-size-1-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 11.11111%;
    -moz-flex: 0 0 11.11111%;
    -ms-flex: 0 0 11.11111%;
    flex: 0 0 11.11111%;
    min-width: 11.11111%; }
  .layout-widget .grid-flex > .widget-small-size-2-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 22.22222%;
    -moz-flex: 0 0 22.22222%;
    -ms-flex: 0 0 22.22222%;
    flex: 0 0 22.22222%;
    min-width: 22.22222%; }
  .layout-widget .grid-flex > .widget-small-size-3-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -moz-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .layout-widget .grid-flex > .widget-small-size-4-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 44.44444%;
    -moz-flex: 0 0 44.44444%;
    -ms-flex: 0 0 44.44444%;
    flex: 0 0 44.44444%;
    min-width: 44.44444%; }
  .layout-widget .grid-flex > .widget-small-size-5-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 55.55556%;
    -moz-flex: 0 0 55.55556%;
    -ms-flex: 0 0 55.55556%;
    flex: 0 0 55.55556%;
    min-width: 55.55556%; }
  .layout-widget .grid-flex > .widget-small-size-6-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -moz-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .layout-widget .grid-flex > .widget-small-size-7-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 77.77778%;
    -moz-flex: 0 0 77.77778%;
    -ms-flex: 0 0 77.77778%;
    flex: 0 0 77.77778%;
    min-width: 77.77778%; }
  .layout-widget .grid-flex > .widget-small-size-8-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 88.88889%;
    -moz-flex: 0 0 88.88889%;
    -ms-flex: 0 0 88.88889%;
    flex: 0 0 88.88889%;
    min-width: 88.88889%; }
  .layout-widget .grid-flex > .widget-small-size-9-of-9 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .layout-widget .grid-flex > .widget-small-size-1-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 10%;
    -moz-flex: 0 0 10%;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 10%; }
  .layout-widget .grid-flex > .widget-small-size-2-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 20%;
    -moz-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 20%; }
  .layout-widget .grid-flex > .widget-small-size-3-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 30%;
    -moz-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    min-width: 30%; }
  .layout-widget .grid-flex > .widget-small-size-4-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 40%;
    -moz-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    min-width: 40%; }
  .layout-widget .grid-flex > .widget-small-size-5-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .layout-widget .grid-flex > .widget-small-size-6-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 60%;
    -moz-flex: 0 0 60%;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    min-width: 60%; }
  .layout-widget .grid-flex > .widget-small-size-7-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 70%;
    -moz-flex: 0 0 70%;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    min-width: 70%; }
  .layout-widget .grid-flex > .widget-small-size-8-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 80%;
    -moz-flex: 0 0 80%;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    min-width: 80%; }
  .layout-widget .grid-flex > .widget-small-size-9-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 90%;
    -moz-flex: 0 0 90%;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    min-width: 90%; }
  .layout-widget .grid-flex > .widget-small-size-10-of-10 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .layout-widget .grid-flex > .widget-small-size-1-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 9.09091%;
    -moz-flex: 0 0 9.09091%;
    -ms-flex: 0 0 9.09091%;
    flex: 0 0 9.09091%;
    min-width: 9.09091%; }
  .layout-widget .grid-flex > .widget-small-size-2-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 18.18182%;
    -moz-flex: 0 0 18.18182%;
    -ms-flex: 0 0 18.18182%;
    flex: 0 0 18.18182%;
    min-width: 18.18182%; }
  .layout-widget .grid-flex > .widget-small-size-3-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 27.27273%;
    -moz-flex: 0 0 27.27273%;
    -ms-flex: 0 0 27.27273%;
    flex: 0 0 27.27273%;
    min-width: 27.27273%; }
  .layout-widget .grid-flex > .widget-small-size-4-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 36.36364%;
    -moz-flex: 0 0 36.36364%;
    -ms-flex: 0 0 36.36364%;
    flex: 0 0 36.36364%;
    min-width: 36.36364%; }
  .layout-widget .grid-flex > .widget-small-size-5-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 45.45455%;
    -moz-flex: 0 0 45.45455%;
    -ms-flex: 0 0 45.45455%;
    flex: 0 0 45.45455%;
    min-width: 45.45455%; }
  .layout-widget .grid-flex > .widget-small-size-6-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 54.54545%;
    -moz-flex: 0 0 54.54545%;
    -ms-flex: 0 0 54.54545%;
    flex: 0 0 54.54545%;
    min-width: 54.54545%; }
  .layout-widget .grid-flex > .widget-small-size-7-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 63.63636%;
    -moz-flex: 0 0 63.63636%;
    -ms-flex: 0 0 63.63636%;
    flex: 0 0 63.63636%;
    min-width: 63.63636%; }
  .layout-widget .grid-flex > .widget-small-size-8-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 72.72727%;
    -moz-flex: 0 0 72.72727%;
    -ms-flex: 0 0 72.72727%;
    flex: 0 0 72.72727%;
    min-width: 72.72727%; }
  .layout-widget .grid-flex > .widget-small-size-9-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 81.81818%;
    -moz-flex: 0 0 81.81818%;
    -ms-flex: 0 0 81.81818%;
    flex: 0 0 81.81818%;
    min-width: 81.81818%; }
  .layout-widget .grid-flex > .widget-small-size-10-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 90.90909%;
    -moz-flex: 0 0 90.90909%;
    -ms-flex: 0 0 90.90909%;
    flex: 0 0 90.90909%;
    min-width: 90.90909%; }
  .layout-widget .grid-flex > .widget-small-size-11-of-11 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .layout-widget .grid-flex > .widget-small-size-1-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -moz-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    min-width: 8.33333%; }
  .layout-widget .grid-flex > .widget-small-size-2-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -moz-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    min-width: 16.66667%; }
  .layout-widget .grid-flex > .widget-small-size-3-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 25%; }
  .layout-widget .grid-flex > .widget-small-size-4-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -moz-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    min-width: 33.33333%; }
  .layout-widget .grid-flex > .widget-small-size-5-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -moz-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    min-width: 41.66667%; }
  .layout-widget .grid-flex > .widget-small-size-6-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
  .layout-widget .grid-flex > .widget-small-size-7-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -moz-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    min-width: 58.33333%; }
  .layout-widget .grid-flex > .widget-small-size-8-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -moz-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    min-width: 66.66667%; }
  .layout-widget .grid-flex > .widget-small-size-9-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 75%;
    -moz-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    min-width: 75%; }
  .layout-widget .grid-flex > .widget-small-size-10-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -moz-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    min-width: 83.33333%; }
  .layout-widget .grid-flex > .widget-small-size-11-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -moz-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    min-width: 91.66667%; }
  .layout-widget .grid-flex > .widget-small-size-12-of-12 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%; }
  .layout-widget .grid-flex > .widget-small-weight-1 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: initial; }
  .layout-widget .grid-flex > .widget-small-weight-2 {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    box-flex: 2;
    -webkit-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    flex: 2;
    min-width: initial; }
  .layout-widget .grid-flex > .widget-small-weight-3 {
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    box-flex: 3;
    -webkit-flex: 3;
    -moz-flex: 3;
    -ms-flex: 3;
    flex: 3;
    min-width: initial; }
  .layout-widget .grid-flex > .widget-small-weight-4 {
    -webkit-box-flex: 4;
    -moz-box-flex: 4;
    box-flex: 4;
    -webkit-flex: 4;
    -moz-flex: 4;
    -ms-flex: 4;
    flex: 4;
    min-width: initial; }
  .layout-widget .grid-flex > .widget-small-weight-5 {
    -webkit-box-flex: 5;
    -moz-box-flex: 5;
    box-flex: 5;
    -webkit-flex: 5;
    -moz-flex: 5;
    -ms-flex: 5;
    flex: 5;
    min-width: initial; }
  .layout-widget .grid-flex > .widget-small-weight-6 {
    -webkit-box-flex: 6;
    -moz-box-flex: 6;
    box-flex: 6;
    -webkit-flex: 6;
    -moz-flex: 6;
    -ms-flex: 6;
    flex: 6;
    min-width: initial; }
  .layout-widget .grid-flex > .widget-small-weight-7 {
    -webkit-box-flex: 7;
    -moz-box-flex: 7;
    box-flex: 7;
    -webkit-flex: 7;
    -moz-flex: 7;
    -ms-flex: 7;
    flex: 7;
    min-width: initial; }
  .layout-widget .grid-flex > .widget-small-weight-8 {
    -webkit-box-flex: 8;
    -moz-box-flex: 8;
    box-flex: 8;
    -webkit-flex: 8;
    -moz-flex: 8;
    -ms-flex: 8;
    flex: 8;
    min-width: initial; }
  .layout-widget .grid-flex > .widget-small-weight-9 {
    -webkit-box-flex: 9;
    -moz-box-flex: 9;
    box-flex: 9;
    -webkit-flex: 9;
    -moz-flex: 9;
    -ms-flex: 9;
    flex: 9;
    min-width: initial; }
  .layout-widget .grid-flex > .widget-small-weight-10 {
    -webkit-box-flex: 10;
    -moz-box-flex: 10;
    box-flex: 10;
    -webkit-flex: 10;
    -moz-flex: 10;
    -ms-flex: 10;
    flex: 10;
    min-width: initial; }
  .layout-widget .grid-flex > .widget-small-weight-11 {
    -webkit-box-flex: 11;
    -moz-box-flex: 11;
    box-flex: 11;
    -webkit-flex: 11;
    -moz-flex: 11;
    -ms-flex: 11;
    flex: 11;
    min-width: initial; }
  .layout-widget .grid-flex > .widget-small-weight-12 {
    -webkit-box-flex: 12;
    -moz-box-flex: 12;
    box-flex: 12;
    -webkit-flex: 12;
    -moz-flex: 12;
    -ms-flex: 12;
    flex: 12;
    min-width: initial; }
  .layout-widget .grid-flex > .widget-small-show {
    display: block; }
  .layout-widget .grid-flex > .widget-small-hide {
    display: none; } }