/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
.rdrCalendarWrapper {
  box-sizing: border-box;
  background: #ffffff;
  display: inline-flex;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

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

.rdrDateDisplayItem{
  flex: 1 1;
  width: 0;
  text-align: center;
  color: inherit;
}

.rdrDateDisplayItem + .rdrDateDisplayItem{
    margin-left: 0.833em;
  }

.rdrDateDisplayItem input{
    text-align: inherit
  }

.rdrDateDisplayItem input:disabled{
      cursor: default;
    }

.rdrDateDisplayItemActive{}

.rdrMonthAndYearWrapper {
  box-sizing: inherit;
  display: flex;
  justify-content: space-between;
}

.rdrMonthAndYearPickers{
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rdrMonthPicker{}

.rdrYearPicker{}

.rdrNextPrevButton {
  box-sizing: inherit;
  cursor: pointer;
  outline: none;
}

.rdrPprevButton {}

.rdrNextButton {}

.rdrMonths{
  display: flex;
}

.rdrMonthsVertical{
  flex-direction: column;
}

.rdrMonthsHorizontal > div > div > div{
  display: flex;
  flex-direction: row;
}

.rdrMonth{
  width: 27.667em;
}

.rdrWeekDays{
  display: flex;
}

.rdrWeekDay {
  flex-basis: calc(100% / 7);
  box-sizing: inherit;
  text-align: center;
}

.rdrDays{
  display: flex;
  flex-wrap: wrap;
}

.rdrDateDisplayWrapper{}

.rdrMonthName{}

.rdrInfiniteMonths{
  overflow: auto;
}

.rdrDateRangeWrapper{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.rdrDateInput {
  position: relative;
}

.rdrDateInput input {
    outline: none;
  }

.rdrDateInput .rdrWarning {
    position: absolute;
    font-size: 1.6em;
    line-height: 1.6em;
    top: 0;
    right: .25em;
    color: #FF0000;
  }

.rdrDay {
  box-sizing: inherit;
  width: calc(100% / 7);
  position: relative;
  font: inherit;
  cursor: pointer;
}

.rdrDayNumber {
  display: block;
  position: relative;
}

.rdrDayNumber span{
    color: #1d2429;
  }

.rdrDayDisabled {
  cursor: not-allowed;
}

@supports (-ms-ime-align: auto) {
  .rdrDay {
    flex-basis: 14.285% !important;
  }
}

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  pointer-events: none;
}

.rdrInRange{}

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  pointer-events: none;
}

.rdrDayHovered{}

.rdrDayActive{}

.rdrDateRangePickerWrapper{
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.rdrDefinedRangesWrapper{}

.rdrStaticRanges{
  display: flex;
  flex-direction: column;
}

.rdrStaticRange{
  font-size: inherit;
}

.rdrStaticRangeLabel{}

.rdrInputRanges{}

.rdrInputRange{
  display: flex;
}

.rdrInputRangeInput{}

.rdrCalendarWrapper{
  color: #000000;
  font-size: 12px;
}

.rdrDateDisplayWrapper{
  background-color: rgb(239, 242, 247);
}

.rdrDateDisplay{
  margin: 0.833em;
}

.rdrDateDisplayItem{
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);
  border: 1px solid transparent;
}

.rdrDateDisplayItem input{
    cursor: pointer;
    height: 2.5em;
    line-height: 2.5em;
    border: 0px;
    background: transparent;
    width: 100%;
    color: #849095;
  }

.rdrDateDisplayItemActive{
  border-color: currentColor;
}

.rdrDateDisplayItemActive input{
    color: #7d888d
  }

.rdrMonthAndYearWrapper {
  align-items: center;
  height: 60px;
  padding-top: 10px;
}

.rdrMonthAndYearPickers{
  font-weight: 600;
}

.rdrMonthAndYearPickers select{
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    padding: 10px 30px 10px 10px;
    border-radius: 4px;
    outline: 0;
    color: #3e484f;
    background: url("data:image/svg+xml;utf8,<svg width=%279px%27 height=%276px%27 viewBox=%270 0 9 6%27 version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27><g id=%27Artboard%27 stroke=%27none%27 stroke-width=%271%27 fill=%27none%27 fill-rule=%27evenodd%27 transform=%27translate%28-636.000000, -171.000000%29%27 fill-opacity=%270.368716033%27><g id=%27input%27 transform=%27translate%28172.000000, 37.000000%29%27 fill=%27%230E242F%27 fill-rule=%27nonzero%27><g id=%27Group-9%27 transform=%27translate%28323.000000, 127.000000%29%27><path d=%27M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z%27 id=%27arrow%27></path></g></g></g></svg>") no-repeat;
    background-position: right 8px center;
    cursor: pointer;
    text-align: center
  }

.rdrMonthAndYearPickers select:hover{
      background-color: rgba(0,0,0,0.07);
    }

.rdrMonthPicker, .rdrYearPicker{
  margin: 0 5px
}

.rdrNextPrevButton {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 0.833em;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: #EFF2F7
}

.rdrNextPrevButton:hover{
    background: #E1E7F0;
  }

.rdrNextPrevButton i {
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    text-align: center;
    border-style: solid;
    margin: auto;
    transform: translate(-3px, 0px);
  }

.rdrPprevButton i {
    border-width: 4px 6px 4px 4px;
    border-color: transparent rgb(52, 73, 94) transparent transparent;
    transform: translate(-3px, 0px);
  }

.rdrNextButton i {
    margin: 0 0 0 7px;
    border-width: 4px 4px 4px 6px;
    border-color: transparent transparent transparent rgb(52, 73, 94);
    transform: translate(3px, 0px);
  }

.rdrWeekDays {
  padding: 0 0.833em;
}

.rdrMonth{
  padding: 0 0.833em 1.666em 0.833em;
}

.rdrMonth .rdrWeekDays {
    padding: 0;
  }

.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{
  display: none;
}

.rdrWeekDay {
  font-weight: 400;
  line-height: 2.667em;
  color: rgb(132, 144, 149);
}

.rdrDay {
  background: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: 0;
  padding: 0;
  line-height: 3.000em;
  height: 3.000em;
  text-align: center;
  color: #1d2429
}

.rdrDay:focus {
    outline: 0;
  }

.rdrDayNumber {
  outline: 0;
  font-weight: 300;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  top: 5px;
  bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rdrDayToday .rdrDayNumber span{
  font-weight: 500
}

.rdrDayToday .rdrDayNumber span:after{
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: #3d91ff;
  }

.rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after{
      background: #fff;
    }

.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span{
          color: rgba(255, 255, 255, 0.85);
        }

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  background: currentColor;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
}

.rdrSelected{
  left: 2px;
  right: 2px;
}

.rdrInRange{}

.rdrStartEdge{
  border-top-left-radius: 1.042em;
  border-bottom-left-radius: 1.042em;
  left: 2px;
}

.rdrEndEdge{
  border-top-right-radius: 1.042em;
  border-bottom-right-radius: 1.042em;
  right: 2px;
}

.rdrSelected{
  border-radius: 1.042em;
}

.rdrDayStartOfMonth .rdrInRange, .rdrDayStartOfMonth .rdrEndEdge, .rdrDayStartOfWeek .rdrInRange, .rdrDayStartOfWeek .rdrEndEdge{
    border-top-left-radius: 1.042em;
    border-bottom-left-radius: 1.042em;
    left: 2px;
  }

.rdrDayEndOfMonth .rdrInRange,  .rdrDayEndOfMonth .rdrStartEdge,  .rdrDayEndOfWeek .rdrInRange,  .rdrDayEndOfWeek .rdrStartEdge{
    border-top-right-radius: 1.042em;
    border-bottom-right-radius: 1.042em;
    right: 2px;
  }

.rdrDayStartOfMonth .rdrDayInPreview, .rdrDayStartOfMonth .rdrDayEndPreview, .rdrDayStartOfWeek .rdrDayInPreview, .rdrDayStartOfWeek .rdrDayEndPreview{
    border-top-left-radius: 1.333em;
    border-bottom-left-radius: 1.333em;
    border-left-width: 1px;
    left: 0px;
  }

.rdrDayEndOfMonth .rdrDayInPreview, .rdrDayEndOfMonth .rdrDayStartPreview, .rdrDayEndOfWeek .rdrDayInPreview, .rdrDayEndOfWeek .rdrDayStartPreview{
   border-top-right-radius: 1.333em;
   border-bottom-right-radius: 1.333em;
   border-right-width: 1px;
   right: 0px;
 }

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  background: rgba(255, 255, 255, 0.09);
  position: absolute;
  top: 3px;
  left: 0px;
  right: 0px;
  bottom: 3px;
  pointer-events: none;
  border: 0px solid currentColor;
  z-index: 1;
}

.rdrDayStartPreview{
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-left-radius: 1.333em;
  border-bottom-left-radius: 1.333em;
  left: 0px;
}

.rdrDayInPreview{
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.rdrDayEndPreview{
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-right-radius: 1.333em;
  border-bottom-right-radius: 1.333em;
  right: 2px;
  right: 0px;
}

.rdrDefinedRangesWrapper{
  font-size: 12px;
  width: 226px;
  border-right: solid 1px #eff2f7;
  background: #fff;
}

.rdrDefinedRangesWrapper .rdrStaticRangeSelected{
    color: currentColor;
    font-weight: 600;
  }

.rdrStaticRange{
  border: 0;
  cursor: pointer;
  display: block;
  outline: 0;
  border-bottom: 1px solid #eff2f7;
  padding: 0;
  background: #fff
}

.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{
      background: #eff2f7;
    }

.rdrStaticRangeLabel{
  display: block;
  outline: 0;
  line-height: 18px;
  padding: 10px 20px;
  text-align: left;
}

.rdrInputRanges{
  padding: 10px 0;
}

.rdrInputRange{
  align-items: center;
  padding: 5px 20px;
}

.rdrInputRangeInput{
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  text-align: center;
  border: solid 1px rgb(222, 231, 235);
  margin-right: 10px;
  color: rgb(108, 118, 122)
}

.rdrInputRangeInput:focus, .rdrInputRangeInput:hover{
    border-color: rgb(180, 191, 196);
    outline: 0;
    color: #333;
  }

.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{
  content: '';
  border: 1px solid currentColor;
  border-radius: 1.333em;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 0px;
  right: 0px;
  background: transparent;
}

.rdrDayPassive{
  pointer-events: none;
}

.rdrDayPassive .rdrDayNumber span{
    color: #d5dce0;
  }

.rdrDayPassive .rdrInRange, .rdrDayPassive .rdrStartEdge, .rdrDayPassive .rdrEndEdge, .rdrDayPassive .rdrSelected, .rdrDayPassive .rdrDayStartPreview, .rdrDayPassive .rdrDayInPreview, .rdrDayPassive .rdrDayEndPreview{
    display: none;
  }

.rdrDayDisabled {
  background-color: rgb(248, 248, 248);
}

.rdrDayDisabled .rdrDayNumber span{
    color: #aeb9bf;
  }

.rdrDayDisabled .rdrInRange, .rdrDayDisabled .rdrStartEdge, .rdrDayDisabled .rdrEndEdge, .rdrDayDisabled .rdrSelected, .rdrDayDisabled .rdrDayStartPreview, .rdrDayDisabled .rdrDayInPreview, .rdrDayDisabled .rdrDayEndPreview{
    filter: grayscale(100%) opacity(60%);
  }

.rdrMonthName{
  text-align: left;
  font-weight: 600;
  color: #849095;
  padding: 0.833em;
}

body {
  font-family: "open_sansregular";
  -webkit-tap-highlight-color: transparent;
}
#app {
  background-color: black;
}
.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
::-webkit-scrollbar {
  display: none;
  width: 0px;
  background: transparent;
}
.ripple-page {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.ripple-page > * {
  position: relative;
}
.ripple-page .background-media {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ripple-button {
  display: inline-block;
}
/* Debug Visibility */
.root .debug-visible {
  visibility: hidden;
}
.root.debug .debug-visible {
  visibility: visible;
}
.root .debug-hidden {
  visibility: visible;
}
.root.debug .debug-hidden {
  visibility: hidden;
}
/* Bounds Mode */
.root.bounds * {
  outline: 1px solid rgba(255, 0, 0, 0.5) !important;
}
/* Design Helper */
.debug .debug-show-area {
  position: relative;
}
.debug .debug-show-area::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 255, 0.3) !important;
  border: 2px dashed rgba(0, 0, 230, 0.4) !important;
  pointer-events: none !important;
}
.debug .debug-show-bounds {
  position: relative;
}
.debug .debug-show-bounds::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 3px dashed rgba(255, 165, 0, 0.6) !important;
  pointer-events: none !important;
}
.debug .debug-show-button {
  background-color: rgba(0, 255, 0, 0.12) !important;
  border: 2px dashed rgba(0, 128, 0, 0.4) !important;
  pointer-events: none !important;
}
.debug .debug-show-button.disabled {
  background-color: rgba(255, 0, 0, 0.12) !important;
  border: 2px dashed rgba(51, 0, 0, 0.4) !important;
}
.debug .debug-show-hotspot {
  background-color: rgba(0, 255, 0, 0.12) !important;
}
.debug .debug-show-hotspot.disabled {
  background-color: rgba(255, 0, 0, 0.12) !important;
}
/* Other Useful Classes */
.unclickable {
  pointer-events: none;
}
.clickable {
  pointer-events: auto;
}
/* Hide the react refresh error overlay because it's in the way
and is less useful than the error message in the console. */
#react-refresh-overlay,
#react-refresh-overlay-error {
  display: none;
}
#app {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* For a while, we noticed that web fonts often appear bolder on the web
  versus how they appear in design tools such as Sketch. This fixes font rendering
  so text appears lighter like it should. */
  -webkit-font-smoothing: antialiased;
  /* Prevent scrolling of the page itself (our app fills the viewport
  and we handle scrolling inside that area ourselves) */
  touch-action: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
#app.rcc {
  /* Using `vh` is important to get the proper height in Cordova on
    iPhone X and later (under the notch and home bar)! */
  height: 100vh;
}
#app > div {
  width: 100%;
  height: 100%;
}
#app .root {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: white;
  overflow: hidden;
}
#app .root .background-media-transitioner {
  position: absolute;
  width: 100%;
  height: 100%;
}
#app .root .page-container {
  position: relative;
  width: 100%;
  height: 100%;
}
#app .root .page-container > div {
  width: 100%;
  height: 100%;
}
#app .root .maximizer-portal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#app .root .maximizer-portal > * {
  pointer-events: auto;
}
#app .root.block-interaction * {
  pointer-events: none !important;
}
#app .root.block-interaction.debug::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 0, 0, 0.66);
  z-index: 999998;
  content: "Interaction \A Blocked" !important;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: pre;
  font-size: 50px;
  color: white;
  text-align: center;
}
#app .root .analytics-hidden-button {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 4vmin;
  height: 4vmin;
  z-index: 100000;
}
.ripple-dashboard {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ripple-dashboard h1.standard {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin: 22px 18px 18px 18px;
  margin-left: 14px;
  margin-right: 14px;
}
.ripple-dashboard h2.standard {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 16px 12px 12px 12px;
  margin-left: 14px;
  margin-right: 14px;
}
.ripple-dashboard h3.standard {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 14px 10px 10px 10px;
  margin-left: 14px;
  margin-right: 14px;
}
.ripple-dashboard p.standard {
  font-size: 14px;
  text-align: center;
  margin: 0;
  margin-bottom: 14px;
}
.ripple-dashboard code {
  background-color: #f0f0f0;
  border: 2px solid #f0f0f0;
  padding-left: 4px;
  padding-right: 4px;
  border-radius: 4px;
}
.ripple-dashboard a {
  color: #00a5e3;
  text-align: center;
}
.ripple-dashboard .ripple-button.standard {
  transition: background-color 200ms ease-out;
  background-color: #00a5e3;
  color: white;
  font-size: 14px;
  padding: 10px 10px;
  margin: 10px;
  border-radius: 4px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  height: 55px;
}
.ripple-dashboard .ripple-button.standard.pressed {
  opacity: 0.8;
}
.ripple-dashboard .ripple-button.standard.disabled {
  opacity: 0.3;
}
.ripple-interaction-hint {
  pointer-events: none;
  transition: opacity 500ms ease-in-out;
  opacity: 0;
}
.ripple-interaction-hint.show {
  opacity: 1;
}
.ripple-interaction-hint .interaction-hint-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ripple-interaction-hint .interaction-hint-content.animate {
  animation: 500ms map-hint-pulse-animation ease-in-out infinite alternate-reverse;
}
.ripple-collapsible {
  display: flex;
  flex-direction: column;
}
.ripple-dropzone .drop-content,
.ripple-droppable .drop-content {
  position: relative;
  width: 100%;
  height: 100%;
}
.ripple-dropzone .drop-content > *,
.ripple-droppable .drop-content > * {
  position: absolute;
}
.ripple-dropzone .drop-layer,
.ripple-droppable .drop-layer {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ripple-dropzone.disabled,
.ripple-droppable.disabled {
  pointer-events: none;
}
.ripple-dropdown {
  position: relative;
}
.ripple-dropdown .dropdown-box {
  background-color: white;
  border: 1px solid #aaaaaa;
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
.ripple-dropdown .dropdown-selection {
  color: black;
  overflow: hidden;
}
.ripple-dropdown .dropdown-arrow {
  border-left: 1px solid #aaaaaa;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ripple-dropdown .dropdown-arrow:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f078";
}
.ripple-dropdown .dropdown-picker {
  position: absolute;
  overflow: hidden;
  top: 100%;
  background-color: white;
  border: 1px solid #aaaaaa;
  width: 100%;
  transition: all 200ms ease-in-out;
  opacity: 0;
  pointer-events: none;
  z-index: 10000;
  display: flex;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}
.ripple-dropdown .dropdown-picker.visible {
  opacity: 1;
  pointer-events: inherit;
}
.ripple-dropdown .dropdown-scroller {
  flex: 1;
}
.ripple-dropdown .dropdown-scroller .scroller-content {
  display: flex;
  flex-direction: column;
}
.ripple-dropdown .dropdown-item {
  display: flex;
  flex: 1;
  color: black;
}
.ripple-dropdown .dropdown-default-placeholder {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: grey;
}
.ripple-error-boundary .error {
  background-color: rgba(126, 126, 126, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ripple-error-boundary.core {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.ripple-error-boundary.core > .error {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: black;
  color: #787878;
}
.ripple-error-boundary.core > .error h1 {
  color: white;
  margin-bottom: 0px;
  font-size: 24px;
}
.ripple-error-boundary.core > .error h2 {
  color: #a0a0a0;
  font-size: 18px;
}
.ripple-error-boundary.core > .error code.error {
  color: red;
  padding: 10px;
  border-radius: 6px;
  background-color: #111111;
  margin: 0 10%;
}
.ripple-error-boundary.core > .error .error-boundary-buttons {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.ripple-error-boundary.core > .error .error-boundary-buttons .ripple-button {
  font-size: 22px;
  color: #00a5e3;
  background-color: #001821;
  padding: 20px;
  border-radius: 10px;
}
.ripple-file-picker {
  overflow: hidden;
  position: relative;
}
.ripple-file-picker input {
  cursor: inherit;
  display: block;
  font-size: 999px;
  filter: alpha(opacity=0);
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}
.ripple-fullscreen-video-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  display: flex;
}
.ripple-fullscreen-video-player .ripple-video-player {
  flex: 1;
  margin-top: env(safe-area-inset-top);
  margin-left: env(safe-area-inset-left);
  margin-right: env(safe-area-inset-right);
}
.ripple-fullscreen-video-player .close-button {
  position: absolute;
  top: calc(2vmax + env(safe-area-inset-top));
  right: calc(2vmax + env(safe-area-inset-right));
  width: 40px;
  height: 40px;
  background-color: #151415;
  border-radius: 13px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ripple-fullscreen-video-player .close-button:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00d";
  font-size: 20px;
  color: #A1A0A0;
}
.ripple-grid {
  display: flex;
  flex-direction: column;
}
.ripple-grid .grid-row {
  display: flex;
  flex-direction: row;
}
.ripple-text p {
  font: inherit;
  text-align: inherit;
  margin: 0;
  padding: 0;
}
.ripple-image {
  position: relative;
  overflow: hidden;
}
.ripple-image img,
.ripple-image svg {
  display: block;
  overflow: inherit;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.ripple-image.fit > img,
.ripple-image.fit > svg {
  object-fit: contain;
}
.ripple-image.fill > img,
.ripple-image.fill > svg {
  object-fit: cover;
}
@keyframes map-hint-pulse-animation {
  0% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
.ripple-map {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 100px;
  min-height: 100px;
  touch-action: none;
}
.ripple-map .map-content {
  position: absolute;
  overflow: hidden;
}
.ripple-map .map-content img {
  pointer-events: none !important;
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  -khtml-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.ripple-map .map-element {
  position: absolute;
  line-height: 0;
}
.ripple-map .map-element-anchor {
  position: absolute;
  line-height: 0;
  width: 20%;
  height: 20%;
  transform: translate3d(-50%, -50%, 0);
  pointer-events: none;
}
.ripple-map .map-element-anchor-crosshair-horizontal {
  position: absolute;
  top: 45%;
  width: 100%;
  height: 10%;
  background-color: red;
}
.ripple-map .map-element-anchor-crosshair-vertical {
  position: absolute;
  left: 45%;
  width: 10%;
  height: 100%;
  background-color: red;
}
.ripple-map .ripple-interaction-hint {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ripple-selector {
  position: relative;
  display: flex;
  perspective: 2500px;
  touch-action: none;
}
.ripple-selector.horizontal {
  flex-direction: row;
}
.ripple-selector.vertical {
  flex-direction: column;
}
.ripple-selector .selector-item {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ripple-button {
  position: relative;
}
.ripple-button.unfocusable :focus {
  outline: none;
}
.ripple-button > .hotspot {
  /* Remove all default <button> element styles */
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  cursor: pointer;
}
.ripple-button > .hotspot.disabled {
  cursor: unset;
  pointer-events: none;
}
.ripple-button > .bounds {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  pointer-events: none;
}
.ripple-camera .ripple-canvas {
  width: 100%;
  height: 100%;
}
.ripple-face-tracking-camera {
  position: relative;
}
.ripple-face-tracking-camera .ripple-canvas {
  position: absolute;
  background-color: transparent;
  width: 100%;
  height: 100%;
}
.ripple-face-tracking-camera .camera-children {
  position: absolute;
  width: 100%;
  height: 100%;
}
.maximizer-content {
  width: 100%;
  height: 100%;
}
.ripple-media-transitioner {
  position: relative;
}
.ripple-media-transitioner .media-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ripple-media-transitioner .media-wrapper .ripple-media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ripple-slider {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  isolation: isolate;
}
.ripple-slider .track {
  width: 100%;
  height: 100%;
  background-color: rgba(150, 150, 150, 0.5);
  overflow: hidden;
  display: flex;
}
.ripple-slider .fill {
  background-color: #00a5e3;
}
.ripple-slider .fill.animated {
  transition: all 100ms ease-in-out;
}
.ripple-slider.horizontal .track {
  flex-direction: row;
  justify-content: flex-start;
  min-height: 4px;
  min-width: 20px;
}
.ripple-slider.horizontal .fill {
  height: 100%;
}
.ripple-slider.vertical .track {
  flex-direction: column;
  justify-content: flex-end;
  min-width: 4px;
  min-height: 20px;
}
.ripple-slider.vertical .fill {
  width: 100%;
}
.ripple-slider .handle-guide {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.ripple-slider .handle-guide .handle-visuals {
  position: absolute;
}
.ripple-slider > .hotspot {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  cursor: pointer;
}
.ripple-slider > .hotspot.disabled {
  cursor: unset;
  pointer-events: none;
}
.ripple-revealer {
  pointer-events: none;
}
.ripple-paragraphs {
  position: relative;
}
.ripple-paragraphs.rtl {
  direction: rtl;
}
.ripple-paragraphs p {
  width: 100%;
}
.ripple-paragraphs ul li,
.ripple-paragraphs ol li {
  margin: 12px 0;
}
.ripple-paragraphs p:first-child {
  margin-top: 0;
}
.ripple-paragraphs p:last-child {
  margin-bottom: 0;
}
.ripple-paragraphs div.__se__float-left {
  text-align: left;
}
.ripple-paragraphs div.__se__float-center {
  text-align: center;
}
.ripple-paragraphs div.__se__float-right {
  text-align: right;
}
.ripple-paragraphs figure {
  margin: 0;
}
.ripple-paragraphs figcaption {
  margin-top: 6px;
  text-align: center;
  opacity: 0.5;
}
.ripple-paragraphs img {
  max-width: 100%;
}
.ripple-paragraphs table {
  border-collapse: collapse;
  border: 1px double #b3b3b3;
}
.ripple-paragraphs table th {
  border: 1px solid #d9d9d9;
  background-color: rgba(128, 128, 128, 0.055);
  font-weight: bold;
}
.ripple-paragraphs table tr td {
  border: 1px solid #d9d9d9;
}
.ripple-paragraphs table tr th,
.ripple-paragraphs table tr td {
  padding: 1em;
}
.ripple-paragraphs table tr th p,
.ripple-paragraphs table tr td p {
  margin: 0;
}
.ripple-paragraphs a {
  text-decoration: underline;
  opacity: 0.85;
  cursor: pointer;
}
.ripple-paragraphs.links-disabled a {
  pointer-events: none;
  color: inherit;
  text-decoration: none;
  opacity: 1;
  cursor: none;
}
.ripple-scroller {
  /*
    To get dynamic height for the scroller in a flex column, use the following:
    flex: 1 1 0;
  */
  overflow: hidden;
  /* Necessary for some flex layouts (ex: dynamic height as specified above) */
}
.ripple-scroller .scroller-thumb {
  background-color: rgba(125, 125, 125, 0.795);
}
@keyframes panorama-spinner-spin-animation {
  0% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}
.ripple-panorama {
  outline: none;
}
.ripple-panorama p.debug {
  width: 100%;
  text-align: center;
  margin: 0;
  font-size: 12px;
}
.ripple-panorama .panorama-spinner {
  width: 6vh;
  height: 6vh;
  border: 0.5vh solid transparent;
  border-radius: 50%;
  border-top-color: rgba(200, 200, 200, 0.5);
  animation: panorama-spinner-spin-animation 500ms linear infinite;
}
.ripple-panorama .ripple-interaction-hint {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.ripple-transitioner {
  position: relative;
  display: grid !important;
}
.ripple-transitioner .transitioner-content {
  /*
      All children are displayed in the same grid cell (they overlap).
      We use this instead of absolute positioning to
    */
  grid-area: 1 / 1 !important;
}
.ripple-video {
  position: relative;
  overflow: hidden;
}
.ripple-video > video {
  width: 100%;
  height: 100%;
}
.ripple-video > .ripple-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ripple-video .fit {
  object-fit: contain;
}
.ripple-video .fill {
  object-fit: cover;
}
.ripple-video video {
  opacity: 0;
}
.ripple-video video.loaded {
  opacity: 1;
}
.ripple-video .thumbnail {
  opacity: 0;
  transition: opacity 100ms ease-in-out;
}
.ripple-video .thumbnail.visible {
  opacity: 1;
}
.ripple-video-player {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: black;
  color: white;
}
.ripple-video-player .ripple-video {
  position: relative;
  width: 100%;
  height: 100%;
}
.ripple-video-player .ripple-button.pause-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 150ms ease-in-out;
  display: flex;
}
.ripple-video-player .ripple-button.pause-overlay.visible {
  opacity: 1;
}
.ripple-video-player .ripple-button.pause-overlay .default-paused-overlay {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.4);
}
.ripple-video-player .ripple-button.pause-overlay .default-paused-overlay:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f144";
  font-size: 70px;
  color: rgba(255, 255, 255, 0.8);
}
.ripple-video-player .controls-container {
  opacity: 1;
  transition: opacity 500ms ease-in-out;
}
.ripple-video-player .controls-container.auto-hidden {
  opacity: 0;
}
.ripple-video-player .controls {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 24px;
  padding: 0 10px;
  background-color: #242324;
  border-radius: 12px;
  opacity: 1;
}
.ripple-video-player .controls.hidden {
  opacity: 0;
}
.ripple-video-player .controls > * {
  margin: 10px;
}
.ripple-video-player .controls .ripple-button {
  color: white;
}
.ripple-video-player .controls .ripple-button .hotspot {
  margin: -10px;
}
.ripple-video-player .play-button:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f04b";
}
.ripple-video-player .play-button.playing:before {
  content: "\f04c";
}
.ripple-video-player .extra-button:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f065";
}
.ripple-video-player .ripple-slider.progress-bar {
  flex: 1;
}
.ripple-video-player .ripple-slider.progress-bar .track {
  height: 4px;
  border-radius: 3px;
  background-color: #3d3d3d;
}
.ripple-video-player .ripple-slider.progress-bar .fill {
  border-radius: 3px;
  background-color: #7c7d7c;
}
.ripple-video-player .ripple-slider.progress-bar .hotspot {
  margin: -16px 0;
}
.ripple-video-player .time-label {
  font-size: 14px;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
.ripple-virtual-keyboard .virtual-keyboard-column {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ripple-virtual-keyboard .virtual-keyboard-row {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  gap: 4px;
}
.ripple-virtual-keyboard .virtual-keyboard-key {
  background-color: gray;
  font-size: 18px;
  color: white;
  padding: 8px 10px;
  margin: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ripple-virtual-keyboard .virtual-keyboard-key.pressed {
  opacity: 0.6;
}
.ripple-virtual-keyboard .virtual-keyboard-key.disabled {
  opacity: 0.6;
}
.ripple-virtual-keyboard.shift .virtual-keyboard-key.letter {
  text-transform: uppercase;
}
.ripple-visible.hidden {
  visibility: hidden;
}
.root > .debug-overlay {
  z-index: 1000000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transform: scale3d(1.1, 1.1, 1.1);
  transition: all 250ms ease-in-out;
}
.root > .debug-overlay.show {
  opacity: 1;
  pointer-events: auto;
  transform: scale3d(1, 1, 1);
}
.root > .debug-overlay .debug-transitioner {
  width: 100%;
  height: 100%;
}
.root > .debug-overlay .debug-transitioner .transitioner-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.root > .debug-overlay .debug-transitioner .transitioner-content .panel {
  max-width: 540px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.85);
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.3);
  border-width: 1px 1px 0 1px;
  border-radius: 10px;
  color: white;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
  font-size: 1.6vh;
}
.root > .debug-overlay .debug-transitioner .transitioner-content .panel .top {
  position: relative;
  background-color: rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid #00a5e3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.root > .debug-overlay .debug-transitioner .transitioner-content .panel .top .back-button {
  left: 0;
  height: 100%;
  aspect-ratio: 1;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #00a5e3;
  font-size: 2.5vh;
}
.root > .debug-overlay .debug-transitioner .transitioner-content .panel .top h1 {
  font-size: 2vh;
  padding: 0 1.3vh;
}
.root > .debug-overlay .debug-transitioner .transitioner-content .panel .bottom {
  padding: 1.3vh 1.3vh;
}
.root > .debug-overlay .debug-show-hotspot {
  background-color: transparent !important;
}
.root > .debug-overlay .debug-show-button {
  background-color: transparent !important;
  border: none !important;
}
.root.bounds .debug-overlay {
  outline: none !important;
}
.root.bounds .debug-overlay * {
  outline: none !important;
}
.root > .flags {
  z-index: 1000000;
  pointer-events: none;
  position: absolute;
  top: calc(12px + env(safe-area-inset-top));
  right: 12px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.root > .flags .flag {
  padding: 8px 12px;
  margin-bottom: 12px;
  font-size: 13px;
  font-family: "open_sansbold";
  background-color: #00a5e3;
  border-radius: 20px;
  color: white;
}
.root > .flags .flag.destructive {
  background-color: orange;
}
@media only screen and (max-width: 1000px) {
  .root > .flags .flag {
    font-size: 11px;
    padding: 4px 7px;
  }
}
.root.bounds .flags {
  outline: none !important;
}
.root.bounds .flags * {
  outline: none !important;
}
.debug-overlay .debug-main {
  overflow: hidden;
}
.debug-overlay .debug-main .sections {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.3vh;
}
.debug-overlay .debug-main .sections .section {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 10px;
  gap: 1vh;
}
.debug-overlay .debug-main .sections .section .info-item span.info-item-value {
  color: #aaaaaa;
}
.debug-overlay .debug-main .sections .section .info-item span.info-item-value.green {
  color: #b2ff5c;
}
.debug-overlay .debug-main .sections .section .info-item span.info-item-value.yellow {
  color: #ffd75c;
}
.debug-overlay .debug-main .sections .section .info-item span.info-item-value.red {
  color: #ff4d00;
}
.debug-overlay .debug-main .sections .section .ripple-button.link {
  color: #00a5e3;
}
.debug-overlay .debug-main .sections .section .ripple-button.link .hotspot {
  margin: -1vh;
}
.debug-overlay .debug-main .sections .section .ripple-button.toggle {
  background-color: black;
  padding: 0.5vh 1vh;
  border-radius: 1.8vh;
  border: 1px solid rgba(0, 165, 227, 0.5);
  color: #00a5e3;
  transition: all 150ms ease-in-out;
}
.debug-overlay .debug-main .sections .section .ripple-button.toggle .hotspot {
  margin: -1vh;
}
.debug-overlay .debug-main .sections .section .ripple-button.toggle.active {
  background-color: rgba(0, 165, 227, 0.5);
  color: white;
}
.debug-overlay .debug-main .sections .section-splitter {
  width: calc(100% + 1.3vh * 2);
  margin: 0 -1.3vh;
  height: 1px;
  background-color: #444444;
}
.debug-overlay .debug-main .sections span.dash {
  color: #666666;
}
.debug-overlay .debug-keyboard-shortcuts {
  display: flex;
  flex-direction: column;
}
.debug-overlay .debug-keyboard-shortcuts .top {
  width: 100%;
  position: relative;
}
.debug-overlay .debug-keyboard-shortcuts .top h1 {
  width: 100%;
  text-align: center;
}
.debug-overlay .debug-keyboard-shortcuts .bottom {
  display: flex;
  flex-direction: row;
}
.debug-overlay .debug-keyboard-shortcuts .side {
  display: flex;
  flex-direction: row;
  padding: 10px 40px;
}
.debug-overlay .debug-keyboard-shortcuts .key-equivalent-column {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.debug-overlay .debug-keyboard-shortcuts .description-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.debug-overlay .debug-keyboard-shortcuts .row {
  height: 30px;
  font-size: 1.4vh;
}
.debug-overlay .debug-keyboard-shortcuts .key-equivalent {
  background-color: lightgray;
  padding: 2px 8px;
  margin: 4px;
  margin-right: 14px;
  border-radius: 3px;
  color: black;
  cursor: pointer;
}
.debug-overlay .debug-keyboard-shortcuts .key-equivalent.builtin {
  background-color: gray;
}
.debug-overlay .debug-keyboard-shortcuts .key-equivalent.multiple {
  box-shadow: inset 0px 0px 0px 2px orange;
}
.debug-overlay .debug-keyboard-shortcuts .description {
  color: white;
}
.root > .path-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  z-index: 100000;
  padding-top: env(safe-area-inset-top);
  display: flex;
  flex-direction: row;
  opacity: 0;
  top: -30px;
  pointer-events: none;
  transition: all 100ms ease-in-out;
}
.root > .path-bar.active {
  top: 0;
  opacity: 1;
  pointer-events: auto;
}
.root > .path-bar input {
  background-color: transparent;
  border: 0;
  color: white;
  padding: 0.5vmax;
  text-align: center;
  font-family: "open_sansregular";
  font-size: 1vmax;
  flex-grow: 1;
  outline: 1px solid white;
}
.root > .path-bar input:focus {
  outline: 1px solid #00a5e3;
}
.root > .touch-feedback {
  z-index: 999999;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@keyframes touch-feedback-appear {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
.root > .touch-feedback .touch {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  border: 2px solid rgba(128, 128, 128, 0.5);
  animation: touch-feedback-appear 250ms ease-out forwards;
}
.ripple-page.analytics .box {
  position: relative;
  border: 1px solid #005b7d;
  height: 300px;
  width: 33.333333%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ripple-page.analytics .box h1 {
  font-size: 20px;
  color: #b4b4b4;
  margin-bottom: 10px;
}
.ripple-page.analytics .box i.info {
  opacity: 0.4;
  font-size: 17px;
}
.ripple-page.analytics .box .top-right-buttons {
  position: absolute;
  opacity: 0.25;
  font-size: 17px;
  top: 16px;
  right: 14px;
}
.ripple-page.analytics .box .top-right-buttons .ripple-button {
  color: white;
  margin-left: 14px;
}
.ripple-page.analytics .box .top-right-buttons .ripple-button .hotspot {
  margin: -14px;
}
.ripple-page.analytics .box .chart-container {
  position: relative;
  flex-grow: 1;
  width: 100%;
}
.ripple-page.analytics .box.bar {
  padding-left: 10px;
  padding-right: 20px;
}
.ripple-page.analytics .box.donut {
  padding-bottom: 20px;
  width: 25%;
}
.number-box {
  width: 16.666%;
  height: 80px;
  border: 1px solid #005b7d;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}
.number-box p {
  margin: 0;
  padding: 0;
}
.number-box .name {
  font-size: 17px;
  color: #b4b4b4;
}
.number-box .value {
  font-size: 32px;
  font-weight: bold;
  margin-left: 20px;
  color: white;
}
.number-box .info {
  opacity: 0.4;
  font-size: 15px;
}
.ripple-page.analytics .box.table div.chart-container {
  padding: 20px;
  padding-top: 0;
}
.ripple-page.analytics .box.table div.chart-container div.rows-container {
  height: 210px;
}
.ripple-page.analytics .box.table div.chart-container .ripple-scroller .scroller-track {
  background-color: rgba(0, 165, 227, 0.3);
}
.ripple-page.analytics .box.table div.chart-container .ripple-scroller .scroller-thumb {
  background-color: #535050;
}
.ripple-page.analytics .box.table div.table-header,
.ripple-page.analytics .box.table div.table-rows {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-right: 10px;
}
.ripple-page.analytics .box.table div.table-header div.cell,
.ripple-page.analytics .box.table div.table-rows div.cell {
  padding: 4px;
  font-size: 12px;
}
.ripple-page.analytics .box.table div.table-header div.cell {
  border-bottom: 1px solid #353535;
  font-weight: bold;
}
.ripple-page.analytics .box.table div.table-rows {
  padding-top: 6px;
  padding-bottom: 15px;
}
.ripple-page.analytics .box.table div.table-rows div.cell {
  color: darkgray;
  border-bottom: 1px solid #181818;
  word-wrap: break-word;
}
.ripple-page.analytics .box.table div.row {
  display: flex;
  flex-direction: row;
}
.ripple-page.analytics {
  width: 100%;
  height: 100%;
  background-color: #030506;
  color: white;
  user-select: auto;
  font-family: "open_sansregular";
  display: flex;
  flex-direction: column;
}
.ripple-page.analytics .date-range-overlay {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 200ms ease-in-out;
}
.ripple-page.analytics .date-range-overlay.visible {
  opacity: 1;
  pointer-events: inherit;
}
.ripple-page.analytics .header {
  background-color: #00a5e3;
  width: 100%;
  height: 65px;
  min-height: 65px;
  color: white;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.ripple-page.analytics .header h1 {
  margin: 20px;
  font-size: 24px;
}
.ripple-page.analytics .header h2 {
  font-size: 22px;
  opacity: 0.8;
}
.ripple-page.analytics .header .left {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ripple-page.analytics .header .left select.instance-id {
  border: none;
  height: 38px;
  background: white;
}
.ripple-page.analytics .header .right {
  margin-right: 20px;
  color: black;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ripple-page.analytics .header .right .date-range {
  padding: 10px;
  margin-right: 20px;
  background-color: white;
  border-radius: 6px;
}
.ripple-page.analytics .header .right .date-range span.to {
  color: #cccccc;
  margin: 0 6px;
}
.ripple-page.analytics .header .right .date-range-picker {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  transition: opacity 200ms ease-in-out;
}
.ripple-page.analytics .header .right .date-range-picker.visible {
  opacity: 1;
  pointer-events: inherit;
}
.ripple-page.analytics .header .right .ripple-button.language-toggle {
  color: white;
  height: 50px;
  width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 20px;
}
.ripple-page.analytics .header .right .ripple-button.language-toggle .hotspot {
  margin: -5px -10px;
}
.ripple-page.analytics .ripple-scroller.bottom {
  flex: 1;
  opacity: 0;
  transition: opacity 400ms ease-in-out;
}
.ripple-page.analytics .ripple-scroller.bottom.loaded {
  opacity: 1;
}
.ripple-page.analytics .loading-indicator {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  font-size: 24px;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 400ms ease-in-out;
}
.ripple-page.analytics .loading-indicator.visible {
  opacity: 1;
}
.ripple-page.analytics .number-boxes {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.ripple-page.analytics .graphs {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.ripple-page.analytics-admin {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ripple-page.analytics-admin h1 {
  color: #00a5e3;
}
.ripple-page.analytics-admin ul {
  list-style-type: none;
  padding-inline-start: 0;
}
.ripple-page.analytics-admin ul li {
  margin: 10px 0;
}
.ripple-page.analytics-admin span.label {
  color: #aaaaaa;
}
.ripple-page.analytics-admin span.value {
  color: #555555;
}
.ripple-page.analytics-admin .apps {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.ripple-page.analytics-admin .apps .ripple-button.app {
  background-color: #e3f7ff;
  border: 1px solid #b0e9ff;
  color: #00a5e3;
  padding: 6px;
  margin: 10px;
  border-radius: 6px;
}
.ripple-page.analytics-home {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ripple-page.analytics-home h1 {
  color: #00a5e3;
}
.ripple-page.analytics-home p {
  max-width: 600px;
  text-align: center;
  line-height: 1.5em;
}
.ripple-page.config {
  display: flex;
  flex-direction: column;
  background-color: white;
  font-size: 14px;
}
.ripple-page.config .ripple-scroller {
  width: 100%;
  height: 100%;
}
.ripple-page.config .editor {
  padding: 50px 30px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 3px;
  font-family: monospace;
}
.ripple-page.config .editor .section,
.ripple-page.config .editor .field {
  margin-top: 2px;
  margin-bottom: 2px;
}
.ripple-page.config .editor .section {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ripple-page.config .editor .section span {
  color: #395ec4;
  font-weight: bold;
}
.ripple-page.config .editor .field {
  display: flex;
  flex-direction: row;
  gap: 4px;
}
.ripple-page.config .editor .field span.label {
  color: #395ec4;
}
.ripple-page.config .editor .field code {
  background-color: transparent;
  color: grey;
  border: 0;
  outline: none;
  border-radius: 3px;
  padding: 1px;
}
.ripple-page.config .editor .field code.local {
  background-color: #a6f1a6 !important;
  color: green !important;
}
.ripple-page.config .editor .field code.modified {
  background-color: #ffe5a2 !important;
  color: #816213 !important;
}
.ripple-page.config .editor .field code.invalid {
  background-color: #ff9999 !important;
  color: #990000 !important;
}
.ripple-page.config .editor .field .ripple-button.reset {
  height: 100%;
  aspect-ratio: 1;
  margin-left: 8px;
  margin-top: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: lightgray;
}
.ripple-page.config .editor .field .ripple-button.reset .hotspot {
  margin: -6px;
}
.ripple-page.config .editor .field .override {
  color: red;
}
.ripple-page.config .editor .field .comment {
  margin-top: 4px;
  margin-left: 8px;
  color: #cccccc;
  font-size: 11px;
}
.ripple-page.config .buttons {
  position: absolute;
  top: 30px;
  right: 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.ripple-page.config .buttons .ripple-button {
  background-color: #e3f7ff;
  padding: 10px;
  border-radius: 6px;
  margin: 5px 0;
  color: #00a5e3;
  transition: background-color 100ms ease-in-out;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border: 1px solid #00a5e3;
}
.ripple-page.config .buttons .ripple-button.clicked {
  background-color: #b0e9ff;
}
.ripple-page.config .buttons .ripple-button.disabled {
  border: 1px solid #990000;
  color: #990000;
  background-color: #ffcccc;
}
.ripple-page.client {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: white;
  font-size: 18px;
}
.ripple-page.client .loading {
  font-size: 18px;
}
.ripple-page.client .ripple-dropdown.clients {
  width: 600px;
}
.ripple-page.client .ripple-dropdown.clients .dropdown-box {
  border-radius: 6px;
}
.ripple-page.client .ripple-dropdown.clients .dropdown-picker {
  border-radius: 6px;
}
.ripple-page.client .ripple-dropdown.clients .dropdown-arrow {
  padding: 5px 8px;
  width: 40px;
  color: white;
  background-color: #00a5e3;
}
.ripple-page.client .item {
  display: flex;
  height: 40px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 8px;
  flex: 1;
}
.ripple-page.client .item:last-child {
  border-bottom: none;
}
.ripple-page.client .buttons {
  margin-top: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ripple-page.startup {
  background-color: black;
  color: #787878;
  font-family: "open_sansregular";
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.ripple-page.startup .center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  margin-top: 36px;
}
.ripple-page.startup .center img.logo {
  max-width: 30vw;
  max-height: 30vh;
}
.ripple-page.startup .center .status {
  margin-top: 30px;
  margin-left: 6%;
  margin-right: 6%;
  line-height: 24px;
  display: flex;
  flex-direction: column;
}
.ripple-page.startup .center a {
  color: #00a5e3;
  text-decoration: none;
  margin-top: 20px;
  cursor: pointer;
}
.ripple-page.startup .center .ripple-slider.global {
  width: 260px;
  margin-top: 30px;
  opacity: 0;
  transition: opacity 300ms ease-in-out;
}
.ripple-page.startup .center .ripple-slider.global.active {
  opacity: 1;
}
.ripple-page.startup .center .ripple-slider.global .track {
  border-radius: 4px;
  height: 8px;
  background-color: rgba(70, 70, 70, 0.3);
}
.ripple-page.startup .center .ripple-slider.global .fill {
  min-width: 8px;
  box-shadow: 0 0 5px 0 #00a5e3;
  border-radius: 20px;
}
.ripple-page.startup .center .files {
  margin-top: 40px;
  border: 1px solid #191919;
  border-radius: 10px;
  padding: 6px 10px;
  display: flex;
  flex-direction: row;
}
.ripple-page.startup .center .files div.column {
  display: flex;
  flex-direction: column;
}
.ripple-page.startup .center .files div.column-item {
  height: 20px;
  display: flex;
  flex-direction: row;
  text-align: left;
}
.ripple-page.startup .center .files div.column-item.progress {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ripple-page.startup .center .files span.name {
  margin-left: 10px;
  font-size: 14px;
  color: #666666;
}
.ripple-page.startup .center .files span.size {
  margin-left: 10px;
  font-size: 14px;
  color: #444444;
}
.ripple-page.startup .center .files .ripple-slider .track {
  width: 160px;
  height: 4px;
  border-radius: 2px;
  background-color: #222222;
}
.ripple-page.startup .center .files .ripple-slider .fill {
  border-radius: 2px;
  background-color: #555555;
}
.appear-floating-enter {
  opacity: 0;
}
.appear-floating-enter.appear-floating-enter-active {
  animation: appear-floating 500ms;
  animation-fill-mode: forwards;
}
.appear-floating-exit {
  opacity: 1;
}
.appear-floating-exit.appear-floating-exit-active {
  pointer-events: none;
  opacity: 0;
  transition: opacity 500ms ease-in-out;
}
.crossfade-enter {
  opacity: 0;
}
.crossfade-enter.crossfade-enter-active {
  opacity: 1;
  transition: opacity 500ms ease-in-out;
}
.crossfade-exit {
  opacity: 1;
}
.crossfade-exit.crossfade-exit-active {
  pointer-events: none;
  opacity: 0;
  transition: opacity 500ms ease-in-out;
}
.fade-in-over-enter {
  opacity: 0;
}
.fade-in-over-enter.fade-in-over-enter-active {
  opacity: 1;
  transition: opacity 300ms ease-in-out;
}
.fade-in-over-exit {
  opacity: 1;
}
.fade-in-over-exit.fade-in-over-exit-active {
  pointer-events: none;
  opacity: 0;
  transition-delay: 300ms;
  transition: opacity 300ms ease-in-out;
}
.fade-out-fade-in-enter {
  opacity: 0;
}
.fade-out-fade-in-enter.fade-out-fade-in-enter-active {
  opacity: 1;
  transition: opacity 150ms ease-in;
  transition-delay: 150ms;
}
.fade-out-fade-in-exit {
  opacity: 1;
}
.fade-out-fade-in-exit.fade-out-fade-in-exit-active {
  pointer-events: none;
  opacity: 0;
  transition: opacity 150ms ease-in;
}
@keyframes glitch-anim-fade-out {
  0% {
    opacity: 0.9;
  }
  10% {
    opacity: 0.5;
  }
  20% {
    opacity: 0.8;
  }
  30% {
    opacity: 0.4;
  }
  40% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.3;
  }
  60% {
    opacity: 0.5;
  }
  70% {
    opacity: 0.2;
  }
  80% {
    opacity: 0.3;
  }
  90% {
    opacity: 0.1;
  }
  100% {
    opacity: 0;
  }
}
.fade-out-instant-in-glitchy-enter {
  opacity: 0;
}
.fade-out-instant-in-glitchy-enter.fade-out-instant-in-glitchy-enter-active {
  opacity: 1;
  transition: 300ms step-start;
  transition-delay: 300ms;
}
.fade-out-instant-in-glitchy-exit.fade-out-instant-in-glitchy-exit-active {
  pointer-events: none;
  animation: glitch-anim-fade-out 300ms;
  animation-fill-mode: forwards;
}
.flip-left-enter {
  transform: rotate3d(0, 1, 0, 90deg);
}
.flip-left-enter.flip-left-enter-active {
  transform: rotate3d(0, 1, 0, 0deg);
  transition: all 250ms ease-in-out;
  transition-delay: 250ms;
}
.flip-left-exit {
  transform: rotate3d(0, 1, 0, 0deg);
}
.flip-left-exit.flip-left-exit-active {
  pointer-events: none;
  transform: rotate3d(0, 1, 0, -90deg);
  transition: all 250ms ease-in-out;
}
.flip-right-enter {
  transform: rotate3d(0, 1, 0, -90deg);
}
.flip-right-enter.flip-right-enter-active {
  transform: rotate3d(0, 1, 0, 0deg);
  transition: all 250ms ease-in-out;
  transition-delay: 250ms;
}
.flip-right-exit {
  transform: rotate3d(0, 1, 0, 0deg);
}
.flip-right-exit.flip-right-exit-active {
  pointer-events: none;
  transform: rotate3d(0, 1, 0, 90deg);
  transition: all 250ms ease-in-out;
}
.none-enter {
  opacity: 1;
}
.none-enter.none-enter-active {
  opacity: 1;
}
.none-exit {
  opacity: 0;
}
.none-exit.none-exit-active {
  pointer-events: none;
  opacity: 0;
}
.photo-drop-enter {
  opacity: 0;
  transform: scale3d(1.6, 1.6, 1.6) rotate3d(0, 0, 1, 15deg);
}
.photo-drop-enter.photo-drop-enter-active {
  opacity: 1;
  transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg);
  transition: all 500ms ease-in-out;
  transition-delay: 250ms;
}
.photo-drop-exit {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.photo-drop-exit.photo-drop-exit-active {
  pointer-events: none;
  opacity: 0;
  transform: translate3d(-30px, 0, 0) rotate3d(0, 0, 1, -5deg);
  transition: all 250ms ease-in-out;
}
.scale-down-fade-enter {
  opacity: 0;
  transform: scale3d(1.3, 1.3, 1);
}
.scale-down-fade-enter.scale-down-fade-enter-active {
  opacity: 1;
  transform: scale3d(1, 1, 1);
  transition: all 400ms ease-in-out;
}
.scale-down-fade-exit {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
.scale-down-fade-exit.scale-down-fade-exit-active {
  pointer-events: none;
  opacity: 0;
  transform: scale3d(0.7, 0.7, 1);
  transition: all 400ms ease-in-out;
}
.scale-up-fade-enter {
  opacity: 0;
  transform: scale3d(0.7, 0.7, 1);
}
.scale-up-fade-enter.scale-up-fade-enter-active {
  opacity: 1;
  transform: scale3d(1, 1, 1);
  transition: all 400ms ease-in-out;
}
.scale-up-fade-exit {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
.scale-up-fade-exit.scale-up-fade-exit-active {
  pointer-events: none;
  opacity: 0;
  transform: scale3d(1.3, 1.3, 1);
  transition: all 400ms ease-in-out;
}
@keyframes slide-and-scale-from-left-enter {
  0% {
    transform: translate3d(-100%, 0%, 0) scale3d(0.7, 0.7, 1);
  }
  50% {
    transform: translate3d(0%, 0%, 0) scale3d(0.7, 0.7, 1);
  }
  100% {
    transform: translate3d(0%, 0%, 0) scale3d(1, 1, 10);
  }
}
@keyframes slide-and-scale-from-left-exit {
  0% {
    transform: translate3d(0%, 0%, 0) scale3d(1, 1, 1);
  }
  50% {
    transform: translate3d(0%, 0%, 0) scale3d(0.7, 0.7, 1);
  }
  100% {
    transform: translate3d(100%, 0%, 0) scale3d(0.7, 0.7, 1);
  }
}
.slide-and-scale-from-left-enter.slide-and-scale-from-left-enter-active {
  animation: slide-and-scale-from-left-enter 400ms;
  animation-delay: 400ms / 2;
  animation-fill-mode: backwards;
}
.slide-and-scale-from-left-exit.slide-and-scale-from-left-exit-active {
  pointer-events: none;
  animation: slide-and-scale-from-left-exit 400ms;
  animation-fill-mode: forwards;
}
@keyframes slide-and-scale-from-right-enter {
  0% {
    transform: translate3d(100%, 0%, 0) scale3d(0.7, 0.7, 1);
  }
  50% {
    transform: translate3d(0%, 0%, 0) scale3d(0.7, 0.7, 1);
  }
  100% {
    transform: translate3d(0%, 0%, 0) scale3d(1, 1, 10);
  }
}
@keyframes slide-and-scale-from-right-exit {
  0% {
    transform: translate3d(0%, 0%, 0) scale3d(1, 1, 1);
  }
  50% {
    transform: translate3d(0%, 0%, 0) scale3d(0.7, 0.7, 1);
  }
  100% {
    transform: translate3d(-100%, 0%, 0) scale3d(0.7, 0.7, 1);
  }
}
.slide-and-scale-from-right-enter.slide-and-scale-from-right-enter-active {
  animation: slide-and-scale-from-right-enter 400ms;
  animation-delay: 400ms / 2;
  animation-fill-mode: backwards;
}
.slide-and-scale-from-right-exit.slide-and-scale-from-right-exit-active {
  pointer-events: none;
  animation: slide-and-scale-from-right-exit 400ms;
  animation-fill-mode: forwards;
}
.slide-in-and-fade-from-bottom-enter {
  transform: translate3d(0, 100%, 0);
  opacity: 0;
}
.slide-in-and-fade-from-bottom-enter.slide-in-and-fade-from-bottom-enter-active {
  transform: translate3d(0, 0, 0);
  transition: all 400ms ease-in-out;
  opacity: 1;
}
.slide-in-and-fade-from-bottom-exit {
  transform: translate3d(0, 0, 0);
}
.slide-in-and-fade-from-bottom-exit.slide-in-and-fade-from-bottom-exit-active {
  pointer-events: none;
  transform: translate3d(0, -100%, 0);
  transition: all 400ms ease-in-out;
  opacity: 0;
}
.slide-in-and-fade-from-left-enter {
  transform: translate3d(-100%, 0%, 0);
  opacity: 0;
}
.slide-in-and-fade-from-left-enter.slide-in-and-fade-from-left-enter-active {
  transform: translate3d(0%, 0%, 0);
  transition: all 400ms ease-in-out;
  opacity: 1;
}
.slide-in-and-fade-from-left-exit {
  transform: translate3d(0%, 0%, 0);
}
.slide-in-and-fade-from-left-exit.slide-in-and-fade-from-left-exit-active {
  pointer-events: none;
  transform: translate3d(100%, 0%, 0);
  transition: all 400ms ease-in-out;
  opacity: 0;
}
.slide-in-and-fade-from-right-enter {
  transform: translate3d(100%, 0%, 0);
  opacity: 0;
}
.slide-in-and-fade-from-right-enter.slide-in-and-fade-from-right-enter-active {
  transform: translate3d(0%, 0%, 0);
  transition: all 400ms ease-in-out;
  opacity: 1;
}
.slide-in-and-fade-from-right-exit {
  transform: translate3d(0%, 0%, 0);
}
.slide-in-and-fade-from-right-exit.slide-in-and-fade-from-right-exit-active {
  pointer-events: none;
  transform: translate3d(-100%, 0%, 0);
  transition: all 400ms ease-in-out;
  opacity: 0;
}
.slide-in-and-fade-from-top-enter {
  transform: translate3d(0, -100%, 0);
  opacity: 0;
}
.slide-in-and-fade-from-top-enter.slide-in-and-fade-from-top-enter-active {
  transform: translate3d(0, 0, 0);
  transition: all 400ms ease-in-out;
  opacity: 1;
}
.slide-in-and-fade-from-top-exit {
  transform: translate3d(0, 0, 0);
}
.slide-in-and-fade-from-top-exit.slide-in-and-fade-from-top-exit-active {
  pointer-events: none;
  transform: translate3d(0, 100%, 0);
  transition: all 400ms ease-in-out;
  opacity: 0;
}
.slide-in-and-out-and-fade-from-bottom-enter {
  transform: translate3d(0%, 100%, 0);
  opacity: 0;
}
.slide-in-and-out-and-fade-from-bottom-enter.slide-in-and-out-and-fade-from-bottom-enter-active {
  transform: translate3d(0%, 0%, 0);
  transition: all 400ms ease-in-out;
  opacity: 1;
}
.slide-in-and-out-and-fade-from-bottom-exit {
  transform: translate3d(0%, 0%, 0);
}
.slide-in-and-out-and-fade-from-bottom-exit.slide-in-and-out-and-fade-from-bottom-exit-active {
  pointer-events: none;
  transform: translate3d(0%, 100%, 0);
  transition: all 400ms ease-in-out;
  opacity: 0;
}
.slide-in-and-out-from-bottom-enter {
  transform: translate3d(0%, 100%, 0);
}
.slide-in-and-out-from-bottom-enter.slide-in-and-out-from-bottom-enter-active {
  transform: translate3d(0%, 0%, 0);
  transition: all 400ms ease-in-out;
}
.slide-in-and-out-from-bottom-exit {
  transform: translate3d(0%, 0%, 0);
}
.slide-in-and-out-from-bottom-exit.slide-in-and-out-from-bottom-exit-active {
  pointer-events: none;
  transform: translate3d(0%, 100%, 0);
  transition: all 400ms ease-in-out;
}
.slide-in-and-out-and-fade-from-left-enter {
  transform: translate3d(-100%, 0%, 0);
  opacity: 0;
}
.slide-in-and-out-and-fade-from-left-enter.slide-in-and-out-and-fade-from-left-enter-active {
  transform: translate3d(0%, 0%, 0);
  transition: all 400ms ease-in-out;
  opacity: 1;
}
.slide-in-and-out-and-fade-from-left-exit {
  transform: translate3d(0%, 0%, 0);
}
.slide-in-and-out-and-fade-from-left-exit.slide-in-and-out-and-fade-from-left-exit-active {
  pointer-events: none;
  transform: translate3d(-100%, 0%, 0);
  transition: all 400ms ease-in-out;
  opacity: 0;
}
.slide-in-and-out-from-left-enter {
  transform: translate3d(-100%, 0%, 0);
}
.slide-in-and-out-from-left-enter.slide-in-and-out-from-left-enter-active {
  transform: translate3d(0%, 0%, 0);
  transition: all 400ms ease-in-out;
}
.slide-in-and-out-from-left-exit {
  transform: translate3d(0%, 0%, 0);
}
.slide-in-and-out-from-left-exit.slide-in-and-out-from-left-exit-active {
  pointer-events: none;
  transform: translate3d(-100%, 0%, 0);
  transition: all 400ms ease-in-out;
}
.slide-in-and-out-and-fade-from-right-enter {
  transform: translate3d(100%, 0%, 0);
  opacity: 0;
}
.slide-in-and-out-and-fade-from-right-enter.slide-in-and-out-and-fade-from-right-enter-active {
  transform: translate3d(0%, 0%, 0);
  transition: all 400ms ease-in-out;
  opacity: 1;
}
.slide-in-and-out-and-fade-from-right-exit {
  transform: translate3d(0%, 0%, 0);
}
.slide-in-and-out-and-fade-from-right-exit.slide-in-and-out-and-fade-from-right-exit-active {
  pointer-events: none;
  transform: translate3d(100%, 0%, 0);
  transition: all 400ms ease-in-out;
  opacity: 0;
}
.slide-in-and-out-from-right-enter {
  transform: translate3d(100%, 0%, 0);
}
.slide-in-and-out-from-right-enter.slide-in-and-out-from-right-enter-active {
  transform: translate3d(0%, 0%, 0);
  transition: all 400ms ease-in-out;
}
.slide-in-and-out-from-right-exit {
  transform: translate3d(0%, 0%, 0);
}
.slide-in-and-out-from-right-exit.slide-in-and-out-from-right-exit-active {
  pointer-events: none;
  transform: translate3d(100%, 0%, 0);
  transition: all 400ms ease-in-out;
}
.slide-in-and-out-and-fade-from-top-enter {
  transform: translate3d(0%, -100%, 0);
  opacity: 0;
}
.slide-in-and-out-and-fade-from-top-enter.slide-in-and-out-and-fade-from-top-enter-active {
  transform: translate3d(0%, 0%, 0);
  transition: all 400ms ease-in-out;
  opacity: 1;
}
.slide-in-and-out-and-fade-from-top-exit {
  transform: translate3d(0%, 0%, 0);
}
.slide-in-and-out-and-fade-from-top-exit.slide-in-and-out-and-fade-from-top-exit-active {
  pointer-events: none;
  transform: translate3d(0%, -100%, 0);
  transition: all 400ms ease-in-out;
  opacity: 0;
}
.slide-in-and-out-from-top-enter {
  transform: translate3d(0%, -100%, 0);
}
.slide-in-and-out-from-top-enter.slide-in-and-out-from-top-enter-active {
  transform: translate3d(0%, 0%, 0);
  transition: all 400ms ease-in-out;
}
.slide-in-and-out-from-top-exit {
  transform: translate3d(0%, 0%, 0);
}
.slide-in-and-out-from-top-exit.slide-in-and-out-from-top-exit-active {
  pointer-events: none;
  transform: translate3d(0%, -100%, 0);
  transition: all 400ms ease-in-out;
}
.slide-in-from-bottom-overlapping-enter {
  opacity: 0;
  transform: translate3d(0%, 60%, 0);
}
.slide-in-from-bottom-overlapping-enter.slide-in-from-bottom-overlapping-enter-active {
  opacity: 1;
  transform: translate3d(0%, 0%, 0);
  transition: all 400ms ease-in-out;
}
.slide-in-from-bottom-overlapping-exit {
  opacity: 1;
  transform: translate3d(0%, 0%, 0);
}
.slide-in-from-bottom-overlapping-exit.slide-in-from-bottom-overlapping-exit-active {
  pointer-events: none;
  opacity: 0;
  transform: translate3d(0%, -60%, 0);
  transition: all 400ms ease-in-out;
}
.slide-in-from-left-overlapping-enter {
  opacity: 0;
  transform: translate3d(-60%, 0%, 0);
}
.slide-in-from-left-overlapping-enter.slide-in-from-left-overlapping-enter-active {
  opacity: 1;
  transform: translate3d(0%, 0%, 0);
  transition: all 400ms ease-in-out;
}
.slide-in-from-left-overlapping-exit {
  opacity: 1;
  transform: translate3d(0%, 0%, 0);
}
.slide-in-from-left-overlapping-exit.slide-in-from-left-overlapping-exit-active {
  pointer-events: none;
  opacity: 0;
  transform: translate3d(60%, 0%, 0);
  transition: all 400ms ease-in-out;
}
.slide-in-from-left-enter {
  transform: translate3d(-100%, 0%, 0);
}
.slide-in-from-left-enter.slide-in-from-left-enter-active {
  transform: translate3d(0%, 0%, 0);
  transition: all 400ms ease-in-out;
}
.slide-in-from-left-exit {
  transform: translate3d(0%, 0%, 0);
}
.slide-in-from-left-exit.slide-in-from-left-exit-active {
  pointer-events: none;
  transform: translate3d(100%, 0%, 0);
  transition: all 400ms ease-in-out;
}
.slide-in-from-right-overlapping-enter {
  opacity: 0;
  transform: translate3d(60%, 0%, 0);
}
.slide-in-from-right-overlapping-enter.slide-in-from-right-overlapping-enter-active {
  opacity: 1;
  transform: translate3d(0%, 0%, 0);
  transition: all 400ms ease-in-out;
}
.slide-in-from-right-overlapping-exit {
  opacity: 1;
  transform: translate3d(0%, 0%, 0);
}
.slide-in-from-right-overlapping-exit.slide-in-from-right-overlapping-exit-active {
  pointer-events: none;
  opacity: 0;
  transform: translate3d(-60%, 0%, 0);
  transition: all 400ms ease-in-out;
}
.slide-in-from-right-enter {
  transform: translate3d(100%, 0%, 0);
}
.slide-in-from-right-enter.slide-in-from-right-enter-active {
  transform: translate3d(0%, 0%, 0);
  transition: all 400ms ease-in-out;
}
.slide-in-from-right-exit {
  transform: translate3d(0%, 0%, 0);
}
.slide-in-from-right-exit.slide-in-from-right-exit-active {
  pointer-events: none;
  transform: translate3d(-100%, 0%, 0);
  transition: all 400ms ease-in-out;
}
.slide-in-from-top-overlapping-enter {
  opacity: 0;
  transform: translate3d(0%, -60%, 0);
}
.slide-in-from-top-overlapping-enter.slide-in-from-top-overlapping-enter-active {
  opacity: 1;
  transform: translate3d(0%, 0%, 0);
  transition: all 400ms ease-in-out;
}
.slide-in-from-top-overlapping-exit {
  opacity: 1;
  transform: translate3d(0%, 0%, 0);
}
.slide-in-from-top-overlapping-exit.slide-in-from-top-overlapping-exit-active {
  pointer-events: none;
  opacity: 0;
  transform: translate3d(0%, 60%, 0);
  transition: all 400ms ease-in-out;
}
#cc-main{background:transparent;color:var(--cc-primary-color);font-family:var(--cc-font-family);font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.15;position:relative;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;position:fixed;z-index:var(--cc-z-index)}#cc-main :after,#cc-main :before,#cc-main a,#cc-main button,#cc-main div,#cc-main h2,#cc-main input,#cc-main p,#cc-main span{all:unset;box-sizing:border-box}#cc-main .pm__badge,#cc-main button{all:initial;box-sizing:border-box;color:unset;visibility:unset}#cc-main .pm__badge,#cc-main a,#cc-main button,#cc-main input{-webkit-appearance:none;appearance:none;cursor:pointer;font-family:inherit;font-size:100%;line-height:normal;margin:0;outline:revert;outline-offset:2px;overflow:hidden}#cc-main table,#cc-main tbody,#cc-main td,#cc-main th,#cc-main thead,#cc-main tr{all:revert;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}:root{--cc-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--cc-modal-border-radius:.5rem;--cc-btn-border-radius:.4rem;--cc-modal-transition-duration:.25s;--cc-link-color:var(--cc-btn-primary-bg);--cc-modal-margin:1rem;--cc-z-index:2147483647;--cc-bg:#fff;--cc-primary-color:#2c2f31;--cc-secondary-color:#5e6266;--cc-btn-primary-bg:#30363c;--cc-btn-primary-color:#fff;--cc-btn-primary-border-color:var(--cc-btn-primary-bg);--cc-btn-primary-hover-bg:#000;--cc-btn-primary-hover-color:#fff;--cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);--cc-btn-secondary-bg:#eaeff2;--cc-btn-secondary-color:var(--cc-primary-color);--cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);--cc-btn-secondary-hover-bg:#d4dae0;--cc-btn-secondary-hover-color:#000;--cc-btn-secondary-hover-border-color:#d4dae0;--cc-separator-border-color:#f0f4f7;--cc-toggle-on-bg:var(--cc-btn-primary-bg);--cc-toggle-off-bg:#667481;--cc-toggle-on-knob-bg:#fff;--cc-toggle-off-knob-bg:var(--cc-toggle-on-knob-bg);--cc-toggle-enabled-icon-color:var(--cc-bg);--cc-toggle-disabled-icon-color:var(--cc-bg);--cc-toggle-readonly-bg:#d5dee2;--cc-toggle-readonly-knob-bg:#fff;--cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);--cc-section-category-border:var(--cc-cookie-category-block-bg);--cc-cookie-category-block-bg:#f0f4f7;--cc-cookie-category-block-border:#f0f4f7;--cc-cookie-category-block-hover-bg:#e9eff4;--cc-cookie-category-block-hover-border:#e9eff4;--cc-cookie-category-expanded-block-bg:transparent;--cc-cookie-category-expanded-block-hover-bg:#dee4e9;--cc-overlay-bg:rgba(0,0,0,.65);--cc-webkit-scrollbar-bg:var(--cc-section-category-border);--cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);--cc-footer-bg:var(--cc-btn-secondary-bg);--cc-footer-color:var(--cc-secondary-color);--cc-footer-border-color:#e4eaed;--cc-pm-toggle-border-radius:4em}#cc-main.cc--rtl{direction:rtl}#cc-main .cm__title,#cc-main a,#cc-main b,#cc-main em,#cc-main strong{font-weight:600}#cc-main button>span{pointer-events:none}#cc-main .cc__link,#cc-main a{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;font-weight:600;position:relative;transition:background-size .25s,color .25s ease}#cc-main .cc__link:hover,#cc-main a:hover{background-size:100% 1px;color:var(--cc-primary-color)}#cc-main .cc__link{color:var(--cc-link-color)}#cc-main .cm__desc,#cc-main .pm__body{overscroll-behavior:auto contain;scrollbar-width:thin}@media screen and (min-width:640px){#cc-main ::-webkit-scrollbar,#cc-main ::-webkit-scrollbar-thumb,#cc-main ::-webkit-scrollbar-track{all:revert}#cc-main ::-webkit-scrollbar-thumb{-webkit-background-clip:padding-box;background-clip:padding-box;background:var(--cc-toggle-readonly-bg);border:.25rem solid var(--cc-bg);border-radius:1rem}#cc-main ::-webkit-scrollbar-thumb:hover{background:var(--cc-toggle-off-bg)}#cc-main ::-webkit-scrollbar{background:transparent;width:12px}}html.disable--interaction.show--consent,html.disable--interaction.show--consent body{height:auto!important;overflow:hidden!important}@media (prefers-reduced-motion){#cc-main{--cc-modal-transition-duration:0s}}.cc--darkmode{--cc-bg:#161a1c;--cc-primary-color:#ebf3f6;--cc-secondary-color:#aebbc5;--cc-btn-primary-bg:#c2d0e0;--cc-btn-primary-color:var(--cc-bg);--cc-btn-primary-border-color:var(--cc-btn-primary-bg);--cc-btn-primary-hover-bg:#98a7b6;--cc-btn-primary-hover-color:#000;--cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);--cc-btn-secondary-bg:#242c31;--cc-btn-secondary-color:var(--cc-primary-color);--cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);--cc-btn-secondary-hover-bg:#353d43;--cc-btn-secondary-hover-color:#fff;--cc-btn-secondary-hover-border-color:var(--cc-btn-secondary-hover-bg);--cc-separator-border-color:#222a30;--cc-toggle-on-bg:var(--cc-btn-primary-bg);--cc-toggle-off-bg:#525f6b;--cc-toggle-on-knob-bg:var(--cc-btn-primary-color);--cc-toggle-off-knob-bg:var(--cc-btn-primary-color);--cc-toggle-enabled-icon-color:var(--cc-btn-primary-color);--cc-toggle-disabled-icon-color:var(--cc-btn-primary-color);--cc-toggle-readonly-bg:#343e45;--cc-toggle-readonly-knob-bg:#5f6b72;--cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);--cc-section-category-border:#1e2428;--cc-cookie-category-block-bg:#1e2428;--cc-cookie-category-block-border:var(--cc-section-category-border);--cc-cookie-category-block-hover-bg:#242c31;--cc-cookie-category-block-hover-border:#232a2f;--cc-cookie-category-expanded-block-bg:transparent;--cc-cookie-category-expanded-block-hover-bg:var(--cc-toggle-readonly-bg);--cc-overlay-bg:rgba(0,0,0,.65);--cc-webkit-scrollbar-bg:var(--cc-section-category-border);--cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);--cc-footer-bg:#0c0e0f;--cc-footer-color:var(--cc-secondary-color);--cc-footer-border-color:#060809}.cc--darkmode #cc-main{color-scheme:dark}#cc-main .cm{background:var(--cc-bg);border-radius:var(--cc-modal-border-radius);box-shadow:0 .625em 1.875em rgba(0,0,2,.3);display:flex;flex-direction:column;max-width:24rem;opacity:0;overflow:hidden;position:fixed;transform:translateY(1.6em);visibility:hidden;z-index:1}#cc-main .cm--top{top:var(--cc-modal-margin)}#cc-main .cm--middle{top:50%;transform:translateY(calc(-50% + 1.6em))}#cc-main .cm--bottom{bottom:var(--cc-modal-margin)}#cc-main .cm--center{left:var(--cc-modal-margin);margin:0 auto;right:var(--cc-modal-margin);width:unset}#cc-main .cm--left{left:var(--cc-modal-margin);margin-right:var(--cc-modal-margin)}#cc-main .cm--right{margin-left:var(--cc-modal-margin);right:var(--cc-modal-margin)}#cc-main .cm__body{display:flex;flex-direction:column;justify-content:space-between;position:relative}#cc-main .cm__btns,#cc-main .cm__links{padding:1rem 1.3rem;width:unset}#cc-main .cm__texts{display:flex;flex:1;flex-direction:column;justify-content:center;padding:1rem 0 0}#cc-main .cm__desc,#cc-main .cm__title{padding:0 1.3rem}#cc-main .cm__title{font-size:1.05em}#cc-main .cm__title+.cm__desc{margin-top:1.1em}#cc-main .cm__desc{color:var(--cc-secondary-color);font-size:.9em;line-height:1.5;max-height:40vh;overflow-x:visible;overflow-y:auto;padding-bottom:1em}#cc-main .cm__btns{border-top:1px solid var(--cc-separator-border-color);display:flex;flex-direction:column;justify-content:center}#cc-main .cm__btn-group{display:grid;grid-auto-columns:minmax(0,1fr)}#cc-main .cm__btn+.cm__btn,#cc-main .cm__btn-group+.cm__btn-group{margin-top:.375rem}#cc-main .cm--flip .cm__btn+.cm__btn,#cc-main .cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem;margin-top:0}#cc-main .cm--inline .cm__btn+.cm__btn{margin-left:.375rem;margin-top:0}#cc-main .cm--inline.cm--flip .cm__btn+.cm__btn{margin-bottom:0;margin-left:0;margin-right:.375rem}#cc-main .cm--inline.cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem;margin-right:0}#cc-main .cm--wide .cm__btn+.cm__btn,#cc-main .cm--wide .cm__btn-group+.cm__btn-group{margin-left:.375rem;margin-top:0}#cc-main .cm--wide.cm--flip .cm__btn+.cm__btn,#cc-main .cm--wide.cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:0;margin-right:.375rem}#cc-main .cm--bar:not(.cm--inline) .cm__btn-group--uneven,#cc-main .cm--wide .cm__btn-group--uneven{display:flex;flex:1;justify-content:space-between}#cc-main .cm--bar:not(.cm--inline).cm--flip .cm__btn-group--uneven,#cc-main .cm--wide.cm--flip .cm__btn-group--uneven{flex-direction:row-reverse}#cc-main .cm__btn{background:var(--cc-btn-primary-bg);border:1px solid var(--cc-btn-primary-border-color);border-radius:var(--cc-btn-border-radius);color:var(--cc-btn-primary-color);font-size:.82em;font-weight:600;min-height:42px;padding:.5em 1em;text-align:center}#cc-main .cm__btn:hover{background:var(--cc-btn-primary-hover-bg);border-color:var(--cc-btn-primary-hover-border-color);color:var(--cc-btn-primary-hover-color)}#cc-main .cm__btn--secondary{background:var(--cc-btn-secondary-bg);border-color:var(--cc-btn-secondary-border-color);color:var(--cc-btn-secondary-color)}#cc-main .cm__btn--secondary:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color);color:var(--cc-btn-secondary-hover-color)}#cc-main .cm__btn--close{border-radius:0;border-bottom-left-radius:var(--cc-btn-border-radius);border-right:none;border-top:none;display:none;font-size:1em;height:42px;min-width:auto!important;overflow:hidden;padding:0!important;position:absolute;right:0;top:0;width:42px}#cc-main .cm__btn--close svg{stroke:var(--cc-btn-primary-color);transform:scale(.5);transition:stroke .15s ease}#cc-main .cm__btn--close:hover svg{stroke:var(--cc-btn-primary-hover-color)}#cc-main .cm__btn--close.cm__btn--secondary svg{stroke:var(--cc-btn-secondary-color)}#cc-main .cm__btn--close.cm__btn--secondary:hover svg{stroke:var(--cc-btn-secondary-hover-color)}#cc-main .cm__btn--close+.cm__texts .cm__title{padding-right:3rem}#cc-main .cm--inline .cm__btn-group{grid-auto-flow:column}#cc-main .cm__footer{background:var(--cc-footer-bg);border-top:1px solid var(--cc-footer-border-color);color:var(--cc-footer-color);padding:.4em 0 .5em}#cc-main .cm__links{display:flex;flex-direction:row;padding-bottom:0;padding-top:0}#cc-main .cm__link-group{display:flex;flex-direction:row;font-size:.8em;width:100%}#cc-main .cm__link-group>*+*{margin-left:1.3rem}#cc-main .cm--flip .cm__btn:last-child{grid-row:1}#cc-main .cm--inline.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--box .cm__btn--close{display:block}#cc-main .cm--box.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cm--box.cm--wide{max-width:36em}#cc-main .cm--box.cm--wide .cm__btns{flex-direction:row;justify-content:space-between}#cc-main .cm--box.cm--wide .cm__btn-group{grid-auto-flow:column}#cc-main .cm--box.cm--wide .cm__btn{min-width:120px;padding-left:1.8em;padding-right:1.8em}#cc-main .cm--box.cm--wide.cm--flip .cm__btns{flex-direction:row-reverse}#cc-main .cm--box.cm--wide.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--cloud{max-width:54em;width:unset}#cc-main .cm--cloud .cm__body{flex-direction:row}#cc-main .cm--cloud .cm__texts{flex:1}#cc-main .cm--cloud .cm__desc{max-height:9.4em}#cc-main .cm--cloud .cm__btns{border-left:1px solid var(--cc-separator-border-color);border-top:none;max-width:23em}#cc-main .cm--cloud .cm__btn-group{flex-direction:column}#cc-main .cm--cloud .cm__btn{min-width:19em}#cc-main .cm--cloud.cm--flip .cm__btn-group,#cc-main .cm--cloud.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cm--cloud.cm--inline .cm__btn-group{flex-direction:row}#cc-main .cm--cloud.cm--inline .cm__btn{min-width:10em}#cc-main .cm--cloud.cm--inline.cm--flip .cm__btn-group{flex-direction:row-reverse}#cc-main .cm--bar{border-radius:0;left:0;margin:0;max-width:unset;opacity:1;right:0;transform:translateY(0);width:100vw;--cc-modal-transition-duration:.35s}#cc-main .cm--bar.cm--top{top:0;transform:translateY(-100%)}#cc-main .cm--bar.cm--bottom{bottom:0;transform:translateY(100%)}#cc-main .cm--bar .cm__body,#cc-main .cm--bar .cm__links{margin:0 auto;max-width:55em;width:100%}#cc-main .cm--bar .cm__body{padding:.5em 0 .9em}#cc-main .cm--bar .cm__btns{border-top:none;flex-direction:row;justify-content:space-between}#cc-main .cm--bar .cm__btn-group{grid-auto-flow:column}#cc-main .cm--bar:not(.cm--inline) .cm__btn+.cm__btn,#cc-main .cm--bar:not(.cm--inline) .cm__btn-group+.cm__btn-group{margin-left:.375rem;margin-top:0}#cc-main .cm--bar .cm__btn{min-width:120px;padding-left:2em;padding-right:2em}#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn+.cm__btn,#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn-group+.cm__btn-group{margin-bottom:0;margin-left:0;margin-right:.375rem}#cc-main .cm--bar.cm--flip .cm__btns{flex-direction:row-reverse}#cc-main .cm--bar.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--bar.cm--inline .cm__body,#cc-main .cm--bar.cm--inline .cm__links{max-width:74em}#cc-main .cm--bar.cm--inline .cm__body{flex-direction:row;padding:0}#cc-main .cm--bar.cm--inline .cm__btns{flex-direction:column;justify-content:center;max-width:23em}#cc-main .cm--bar.cm--inline.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cc--anim .cm,#cc-main .cc--anim.cm-wrapper:before{transition:opacity var(--cc-modal-transition-duration) ease,visibility var(--cc-modal-transition-duration) ease,transform var(--cc-modal-transition-duration) ease}#cc-main .cc--anim .cm__btn,#cc-main .cc--anim .cm__close{transition:background-color .15s ease,border-color .15s ease,color .15s ease}.disable--interaction #cc-main .cm-wrapper:before{background:var(--cc-overlay-bg);bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:0}.show--consent #cc-main .cc--anim .cm{opacity:1;transform:translateY(0);visibility:visible!important}.show--consent #cc-main .cc--anim .cm--middle{transform:translateY(-50%)}.show--consent #cc-main .cc--anim .cm--bar{transform:translateY(0)}.show--consent #cc-main .cc--anim.cm-wrapper:before{opacity:1;visibility:visible}#cc-main.cc--rtl .cm__btn--close{border-bottom-left-radius:unset;border-bottom-right-radius:var(--cc-btn-border-radius);left:0;right:unset}#cc-main.cc--rtl .cm__btn--close+.cm__texts .cm__title{padding-left:3rem!important;padding-right:1.3rem}#cc-main.cc--rtl .cm--inline .cm__btn+.cm__btn{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .cm--inline.cm--flip .cm__btn+.cm__btn{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn-group+.cm__btn-group,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn-group+.cm__btn-group{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar.cm--flip .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide.cm--flip .cm__btn+.cm__btn{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .cm__link-group>*+*{margin-left:0;margin-right:1.3rem}@media screen and (max-width:640px){#cc-main{--cc-modal-margin:.5em}#cc-main .cm{max-width:none!important;width:auto!important}#cc-main .cm__body{flex-direction:column!important;padding:0!important}#cc-main .cm__btns,#cc-main .cm__desc,#cc-main .cm__links,#cc-main .cm__title{padding-left:1.1rem!important;padding-right:1.1rem!important}#cc-main .cm__btns{border-left:none!important;border-top:1px solid var(--cc-separator-border-color)!important;flex-direction:column!important;max-width:none!important;min-width:auto!important}#cc-main .cm__btn+.cm__btn,#cc-main .cm__btn-group+.cm__btn-group{margin:.375rem 0 0!important}#cc-main .cm--flip .cm__btn+.cm__btn,#cc-main .cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem!important;margin-top:0!important}#cc-main .cm__btn-group{display:flex!important;flex-direction:column!important;min-width:auto!important}#cc-main .cm__btn{flex:auto!important}#cc-main .cm__link-group{justify-content:center!important}#cc-main .cm--flip .cm__btn-group,#cc-main .cm--flip .cm__btns{flex-direction:column-reverse!important}}#cc-main .pm-wrapper{position:relative;z-index:2}#cc-main .pm{background:var(--cc-bg);border-radius:var(--cc-modal-border-radius);box-shadow:0 .625em 1.875em rgba(0,0,2,.3);display:flex;flex-direction:column;opacity:0;overflow:hidden;position:fixed;visibility:hidden;width:100%;width:unset;z-index:1}#cc-main svg{fill:none;width:100%}#cc-main .pm__body,#cc-main .pm__footer,#cc-main .pm__header{padding:1em 1.4em}#cc-main .pm__header{align-items:center;border-bottom:1px solid var(--cc-separator-border-color);display:flex;justify-content:space-between}#cc-main .pm__title{align-items:center;display:flex;flex:1;font-weight:600;margin-right:2em}#cc-main .pm__close-btn{background:var(--cc-btn-secondary-bg);border:1px solid var(--cc-btn-secondary-border-color);border-radius:var(--cc-btn-border-radius);height:40px;position:relative;transition:all .15s ease;width:40px}#cc-main .pm__close-btn span{display:flex;height:100%;width:100%}#cc-main .pm__close-btn svg{stroke:var(--cc-btn-secondary-color);transform:scale(.5);transition:stroke .15s ease}#cc-main .pm__close-btn:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color)}#cc-main .pm__close-btn:hover svg{stroke:var(--cc-btn-secondary-hover-color)}#cc-main .pm__body{flex:1;overflow-y:auto;overflow-y:overlay}#cc-main .pm__section,#cc-main .pm__section--toggle{border-radius:var(--cc-btn-border-radius);display:flex;flex-direction:column;margin-bottom:.5em}#cc-main .pm__section--toggle .pm__section-desc-wrapper{border:1px solid var(--cc-cookie-category-block-border);border-radius:var(--cc-btn-border-radius);border-top:none;border-top-left-radius:0;border-top-right-radius:0;display:none;margin-top:0!important;overflow:hidden}#cc-main .pm__section{border:1px solid var(--cc-separator-border-color);padding:1em;transition:background-color .25s ease,border-color .25s ease}#cc-main .pm__section:first-child{border:none;margin-bottom:2em;margin-top:0;padding:0;transition:none}#cc-main .pm__section:not(:first-child):hover{background:var(--cc-cookie-category-block-bg);border-color:var(--cc-cookie-category-block-border)}#cc-main .pm__section-toggles+.pm__section{margin-top:2em}#cc-main .pm__section--toggle{background:var(--cc-cookie-category-block-bg);border-top:none;margin-bottom:.375rem}#cc-main .pm__section--toggle .pm__section-title{align-items:center;background:var(--cc-cookie-category-block-bg);border:1px solid var(--cc-cookie-category-block-border);display:flex;justify-content:space-between;min-height:58px;padding:1.1em 5.4em 1.1em 1.2em;position:relative;transition:background-color .25s ease,border-color .25s ease;width:100%}#cc-main .pm__section--toggle .pm__section-title:hover{background:var(--cc-cookie-category-block-hover-bg);border-color:var(--cc-cookie-category-block-hover-border)}#cc-main .pm__section--toggle .pm__section-desc{margin-top:0;padding:1em}#cc-main .pm__section--toggle.is-expanded{--cc-cookie-category-block-bg:var(--cc-cookie-category-expanded-block-bg);--cc-cookie-category-block-border:var(--cc-cookie-category-expanded-block-hover-bg)}#cc-main .pm__section--toggle.is-expanded .pm__section-title{border-bottom-left-radius:0;border-bottom-right-radius:0}#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg{transform:scale(.5) rotate(180deg)}#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper{display:flex}#cc-main .pm__section--expandable .pm__section-title{cursor:pointer;padding-left:3.4em}#cc-main .pm__section--expandable .pm__section-arrow{background:var(--cc-toggle-readonly-bg);border-radius:100%;display:flex;height:20px;justify-content:center;left:18px;pointer-events:none;position:absolute;width:20px}#cc-main .pm__section--expandable .pm__section-arrow svg{stroke:var(--cc-btn-secondary-color);transform:scale(.5)}#cc-main .pm__section-title-wrapper{align-items:center;display:flex;position:relative}#cc-main .pm__section-title-wrapper+.pm__section-desc-wrapper{margin-top:.85em}#cc-main .pm__section-title{border-radius:var(--cc-btn-border-radius);font-size:.95em;font-weight:600}#cc-main .pm__badge{align-items:center;background:var(--cc-btn-secondary-bg);border-radius:5em;color:var(--cc-secondary-color);display:flex;flex:none;font-size:.8em;font-weight:600;height:23px;justify-content:center;margin-left:1em;min-width:23px;overflow:hidden;padding:0 .6em 1px;position:relative;text-align:center;white-space:nowrap;width:auto}#cc-main .pm__service-counter{background:var(--cc-btn-primary-bg);color:var(--cc-btn-primary-color);padding:0;width:23px}#cc-main .pm__service-counter[data-counterlabel]{padding:0 .6em 1px;width:auto}#cc-main .section__toggle,#cc-main .section__toggle-wrapper,#cc-main .toggle__icon,#cc-main .toggle__label{border-radius:var(--cc-pm-toggle-border-radius);height:23px;transform:translateZ(0);width:50px}#cc-main .section__toggle-wrapper{cursor:pointer;position:absolute;right:18px;z-index:1}#cc-main .toggle-service{height:19px;position:relative;right:0;width:42px}#cc-main .toggle-service .section__toggle,#cc-main .toggle-service .toggle__icon,#cc-main .toggle-service .toggle__label{height:19px;width:42px}#cc-main .toggle-service .toggle__icon{position:relative}#cc-main .toggle-service .toggle__icon-circle{height:19px;width:19px}#cc-main .toggle-service .section__toggle:checked~.toggle__icon .toggle__icon-circle{transform:translateX(23px)}#cc-main .pm__section--toggle:nth-child(2) .section__toggle-wrapper:after{display:none!important}#cc-main .section__toggle{border:0;cursor:pointer;display:block;left:0;margin:0;position:absolute;top:0}#cc-main .section__toggle:disabled{cursor:not-allowed}#cc-main .toggle__icon{background:var(--cc-toggle-off-bg);box-shadow:0 0 0 1px var(--cc-toggle-off-bg);display:flex;flex-direction:row;pointer-events:none;position:absolute;transition:all .25s ease}#cc-main .toggle__icon-circle{background:var(--cc-toggle-off-knob-bg);border:none;border-radius:var(--cc-pm-toggle-border-radius);box-shadow:0 1px 2px rgba(24,32,3,.36);display:block;height:23px;left:0;position:absolute;top:0;transition:transform .25s ease,background-color .25s ease;width:23px}#cc-main .toggle__icon-off,#cc-main .toggle__icon-on{height:100%;position:absolute;transition:opacity .15s ease;width:100%}#cc-main .toggle__icon-on{opacity:0;transform:rotate(45deg)}#cc-main .toggle__icon-on svg{stroke:var(--cc-toggle-on-bg);transform:scale(.55) rotate(-45deg)}#cc-main .toggle__icon-off{opacity:1}#cc-main .toggle__icon-off svg{stroke:var(--cc-toggle-off-bg);transform:scale(.55)}#cc-main .section__toggle:checked~.toggle__icon{background:var(--cc-toggle-on-bg);box-shadow:0 0 0 1px var(--cc-toggle-on-bg)}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-circle{background-color:var(--cc-toggle-on-knob-bg);transform:translateX(27px)}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-on{opacity:1}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-off{opacity:0}#cc-main .section__toggle:checked:disabled~.toggle__icon{background:var(--cc-toggle-readonly-bg);box-shadow:0 0 0 1px var(--cc-toggle-readonly-bg)}#cc-main .section__toggle:checked:disabled~.toggle__icon .toggle__icon-circle{background:var(--cc-toggle-readonly-knob-bg);box-shadow:none}#cc-main .section__toggle:checked:disabled~.toggle__icon svg{stroke:var(--cc-toggle-readonly-knob-icon-color)}#cc-main .toggle__label{opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:0;z-index:-1}#cc-main .pm__section-desc-wrapper{color:var(--cc-secondary-color);display:flex;flex-direction:column;font-size:.9em}#cc-main .pm__section-desc-wrapper>:not(:last-child){border-bottom:1px solid var(--cc-cookie-category-block-border)}#cc-main .pm__section-services{display:flex;flex-direction:column}#cc-main .pm__service{align-items:center;display:flex;justify-content:space-between;padding:.4em 1.2em;position:relative;transition:background-color .15s ease}#cc-main .pm__service:hover{background-color:var(--cc-cookie-category-block-hover-bg)}#cc-main .pm__service-header{align-items:center;display:flex;margin-right:1em;width:100%}#cc-main .pm__service-icon{border:2px solid;border-radius:100%;height:8px;margin-left:6px;margin-right:20px;margin-top:1px;min-width:8px}#cc-main .pm__service-title{font-size:.95em;width:100%;word-break:break-word}#cc-main .pm__section-desc{line-height:1.5em}#cc-main .pm__section-table{border-collapse:collapse;font-size:.9em;margin:0;overflow:hidden;padding:0;text-align:left;width:100%}#cc-main .pm__table-caption{text-align:left}#cc-main .pm__table-caption,#cc-main .pm__table-head>tr{border-bottom:1px dashed var(--cc-separator-border-color);color:var(--cc-primary-color);font-weight:600}#cc-main .pm__table-tr{transition:background-color .15s ease}#cc-main .pm__table-tr:hover{background:var(--cc-cookie-category-block-hover-bg)}#cc-main .pm__table-caption,#cc-main .pm__table-td,#cc-main .pm__table-th{padding:.625em .625em .625em 1.2em;vertical-align:top}#cc-main .pm__footer{border-top:1px solid var(--cc-separator-border-color);display:flex;justify-content:space-between}#cc-main .pm__btn-group{display:flex}#cc-main .pm__btn+.pm__btn,#cc-main .pm__btn-group+.pm__btn-group{margin-left:.375rem}#cc-main .pm--flip .pm__btn+.pm__btn,#cc-main .pm--flip .pm__btn-group+.pm__btn-group{margin-left:0;margin-right:.375rem}#cc-main .pm__btn{background:var(--cc-btn-primary-bg);border:1px solid var(--cc-btn-primary-border-color);border-radius:var(--cc-btn-border-radius);color:var(--cc-btn-primary-color);flex:auto;font-size:.82em;font-weight:600;min-height:42px;min-width:110px;padding:.5em 1.5em;text-align:center;transition:background-color .15s ease,border-color .15s ease,color .15s ease}#cc-main .pm__btn:hover{background:var(--cc-btn-primary-hover-bg);border-color:var(--cc-btn-primary-hover-border-color);color:var(--cc-btn-primary-hover-color)}#cc-main .pm__btn--secondary{background:var(--cc-btn-secondary-bg);border-color:var(--cc-btn-secondary-border-color);color:var(--cc-btn-secondary-color)}#cc-main .pm__btn--secondary:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color);color:var(--cc-btn-secondary-hover-color)}#cc-main .pm--box{height:calc(100% - 2em);left:var(--cc-modal-margin);margin:0 auto;max-height:37.5em;max-width:43em;right:var(--cc-modal-margin);top:50%;transform:translateY(calc(-50% + 1.6em))}#cc-main .pm--box.pm--flip .pm__btn-group,#cc-main .pm--box.pm--flip .pm__footer{flex-direction:row-reverse}#cc-main .pm--bar{border-radius:0;bottom:0;height:100%;margin:0;max-height:none;max-width:29em;opacity:1;top:0;width:100%;--cc-modal-transition-duration:.35s}#cc-main .pm--bar .pm__section-table,#cc-main .pm--bar .pm__table-body,#cc-main .pm--bar .pm__table-td,#cc-main .pm--bar .pm__table-th,#cc-main .pm--bar .pm__table-tr{display:block}#cc-main .pm--bar .pm__table-head{display:none}#cc-main .pm--bar .pm__table-caption{display:block}#cc-main .pm--bar .pm__table-tr:not(:last-child){border-bottom:1px solid var(--cc-separator-border-color)}#cc-main .pm--bar .pm__table-td{display:flex;justify-content:space-between}#cc-main .pm--bar .pm__table-td:before{color:var(--cc-primary-color);content:attr(data-column);flex:1;font-weight:600;min-width:100px;overflow:hidden;padding-right:2em;text-overflow:ellipsis}#cc-main .pm--bar .pm__table-td>div{flex:3}#cc-main .pm--bar:not(.pm--wide) .pm__body,#cc-main .pm--bar:not(.pm--wide) .pm__footer,#cc-main .pm--bar:not(.pm--wide) .pm__header{padding:1em 1.3em}#cc-main .pm--bar:not(.pm--wide) .pm__btn-group,#cc-main .pm--bar:not(.pm--wide) .pm__footer{flex-direction:column}#cc-main .pm--bar:not(.pm--wide) .pm__btn+.pm__btn,#cc-main .pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group{margin:.375rem 0 0}#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group,#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__footer{flex-direction:column-reverse}#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn+.pm__btn,#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group+.pm__btn-group{margin-bottom:.375rem;margin-top:0}#cc-main .pm--bar:not(.pm--wide) .pm__badge{display:none}#cc-main .pm--bar.pm--left{left:0;transform:translateX(-100%)}#cc-main .pm--bar.pm--right{right:0;transform:translateX(100%)}#cc-main .pm--bar.pm--wide{max-width:35em}#cc-main .pm--bar.pm--wide .pm__body,#cc-main .pm--bar.pm--wide .pm__footer,#cc-main .pm--bar.pm--wide .pm__header{padding:1em 1.4em}#cc-main .pm--bar.pm--wide.pm--flip .pm__btn-group,#cc-main .pm--bar.pm--wide.pm--flip .pm__footer{flex-direction:row-reverse}#cc-main .pm-overlay{background:var(--cc-overlay-bg);bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:1}#cc-main .cc--anim .pm,#cc-main .cc--anim .pm-overlay{transition:opacity var(--cc-modal-transition-duration) ease,visibility var(--cc-modal-transition-duration) ease,transform var(--cc-modal-transition-duration) ease}.show--preferences #cc-main .cc--anim .pm{opacity:1;visibility:visible!important}.show--preferences #cc-main .cc--anim .pm--box{transform:translateY(-50%)}.show--preferences #cc-main .cc--anim .pm--bar{transform:translateX(0)}.show--preferences #cc-main .cc--anim .pm-overlay{opacity:1;visibility:visible}#cc-main.cc--rtl .pm__service-header{margin-left:1em;margin-right:0}#cc-main.cc--rtl .pm__section-arrow{left:unset;right:18px}#cc-main.cc--rtl .section__toggle-wrapper{left:18px;right:unset;transform-origin:left}#cc-main.cc--rtl .toggle-service{left:0}#cc-main.cc--rtl .pm__service-icon{margin-left:20px;margin-right:5px}#cc-main.cc--rtl .pm__section--toggle .pm__section-title{padding-left:5.4em;padding-right:1.2em}#cc-main.cc--rtl .pm__section--expandable .pm__section-title{padding-right:3.4em}#cc-main.cc--rtl .pm__badge{margin-left:unset;margin-right:1em}#cc-main.cc--rtl .toggle__icon-circle{transform:translateX(27px)}#cc-main.cc--rtl .toggle-service .toggle__icon-circle{transform:translateX(23px)}#cc-main.cc--rtl .section__toggle:checked~.toggle__icon .toggle__icon-circle{transform:translateX(0)}#cc-main.cc--rtl .pm__table-td,#cc-main.cc--rtl .pm__table-th{padding-left:unset;padding-right:1.2em;text-align:right}#cc-main.cc--rtl .pm__table-td{padding-left:unset;padding-right:1.2em}#cc-main.cc--rtl .pm__table-td:before{padding-left:2em;padding-right:unset}#cc-main.cc--rtl .pm__btn+.pm__btn,#cc-main.cc--rtl .pm__btn-group+.pm__btn-group{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .pm--flip .pm__btn+.pm__btn,#cc-main.cc--rtl .pm--flip .pm__btn-group+.pm__btn-group{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn+.pm__btn,#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group{margin-left:0}@media screen and (max-width:640px){#cc-main .pm{border-radius:0;bottom:0;height:auto;left:0;max-height:100%;max-width:none!important;right:0;top:0;transform:translateY(1.6em)}#cc-main .pm__body,#cc-main .pm__footer,#cc-main .pm__header{padding:.9em!important}#cc-main .pm__badge{display:none}#cc-main .pm__section-table,#cc-main .pm__table-body,#cc-main .pm__table-caption,#cc-main .pm__table-td,#cc-main .pm__table-th,#cc-main .pm__table-tr{display:block}#cc-main .pm__table-head{display:none}#cc-main .pm__table-tr:not(:last-child){border-bottom:1px solid var(--cc-separator-border-color)}#cc-main .pm__table-td{display:flex;justify-content:space-between}#cc-main .pm__table-td:before{color:var(--cc-primary-color);content:attr(data-column);flex:1;font-weight:600;min-width:100px;overflow:hidden;padding-right:2em;text-overflow:ellipsis}#cc-main .pm__table-td>div{flex:3}#cc-main .pm__btn-group,#cc-main .pm__footer{flex-direction:column!important}#cc-main .pm__btn-group{display:flex!important}#cc-main .pm__btn+.pm__btn,#cc-main .pm__btn-group+.pm__btn-group{margin:.375rem 0 0!important}#cc-main .pm--flip .pm__btn+.pm__btn,#cc-main .pm--flip .pm__btn-group+.pm__btn-group{margin-bottom:.375rem!important;margin-top:0!important}#cc-main .pm--flip .pm__btn-group,#cc-main .pm--flip .pm__footer{flex-direction:column-reverse!important}.show--preferences #cc-main .cc--anim .pm{transform:translateY(0)!important}}
.ripple-page > div.empty-page-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  color: grey;
}
:focus-visible {
  outline: 5px solid orange;
  outline-offset: 2px;
}


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