@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}
@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    -ms-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    -ms-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(48px);
    transform: scale(0.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    -ms-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(48px);
    -ms-transform: scale(0.475) translateX(48px);
    transform: scale(0.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-48px);
    transform: scale(0.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    -ms-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-48px);
    -ms-transform: scale(0.475) translateX(-48px);
    transform: scale(0.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    -ms-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    -ms-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    -ms-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    -ms-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(42px);
    transform: scale(0.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(42px);
    -ms-transform: scale(0.475) translateX(42px);
    transform: scale(0.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    -ms-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-42px);
    transform: scale(0.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-42px);
    -ms-transform: scale(0.475) translateX(-42px);
    transform: scale(0.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    -ms-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    -ms-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    -ms-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
.contain {
  max-width: 1100px;
  margin: 0 auto;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/*  Alignment
  ============================= */
.center-aligned {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.center {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.v-center {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.space-between {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/*  Misc
  ============================= */
.containerFixed {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.no-text-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cursor-grabbing {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
/*  Cross Browser Helpers
  ============================= */
.fillBackground {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/*  Spinning
  ============================= */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
  }
}
/*  Filters
  ============================= */
/* Shapes
  ============================= */
/* Placeholders
  ============================= */
/* Slider Thumb Styling
  ============================= */
/* Link Styling
  ============================= */
.link-styler {
  color: #00524c;
  padding-bottom: 3px;
  border-bottom: 2px solid rgba(0, 133, 123, 0.3);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  cursor: pointer;
}
.link-styler:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
/* Animation Staggering
============================== */
/* Accessibility
  ============================= */
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  word-wrap: normal;
}
/* Media
  ============================= */
.small > svg,
svg.small {
  height: 16px;
  width: 16px;
}
.medium > svg,
svg.medium {
  height: 24px;
  width: 24px;
}
.large > svg,
svg.large {
  height: 32px;
  width: 32px;
}
.extra-large > svg,
svg.extra-large {
  height: 60px;
  width: 60px;
}
.extra-extra-large > svg,
svg.extra-extra-large {
  height: 75px;
  width: 75px;
}
.very-small > svg,
.micro > svg,
svg.very-small,
svg.micro {
  height: 8px;
  width: 8px;
}
.mini > svg,
svg.mini {
  height: 10px;
  width: 10px;
}
.milli > svg,
svg.milli {
  height: 12px;
  width: 12px;
}
.centi > svg,
svg.centi {
  height: 14px;
  width: 14px;
}
.sans {
  font-family: "calibre-legacy", sans-serif;
}
.open-sans {
  font-family: "calibre-legacy", sans-serif;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-Regular.eot");
  src: url("/Assets/fonts/CalibreWeb-Regular.eot?#iefix") format("embedded-opentype"), url("/Assets/fonts/CalibreWeb-Regular.woff2") format("woff2"), url("/Assets/fonts/CalibreWeb-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-RegularItalic.eot");
  src: url("/Assets/fonts/CalibreWeb-RegularItalic.eot?#iefix") format("embedded-opentype"), url("/Assets/fonts/CalibreWeb-RegularItalic.woff2") format("woff2"), url("/Assets/fonts/CalibreWeb-RegularItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-RegularItalic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-Medium.eot");
  src: url("/Assets/fonts/CalibreWeb-Medium.eot?#iefix") format("embedded-opentype"), url("/Assets/fonts/CalibreWeb-Medium.woff2") format("woff2"), url("/Assets/fonts/CalibreWeb-Medium.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-Medium.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-MediumItalic.eot");
  src: url("/Assets/fonts/CalibreWeb-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/Assets/fonts/CalibreWeb-MediumItalic.woff2") format("woff2"), url("/Assets/fonts/CalibreWeb-MediumItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-MediumItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-Semibold.eot");
  src: url("/Assets/fonts/CalibreWeb-Semibold.eot?#iefix") format("embedded-opentype"), url("/Assets/fonts/CalibreWeb-Semibold.woff2") format("woff2"), url("/Assets/fonts/CalibreWeb-Semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-Semibold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-SemiboldItalic.eot");
  src: url("/Assets/fonts/CalibreWeb-SemiboldItalic.eot?#iefix") format("embedded-opentype"), url("/Assets/fonts/CalibreWeb-SemiboldItalic.woff2") format("woff2"), url("/Assets/fonts/CalibreWeb-SemiboldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-SemiboldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "bullet";
  src: url("/Assets/fonts/bullet/bullet.eot");
  src: url("/Assets/fonts/bullet/bullet.eot?#iefix") format("embedded-opentype"), url("/Assets/fonts/bullet/bullet.woff") format("woff");
}
.calibre {
  font-family: "calibre-legacy", sans-serif;
}
.italic {
  font-style: italic;
}
.light {
  font-weight: 300;
}
.regular {
  font-weight: 400;
}
.medium {
  font-weight: 600;
}
.semi-bold {
  font-weight: 600;
}
.bold {
  font-weight: 700;
}
body {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.fade-enter {
  opacity: 0.01;
}
.fade-enter.fade-enter-active {
  opacity: 1;
  -webkit-transition: opacity 200ms ease-out;
  -moz-transition: opacity 200ms ease-out;
  -o-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
  -webkit-transition: opacity 200ms ease-out, X;
  -moz-transition: opacity 200ms ease-out, X;
  -o-transition: opacity 200ms ease-out, X;
  transition: opacity 200ms ease-out, X;
}
.fade-leave {
  opacity: 1;
}
.fade-leave.fade-leave-active {
  opacity: 0.01;
  -webkit-transition: opacity 200ms ease-out;
  -moz-transition: opacity 200ms ease-out;
  -o-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
  -webkit-transition: opacity 200ms ease-out, X;
  -moz-transition: opacity 200ms ease-out, X;
  -o-transition: opacity 200ms ease-out, X;
  transition: opacity 200ms ease-out, X;
}
.fade.ng-enter {
  opacity: 0;
  -webkit-transition: opacity 200ms ease-out;
  -moz-transition: opacity 200ms ease-out;
  -o-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
  -webkit-transition: opacity 200ms ease-out, X;
  -moz-transition: opacity 200ms ease-out, X;
  -o-transition: opacity 200ms ease-out, X;
  transition: opacity 200ms ease-out, X;
}
.fade.ng-enter.ng-enter-active {
  opacity: 1;
}
.fade.ng-leave {
  opacity: 1;
  -webkit-transition: opacity 200ms ease-out;
  -moz-transition: opacity 200ms ease-out;
  -o-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
  -webkit-transition: opacity 200ms ease-out, X;
  -moz-transition: opacity 200ms ease-out, X;
  -o-transition: opacity 200ms ease-out, X;
  transition: opacity 200ms ease-out, X;
}
.fade.ng-leave.ng-leave-active {
  opacity: 0;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes load8{ 0% {   -webkit-transform: rotate(0deg); } 100% {   -webkit-transform: rotate(360deg); }}
@-moz-keyframes load8{ 0% {   -moz-transform: rotate(0deg); } 100% {   -moz-transform: rotate(360deg); }}
@-o-keyframes load8{ 0% {   -o-transform: rotate(0deg); } 100% {   -o-transform: rotate(360deg); }}
@keyframes load8{ 0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); } 100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg); };
}
.circle-loader {
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 5px solid rgba(0, 133, 123, 0.2);
  border-left: 5px solid #00857b;
  -webkit-animation: load8 1.1s infinite ease-out;
  -moz-animation: load8 1.1s infinite ease-out;
  -o-animation: load8 1.1s infinite ease-out;
  animation: load8 1.1s infinite ease-out;
  -webkit-animation: load8 1.1s infinite ease-out, X;
  -moz-animation: load8 1.1s infinite ease-out, X;
  -o-animation: load8 1.1s infinite ease-out, X;
  animation: load8 1.1s infinite ease-out, X;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.bounce-up {
  -webkit-animation-name: bounce-up;
  -moz-animation-name: bounce-up;
  -o-animation-name: bounce-up;
  animation-name: bounce-up;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -o-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -moz-animation: none;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes bounce-up{ 0% {   -webkit-transform: translateY(8px); } 100% {   -webkit-transform: translateY(0px); }}
@-moz-keyframes bounce-up{ 0% {   -moz-transform: translateY(8px); } 100% {   -moz-transform: translateY(0px); }}
@-o-keyframes bounce-up{ 0% {   -o-transform: translateY(8px); } 100% {   -o-transform: translateY(0px); }}
@keyframes bounce-up{ 0% {-webkit-transform: translateY(8px);-moz-transform: translateY(8px);-ms-transform: translateY(8px);transform: translateY(8px); } 100% {-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px); };
}
.scale-up {
  -webkit-animation-name: scale-up;
  -moz-animation-name: scale-up;
  -o-animation-name: scale-up;
  animation-name: scale-up;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -o-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -moz-animation: none;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes scale-up{ 0% {   -webkit-transform: scale(0.7); } 100% {   -webkit-transform: scale(1.0); }}
@-moz-keyframes scale-up{ 0% {   -moz-transform: scale(0.7); } 100% {   -moz-transform: scale(1.0); }}
@-o-keyframes scale-up{ 0% {   -o-transform: scale(0.7); } 100% {   -o-transform: scale(1.0); }}
@keyframes scale-up{ 0% {-webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7); } 100% {-webkit-transform: scale(1.0);-moz-transform: scale(1.0);-ms-transform: scale(1.0);transform: scale(1.0); };
}
.pop-right {
  -webkit-animation-name: pop-right;
  -moz-animation-name: pop-right;
  -o-animation-name: pop-right;
  animation-name: pop-right;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -o-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -moz-animation: none;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes pop-right{ 0% {   -webkit-transform: translate(-6px,6px); } 100% {   -webkit-transform: translate(0px,0px); }}
@-moz-keyframes pop-right{ 0% {   -moz-transform: translate(-6px,6px); } 100% {   -moz-transform: translate(0px,0px); }}
@-o-keyframes pop-right{ 0% {   -o-transform: translate(-6px,6px); } 100% {   -o-transform: translate(0px,0px); }}
@keyframes pop-right{ 0% {-webkit-transform: translate(-6px,6px);-moz-transform: translate(-6px,6px);-ms-transform: translate(-6px,6px);transform: translate(-6px,6px); } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px); };
}
.slide-left {
  -webkit-animation: slide-left;
  -moz-animation: slide-left;
  -o-animation: slide-left;
  animation: slide-left;
  -webkit-animation: slide-left, X;
  -moz-animation: slide-left, X;
  -o-animation: slide-left, X;
  animation: slide-left, X;
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  animation-delay: 0.75s;
  -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes slide-left{ 0% {   -webkit-transform: translate(10px,0px); } 100% {   -webkit-transform: translate(0px,0px); }}
@-moz-keyframes slide-left{ 0% {   -moz-transform: translate(10px,0px); } 100% {   -moz-transform: translate(0px,0px); }}
@-o-keyframes slide-left{ 0% {   -o-transform: translate(10px,0px); } 100% {   -o-transform: translate(0px,0px); }}
@keyframes slide-left{ 0% {-webkit-transform: translate(10px,0px);-moz-transform: translate(10px,0px);-ms-transform: translate(10px,0px);transform: translate(10px,0px); } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px); };
}
.slide-right {
  -webkit-animation: slide-right;
  -moz-animation: slide-right;
  -o-animation: slide-right;
  animation: slide-right;
  -webkit-animation: slide-right, X;
  -moz-animation: slide-right, X;
  -o-animation: slide-right, X;
  animation: slide-right, X;
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes slide-right{ 0% {   -webkit-transform: translate(-10px,0px); } 100% {   -webkit-transform: translate(0px,0px); }}
@-moz-keyframes slide-right{ 0% {   -moz-transform: translate(-10px,0px); } 100% {   -moz-transform: translate(0px,0px); }}
@-o-keyframes slide-right{ 0% {   -o-transform: translate(-10px,0px); } 100% {   -o-transform: translate(0px,0px); }}
@keyframes slide-right{ 0% {-webkit-transform: translate(-10px,0px);-moz-transform: translate(-10px,0px);-ms-transform: translate(-10px,0px);transform: translate(-10px,0px); } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px); };
}
.fade-in-left {
  -webkit-animation: fade-in-left;
  -moz-animation: fade-in-left;
  -o-animation: fade-in-left;
  animation: fade-in-left;
  -webkit-animation: fade-in-left, X;
  -moz-animation: fade-in-left, X;
  -o-animation: fade-in-left, X;
  animation: fade-in-left, X;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade-in-left{ 0% {   -webkit-transform: translate(30px,0px);   opacity: 0; } 100% {   -webkit-transform: translate(0px,0px);   opacity: 1; }}
@-moz-keyframes fade-in-left{ 0% {   -moz-transform: translate(30px,0px);   opacity: 0; } 100% {   -moz-transform: translate(0px,0px);   opacity: 1; }}
@-o-keyframes fade-in-left{ 0% {   -o-transform: translate(30px,0px);   opacity: 0; } 100% {   -o-transform: translate(0px,0px);   opacity: 1; }}
@keyframes fade-in-left{ 0% {-webkit-transform: translate(30px,0px);-moz-transform: translate(30px,0px);-ms-transform: translate(30px,0px);transform: translate(30px,0px);   opacity: 0; } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 1; };
}
.fade-in-right {
  -webkit-animation: fade-in-right;
  -moz-animation: fade-in-right;
  -o-animation: fade-in-right;
  animation: fade-in-right;
  -webkit-animation: fade-in-right, X;
  -moz-animation: fade-in-right, X;
  -o-animation: fade-in-right, X;
  animation: fade-in-right, X;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade-in-right{ 0% {   -webkit-transform: translate(-30px,0px);   opacity: 0; } 100% {   -webkit-transform: translate(0px,0px);   opacity: 1; }}
@-moz-keyframes fade-in-right{ 0% {   -moz-transform: translate(-30px,0px);   opacity: 0; } 100% {   -moz-transform: translate(0px,0px);   opacity: 1; }}
@-o-keyframes fade-in-right{ 0% {   -o-transform: translate(-30px,0px);   opacity: 0; } 100% {   -o-transform: translate(0px,0px);   opacity: 1; }}
@keyframes fade-in-right{ 0% {-webkit-transform: translate(-30px,0px);-moz-transform: translate(-30px,0px);-ms-transform: translate(-30px,0px);transform: translate(-30px,0px);   opacity: 0; } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 1; };
}
.spring-up {
  -webkit-animation: spring-up;
  -moz-animation: spring-up;
  -o-animation: spring-up;
  animation: spring-up;
  -webkit-animation: spring-up, X;
  -moz-animation: spring-up, X;
  -o-animation: spring-up, X;
  animation: spring-up, X;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: cubic-bezier(0.03, 0.46, 0.34, 1.03);
  -moz-animation-timing-function: cubic-bezier(0.03, 0.46, 0.34, 1.03);
  -o-animation-timing-function: cubic-bezier(0.03, 0.46, 0.34, 1.03);
  animation-timing-function: cubic-bezier(0.03, 0.46, 0.34, 1.03);
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes spring-up{ 0% {   -webkit-transform: translateY(50px) rotateZ(-10deg);   opacity: 0; } 25% {   -webkit-transform: translateY(-5px) rotateZ(10deg);   opacity: 1; } 100% {   -webkit-transform: translateY(0px) rotateZ(0deg);   opacity: 1; }}
@-moz-keyframes spring-up{ 0% {   -moz-transform: translateY(50px) rotateZ(-10deg);   opacity: 0; } 25% {   -moz-transform: translateY(-5px) rotateZ(10deg);   opacity: 1; } 100% {   -moz-transform: translateY(0px) rotateZ(0deg);   opacity: 1; }}
@-o-keyframes spring-up{ 0% {   -o-transform: translateY(50px) rotateZ(-10deg);   opacity: 0; } 25% {   -o-transform: translateY(-5px) rotateZ(10deg);   opacity: 1; } 100% {   -o-transform: translateY(0px) rotateZ(0deg);   opacity: 1; }}
@keyframes spring-up{ 0% {-webkit-transform: translateY(50px) rotateZ(-10deg);-moz-transform: translateY(50px) rotateZ(-10deg);-ms-transform: translateY(50px) rotateZ(-10deg);transform: translateY(50px) rotateZ(-10deg);   opacity: 0; } 25% {-webkit-transform: translateY(-5px) rotateZ(10deg);-moz-transform: translateY(-5px) rotateZ(10deg);-ms-transform: translateY(-5px) rotateZ(10deg);transform: translateY(-5px) rotateZ(10deg);   opacity: 1; } 100% {-webkit-transform: translateY(0px) rotateZ(0deg);-moz-transform: translateY(0px) rotateZ(0deg);-ms-transform: translateY(0px) rotateZ(0deg);transform: translateY(0px) rotateZ(0deg);   opacity: 1; };
}
.hop-right {
  -webkit-animation-name: hop-right;
  -moz-animation-name: hop-right;
  -o-animation-name: hop-right;
  animation-name: hop-right;
  -webkit-animation-duration: 0.25s;
  -moz-animation-duration: 0.25s;
  -o-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes hop-right{ 0% { -webkit-transform: translate(0px,0px); } 100% { -webkit-transform: translate(3px,-3px); }}
@-moz-keyframes hop-right{ 0% { -moz-transform: translate(0px,0px); } 100% { -moz-transform: translate(3px,-3px); }}
@-o-keyframes hop-right{ 0% { -o-transform: translate(0px,0px); } 100% { -o-transform: translate(3px,-3px); }}
@keyframes hop-right{ 0% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px); } 100% {-webkit-transform: translate(3px,-3px);-moz-transform: translate(3px,-3px);-ms-transform: translate(3px,-3px);transform: translate(3px,-3px); };
}
.fade-in-up {
  -webkit-animation-name: fade-in-up;
  -moz-animation-name: fade-in-up;
  -o-animation-name: fade-in-up;
  animation-name: fade-in-up;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade-in-up{ 0% {   -webkit-transform: translate(0px,0px);   opacity: 0; } 5% {   -webkit-transform: translate(0px,30px);   opacity: 0; } 100% {   -webkit-transform: translate(0px,0px);   opacity: 1; }}
@-moz-keyframes fade-in-up{ 0% {   -moz-transform: translate(0px,0px);   opacity: 0; } 5% {   -moz-transform: translate(0px,30px);   opacity: 0; } 100% {   -moz-transform: translate(0px,0px);   opacity: 1; }}
@-o-keyframes fade-in-up{ 0% {   -o-transform: translate(0px,0px);   opacity: 0; } 5% {   -o-transform: translate(0px,30px);   opacity: 0; } 100% {   -o-transform: translate(0px,0px);   opacity: 1; }}
@keyframes fade-in-up{ 0% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 0; } 5% {-webkit-transform: translate(0px,30px);-moz-transform: translate(0px,30px);-ms-transform: translate(0px,30px);transform: translate(0px,30px);   opacity: 0; } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 1; };
}
.fade-in-down {
  -webkit-animation-name: fade-in-down;
  -moz-animation-name: fade-in-down;
  -o-animation-name: fade-in-down;
  animation-name: fade-in-down;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
}
.fade-in-down-enter {
  -webkit-animation: fade-in-down;
  -moz-animation: fade-in-down;
  -o-animation: fade-in-down;
  animation: fade-in-down;
  -webkit-animation: fade-in-down, X;
  -moz-animation: fade-in-down, X;
  -o-animation: fade-in-down, X;
  animation: fade-in-down, X;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  -o-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
}
.fade-in-down-leave {
  -webkit-animation: fade-in-down;
  -moz-animation: fade-in-down;
  -o-animation: fade-in-down;
  animation: fade-in-down;
  -webkit-animation: fade-in-down, X;
  -moz-animation: fade-in-down, X;
  -o-animation: fade-in-down, X;
  animation: fade-in-down, X;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade-in-down{ 0% {   -webkit-transform: translate(0px,0px);   opacity: 0; } 5% {   -webkit-transform: translate(0px,-30px);   opacity: 0; } 100% {   -webkit-transform: translate(0px,0px);   opacity: 1; }}
@-moz-keyframes fade-in-down{ 0% {   -moz-transform: translate(0px,0px);   opacity: 0; } 5% {   -moz-transform: translate(0px,-30px);   opacity: 0; } 100% {   -moz-transform: translate(0px,0px);   opacity: 1; }}
@-o-keyframes fade-in-down{ 0% {   -o-transform: translate(0px,0px);   opacity: 0; } 5% {   -o-transform: translate(0px,-30px);   opacity: 0; } 100% {   -o-transform: translate(0px,0px);   opacity: 1; }}
@keyframes fade-in-down{ 0% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 0; } 5% {-webkit-transform: translate(0px,-30px);-moz-transform: translate(0px,-30px);-ms-transform: translate(0px,-30px);transform: translate(0px,-30px);   opacity: 0; } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 1; };
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade{   from {     opacity: 0;   }   to {     opacity: 1;   } }
@-moz-keyframes fade{   from {     opacity: 0;   }   to {     opacity: 1;   } }
@-o-keyframes fade{   from {     opacity: 0;   }   to {     opacity: 1;   } }
@keyframes fade{   from {     opacity: 0;   }   to {     opacity: 1;   } ;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes come-left{   from {     opacity: 0;     -webkit-transform: translateX(40px);   }   to {     opacity: 1;     -webkit-transform: translateX(0);   } }
@-moz-keyframes come-left{   from {     opacity: 0;     -moz-transform: translateX(40px);   }   to {     opacity: 1;     -moz-transform: translateX(0);   } }
@-o-keyframes come-left{   from {     opacity: 0;     -o-transform: translateX(40px);   }   to {     opacity: 1;     -o-transform: translateX(0);   } }
@keyframes come-left{   from {     opacity: 0;-webkit-transform: translateX(40px);-moz-transform: translateX(40px);-ms-transform: translateX(40px);transform: translateX(40px);   }   to {     opacity: 1;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);   } ;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes come-right{   from {     opacity: 0;     -webkit-transform: translateX(-40px);   }   to {     opacity: 1;     -webkit-transform: translateX(0);   } }
@-moz-keyframes come-right{   from {     opacity: 0;     -moz-transform: translateX(-40px);   }   to {     opacity: 1;     -moz-transform: translateX(0);   } }
@-o-keyframes come-right{   from {     opacity: 0;     -o-transform: translateX(-40px);   }   to {     opacity: 1;     -o-transform: translateX(0);   } }
@keyframes come-right{   from {     opacity: 0;-webkit-transform: translateX(-40px);-moz-transform: translateX(-40px);-ms-transform: translateX(-40px);transform: translateX(-40px);   }   to {     opacity: 1;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);   } ;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes come-up{   from {     opacity: 0;     -webkit-transform: translateY(40px);   }   to {     opacity: 1;     -webkit-transform: translateY(0);   } }
@-moz-keyframes come-up{   from {     opacity: 0;     -moz-transform: translateY(40px);   }   to {     opacity: 1;     -moz-transform: translateY(0);   } }
@-o-keyframes come-up{   from {     opacity: 0;     -o-transform: translateY(40px);   }   to {     opacity: 1;     -o-transform: translateY(0);   } }
@keyframes come-up{   from {     opacity: 0;-webkit-transform: translateY(40px);-moz-transform: translateY(40px);-ms-transform: translateY(40px);transform: translateY(40px);   }   to {     opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);   } ;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes come-down{   from {     opacity: 0;     -webkit-transform: translateY(-40px);   }   to {     opacity: 1;     -webkit-transform: translateY(0);   } }
@-moz-keyframes come-down{   from {     opacity: 0;     -moz-transform: translateY(-40px);   }   to {     opacity: 1;     -moz-transform: translateY(0);   } }
@-o-keyframes come-down{   from {     opacity: 0;     -o-transform: translateY(-40px);   }   to {     opacity: 1;     -o-transform: translateY(0);   } }
@keyframes come-down{   from {     opacity: 0;-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);transform: translateY(-40px);   }   to {     opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);   } ;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes ghost-pulse{   from {     opacity: 0.1;   }   to {     opacity: 0.2;   } }
@-moz-keyframes ghost-pulse{   from {     opacity: 0.1;   }   to {     opacity: 0.2;   } }
@-o-keyframes ghost-pulse{   from {     opacity: 0.1;   }   to {     opacity: 0.2;   } }
@keyframes ghost-pulse{   from {     opacity: 0.1;   }   to {     opacity: 0.2;   } ;
}
/*
  Constants (i.e. LESS variables) we want to share between different front-end apps.
  i.e. Client / Public.
*/
.button-standards {
  width: fit-content;
  min-width: 140px;
  padding: 15px 25px;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "calibre-legacy", sans-serif;
  text-decoration: none;
  transition: all 0.3s ease;
}
.button-standards.disabled {
  cursor: initial;
}
.button-primary {
  width: fit-content;
  min-width: 140px;
  padding: 15px 25px;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "calibre-legacy", sans-serif;
  text-decoration: none;
  transition: all 0.3s ease;
  background-color: #00857b;
  color: white;
}
.button-primary.disabled {
  cursor: initial;
}
.button-primary.disabled {
  background-color: rgba(129, 162, 178, 0.2);
}
.button-primary.disabled:hover {
  box-shadow: none;
}
.button-primary:hover {
  box-shadow: 0px 0px 0px 3px rgba(70, 163, 155, 0.25);
}
.button-secondary {
  width: fit-content;
  min-width: 140px;
  padding: 15px 25px;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "calibre-legacy", sans-serif;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 1px solid rgba(129, 162, 178, 0.2);
  color: #00857b;
  background-color: white;
}
.button-secondary.disabled {
  cursor: initial;
}
.button-secondary.disabled {
  color: rgba(129, 162, 178, 0.2);
  border: 1px solid rgba(129, 162, 178, 0.2);
}
.button-secondary.disabled:hover {
  box-shadow: none;
}
.button-secondary:hover {
  box-shadow: 0px 0px 0px 3px rgba(129, 162, 178, 0.1);
}
.button-text {
  width: fit-content;
  min-width: 140px;
  padding: 15px 25px;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "calibre-legacy", sans-serif;
  text-decoration: none;
  transition: all 0.3s ease;
  background: none;
  color: #242c39;
}
.button-text.disabled {
  cursor: initial;
}
.button-text.disabled {
  color: rgba(129, 162, 178, 0.2);
}
.button-text.disabled:hover {
  background: none;
}
.button-text:hover {
  background: rgba(129, 162, 178, 0.2);
}
.button-cancel {
  width: fit-content;
  min-width: 140px;
  padding: 15px 25px;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "calibre-legacy", sans-serif;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 1px solid rgba(129, 162, 178, 0.2);
  color: #242c39;
  background-color: white;
}
.button-cancel.disabled {
  cursor: initial;
}
.button-cancel.disabled {
  color: rgba(129, 162, 178, 0.2);
  border: 1px solid rgba(129, 162, 178, 0.2);
}
.button-cancel.disabled:hover {
  box-shadow: none;
}
.button-cancel:hover {
  box-shadow: 0px 0px 0px 3px rgba(129, 162, 178, 0.1);
}
.button-add {
  width: fit-content;
  min-width: 140px;
  padding: 15px 25px;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "calibre-legacy", sans-serif;
  text-decoration: none;
  transition: all 0.3s ease;
  background: #1099FC;
  color: white;
}
.button-add.disabled {
  cursor: initial;
}
.button-add.disabled {
  background: rgba(129, 162, 178, 0.2);
}
.button-add.disabled:hover {
  box-shadow: none;
}
.button-add:hover {
  box-shadow: 0px 0px 0px 3px rgba(78, 177, 251, 0.25);
}
.button-delete {
  width: fit-content;
  min-width: 140px;
  padding: 15px 25px;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "calibre-legacy", sans-serif;
  text-decoration: none;
  transition: all 0.3s ease;
  background: #D71939;
  color: white;
}
.button-delete.disabled {
  cursor: initial;
}
.button-delete.disabled {
  background: rgba(129, 162, 178, 0.2);
}
.button-delete.disabled:hover {
  box-shadow: none;
}
.button-delete:hover {
  box-shadow: 0px 0px 0px 3px rgba(240, 116, 106, 0.25);
}
.button-waiting {
  width: fit-content;
  min-width: 140px;
  padding: 15px 25px;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "calibre-legacy", sans-serif;
  text-decoration: none;
  transition: all 0.3s ease;
  background: #1099FC;
  color: white;
}
.button-waiting.disabled {
  cursor: initial;
}
.button-waiting.disabled {
  background: rgba(129, 162, 178, 0.2);
}
.button-waiting.disabled:hover {
  box-shadow: none;
}
.button-waiting:hover {
  box-shadow: 0px 0px 0px 3px rgba(78, 177, 251, 0.25);
}
.button-error {
  width: fit-content;
  min-width: 140px;
  padding: 15px 25px;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "calibre-legacy", sans-serif;
  text-decoration: none;
  transition: all 0.3s ease;
  background: #D71939;
  color: white;
}
.button-error.disabled {
  cursor: initial;
}
.button-error.disabled {
  background: rgba(129, 162, 178, 0.2);
}
.button-error.disabled:hover {
  box-shadow: none;
}
.button-error:hover {
  box-shadow: 0px 0px 0px 3px rgba(240, 116, 106, 0.25);
}
.old-create-button {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 36px;
  font-size: 16px;
  color: #81a2b2;
  border: 1px solid #81a2b2;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
}
.old-create-button .icon-plus {
  font-weight: 600;
}
.old-create-button:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  color: white;
  background-color: #1099FC;
  border-color: #1099FC;
}
.old-create-button-divider {
  position: relative;
  height: 36px;
  pointer-events: none;
}
.old-create-button-divider:hover hr.hover-line,
.old-create-button-divider:hover .horizontal-row.hover-line {
  opacity: 0.5;
}
.old-create-button-divider:hover .divider {
  visibility: hidden;
}
.old-create-button-divider hr,
.old-create-button-divider .horizontal-row {
  position: absolute;
  margin: auto;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.old-create-button-divider hr.divider,
.old-create-button-divider .horizontal-row.divider {
  border: 0.5px solid rgba(129, 162, 178, 0.25);
}
.old-create-button-divider hr.hover-line,
.old-create-button-divider .horizontal-row.hover-line {
  opacity: 0;
  border: none;
  background-color: #1099FC;
  border-radius: 4px;
  height: 8px;
  -webkit-transition: opacity 0.15s ease;
  -moz-transition: opacity 0.15s ease;
  -o-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
  -webkit-transition: opacity 0.15s ease, X;
  -moz-transition: opacity 0.15s ease, X;
  -o-transition: opacity 0.15s ease, X;
  transition: opacity 0.15s ease, X;
}
.old-create-button-divider .old-create-button {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -18px;
  margin-top: -18px;
  pointer-events: all;
}
.public-output .default-value {
  display: none;
}
insertable {
  display: block;
}
.foldable-label {
  padding: 40px 0;
  text-align: center;
}
.project-block--unfolded:not(.splash-module) .foldable-label {
  padding-bottom: 0;
}
.foldable-label * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.foldable-label .label-container {
  display: inline-block;
  padding: 20px;
  background: #fff;
  border-radius: 0;
  cursor: pointer;
  font-size: 17px;
  position: relative;
  transition: outline 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  outline: 3px solid transparent;
  outline-offset: 3px;
  /*
    @HACK(mbusby, 2022-01-24): Note that we separately define the :active
    outline-color override as otherwise browsers that don't support :focus-visible
    will skip it.
  */
}
.foldable-label .label-container::after {
  content: "";
  position: absolute;
  inset: 0;
  outline: 2px solid transparent;
  outline-offset: 6px;
  transition: inherit;
  border-radius: inherit;
  pointer-events: none;
}
.foldable-label .label-container:focus {
  outline-color: #1099FC;
}
.foldable-label .label-container:focus::after {
  outline-color: white;
}
.foldable-label .label-container:focus:not(:focus-visible),
.foldable-label .label-container:active {
  outline-color: transparent;
}
.foldable-label .label-container:focus:not(:focus-visible)::after,
.foldable-label .label-container:active::after {
  outline-color: transparent;
}
.foldable-label .label-container::-moz-focus-inner {
  border: 0;
}
.foldable-label .label-container icon,
.foldable-label .label-container .foldable-label__text {
  display: inline-block;
}
.foldable-label .label-container .foldable-label__text {
  margin-left: 10px;
  font-weight: 400;
}
.foldable-block {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition: all 0.3s, X;
  -moz-transition: all 0.3s, X;
  -o-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.foldable-block.ng-enter {
  -webkit-animation: fadeIn 0.4s;
  -moz-animation: fadeIn 0.4s;
  -o-animation: fadeIn 0.4s;
  animation: fadeIn 0.4s;
  -webkit-animation: fadeIn 0.4s, X;
  -moz-animation: fadeIn 0.4s, X;
  -o-animation: fadeIn 0.4s, X;
  animation: fadeIn 0.4s, X;
}
.foldable-block.ng-leave {
  height: 0;
  -webkit-animation: fadeOut 0.4s;
  -moz-animation: fadeOut 0.4s;
  -o-animation: fadeOut 0.4s;
  animation: fadeOut 0.4s;
  -webkit-animation: fadeOut 0.4s, X;
  -moz-animation: fadeOut 0.4s, X;
  -o-animation: fadeOut 0.4s, X;
  animation: fadeOut 0.4s, X;
}
.project-block {
  box-shadow: 0 1px 0 0 rgba(129, 162, 178, 0.2), 0 -1px 0 0 rgba(129, 162, 178, 0.2);
}
.project-block blockquote {
  margin: 40px 0;
  padding: 0.5em 0 0.5em 36px;
  line-height: 1.5;
  position: relative;
  -webkit-transition: color 0.2s ease-out, border-color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out, border-color 0.2s ease-out;
  -o-transition: color 0.2s ease-out, border-color 0.2s ease-out;
  transition: color 0.2s ease-out, border-color 0.2s ease-out;
}
.project-block blockquote::before {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  position: absolute;
  content: "";
  background-position: center center;
  left: -16px;
  top: 0;
  display: block;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out, X;
  -moz-transition: all 0.2s ease-out, X;
  -o-transition: all 0.2s ease-out, X;
  transition: all 0.2s ease-out, X;
}
.project-block blockquote::after {
  position: absolute;
  content: "";
  display: block;
  width: 4px;
  top: 38px;
  left: 0;
  height: calc(100% +  -36px - 2px);
}
.project-block ul,
.project-block ol {
  width: 100%;
}
.project-block ul ul,
.project-block ol ul,
.project-block ul ol,
.project-block ol ol {
  margin-left: 1.3em;
}
.project-block ul li.ordered,
.project-block ol li.ordered,
.project-block ul li.unordered,
.project-block ol li.unordered {
  list-style: none;
  margin-bottom: 0px;
}
.project-block ul li.ordered > span,
.project-block ol li.ordered > span,
.project-block ul li.unordered > span,
.project-block ol li.unordered > span {
  margin-bottom: 5px;
}
.project-block ul + p,
.project-block ol + p,
.project-block ul + h1,
.project-block ol + h1,
.project-block ul + h2,
.project-block ol + h2 {
  padding-top: 1em;
}
.project-block li.ordered,
.project-block li.unordered {
  margin-bottom: 5px;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.project-block li.ordered + p,
.project-block li.unordered + p,
.project-block li.ordered + h1,
.project-block li.unordered + h1,
.project-block li.ordered + h2,
.project-block li.unordered + h2 {
  padding-top: 1em;
}
.project-block li.ordered::before,
.project-block li.unordered::before,
.project-block li.ordered > .before,
.project-block li.unordered > .before {
  min-width: 1.3em;
  display: block;
  margin-right: 5px;
  text-align: center;
  flex-shrink: 0;
  flex-grow: 0;
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  -webkit-transition: color 0.2s ease-out, X;
  -moz-transition: color 0.2s ease-out, X;
  -o-transition: color 0.2s ease-out, X;
  transition: color 0.2s ease-out, X;
}
.project-block li.ordered span:not(.before),
.project-block li.unordered span:not(.before) {
  flex: 1;
  min-width: 0;
}
.project-block li.ordered.reset-1 {
  counter-reset: level1;
}
.project-block li.ordered.reset-2 {
  counter-reset: level2;
}
.project-block li.ordered.reset-3 {
  counter-reset: level3;
}
.project-block li.ordered.reset-4 {
  counter-reset: level4;
}
.project-block li.ordered.reset-5 {
  counter-reset: level5;
}
.project-block li.ordered.reset-6 {
  counter-reset: level6;
}
.project-block li.ordered.reset-7 {
  counter-reset: level7;
}
.project-block li.ordered.reset-8 {
  counter-reset: level8;
}
.project-block li.ordered.level-1::before {
  content: counter(level1, decimal) ".";
  counter-increment: level1;
}
.project-block li.ordered.level-2::before {
  content: counter(level2, lower-latin) ".";
  counter-increment: level2;
}
.project-block li.ordered.level-3::before {
  content: counter(level3, lower-roman) ".";
  counter-increment: level3;
}
.project-block li.ordered.level-4::before {
  content: counter(level4, decimal) ".";
  counter-increment: level4;
}
.project-block li.ordered.level-5::before {
  content: counter(level5, lower-latin) ".";
  counter-increment: level5;
}
.project-block li.ordered.level-6::before {
  content: counter(level6, lower-roman) ".";
  counter-increment: level6;
}
.project-block li.ordered.level-7::before {
  content: counter(level7, decimal) ".";
  counter-increment: level7;
}
.project-block li.ordered.level-8::before {
  content: counter(level8, lower-latin) ".";
  counter-increment: level8;
}
.project-block li.unordered > .before,
.project-block li.unordered::before {
  min-width: 1.85714286em;
  font-size: 0.7em;
  line-height: 2.15em;
  margin-bottom: -2.15em;
}
.project-block li.unordered.level-1::before,
.project-block li.unordered.level-4::before {
  content: "\2022";
}
.project-block li.unordered.level-2::before,
.project-block li.unordered.level-5::before {
  content: "\25CB";
}
.project-block li.unordered.level-3::before,
.project-block li.unordered.level-6::before {
  content: "\25A0";
}
.project-block figure {
  text-align: center;
}
.project-block .resize-widget__resizer-container {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: -ms-fit-content;
  width: fit-content;
}
.project-block .resize-widget__resizer-container--left-aligned {
  margin: 0 auto 0 0;
}
.project-block .resize-widget__resizer-container a {
  border-bottom: none;
}
.project-block .resize-widget__resizer-container a:hover {
  border-bottom: none;
}
.project-block .image-widget__frame {
  border-radius: 0;
  overflow: hidden;
}
.project-block .image-widget__frame--circle {
  border-radius: 50%;
  height: 0;
  padding-bottom: 100%;
}
.project-block .image-widget__link,
.project-block a:not(.kl-link).image-widget__link {
  position: relative;
  transition: outline 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  outline: 3px solid transparent;
  outline-offset: 3px;
  /*
    @HACK(mbusby, 2022-01-24): Note that we separately define the :active
    outline-color override as otherwise browsers that don't support :focus-visible
    will skip it.
  */
  border-bottom: none;
  display: block;
}
.project-block .image-widget__link:hover,
.project-block a:not(.kl-link).image-widget__link:hover {
  border-bottom: none;
}
.project-block .image-widget__link::after,
.project-block a:not(.kl-link).image-widget__link::after {
  content: "";
  position: absolute;
  inset: 0;
  outline: 2px solid transparent;
  outline-offset: 6px;
  transition: inherit;
  border-radius: inherit;
  pointer-events: none;
}
.project-block .image-widget__link:focus,
.project-block a:not(.kl-link).image-widget__link:focus {
  outline-color: #1099FC;
}
.project-block .image-widget__link:focus::after,
.project-block a:not(.kl-link).image-widget__link:focus::after {
  outline-color: white;
}
.project-block .image-widget__link:focus:not(:focus-visible),
.project-block a:not(.kl-link).image-widget__link:focus:not(:focus-visible),
.project-block .image-widget__link:active,
.project-block a:not(.kl-link).image-widget__link:active {
  outline-color: transparent;
}
.project-block .image-widget__link:focus:not(:focus-visible)::after,
.project-block a:not(.kl-link).image-widget__link:focus:not(:focus-visible)::after,
.project-block .image-widget__link:active::after,
.project-block a:not(.kl-link).image-widget__link:active::after {
  outline-color: transparent;
}
.project-block .image-widget__link::-moz-focus-inner,
.project-block a:not(.kl-link).image-widget__link::-moz-focus-inner {
  border: 0;
}
.project-block .image-widget__link--circle,
.project-block a:not(.kl-link).image-widget__link--circle {
  border-radius: 50%;
}
.project-block .image-widget__image {
  display: block;
}
.project-block insertable .image-resizer-container {
  margin: 0 auto;
}
.project-block .standard-table {
  border: 1px solid #ededed;
  width: 100%;
}
.project-block .standard-table th,
.project-block .standard-table td {
  border: 1px solid #ededed;
  border-collapse: collapse;
  padding: 17px;
}
.project-block .standard-table thead {
  background: #f9f9f9;
}
.project-block .standard-table thead th {
  font-weight: 600;
  text-transform: uppercase;
}
.project-block .standard-table tr:nth-child(even) {
  background: #fbfbfb;
}
.project-block .insertable-table {
  border: 1px solid #ededed;
  width: 100%;
  margin-bottom: 40px;
}
.project-block .insertable-table th,
.project-block .insertable-table td {
  border: 1px solid #d9d9d9;
  border-collapse: collapse;
  padding: 10px;
}
.project-block .qwilr-table {
  width: 100%;
  margin-top: 32px;
  margin-bottom: 32px;
  word-wrap: break-word;
  table-layout: fixed;
  min-width: 500px;
  border-collapse: separate;
}
.project-block .qwilr-table td,
.project-block .qwilr-table tr {
  -webkit-transition: background 0.15s ease-out, border-color 0.15s ease-out;
  -moz-transition: background 0.15s ease-out, border-color 0.15s ease-out;
  -o-transition: background 0.15s ease-out, border-color 0.15s ease-out;
  transition: background 0.15s ease-out, border-color 0.15s ease-out;
}
.project-block .qwilr-table td {
  border-left: 1px solid rgba(129, 162, 178, 0.5);
  border-bottom: 1px solid rgba(129, 162, 178, 0.5);
  padding: 5px;
  word-break: break-word;
}
.project-block .qwilr-table tr:first-of-type td:first-child {
  border-top-left-radius: 2px;
}
.project-block .qwilr-table tr:first-of-type td:last-child {
  border-top-right-radius: 2px;
}
.project-block .qwilr-table tr:last-child td:first-child {
  border-bottom-left-radius: 2px;
}
.project-block .qwilr-table tr:last-child td:last-child {
  border-bottom-right-radius: 2px;
}
.project-block .qwilr-table tr td:last-of-type {
  border-right: 1px solid rgba(129, 162, 178, 0.5);
}
.project-block .qwilr-table tr:first-of-type td {
  border-top: 1px solid rgba(129, 162, 178, 0.5);
}
.project-block .qwilr-table-scroller {
  overflow-x: auto;
  margin-left: -0.9375em;
  margin-right: -0.9375em;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
}
.project-block .side-by-side__col figure:first-child {
  margin-top: 0;
}
.project-block .side-by-side__col figure:only-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .project-block body:not(#print) .side-by-side__col {
    width: 100% !important;
  }
  .project-block body:not(#print) .side-by-side__col--left {
    padding: 0;
  }
  .project-block body:not(#print) .side-by-side__col--right {
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  .project-block .side-by-side {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .project-block .side-by-side__col--left {
    padding-right: 16px;
  }
  .project-block .side-by-side__col--right {
    padding-left: 16px;
  }
  .project-block .side-by-side--center .side-by-side__col {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.project-block .button-widget__button {
  text-align: center;
  cursor: pointer;
  max-width: 100%;
  height: 100%;
}
.project-block .button-widget__button-text {
  background-color: transparent;
  color: unset;
  text-align: center;
  padding: 5px;
  border: none;
  height: unset;
}
.project-block .button-widget__button-text::placeholder {
  color: unset;
}
.project-block .block-spacer,
.project-block .block-wrapper {
  padding: 25px 0;
}
.project-block .column,
.project-block .columns {
  padding: 0 25px;
}
h1.project-block__block-element,
h2.project-block__block-element,
blockquote.project-block__block-element,
p.project-block__block-element,
li.project-block__block-element {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.video-fill {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.video-fill video,
.video-fill video-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-fill video {
  object-fit: cover;
}
.video-fill video-background > div {
  height: 100%;
}
.project-block.splash-module {
  padding: 0;
}
.project-block.splash-module .position {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.project-block.splash-module .fill-block {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 5% 0;
}
.project-block.splash-module .fill-block .content {
  position: relative;
  display: block;
  border-radius: 2px;
  padding: 2.5%;
  margin: 0 auto;
}
@media screen and (min-width: 600px) {
  .project-block.splash-module .fill-block .content {
    min-width: 475px;
  }
}
@media screen and (max-width: 500px) {
  .project-block.splash-module .fill-block .content {
    width: 95%;
    padding: 10px;
  }
}
.project-block.splash-module .fill-block .tint-v2 {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.project-block.splash-module .fill-block .image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.project-block.splash-module .fill-block .image-loader {
  -webkit-filter: blur(75px);
  -moz-filter: blur(75px);
  -ms-filter: blur(75px);
  filter: blur(75px);
}
.project-block.splash-module .fill-block .video-position {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
@media (max-width: 500px) {
  .project-block.splash-module .fill-block .video-position {
    display: none;
  }
}
.project-block.splash-module .video-position-embed {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.project-block.splash-module .video-thumbnail {
  display: none;
}
@media (max-width: 500px) {
  .project-block.splash-module .video-thumbnail {
    display: block;
  }
}
ul,
ol,
li {
  text-align: left;
}
.print-virtual-page .project-block.splash-module .fill-block .row.container .content,
.project-block.splash-module .print-virtual-page.fill-block .row.container .content {
  min-width: 475px;
}
.accept-module .accept-button-v2 {
  height: 92px;
  width: 278px;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 2px;
  margin: 0 auto 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
}
.accept-module .accept-button-v2:not(.disabled) {
  cursor: pointer;
}
.accept-module .accept-button-v2.disabled {
  color: white;
  background: rgba(129, 162, 178, 0.4);
}
.accept-module .accept-button-v2.default-text {
  letter-spacing: normal;
  text-transform: none;
}
.accept-module .accept-button-v2.auto-size {
  width: auto;
  min-width: 278px;
  max-width: 450px;
}
.accept-module .icon {
  margin-right: 10px;
}
.quote-v2-module.project-block .quote-header {
  margin: 40px auto 0 auto;
  padding: 0 10px;
}
.quote-v2-module.project-block .quote-header table p {
  margin: 0 px;
  line-height: 1;
}
.quote-v2-module.project-block .quote-header .new-editor {
  padding-bottom: 0;
}
.quote-v2-module.project-block .quote-header:empty {
  display: none;
}
.quote-v2-module.project-block .section-description p {
  padding: 0 0 7px 0;
}
.quote-v2-module.project-block ng-include,
.quote-v2-module.project-block qwilr-quote {
  display: block;
}
.source-module.project-block .content {
  margin: auto;
}
.source-module.project-block .container {
  height: 66vh;
  border: 1px solid #ededed;
}
@supports (-webkit-overflow-scrolling: touch) {
  .source-module.project-block .container {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
  }
}
.source-module.project-block .container iframe {
  width: 100%;
  height: 100%;
}
.video-module .video-header {
  font-size: 20px;
  margin: 40px auto;
  -webkit-transition: width 0.2s ease;
  -moz-transition: width 0.2s ease;
  -o-transition: width 0.2s ease;
  transition: width 0.2s ease;
  -webkit-transition: width 0.2s ease, X;
  -moz-transition: width 0.2s ease, X;
  -o-transition: width 0.2s ease, X;
  transition: width 0.2s ease, X;
}
@media screen and (max-width: 414px) {
  .video-module .video-header {
    padding: 0 25px;
  }
}
.video-module .container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
}
.video-module .container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-module .container.size-small {
  max-width: 650px;
  margin: 0 auto;
}
@media screen and (min-width: 650px) {
  .video-module .container.size-small {
    padding-bottom: 365.625px;
  }
}
.video-module .container.size-medium {
  max-width: 840px;
  margin: 0 auto;
}
@media screen and (min-width: 840px) {
  .video-module .container.size-medium {
    padding-bottom: 472.5px;
  }
}
.project-block .large-8,
.project-block .content,
.project-block .quote-header {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .project-block .large-8,
  .project-block .content,
  .project-block .quote-header {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .project-block .block-spacer,
  .project-block .block-wrapper,
  .project-block .fill-block {
    padding: 7.5% 0;
  }
}
.project-block,
.project-block .tint-v2 {
  -webkit-transition: background-color 0.25s ease, padding 0.25s ease, opacity 0.25s ease;
  -moz-transition: background-color 0.25s ease, padding 0.25s ease, opacity 0.25s ease;
  -o-transition: background-color 0.25s ease, padding 0.25s ease, opacity 0.25s ease;
  transition: background-color 0.25s ease, padding 0.25s ease, opacity 0.25s ease;
}
.project-block h1,
.project-block h2,
.project-block p,
.project-block li {
  -webkit-transition: color 0.2s ease-out, font-size 0.2s ease-out;
  -moz-transition: color 0.2s ease-out, font-size 0.2s ease-out;
  -o-transition: color 0.2s ease-out, font-size 0.2s ease-out;
  transition: color 0.2s ease-out, font-size 0.2s ease-out;
}
.project-block h1 {
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.2;
  padding: 0.65em 0 0.2em 0;
}
.project-block h2 {
  font-weight: 300;
  line-height: 1.3;
  padding: 0.65em 0 0.4em 0;
}
.project-block p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 1.5;
}
.project-block hr {
  border-color: rgba(129, 162, 178, 0.25);
  border-style: solid;
  border-width: 0.5px;
  margin: 30px 3px 30px 3px;
}
.project-block :not(.qed-placeholder) > h1:first-child,
.project-block :not(.qed-placeholder) > h2:first-child,
.project-block :not(.qed-placeholder) > p:first-child {
  padding-top: 0;
}
.project-block li {
  line-height: 1.5;
  min-height: 1.5em;
}
.project-block a:not(.kl-link) {
  color: inherit;
  -webkit-transition: color 0.2s ease-out, border 0.15s ease-out;
  -moz-transition: color 0.2s ease-out, border 0.15s ease-out;
  -o-transition: color 0.2s ease-out, border 0.15s ease-out;
  transition: color 0.2s ease-out, border 0.15s ease-out;
  border-bottom: 1px solid currentColor;
}
.project-block a:not(.kl-link):hover {
  text-decoration: none;
  border-bottom: 3px solid currentColor;
}
.project-block:focus:not(.button) {
  outline: none;
}
.project-block table p,
.project-block table h1,
.project-block table h2,
.project-block table blockquote {
  margin: 0;
  padding: 0;
}
@media all and (max-width: 500px) {
  .project-block p,
  .project-block li {
    line-height: 1.5;
  }
  .project-block blockquote {
    line-height: 1.2;
    text-align: left;
  }
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.center {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.v-center {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.containerFixed {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.no-text-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.auto-hyphens {
  -o-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
  }
}
/*	Filters
============================= */
/* Shapes
============================== */
.fillBackground {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media all and (-ms-high-contrast: none) {
  .project-block.splash-module .row {
    max-width: none;
  }
  *::-ms-backdrop,
  .project-block.splash-module .row {
    max-width: none;
  }
}
.embed-widget {
  margin-top: 24px;
  margin-bottom: 24px;
}
.embed-widget--not-focused iframe {
  pointer-events: none;
}
.embed-widget__container {
  display: flex;
  margin: 32px auto;
}
.embed-widget__iframe-container {
  padding-bottom: 56.25%;
  position: relative;
  display: block;
  width: 100%;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
}
.embed-widget__iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.iframe-widget {
  position: relative;
}
.iframe-widget .embed-widget__iframe-container {
  padding-bottom: 0;
  width: 100%;
  height: 100%;
  box-shadow: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.variable-widget .variable-name {
  padding: 4px 0.33em;
  border: 2px solid rgba(16, 153, 252, 0.25);
  border-radius: 100px;
  background: rgba(16, 153, 252, 0.25);
  text-align: center;
  vertical-align: bottom;
  white-space: nowrap;
}
.variable-widget--italic {
  font-style: italic;
}
.variable-widget--bold {
  font-weight: bold;
}
.qwilr-quote {
  max-width: 900px;
  margin: 0 auto;
}
.qwilr-quote .display-quote-section {
  width: 100%;
  margin-left: 0;
  margin-bottom: 40px;
  font-weight: 300;
  position: relative;
}
.qwilr-quote .display-quote-section .section-name {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.05em;
  line-height: 1.5;
  text-transform: uppercase;
  margin-bottom: 10px;
  padding-bottom: 2px;
  display: inline-block;
  border-bottom: 1px solid;
}
.qwilr-quote .display-quote-section .items {
  width: 100%;
}
.qwilr-quote .display-quote-section .items.text-items-only .item .name {
  width: 100%;
}
.qwilr-quote .display-quote-section .items .item {
  border-bottom: 1px solid #f2f2f2;
}
.qwilr-quote .display-quote-section .items .item:last-child {
  border-bottom: none;
}
.qwilr-quote .display-quote-section .items .item td {
  padding: 13px 0 8px;
  vertical-align: middle;
}
.qwilr-quote .display-quote-section .items .item .left-interactive-input {
  text-align: center;
  padding-right: 0;
}
.qwilr-quote .display-quote-section .items .item .left-interactive-input.quantity-input {
  width: 80px;
}
.qwilr-quote .display-quote-section .items .item .left-interactive-input.quantity-input input {
  max-width: 60px;
}
.qwilr-quote .display-quote-section .items .item .left-interactive-input.optional-toggle {
  width: 80px;
  min-width: 80px;
}
.qwilr-quote .display-quote-section .items .item .left-interactive-input.empty {
  padding: 0;
  width: 0;
}
.qwilr-quote .display-quote-section .items .item .name {
  white-space: pre-wrap;
  line-height: 1.5;
}
.qwilr-quote .display-quote-section .items .item .units input {
  display: inline-block;
  width: 50px;
  text-align: center;
  padding-left: 0;
}
.qwilr-quote .display-quote-section .items .item .cost {
  text-align: right;
}
.qwilr-quote .display-quote-section .items.large td:first-child {
  padding-left: 0;
}
.qwilr-quote .display-quote-section .items.large td:last-child {
  padding-right: 0;
}
.qwilr-quote .display-quote-section .items.large .units input,
.qwilr-quote .display-quote-section .items.large .units span {
  margin: 0 2px;
}
.qwilr-quote .display-quote-section .items.large .name {
  width: 50%;
}
.qwilr-quote .display-quote-section .items.large .quantity-units-input-container {
  position: relative;
}
.qwilr-quote .display-quote-section .items.large .boundaries-info {
  font-weight: 600;
  z-index: 9999;
  background: #1099FC;
  color: #fff;
  border: 1px solid #f3f5f6;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  position: absolute;
  width: 150px;
  min-width: 150px;
  top: -75px;
  left: 50%;
  margin-left: -75px;
  font-size: 12px;
  text-align: center;
  padding: 8px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.qwilr-quote .display-quote-section .items.large .boundaries-info.ng-enter {
  -webkit-animation: fadeInUp 0.3s ease;
  -moz-animation: fadeInUp 0.3s ease;
  -o-animation: fadeInUp 0.3s ease;
  animation: fadeInUp 0.3s ease;
  -webkit-animation: fadeInUp 0.3s ease, X;
  -moz-animation: fadeInUp 0.3s ease, X;
  -o-animation: fadeInUp 0.3s ease, X;
  animation: fadeInUp 0.3s ease, X;
}
.qwilr-quote .display-quote-section .items.large .boundaries-info.ng-leave {
  -webkit-animation: fadeOutDown 0.3s ease;
  -moz-animation: fadeOutDown 0.3s ease;
  -o-animation: fadeOutDown 0.3s ease;
  animation: fadeOutDown 0.3s ease;
  -webkit-animation: fadeOutDown 0.3s ease, X;
  -moz-animation: fadeOutDown 0.3s ease, X;
  -o-animation: fadeOutDown 0.3s ease, X;
  animation: fadeOutDown 0.3s ease, X;
}
.qwilr-quote .display-quote-section .items.large .boundaries-info.ng-enter {
  -webkit-animation: fadeInUp 0.3s ease;
  -moz-animation: fadeInUp 0.3s ease;
  -o-animation: fadeInUp 0.3s ease;
  animation: fadeInUp 0.3s ease;
  -webkit-animation: fadeInUp 0.3s ease, X;
  -moz-animation: fadeInUp 0.3s ease, X;
  -o-animation: fadeInUp 0.3s ease, X;
  animation: fadeInUp 0.3s ease, X;
}
.qwilr-quote .display-quote-section .items.large .boundaries-info.ng-leave {
  -webkit-animation: fadeOutDown 0.3s ease;
  -moz-animation: fadeOutDown 0.3s ease;
  -o-animation: fadeOutDown 0.3s ease;
  animation: fadeOutDown 0.3s ease;
  -webkit-animation: fadeOutDown 0.3s ease, X;
  -moz-animation: fadeOutDown 0.3s ease, X;
  -o-animation: fadeOutDown 0.3s ease, X;
  animation: fadeOutDown 0.3s ease, X;
}
.qwilr-quote .display-quote-section .items.large .boundaries-info .label {
  color: #b7e0fe;
  margin-right: 4px;
}
.qwilr-quote .display-quote-section .items.large .boundaries-info .value {
  font-weight: 700;
}
.qwilr-quote .display-quote-section .items.large .boundaries-info .dual-cell {
  width: 100%;
}
.qwilr-quote .display-quote-section .section-summary-item {
  border-top: 1px solid #ededed;
  padding: 20px 0 10px;
  font-weight: 700;
  opacity: 0.8;
}
.qwilr-quote .display-quote-section .section-summary-item:last-child {
  border-bottom: 1px solid #ededed;
}
.qwilr-quote .display-quote-section .section-summary-item > div {
  *zoom: 1;
}
.qwilr-quote .display-quote-section .section-summary-item > div:before,
.qwilr-quote .display-quote-section .section-summary-item > div:after {
  content: "";
  display: table;
}
.qwilr-quote .display-quote-section .section-summary-item > div:after {
  clear: both;
}
.qwilr-quote .display-quote-section .section-summary-item > div:before,
.qwilr-quote .display-quote-section .section-summary-item > div:after {
  content: "";
  display: table;
}
.qwilr-quote .display-quote-section .section-summary-item > div:after {
  clear: both;
}
.qwilr-quote .display-quote-section .section-summary-item > div:before,
.qwilr-quote .display-quote-section .section-summary-item > div:after {
  content: "";
  display: table;
}
.qwilr-quote .display-quote-section .section-summary-item > div:after {
  clear: both;
}
.qwilr-quote .display-quote-section .section-summary-item .label {
  float: left;
  text-transform: uppercase;
}
.qwilr-quote .display-quote-section .section-summary-item .number {
  float: right;
}
.qwilr-quote .totals {
  border-top: 2px solid;
  border-bottom: 2px solid;
  display: block;
  padding: 3.5% 0 15px;
  font-size: 20px;
}
.qwilr-quote .totals tbody,
.qwilr-quote .totals tr {
  width: 100%;
  display: block;
  *zoom: 1;
}
.qwilr-quote .totals tbody:before,
.qwilr-quote .totals tr:before,
.qwilr-quote .totals tbody:after,
.qwilr-quote .totals tr:after {
  content: "";
  display: table;
}
.qwilr-quote .totals tbody:after,
.qwilr-quote .totals tr:after {
  clear: both;
}
.qwilr-quote .totals tbody:before,
.qwilr-quote .totals tr:before,
.qwilr-quote .totals tbody:after,
.qwilr-quote .totals tr:after {
  content: "";
  display: table;
}
.qwilr-quote .totals tbody:after,
.qwilr-quote .totals tr:after {
  clear: both;
}
.qwilr-quote .totals tbody:before,
.qwilr-quote .totals tr:before,
.qwilr-quote .totals tbody:after,
.qwilr-quote .totals tr:after {
  content: "";
  display: table;
}
.qwilr-quote .totals tbody:after,
.qwilr-quote .totals tr:after {
  clear: both;
}
.qwilr-quote .totals tr {
  line-height: 2;
}
.qwilr-quote .totals tr td:first-child {
  float: left;
}
.qwilr-quote .totals tr td:last-child {
  float: right;
}
.qwilr-quote .totals .final-total {
  font-weight: 700;
}
.qwilr-quote.small {
  padding-left: 0.9375em;
  padding-right: 0.9375em;
}
.qwilr-quote.small .items .item {
  font-size: 11px;
  padding: 20px 0 10px;
}
.qwilr-quote.small .items .item:nth-child(even) {
  background: #fcfcfc;
}
.qwilr-quote.small .items .item .description {
  width: 80%;
}
.qwilr-quote.small .items .item .description .name {
  font-size: 13px;
  line-height: 1.3;
  font-weight: 400;
  margin-bottom: 10px;
}
.qwilr-quote.small .items .item .description .units {
  text-align: left;
  margin: 8px 0;
}
.qwilr-quote.small .items .item .description .units span {
  margin: 0;
}
.qwilr-quote.small .items .item .description .left-interactive-input {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left !important;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.qwilr-quote.small .items .item .description .left-interactive-input input {
  margin: 0;
}
.qwilr-quote.small .items .item .description .left-interactive-input label {
  margin-left: 5px;
  font-size: 10px;
  color: #666666;
}
.qwilr-quote.small .items .item .cost {
  min-width: 90px;
  font-weight: 700;
  margin-left: auto;
  font-size: 13px;
}
.qwilr-quote.small .items .item .boundaries-info {
  font-style: italic;
}
.qwilr-quote.small .items .item .boundaries-info:before {
  content: "(";
  margin-right: 3px;
}
.qwilr-quote.small .items .item .boundaries-info:after {
  content: ")";
  margin-left: 3px;
}
.qwilr-quote.small .totals {
  font-size: 17px;
}
.stripe-elements--updated-styling .stripe-elements__field {
  position: unset;
  border: none;
  margin: 0;
  padding: 0;
  background: unset;
}
.stripe-elements--updated-styling .stripe-elements__field input[type=text] {
  height: 56px;
  padding: 8px 8px 8px 16px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 4px;
  font-family: "calibre-legacy", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #242c39;
  line-height: normal;
}
.stripe-elements--updated-styling .stripe-elements__field input[type=text]:hover {
  border-color: rgba(129, 162, 178, 0.5);
}
.stripe-elements--updated-styling .stripe-elements__field input[type=text]:focus {
  border-color: #81a2b2;
}
.stripe-elements--updated-styling .stripe-elements__field input[type=text]::placeholder {
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: none;
  color: rgba(129, 162, 178, 0.5);
}
.stripe-elements--updated-styling .stripe-elements__field-wrapper {
  background-color: white;
  height: 56px;
  padding: 8px 8px 8px 16px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 4px;
  display: grid;
  align-items: center;
}
.stripe-elements--updated-styling .stripe-elements__field-wrapper:hover {
  border-color: rgba(129, 162, 178, 0.25);
}
.stripe-elements--updated-styling .stripe-elements__expiry,
.stripe-elements--updated-styling .stripe-elements__cvc {
  -webkit-flex-basis: unset;
  flex-basis: unset;
  flex: 1;
}
.stripe-elements--updated-styling .stripe-elements__expiry-cvc-row {
  gap: 8px;
}
.stripe-elements--updated-styling .stripe-elements__card {
  margin-bottom: 8px;
}
.stripe-elements--updated-styling .stripe-elements__name,
.stripe-elements--updated-styling .stripe-elements__expiry-cvc-row {
  margin-bottom: 24px;
}
.stripe-elements__field {
  position: relative;
  border: 1px solid rgba(129, 162, 178, 0.3);
  margin-bottom: 10px;
  padding-left: 25px;
  background: white;
}
.stripe-elements__field input[type=text] {
  border: none;
  background: #fff;
  box-sizing: border-box;
  padding-left: 0;
  font-weight: 300;
  height: 55px;
  line-height: 19px;
  font-size: 14px;
  color: #737373;
}
.stripe-elements__field ::-webkit-input-placeholder {
  font-size: 12px;
  font-style: normal;
  color: rgba(115, 115, 115, 0.5);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 400;
}
.stripe-elements__field ::-moz-placeholder {
  font-size: 12px;
  font-style: normal;
  color: rgba(115, 115, 115, 0.5);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 400;
}
.stripe-elements__field :-moz-placeholder {
  font-size: 12px;
  font-style: normal;
  color: rgba(115, 115, 115, 0.5);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 400;
}
.stripe-elements__field :-ms-input-placeholder {
  font-size: 12px;
  font-style: normal;
  color: rgba(115, 115, 115, 0.5);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 400;
}
.stripe-elements__expiry-cvc-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.stripe-elements__expiry {
  -webkit-flex-basis: 45%;
  flex-basis: 45%;
}
.stripe-elements__cvc {
  -webkit-flex-basis: 45%;
  flex-basis: 45%;
}
.qwilr-quote-v2 {
  margin: 100px auto 0;
  max-width: 1030px;
  padding: 0 50px;
  width: 100%;
}
.qwilr-quote-v2 .discount-label {
  text-align: center;
  color: white;
  font-size: 11px;
  font-weight: bold;
  line-height: 13px;
  background-color: #00857b;
  border-radius: 3px;
  padding: 1px 5px;
  box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.1);
}
.qwilr-quote-v2 .discount-label .off-label {
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}
.qwilr-quote-v2 .quote-section {
  /*
  Common styling for the items table and table rows, including the header row
  See QuoteItem.less for styling specific to the actual line items
*/
  position: relative;
  border-radius: 7px;
  -webkit-transition: background-color 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out, -moz-box-shadow 0.2s ease-out;
  -webkit-transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
  transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
  -webkit-box-shadow: inset 0 0 0 2px rgba(129, 162, 178, 0.25), 0 0 0 5px transparent;
  -moz-box-shadow: inset 0 0 0 2px rgba(129, 162, 178, 0.25), 0 0 0 5px transparent;
  box-shadow: inset 0 0 0 2px rgba(129, 162, 178, 0.25), 0 0 0 5px transparent;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip {
  padding: 14px;
  width: 120px;
  background-color: #1099FC;
  border: 1px solid #42aefd;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip .unit-cost {
  color: white;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 15px;
  text-align: center;
  margin-bottom: 12px;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip .unit-cost .per-unit {
  text-transform: uppercase;
  opacity: 0.5;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip .slider-container {
  height: 16px;
  margin: 6px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip .slider-container ng-include {
  margin: auto;
  width: 100%;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip .slider-container .slider-widget {
  width: 100%;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip .slider-container .slider-widget .filler {
  height: 4px;
  background: rgba(129, 162, 178, 0.05);
}
.qwilr-quote-v2 .quote-section .quantity-tooltip .slider-container .slider-widget input[type=range] {
  height: 4px;
  background-color: rgba(0, 0, 0, 0.1);
}
.qwilr-quote-v2 .quote-section .quantity-tooltip .slider-container .slider-widget input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 16px;
  background: white;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip .slider-container .slider-widget input[type=range]::-moz-range-thumb {
  -moz-appearance: none;
  height: 16px;
  background: white;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip .slider-container .slider-widget input[type=range]::-ms-thumb {
  height: 16px;
  background: white;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip .slider-container .slider-widget input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 16px;
  background: white;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip .slider-container .slider-widget input[type=range]::-moz-range-thumb {
  -moz-appearance: none;
  height: 16px;
  background: white;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip .slider-container .slider-widget input[type=range]::-ms-thumb {
  height: 16px;
  background: white;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.bottom .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 0 5px 5px;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.bottom .q-tooltip-arrow-outline {
  border-bottom-color: #42aefd;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.bottom .q-tooltip-arrow-inset {
  border-bottom-color: #1099FC;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.place-bottom::after {
  border-bottom-color: #1099FC;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.top .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 5px 5px 0;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.top .q-tooltip-arrow-outline {
  border-top-color: #42aefd;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.top .q-tooltip-arrow-inset {
  border-top-color: #1099FC;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.place-top::after {
  border-top-color: #1099FC;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.right .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.right .q-tooltip-arrow-outline {
  border-right-color: #42aefd;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.right .q-tooltip-arrow-inset {
  border-right-color: #1099FC;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.place-right::after {
  border-right-color: #1099FC;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.left .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.left .q-tooltip-arrow-outline {
  border-left-color: #42aefd;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.left .q-tooltip-arrow-inset {
  border-left-color: #1099FC;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.place-left::after {
  border-left-color: #1099FC;
}
.qwilr-quote-v2 .quote-section .quote-items-table {
  padding-top: 21px;
  padding-bottom: 5px;
  z-index: 0;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item {
  position: relative;
  border-bottom: 1px solid whitesmoke;
  padding: 5px 0;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item input {
  line-height: 100%;
  -moz-appearance: textfield;
  min-width: 0;
  font-family: inherit;
  font-weight: inherit;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .item-button {
  opacity: 0;
  cursor: pointer;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .item-button.opened {
  opacity: 1;
  border-color: #1099FC;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item:hover .item-button {
  opacity: 1;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item:last-child {
  border-bottom: none;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item:last-child .old-create-button {
  display: none;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item:last-child .old-create-button:hover {
  display: none;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .discount-summary-container {
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #00857b;
  float: right;
  margin-top: 12px;
  margin-bottom: 8px;
  margin-right: 21px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .discount-summary-container .before-discount-total {
  text-decoration: line-through;
  color: rgba(74, 74, 74, 0.5);
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .discount-summary-container.hideSection {
  opacity: 0.25;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .discount-summary-container.discount-summary-mobile {
  margin: 0 2% 0 0;
  line-height: 30px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .description {
  margin-right: 10px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .description .component-container {
  width: 100%;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .description .component-container.hideSection {
  pointer-events: none;
  opacity: 0.2;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .description .item-component {
  height: auto;
  display: block;
  min-height: 40px;
  padding: 6px 10px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .description .item-component content-area,
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .description .item-component .new-editor {
  height: auto;
  min-height: 40px;
  font-size: 16px;
  margin: -6px auto -6px -10px;
  padding: 6px 10px;
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-transition: border-color 0.2s ease-out;
  -moz-transition: border-color 0.2s ease-out;
  -o-transition: border-color 0.2s ease-out;
  transition: border-color 0.2s ease-out;
  -webkit-transition: border-color 0.2s ease-out, X;
  -moz-transition: border-color 0.2s ease-out, X;
  -o-transition: border-color 0.2s ease-out, X;
  transition: border-color 0.2s ease-out, X;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .description .item-component content-area:hover,
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .description .item-component .new-editor:hover {
  border-color: rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .description .item-component content-area:focus-within,
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .description .item-component .new-editor:focus-within {
  border: 1px solid rgba(129, 162, 178, 0.5);
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .description .item-component p {
  font-size: 16px;
  min-height: 24px;
  padding: 0;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-rate {
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 10px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-rate .section-toggle-icon {
  background-color: transparent;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-rate.hideSection {
  pointer-events: none;
  opacity: 0.2;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .rate-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  position: relative;
  padding: 0;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .rate-container .currency-symbol {
  width: 40px;
  padding-left: 10px;
  height: 100%;
  text-align: center;
  line-height: 40px;
  color: #47535d;
  position: absolute;
  cursor: default;
  font-size: 16px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .rate-container input {
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-transition: border-color 0.2s ease-out;
  -moz-transition: border-color 0.2s ease-out;
  -o-transition: border-color 0.2s ease-out;
  transition: border-color 0.2s ease-out;
  -webkit-transition: border-color 0.2s ease-out, X;
  -moz-transition: border-color 0.2s ease-out, X;
  -o-transition: border-color 0.2s ease-out, X;
  transition: border-color 0.2s ease-out, X;
  height: 100%;
  font-size: 16px;
  padding-left: 40px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .rate-container input:hover {
  border-color: rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .rate-container input:focus-within {
  border: 1px solid rgba(129, 162, 178, 0.5);
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .quantity-column {
  min-width: 0;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .quantity-column .hideSection {
  opacity: 0.2;
  pointer-events: none;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .quantity-column .quantity {
  padding: 0 5px 0 0;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .quantity-column .quantity .item-input {
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-transition: border-color 0.2s ease-out;
  -moz-transition: border-color 0.2s ease-out;
  -o-transition: border-color 0.2s ease-out;
  transition: border-color 0.2s ease-out;
  -webkit-transition: border-color 0.2s ease-out, X;
  -moz-transition: border-color 0.2s ease-out, X;
  -o-transition: border-color 0.2s ease-out, X;
  transition: border-color 0.2s ease-out, X;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .quantity-column .quantity .item-input:hover {
  border-color: rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .quantity-column .quantity .item-input:focus-within {
  border: 1px solid rgba(129, 162, 178, 0.5);
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .quantity-column .unit .item-component {
  padding-left: 10px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .quantity-column .unit .item-input {
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-transition: border-color 0.2s ease-out;
  -moz-transition: border-color 0.2s ease-out;
  -o-transition: border-color 0.2s ease-out;
  transition: border-color 0.2s ease-out;
  -webkit-transition: border-color 0.2s ease-out, X;
  -moz-transition: border-color 0.2s ease-out, X;
  -o-transition: border-color 0.2s ease-out, X;
  transition: border-color 0.2s ease-out, X;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .quantity-column .unit .item-input:hover {
  border-color: rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .quantity-column .unit .item-input:focus-within {
  border: 1px solid rgba(129, 162, 178, 0.5);
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .unit {
  width: 100px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .quantity div {
  text-align: center;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .quantity input {
  padding: 0;
  text-align: center;
  width: 50px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .quantity input.invalid,
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .quantity input.invalid:focus-within {
  border-color: #7c0e21;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .variable-input {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 40px;
  padding-left: 10px;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-transition: border 0.2s ease-out;
  -moz-transition: border 0.2s ease-out;
  -o-transition: border 0.2s ease-out;
  transition: border 0.2s ease-out;
  -webkit-transition: border 0.2s ease-out, X;
  -moz-transition: border 0.2s ease-out, X;
  -o-transition: border 0.2s ease-out, X;
  transition: border 0.2s ease-out, X;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .variable-input:hover {
  border: 1px solid rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .variable-input.focused {
  border: 1px solid rgba(129, 162, 178, 0.5);
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .variable-input.invalid {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .variable-input .variable-input-arrow {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  fill: rgba(129, 162, 178, 0.75);
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .price-column .item-discount-label {
  top: 0;
  text-align: right;
  margin: 0;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .price-option {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .price-option .price {
  text-align: right;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .price-option .price.hideSection {
  pointer-events: none;
  opacity: 0.2;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .price-option .price .item-component {
  padding: 0;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .price-option .price .item-component span {
  font-size: 16px;
  white-space: nowrap;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .price-option .price .item-component.unused {
  color: rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .price-option .option-select .option-tick {
  position: relative;
  right: -5px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .price-option .option-select .option-tick ng-include {
  display: flex;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .insert-item-button {
  width: 36px;
  height: 36px;
  position: absolute;
  bottom: -18px;
  left: -18px;
  z-index: 1;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .insert-item-button .opened {
  background: #1099FC;
  color: white;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .item-settings-button {
  position: absolute;
  top: 50%;
  right: -15px;
  transform: translateY(-50%);
  z-index: 1;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .item-settings-button .button {
  width: 30px;
  height: 30px;
  padding: 0;
  border-radius: 15px;
  border: 1px solid #81a2b2;
  background-color: white;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .item-settings-button .button svg {
  fill: #81a2b2;
  width: 16px;
  height: 16px;
  transform: rotate(90deg);
  margin: auto;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item {
  padding: 10px 0;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row {
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 10.5px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row .description {
  margin: 10px 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row .description .item-component {
  padding: 0;
  min-height: 0;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row .item-rate {
  width: unset;
  padding-right: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row .item-rate .uppercase-label span::after {
  content: ",";
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row .item-quantity-price {
  -webkit-flex-basis: auto;
  flex-basis: auto;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row .item-quantity-price .component-container {
  height: 30px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row .item-quantity-price .component-container .hideSection {
  opacity: 0.3;
  pointer-events: none;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row .item-quantity-price .component-container:not(:last-child) {
  margin-right: 10px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row .item-quantity-price .component-container .item-component {
  height: 30px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row .item-quantity-price .component-container .item-component span {
  font-size: 16px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row .item-quantity-price .item-quantity-price-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row .item-quantity-price .item-discount-label {
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row .item-quantity-price .quantity div {
  width: unset;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row .item-quantity-price .unit {
  width: unset;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row .item-quantity-price .price-option {
  position: relative;
  margin-left: auto;
  font-weight: 600;
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  min-height: 40px;
  padding: 0 21px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row.header {
  font-weight: bold;
  padding-top: 8px;
  padding-bottom: 8px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row.header .description .component-container {
  padding-left: 10px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row input.item-input,
.qwilr-quote-v2 .quote-section .quote-items-table .table-row input[type=text].item-input,
.qwilr-quote-v2 .quote-section .quote-items-table .table-row input[type=number].item-input {
  padding: 0 10px;
  background-color: transparent;
  outline: none;
  -webkit-transition: border-color 0.2s ease-out;
  -moz-transition: border-color 0.2s ease-out;
  -o-transition: border-color 0.2s ease-out;
  transition: border-color 0.2s ease-out;
  -webkit-transition: border-color 0.2s ease-out, X;
  -moz-transition: border-color 0.2s ease-out, X;
  -o-transition: border-color 0.2s ease-out, X;
  transition: border-color 0.2s ease-out, X;
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row input.item-input:hover,
.qwilr-quote-v2 .quote-section .quote-items-table .table-row input[type=text].item-input:hover,
.qwilr-quote-v2 .quote-section .quote-items-table .table-row input[type=number].item-input:hover {
  border-color: rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row input.item-input:focus-within,
.qwilr-quote-v2 .quote-section .quote-items-table .table-row input[type=text].item-input:focus-within,
.qwilr-quote-v2 .quote-section .quote-items-table .table-row input[type=number].item-input:focus-within {
  border: 1px solid rgba(129, 162, 178, 0.5);
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row .item-component {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  font-size: 16px;
  height: 40px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row .item-component .label-span {
  margin: auto 0;
  width: 100%;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row .description {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-basis: 464px;
  flex-basis: 464px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row .item-rate {
  width: 160px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row .uppercase-label {
  text-transform: uppercase;
  color: #5f7497;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 14px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row .quantity-column {
  width: 150px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row .quantity .label-span {
  min-width: 50px;
  margin: auto;
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row .price-column {
  position: relative;
  width: 100px;
  text-align: right;
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row .wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
}
.qwilr-quote-v2 .quote-section .quote-items-table.on-mobile {
  padding-top: 5px;
}
.qwilr-quote-v2 .quote-section--no-border {
  -webkit-box-shadow: 0 0 0 5px transparent;
  -moz-box-shadow: 0 0 0 5px transparent;
  box-shadow: 0 0 0 5px transparent;
}
.qwilr-quote-v2 .quote-section--with-editor:hover {
  -webkit-box-shadow: inset 0 0 0 2px rgba(129, 162, 178, 0.25), 0 0 0 5px rgba(16, 153, 252, 0.25);
  -moz-box-shadow: inset 0 0 0 2px rgba(129, 162, 178, 0.25), 0 0 0 5px rgba(16, 153, 252, 0.25);
  box-shadow: inset 0 0 0 2px rgba(129, 162, 178, 0.25), 0 0 0 5px rgba(16, 153, 252, 0.25);
}
.qwilr-quote-v2 .quote-section--with-editor.active {
  -webkit-box-shadow: inset 0 0 0 2px rgba(129, 162, 178, 0.25), 0 0 0 5px rgba(16, 153, 252, 0.5);
  -moz-box-shadow: inset 0 0 0 2px rgba(129, 162, 178, 0.25), 0 0 0 5px rgba(16, 153, 252, 0.5);
  box-shadow: inset 0 0 0 2px rgba(129, 162, 178, 0.25), 0 0 0 5px rgba(16, 153, 252, 0.5);
}
.qwilr-quote-v2 .quote-section--with-editor.quote-section--no-border:hover {
  -webkit-box-shadow: 0 0 0 5px rgba(16, 153, 252, 0.25);
  -moz-box-shadow: 0 0 0 5px rgba(16, 153, 252, 0.25);
  box-shadow: 0 0 0 5px rgba(16, 153, 252, 0.25);
}
.qwilr-quote-v2 .quote-section--with-editor.quote-section--no-border.active {
  -webkit-box-shadow: 0 0 0 5px rgba(16, 153, 252, 0.5);
  -moz-box-shadow: 0 0 0 5px rgba(16, 153, 252, 0.5);
  box-shadow: 0 0 0 5px rgba(16, 153, 252, 0.5);
}
.qwilr-quote-v2 .quote-section--with-editor .section-header {
  cursor: pointer;
}
.qwilr-quote-v2 .quote-section .new-editor {
  cursor: auto;
}
.qwilr-quote-v2 .quote-section .item-toggle-button {
  cursor: pointer;
  width: 20px;
  background-color: transparent;
  fill: #81a2b2;
  margin-left: 10px;
}
.qwilr-quote-v2 .quote-section .item-toggle-button .toggle-icon {
  opacity: 0.5;
}
.qwilr-quote-v2 .quote-section .component-container.hideSection {
  opacity: 0.25;
}
.qwilr-quote-v2 .quote-section.selected {
  border-color: #00857b;
}
.qwilr-quote-v2 .quote-section .section-header {
  background: #e6edf0;
  padding: 21px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-radius: 7px;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
  -webkit-transition: background-color 0.2s ease-out, X;
  -moz-transition: background-color 0.2s ease-out, X;
  -o-transition: background-color 0.2s ease-out, X;
  transition: background-color 0.2s ease-out, X;
}
.qwilr-quote-v2 .quote-section .section-header--with-items-table {
  border-radius: 7px 7px 0 0;
}
.qwilr-quote-v2 .quote-section .section-header .left {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-grow: 2;
  flex-grow: 2;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  min-width: 0;
  max-width: 464px;
}
.qwilr-quote-v2 .quote-section .section-header .left .section-description {
  width: 100%;
  overflow-wrap: break-word;
  -webkit-transition: border-color 0.2s ease-out, color 0.2s ease-out;
  -moz-transition: border-color 0.2s ease-out, color 0.2s ease-out;
  -o-transition: border-color 0.2s ease-out, color 0.2s ease-out;
  transition: border-color 0.2s ease-out, color 0.2s ease-out;
}
.qwilr-quote-v2 .quote-section .section-header .left .section-description p {
  padding: 0 0 7px;
}
.qwilr-quote-v2 .quote-section .section-header .left .section-description p:last-child {
  padding-bottom: 0;
}
.qwilr-quote-v2 .quote-section .section-header .left .section-description h2 {
  font-size: 24px;
}
.qwilr-quote-v2 .quote-section .section-header .left .section-description h2:last-child {
  padding-bottom: 0;
}
.qwilr-quote-v2 .quote-section .section-header .left .section-description content-area,
.qwilr-quote-v2 .quote-section .section-header .left .section-description .new-editor {
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-transition: border-color 0.2s ease-out;
  -moz-transition: border-color 0.2s ease-out;
  -o-transition: border-color 0.2s ease-out;
  transition: border-color 0.2s ease-out;
  -webkit-transition: border-color 0.2s ease-out, X;
  -moz-transition: border-color 0.2s ease-out, X;
  -o-transition: border-color 0.2s ease-out, X;
  transition: border-color 0.2s ease-out, X;
  margin: 0;
  padding: 5px 10px;
}
.qwilr-quote-v2 .quote-section .section-header .left .section-description content-area:hover,
.qwilr-quote-v2 .quote-section .section-header .left .section-description .new-editor:hover {
  border-color: rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2 .quote-section .section-header .left .section-description content-area:focus-within,
.qwilr-quote-v2 .quote-section .section-header .left .section-description .new-editor:focus-within {
  border: 1px solid rgba(129, 162, 178, 0.5);
}
.qwilr-quote-v2 .quote-section .section-header .left .section-description content-area:focus,
.qwilr-quote-v2 .quote-section .section-header .left .section-description .new-editor:focus {
  border-color: #1099FC;
}
.qwilr-quote-v2 .quote-section .section-header .left .section-description .public-page {
  padding: 5px 10px;
}
.qwilr-quote-v2 .quote-section .section-header .left .section-name {
  height: 28px;
  opacity: 0.5;
  color: #47535d;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 28px;
  padding-left: 7px;
  text-transform: uppercase;
}
.qwilr-quote-v2 .quote-section .section-header .right {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-left: 10px;
}
.qwilr-quote-v2 .quote-section .section-header .right .settings-bar {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-bottom: 20px;
}
.qwilr-quote-v2 .quote-section .section-header .right .section-button {
  width: 32px;
  height: 32px;
  margin-left: 7px;
}
.qwilr-quote-v2 .quote-section .section-header .right .settings {
  border-radius: 2.5px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
}
.qwilr-quote-v2 .quote-section .section-header .right .settings:hover {
  background: rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2 .quote-section .section-header .right .button-trash {
  border-radius: 3px;
}
.qwilr-quote-v2 .quote-section .section-header .right .button-trash:hover {
  border: 1px solid rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2 .quote-section .section-header .right .move-container .arrows-container .arrow {
  width: 32px;
  height: 32px;
}
.qwilr-quote-v2 .quote-section .section-header .right .subtotal-block {
  position: relative;
  margin-top: auto;
}
.qwilr-quote-v2 .quote-section .section-header .right .subtotal-block .subtotal-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.qwilr-quote-v2 .quote-section .section-header .right .subtotal-block .subtotal-row .collapse-line-items {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  width: 27px;
  height: 27px;
  background-color: #c0d1d9;
  border-radius: 50%;
  transform: rotate(90deg);
  cursor: pointer;
  user-select: none;
}
.qwilr-quote-v2 .quote-section .section-header .right .subtotal-block .subtotal-row .collapse-line-items ng-include {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.qwilr-quote-v2 .quote-section .section-header .right .subtotal-block .subtotal-row .collapse-line-items ng-include svg {
  width: 50%;
  height: 50%;
  margin: auto;
  fill: #81a2b2;
}
.qwilr-quote-v2 .quote-section .section-header .right .subtotal-block .subtotal-row .collapse-line-items.collapsed {
  transform: none;
}
.qwilr-quote-v2 .quote-section .section-header .right .subtotal-block .subtotal-row .section-subtotal-value {
  height: 29px;
  color: #47535d;
  font-size: 24px;
  line-height: 29px;
  text-align: right;
  margin-left: 11px;
}
.qwilr-quote-v2 .quote-section .section-header .right .subtotal-block .subtotal-row .section-select {
  width: 26px;
  height: 26px;
  border: 2px solid rgba(129, 162, 178, 0.5);
  border-radius: 50%;
  cursor: pointer;
  margin-left: 9px;
}
.qwilr-quote-v2 .quote-section .section-header .right .subtotal-block .subtotal-row .section-select.selected {
  border: 2px solid #00857b;
}
.qwilr-quote-v2 .quote-section .section-header .right .subtotal-block .subtotal-row .section-select.selected.multi-select {
  background-color: #00857b;
}
.qwilr-quote-v2 .quote-section .section-header .right .subtotal-block .subtotal-row .section-select.selected.multi-select .multi-select-tick {
  fill: white;
  margin-top: 3px;
}
.qwilr-quote-v2 .quote-section .section-header .right .subtotal-block .subtotal-row .section-select.selected.single-select {
  background-color: white;
}
.qwilr-quote-v2 .quote-section .section-header .right .subtotal-block .subtotal-row .section-select.selected.single-select .single-select-circle {
  border-radius: 50%;
  width: 16px;
  height: 16px;
  background-color: #00857b;
}
.qwilr-quote-v2 .quote-section .section-header .right .subtotal-block .subtotal-row .section-select.disabled {
  cursor: inherit;
}
.qwilr-quote-v2 .quote-section .section-header .right .section-subtotal-title {
  height: 14px;
  margin: 8px 0 8px 0;
  color: rgba(74, 74, 74, 0.5);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 14px;
  text-align: right;
  text-transform: uppercase;
  display: flex;
}
.qwilr-quote-v2 .quote-section .section-header .right .section-subtotal-title .subtotal-details {
  flex-grow: 1;
}
.qwilr-quote-v2 .quote-section .section-header .right .section-subtotal-title .subtotal-details .discount-summary-container .pre-discount-price {
  text-decoration: line-through;
}
.qwilr-quote-v2 .quote-section .section-header .right .section-subtotal-title .subtotal-details .discount-summary-container .discount-name {
  color: #00A69F;
}
.qwilr-quote-v2 .quote-section .section-header .right .discount-label-outside {
  position: absolute;
  right: -10px;
  bottom: 0;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}
.qwilr-quote-v2 .quote-section.on-mobile .section-header {
  padding: 10.5px;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.qwilr-quote-v2 .quote-section.on-mobile .section-header .left {
  max-width: unset;
  width: 100%;
}
.qwilr-quote-v2 .quote-section.on-mobile .section-header .right {
  max-width: unset;
  width: 100%;
  margin-left: 0;
}
.qwilr-quote-v2 .quote-section.on-mobile .subtotal-block .subtotal-row .collapse-line-items {
  margin-right: auto;
}
.qwilr-quote-v2 .quote-section .quote-items-header .description .component-container {
  max-width: 250px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row.quote-items-header .wrapper .component-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row.quote-items-header .wrapper .component-container.price-column {
  padding-left: 10px;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  text-align: right;
}
.qwilr-quote-v2 .quote-inline-toolbar {
  position: absolute;
  margin: -60px auto 0;
  left: 0;
  right: 0;
  opacity: 100;
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  -webkit-transition: opacity 0.2s ease-out, X;
  -moz-transition: opacity 0.2s ease-out, X;
  -o-transition: opacity 0.2s ease-out, X;
  transition: opacity 0.2s ease-out, X;
}
.qwilr-quote-v2 .quote-inline-toolbar.ng-hide {
  opacity: 0;
}
.qwilr-quote-v2 .quote-inline-toolbar .style-shortcut__section-title,
.qwilr-quote-v2 .quote-inline-toolbar .toolbar-component .hint-component__hint-content,
.qwilr-quote-v2 .quote-inline-toolbar .shortcut-button-group__button-content {
  font-family: "calibre-legacy", sans-serif !important;
}
.qwilr-quote-v2 .quote-total {
  max-width: 440px;
  margin: auto;
}
.qwilr-quote-v2 .quote-total .total-section:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.qwilr-quote-v2 .quote-total .total-section:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.qwilr-quote-v2 .quote-total .taxes-table {
  background-color: #e6edf0;
  padding: 0 25px;
  border-top: 2px solid rgba(129, 162, 178, 0.25);
  border-left: 2px solid rgba(129, 162, 178, 0.25);
  border-right: 2px solid rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2 .quote-total .taxes-table--no-border {
  border: none;
}
.qwilr-quote-v2 .quote-total .taxes-table .tax-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 5px 0;
}
.qwilr-quote-v2 .quote-total .taxes-table .tax-row .tax-name {
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #81a2b2;
}
.qwilr-quote-v2 .quote-total .taxes-table .tax-row .tax-amount {
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 1px;
  color: #242C39;
}
.qwilr-quote-v2 .quote-total .taxes-table .tax-row:first-child {
  padding-top: 25px;
}
.qwilr-quote-v2 .quote-total .taxes-table .tax-row:last-child {
  padding-bottom: 25px;
}
.qwilr-quote-v2 .quote-total .total-amount {
  position: relative;
  background-color: #d0dce2;
  padding: 28px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out, X;
  -moz-transition: all 0.2s ease-out, X;
  -o-transition: all 0.2s ease-out, X;
  transition: all 0.2s ease-out, X;
}
.qwilr-quote-v2 .quote-total .total-amount .total-amount-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.qwilr-quote-v2 .quote-total .total-amount .total-amount-row.discount-row {
  width: 89%;
}
.qwilr-quote-v2 .quote-total .total-amount .total-amount-row.discount-row .discount-summary-container {
  margin-left: auto;
  height: 15px;
  color: rgba(71, 83, 93, 0.5);
  font-family: "calibre-legacy", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 15px;
  text-align: right;
  text-transform: uppercase;
}
.qwilr-quote-v2 .quote-total .total-amount .total-amount-row.discount-row .discount-summary-container .pre-discount-price {
  text-decoration: line-through;
}
.qwilr-quote-v2 .quote-total .total-amount .total-amount-row.discount-row .discount-summary-container .discount-name {
  color: #00A69F;
}
.qwilr-quote-v2 .quote-total .total-amount .total-amount-row.discount-summary-preview {
  width: 100%;
}
.qwilr-quote-v2 .quote-total .total-amount .total-amount-row .total-label {
  font-size: 32px;
  font-weight: bold;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.qwilr-quote-v2 .quote-total .total-amount .total-amount-row .discount-label-inline {
  margin-right: 10px;
}
.qwilr-quote-v2 .quote-total .total-amount .total-amount-row .total-number {
  text-align: right;
  font-size: 24px;
}
.qwilr-quote-v2 .quote-total .total-amount .total-amount-row .settings-container {
  width: 32px;
  height: 32px;
  margin-left: 10px;
  cursor: pointer;
}
.qwilr-quote-v2 .quote-total .total-amount .total-amount-row .settings-container .total-settings {
  width: 32px;
  height: 32px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
  border-radius: 2.5px;
}
.qwilr-quote-v2 .quote-total .total-amount .total-amount-row .settings-container .total-settings:hover {
  background: rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2 .quote-total .total-amount .discount-label-container {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translate(100%, -50%);
  -moz-transform: translate(100%, -50%);
  -o-transform: translate(100%, -50%);
  -ms-transform: translate(100%, -50%);
  transform: translate(100%, -50%);
}
.qwilr-quote-v2 .icon {
  font-family: "qwilr" !important;
}
.qwilr-quote-v2 .section-divider {
  height: 65px;
}
.qwilr-quote-v2 .section-divider .old-create-button-divider {
  height: 100%;
}
.qwilr-quote-v2.on-mobile {
  padding: 0 10px;
}
.qwilr-quote-v2.on-mobile .section-divider {
  height: 20px;
}
.qwilr-quote-v2 .display-quote-section.ng-move {
  position: relative;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease, X;
  -moz-transition: all 0.4s ease, X;
  -o-transition: all 0.4s ease, X;
  transition: all 0.4s ease, X;
  top: 50px;
  opacity: 0;
}
.qwilr-quote-v2 .display-quote-section.ng-move-active {
  top: 0;
  opacity: 1;
}
.qwilr-quote-v2 .display-quote-section.ng-move + section {
  position: relative;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease, X;
  -moz-transition: all 0.4s ease, X;
  -o-transition: all 0.4s ease, X;
  transition: all 0.4s ease, X;
  top: -50px;
  opacity: 0;
}
.qwilr-quote-v2 .display-quote-section.ng-move-active + section {
  top: 0;
  opacity: 1;
}
.qwilr-quote-v2 .display-quote-section .singleSection .section-style-container .toolbar-component .hint-component:last-of-type .toolbar-component__icon {
  opacity: 0.25;
}
.discount-pill {
  font-size: 12px;
  line-height: 1;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 6px 12px;
  border-radius: 4px;
  line-height: 1.4;
}
@media screen and (max-width: 750px) {
  body:not(#print) .discount-pill {
    font-size: 10px;
  }
}
body#print .discount-pill {
  font-size: 8px;
}
.plan-group__container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
  position: relative;
}
.plan-group__container--invisible {
  display: none;
}
body#print .plan-group__container .segmented-control__content {
  height: 54px;
}
.plan-group__tab {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  white-space: nowrap;
}
body#print .plan-group__tab {
  font-size: 12px;
}
.plan-group__tab .discount-pill__details {
  white-space: nowrap;
}
.plan-group__tab--token::before {
  content: '';
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  right: 4px;
  background-color: rgba(16, 153, 252, 0.25);
  border: 1px solid rgba(16, 153, 252, 0.5);
  border-radius: 4px;
  z-index: -1;
}
.plan-group__tab--token {
  gap: 4px;
}
.plan-group__mobile-dropdown {
  display: none;
}
.plan-group__dropdown-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.plan-group__frequency-indicator-wrapper {
  z-index: 1;
  width: 0;
  transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.plan-group__frequency-indicator-wrapper--entering,
.plan-group__frequency-indicator-wrapper--entered {
  width: 16px;
}
.plan-group__frequency-indicator {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  transform: scale(0.5);
  opacity: 0;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.plan-group__frequency-indicator--entering,
.plan-group__frequency-indicator--entered {
  transition-delay: 150ms;
  opacity: 1;
  transform: none;
}
@media screen and (max-width: 750px) {
  body:not(#print)  .page-content-wrapper .plan-group--use-dropdown-on-mobile .plan-group__tab-group {
    display: none;
  }
  body:not(#print)  .page-content-wrapper .plan-group--use-dropdown-on-mobile .plan-group__mobile-dropdown {
    display: block;
  }
}
body#print  .page-content-wrapper .plan-group--use-dropdown-on-mobile .plan-group__tab-group {
  display: none;
}
body#print  .page-content-wrapper .plan-group--use-dropdown-on-mobile .plan-group__mobile-dropdown {
  display: block;
}
.qwilr-quote-v2-react {
  margin: 0 auto;
  max-width: 1030px;
  padding: 0 50px;
  width: 100%;
}
.qwilr-quote-v2-react .section {
  margin: 24px 0;
  transition: box-shadow 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  border-radius: 8px;
}
.qwilr-quote-v2-react .section:first-child {
  margin-top: 130px;
}
body#print .qwilr-quote-v2-react .section:first-child {
  margin-top: 40px;
}
.qwilr-quote-v2-react .section--selectable:hover {
  box-shadow: 0 0 0 3px rgba(16, 153, 252, 0.25);
}
.qwilr-quote-v2-react .section--selected {
  box-shadow: 0 0 0 3px rgba(16, 153, 252, 0.4) !important;
}
.qwilr-quote-v2-react .section__banner {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  background-color: transparent;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  padding: 40px 24px 24px;
}
.qwilr-quote-v2-react .section__banner--only {
  border-radius: 8px;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__banner {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
body#print .qwilr-quote-v2-react .section__banner {
  padding: 40px 16px 16px;
}
.qwilr-quote-v2-react .section--selectable .section__banner {
  cursor: pointer;
}
.qwilr-quote-v2-react .section__discount {
  position: absolute;
  top: -10px;
  right: -10px;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__discount {
    left: 10px;
    right: auto;
  }
}
.qwilr-quote-v2-react .section__title {
  flex: 1 1 auto;
  min-width: 40%;
  max-width: 50%;
  cursor: auto;
}
.qwilr-quote-v2-react .section__title h2 {
  font-size: 24px;
  /*
        At this smaller font size, use a thicker font-weight
        for editor h2s.
      */
  font-weight: 400;
}
.qwilr-quote-v2-react .section__title p:last-child,
.qwilr-quote-v2-react .section__title h2:last-child {
  padding-bottom: 0;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__title {
    /*
        Ensure that the title doesn't clash with the collapse button
        on mobile devices.
      */
    padding-right: 40px;
    min-width: initial;
    max-width: initial;
  }
  body:not(#print) .qwilr-quote-v2-react .section__title p {
    font-size: 14px;
  }
  body:not(#print) .qwilr-quote-v2-react .section__title h2 {
    font-size: 20px;
  }
}
body#print .qwilr-quote-v2-react .section__title p,
body#print .qwilr-quote-v2-react .section__title li {
  font-size: 10px;
}
body#print .qwilr-quote-v2-react .section__title h2 {
  font-size: 18px;
}
.qwilr-quote-v2-react .section__details {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 16px;
}
.qwilr-quote-v2-react .section__details:empty {
  display: none;
}
@media all and (-ms-high-contrast: none) {
  .qwilr-quote-v2-react .section__details {
    flex: 1 0 50%;
    margin-left: -16px;
    margin-bottom: -16px;
  }
  .qwilr-quote-v2-react .section__details > * {
    margin-left: 16px;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__details {
    width: 100%;
    justify-content: start;
  }
}
.qwilr-quote-v2-react .section__details .section__collapse-button {
  background-color: rgba(71, 83, 93, 0.1);
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__details .section__collapse-button-wrapper {
    position: absolute;
    top: 16px;
    right: 16px;
  }
}
@media all and (-ms-high-contrast: none) {
  .qwilr-quote-v2-react .section__details .section__collapse-button .button__icon-wrapper {
    position: relative !important;
  }
}
.qwilr-quote-v2-react .section__subtotals-mobile {
  display: none;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__subtotals-mobile {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 24px;
  }
  body:not(#print) .qwilr-quote-v2-react .section__subtotals-mobile .section__subtotal {
    display: flex;
  }
}
.qwilr-quote-v2-react .section__subtotal {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-end;
  text-align: end;
}
@media all and (-ms-high-contrast: none) {
  .qwilr-quote-v2-react .section__subtotal > *:not(:first-child) {
    margin-left: 4px;
  }
}
.qwilr-quote-v2-react .section__subtotal + .section__subtotal {
  padding-left: 16px;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__subtotal {
    display: none;
    align-items: flex-start;
    text-align: start;
  }
  body:not(#print) .qwilr-quote-v2-react .section__subtotal:nth-child(odd) {
    padding-left: 0;
  }
}
.qwilr-quote-v2-react .section__subtotal-label {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  white-space: nowrap;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__subtotal-label {
    font-size: 10px;
  }
}
body#print .qwilr-quote-v2-react .section__subtotal-label {
  font-size: 8px;
}
.qwilr-quote-v2-react .section .before-discount-total {
  letter-spacing: 1px;
  text-decoration: line-through;
  color: rgba(74, 74, 74, 0.5);
}
.qwilr-quote-v2-react .section__subtotal-value {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 16px;
  font-size: 20px;
  line-height: 20px;
  margin: 0;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__subtotal-value {
    font-size: 18px;
    line-height: 25px;
  }
}
body#print .qwilr-quote-v2-react .section__subtotal-value {
  font-size: 14px;
}
.qwilr-quote-v2-react .section__label {
  margin-bottom: 4px;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__label {
    font-size: 14px;
  }
}
body#print .qwilr-quote-v2-react .section__label {
  font-size: 12px;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section-menu__edit-wrapper {
    position: absolute;
    right: 16px;
    bottom: 16px;
  }
}
.qwilr-quote-v2-react .section__main {
  display: flex;
  flex-direction: column;
  padding-top: 16px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__main {
    padding-top: 0;
  }
}
body#print .qwilr-quote-v2-react .section__main {
  padding-top: 4px;
}
@media all and (-ms-high-contrast: none) {
  .qwilr-quote-v2-react .section__table {
    width: 100%;
  }
}
.qwilr-quote-v2-react .section__table:last-child .section__row:last-child .section__cell:first-child {
  border-bottom-left-radius: 8px;
}
.qwilr-quote-v2-react .section__table:last-child .section__row:last-child .section__cell:last-child {
  border-bottom-right-radius: 8px;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__table:last-child .section__row:last-child .section__cell:first-child {
    border-bottom-left-radius: 0;
  }
  body:not(#print) .qwilr-quote-v2-react .section__table:last-child .section__row:last-child .section__cell:nth-child(2) {
    border-bottom-left-radius: 8px;
  }
}
.qwilr-quote-v2-react .section__row {
  position: relative;
  transition: border-color 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.qwilr-quote-v2-react .section__row--unselected .section__cell {
  background-color: rgba(129, 162, 178, 0.1);
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  body:not(#print) .qwilr-quote-v2-react .section__row--header {
    display: none;
  }
  body:not(#print) .qwilr-quote-v2-react .section__row .section__cell.section__description {
    width: 100%;
  }
  body:not(#print) .qwilr-quote-v2-react .section__row .section__cell:last-child {
    flex: 1;
  }
}
.qwilr-quote-v2-react .section__row--product-item .section__cell:not(.section__description) {
  padding-top: 44px;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__row--product-item .section__cell:not(.section__description) {
    padding-top: 16px;
  }
}
.qwilr-quote-v2-react .section__drop-indicator td::after {
  background-color: #1099FC;
  height: 1px;
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  pointer-events: none;
}
.qwilr-quote-v2-react .section__drop-indicator--before td::after {
  top: 0;
}
.qwilr-quote-v2-react .section__drop-indicator--after td::after {
  bottom: -2px;
}
.qwilr-quote-v2-react .section__drop-indicator--is-dragging td * {
  pointer-events: none;
}
.qwilr-quote-v2-react .section .section__row--product-item td::before {
  content: '';
  position: absolute;
  background-color: rgba(16, 153, 252, 0.25);
  border-top: 1px solid rgba(16, 153, 252, 0.5);
  border-bottom: 1px solid rgba(16, 153, 252, 0.5);
  width: calc(100%);
  height: calc(100% - 4px - 4px);
  top: 4px;
  left: 0px;
}
.qwilr-quote-v2-react .section .section__row--product-item td:first-child::before {
  left: 8px;
  width: calc(100% - 8px);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-left: 1px solid rgba(16, 153, 252, 0.5);
}
.qwilr-quote-v2-react .section .section__row--product-item td:last-child::before {
  width: calc(100% - 8px);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-right: 1px solid rgba(16, 153, 252, 0.5);
}
.qwilr-quote-v2-react .section .section__row--product-item td:only-of-type::before {
  width: calc(100% - 2 * 8px);
}
.qwilr-quote-v2-react .section__cell {
  position: relative;
  text-align: start;
  font-size: 16px;
  padding: 16px;
  vertical-align: top;
  transition: background-color 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.qwilr-quote-v2-react .section__cell > * {
  position: relative;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__cell {
    font-size: 14px;
    padding-left: 0;
  }
  body:not(#print) .qwilr-quote-v2-react .section__cell:nth-child(2) {
    padding-left: 16px;
  }
}
body#print .qwilr-quote-v2-react .section__cell {
  font-size: 10px;
}
.qwilr-quote-v2-react .section__cell--header {
  padding-bottom: 8px;
  height: 40px;
}
.qwilr-quote-v2-react .section__cell--header:first-child {
  padding-left: 24px;
}
body#print .qwilr-quote-v2-react .section__cell--header {
  padding-left: 16px;
}
.qwilr-quote-v2-react .section__cell--header-item-container {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 700;
}
.qwilr-quote-v2-react .section__cell:not(:first-child) {
  width: 16%;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__cell:not(:first-child) {
    width: auto;
    height: 100%;
  }
}
.qwilr-quote-v2-react .section__cell:last-child {
  padding-right: 24px;
}
.qwilr-quote-v2-react .section__cell:last-child:not(.section__description) {
  text-align: end;
  width: 20%;
}
.qwilr-quote-v2-react .section__cell:last-child:not(.section__description) .section__cell--header-item-container {
  justify-content: flex-end;
}
@media all and (-ms-high-contrast: none) {
  .qwilr-quote-v2-react .section__cell:last-child:not(.section__description) {
    text-align: right;
  }
}
body#print .qwilr-quote-v2-react .section__cell:last-child {
  padding-left: 16px;
}
.qwilr-quote-v2-react .section__cell .text-input__input {
  font-weight: 400;
  font-size: 16px;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__cell .text-input__input {
    font-size: 14px;
  }
}
body#print .qwilr-quote-v2-react .section__cell .text-input__input {
  font-size: 10px;
}
.qwilr-quote-v2-react .section__cell--header-button {
  fill: rgba(129, 162, 178, 0.5);
}
.qwilr-quote-v2-react .section__cell--fade > * {
  opacity: 0.25;
}
.qwilr-quote-v2-react .section__cell--fade ~ div .section__cell--header-button {
  fill: rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2-react .section__cell--invisible {
  display: none;
}
.qwilr-quote-v2-react .section__actions {
  display: flex;
  justify-content: start;
  gap: 8px;
  padding: 24px;
  border-top: 1px solid rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2-react .section .editor-v1 .new-editor {
  left: -8px;
}
.qwilr-quote-v2-react .section__description {
  width: 48%;
  padding: 16px;
  padding-left: 24px;
  word-break: break-word;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__description {
    width: auto;
    padding-left: 16px;
    grid-column: 1 / span 3;
    font-size: 16px;
    padding-bottom: 0;
  }
}
body#print .qwilr-quote-v2-react .section__description {
  font-size: 10px;
  padding-left: 16px;
}
.qwilr-quote-v2-react .section__description-content-wrapper {
  display: flex;
  flex-direction: column;
}
.qwilr-quote-v2-react .section__product-filter-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  height: 24px;
}
.qwilr-quote-v2-react .section__product-filter-wrapper .kl-icon {
  flex-shrink: 0;
}
.qwilr-quote-v2-react .section__product-filter-label {
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 12px;
  font-weight: 700;
  margin-left: 4px;
}
.qwilr-quote-v2-react .section__description-content {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.qwilr-quote-v2-react .section__description-content .checkbox-component {
  padding: 0;
  margin-top: 2px;
}
@media all and (-ms-high-contrast: none) {
  .qwilr-quote-v2-react .section__description-content .checkbox-component svg {
    position: relative;
  }
}
.qwilr-quote-v2-react .section__description-content .section__checkbox--single-select .checkbox-component__box {
  border-radius: 200px;
}
.qwilr-quote-v2-react .section__description-content .checkbox-component__click-field--without-label {
  padding: 0;
}
.qwilr-quote-v2-react .section__description-content .editor-v1 {
  flex: 1;
}
body#print .qwilr-quote-v2-react .section__description-content p {
  font-size: 10px;
}
.qwilr-quote-v2-react .section__description-text {
  padding: 4px 0;
}
body#print .qwilr-quote-v2-react .section__description-text {
  padding-top: 9px;
}
.qwilr-quote-v2-react .section__rate {
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 32px;
  /**
      @HACK(mbusby, 2021-10-21): This can be removed when the dropdown item specifies its own
      color in https://github.com/qwilr/kaleidoscope-components/pull/321; it should be set to @slate.
    */
}
.qwilr-quote-v2-react .section__rate .text-input {
  left: -8px;
}
.qwilr-quote-v2-react .section__rate .dropdown-item__name {
  color: #47535d;
}
.qwilr-quote-v2-react .section__quantity {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 100%;
  min-height: 32px;
}
.qwilr-quote-v2-react .section__quantity > .text-input:last-child {
  flex: 1;
}
@media all and (-ms-high-contrast: none) {
  .qwilr-quote-v2-react .section__quantity > *:not(:first-child) {
    margin-left: 8px;
  }
  .qwilr-quote-v2-react .section__quantity > .text-input:last-child {
    flex: 1 1 auto;
  }
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__quantity .number-input__stepper {
    display: none;
  }
}
.qwilr-quote-v2-react .section__price-wrapper {
  min-height: 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 4px;
}
.qwilr-quote-v2-react .section__price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 4px;
  height: 100%;
}
.qwilr-quote-v2-react .section__price-recurrence {
  white-space: nowrap;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__price-recurrence {
    display: block;
    color: rgba(71, 83, 93, 0.75);
    margin-top: 4px;
  }
}
.qwilr-quote-v2-react .section__discount-info {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 12px;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__discount-info {
    font-size: 10px;
  }
}
body#print .qwilr-quote-v2-react .section__discount-info {
  font-size: 8px;
}
.qwilr-quote-v2-react .section__discount-info .discount-value {
  font-weight: 800;
  white-space: nowrap;
}
.qwilr-quote-v2-react .section__discount-info .before-discount-total {
  letter-spacing: 1px;
  text-decoration: line-through;
  color: rgba(74, 74, 74, 0.5);
}
.qwilr-quote-v2-react .plan-section {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 40px 0;
  transition: box-shadow 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  border-radius: 8px;
}
body#print .qwilr-quote-v2-react .plan-section {
  margin: 16px 0;
}
.qwilr-quote-v2-react .plan-section__selector {
  position: absolute;
  inset: -32px;
  cursor: pointer;
}
.qwilr-quote-v2-react .plan-section__selector::before {
  content: "";
  position: absolute;
  inset: 16px;
  border-radius: 12px;
  transition: box-shadow 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.qwilr-quote-v2-react .plan-section__selector:hover::before {
  box-shadow: inset 0 0 0 3px rgba(16, 153, 252, 0.25);
}
.qwilr-quote-v2-react .plan-section__selector--selected::before,
.qwilr-quote-v2-react .plan-section__selector--selected:hover::before {
  box-shadow: inset 0 0 0 3px rgba(16, 153, 252, 0.5);
}
.qwilr-quote-v2-react .plan-section__title {
  flex: 1 1 auto;
  cursor: auto;
  outline: none;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  text-align: center;
  width: 70%;
}
.qwilr-quote-v2-react .plan-section__title p,
.qwilr-quote-v2-react .plan-section__title h2 {
  text-align: center !important;
}
.qwilr-quote-v2-react .plan-section__title *:not(.promptable) > h2:last-child,
.qwilr-quote-v2-react .plan-section__title .promptable:last-child h2,
.qwilr-quote-v2-react .plan-section__title *:not(.promptable) > p:last-child,
.qwilr-quote-v2-react .plan-section__title .promptable:last-child p {
  padding-bottom: 0;
}
body#print .qwilr-quote-v2-react .plan-section__title {
  margin-bottom: 16px;
}
.qwilr-quote-v2-react .plan-section__details {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.qwilr-quote-v2-react .plan-section__details > *:not(:last-child) {
  margin-right: 8px;
}
.qwilr-quote-v2-react .plan-section__cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin-top: 40px;
}
body#print .qwilr-quote-v2-react .plan-section__cards:not(:last-child) {
  margin-bottom: 16px;
}
.qwilr-quote-v2-react .plan-section__cards--three-column > * {
  width: 33.33333333%;
  margin: 0 0 16px 0;
  padding: 0 12px;
}
body#print .qwilr-quote-v2-react .plan-section__cards--three-column > * {
  margin: 0 0 16px 0;
  padding: 0 4px;
}
.qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-last-child(1),
.qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-last-child(2):not(:nth-child(3n)),
.qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-last-child(3):not(:nth-child(3n)):not(:nth-child(3n-1)) {
  margin-bottom: 0;
}
body#print .qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-last-child(1),
body#print .qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-last-child(2):not(:nth-child(3n)),
body#print .qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-last-child(3):not(:nth-child(3n)):not(:nth-child(3n-1)) {
  margin-bottom: 0;
}
.qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-child(3n),
.qwilr-quote-v2-react .plan-section__cards--three-column > *:last-child {
  padding-right: 0;
}
.qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-child(3n).plan-card__drop-indicator--after::after,
.qwilr-quote-v2-react .plan-section__cards--three-column > *:last-child.plan-card__drop-indicator--after::after {
  right: -12px;
}
body#print .qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-child(3n),
body#print .qwilr-quote-v2-react .plan-section__cards--three-column > *:last-child {
  padding-right: 0;
}
.qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-child(3n+1),
.qwilr-quote-v2-react .plan-section__cards--three-column > *:first-child {
  padding-left: 0;
}
body#print .qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-child(3n+1),
body#print .qwilr-quote-v2-react .plan-section__cards--three-column > *:first-child {
  padding-left: 0;
}
.qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-child(3n+1).plan-card__drop-indicator--before::after,
.qwilr-quote-v2-react .plan-section__cards--three-column > *:first-child.plan-card__drop-indicator--before::after {
  left: -12px;
}
.qwilr-quote-v2-react .plan-section__cards--four-column > * {
  width: 25%;
  margin: 0;
  padding: 0 12px;
}
body#print .qwilr-quote-v2-react .plan-section__cards--four-column > * {
  margin: 0;
  padding: 0 4px;
}
.qwilr-quote-v2-react .plan-section__cards--four-column > *:last-child {
  padding-right: 0;
}
.qwilr-quote-v2-react .plan-section__cards--four-column > *:last-child.plan-card__drop-indicator--after::after {
  right: -12px;
}
body#print .qwilr-quote-v2-react .plan-section__cards--four-column > *:last-child {
  padding-right: 0;
}
.qwilr-quote-v2-react .plan-section__cards--four-column > *:first-child {
  padding-left: 0;
}
.qwilr-quote-v2-react .plan-section__cards--four-column > *:first-child.plan-card__drop-indicator--before::after {
  left: -12px;
}
body#print .qwilr-quote-v2-react .plan-section__cards--four-column > *:first-child {
  padding-left: 0;
}
@media screen and (min-width: 700px) {
  .qwilr-quote-v2-react .plan-section__cards--four-column .plan-card__price {
    font-size: 30px;
  }
}
@media screen and (max-width: 1200px) {
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--three-column > *,
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--four-column > * {
    width: 33.33333333%;
    margin: 0 0 16px 0;
    padding: 0 8px;
  }
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-last-child(1),
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--four-column > *:nth-last-child(1),
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-last-child(2):not(:nth-child(3n)),
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--four-column > *:nth-last-child(2):not(:nth-child(3n)),
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-last-child(3):not(:nth-child(3n)):not(:nth-child(3n-1)),
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--four-column > *:nth-last-child(3):not(:nth-child(3n)):not(:nth-child(3n-1)) {
    margin-bottom: 0;
  }
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-child(3n),
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--four-column > *:nth-child(3n),
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--three-column > *:last-child,
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--four-column > *:last-child {
    padding-right: 0;
  }
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-child(3n).plan-card__drop-indicator--after::after,
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--four-column > *:nth-child(3n).plan-card__drop-indicator--after::after,
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--three-column > *:last-child.plan-card__drop-indicator--after::after,
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--four-column > *:last-child.plan-card__drop-indicator--after::after {
    right: -8px;
  }
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-child(3n+1),
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--four-column > *:nth-child(3n+1),
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--three-column > *:first-child,
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--four-column > *:first-child {
    padding-left: 0;
  }
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-child(3n+1).plan-card__drop-indicator--before::after,
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--four-column > *:nth-child(3n+1).plan-card__drop-indicator--before::after,
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--three-column > *:first-child.plan-card__drop-indicator--before::after,
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--four-column > *:first-child.plan-card__drop-indicator--before::after {
    left: -8px;
  }
}
@media screen and (max-width: 700px) {
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--three-column > *,
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--four-column > * {
    width: 100%;
    margin: 0 0 40px 0;
    padding: 0;
  }
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--three-column > *:last-child,
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--four-column > *:last-child {
    margin-bottom: 0;
  }
}
body#print .qwilr-quote-v2-react .plan-section__cards--three-column > *,
body#print .qwilr-quote-v2-react .plan-section__cards--four-column > * {
  width: calc((100% - 24px * 2) / 3);
  margin: 0 0 16px 0;
  padding: 0 12px;
}
body#print .qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-child(3n),
body#print .qwilr-quote-v2-react .plan-section__cards--four-column > *:nth-child(3n) {
  padding-right: 0;
}
body#print .qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-child(3n+1),
body#print .qwilr-quote-v2-react .plan-section__cards--four-column > *:nth-child(3n+1) {
  padding-left: 0;
}
.qwilr-quote-v2-react .plan-card {
  position: relative;
}
@media (prefers-reduced-motion: no-preference) {
  .qwilr-quote-v2-react .plan-card {
    transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
  }
}
.qwilr-quote-v2-react .plan-card--product-item .plan-card__card-element-container {
  position: relative;
}
.qwilr-quote-v2-react .plan-card--product-item .plan-card__card-element-container::before {
  content: '';
  position: absolute;
  top: -8px;
  bottom: -8px;
  left: -8px;
  right: -8px;
  background-color: rgba(16, 153, 252, 0.25);
  border: 1px solid rgba(16, 153, 252, 0.5);
  border-radius: 8px;
}
.qwilr-quote-v2-react .plan-card--hovered,
.qwilr-quote-v2-react .plan-card--menu-open,
.qwilr-quote-v2-react .plan-card--price-popover-open {
  transform: none;
}
.qwilr-quote-v2-react .plan-card__drop-indicator::after {
  background-color: #1099FC;
  width: 1px;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  pointer-events: none;
}
.qwilr-quote-v2-react .plan-card__drop-indicator--before::after {
  left: 0;
}
.qwilr-quote-v2-react .plan-card__drop-indicator--after::after {
  right: -1px;
}
.qwilr-quote-v2-react .plan-card__drop-indicator--is-dragging * {
  pointer-events: none;
}
.qwilr-quote-v2-react .plan-card__card-action {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
}
.qwilr-quote-v2-react .plan-card--product-item .plan-card__card-action {
  top: calc(8px + 24px);
}
.qwilr-quote-v2-react .plan-card__card-element {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 8px;
  transition-property: transform, box-shadow;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.3, 1, 0.2, 1);
  transform-style: preserve-3d;
}
@media (pointer: coarse) {
  .qwilr-quote-v2-react .plan-card__card-element {
    transition: none !important;
    transform: rotateY(0) rotateX(0) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .qwilr-quote-v2-react .plan-card__card-element {
    transition: none !important;
    transform: rotateY(0) rotateX(0) !important;
  }
}
body#print .qwilr-quote-v2-react .plan-card__card-element {
  transition: none !important;
  transform: rotateY(0) rotateX(0) !important;
}
.qwilr-quote-v2-react .plan-card__card-element--entire-card-selectable {
  cursor: pointer;
}
.qwilr-quote-v2-react .plan-card__card-content {
  width: 100%;
  border-radius: 8px;
  padding: 24px;
}
body#print .qwilr-quote-v2-react .plan-card__card-content {
  padding: 8px;
}
.qwilr-quote-v2-react .plan-card--product-item .plan-card__card-content {
  padding-top: calc(8px + 24px);
}
.qwilr-quote-v2-react .plan-card__card-face {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.qwilr-quote-v2-react .plan-card__card-face > *:not(:last-child) {
  margin-bottom: 24px;
}
body#print .qwilr-quote-v2-react .plan-card__card-face > *:not(:last-child) {
  margin-bottom: 8px;
}
.qwilr-quote-v2-react .plan-card__card-face .plan-card__product-filter-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 8px;
  padding: 0 8px;
  width: 100%;
}
.qwilr-quote-v2-react .plan-card__card-recommended {
  min-height: 32px;
  padding: 8px 16px;
  border-radius: 16px;
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: flex;
  align-items: center;
  text-align: center;
  z-index: 1;
}
body#print .qwilr-quote-v2-react .plan-card__card-recommended {
  font-size: 10px;
  padding: 4px 8px;
  min-height: 24px;
}
.qwilr-quote-v2-react .plan-card__card-description {
  text-align: center;
  margin-top: 8px;
}
.qwilr-quote-v2-react .plan-card__card-description .project-block__block-element:last-child {
  padding-bottom: 0;
}
.qwilr-quote-v2-react .plan-card__card-description h2 {
  font-size: 20px;
}
body#print .qwilr-quote-v2-react .plan-card__card-description h2 {
  font-size: 14px;
  padding-bottom: 0.2em;
}
.qwilr-quote-v2-react .plan-card__product-filter-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
}
.qwilr-quote-v2-react .plan-card__product-filter-wrapper .kl-icon {
  flex-shrink: 0;
}
.qwilr-quote-v2-react .plan-card__product-filter-label {
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 12px;
  font-weight: 700;
  margin-left: 4px;
}
.qwilr-quote-v2-react .plan-card__price-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.qwilr-quote-v2-react .plan-card__discount-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.qwilr-quote-v2-react .plan-card__pre-discount {
  margin-right: 0.4em;
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-decoration: line-through;
  word-break: break-all;
}
.qwilr-quote-v2-react .plan-card__pre-discount:only-child {
  margin-right: 0;
}
body#print .qwilr-quote-v2-react .plan-card__pre-discount {
  font-size: 10px;
}
.qwilr-quote-v2-react .plan-card__price {
  font-size: 40px;
  word-break: break-all;
  text-align: center;
  margin: 0 -8px;
}
body#print .qwilr-quote-v2-react .plan-card__price {
  font-size: 20px;
}
.qwilr-quote-v2-react .plan-card__variable-placeholder {
  font-size: 24px;
  text-align: center;
  opacity: 0.7;
}
.qwilr-quote-v2-react .plan-card__recurrence {
  font-size: 16px;
  text-align: center;
}
body#print .qwilr-quote-v2-react .plan-card__recurrence {
  font-size: 12px;
}
.qwilr-quote-v2-react .plan-card__card-quantity-row {
  display: flex;
  justify-content: center;
}
.qwilr-quote-v2-react .plan-card__card-quantity-wrapper {
  position: relative;
}
.qwilr-quote-v2-react .plan-card__card-quantity--fade {
  opacity: 0.25;
}
.qwilr-quote-v2-react .plan-card__card-quantity--invisible {
  display: none;
}
.qwilr-quote-v2-react .plan-card__card-quantity .number-input {
  cursor: initial;
}
.qwilr-quote-v2-react .plan-card__card-quantity .text-input__input {
  font-weight: 400;
  font-size: 16px;
}
body#print .qwilr-quote-v2-react .plan-card__card-quantity .text-input__input {
  font-size: 11px;
}
.qwilr-quote-v2-react .plan-card__card-quantity .section__quantity {
  gap: 0;
}
.qwilr-quote-v2-react .plan-card__card-quantity .section__quantity .section__quantity-value,
.qwilr-quote-v2-react .plan-card__card-quantity .section__quantity .section__quantity-unit {
  margin: 0 4px;
}
.qwilr-quote-v2-react .plan-card__card-quantity .section__quantity .section__unit--static {
  margin: 0 8px;
}
body#print .qwilr-quote-v2-react .plan-card__card-quantity {
  font-size: 11px;
}
body#print .qwilr-quote-v2-react .plan-card__card-quantity .section__quantity-unit {
  font-size: 11px;
}
.qwilr-quote-v2-react .plan-card__card-quantity .section__quantity > span:last-child {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.qwilr-quote-v2-react .plan-card__card-quantity-visibility-button {
  position: absolute;
  left: calc(100% + 8px);
  top: 0;
}
.qwilr-quote-v2-react .plan-card__card-quantity-visibility-button button {
  transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  opacity: 0;
}
.qwilr-quote-v2-react .plan-card__card-quantity-visibility-button button:focus {
  opacity: 1;
}
.qwilr-quote-v2-react .plan-card--hovered .plan-card__card-quantity-visibility-button button,
.qwilr-quote-v2-react .plan-card--menu-open .plan-card__card-quantity-visibility-button button,
.qwilr-quote-v2-react .plan-card--price-popover-open .plan-card__card-quantity-visibility-button button {
  opacity: 1;
}
.qwilr-quote-v2-react .plan-card__feature-list {
  margin-top: 16px;
}
body#print .qwilr-quote-v2-react .plan-card__feature-list {
  margin-top: 8px;
}
.qwilr-quote-v2-react .plan-card__feature-list *:not(.promptable) > p:last-child,
.qwilr-quote-v2-react .plan-card__feature-list .promptable:last-child p {
  padding-bottom: 0;
}
.qwilr-quote-v2-react .plan-card__feature-list p {
  text-align: left !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}
body#print .qwilr-quote-v2-react .plan-card__feature-list p {
  font-size: 10px !important;
}
.qwilr-quote-v2-react .plan-card__feature-list span {
  font-size: 14px !important;
  line-height: 1.4 !important;
}
body#print .qwilr-quote-v2-react .plan-card__feature-list span {
  font-size: 10px !important;
}
.qwilr-quote-v2-react .plan-card__feature-list li.unordered {
  min-height: 24px;
}
body#print .qwilr-quote-v2-react .plan-card__feature-list li.unordered {
  min-height: 18px;
}
.qwilr-quote-v2-react .plan-card__feature-list li::before {
  content: "" !important;
  min-width: unset;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  position: relative;
  top: -2px;
}
body#print .qwilr-quote-v2-react .plan-card__feature-list li::before {
  background-size: contain;
  width: 18px;
  height: 18px;
  margin-right: 4px;
}
.qwilr-quote-v2-react .plan-card__specular {
  opacity: 0.7;
  position: absolute;
  inset: 0;
  transition: opacity 0.6s ease;
  pointer-events: none;
}
@media (pointer: coarse) {
  .qwilr-quote-v2-react .plan-card__specular {
    background-image: none !important;
    transition: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .qwilr-quote-v2-react .plan-card__specular {
    background-image: none !important;
    transition: none !important;
  }
}
.qwilr-quote-v2-react .plan-card__adder {
  display: none;
}
.qwilr-quote-v2-react .plan-card:last-child .plan-card__adder {
  display: block;
  position: absolute;
  right: -48px;
  top: 50%;
  transform: translateY(-50%);
}
@media all and (-ms-high-contrast: none) {
  .qwilr-quote-v2-react .plan-card {
    width: 300px;
  }
}
.qwilr-quote-v2-react .plan-card .section__discount-note {
  margin-top: 8px;
  padding-left: 4px;
  text-align: center;
  display: block;
  line-height: 16px;
}
.qwilr-quote-v2-react .quote-total {
  display: flex;
  justify-content: center;
  padding: 40px;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .quote-total {
    padding: 40px 0;
  }
}
.qwilr-quote-v2-react .quote-total__card {
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(129, 162, 178, 0.25);
  width: 400px;
  position: relative;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .quote-total__card {
    width: 100%;
  }
}
.qwilr-quote-v2-react .quote-total__discount {
  position: absolute;
  top: -10px;
  right: -10px;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .quote-total__discount {
    left: 10px;
    right: auto;
  }
}
.qwilr-quote-v2-react .quote-total__section {
  padding: 24px;
  border-radius: 8px;
}
.qwilr-quote-v2-react .quote-total__section--main {
  background-color: pink;
}
.qwilr-quote-v2-react .quote-total__row {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  padding: 8px 0;
  align-items: baseline;
}
@media all and (-ms-high-contrast: none) {
  .qwilr-quote-v2-react .quote-total__row > *:not(:first-child) {
    margin-left: 8px;
  }
}
body#print .qwilr-quote-v2-react .quote-total__row {
  padding: 4px 0;
}
.qwilr-quote-v2-react .quote-total__label {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  display: flex;
  align-items: center;
  margin: 0;
  text-align: start;
  flex: 1 1 auto;
}
.qwilr-quote-v2-react .quote-total__label--grand {
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .quote-total__label {
    font-size: 12px;
  }
  body:not(#print) .qwilr-quote-v2-react .quote-total__label--grand {
    font-size: 18px;
  }
}
body#print .qwilr-quote-v2-react .quote-total__label {
  font-size: 10px;
}
body#print .qwilr-quote-v2-react .quote-total__label--grand {
  font-size: 12px;
}
.qwilr-quote-v2-react .quote-total__value {
  display: inline;
  font-size: 18px;
  font-weight: 600;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  text-align: right;
  margin: 0;
  word-break: break-word;
  flex: 1 1 auto;
}
.qwilr-quote-v2-react .quote-total__value--grand {
  font-size: 18px;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .quote-total__value {
    align-items: baseline;
    font-size: 12px;
  }
  body:not(#print) .qwilr-quote-v2-react .quote-total__value--grand {
    font-size: 16px;
  }
}
body#print .qwilr-quote-v2-react .quote-total__value {
  font-size: 10px;
}
body#print .qwilr-quote-v2-react .quote-total__value--grand {
  font-size: 12px;
}
.qwilr-quote-v2-react .quote-total__value--inline {
  display: flex;
  align-items: center;
  justify-items: end;
  justify-content: flex-end;
}
.qwilr-quote-v2-react .quote-total__recurring-label {
  white-space: nowrap;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .quote-total__recurring-label {
    display: block;
    font-size: 12px;
    line-height: 18px;
  }
}
body#print .qwilr-quote-v2-react .quote-total__recurring-label {
  font-size: 12px;
}
.qwilr-quote-v2-react .quote-total__list-row {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  padding: 8px 0;
  align-items: flex-start;
}
@media all and (-ms-high-contrast: none) {
  .qwilr-quote-v2-react .quote-total__list-row > *:not(:first-child) {
    margin-left: 8px;
  }
}
.qwilr-quote-v2-react .quote-total__list-row-values {
  display: flex;
  gap: 8px;
  flex-direction: column;
  align-items: flex-end;
}
@media all and (-ms-high-contrast: none) {
  .qwilr-quote-v2-react .quote-total__list-row-values > *:not(:first-child) {
    margin-top: 8px;
  }
}
.qwilr-quote-v2-react .quote-total__separator {
  border: 0;
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
  margin: 16px 0;
}
body#print .qwilr-quote-v2-react .quote-total__separator {
  border-width: 1px;
}
.qwilr-quote-v2-react .quote-total .before-discount-total {
  letter-spacing: 1px;
  text-decoration: line-through;
  color: rgba(74, 74, 74, 0.5);
  font-size: 12px;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .quote-total .before-discount-total {
    font-size: 10px;
  }
}
body#print .qwilr-quote-v2-react .quote-total .before-discount-total {
  font-size: 8px;
}
.qwilr-quote-v2-react .quote-total__menu {
  height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.qwilr-quote-v2-react .section-select-button {
  font-size: 18px;
  line-height: 1;
  position: relative;
  height: 40px;
  padding: 0 20px;
  background-color: white;
  color: #242c39;
  border: 0;
  border-radius: 6px;
  transition: box-shadow 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  font-family: inherit;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  box-shadow: 0 0 0 1px rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2-react .section-select-button__label-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.qwilr-quote-v2-react .section-select-button__label {
  display: flex;
  align-items: center;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
@media (prefers-reduced-motion: no-preference) {
  .qwilr-quote-v2-react .section-select-button__label {
    transition-property: transform, opacity;
  }
}
.qwilr-quote-v2-react .section-select-button__label--unselected {
  transform: scale(1.5);
  opacity: 0;
}
.qwilr-quote-v2-react .section-select-button__label--selected {
  transform: scale(0.5);
  opacity: 0;
}
.qwilr-quote-v2-react .section-select-button__label--hidden {
  opacity: 0;
}
.qwilr-quote-v2-react .section-select-button__label--entering,
.qwilr-quote-v2-react .section-select-button__label--entered {
  transform: none;
  opacity: 1;
  width: auto;
}
.qwilr-quote-v2-react .section-select-button .kl-icon {
  margin-left: -8px;
  margin-right: 4px;
}
body#print .qwilr-quote-v2-react .section-select-button .kl-icon {
  width: 18px;
  height: 18px;
}
.qwilr-quote-v2-react .section-select-button:hover,
.qwilr-quote-v2-react .section-select-button:focus {
  box-shadow: 0 0 0 3px rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2-react .section-select-button::after {
  content: '';
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  pointer-events: none;
  transition: box-shadow 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.qwilr-quote-v2-react .section-select-button::after,
.qwilr-quote-v2-react .section-select-button::before {
  border-radius: 4px;
}
.qwilr-quote-v2-react .section-select-button:focus::after {
  box-shadow: 0 0 0 3px rgba(16, 153, 252, 0.5);
}
.qwilr-quote-v2-react .section-select-button:active::after {
  box-shadow: none;
}
.qwilr-quote-v2-react .section-select-button::-moz-focus-inner {
  border: 0;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section-select-button {
    width: 100%;
    padding: 0 24px;
    font-size: 16px;
    font-weight: 700;
  }
}
body#print .qwilr-quote-v2-react .section-select-button {
  font-size: 12px;
}
.qwilr-quote-v2-react .fake-number-input {
  height: 32px;
  display: flex;
  align-items: center;
}
.qwilr-quote-v2-react .fake-number-input__value {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  padding: 0 8px;
}
.qwilr-quote-v2-react .fake-number-input__value--editable::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background-color: rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2-react .fake-number-input__spinner {
  position: relative;
  top: 2px;
}
.qwilr-quote-v2-react .fake-number-input__spinner > * {
  width: 18px;
  height: 18px;
  color: #81a2b2;
}
body#print .qwilr-quote-v2-react {
  padding: 0;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react {
    padding: 0 10px;
  }
}
.qwilr-quote-v2-react .text-input .text-input__input--borderless {
  padding-left: 8px;
}
.qwilr-quote-v2-react .text-input .text-input__input--borderless:not(:read-only) {
  border-radius: 4px;
  transition: box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.qwilr-quote-v2-react .text-input .text-input__input--borderless:not(:read-only):hover {
  box-shadow: 0 0 0 1px rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2-react .text-input .text-input__input--borderless:not(:read-only):focus {
  box-shadow: 0 0 0 1px rgba(129, 162, 178, 0.5);
}
.qwilr-quote-v2-react .text-input.text-input--dark .text-input__input--borderless:not(:read-only):hover {
  box-shadow: 0 0 0 1px rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2-react .text-input.text-input--dark .text-input__input--borderless:not(:read-only):focus {
  box-shadow: 0 0 0 1px rgba(129, 162, 178, 0.5);
}
.qwilr-quote-v2-react .quote__section-adder {
  display: grid;
  place-items: center;
  place-content: center;
  position: relative;
}
.qwilr-quote-v2-react .quote__section-adder:before {
  content: "";
  height: 1px;
  background-color: rgba(129, 162, 178, 0.25);
  position: absolute;
  left: 0;
  right: 0;
}
.panel {
  box-shadow: 0 10px 10px 0 rgba(36, 44, 57, 0.1);
  border-radius: 2px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  background: white;
}
.panel__inner {
  padding: 20px;
}
.panel__delete {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 14px 13px 13px 13px;
  min-width: 150px;
  width: 100%;
  border-top: 1px solid rgba(129, 162, 178, 0.1);
  height: 40px;
  cursor: pointer;
}
.panel__delete svg {
  fill: rgba(129, 162, 178, 0.5);
}
.panel__delete,
.panel__delete svg {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out, X;
  -moz-transition: all 0.2s ease-out, X;
  -o-transition: all 0.2s ease-out, X;
  transition: all 0.2s ease-out, X;
}
.panel__delete--is-disabled {
  cursor: default;
}
.panel__delete--is-disabled svg {
  fill: rgba(129, 162, 178, 0.25);
}
.panel__delete:not(.panel__delete--is-disabled):hover {
  background-color: rgba(215, 25, 57, 0.1);
  border-top: 1px solid rgba(151, 151, 151, 0.1);
}
.panel__delete:not(.panel__delete--is-disabled):hover svg {
  fill: #D71939;
}
/**
@TODO (som, 2018-09-04): refactor this into BEM. This will require refactoring all usages of the
Tooltip at the same time - otherwise the .default-theme will override any BEM themes we try to add
*/
.q-tooltip {
  position: absolute;
  border-radius: 5px;
  z-index: 800;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease, X;
  -moz-transition: all 0.1s ease, X;
  -o-transition: all 0.1s ease, X;
  transition: all 0.1s ease, X;
}
.q-tooltip .q-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.q-tooltip.default-theme {
  border: 1px solid rgba(129, 162, 178, 0.25);
}
.q-tooltip.default-theme.bottom .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 0 5px 5px;
}
.q-tooltip.default-theme.bottom .q-tooltip-arrow-outline {
  border-bottom-color: rgba(129, 162, 178, 0.25);
}
.q-tooltip.default-theme.bottom .q-tooltip-arrow-inset {
  border-bottom-color: white;
}
.q-tooltip.default-theme.place-bottom::after {
  border-bottom-color: white;
}
.q-tooltip.default-theme.top .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 5px 5px 0;
}
.q-tooltip.default-theme.top .q-tooltip-arrow-outline {
  border-top-color: rgba(129, 162, 178, 0.25);
}
.q-tooltip.default-theme.top .q-tooltip-arrow-inset {
  border-top-color: white;
}
.q-tooltip.default-theme.place-top::after {
  border-top-color: white;
}
.q-tooltip.default-theme.right .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}
.q-tooltip.default-theme.right .q-tooltip-arrow-outline {
  border-right-color: rgba(129, 162, 178, 0.25);
}
.q-tooltip.default-theme.right .q-tooltip-arrow-inset {
  border-right-color: white;
}
.q-tooltip.default-theme.place-right::after {
  border-right-color: white;
}
.q-tooltip.default-theme.left .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}
.q-tooltip.default-theme.left .q-tooltip-arrow-outline {
  border-left-color: rgba(129, 162, 178, 0.25);
}
.q-tooltip.default-theme.left .q-tooltip-arrow-inset {
  border-left-color: white;
}
.q-tooltip.default-theme.place-left::after {
  border-left-color: white;
}
.q-tooltip.hint {
  background-color: #47535d;
  color: white;
  z-index: 1052;
  font-weight: 600;
  text-align: center;
  font-family: "calibre-legacy", sans-serif !important;
  border: 1px solid #47535d;
}
.q-tooltip.hint.bottom .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 0 5px 5px;
}
.q-tooltip.hint.bottom .q-tooltip-arrow-outline {
  border-bottom-color: #47535d;
}
.q-tooltip.hint.bottom .q-tooltip-arrow-inset {
  border-bottom-color: #47535d;
}
.q-tooltip.hint.place-bottom::after {
  border-bottom-color: #47535d;
}
.q-tooltip.hint.top .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 5px 5px 0;
}
.q-tooltip.hint.top .q-tooltip-arrow-outline {
  border-top-color: #47535d;
}
.q-tooltip.hint.top .q-tooltip-arrow-inset {
  border-top-color: #47535d;
}
.q-tooltip.hint.place-top::after {
  border-top-color: #47535d;
}
.q-tooltip.hint.right .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}
.q-tooltip.hint.right .q-tooltip-arrow-outline {
  border-right-color: #47535d;
}
.q-tooltip.hint.right .q-tooltip-arrow-inset {
  border-right-color: #47535d;
}
.q-tooltip.hint.place-right::after {
  border-right-color: #47535d;
}
.q-tooltip.hint.left .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}
.q-tooltip.hint.left .q-tooltip-arrow-outline {
  border-left-color: #47535d;
}
.q-tooltip.hint.left .q-tooltip-arrow-inset {
  border-left-color: #47535d;
}
.q-tooltip.hint.place-left::after {
  border-left-color: #47535d;
}
.q-tooltip.hint--small {
  padding: 8px 13px;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.q-tooltip.hint--large {
  padding: 15px;
  font-size: 14px;
  line-height: 19px;
  width: 250px;
}
.q-tooltip.speech-bubble {
  color: white;
  z-index: 1052;
  padding: 15px;
  font-size: 14px;
  line-height: 19px;
  width: 250px;
  font-weight: 600;
  text-align: center;
  font-family: "calibre-legacy", sans-serif !important;
}
.q-tooltip.speech-bubble--explain {
  background-color: #47535d;
  border: 1px solid #47535d;
}
.q-tooltip.speech-bubble--explain.bottom .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 0 5px 5px;
}
.q-tooltip.speech-bubble--explain.bottom .q-tooltip-arrow-outline {
  border-bottom-color: #47535d;
}
.q-tooltip.speech-bubble--explain.bottom .q-tooltip-arrow-inset {
  border-bottom-color: #47535d;
}
.q-tooltip.speech-bubble--explain.place-bottom::after {
  border-bottom-color: #47535d;
}
.q-tooltip.speech-bubble--explain.top .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 5px 5px 0;
}
.q-tooltip.speech-bubble--explain.top .q-tooltip-arrow-outline {
  border-top-color: #47535d;
}
.q-tooltip.speech-bubble--explain.top .q-tooltip-arrow-inset {
  border-top-color: #47535d;
}
.q-tooltip.speech-bubble--explain.place-top::after {
  border-top-color: #47535d;
}
.q-tooltip.speech-bubble--explain.right .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}
.q-tooltip.speech-bubble--explain.right .q-tooltip-arrow-outline {
  border-right-color: #47535d;
}
.q-tooltip.speech-bubble--explain.right .q-tooltip-arrow-inset {
  border-right-color: #47535d;
}
.q-tooltip.speech-bubble--explain.place-right::after {
  border-right-color: #47535d;
}
.q-tooltip.speech-bubble--explain.left .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}
.q-tooltip.speech-bubble--explain.left .q-tooltip-arrow-outline {
  border-left-color: #47535d;
}
.q-tooltip.speech-bubble--explain.left .q-tooltip-arrow-inset {
  border-left-color: #47535d;
}
.q-tooltip.speech-bubble--explain.place-left::after {
  border-left-color: #47535d;
}
.q-tooltip.speech-bubble--alert {
  background-color: #FFB961;
  border: 1px solid #FFB961;
}
.q-tooltip.speech-bubble--alert.bottom .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 0 5px 5px;
}
.q-tooltip.speech-bubble--alert.bottom .q-tooltip-arrow-outline {
  border-bottom-color: #FFB961;
}
.q-tooltip.speech-bubble--alert.bottom .q-tooltip-arrow-inset {
  border-bottom-color: #FFB961;
}
.q-tooltip.speech-bubble--alert.place-bottom::after {
  border-bottom-color: #FFB961;
}
.q-tooltip.speech-bubble--alert.top .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 5px 5px 0;
}
.q-tooltip.speech-bubble--alert.top .q-tooltip-arrow-outline {
  border-top-color: #FFB961;
}
.q-tooltip.speech-bubble--alert.top .q-tooltip-arrow-inset {
  border-top-color: #FFB961;
}
.q-tooltip.speech-bubble--alert.place-top::after {
  border-top-color: #FFB961;
}
.q-tooltip.speech-bubble--alert.right .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}
.q-tooltip.speech-bubble--alert.right .q-tooltip-arrow-outline {
  border-right-color: #FFB961;
}
.q-tooltip.speech-bubble--alert.right .q-tooltip-arrow-inset {
  border-right-color: #FFB961;
}
.q-tooltip.speech-bubble--alert.place-right::after {
  border-right-color: #FFB961;
}
.q-tooltip.speech-bubble--alert.left .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}
.q-tooltip.speech-bubble--alert.left .q-tooltip-arrow-outline {
  border-left-color: #FFB961;
}
.q-tooltip.speech-bubble--alert.left .q-tooltip-arrow-inset {
  border-left-color: #FFB961;
}
.q-tooltip.speech-bubble--alert.place-left::after {
  border-left-color: #FFB961;
}
.q-tooltip.error-theme {
  border: 1px solid #ffce53;
  background-color: #ffce53;
  padding: 15px;
  color: black;
  text-align: center;
  font-size: 14px;
  line-height: 19px;
  font-family: "calibre-legacy", sans-serif;
  max-width: 245px;
}
.q-tooltip.error-theme.bottom .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 0 5px 5px;
}
.q-tooltip.error-theme.bottom .q-tooltip-arrow-outline {
  border-bottom-color: #ffce53;
}
.q-tooltip.error-theme.bottom .q-tooltip-arrow-inset {
  border-bottom-color: #ffce53;
}
.q-tooltip.error-theme.place-bottom::after {
  border-bottom-color: #ffce53;
}
.q-tooltip.error-theme.top .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 5px 5px 0;
}
.q-tooltip.error-theme.top .q-tooltip-arrow-outline {
  border-top-color: #ffce53;
}
.q-tooltip.error-theme.top .q-tooltip-arrow-inset {
  border-top-color: #ffce53;
}
.q-tooltip.error-theme.place-top::after {
  border-top-color: #ffce53;
}
.q-tooltip.error-theme.right .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}
.q-tooltip.error-theme.right .q-tooltip-arrow-outline {
  border-right-color: #ffce53;
}
.q-tooltip.error-theme.right .q-tooltip-arrow-inset {
  border-right-color: #ffce53;
}
.q-tooltip.error-theme.place-right::after {
  border-right-color: #ffce53;
}
.q-tooltip.error-theme.left .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}
.q-tooltip.error-theme.left .q-tooltip-arrow-outline {
  border-left-color: #ffce53;
}
.q-tooltip.error-theme.left .q-tooltip-arrow-inset {
  border-left-color: #ffce53;
}
.q-tooltip.error-theme.place-left::after {
  border-left-color: #ffce53;
}
.q-tooltip.error-theme a {
  color: black;
  text-decoration: underline;
  font-weight: 600;
}
.q-tooltip.helper-theme {
  border: 1px solid #47535d;
  background-color: #47535d;
  padding: 15px;
  color: white;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  font-family: "calibre-legacy", sans-serif;
  max-width: 245px;
}
.q-tooltip.helper-theme.bottom .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 0 5px 5px;
}
.q-tooltip.helper-theme.bottom .q-tooltip-arrow-outline {
  border-bottom-color: #47535d;
}
.q-tooltip.helper-theme.bottom .q-tooltip-arrow-inset {
  border-bottom-color: #47535d;
}
.q-tooltip.helper-theme.place-bottom::after {
  border-bottom-color: #47535d;
}
.q-tooltip.helper-theme.top .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 5px 5px 0;
}
.q-tooltip.helper-theme.top .q-tooltip-arrow-outline {
  border-top-color: #47535d;
}
.q-tooltip.helper-theme.top .q-tooltip-arrow-inset {
  border-top-color: #47535d;
}
.q-tooltip.helper-theme.place-top::after {
  border-top-color: #47535d;
}
.q-tooltip.helper-theme.right .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}
.q-tooltip.helper-theme.right .q-tooltip-arrow-outline {
  border-right-color: #47535d;
}
.q-tooltip.helper-theme.right .q-tooltip-arrow-inset {
  border-right-color: #47535d;
}
.q-tooltip.helper-theme.place-right::after {
  border-right-color: #47535d;
}
.q-tooltip.helper-theme.left .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}
.q-tooltip.helper-theme.left .q-tooltip-arrow-outline {
  border-left-color: #47535d;
}
.q-tooltip.helper-theme.left .q-tooltip-arrow-inset {
  border-left-color: #47535d;
}
.q-tooltip.helper-theme.place-left::after {
  border-left-color: #47535d;
}
.q-tooltip.helper-theme a {
  color: white;
  text-decoration: underline;
  font-weight: 600;
}
.q-tooltip.helper-theme .upgrade {
  font-weight: 700;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.q-tooltip.top-helper-theme {
  border: 1px solid #47535d;
  background-color: #47535d;
  padding: 15px;
  color: white;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  font-family: "calibre-legacy", sans-serif;
  max-width: 245px;
  z-index: 1000;
}
.q-tooltip.top-helper-theme.bottom .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 0 5px 5px;
}
.q-tooltip.top-helper-theme.bottom .q-tooltip-arrow-outline {
  border-bottom-color: #47535d;
}
.q-tooltip.top-helper-theme.bottom .q-tooltip-arrow-inset {
  border-bottom-color: #47535d;
}
.q-tooltip.top-helper-theme.place-bottom::after {
  border-bottom-color: #47535d;
}
.q-tooltip.top-helper-theme.top .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 5px 5px 0;
}
.q-tooltip.top-helper-theme.top .q-tooltip-arrow-outline {
  border-top-color: #47535d;
}
.q-tooltip.top-helper-theme.top .q-tooltip-arrow-inset {
  border-top-color: #47535d;
}
.q-tooltip.top-helper-theme.place-top::after {
  border-top-color: #47535d;
}
.q-tooltip.top-helper-theme.right .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}
.q-tooltip.top-helper-theme.right .q-tooltip-arrow-outline {
  border-right-color: #47535d;
}
.q-tooltip.top-helper-theme.right .q-tooltip-arrow-inset {
  border-right-color: #47535d;
}
.q-tooltip.top-helper-theme.place-right::after {
  border-right-color: #47535d;
}
.q-tooltip.top-helper-theme.left .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}
.q-tooltip.top-helper-theme.left .q-tooltip-arrow-outline {
  border-left-color: #47535d;
}
.q-tooltip.top-helper-theme.left .q-tooltip-arrow-inset {
  border-left-color: #47535d;
}
.q-tooltip.top-helper-theme.place-left::after {
  border-left-color: #47535d;
}
.q-tooltip.top-helper-theme a {
  color: white;
  text-decoration: underline;
  font-weight: 600;
}
.q-tooltip.top-helper-theme .upgrade {
  font-weight: 700;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.fade-in-up {
  -webkit-animation-name: fade-in-up;
  -moz-animation-name: fade-in-up;
  -o-animation-name: fade-in-up;
  animation-name: fade-in-up;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade-in-up{ 0% {   -webkit-transform: translate(0px,0px);   opacity: 0;   pointer-events: none; } 5% {   -webkit-transform: translate(0px,15px);   opacity: 0; } 100% {   -webkit-transform: translate(0px,0px);   opacity: 1;   pointer-events: initial; }}
@-moz-keyframes fade-in-up{ 0% {   -moz-transform: translate(0px,0px);   opacity: 0;   pointer-events: none; } 5% {   -moz-transform: translate(0px,15px);   opacity: 0; } 100% {   -moz-transform: translate(0px,0px);   opacity: 1;   pointer-events: initial; }}
@-o-keyframes fade-in-up{ 0% {   -o-transform: translate(0px,0px);   opacity: 0;   pointer-events: none; } 5% {   -o-transform: translate(0px,15px);   opacity: 0; } 100% {   -o-transform: translate(0px,0px);   opacity: 1;   pointer-events: initial; }}
@keyframes fade-in-up{ 0% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 0;   pointer-events: none; } 5% {-webkit-transform: translate(0px,15px);-moz-transform: translate(0px,15px);-ms-transform: translate(0px,15px);transform: translate(0px,15px);   opacity: 0; } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 1;   pointer-events: initial; };
}
.fade-in-down {
  -webkit-animation-name: fade-in-down;
  -moz-animation-name: fade-in-down;
  -o-animation-name: fade-in-down;
  animation-name: fade-in-down;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade-in-down{ 0% {   -webkit-transform: translate(0px,0px);   opacity: 0;   pointer-events: none; } 5% {   -webkit-transform: translate(0px,-15px);   opacity: 0; } 100% {   -webkit-transform: translate(0px,0px);   opacity: 1;   pointer-events: initial; }}
@-moz-keyframes fade-in-down{ 0% {   -moz-transform: translate(0px,0px);   opacity: 0;   pointer-events: none; } 5% {   -moz-transform: translate(0px,-15px);   opacity: 0; } 100% {   -moz-transform: translate(0px,0px);   opacity: 1;   pointer-events: initial; }}
@-o-keyframes fade-in-down{ 0% {   -o-transform: translate(0px,0px);   opacity: 0;   pointer-events: none; } 5% {   -o-transform: translate(0px,-15px);   opacity: 0; } 100% {   -o-transform: translate(0px,0px);   opacity: 1;   pointer-events: initial; }}
@keyframes fade-in-down{ 0% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 0;   pointer-events: none; } 5% {-webkit-transform: translate(0px,-15px);-moz-transform: translate(0px,-15px);-ms-transform: translate(0px,-15px);transform: translate(0px,-15px);   opacity: 0; } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 1;   pointer-events: initial; };
}
.overlay-stack-item {
  background: #fff;
}
.overlay-stack-item .overlay-stack-item-content-full {
  width: 100%;
}
.overlay-stack-item.center-content {
  min-height: 90vh;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.modal-mode .overlay-stack-item {
  position: fixed;
  width: calc(100% -  16px * 2);
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 8px;
  box-shadow: 0px 15px 25px rgba(36, 44, 57, 0.1);
  overflow: hidden;
}
.modal-mode .overlay-stack-item.center-content {
  min-height: calc(100vh -  16px * 2);
}
.overlay-stack-item .overlay-header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
  border-bottom: 1px solid #f3f3f3;
  width: 100%;
  padding: 25px 0;
}
.overlay-stack-item .overlay-header h3 {
  font-size: 30px;
  font-weight: 400;
  font-family: "calibre-legacy", sans-serif;
}
.overlay-stack-item .overlay-header p {
  font-size: 17px;
  opacity: 0.7;
  font-weight: 300;
}
.overlay-stack-item .overlay-header .header-content {
  text-align: center;
}
.overlay-stack-item .overlay-header .header-content .title {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.26em;
  font-size: 180%;
}
.overlay-stack-item .overlay-header .header-content .subtitle {
  margin: 0;
  font-size: 95%;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
  color: #808080;
}
.overlay-stack-item .header.docked-at-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 40px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.overlay-stack-item .header.docked-at-top .title {
  text-transform: uppercase;
  font-weight: 600;
  font-family: "calibre-legacy", sans-serif;
  letter-spacing: 0.2em;
  font-size: 150%;
  text-align: center;
}
.overlay-stack-item .header.docked-at-top .subtitle {
  font-size: 100%;
  font-weight: 300;
}
.overlay-stack-item .header.docked-at-top .help {
  font-size: 85%;
  opacity: 0.6;
  margin-top: 0;
}
.overlay-stack-item .header.docked-at-top .help a {
  color: #00524c;
  padding-bottom: 3px;
  border-bottom: 2px solid rgba(0, 133, 123, 0.3);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  cursor: pointer;
  color: #00857b;
  font-weight: 600;
}
.overlay-stack-item .header.docked-at-top .help a:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
.overlay-stack-item .header.docked-at-top .help a:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
.overlay-stack-item.mini-close-button .close-overlay {
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: auto;
  width: auto;
  background: #f9fafb;
  padding: 8px 10px;
  right: 0;
  top: 0;
  position: absolute;
}
.overlay-stack-item.mini-close-button .close-overlay .icon {
  font-size: 12px;
}
.overlay-stack-item.mini-close-button .close-overlay .text {
  font-size: 10px;
  margin-left: 3px;
  margin-top: 0;
}
.overlay-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 210px;
}
.overlay-content .header-content {
  max-width: 400px;
  width: 100%;
  position: relative;
  margin-bottom: 50px;
}
.overlay-content .header-content .overlay-header-nav-button {
  position: absolute;
  font-size: 30px;
  cursor: pointer;
  top: 20px;
}
.overlay-content .header-content .back-arrow {
  position: absolute;
  font-size: 30px;
  cursor: pointer;
  top: 20px;
  fill: #81a2b2;
  left: 0;
}
.overlay-content .header-content .close-button {
  position: absolute;
  font-size: 30px;
  cursor: pointer;
  top: 20px;
  color: #81a2b2;
  right: 0;
  opacity: 0.4;
}
.overlay-content .header-content .overlay-icon {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.overlay-content .header-content .overlay-icon ng-include {
  width: 75px;
  height: 75px;
}
.overlay-content .main-content {
  max-width: 400px;
  width: 100%;
}
.overlay-content .main-content p.description {
  text-align: center;
  opacity: 0.7;
  color: #222222;
  font-size: 14px;
  line-height: 19px;
}
.overlay-content .main-content h3.title {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}
.overlay-content .main-content h3.title + p.description {
  margin-top: 15px;
}
.overlay-stack {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  z-index: 890;
  overflow-y: auto;
  background: #fff;
  -webkit-overflow-scrolling: touch;
}
.overlay-stack.ng-enter {
  -webkit-animation: fadeInUp 0.4s ease;
  -moz-animation: fadeInUp 0.4s ease;
  -o-animation: fadeInUp 0.4s ease;
  animation: fadeInUp 0.4s ease;
  -webkit-animation: fadeInUp 0.4s ease, X;
  -moz-animation: fadeInUp 0.4s ease, X;
  -o-animation: fadeInUp 0.4s ease, X;
  animation: fadeInUp 0.4s ease, X;
}
.overlay-stack.ng-leave {
  -webkit-animation: fadeOutDown 0.35s ease;
  -moz-animation: fadeOutDown 0.35s ease;
  -o-animation: fadeOutDown 0.35s ease;
  animation: fadeOutDown 0.35s ease;
  -webkit-animation: fadeOutDown 0.35s ease, X;
  -moz-animation: fadeOutDown 0.35s ease, X;
  -o-animation: fadeOutDown 0.35s ease, X;
  animation: fadeOutDown 0.35s ease, X;
}
.overlay-stack.modal-mode {
  padding: 16px;
  overflow-y: hidden;
  background: transparent;
  /*
     * @NOTE(mbusby, 2020-10-14)
     * In these ng animations, we apply a "fake" transition to the outer div,
     * as ng-enter/ng-leave only apply as long as the
     * outer div is being transitioned. Without the outer
     * transition, Angular will move on from the
     * animation hooks, and the item's animation won't be applied.
     *
     * See https://stackoverflow.com/a/38896621 for more details
     * on how this works.
     */
}
.overlay-stack.modal-mode .overlay-stack-background {
  position: absolute;
  opacity: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(36, 44, 57, 0.25);
}
.overlay-stack.modal-mode .overlay-stack-item__wrapper.ng-enter {
  transition: 400ms cubic-bezier(0.4, 0, 0.2, 1) all;
}
.overlay-stack.modal-mode .overlay-stack-item__wrapper.ng-enter .overlay-stack-item {
  -webkit-animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -moz-animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1);
  animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -moz-animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -o-animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
}
.overlay-stack.modal-mode .overlay-stack-item__wrapper.ng-leave {
  transition: 400ms cubic-bezier(0.4, 0, 0.2, 1) all;
}
.overlay-stack.modal-mode .overlay-stack-item__wrapper.ng-leave .overlay-stack-item {
  -webkit-animation: fadeOutDown 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -moz-animation: fadeOutDown 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-animation: fadeOutDown 400ms cubic-bezier(0.4, 0, 0.2, 1);
  animation: fadeOutDown 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation: fadeOutDown 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -moz-animation: fadeOutDown 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -o-animation: fadeOutDown 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  animation: fadeOutDown 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  animation-fill-mode: forwards;
}
.overlay-stack.modal-mode .background-overlay {
  display: initial;
}
.overlay-stack.modal-mode.ng-enter {
  -webkit-animation: fadeIn 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-animation: fadeIn 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-animation: fadeIn 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  animation: fadeIn 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-animation: fadeIn 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -moz-animation: fadeIn 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -o-animation: fadeIn 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  animation: fadeIn 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
}
.overlay-stack.modal-mode.ng-enter .overlay-stack-item {
  -webkit-animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -moz-animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1);
  animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -moz-animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -o-animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
}
.overlay-stack.modal-mode.ng-leave {
  -webkit-animation: fadeOut 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-animation: fadeOut 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-animation: fadeOut 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  animation: fadeOut 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-animation: fadeOut 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -moz-animation: fadeOut 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -o-animation: fadeOut 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  animation: fadeOut 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
}
.overlay-stack.modal-mode.ng-leave .overlay-stack-item {
  -webkit-animation: fadeOutDown 200ms cubic-bezier(0.4, 0, 0.2, 1);
  -moz-animation: fadeOutDown 200ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-animation: fadeOutDown 200ms cubic-bezier(0.4, 0, 0.2, 1);
  animation: fadeOutDown 200ms cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation: fadeOutDown 200ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -moz-animation: fadeOutDown 200ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -o-animation: fadeOutDown 200ms cubic-bezier(0.4, 0, 0.2, 1), X;
  animation: fadeOutDown 200ms cubic-bezier(0.4, 0, 0.2, 1), X;
}
.overlay-stack-background {
  opacity: 0;
}
.background-overlay {
  display: none;
}
.close-overlay {
  z-index: 876;
  position: fixed;
  display: block;
  right: 20px;
  top: 20px;
  padding: 0;
  height: 60px;
  width: 60px;
  color: #808080;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  text-align: center;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.close-overlay.ng-enter {
  -webkit-animation: fadeInUp 0.4s ease;
  -moz-animation: fadeInUp 0.4s ease;
  -o-animation: fadeInUp 0.4s ease;
  animation: fadeInUp 0.4s ease;
  -webkit-animation: fadeInUp 0.4s ease, X;
  -moz-animation: fadeInUp 0.4s ease, X;
  -o-animation: fadeInUp 0.4s ease, X;
  animation: fadeInUp 0.4s ease, X;
}
.close-overlay.ng-leave {
  -webkit-animation: fadeOutDown 0.35s ease;
  -moz-animation: fadeOutDown 0.35s ease;
  -o-animation: fadeOutDown 0.35s ease;
  animation: fadeOutDown 0.35s ease;
  -webkit-animation: fadeOutDown 0.35s ease, X;
  -moz-animation: fadeOutDown 0.35s ease, X;
  -o-animation: fadeOutDown 0.35s ease, X;
  animation: fadeOutDown 0.35s ease, X;
}
.close-overlay .icon {
  font-size: 50px;
}
.close-overlay .text {
  font-weight: 600;
  margin-top: 3px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.close-overlay:hover {
  color: #404040;
}
.slider-widget {
  position: relative;
  width: 150px;
  height: 10px;
}
.slider-widget .filler {
  position: absolute;
  height: 10px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background: rgba(16, 153, 252, 0.3);
  z-index: 2;
  max-width: 100%;
}
.slider-widget input[type=range] {
  position: absolute;
  height: 10px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  z-index: 3;
  cursor: pointer;
  border-radius: 0;
  margin: 0;
  padding: 0;
  border: none;
}
.slider-widget input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  box-shadow: none;
  width: 8px;
  height: 20px;
  border-radius: 0;
  border: none;
  background: #1a9dfc;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.slider-widget input[type=range]::-webkit-slider-thumb:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  width: 8px;
  height: 20px;
  background: #29a4fc;
}
.slider-widget input[type=range]::-webkit-slider-thumb:active {
  width: 8px;
  height: 20px;
}
.slider-widget input[type=range]::-moz-range-thumb {
  -moz-appearance: none;
  box-shadow: none;
  width: 8px;
  height: 20px;
  border-radius: 0;
  border: none;
  background: #1a9dfc;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.slider-widget input[type=range]::-moz-range-thumb:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  width: 8px;
  height: 20px;
  background: #29a4fc;
}
.slider-widget input[type=range]::-moz-range-thumb:active {
  width: 8px;
  height: 20px;
}
.slider-widget input[type=range]::-ms-thumb {
  box-shadow: none;
  width: 8px;
  height: 20px;
  border-radius: 0;
  border: none;
  background: #1a9dfc;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.slider-widget input[type=range]::-ms-thumb:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  width: 8px;
  height: 20px;
  background: #29a4fc;
}
.slider-widget input[type=range]::-ms-thumb:active {
  width: 8px;
  height: 20px;
}
.slider-widget input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  box-shadow: none;
  width: 8px;
  height: 20px;
  border-radius: 0;
  border: none;
  background: #1a9dfc;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.slider-widget input[type=range]::-webkit-slider-thumb:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  width: 8px;
  height: 20px;
  background: #29a4fc;
}
.slider-widget input[type=range]::-webkit-slider-thumb:active {
  width: 8px;
  height: 20px;
}
.slider-widget input[type=range]::-moz-range-thumb {
  -moz-appearance: none;
  box-shadow: none;
  width: 8px;
  height: 20px;
  border-radius: 0;
  border: none;
  background: #1a9dfc;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.slider-widget input[type=range]::-moz-range-thumb:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  width: 8px;
  height: 20px;
  background: #29a4fc;
}
.slider-widget input[type=range]::-moz-range-thumb:active {
  width: 8px;
  height: 20px;
}
.slider-widget input[type=range]::-ms-thumb {
  box-shadow: none;
  width: 8px;
  height: 20px;
  border-radius: 0;
  border: none;
  background: #1a9dfc;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.slider-widget input[type=range]::-ms-thumb:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  width: 8px;
  height: 20px;
  background: #29a4fc;
}
.slider-widget input[type=range]::-ms-thumb:active {
  width: 8px;
  height: 20px;
}
.slider-widget .readout {
  position: absolute;
  top: -60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 140px;
  display: block;
  background: #1099FC;
  background-color: #1099FC;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1099FC), to(#0376ca));
  background-image: -webkit-linear-gradient(left, #1099FC, #0376ca);
  background-image: -moz-linear-gradient(left, #1099FC, #0376ca);
  background-image: -ms-linear-gradient(left, #1099FC, #0376ca);
  background-image: -o-linear-gradient(left, #1099FC, #0376ca);
  text-align: center;
  padding: 10px;
  border-radius: 3px;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.05em;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  -webkit-animation: fadeInUp 0.1s;
  -moz-animation: fadeInUp 0.1s;
  -o-animation: fadeInUp 0.1s;
  animation: fadeInUp 0.1s;
  -webkit-animation: fadeInUp 0.1s, X;
  -moz-animation: fadeInUp 0.1s, X;
  -o-animation: fadeInUp 0.1s, X;
  animation: fadeInUp 0.1s, X;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
.slider-widget .readout.ng-enter {
  -webkit-animation: fadeInUp 0.1s;
  -moz-animation: fadeInUp 0.1s;
  -o-animation: fadeInUp 0.1s;
  animation: fadeInUp 0.1s;
  -webkit-animation: fadeInUp 0.1s, X;
  -moz-animation: fadeInUp 0.1s, X;
  -o-animation: fadeInUp 0.1s, X;
  animation: fadeInUp 0.1s, X;
}
.slider-widget .readout.ng-leave {
  -webkit-animation: fadeOutUp 0.2s ease;
  -moz-animation: fadeOutUp 0.2s ease;
  -o-animation: fadeOutUp 0.2s ease;
  animation: fadeOutUp 0.2s ease;
  -webkit-animation: fadeOutUp 0.2s ease, X;
  -moz-animation: fadeOutUp 0.2s ease, X;
  -o-animation: fadeOutUp 0.2s ease, X;
  animation: fadeOutUp 0.2s ease, X;
}
.slider-widget .readout:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 999999;
  left: 50%;
  margin-left: -5.6px;
  bottom: -7px;
  width: 0;
  height: 0;
  border-left: 5.6px solid transparent;
  border-right: 5.6px solid transparent;
  border-top: 7px solid #1099FC;
}
.slider-widget .readout:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 999999;
  left: 50%;
  margin-left: -5.6px;
  bottom: -7px;
  width: 0;
  height: 0;
  border-left: 5.6px solid transparent;
  border-right: 5.6px solid transparent;
  border-top: 7px solid #1099FC;
}
.slider-widget .readout:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 999999;
  left: 50%;
  margin-left: -5.6px;
  bottom: -7px;
  width: 0;
  height: 0;
  border-left: 5.6px solid transparent;
  border-right: 5.6px solid transparent;
  border-top: 7px solid #1099FC;
}
.simple-dropdown {
  width: 150px;
  display: block;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: 600;
  color: rgba(36, 44, 57, 0.75);
}
.simple-dropdown * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.simple-dropdown--short {
  width: 130px;
}
.simple-dropdown--long {
  width: 100%;
}
.simple-dropdown--long .simple-dropdown__trigger {
  padding: 10px 5px 10px 10px;
}
.simple-dropdown--size-large .simple-dropdown__trigger {
  font-size: 32px;
  line-height: 1.2;
  padding: 0.65em 0 0.4em 0;
  letter-spacing: -1px;
  font-weight: 600;
  margin-bottom: 0;
  color: #242c39;
  background: transparent;
  letter-spacing: normal;
  text-transform: none;
  height: 56px;
  padding-left: 10px;
  padding-right: 2px;
  border-color: rgba(129, 162, 178, 0.25);
}
.simple-dropdown--size-large .simple-dropdown__trigger--toggled {
  border-color: rgba(129, 162, 178, 0.5);
}
.simple-dropdown--dark {
  color: white;
  background: #242c39;
}
.simple-dropdown--dark .simple-dropdown__trigger,
.simple-dropdown--dark .simple-dropdown__dropdown,
.simple-dropdown--dark .simple-dropdown__item {
  background: #242c39;
}
.simple-dropdown__trigger {
  background: white;
  padding: 3px 5px 3px 10px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  min-height: 32px;
  letter-spacing: 1px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
}
.simple-dropdown__trigger--toggled {
  -webkit-border-radius: 3px 3px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px 3px 0 0;
  -moz-background-clip: padding;
  border-radius: 3px 3px 0 0;
  background-clip: padding-box;
}
.simple-dropdown__arrow {
  font-size: 18px;
  color: #81a2b2;
}
.simple-dropdown__dropdown {
  position: absolute;
  z-index: 650;
  width: 100%;
  border: 1px solid rgba(129, 162, 178, 0.25);
  background: white;
  border-top: none;
  cursor: pointer;
  -webkit-border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 3px 3px;
  -moz-background-clip: padding;
  border-radius: 0 0 3px 3px;
  background-clip: padding-box;
  overflow-y: auto;
  max-height: 490px;
}
.simple-dropdown__dropdown.ng-enter {
  -webkit-animation: fadeInDown 0.1s ease;
  -moz-animation: fadeInDown 0.1s ease;
  -o-animation: fadeInDown 0.1s ease;
  animation: fadeInDown 0.1s ease;
  -webkit-animation: fadeInDown 0.1s ease, X;
  -moz-animation: fadeInDown 0.1s ease, X;
  -o-animation: fadeInDown 0.1s ease, X;
  animation: fadeInDown 0.1s ease, X;
}
.simple-dropdown__dropdown.ng-leave {
  -webkit-animation: fadeOutUp 0.1s ease;
  -moz-animation: fadeOutUp 0.1s ease;
  -o-animation: fadeOutUp 0.1s ease;
  animation: fadeOutUp 0.1s ease;
  -webkit-animation: fadeOutUp 0.1s ease, X;
  -moz-animation: fadeOutUp 0.1s ease, X;
  -o-animation: fadeOutUp 0.1s ease, X;
  animation: fadeOutUp 0.1s ease, X;
}
.simple-dropdown__dropdown--short {
  max-height: 190px;
}
.simple-dropdown__item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  padding: 3px 10px 3px 10px;
  min-height: 36px;
  background-color: white;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
}
.simple-dropdown__item:hover {
  background-color: rgba(129, 162, 178, 0.1);
}
.simple-dropdown__item--search:hover {
  background-color: white;
}
.simple-dropdown__search {
  width: 100%;
}
.simple-dropdown__search .search {
  width: 100%;
  max-width: initial;
}
.simple-dropdown__tick {
  width: 10px;
  min-width: 10px;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  fill: #00857b;
}
.multi-dropdown {
  width: 100%;
  height: 100%;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: 600;
  color: rgba(36, 44, 57, 0.75);
}
.multi-dropdown * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.multi-dropdown__trigger {
  background: white;
  padding: 3px 5px 3px 10px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  height: 100%;
  min-height: 32px;
  letter-spacing: 1px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
}
.multi-dropdown__trigger .header-icon {
  padding: 5px 5px;
}
.multi-dropdown__trigger .header-icon svg {
  width: 35px;
  height: 35px;
}
.multi-dropdown__trigger .deselect-icon {
  fill: #81a2b2;
  padding-left: 4px;
}
.multi-dropdown__trigger .deselect-icon-include {
  width: 14px;
  height: 14px;
}
.multi-dropdown__trigger .deselect-icon-include > svg {
  width: 100%;
  height: 100%;
}
.multi-dropdown__trigger .multi-dropdown-title {
  margin-left: 20px;
}
.multi-dropdown__trigger--toggled {
  -webkit-border-radius: 3px 3px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px 3px 0 0;
  -moz-background-clip: padding;
  border-radius: 3px 3px 0 0;
  background-clip: padding-box;
  border-bottom: none;
}
.multi-dropdown__arrow {
  font-size: 18px;
  color: #81a2b2;
  margin-left: auto;
}
.multi-dropdown__dropdown {
  position: absolute;
  z-index: 650;
  width: 100%;
  border: 1px solid rgba(129, 162, 178, 0.25);
  background: white;
  border-top: none;
  cursor: pointer;
  -webkit-border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 3px 3px;
  -moz-background-clip: padding;
  border-radius: 0 0 3px 3px;
  background-clip: padding-box;
  overflow-y: auto;
  max-height: 490px;
  padding: 8px 0 27px;
}
.multi-dropdown__dropdown.ng-enter {
  -webkit-animation: fadeInDown 0.1s ease;
  -moz-animation: fadeInDown 0.1s ease;
  -o-animation: fadeInDown 0.1s ease;
  animation: fadeInDown 0.1s ease;
  -webkit-animation: fadeInDown 0.1s ease, X;
  -moz-animation: fadeInDown 0.1s ease, X;
  -o-animation: fadeInDown 0.1s ease, X;
  animation: fadeInDown 0.1s ease, X;
}
.multi-dropdown__dropdown.ng-leave {
  -webkit-animation: fadeOutUp 0.1s ease;
  -moz-animation: fadeOutUp 0.1s ease;
  -o-animation: fadeOutUp 0.1s ease;
  animation: fadeOutUp 0.1s ease;
  -webkit-animation: fadeOutUp 0.1s ease, X;
  -moz-animation: fadeOutUp 0.1s ease, X;
  -o-animation: fadeOutUp 0.1s ease, X;
  animation: fadeOutUp 0.1s ease, X;
}
.multi-dropdown__dropdown--short {
  max-height: 190px;
}
.multi-dropdown__item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  padding: 5px 0 5px 25px;
  min-height: 36px;
  background-color: white;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
}
.multi-dropdown__item:hover {
  background-color: rgba(129, 162, 178, 0.1);
}
.multi-dropdown__item--search:hover {
  background-color: white;
}
.multi-dropdown__search {
  width: 100%;
}
.multi-dropdown__search .search {
  width: 100%;
  max-width: initial;
}
.multi-dropdown__tick {
  width: 10px;
  min-width: 10px;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  fill: #00857b;
}
.concentric-spinner {
  position: relative;
  -webkit-animation: fadeInUp 0.45s ease;
  -moz-animation: fadeInUp 0.45s ease;
  -o-animation: fadeInUp 0.45s ease;
  animation: fadeInUp 0.45s ease;
  -webkit-animation: fadeInUp 0.45s ease, X;
  -moz-animation: fadeInUp 0.45s ease, X;
  -o-animation: fadeInUp 0.45s ease, X;
  animation: fadeInUp 0.45s ease, X;
}
.concentric-spinner .loader {
  width: 245px;
  height: 245px;
}
.concentric-spinner .logo-wrapper {
  background: #fff;
  width: 80px;
  height: 80px;
  border-radius: 80px;
  margin-left: -40px;
  margin-top: -40px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
}
.concentric-spinner .loading-circles {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.concentric-spinner .loading-circle {
  top: 50%;
  left: 50%;
}
.concentric-spinner .loading-circle.one {
  position: absolute;
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 4px solid rgba(0, 82, 76, 0.2);
  border-left: 4px solid rgba(255, 255, 255, 0.2);
  -webkit-animation: load8 0.75s infinite ease-out;
  -moz-animation: load8 0.75s infinite ease-out;
  -o-animation: load8 0.75s infinite ease-out;
  animation: load8 0.75s infinite ease-out;
  -webkit-animation: load8 0.75s infinite ease-out, X;
  -moz-animation: load8 0.75s infinite ease-out, X;
  -o-animation: load8 0.75s infinite ease-out, X;
  animation: load8 0.75s infinite ease-out, X;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
}
.concentric-spinner .loading-circle.one:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 120px;
  height: 120px;
}
.concentric-spinner .loading-circle.one:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 120px;
  height: 120px;
}
.concentric-spinner .loading-circle.one-b {
  display: none;
  position: absolute;
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 4px solid rgba(0, 128, 118, 0.2);
  border-left: 4px solid rgba(255, 255, 255, 0.15);
  -webkit-animation: load8 1.25s infinite ease-out;
  -moz-animation: load8 1.25s infinite ease-out;
  -o-animation: load8 1.25s infinite ease-out;
  animation: load8 1.25s infinite ease-out;
  -webkit-animation: load8 1.25s infinite ease-out, X;
  -moz-animation: load8 1.25s infinite ease-out, X;
  -o-animation: load8 1.25s infinite ease-out, X;
  animation: load8 1.25s infinite ease-out, X;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -120px;
}
.concentric-spinner .loading-circle.one-b:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 120px;
  height: 120px;
}
.concentric-spinner .loading-circle.one-b:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 120px;
  height: 120px;
}
.concentric-spinner .loading-circle.two {
  position: absolute;
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 4px solid rgba(0, 97, 90, 0.2);
  border-left: 4px solid rgba(255, 255, 255, 0.1);
  -webkit-animation: load8 1.5s infinite ease-out;
  -moz-animation: load8 1.5s infinite ease-out;
  -o-animation: load8 1.5s infinite ease-out;
  animation: load8 1.5s infinite ease-out;
  -webkit-animation: load8 1.5s infinite ease-out, X;
  -moz-animation: load8 1.5s infinite ease-out, X;
  -o-animation: load8 1.5s infinite ease-out, X;
  animation: load8 1.5s infinite ease-out, X;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 160px;
  height: 160px;
  margin-left: -80px;
  margin-top: -140px;
}
.concentric-spinner .loading-circle.two:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 160px;
  height: 160px;
}
.concentric-spinner .loading-circle.two:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 160px;
  height: 160px;
}
.concentric-spinner .loading-circle.three {
  position: absolute;
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 4px solid rgba(0, 108, 99, 0.2);
  border-left: 4px solid rgba(255, 255, 255, 0.05);
  -webkit-animation: load8 2s infinite ease-out;
  -moz-animation: load8 2s infinite ease-out;
  -o-animation: load8 2s infinite ease-out;
  animation: load8 2s infinite ease-out;
  -webkit-animation: load8 2s infinite ease-out, X;
  -moz-animation: load8 2s infinite ease-out, X;
  -o-animation: load8 2s infinite ease-out, X;
  animation: load8 2s infinite ease-out, X;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 200px;
  height: 200px;
  margin-left: -100px;
  margin-top: -180px;
}
.concentric-spinner .loading-circle.three:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 200px;
  height: 200px;
}
.concentric-spinner .loading-circle.three:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 200px;
  height: 200px;
}
.powered-by-qwilr {
  color: initial !important;
  text-decoration: initial !important;
  border-bottom: initial !important;
  display: block;
  margin: 20px 10px 35px;
}
.powered-by-qwilr .power-logo {
  height: 40px;
  width: 40px;
  border-radius: 40px;
  margin: 0 auto 8px;
  display: block;
}
.powered-by-qwilr .power-copy {
  text-align: center;
  color: #81a2b2;
  line-height: 16px;
  font-family: "calibre-legacy", sans-serif !important;
}
.powered-by-qwilr .power-copy .power-copy-header {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 5px;
}
.powered-by-qwilr .power-copy .power-copy-subtitle {
  font-size: 13px;
}
.powered-by-qwilr.white .power-logo {
  background: white;
}
.powered-by-qwilr.white .power-copy-header {
  color: white;
}
.powered-by-qwilr.white .power-copy-subtitle {
  color: rgba(255, 255, 255, 0.75);
}
.button-old {
  position: relative;
  display: block;
  white-space: nowrap;
  border-radius: 2px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  width: fit-content;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  color: white;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: color 0.3s ease, background 0.3s ease, -webkit-box-shadow 0.3s ease;
  -moz-transition: color 0.3s ease, background 0.3s ease, -moz-box-shadow 0.3s ease;
  -webkit-transition: color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
  -moz-transition: color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
  -o-transition: color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
  transition: color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
}
.button-old,
.button-old * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.button-old--mini {
  height: 24px;
  padding: 0 8px;
  font-size: 12px;
}
.button-old--small {
  height: 36px;
  padding: 0 21px;
}
.button-old--medium {
  height: 42px;
  padding: 0 21px;
}
.button-old--large {
  height: 56px;
  padding: 0 21px;
  font-size: 16px;
}
.button-old--is-idle {
  cursor: pointer;
}
.button-old--is-waiting {
  cursor: not-allowed;
}
.button-old--half-width {
  min-width: 50%;
}
.button-old--full-width {
  min-width: 100%;
}
.button-old__text {
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  -webkit-transition: opacity 0.2s ease, X;
  -moz-transition: opacity 0.2s ease, X;
  -o-transition: opacity 0.2s ease, X;
  transition: opacity 0.2s ease, X;
  opacity: 1;
}
.button-old__custom-icon + .button-old__text {
  margin-right: auto;
  padding-right: 10px;
}
.button-old__icon {
  position: absolute;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  opacity: 1;
}
.button-old__decoration {
  margin-left: 10px;
  margin-bottom: -3px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
}
.button-old:not(.button-old--is-disabled):hover .button-old__decoration--arrowed {
  margin-left: 20px;
  margin-right: -10px;
}
.button-old__custom-icon {
  padding: 0 7px 0 0;
}
.button-old__icon--invisible,
.button-old__text--invisible,
.button-old__decoration--invisible,
.button-old__custom-icon--invisible {
  opacity: 0;
}
.button-old__tick svg {
  -webkit-animation: spring-up;
  -moz-animation: spring-up;
  -o-animation: spring-up;
  animation: spring-up;
  -webkit-animation: spring-up, X;
  -moz-animation: spring-up, X;
  -o-animation: spring-up, X;
  animation: spring-up, X;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: cubic-bezier(0.03, 0.46, 0.34, 1.03);
  -moz-animation-timing-function: cubic-bezier(0.03, 0.46, 0.34, 1.03);
  -o-animation-timing-function: cubic-bezier(0.03, 0.46, 0.34, 1.03);
  animation-timing-function: cubic-bezier(0.03, 0.46, 0.34, 1.03);
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
.button-old--primary .button-old__tick svg,
.button-old--add .button-old__tick svg,
.button-old--delete .button-old__tick svg {
  fill: white;
}
.button-old--secondary .button-old__tick svg {
  fill: #00857b;
}
.button-old--cancel .button-old__tick svg {
  fill: #242c39;
}
.button-old--primary .button-old__circle-loader,
.button-old--add .button-old__circle-loader,
.button-old--delete .button-old__circle-loader {
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-left: 3px solid white;
  -webkit-animation: load8 1.1s infinite ease-out;
  -moz-animation: load8 1.1s infinite ease-out;
  -o-animation: load8 1.1s infinite ease-out;
  animation: load8 1.1s infinite ease-out;
  -webkit-animation: load8 1.1s infinite ease-out, X;
  -moz-animation: load8 1.1s infinite ease-out, X;
  -o-animation: load8 1.1s infinite ease-out, X;
  animation: load8 1.1s infinite ease-out, X;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 26px;
  height: 26px;
}
.button-old--primary .button-old__circle-loader:after,
.button-old--add .button-old__circle-loader:after,
.button-old--delete .button-old__circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 26px;
  height: 26px;
}
.button-old--primary .button-old__circle-loader:after,
.button-old--add .button-old__circle-loader:after,
.button-old--delete .button-old__circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 26px;
  height: 26px;
}
.button-old--secondary .button-old__circle-loader {
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 3px solid rgba(0, 133, 123, 0.2);
  border-left: 3px solid #00857b;
  -webkit-animation: load8 1.1s infinite ease-out;
  -moz-animation: load8 1.1s infinite ease-out;
  -o-animation: load8 1.1s infinite ease-out;
  animation: load8 1.1s infinite ease-out;
  -webkit-animation: load8 1.1s infinite ease-out, X;
  -moz-animation: load8 1.1s infinite ease-out, X;
  -o-animation: load8 1.1s infinite ease-out, X;
  animation: load8 1.1s infinite ease-out, X;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 26px;
  height: 26px;
}
.button-old--secondary .button-old__circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 26px;
  height: 26px;
}
.button-old--secondary .button-old__circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 26px;
  height: 26px;
}
.button-old--cancel .button-old__circle-loader {
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 3px solid rgba(36, 44, 57, 0.2);
  border-left: 3px solid #242c39;
  -webkit-animation: load8 1.1s infinite ease-out;
  -moz-animation: load8 1.1s infinite ease-out;
  -o-animation: load8 1.1s infinite ease-out;
  animation: load8 1.1s infinite ease-out;
  -webkit-animation: load8 1.1s infinite ease-out, X;
  -moz-animation: load8 1.1s infinite ease-out, X;
  -o-animation: load8 1.1s infinite ease-out, X;
  animation: load8 1.1s infinite ease-out, X;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 26px;
  height: 26px;
}
.button-old--cancel .button-old__circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 26px;
  height: 26px;
}
.button-old--cancel .button-old__circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 26px;
  height: 26px;
}
.button-old--small.button-old--primary .button-old__circle-loader {
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-left: 2px solid white;
  -webkit-animation: load8 1.1s infinite ease-out;
  -moz-animation: load8 1.1s infinite ease-out;
  -o-animation: load8 1.1s infinite ease-out;
  animation: load8 1.1s infinite ease-out;
  -webkit-animation: load8 1.1s infinite ease-out, X;
  -moz-animation: load8 1.1s infinite ease-out, X;
  -o-animation: load8 1.1s infinite ease-out, X;
  animation: load8 1.1s infinite ease-out, X;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 16px;
  height: 16px;
}
.button-old--small.button-old--primary .button-old__circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 16px;
  height: 16px;
}
.button-old--small.button-old--primary .button-old__circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 16px;
  height: 16px;
}
.button-old--primary:not(.button-old--is-disabled) {
  color: white;
  background-color: #00857b;
}
.button-old--primary:not(.button-old--is-disabled) * {
  fill: white;
}
.button-old--primary:not(.button-old--is-disabled).button-old--is-idle:hover {
  box-shadow: 0 0 0 3px rgba(0, 133, 123, 0.25);
}
.button-old--secondary:not(.button-old--is-disabled) {
  background-color: white;
  border: 1px solid rgba(129, 162, 178, 0.25);
  color: #00857b;
}
.button-old--secondary:not(.button-old--is-disabled).button-old--is-idle:hover {
  box-shadow: 0 0 0 2px rgba(129, 162, 178, 0.25);
}
.button-old--add:not(.button-old--is-disabled) {
  color: white;
  background-color: #1099FC;
}
.button-old--add:not(.button-old--is-disabled).button-old--is-idle:hover {
  box-shadow: 0 0 0 3px rgba(16, 153, 252, 0.25);
}
.button-old--delete:not(.button-old--is-disabled) {
  color: white;
  background-color: #D71939;
}
.button-old--delete:not(.button-old--is-disabled).button-old--is-idle:hover {
  box-shadow: 0 0 0 3px rgba(215, 25, 57, 0.25);
}
.button-old--cancel:not(.button-old--is-disabled) {
  color: #242c39;
  background-color: white;
  border: 1px solid rgba(129, 162, 178, 0.25);
}
.button-old--cancel:not(.button-old--is-disabled).button-old--is-idle:hover {
  box-shadow: 0 0 0 2px rgba(129, 162, 178, 0.25);
}
.button-old--is-disabled {
  background-color: rgba(129, 162, 178, 0.25);
  color: white;
}
.label {
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
  color: rgba(36, 44, 57, 0.75);
  -webkit-transition: color 0.15s ease-out;
  -moz-transition: color 0.15s ease-out;
  -o-transition: color 0.15s ease-out;
  transition: color 0.15s ease-out;
  -webkit-transition: color 0.15s ease-out, X;
  -moz-transition: color 0.15s ease-out, X;
  -o-transition: color 0.15s ease-out, X;
  transition: color 0.15s ease-out, X;
}
.label--light {
  color: #81a2b2;
}
.label--lighter {
  color: rgba(129, 162, 178, 0.5);
}
.label--soft {
  color: rgba(36, 44, 57, 0.5);
}
.label--slate {
  color: #47535d;
}
.label--delete {
  color: #D71939;
}
.label--is-disabled,
.label--slate-light {
  color: rgba(71, 83, 93, 0.5);
}
.label--slate-light:hover {
  color: rgba(71, 83, 93, 0.75);
}
.label--white {
  color: #fff;
}
.label--bold {
  font-weight: 700;
  color: #242c39;
}
.label--bold-long {
  font-weight: 700;
  color: #81a2b2;
}
.label--large {
  font-size: 14px;
  line-height: 17px;
}
.label--emerald {
  color: #00857b;
}
.clickable:not(.clickable--is-disabled) {
  cursor: pointer;
}
.checkbox {
  padding: 5px 0;
  max-width: 400px;
}
.checkbox--without-label {
  max-width: initial;
}
.checkbox__click-field {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 5px 0;
  width: 100%;
}
.checkbox__click-field--without-label {
  padding: 5px;
}
.checkbox__click-field:not(.checkbox__click-field--is-disabled),
.checkbox__click-field:not(.checkbox__click-field--is-disabled) * {
  cursor: pointer;
}
.checkbox__box {
  position: relative;
  border-radius: 2px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
  margin: 1px 11px 1px 1px;
  width: 14px;
  min-width: 14px;
  height: 14px;
  box-sizing: content-box;
  box-shadow: 0 0 0 1px rgba(129, 162, 178, 0.5);
  background: transparent;
}
.checkbox__box--is-selected {
  box-shadow: 0 0 0 1px #00857b;
  background: #00857b;
}
.checkbox__box--is-disabled {
  box-shadow: 0 0 0 1px rgba(129, 162, 178, 0.25);
}
.checkbox__box--is-selected.checkbox__box--is-disabled {
  background: rgba(129, 162, 178, 0.25);
}
.checkbox__box--without-label {
  margin: 1px;
}
.checkbox__input-field {
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}
.checkbox__tick {
  position: absolute;
  top: 3px;
  left: 3px;
  fill: white;
}
.checkbox__tick.ng-enter {
  -webkit-animation: fadeIn 0.15s;
  -moz-animation: fadeIn 0.15s;
  -o-animation: fadeIn 0.15s;
  animation: fadeIn 0.15s;
  -webkit-animation: fadeIn 0.15s, X;
  -moz-animation: fadeIn 0.15s, X;
  -o-animation: fadeIn 0.15s, X;
  animation: fadeIn 0.15s, X;
}
.checkbox__tick.ng-enter-stagger {
  /* Safari */
  -webkit-transition-delay: 0.15s;
  -moz-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  transition-delay: 0.15s;
  /* Safari */
  -webkit-transition-duration: 0;
  -moz-transition-duration: 0;
  -o-transition-duration: 0;
  transition-duration: 0;
}
.checkbox__label {
  margin-top: 1px;
}
.search {
  height: 30px;
  max-width: 160px;
  width: 160px;
  position: relative;
  background: transparent;
  margin: 1px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
}
.search--expand-on-focus.search--is-filled,
.search--expand-on-focus.search--is-focused {
  width: 100%;
  min-width: 160px;
  max-width: 100%;
}
.search--small {
  width: 128px;
  height: 24px;
}
.search--fit-container {
  width: 100%;
  max-width: 100%;
  height: 100%;
}
.search--bolder {
  background-color: white;
  border: 1px solid rgba(129, 162, 178, 0.25);
}
.search__icon {
  height: 100%;
  width: 30px;
  cursor: pointer;
}
.search__icon svg {
  fill: #81a2b2;
  -webkit-transition: fill 0.15s ease-out;
  -moz-transition: fill 0.15s ease-out;
  -o-transition: fill 0.15s ease-out;
  transition: fill 0.15s ease-out;
  -webkit-transition: fill 0.15s ease-out, X;
  -moz-transition: fill 0.15s ease-out, X;
  -o-transition: fill 0.15s ease-out, X;
  transition: fill 0.15s ease-out, X;
}
.search__icon--close {
  position: absolute;
  top: 0;
  left: 0;
}
.search__icon--close:not(:hover) svg {
  fill: rgba(129, 162, 178, 0.5);
}
.search__icon--small {
  height: 24px;
}
.search__input {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-style: normal;
  color: rgba(36, 44, 57, 0.75);
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  height: 100%;
  width: 100%;
  background: transparent;
  padding: 0 4px 0 30px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
  border: none;
  outline: none;
}
.search__input::-webkit-input-placeholder {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-style: normal;
  color: rgba(129, 162, 178, 0.5);
}
.search__input:-moz-placeholder {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-style: normal;
  color: rgba(129, 162, 178, 0.5);
}
.search__input::-moz-placeholder {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-style: normal;
  color: rgba(129, 162, 178, 0.5);
}
.search__input:-ms-input-placeholder {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-style: normal;
  color: rgba(129, 162, 178, 0.5);
}
.search__input::-webkit-input-placeholder {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-style: normal;
  color: rgba(129, 162, 178, 0.5);
}
.search__input:-moz-placeholder {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-style: normal;
  color: rgba(129, 162, 178, 0.5);
}
.search__input::-moz-placeholder {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-style: normal;
  color: rgba(129, 162, 178, 0.5);
}
.search__input:-ms-input-placeholder {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-style: normal;
  color: rgba(129, 162, 178, 0.5);
}
.search__input:hover {
  box-shadow: 0 0 0 1px rgba(129, 162, 178, 0.25);
  background: transparent;
}
.search__input:focus {
  box-shadow: 0 0 0 1px rgba(129, 162, 178, 0.5);
  background: transparent;
}
.search__input--light {
  color: rgba(255, 255, 255, 0.75);
}
.search__input--small {
  height: 24px;
  font-size: 12px;
}
.search__input--small::-webkit-input-placeholder {
  font-size: 12px;
}
.search__input--small:-moz-placeholder {
  font-size: 12px;
}
.search__input--small::-moz-placeholder {
  font-size: 12px;
}
.search__input--small:-ms-input-placeholder {
  font-size: 12px;
}
.search__input--small::-webkit-input-placeholder {
  font-size: 12px;
}
.search__input--small:-moz-placeholder {
  font-size: 12px;
}
.search__input--small::-moz-placeholder {
  font-size: 12px;
}
.search__input--small:-ms-input-placeholder {
  font-size: 12px;
}
.editable-heading {
  position: relative;
  width: 100%;
}
input[type="text"].editable-heading__input,
input[type="text"].editable-heading__input-with-label {
  position: relative;
  padding-left: 25px;
  padding-right: 25px;
  height: 24px;
  min-width: 97px;
  max-width: 450px;
  width: 100%;
  background: none;
  border: none;
  border-bottom: 1px solid #EAEAEA;
  border-radius: 0;
  bottom: 0;
  color: #47535d;
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
}
input[type="text"].editable-heading__input:hover,
input[type="text"].editable-heading__input-with-label:hover {
  background: none;
  border-bottom-color: rgba(129, 162, 178, 0.25);
}
input[type="text"].editable-heading__input:focus,
input[type="text"].editable-heading__input-with-label:focus {
  border-bottom-color: rgba(129, 162, 178, 0.05);
}
input[type="text"].editable-heading__input,
input[type="text"].editable-heading__input-with-label,
.editable-heading__sizing-span {
  font-weight: 600;
  font-size: 20px;
}
.editable-heading__sizing-span {
  left: -1000px;
  top: -500px;
  position: absolute;
  white-space: pre;
  padding-left: 25px;
  padding-right: 25px;
}
.editable-heading__icon {
  position: absolute;
  right: 0;
  bottom: 5px;
  width: 20px;
}
.editable-heading__icon svg {
  fill: rgba(129, 162, 178, 0.25);
}
.editable-heading__label {
  position: relative;
  font-size: 14px;
  line-height: 17px;
  /* identical to box height */
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #81a2b2;
  mix-blend-mode: normal;
  opacity: 0.75;
  margin-bottom: 12px;
  text-align: center;
  font-weight: bold;
}
.editable-heading--left input[type="text"].editable-heading__input {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}
.editable-heading--left input[type="text"].editable-heading__input--readonly {
  border-bottom: none;
  opacity: 1;
}
.editable-heading--left .editable-heading__sizing-span {
  padding-left: 0;
  padding-right: 0;
}
input[type="text"].editable-heading__input-with-label {
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  height: 29px;
  font-weight: normal;
  font-size: 24px;
  text-align: center;
}
.or-divider {
  width: 100%;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
  color: #81a2b2;
}
.or-divider::before {
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
  width: 100%;
  content: "";
  display: block;
  margin-bottom: -9px;
  padding-top: 9px;
}
.or-divider::after {
  content: "";
  display: block;
  background: white;
  margin-left: calc(50% - 15px);
  height: 20px;
  margin-top: -20px;
  width: 30px;
}
.sso {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  width: 60px;
  border: 1px solid rgba(129, 162, 178, 0.32);
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  margin: 0 5px;
}
.sso:hover {
  box-shadow: 0 0 0 3px rgba(129, 162, 178, 0.2);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out, X;
  -moz-transition: all 0.2s ease-out, X;
  -o-transition: all 0.2s ease-out, X;
  transition: all 0.2s ease-out, X;
}
.sso__logo {
  height: 32px;
  margin: auto;
}
.input-v2 {
  margin: 15px 0;
}
input[type=text].input-v2__field,
input[type=email].input-v2__field,
input[type=number].input-v2__field,
input[type=password].input-v2__field {
  height: 45px;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  border: 1px solid rgba(129, 162, 178, 0.25);
  width: 100%;
  max-width: 300px;
  padding: 0 15px;
  font-size: 14px;
  line-height: 17px;
  color: #242c39;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  font-family: "calibre-legacy", sans-serif;
  -webkit-transition: border-color 0.2s ease-out;
  -moz-transition: border-color 0.2s ease-out;
  -o-transition: border-color 0.2s ease-out;
  transition: border-color 0.2s ease-out;
  -webkit-transition: border-color 0.2s ease-out, X;
  -moz-transition: border-color 0.2s ease-out, X;
  -o-transition: border-color 0.2s ease-out, X;
  transition: border-color 0.2s ease-out, X;
}
input[type=text].input-v2__field::-webkit-input-placeholder,
input[type=email].input-v2__field::-webkit-input-placeholder,
input[type=number].input-v2__field::-webkit-input-placeholder,
input[type=password].input-v2__field::-webkit-input-placeholder {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #81a2b2;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-v2__field:-moz-placeholder,
input[type=email].input-v2__field:-moz-placeholder,
input[type=number].input-v2__field:-moz-placeholder,
input[type=password].input-v2__field:-moz-placeholder {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #81a2b2;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-v2__field::-moz-placeholder,
input[type=email].input-v2__field::-moz-placeholder,
input[type=number].input-v2__field::-moz-placeholder,
input[type=password].input-v2__field::-moz-placeholder {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #81a2b2;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-v2__field:-ms-input-placeholder,
input[type=email].input-v2__field:-ms-input-placeholder,
input[type=number].input-v2__field:-ms-input-placeholder,
input[type=password].input-v2__field:-ms-input-placeholder {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #81a2b2;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-v2__field::-webkit-input-placeholder,
input[type=email].input-v2__field::-webkit-input-placeholder,
input[type=number].input-v2__field::-webkit-input-placeholder,
input[type=password].input-v2__field::-webkit-input-placeholder {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #81a2b2;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-v2__field:-moz-placeholder,
input[type=email].input-v2__field:-moz-placeholder,
input[type=number].input-v2__field:-moz-placeholder,
input[type=password].input-v2__field:-moz-placeholder {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #81a2b2;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-v2__field::-moz-placeholder,
input[type=email].input-v2__field::-moz-placeholder,
input[type=number].input-v2__field::-moz-placeholder,
input[type=password].input-v2__field::-moz-placeholder {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #81a2b2;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-v2__field:-ms-input-placeholder,
input[type=email].input-v2__field:-ms-input-placeholder,
input[type=number].input-v2__field:-ms-input-placeholder,
input[type=password].input-v2__field:-ms-input-placeholder {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #81a2b2;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-v2__field:focus,
input[type=email].input-v2__field:focus,
input[type=number].input-v2__field:focus,
input[type=password].input-v2__field:focus {
  border-color: rgba(129, 162, 178, 0.75);
}
input[type=text].input-auto-size__field,
input[type=email].input-auto-size__field,
input[type=number].input-auto-size__field,
input[type=password].input-auto-size__field {
  min-width: inherit;
  max-width: 100%;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  text-overflow: inherit;
  text-align: inherit;
  color: inherit;
}
.input-auto-size__field-copy {
  position: fixed;
  left: 0;
  top: -1000px;
  white-space: pre;
  opacity: 0;
  visibility: hidden;
}
.large-input {
  margin: 15px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 300px;
}
.large-input__label {
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #47535d;
  margin-bottom: 5px;
}
input[type=text].large-input__field,
input[type=email].large-input__field,
input[type=number].large-input__field,
input[type=password].large-input__field {
  height: 60px;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  border: 1px solid rgba(129, 162, 178, 0.25);
  width: 100%;
  max-width: 300px;
  padding: 0 15px;
  font-size: 24px;
  line-height: 28px;
  color: #242c39;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  -webkit-transition: border-color 0.2s ease-out;
  -moz-transition: border-color 0.2s ease-out;
  -o-transition: border-color 0.2s ease-out;
  transition: border-color 0.2s ease-out;
  -webkit-transition: border-color 0.2s ease-out, X;
  -moz-transition: border-color 0.2s ease-out, X;
  -o-transition: border-color 0.2s ease-out, X;
  transition: border-color 0.2s ease-out, X;
}
input[type=text].large-input__field::-webkit-input-placeholder,
input[type=email].large-input__field::-webkit-input-placeholder,
input[type=number].large-input__field::-webkit-input-placeholder,
input[type=password].large-input__field::-webkit-input-placeholder {
  font-size: 24px;
  line-height: 28px;
  color: rgba(36, 44, 57, 0.4);
  font-style: normal;
}
input[type=text].large-input__field:-moz-placeholder,
input[type=email].large-input__field:-moz-placeholder,
input[type=number].large-input__field:-moz-placeholder,
input[type=password].large-input__field:-moz-placeholder {
  font-size: 24px;
  line-height: 28px;
  color: rgba(36, 44, 57, 0.4);
  font-style: normal;
}
input[type=text].large-input__field::-moz-placeholder,
input[type=email].large-input__field::-moz-placeholder,
input[type=number].large-input__field::-moz-placeholder,
input[type=password].large-input__field::-moz-placeholder {
  font-size: 24px;
  line-height: 28px;
  color: rgba(36, 44, 57, 0.4);
  font-style: normal;
}
input[type=text].large-input__field:-ms-input-placeholder,
input[type=email].large-input__field:-ms-input-placeholder,
input[type=number].large-input__field:-ms-input-placeholder,
input[type=password].large-input__field:-ms-input-placeholder {
  font-size: 24px;
  line-height: 28px;
  color: rgba(36, 44, 57, 0.4);
  font-style: normal;
}
input[type=text].large-input__field::-webkit-input-placeholder,
input[type=email].large-input__field::-webkit-input-placeholder,
input[type=number].large-input__field::-webkit-input-placeholder,
input[type=password].large-input__field::-webkit-input-placeholder {
  font-size: 24px;
  line-height: 28px;
  color: rgba(36, 44, 57, 0.4);
  font-style: normal;
}
input[type=text].large-input__field:-moz-placeholder,
input[type=email].large-input__field:-moz-placeholder,
input[type=number].large-input__field:-moz-placeholder,
input[type=password].large-input__field:-moz-placeholder {
  font-size: 24px;
  line-height: 28px;
  color: rgba(36, 44, 57, 0.4);
  font-style: normal;
}
input[type=text].large-input__field::-moz-placeholder,
input[type=email].large-input__field::-moz-placeholder,
input[type=number].large-input__field::-moz-placeholder,
input[type=password].large-input__field::-moz-placeholder {
  font-size: 24px;
  line-height: 28px;
  color: rgba(36, 44, 57, 0.4);
  font-style: normal;
}
input[type=text].large-input__field:-ms-input-placeholder,
input[type=email].large-input__field:-ms-input-placeholder,
input[type=number].large-input__field:-ms-input-placeholder,
input[type=password].large-input__field:-ms-input-placeholder {
  font-size: 24px;
  line-height: 28px;
  color: rgba(36, 44, 57, 0.4);
  font-style: normal;
}
input[type=text].large-input__field:focus,
input[type=email].large-input__field:focus,
input[type=number].large-input__field:focus,
input[type=password].large-input__field:focus {
  border-color: #81a2b2;
}
.input-pencil {
  margin: 15px 0;
  width: 350px;
  position: relative;
}
.input-pencil__icon svg {
  right: 12px;
  top: 12px;
  position: absolute;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
  fill: rgba(129, 162, 178, 0.75);
}
input[type=text].input-pencil__field,
input[type=email].input-pencil__field,
input[type=number].input-pencil__field,
input[type=password].input-pencil__field {
  height: 40px;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  border: 1px solid rgba(129, 162, 178, 0.25);
  width: 100%;
  padding: 0 38px 0 10px;
  font-size: 12px;
  color: #47535d;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  font-family: "calibre-legacy", sans-serif;
  -webkit-transition: border-color 0.2s ease-out;
  -moz-transition: border-color 0.2s ease-out;
  -o-transition: border-color 0.2s ease-out;
  transition: border-color 0.2s ease-out;
  -webkit-transition: border-color 0.2s ease-out, X;
  -moz-transition: border-color 0.2s ease-out, X;
  -o-transition: border-color 0.2s ease-out, X;
  transition: border-color 0.2s ease-out, X;
}
input[type=text].input-pencil__field::-webkit-input-placeholder,
input[type=email].input-pencil__field::-webkit-input-placeholder,
input[type=number].input-pencil__field::-webkit-input-placeholder,
input[type=password].input-pencil__field::-webkit-input-placeholder {
  font-weight: 600;
  font-size: 12px;
  color: rgba(71, 83, 93, 0.5);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-pencil__field:-moz-placeholder,
input[type=email].input-pencil__field:-moz-placeholder,
input[type=number].input-pencil__field:-moz-placeholder,
input[type=password].input-pencil__field:-moz-placeholder {
  font-weight: 600;
  font-size: 12px;
  color: rgba(71, 83, 93, 0.5);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-pencil__field::-moz-placeholder,
input[type=email].input-pencil__field::-moz-placeholder,
input[type=number].input-pencil__field::-moz-placeholder,
input[type=password].input-pencil__field::-moz-placeholder {
  font-weight: 600;
  font-size: 12px;
  color: rgba(71, 83, 93, 0.5);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-pencil__field:-ms-input-placeholder,
input[type=email].input-pencil__field:-ms-input-placeholder,
input[type=number].input-pencil__field:-ms-input-placeholder,
input[type=password].input-pencil__field:-ms-input-placeholder {
  font-weight: 600;
  font-size: 12px;
  color: rgba(71, 83, 93, 0.5);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-pencil__field::-webkit-input-placeholder,
input[type=email].input-pencil__field::-webkit-input-placeholder,
input[type=number].input-pencil__field::-webkit-input-placeholder,
input[type=password].input-pencil__field::-webkit-input-placeholder {
  font-weight: 600;
  font-size: 12px;
  color: rgba(71, 83, 93, 0.5);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-pencil__field:-moz-placeholder,
input[type=email].input-pencil__field:-moz-placeholder,
input[type=number].input-pencil__field:-moz-placeholder,
input[type=password].input-pencil__field:-moz-placeholder {
  font-weight: 600;
  font-size: 12px;
  color: rgba(71, 83, 93, 0.5);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-pencil__field::-moz-placeholder,
input[type=email].input-pencil__field::-moz-placeholder,
input[type=number].input-pencil__field::-moz-placeholder,
input[type=password].input-pencil__field::-moz-placeholder {
  font-weight: 600;
  font-size: 12px;
  color: rgba(71, 83, 93, 0.5);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-pencil__field:-ms-input-placeholder,
input[type=email].input-pencil__field:-ms-input-placeholder,
input[type=number].input-pencil__field:-ms-input-placeholder,
input[type=password].input-pencil__field:-ms-input-placeholder {
  font-weight: 600;
  font-size: 12px;
  color: rgba(71, 83, 93, 0.5);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-pencil__field:focus,
input[type=email].input-pencil__field:focus,
input[type=number].input-pencil__field:focus,
input[type=password].input-pencil__field:focus {
  border-color: rgba(129, 162, 178, 0.5);
}
input[type=text].input-pencil__field:focus + .input-pencil__icon svg,
input[type=email].input-pencil__field:focus + .input-pencil__icon svg,
input[type=number].input-pencil__field:focus + .input-pencil__icon svg,
input[type=password].input-pencil__field:focus + .input-pencil__icon svg {
  fill: #81a2b2;
}
.signup-form__button {
  margin-top: 35px;
}
.create-button:hover,
.create-button.create-button--active {
  box-shadow: 0 0 0 3px rgba(129, 162, 178, 0.25);
}
.delayed-load .loading {
  margin: 20px auto;
}
.delayed-load .loading .circle-loader {
  margin-bottom: 10px;
}
.delayed-load .loading .loading-message {
  text-align: center;
  font-size: 16px;
  line-height: 19px;
  font-weight: 600;
}
.user-icon {
  border-radius: 100%;
  background: #333333;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.user-icon .empty {
  width: 100%;
  height: 100%;
}
.user-icon .empty ng-include {
  fill: #fff;
}
.user-icon.small,
.user-icon--small {
  height: 32px;
  width: 32px;
  font-size: 14px;
}
.user-icon.large,
.user-icon--large {
  height: 52px;
  width: 52px;
  font-size: 20px;
}
.auto-grow-text-input {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.auto-grow-text-input__ruler {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  width: auto !important;
  height: 0px;
  white-space: pre-wrap;
}
.auto-grow-text-input .text-input__input {
  padding: 0 8px !important;
}
.number-input {
  display: flex;
}
.number-input__input {
  flex: 1;
}
.number-input__stepper {
  position: relative;
  top: 2px;
}
.number-input__step-button {
  width: 16px !important;
  height: 16px !important;
}
@media all and (-ms-high-contrast: none) {
  .number-input__step-button .button__icon-wrapper {
    position: relative !important;
  }
}
.number-input .text-input__underline {
  position: absolute;
}
.accept-module .old-accept-button-v2.accept-button-v2.auto-size {
  padding: 0 40px;
}
.old-accept-button-v2.accept-button-v2 {
  position: relative;
  padding: 0 10px;
}
.old-accept-button-v2-wrapper.accept-button-v2-wrapper .old-accept-button-v2.accept-button-v2.center {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.old-accept-button-v2.accept-button-v2:hover .icon-edit {
  opacity: 1;
}
.old-accept-button-v2.accept-button-v2 .icon-edit {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
  padding: 3px;
  fill: #CEDBE0;
  cursor: text;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out, X;
  -moz-transition: all 0.2s ease-out, X;
  -o-transition: all 0.2s ease-out, X;
  transition: all 0.2s ease-out, X;
}
.old-accept-button-v2.accept-button-v2 .icon-edit svg {
  width: 21px;
  height: 21px;
}
.old-accept-button-v2.accept-button-v2 .accept-label-inline,
.old-accept-button-v2.accept-button-v2 .accept-label-edit {
  width: 100%;
}
.old-accept-button-v2.accept-button-v2 .accept-label-inline {
  line-height: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  overflow: hidden;
}
.old-accept-button-v2.accept-button-v2 .accept-label-input {
  min-width: 198px;
  text-overflow: ellipsis;
  text-align: center;
  color: inherit;
}
.multi-accepters .multi-accepter-icons {
  margin-top: 15px;
  margin-bottom: 10px;
}
.multi-accepters .multi-accepter-icons .multi-accepter-icon + .multi-accepter-icon {
  margin-left: 5px;
}
.multi-accepters .multi-accepter-icons .multi-accepter-icon .user-icon .initials {
  font-family: "calibre-legacy", sans-serif !important;
}
.multi-accepters .last-accepted {
  margin-top: 11px;
}
.multi-accepters .last-accepted p.label {
  padding: 0;
  font-family: "calibre-legacy", sans-serif !important;
  text-align: center;
  color: #81a2b2;
  font-size: 13px;
  line-height: 16px;
}
.accept-wrapper {
  min-height: 142px;
}
.action-button-wrapper.ng-animate {
  -webkit-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -moz-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -o-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
}
.action-button-wrapper.ng-enter {
  height: 0;
  opacity: 0;
}
.action-button-wrapper.ng-enter.ng-enter-active {
  height: 0;
  opacity: 1;
}
.action-button-wrapper.ng-leave {
  height: 0;
  opacity: 1;
}
.action-button-wrapper.ng-leave.ng-leave-active {
  height: 0;
  opacity: 0;
}
.inline-accept-wrapper.ng-animate {
  -webkit-transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -moz-transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -o-transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
}
.inline-accept-wrapper.ng-enter {
  height: 0;
  opacity: 0;
}
.inline-accept-wrapper.ng-enter.ng-enter-active {
  height: 1000px;
  opacity: 1;
}
.inline-accept-wrapper.ng-leave {
  height: 1000px;
  opacity: 1;
}
.inline-accept-wrapper.ng-leave.ng-leave-active {
  height: 0;
  opacity: 0;
}
.accept-module .accept-button-v2.auto-size .accept-button-v2__button {
  padding: 0 40px;
}
.accept-button-v2__menu {
  position: absolute;
  top: -20px;
  left: calc(100% - 20px);
}
.accept-button-v2 {
  position: relative;
}
.accept-button-v2-wrapper .accept-button-v2.center {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.accept-button-v2__button {
  padding: 0 10px;
  width: 100%;
  height: 100%;
}
.accept-button-v2:hover .icon-edit {
  opacity: 1;
}
.accept-button-v2 .icon-edit {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
  padding: 3px;
  fill: #CEDBE0;
  cursor: text;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out, X;
  -moz-transition: all 0.2s ease-out, X;
  -o-transition: all 0.2s ease-out, X;
  transition: all 0.2s ease-out, X;
}
.accept-button-v2 .icon-edit svg {
  width: 21px;
  height: 21px;
}
.accept-button-v2 .accept-label-inline,
.accept-button-v2 .accept-label-edit {
  width: 100%;
}
.accept-button-v2 .accept-label-inline {
  line-height: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  overflow: hidden;
}
.accept-button-v2 .accept-label-input {
  min-width: 198px;
  text-overflow: ellipsis;
  text-align: center;
  color: inherit;
}
.multi-accepters .multi-accepter-icons {
  margin-top: 15px;
  margin-bottom: 10px;
}
.multi-accepters .multi-accepter-icons .multi-accepter-icon + .multi-accepter-icon {
  margin-left: 5px;
}
.multi-accepters .multi-accepter-icons .multi-accepter-icon .user-icon .initials {
  font-family: "calibre-legacy", sans-serif !important;
}
.multi-accepters .last-accepted {
  margin-top: 11px;
}
.multi-accepters .last-accepted p.label {
  padding: 0;
  font-family: "calibre-legacy", sans-serif !important;
  text-align: center;
  color: #81a2b2;
  font-size: 13px;
  line-height: 16px;
}
.accept-wrapper {
  min-height: 142px;
}
.action-button-wrapper.ng-animate {
  -webkit-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -moz-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -o-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
}
.action-button-wrapper.ng-enter {
  height: 0;
  opacity: 0;
}
.action-button-wrapper.ng-enter.ng-enter-active {
  height: 0;
  opacity: 1;
}
.action-button-wrapper.ng-leave {
  height: 0;
  opacity: 1;
}
.action-button-wrapper.ng-leave.ng-leave-active {
  height: 0;
  opacity: 0;
}
.inline-accept-wrapper.ng-animate {
  -webkit-transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -moz-transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -o-transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
}
.inline-accept-wrapper.ng-enter {
  height: 0;
  opacity: 0;
}
.inline-accept-wrapper.ng-enter.ng-enter-active {
  height: 1000px;
  opacity: 1;
}
.inline-accept-wrapper.ng-leave {
  height: 1000px;
  opacity: 1;
}
.inline-accept-wrapper.ng-leave.ng-leave-active {
  height: 0;
  opacity: 0;
}
.accepter-block.card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 400px;
}
body#print .accepter-block.card {
  max-width: 300px;
}
.accepter-block__signature {
  background: border-box;
  background-size: contain;
  background-repeat: no-repeat;
}
.accepter-block__details {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  padding: 24px;
}
.accepter-block__details--with-signature {
  border-top: 1px solid rgba(129, 162, 178, 0.25);
  padding: 16px 0 0 0;
  margin: 41.841% 24px 24px 24px;
}
body#print .accepter-block__details--with-signature {
  margin-top: 31.38075%;
}
.accepter-block__details--with-signature-typed {
  margin-top: 31.949%;
}
body#print .accepter-block__details--with-signature-typed {
  margin-top: 23.96175%;
}
.accepter-block__name {
  font-size: 16px;
  font-weight: 700;
  color: #47535d;
}
.accepter-block__datestamp {
  font-size: 16px;
  color: rgba(71, 83, 93, 0.8);
  text-align: right;
}
.accepter-list {
  display: grid;
  justify-items: center;
  gap: 16px;
  margin-top: 40px;
}
.accepter-list__heading {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}
.rendered-form .field {
  position: relative;
  border-bottom: 1px solid #f2f2f2;
}
.rendered-form .field:last-child {
  border-bottom: none;
}
.rendered-form .field .flexi-label {
  position: absolute;
  top: 10px;
  left: 15px;
  font-size: 12px;
  color: #999999;
  user-select: none;
  pointer-events: none;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition: all 0.2s, X;
  -moz-transition: all 0.2s, X;
  -o-transition: all 0.2s, X;
  transition: all 0.2s, X;
}
.rendered-form .field .flexi-label.ng-enter {
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
  -webkit-animation: fadeIn 0.3s, X;
  -moz-animation: fadeIn 0.3s, X;
  -o-animation: fadeIn 0.3s, X;
  animation: fadeIn 0.3s, X;
}
.rendered-form .field .flexi-label.ng-leave {
  -webkit-animation: fadeOut 0.3s;
  -moz-animation: fadeOut 0.3s;
  -o-animation: fadeOut 0.3s;
  animation: fadeOut 0.3s;
  -webkit-animation: fadeOut 0.3s, X;
  -moz-animation: fadeOut 0.3s, X;
  -o-animation: fadeOut 0.3s, X;
  animation: fadeOut 0.3s, X;
}
.rendered-form .field .flexi-label.placeholder {
  font-size: 14px;
  font-weight: 400;
}
.rendered-form .field input,
.rendered-form .field select {
  border: none;
  height: 70px;
  padding-left: 15px;
  line-height: 70px;
  color: #191919;
}
.rendered-form .field select {
  background: url("/Assets/icons/DownArrow.svg");
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: right 15px center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  cursor: pointer;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  color: #808080;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .rendered-form .field select {
    background-size: 150px;
    background-position: right -40px center;
  }
}
.rendered-form .field select::-ms-expand {
  display: none;
}
.rendered-form .field select::-ms-value {
  background: none;
  color: #808080;
}
.rendered-form .field.filled select {
  color: #191919;
}
.rendered-form .field.filled input {
  padding-top: 10px;
}
.rendered-form .field.focused .flexi-label {
  color: #00857b;
}
.rendered-form .field.markEmpty {
  border: 1px solid red;
}
.rendered-form .text {
  width: 100%;
}
.rendered-form .text .styles {
  font-size: 15px;
  color: #808080;
  font-style: italic;
  font-weight: 400;
}
.rendered-form .text ::-webkit-input-placeholder {
  font-size: 15px;
  color: #808080;
  font-style: italic;
  font-weight: 400;
}
.rendered-form .text :-moz-placeholder {
  font-size: 15px;
  color: #808080;
  font-style: italic;
  font-weight: 400;
}
.rendered-form .text ::-moz-placeholder {
  font-size: 15px;
  color: #808080;
  font-style: italic;
  font-weight: 400;
}
.rendered-form .text :-ms-input-placeholder {
  font-size: 15px;
  color: #808080;
  font-style: italic;
  font-weight: 400;
}
.rendered-form .text input {
  font-weight: 300;
  font-size: 16px;
}
.rendered-form .inputPlaceholders .styles {
  font-size: 15px;
  color: #808080;
  font-style: italic;
  font-weight: 400;
}
.rendered-form .inputPlaceholders ::-webkit-input-placeholder {
  font-size: 15px;
  color: #808080;
  font-style: italic;
  font-weight: 400;
}
.rendered-form .inputPlaceholders :-moz-placeholder {
  font-size: 15px;
  color: #808080;
  font-style: italic;
  font-weight: 400;
}
.rendered-form .inputPlaceholders ::-moz-placeholder {
  font-size: 15px;
  color: #808080;
  font-style: italic;
  font-weight: 400;
}
.rendered-form .inputPlaceholders :-ms-input-placeholder {
  font-size: 15px;
  color: #808080;
  font-style: italic;
  font-weight: 400;
}
.rendered-form .dropdown {
  width: 100%;
}
.rendered-form .dropdown .flexi-label.placeholder {
  top: 20px;
}
.spinner {
  grid-area: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.spinner__root {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.spinner__spinner-root {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  box-shadow: 0 -1px 0 0 rgba(129, 162, 178, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08), 0 20px 36px -10px rgba(36, 44, 57, 0.1), 0 0 10px rgba(0, 0, 0, 0.06), 0 8px 20px -6px rgba(0, 0, 0, 0.06);
  background-color: white;
  place-content: center;
  color: #757e86;
  transform: scale(0.8);
  transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  display: grid;
  place-items: center;
  position: relative;
  grid-column: 1;
  grid-row: 1;
}
[data-status="entering"] .spinner__spinner-root,
[data-status="entered"] .spinner__spinner-root {
  transform: none;
}
[data-status="entered"] .spinner__spinner-root,
[data-status="exiting"] .spinner__spinner-root {
  transform: none;
  transition-delay: 0s;
}
.spinner__spinner-root svg {
  grid-area: 1 / 1;
}
.spinner__icon {
  transition: 400ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  transition-property: color;
}
[data-status="entered"] [data-unlocked="true"] .spinner__icon {
  color: #00857b;
}
[data-unlocked="true"] .spinner__icon path {
  animation: vibes-unlock cubic-bezier(0.4, 0, 0.2, 1) 400ms forwards 550ms;
  transform-origin: 18px;
}
@keyframes password-lock-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.spinner__spinner path {
  transform-origin: center;
  animation: password-lock-spin 1.5s linear infinite;
}
.spinner__text {
  transition: 400ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  transition-property: opacity, transform;
  display: flex;
  align-items: center;
  grid-column: 1;
  grid-row: 2;
}
.spinner__text[data-status="exiting"] {
  transform: translate3d(0, 20%, 0);
}
.spinner__text[data-status="exited"] {
  transform: translate3d(0, -20%, 0);
}
.spinner__text[data-status="exiting"],
.spinner__text[data-status="exited"] {
  opacity: 0;
}
.expiry-date-pill {
  position: fixed;
  z-index: 9999;
  background: white;
  border-radius: 50vw;
  box-shadow: 0px 1px 55px 10px rgba(36, 44, 57, 0.15);
  padding: 8px;
  bottom: 8px;
  margin-left: 8px;
  display: flex;
  align-items: center;
}
.expiry-date-pill--hide {
  display: none;
}
.expiry-date-pill__text {
  padding: 0 4px;
  font-size: 14px;
}
.public-page-modal {
  font-family: "calibre-legacy", sans-serif;
}
.public-page-status-modal {
  border-radius: 5px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.public-page-status-modal .modal-icon {
  margin-bottom: 24px;
}
.public-page-status-modal .status-badge {
  height: 40px;
  border-radius: 8px;
  color: #47535d;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
  padding: 0 16px 0 8px;
}
.project-accepted-modal__status-badge {
  background-color: rgba(0, 133, 123, 0.1);
}
.project-accepted-modal__accepted-badge-marker {
  color: #00857b;
}
.accepted-tick {
  display: flex;
  background-color: rgba(0, 133, 123, 0.1);
  border-radius: 50%;
  height: 80px;
  width: 80px;
}
.accepted-tick__icon {
  background-color: #00857b;
  border-radius: 50%;
  margin: auto;
  color: white;
}
.password-tree {
  height: 100%;
  width: 100%;
}
.password-tree > div {
  height: 100%;
  width: 100%;
}
.password-protected-container {
  background: linear-gradient(rgba(129, 162, 178, 0.05), rgba(129, 162, 178, 0.05)), linear-gradient(white, white);
  font-family: calibre-legacy;
  height: 100%;
  display: grid;
  gap: 24px;
  align-items: start;
  justify-items: center;
  justify-content: center;
  align-content: start;
  grid-template-columns: minmax(0, 400px);
  grid-template-rows: 1fr auto;
  padding: 16px;
  padding-top: 20vh;
  overflow-y: auto;
  transition: background 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
.password-protected-container[data-fade-bg="true"] {
  background-color: white;
}
@media (max-width: 500px) {
  .password-protected-container {
    padding-top: 10vh;
  }
}
.password-protected-container .animated-background {
  --x: 0;
  --y: -20vh;
  --r: -20deg;
  --shimmer-delay: 0s;
  --shimmer-opacity: 0.4;
  --shimmer-saturation: 1;
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  isolation: isolate;
  background: linear-gradient(rgba(129, 162, 178, 0.05), rgba(129, 162, 178, 0.05)), linear-gradient(white, white);
  transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  opacity: 0.2;
}
.password-protected-container .animated-background[data-unlocked="true"] {
  opacity: 0;
}
.password-protected-container .animated-background[data-shimmer="true"] {
  opacity: 0.3;
}
.password-protected-container .animated-background__texture {
  background-image: url("/Public/Assets/Images/background-texture.png");
  position: fixed;
  inset: 0;
  mix-blend-mode: soft-light;
  opacity: 0.8;
}
.password-protected-container .animated-background__ellipse {
  width: 32vh;
  height: 80vh;
  background-image: radial-gradient(farthest-side, var(--ellipse-color), transparent);
  transform: rotate(var(--r)) translate3d(var(--x), var(--y), 0);
  opacity: var(--shimmer-opacity);
  position: absolute;
  transition: 400ms cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: opacity, transform, filter;
}
[data-shimmer="true"] .password-protected-container .animated-background__ellipse {
  transition-delay: var(--shimmer-delay);
  filter: saturate(var(--shimmer-saturation));
  opacity: var(--shimmer-opacity);
}
[data-unlocked="true"] .password-protected-container .animated-background__ellipse {
  transition-duration: 1s;
}
.password-protected-container .animated-background__ellipse:nth-child(1) {
  --shimmer-delay: 0s;
  --ellipse-color: #ffc531;
  --y: -30vh;
  --x: -80%;
}
[data-unlocked="true"] .password-protected-container .animated-background__ellipse:nth-child(1) {
  --x: -140%;
}
.password-protected-container .animated-background__ellipse:nth-child(2) {
  --shimmer-delay: 0.05s;
  --ellipse-color: #ff4c6b;
  --x: -30%;
  --y: -25vh;
}
[data-unlocked="true"] .password-protected-container .animated-background__ellipse:nth-child(2) {
  --x: -100%;
}
.password-protected-container .animated-background__ellipse:nth-child(3) {
  --shimmer-delay: 0.1s;
  --ellipse-color: #706aea;
}
[data-unlocked="true"] .password-protected-container .animated-background__ellipse:nth-child(3) {
  --x: 25%;
}
.password-protected-container .animated-background__ellipse:nth-child(4) {
  --shimmer-delay: 0.15s;
  --ellipse-color: #4cb4ff;
  --x: 30%;
  --y: -25vh;
}
[data-unlocked="true"] .password-protected-container .animated-background__ellipse:nth-child(4) {
  --x: 100%;
}
.password-protected-container .animated-background__ellipse:nth-child(5) {
  --shimmer-delay: 0.2s;
  --ellipse-color: #0bdac9;
  --x: 80%;
  --y: -30vh;
}
[data-unlocked="true"] .password-protected-container .animated-background__ellipse:nth-child(5) {
  --x: 140%;
}
.password-protected-container .animated-background__noise {
  background-image: var(--noise);
  position: fixed;
  inset: 0;
  mix-blend-mode: soft-light;
  opacity: 0.8;
}
.password-protected-container .spinner {
  grid-area: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.password-protected-container .spinner__loader {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  place-items: center;
  gap: 8px;
  opacity: 0;
  transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
}
.password-protected-container .spinner__loader[data-status="entering"],
.password-protected-container .spinner__loader[data-status="entered"] {
  opacity: 1;
}
[data-status="entered"] .password-protected-container .spinner__loader,
[data-status="exiting"] .password-protected-container .spinner__loader {
  transition-delay: 0s;
}
.password-protected-container .spinner__loader-main {
  display: grid;
  place-items: center;
  place-content: center;
}
@keyframes loader-pulse {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}
.password-protected-container .spinner__loader-pulse {
  background-color: #0bdac9;
  width: 80px;
  height: 80px;
  border-radius: 80px;
  opacity: 0;
  grid-column: 1;
  grid-row: 1;
}
.password-protected-container .spinner__loader-pulse[data-status="entering"],
.password-protected-container .spinner__loader-pulse[data-status="entered"] {
  animation: loader-pulse 1s cubic-bezier(0.4, 0, 0.2, 1) 150ms forwards;
}
@keyframes vibes-unlock {
  0% {
    transform: translate3d(0, 0, 0) rotateY(0deg);
  }
  50% {
    transform: translate3d(0, -7%, 0) rotateY(0deg);
  }
  100% {
    transform: translate3d(0, -7%, 0) rotateY(180deg);
  }
}
.password-protected-container .spinner__lock {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  box-shadow: 0 -1px 0 0 rgba(129, 162, 178, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08), 0 20px 36px -10px rgba(36, 44, 57, 0.1), 0 0 10px rgba(0, 0, 0, 0.06), 0 8px 20px -6px rgba(0, 0, 0, 0.06);
  background-color: white;
  place-content: center;
  color: #757e86;
  transform: scale(0.8);
  transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  display: grid;
  place-items: center;
  position: relative;
  grid-column: 1;
  grid-row: 1;
}
[data-status="entering"] .password-protected-container .spinner__lock,
[data-status="entered"] .password-protected-container .spinner__lock {
  transform: none;
}
[data-status="entered"] .password-protected-container .spinner__lock,
[data-status="exiting"] .password-protected-container .spinner__lock {
  transform: none;
  transition-delay: 0s;
}
.password-protected-container .spinner__lock svg {
  grid-area: 1 / 1;
}
.password-protected-container .spinner__lock-icon {
  transition: 400ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  transition-property: color;
}
[data-status="entered"] [data-unlocked="true"] .password-protected-container .spinner__lock-icon {
  color: #00857b;
}
[data-unlocked="true"] .password-protected-container .spinner__lock-icon path {
  animation: vibes-unlock cubic-bezier(0.4, 0, 0.2, 1) 400ms forwards 550ms;
  transform-origin: 18px;
}
@keyframes password-lock-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.password-protected-container .spinner__lock-spinner path {
  transform-origin: center;
  animation: password-lock-spin 1.5s linear infinite;
}
.password-protected-container .spinner__lock-text {
  transition: 400ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  transition-property: opacity, transform;
  display: flex;
  align-items: center;
  grid-column: 1;
  grid-row: 2;
}
.password-protected-container .spinner__lock-text--success {
  display: flex;
  background: #e6f3f2;
  border-radius: 32px;
  padding: 0 8px;
  color: #00857b;
  box-shadow: 0 -1px 0 0 rgba(129, 162, 178, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(36, 44, 57, 0.1);
  transition-delay: 400ms;
}
.password-protected-container .spinner__lock-text--success svg {
  margin-left: -4px;
}
.password-protected-container .spinner__lock-text[data-status="exiting"] {
  transform: translate3d(0, 20%, 0);
}
.password-protected-container .spinner__lock-text[data-status="exited"] {
  transform: translate3d(0, -20%, 0);
}
.password-protected-container .spinner__lock-text[data-status="exiting"],
.password-protected-container .spinner__lock-text[data-status="exited"] {
  opacity: 0;
}
.password-protected-container .password-protected {
  display: grid;
  grid-area: 1 / 1;
  gap: 16px;
  width: 100%;
  transition: 400ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
  transition-property: opacity, transform;
}
.password-protected-container .password-protected[data-status="exiting"],
.password-protected-container .password-protected[data-status="exited"] {
  opacity: 0;
  transform: scale(0.8);
  transition-delay: 0s;
}
.password-protected-container .password-protected__image-container {
  display: grid;
  aspect-ratio: 400 / 209;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
}
.password-protected-container .password-protected__image {
  grid-area: 1 / 1;
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.password-protected-container .password-protected__user-card {
  padding: 16px;
  display: flex;
  gap: 16px;
}
.password-protected-container .password-protected__user {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
.password-protected-container .password-protected__user-info {
  display: grid;
  align-items: center;
  align-content: center;
  gap: 4px;
  word-break: break-all;
  margin-right: 48px;
}
.password-protected-container .password-protected__user-avatar {
  border-radius: 54px;
  height: 54px;
  width: 54px;
}
.password-protected-container .password-protected__user-action {
  position: absolute;
  right: 16px;
}
.password-protected-container .password-protected__card-actions {
  position: absolute;
  display: flex;
  right: 16px;
  top: 16px;
}
.password-protected-container .password-protected__card-body {
  overflow: hidden;
  display: grid;
}
.password-protected-container .password-protected__password-card {
  padding: 32px;
  padding-top: 24px;
  display: grid;
  gap: 16px;
  transition: all 200ms ease;
}
@media (max-width: 500px) {
  .password-protected-container .password-protected__password-card {
    padding: 24px;
  }
}
.password-protected-container .password-protected__password-card-description {
  display: grid;
  gap: 8px;
}
.password-protected-container .password-protected__password-card-alert {
  margin-top: 16px;
}
.password-protected-container .password-protected__remember-card {
  padding: 16px;
}
@media (max-width: 500px) {
  .password-protected-container .password-protected__remember-card {
    padding: 8px;
  }
}
.password-protected-container .password-protected__expander {
  display: grid;
  gap: 16px;
  padding: 0 16px 16px;
}
.password-protected-container .password-protected__expand-button {
  margin: 0;
  border: 0;
  padding: 0;
  font: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: white;
  transition: outline 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  outline: 3px solid transparent;
  outline-offset: 3px;
  /*
    @HACK(mbusby, 2022-01-24): Note that we separately define the :active
    outline-color override as otherwise browsers that don't support :focus-visible
    will skip it.
  */
  user-select: none;
  padding: 8px 8px 8px 16px;
  border-radius: 4px;
  text-transform: none;
  text-align: left;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.password-protected-container .password-protected__expand-button[disabled] {
  /*
     * @NOTE(mbusby, 2020-10-06): This is a workaround suggested by
     * https://jakearchibald.com/2017/events-and-disabled-form-fields/#workaround
     * to ensure that disabled buttons still trigger mouseenter/mouseleave events reliably in all browsers.
     * This is needed in cases where we want to add a `Tooltip` to a `button` to explain
     * to the user why the `button` is disabled.
     */
  pointer-events: none;
}
.password-protected-container .password-protected__expand-button::after {
  content: "";
  position: absolute;
  inset: 0;
  outline: 2px solid transparent;
  outline-offset: 6px;
  transition: inherit;
  border-radius: inherit;
  pointer-events: none;
}
.password-protected-container .password-protected__expand-button:focus {
  outline-color: #1099FC;
}
.password-protected-container .password-protected__expand-button:focus::after {
  outline-color: white;
}
.password-protected-container .password-protected__expand-button:focus:not(:focus-visible),
.password-protected-container .password-protected__expand-button:active {
  outline-color: transparent;
}
.password-protected-container .password-protected__expand-button:focus:not(:focus-visible)::after,
.password-protected-container .password-protected__expand-button:active::after {
  outline-color: transparent;
}
.password-protected-container .password-protected__expand-button::-moz-focus-inner {
  border: 0;
}
.password-protected-container .password-protected__expand-button::before {
  content: "";
  position: absolute;
  inset: 0;
  transform: scale(0.8);
  background-color: transparent;
  border-radius: inherit;
  transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: background, transform;
}
.password-protected-container .password-protected__expand-button:hover::before {
  background-color: rgba(129, 162, 178, 0.25);
  transform: none;
}
.password-protected-container .password-protected__form {
  display: grid;
  gap: 16px;
}
.password-protected-container .password-protected__secured-by-qwilr {
  grid-row: 2;
}
.password-protected-container .password-protected__secured-by-qwilr[data-status="exiting"],
.password-protected-container .password-protected__secured-by-qwilr[data-status="exited"] {
  transition: opacity 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  opacity: 0;
}
.password-protected__expand-button-icon {
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  color: rgba(71, 83, 93, 0.75);
}
[aria-expanded="true"] .password-protected__expand-button-icon {
  transform: rotate(180deg);
}
.password-protected .button__text {
  text-transform: none;
  letter-spacing: normal;
  font-size: 16px;
  font-family: kl-calibre;
  font-weight: 500;
}
.modal-container {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1051;
  background: rgba(36, 44, 57, 0.5);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.modal-container--behind-overlays {
  z-index: 874;
}
.modal-container.ng-enter {
  -webkit-animation: fadeIn 0.2s ease;
  -moz-animation: fadeIn 0.2s ease;
  -o-animation: fadeIn 0.2s ease;
  animation: fadeIn 0.2s ease;
  -webkit-animation: fadeIn 0.2s ease, X;
  -moz-animation: fadeIn 0.2s ease, X;
  -o-animation: fadeIn 0.2s ease, X;
  animation: fadeIn 0.2s ease, X;
}
.modal-container.ng-leave {
  -webkit-animation: fadeOut 0.35s ease;
  -moz-animation: fadeOut 0.35s ease;
  -o-animation: fadeOut 0.35s ease;
  animation: fadeOut 0.35s ease;
  -webkit-animation: fadeOut 0.35s ease, X;
  -moz-animation: fadeOut 0.35s ease, X;
  -o-animation: fadeOut 0.35s ease, X;
  animation: fadeOut 0.35s ease, X;
}
.modal-container .modal {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  z-index: 10;
  min-width: 190px;
  max-width: 524px;
  min-height: 100px;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  background: #fff;
  padding: 65px 55px 55px 55px;
  text-align: center;
  -webkit-animation: fadeInUp 0.3s ease;
  -moz-animation: fadeInUp 0.3s ease;
  -o-animation: fadeInUp 0.3s ease;
  animation: fadeInUp 0.3s ease;
  -webkit-animation: fadeInUp 0.3s ease, X;
  -moz-animation: fadeInUp 0.3s ease, X;
  -o-animation: fadeInUp 0.3s ease, X;
  animation: fadeInUp 0.3s ease, X;
}
.modal-container .modal .style-tile-container {
  margin-bottom: 8px;
}
.modal-container .modal .style-input-modal .title,
.modal-container .modal .header.style-modal-header .title {
  color: rgba(71, 83, 93, 0.85);
}
.modal-container .modal .style-input-modal .explainer,
.modal-container .modal .header.style-modal-header .explainer {
  margin-bottom: 15px;
  color: rgba(71, 83, 93, 0.85);
}
.modal-container .modal .style-input-modal .input-pencil,
.modal-container .modal .header.style-modal-header .input-pencil,
.modal-container .modal .style-input-modal .radio-buttons,
.modal-container .modal .header.style-modal-header .radio-buttons {
  margin-bottom: 5px;
}
.modal-container .modal .style-input-modal .react-mount,
.modal-container .modal .header.style-modal-header .react-mount {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: -ms-fit-content;
  width: fit-content;
}
.modal-container .modal .header.style-modal-header--update .explainer {
  padding: 0 73px;
  margin-bottom: 20px;
}
.modal-container .modal .header.style-modal-header--update .radio-button__label {
  font-weight: bold;
  color: #47535d;
}
.modal-container .modal .header .title {
  color: rgba(40, 65, 80, 0.85);
  font-weight: 400;
  font-size: 32px;
  line-height: 38px;
  text-align: center;
  margin-bottom: 20px;
}
.modal-container .modal .header .explainer {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: rgba(71, 83, 93, 0.85);
  padding: 0 32px;
}
.modal-container .modal .header .help {
  font-size: 13px;
  font-weight: 400;
  opacity: 0.8;
}
.modal-container .modal .header .help a {
  color: #00524c;
  padding-bottom: 3px;
  border-bottom: 2px solid rgba(0, 133, 123, 0.3);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  cursor: pointer;
  color: #00857b;
  font-weight: 600;
}
.modal-container .modal .header .help a:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
.modal-container .modal .header .help a:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
.modal-container .modal .actions {
  margin: 35px auto 0;
}
.modal-container .modal .actions.two-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 16px;
}
.modal-container .modal .actions.two-actions .button,
.modal-container .modal .actions.two-actions .button-old {
  width: 100%;
}
.modal-container .modal .actions:not(.two-actions) .button,
.modal-container .modal .actions:not(.two-actions) .button-old {
  margin: 0 auto;
}
@media screen and (max-width: 524px) {
  .modal-container .modal {
    max-width: 90%;
    padding: 40px 24px;
  }
  .modal-container .modal .header .explainer {
    padding: 0;
  }
}
.modal-container.no-background {
  background: rgba(255, 255, 255, 0.3);
}
.print-placeholder {
  display: none;
}
.content-padding {
  padding: 40px;
}
#print .project-block {
  box-shadow: none;
}
#print .project-block.remove-top-padding.remove-top-padding {
  padding-top: 0;
}
#print .project-block:not(.splash-module):not(.source-module) {
  padding: 40px;
}
#print .project-block.splash-module .content-container .row.container {
  padding: 40px;
  z-index: 100;
}
#print .print-virtual-page {
  position: relative;
  overflow: hidden;
  page-break-after: always !important;
  padding: 0 !important;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
#print .print-virtual-page.too-tall-child {
  overflow: auto;
}
#print .print-virtual-page .page-number {
  z-index: 1;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  font-size: 12px;
}
#print .side-by-side.side-by-side__col {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
#print .print-placeholder {
  position: relative;
  display: block;
  width: 12cm;
  height: 9cm;
  margin: 0 auto;
  padding: 0.5cm;
  overflow: hidden;
  border-radius: 0.15cm;
}
#print .print-placeholder .print-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #596a75;
}
#print .print-placeholder .print-background.thumbnail-background {
  background-color: black;
}
#print .print-placeholder .print-background img {
  position: absolute;
}
#print .print-placeholder .print-background img.cloud {
  bottom: 0;
  right: 0;
  width: 90%;
}
#print .print-placeholder .print-background img.thumbnail {
  opacity: 0.3;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#print .print-placeholder .print-background img.custom-thumbnail {
  width: 100%;
}
#print .print-placeholder.embed-placeholder {
  height: 100%;
  width: 100%;
  min-height: 200px;
}
#print .print-placeholder.embed-placeholder .print-background {
  background-color: white;
}
#print .print-placeholder.embed-placeholder .print-background img.cloud {
  width: 500px;
}
#print .print-placeholder.embed-placeholder .print-message {
  color: #81a2b2;
}
#print .print-placeholder .print-message {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 200px;
  text-align: center;
  color: white;
}
#print .print-placeholder .print-message > * {
  margin-bottom: 15px;
}
#print .print-placeholder .print-message > *.video-icon {
  margin-bottom: 5px;
}
#print .print-placeholder .print-message > *.offline-icon {
  width: 50px;
}
#print .print-placeholder .print-message .description {
  font-size: 15px;
  line-height: 20px;
}
#print .print-placeholder .print-message .online-link {
  display: inline-block;
}
#print .print-placeholder .print-message .online-link a {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  transition: none;
  color: #00857b;
  font-size: 12px;
  text-transform: uppercase;
}
#print .print-placeholder .print-message .online-link a img {
  margin-left: 10px;
  width: 18px;
}
#print .avoid-page-break {
  page-break-inside: avoid;
}
#print .qwilr-badge,
#print .social-badge {
  display: none;
}
#print div.rendered-content {
  height: 100%;
  overflow-x: visible;
  pointer-events: none;
}
#print .row {
  max-width: 100% !important;
}
#print .large-8 {
  width: 100% !important;
  padding: 0;
}
#print .project-block {
  border-bottom: 0;
}
#print .project-block blockquote,
#print .project-block h1,
#print .project-block h2,
#print .project-block p {
  width: 100% !important;
  height: initial !important;
}
#print .project-block h1 {
  page-break-after: avoid;
}
#print .project-block h1 a,
#print .project-block h1 b,
#print .project-block h1 i,
#print .project-block h1 span {
  font-size: inherit !important;
}
#print .project-block h2 {
  page-break-after: avoid;
}
#print .project-block h2 a,
#print .project-block h2 b,
#print .project-block h2 i,
#print .project-block h2 span {
  font-size: inherit !important;
}
#print .project-block p {
  font-size: 8pt;
  page-break-inside: avoid;
}
#print .project-block p a,
#print .project-block p b,
#print .project-block p i,
#print .project-block p span {
  font-size: inherit !important;
}
#print .project-block li.unordered.split > .before,
#print .project-block li.ordered.split > .before {
  opacity: 0;
}
#print .project-block li.unordered.split::before,
#print .project-block li.ordered.split::before {
  opacity: 0;
}
#print .project-block figure {
  margin: 0.75cm auto;
  max-width: 100% !important;
}
#print .project-block figure:first-child {
  margin-top: 0;
}
#print .project-block figure:last-child {
  margin-bottom: 0;
}
#print .project-block figure img {
  max-width: 100%;
  vertical-align: middle;
  page-break-inside: avoid;
  display: block;
  margin: 0 auto;
}
#print .project-block figure .resize-widget__resizer-container {
  max-width: 10cm;
}
#print .project-block figure .image-resizer-container {
  max-width: 10cm;
}
#print .project-block .roi-calculator {
  max-width: 10cm;
  margin: 0.75cm auto;
}
#print .project-block .roi-calculator .roi-calculator-wrapper {
  /*
          We clear the wrapper's margins as we want to use print-specific ones.
        */
  margin-top: 0;
  margin-bottom: 0;
}
#print .project-block .roi-calculator:first-child {
  margin-top: 0;
}
#print .project-block .roi-calculator:last-child {
  margin-bottom: 0;
}
#print .project-block .roi-calculator .roi-main-panel__contents {
  padding: 24px 40px;
}
#print .project-block .roi-calculator .roi-main-panel__result,
#print .project-block .roi-calculator .roi-calculator-result__inner {
  margin-bottom: 16px;
}
#print .project-block .roi-calculator .roi-calculator-typography__result-label {
  font-size: 14px;
}
#print .project-block .roi-calculator .roi-calculator-slider__label {
  font-size: 9px;
}
#print .project-block .roi-calculator .roi-calculator-slider__text-input .text-input__input {
  font-size: 12px;
}
#print .project-block .embedded-content {
  margin-top: 32px;
}
#print .project-block .embedded-content:first-child {
  margin-top: 0;
}
#print .project-block .block-spacer,
#print .project-block .row.block-spacer {
  padding: 0;
}
#print .project-block .side-by-side__wrapper {
  margin: 16px 0;
  width: 100%;
  transform: none;
  margin-left: 0;
}
#print .project-block .side-by-side__wrapper .side-by-side {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
#print .project-block .side-by-side__wrapper .side-by-side figure {
  margin: 8px auto;
}
#print .project-block .side-by-side__wrapper .side-by-side figure:first-child {
  margin-top: 0;
}
#print .project-block .side-by-side__wrapper .side-by-side figure:last-child {
  margin-bottom: 0;
}
#print .project-block .side-by-side__wrapper .side-by-side figure .image-widget__frame--circle {
  padding-bottom: 100%;
  margin-bottom: unset;
}
#print .project-block .side-by-side__wrapper .side-by-side .embedded-content {
  margin-top: 8px;
}
#print .project-block .side-by-side__wrapper .side-by-side .embedded-content:first-child {
  margin-top: 0;
}
#print .project-block .side-by-side__wrapper .side-by-side .print-placeholder {
  width: 90%;
}
#print .project-block .side-by-side__wrapper .side-by-side__col--left {
  padding-right: 8px;
}
#print .project-block .side-by-side__wrapper .side-by-side__col--right {
  padding-left: 8px;
}
#print .project-block .side-by-side__wrapper .side-by-side h1:last-child,
#print .project-block .side-by-side__wrapper .side-by-side h2:last-child,
#print .project-block .side-by-side__wrapper .side-by-side p:last-child {
  padding-bottom: 0;
}
#print .project-block:not(.project-block--using-block-styles) blockquote {
  padding-left: 25pt;
  font-size: 12pt;
  line-height: 1.25;
  margin: 30px 0;
  border-left-width: 4px;
}
#print .project-block:not(.project-block--using-block-styles) blockquote:before {
  font-size: 80px;
  top: 25px;
}
#print .project-block:not(.project-block--using-block-styles) blockquote.no-quote-mark:before {
  content: "";
}
#print a.print-link-after[href]:after {
  content: " (" attr(href) ")";
  font-weight: normal;
}
#print .project-block.quote-module .row {
  padding: 0 1.5cm;
}
#print .project-block.quote-module .quote-header {
  margin: 1cm auto 0.5cm;
}
#print .project-block.quote-module .quote-header p {
  margin: 12pt auto;
  font-size: 9pt;
}
#print .project-block.quote-module .columns {
  padding: 0;
  margin: 0;
}
#print .project-block.quote-module .display-quote-section {
  margin: 0;
  padding: 0;
  page-break-inside: avoid;
}
#print .project-block.quote-module .display-quote-section .items {
  padding: 0 0.25cm;
}
#print .project-block.quote-module .display-quote-section .items .item {
  padding: 0;
  margin: 0.12cm 0;
}
#print .project-block.quote-module .display-quote-section .items .item td {
  padding: 5pt;
}
#print .project-block.quote-module .display-quote-section .items .item td.left-interactive-input.empty + td {
  padding-left: 0;
}
#print .project-block.quote-module .display-quote-section .items .item td:first-child {
  padding-left: 0;
}
#print .project-block.quote-module .display-quote-section .items .item td:last-child {
  padding-right: 0;
}
#print .project-block.quote-module .display-quote-section .section-name {
  width: 100%;
  margin: 0.5cm 0 0.15cm;
  padding: 0;
  font-size: 10pt;
}
#print .project-block.quote-module .display-quote-section .section-summary-item {
  margin: 0.15cm 0;
  padding: 0.25cm 0;
  opacity: 1;
  font-size: 8pt;
}
#print .project-block.quote-module .totals {
  margin: 0.5cm 0;
  padding: 0.25cm 0;
  font-size: 8pt;
}
#print .project-block.quote-module .item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#print .project-block.quote-module .item .cost,
#print .project-block.quote-module .item .name,
#print .project-block.quote-module .item .units,
#print .project-block.quote-module .item td {
  font-size: 8pt;
}
#print .project-block.quote-module .item .name {
  padding-left: 0 !important;
}
#print .project-block.quote-module .item.text .name {
  width: 100%;
}
#print .project-block.quote-module .item.standard .name {
  width: 75%;
}
#print .project-block.quote-module .item.standard .cost {
  width: 25%;
}
#print .project-block.quote-module .item.with-units .name {
  width: 60%;
}
#print .project-block.quote-module .item.with-units .units {
  width: 20%;
}
#print .project-block.quote-module .item.with-units .cost {
  width: 20%;
}
#print .project-block.quote-module .item.with-units-and-price .name,
#print .project-block.quote-module .item.with-units-and-unit-price .name {
  width: 50%;
}
#print .project-block.quote-module .item.with-units-and-price .units,
#print .project-block.quote-module .item.with-units-and-unit-price .units {
  width: 30%;
}
#print .project-block.quote-module .item.with-units-and-price .cost,
#print .project-block.quote-module .item.with-units-and-unit-price .cost {
  width: 20%;
}
#print .project-block.quote-module .item .left-interactive-input {
  height: 8pt;
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  margin-top: -2pt;
}
#print .project-block.quote-module .item .left-interactive-input.optional-toggle {
  width: 30px !important;
}
#print .project-block.quote-module .display-quote-section.has-optional-items .left-interactive-input.empty {
  width: 30px;
}
#print .project-block.quote-module .accept-button {
  display: none;
}
#print #temporary-virtual-page .qwilr-quote-v2,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 {
  margin: 0;
  padding: 0;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .row,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .row {
  padding: 0 1.5cm;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-header,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-header {
  margin: 1cm auto 0.5cm;
  margin-top: 0;
  max-width: 300px;
  width: 100%;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper h2,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper h2 {
  font-size: 14pt;
  min-height: 18pt;
  page-break-after: avoid;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper h2 a,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper h2 a,
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper h2 b,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper h2 b,
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper h2 i,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper h2 i,
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper h2 span,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper h2 span {
  font-size: inherit !important;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper p,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper p {
  font-size: 7pt;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper span,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper span {
  font-size: 7pt;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .columns,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .columns {
  padding: 0;
  margin: 0;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .section-divider,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .section-divider {
  height: 30px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header {
  padding: 6px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .left,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .left {
  padding: 3.5px;
  max-width: 60%;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .left .section-name,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .left .section-name {
  font-size: 6pt;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .left .section-description .public-page,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .left .section-description .public-page {
  padding: 0 5px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .section-subtotal-title,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .section-subtotal-title {
  font-size: 6pt;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .section-subtotal-value,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .section-subtotal-value {
  font-size: 11pt;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .subtotal-row,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .subtotal-row {
  height: 22px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .subtotal-row .collapse-line-items,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .subtotal-row .collapse-line-items {
  width: 18px;
  height: 18px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .subtotal-row .section-select,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .subtotal-row .section-select {
  width: 18px;
  height: 18px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .subtotal-row .section-select .single-select-circle,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .subtotal-row .section-select .single-select-circle {
  width: 10px;
  height: 10px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .subtotal-row .section-select .multi-select-tick.small,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .subtotal-row .section-select .multi-select-tick.small {
  margin-top: 0;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .subtotal-row .section-select .multi-select-tick.small > svg,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .subtotal-row .section-select .multi-select-tick.small > svg {
  height: 10px;
  width: 10px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .discount-label-outside,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .discount-label-outside {
  right: -3px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table {
  margin: 0 10px;
  padding-top: 10px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .quote-item,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .quote-item {
  padding: 2px 0;
  padding-bottom: 0;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .quote-item .discount-summary-container,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .quote-item .discount-summary-container {
  margin-right: 0;
  font-size: 5pt;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .quote-item .discount-summary-container span,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .quote-item .discount-summary-container span {
  font-size: 5pt;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row {
  min-height: 10px;
  height: auto;
  padding: 0;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row.header,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row.header {
  font-size: 7pt;
  padding-bottom: 3px;
  padding-top: 3px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row.header .component-container,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row.header .component-container {
  padding-left: 5px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row.header .component-container .quote-section-column-label .customized-label-input,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row.header .component-container .quote-section-column-label .customized-label-input {
  font-size: 100%;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .wrapper,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .wrapper {
  min-width: 0;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-component,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-component {
  min-height: 16px;
  height: 25px;
  width: 100%;
  font-size: 6pt;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-component p,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-component p,
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-component span,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-component span {
  font-size: 6pt;
  line-height: 8pt;
  font-weight: 400;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-component p,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-component p {
  min-height: 16px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .description,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .description {
  -webkit-flex-basis: 250px;
  flex-basis: 250px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin-right: 5px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .description .item-component,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .description .item-component {
  min-height: 10px;
  height: auto;
  padding: 6px 5px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .item-rate,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .item-rate {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  width: 80px;
  padding-right: 5px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .quantity-column,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .quantity-column {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  width: 80px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .quantity-column span,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .quantity-column span {
  padding-left: 0;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .quantity-column .quantity,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .quantity-column .quantity {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .quantity-column .quantity .label-span,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .quantity-column .quantity .label-span {
  min-width: 0;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .quantity-column .unit,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .quantity-column .unit {
  padding-left: 5px;
  width: auto;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .price-column,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .price-column {
  -webkit-flex-basis: 60px;
  flex-basis: 60px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .price-column .item-discount-label,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .price-column .item-discount-label {
  font-size: 5pt;
  font-weight: 400;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .price-column .price-option,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .price-column .price-option {
  height: 25px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .price-column .price-option span,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .price-column .price-option span {
  font-size: 6pt;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .price-column .price-option .option-select .option-tick .checkbox__box,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .price-column .price-option .option-select .option-tick .checkbox__box {
  width: 10px;
  min-width: 10px;
  height: 10px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-total,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-total {
  width: 280px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-total .taxes-table,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-total .taxes-table {
  padding: 0 14px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-total .taxes-table .tax-row,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-total .taxes-table .tax-row {
  padding: 2px 0;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-total .taxes-table .tax-row .tax-name,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-total .taxes-table .tax-row .tax-name {
  font-size: 7pt;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-total .taxes-table .tax-row .tax-amount,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-total .taxes-table .tax-row .tax-amount {
  font-size: 7pt;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-total .taxes-table .tax-row:first-child,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-total .taxes-table .tax-row:first-child {
  padding-top: 14px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-total .taxes-table .tax-row:last-child,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-total .taxes-table .tax-row:last-child {
  padding-bottom: 14px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-total .total-amount,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-total .total-amount {
  padding: 14px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-total .total-amount .discount-row,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-total .total-amount .discount-row {
  width: 100%;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-total .total-amount .total-label,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-total .total-amount .total-label {
  font-size: 14pt;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-total .total-amount .total-number,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-total .total-amount .total-number {
  font-size: 11pt;
  flex-basis: 150px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-total .total-amount .discount-label-container,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-total .total-amount .discount-label-container {
  right: 7px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .discount-label,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .discount-label {
  font-size: 6pt;
  line-height: 8pt;
  border-radius: 2px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-header,
#print .print-virtual-page .project-block--using-block-styles.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-header {
  padding: 0;
  max-width: none;
}
#print .print-virtual-page .project-block.splash-module {
  position: relative;
}
#print .print-virtual-page .project-block.splash-module .fill-block {
  padding: 0;
}
#print .print-virtual-page .project-block.splash-module .row.container {
  padding: calc(40px - 2.5%);
}
#print .print-virtual-page .project-block.splash-module .content {
  z-index: 3;
  width: 100%;
}
#print .print-virtual-page .project-block.splash-module .content.noBackground h1,
#print .print-virtual-page .project-block.splash-module .content.noBackground h2 {
  text-shadow: none !important;
  -webkit-text-stroke: 0.3mm rgba(0, 0, 0, 0.1);
}
#print .print-virtual-page .project-block.splash-module .tint,
#print .print-virtual-page .project-block.splash-module .tint-v2 {
  z-index: 2;
}
#print .print-virtual-page .project-block.splash-module .image {
  z-index: 1;
  background-repeat: no-repeat;
}
#print .print-virtual-page .project-block.splash-module .fill-block {
  width: 100%;
  height: 100%;
  min-height: 100%;
}
#print .print-virtual-page .project-block.splash-module.split .fill-block {
  align-items: start;
}
#print .print-virtual-page .project-block.splash-module .video-position {
  display: none;
}
#print .print-virtual-page .project-block.splash-module .video-thumbnail {
  display: block !important;
}
#print .project-block.print-multi-page {
  height: auto;
  min-height: auto;
}
#print .project-block.source-module .container,
#print .project-block.video-module .container {
  display: none;
}
#print .project-block.source-module .row.block-spacer,
#print .project-block.video-module .row.block-spacer {
  padding: 0;
}
#print .project-block.source-module .video-header,
#print .project-block.video-module .video-header {
  margin: 0 0 20px 0;
  width: 100%;
}
#print .project-block.source-module .print-placeholder > p,
#print .project-block.video-module .print-placeholder > p {
  max-width: 80%;
  margin: 25px auto;
  text-align: center;
  font-size: 8pt;
}
#print .project-block.source-module .row.block-spacer.embed-block {
  width: 100%;
  height: 100%;
}
#print .project-block.source-module .content {
  width: 100%;
  height: 100%;
}
#print .project-block.video-module .print-placeholder {
  width: 100%;
  height: 0;
  padding-bottom: 55%;
}
#print .print-virtual-page .project-block.video-module.print-multi-page {
  display: block;
}
#print .project-block .insertable-table tr td {
  font-size: 8pt;
  padding: 2pt;
}
#print .project-block .insertable-table tr td blockquote,
#print .project-block .insertable-table tr td h1,
#print .project-block .insertable-table tr td h2,
#print .project-block .insertable-table tr td ol,
#print .project-block .insertable-table tr td p,
#print .project-block .insertable-table tr td ul {
  margin: 0;
  padding: 0;
}
#print .project-block .qwilr-table {
  max-width: 100%;
  min-width: inherit;
}
#print .project-block hr {
  border-width: 0;
  border-top-width: 1px;
}
#print {
  background-color: transparent;
  overflow-y: hidden;
}
#print .page-content-wrapper {
  transition: none;
}
#print .page-content-wrapper.pdf-preview {
  margin-left: 10%;
}
#print .page-content-wrapper.pdf-preview .project-block {
  box-shadow: none;
}
#print .page-content-wrapper.pdf-preview .project-block:not(.quote-v2-module):not(.text-block):not(.accept-module):not(.video-module) {
  background: transparent;
}
#print .page-content-wrapper.pdf-preview .print-virtual-page {
  box-shadow: 0 0 0 1px rgba(129, 162, 178, 0.25);
  border-radius: 5px;
}
#print .page-content-wrapper.pdf-preview .print-virtual-page .project-block:not(.quote-v2-module):not(.text-block):not(.accept-module):not(.video-module) {
  background: transparent;
}
#print .page-content-wrapper.pdf-preview .page-divider {
  width: 100%;
  height: 2em;
  background-color: #f3f6f7;
}
.print-placeholder {
  display: none;
}
.print-legacy .print-virtual-page {
  position: relative;
  padding: 1.5cm 2cm;
  overflow: hidden;
}
.print-legacy .print-virtual-page.too-tall-child {
  overflow: auto;
}
.print-legacy .print-virtual-page .page-number {
  z-index: 1;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  font-size: 12px;
}
.print-legacy .print-placeholder {
  position: relative;
  display: block;
  width: 12cm;
  height: 9cm;
  margin: 0 auto;
  padding: 0.5cm;
  overflow: hidden;
  border-radius: 0.15cm;
}
.print-legacy .print-placeholder .print-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #596a75;
}
.print-legacy .print-placeholder .print-background.thumbnail-background {
  background-color: black;
}
.print-legacy .print-placeholder .print-background img {
  position: absolute;
}
.print-legacy .print-placeholder .print-background img.cloud {
  bottom: 0;
  right: 0;
  width: 90%;
}
.print-legacy .print-placeholder .print-background img.thumbnail {
  opacity: 0.3;
  width: auto;
  height: 100%;
  max-width: none;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.print-legacy .print-placeholder .print-background img.custom-thumbnail {
  width: 100%;
}
.print-legacy .print-placeholder.embed-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.print-legacy .print-placeholder.embed-placeholder .print-background {
  background-color: white;
}
.print-legacy .print-placeholder.embed-placeholder .print-background img.cloud {
  width: 500px;
}
.print-legacy .print-placeholder.embed-placeholder .print-message {
  color: #81a2b2;
}
.print-legacy .print-placeholder .print-message {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 200px;
  text-align: center;
  color: white;
}
.print-legacy .print-placeholder .print-message > * {
  margin-bottom: 15px;
}
.print-legacy .print-placeholder .print-message > *.video-icon {
  margin-bottom: 5px;
}
.print-legacy .print-placeholder .print-message > *.offline-icon {
  width: 50px;
}
.print-legacy .print-placeholder .print-message .description {
  font-size: 15px;
  line-height: 20px;
}
.print-legacy .print-placeholder .print-message .online-link {
  display: inline-block;
}
.print-legacy .print-placeholder .print-message .online-link a {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  transition: none;
  color: #00857b;
  font-size: 12px;
  text-transform: uppercase;
}
.print-legacy .print-placeholder .print-message .online-link a img {
  margin-left: 10px;
  width: 18px;
}
.print-legacy .avoid-page-break {
  page-break-inside: avoid;
}
.print-legacy .qwilr-badge,
.print-legacy .social-badge {
  display: none;
}
.print-legacy div.rendered-content {
  height: 100%;
  overflow-x: visible;
  pointer-events: none;
}
.print-legacy .row {
  max-width: 100% !important;
}
.print-legacy .large-8 {
  width: 100% !important;
  padding: 0;
}
.print-legacy .project-block {
  page-break-after: always !important;
  min-height: 100%;
  border-bottom: 0;
  padding: 0 !important;
}
.print-legacy .project-block blockquote,
.print-legacy .project-block h1,
.print-legacy .project-block h2,
.print-legacy .project-block p {
  width: 100% !important;
  height: initial !important;
}
.print-legacy .project-block h1 {
  page-break-after: avoid;
}
.print-legacy .project-block h1 a,
.print-legacy .project-block h1 b,
.print-legacy .project-block h1 i,
.print-legacy .project-block h1 span {
  font-size: inherit !important;
}
.print-legacy .project-block h2 {
  page-break-after: avoid;
}
.print-legacy .project-block h2 a,
.print-legacy .project-block h2 b,
.print-legacy .project-block h2 i,
.print-legacy .project-block h2 span {
  font-size: inherit !important;
}
.print-legacy .project-block p {
  font-size: 8pt;
  page-break-inside: avoid;
}
.print-legacy .project-block p a,
.print-legacy .project-block p b,
.print-legacy .project-block p i,
.print-legacy .project-block p span {
  font-size: inherit !important;
}
.print-legacy .project-block ol,
.print-legacy .project-block ul {
  margin: 0.25cm 0;
}
.print-legacy .project-block li.unordered,
.print-legacy .project-block li.ordered {
  margin: 0;
  margin-top: 0.25cm;
}
.print-legacy .project-block li.unordered + li.unordered,
.print-legacy .project-block li.ordered + li.ordered {
  margin-top: 0;
}
.print-legacy .project-block li.unordered.no-list-item-icon .before,
.print-legacy .project-block li.ordered.no-list-item-icon .before {
  opacity: 0;
}
.print-legacy .project-block li.unordered.no-list-item-icon::before,
.print-legacy .project-block li.ordered.no-list-item-icon::before {
  opacity: 0;
}
.print-legacy .project-block li,
.print-legacy .project-block ol li,
.print-legacy .project-block ul li {
  page-break-inside: avoid;
  margin: 0.25cm 0 0.25cm 1cm;
}
.print-legacy .project-block li a,
.print-legacy .project-block ol li a,
.print-legacy .project-block ul li a,
.print-legacy .project-block li b,
.print-legacy .project-block ol li b,
.print-legacy .project-block ul li b,
.print-legacy .project-block li i,
.print-legacy .project-block ol li i,
.print-legacy .project-block ul li i,
.print-legacy .project-block li span,
.print-legacy .project-block ol li span,
.print-legacy .project-block ul li span {
  font-size: inherit !important;
}
.print-legacy .project-block figure {
  margin: 0.75cm auto;
  max-width: 100% !important;
}
.print-legacy .project-block figure:first-child {
  margin-top: 0;
}
.print-legacy .project-block figure:last-child {
  margin-bottom: 0;
}
.print-legacy .project-block figure img {
  max-width: 100%;
  vertical-align: middle;
  page-break-inside: avoid;
  display: block;
  margin: 0 auto;
}
.print-legacy .project-block figure .resize-widget__resizer-container {
  max-width: 10cm;
}
.print-legacy .project-block figure .image-resizer-container {
  max-width: 10cm;
}
.print-legacy .project-block .block-spacer {
  padding: 0.5cm 1.5cm;
}
.print-legacy .project-block .side-by-side {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.print-legacy .project-block .side-by-side .print-sizing {
  width: 100%;
}
.print-legacy .project-block .side-by-side:not(.side-by-side--wide) {
  width: 100%;
}
.print-legacy .project-block .side-by-side--wide {
  width: 100%;
}
.print-legacy .project-block .side-by-side:first-child {
  margin-top: 0;
}
.print-legacy .project-block .side-by-side:last-child {
  margin-bottom: 0;
}
.print-legacy .project-block .side-by-side figure {
  width: 90%;
}
.print-legacy .project-block .side-by-side figure .image-widget__frame--circle {
  padding-bottom: 100%;
  margin-bottom: unset;
}
.print-legacy .project-block .side-by-side .print-placeholder {
  width: 90%;
}
.print-legacy .project-block:not(.project-block--using-block-styles) blockquote {
  padding-left: 25pt;
  font-size: 12pt;
  line-height: 1.25;
  margin: 30px 0;
  border-left-width: 4px;
}
.print-legacy .project-block:not(.project-block--using-block-styles) blockquote:before {
  font-size: 80px;
  top: 25px;
}
.print-legacy .project-block:not(.project-block--using-block-styles) blockquote.no-quote-mark:before {
  content: "";
}
.print-legacy a.print-link-after[href]:after {
  content: " (" attr(href) ")";
  font-weight: normal;
}
.print-legacy .project-block.quote-module .row {
  padding: 0 1.5cm;
}
.print-legacy .project-block.quote-module .quote-header {
  margin: 1cm auto 0.5cm;
}
.print-legacy .project-block.quote-module .quote-header p {
  margin: 12pt auto;
  font-size: 9pt;
}
.print-legacy .project-block.quote-module .columns {
  padding: 0;
  margin: 0;
}
.print-legacy .project-block.quote-module .display-quote-section {
  margin: 0;
  padding: 0;
  page-break-inside: avoid;
}
.print-legacy .project-block.quote-module .display-quote-section .items {
  padding: 0 0.25cm;
}
.print-legacy .project-block.quote-module .display-quote-section .items .item {
  padding: 0;
  margin: 0.12cm 0;
}
.print-legacy .project-block.quote-module .display-quote-section .items .item td {
  padding: 5pt;
}
.print-legacy .project-block.quote-module .display-quote-section .items .item td.left-interactive-input.empty + td {
  padding-left: 0;
}
.print-legacy .project-block.quote-module .display-quote-section .items .item td:first-child {
  padding-left: 0;
}
.print-legacy .project-block.quote-module .display-quote-section .items .item td:last-child {
  padding-right: 0;
}
.print-legacy .project-block.quote-module .display-quote-section .section-name {
  width: 100%;
  margin: 0.5cm 0 0.15cm;
  padding: 0;
  font-size: 10pt;
}
.print-legacy .project-block.quote-module .display-quote-section .section-summary-item {
  margin: 0.15cm 0;
  padding: 0.25cm 0;
  opacity: 1;
  font-size: 8pt;
}
.print-legacy .project-block.quote-module .totals {
  margin: 0.5cm 0;
  padding: 0.25cm 0;
  font-size: 8pt;
}
.print-legacy .project-block.quote-module .item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.print-legacy .project-block.quote-module .item .cost,
.print-legacy .project-block.quote-module .item .name,
.print-legacy .project-block.quote-module .item .units,
.print-legacy .project-block.quote-module .item td {
  font-size: 8pt;
}
.print-legacy .project-block.quote-module .item .name {
  padding-left: 0 !important;
}
.print-legacy .project-block.quote-module .item.text .name {
  width: 100%;
}
.print-legacy .project-block.quote-module .item.standard .name {
  width: 75%;
}
.print-legacy .project-block.quote-module .item.standard .cost {
  width: 25%;
}
.print-legacy .project-block.quote-module .item.with-units .name {
  width: 60%;
}
.print-legacy .project-block.quote-module .item.with-units .units {
  width: 20%;
}
.print-legacy .project-block.quote-module .item.with-units .cost {
  width: 20%;
}
.print-legacy .project-block.quote-module .item.with-units-and-price .name,
.print-legacy .project-block.quote-module .item.with-units-and-unit-price .name {
  width: 50%;
}
.print-legacy .project-block.quote-module .item.with-units-and-price .units,
.print-legacy .project-block.quote-module .item.with-units-and-unit-price .units {
  width: 30%;
}
.print-legacy .project-block.quote-module .item.with-units-and-price .cost,
.print-legacy .project-block.quote-module .item.with-units-and-unit-price .cost {
  width: 20%;
}
.print-legacy .project-block.quote-module .item .left-interactive-input {
  height: 8pt;
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  margin-top: -2pt;
}
.print-legacy .project-block.quote-module .item .left-interactive-input.optional-toggle {
  width: 30px !important;
}
.print-legacy .project-block.quote-module .display-quote-section.has-optional-items .left-interactive-input.empty {
  width: 30px;
}
.print-legacy .project-block.quote-module .accept-button {
  display: none;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 {
  margin: 0;
  padding: 0;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .row {
  padding: 0 1.5cm;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-header {
  margin: 1cm auto 0.5cm;
  max-width: 300px;
  width: 100%;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page h2 {
  font-size: 14pt;
  min-height: 18pt;
  page-break-after: avoid;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page h2 a,
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page h2 b,
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page h2 i,
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page h2 span {
  font-size: inherit !important;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page p {
  font-size: 7pt;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page span {
  font-size: 7pt;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .columns {
  padding: 0;
  margin: 0;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .section-divider {
  height: 30px;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .section-header {
  padding: 6px;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .section-header .left {
  padding: 3.5px;
  max-width: 60%;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .section-header .left .section-name {
  font-size: 6pt;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .section-header .left .section-description .public-page {
  padding: 0 5px;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .section-header .right .subtotal-block .section-subtotal-title {
  font-size: 6pt;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .section-header .right .subtotal-block .section-subtotal-value {
  font-size: 11pt;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .section-header .right .subtotal-block .subtotal-row {
  height: 22px;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .section-header .right .subtotal-block .subtotal-row .collapse-line-items {
  width: 18px;
  height: 18px;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .section-header .right .subtotal-block .subtotal-row .section-select {
  width: 18px;
  height: 18px;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .section-header .right .subtotal-block .subtotal-row .section-select .single-select-circle {
  width: 10px;
  height: 10px;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .section-header .right .subtotal-block .subtotal-row .section-select .multi-select-tick.small {
  margin-top: 0;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .section-header .right .subtotal-block .subtotal-row .section-select .multi-select-tick.small > svg {
  height: 10px;
  width: 10px;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .section-header .right .subtotal-block .discount-label-outside {
  right: -3px;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .quote-items-table {
  margin: 0 10px;
  padding-top: 10px;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .quote-items-table .quote-item {
  padding: 2px 0;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .quote-items-table .quote-item .discount-summary-container {
  margin-right: 0;
  font-size: 5pt;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .quote-items-table .quote-item .discount-summary-container span {
  font-size: 5pt;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .quote-items-table .table-row {
  min-height: 10px;
  height: auto;
  padding: 0;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .quote-items-table .table-row.header {
  font-size: 7pt;
  padding-bottom: 3px;
  padding-top: 3px;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .quote-items-table .table-row.header .component-container {
  padding-left: 5px;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .quote-items-table .table-row.header .component-container .quote-section-column-label .customized-label-input {
  font-size: 100%;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .quote-items-table .table-row .wrapper {
  min-width: 0;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .quote-items-table .table-row .item-component {
  min-height: 16px;
  height: 25px;
  width: 100%;
  font-size: 6pt;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .quote-items-table .table-row .item-component p,
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .quote-items-table .table-row .item-component span {
  font-size: 6pt;
  line-height: 8pt;
  font-weight: 400;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .quote-items-table .table-row .description {
  -webkit-flex-basis: 250px;
  flex-basis: 250px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin-right: 5px;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .quote-items-table .table-row .description .item-component {
  min-height: 10px;
  height: auto;
  padding: 6px 5px;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .quote-items-table .table-row .item-quantity-price {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .quote-items-table .table-row .item-quantity-price .item-rate {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  width: 80px;
  padding-right: 5px;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .quote-items-table .table-row .item-quantity-price .quantity-column {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  width: 80px;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .quote-items-table .table-row .item-quantity-price .quantity-column span {
  padding-left: 0;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .quote-items-table .table-row .item-quantity-price .quantity-column .quantity {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .quote-items-table .table-row .item-quantity-price .quantity-column .unit {
  padding-left: 5px;
  width: auto;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .quote-items-table .table-row .item-quantity-price .price-column {
  -webkit-flex-basis: 60px;
  flex-basis: 60px;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .quote-items-table .table-row .item-quantity-price .price-column .item-discount-label {
  font-size: 5pt;
  font-weight: 400;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .quote-items-table .table-row .item-quantity-price .price-column .price-option {
  height: 25px;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .quote-items-table .table-row .item-quantity-price .price-column .price-option span {
  font-size: 6pt;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-section .quote-items-table .table-row .item-quantity-price .price-column .price-option .option-select .option-tick .checkbox__box {
  width: 10px;
  min-width: 10px;
  height: 10px;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-total {
  width: 280px;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-total .taxes-table {
  padding: 0 14px;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-total .taxes-table .tax-row {
  padding: 2px 0;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-total .taxes-table .tax-row .tax-name {
  font-size: 7pt;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-total .taxes-table .tax-row .tax-amount {
  font-size: 7pt;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-total .taxes-table .tax-row:first-child {
  padding-top: 14px;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-total .taxes-table .tax-row:last-child {
  padding-bottom: 14px;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-total .total-amount {
  padding: 14px;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-total .total-amount .discount-row {
  width: 100%;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-total .total-amount .total-label {
  font-size: 14pt;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-total .total-amount .total-number {
  font-size: 11pt;
  flex-basis: 150px;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-total .total-amount .discount-label-container {
  right: 7px;
}
.print-legacy .project-block.quote-v2-module .qwilr-quote-v2 .print-virtual-page .discount-label {
  font-size: 6pt;
  line-height: 8pt;
  border-radius: 2px;
}
.print-legacy .project-block--using-block-styles.quote-v2-module .qwilr-quote-v2 .print-virtual-page .quote-header {
  padding: 0;
  max-width: none;
}
.print-legacy .project-block.splash-module {
  position: relative;
  height: 100%;
  min-height: 100%;
}
.print-legacy .project-block.splash-module .content {
  z-index: 3;
  width: 75%;
}
.print-legacy .project-block.splash-module .content.noBackground h1,
.print-legacy .project-block.splash-module .content.noBackground h2 {
  text-shadow: none !important;
  -webkit-text-stroke: 0.3mm rgba(0, 0, 0, 0.1);
}
.print-legacy .project-block.splash-module .tint,
.print-legacy .project-block.splash-module .tint-v2 {
  z-index: 2;
}
.print-legacy .project-block.splash-module .image {
  z-index: 1;
  background-repeat: no-repeat;
}
.print-legacy .project-block.splash-module .fill-block {
  width: 100%;
  height: 100%;
  min-height: 100% !important;
}
.print-legacy .project-block.splash-module .video-position {
  display: none;
}
.print-legacy .project-block.splash-module .video-thumbnail {
  display: block !important;
}
.print-legacy .project-block.print-multi-page {
  height: auto;
  min-height: auto;
}
.print-legacy .project-block.source-module .container,
.print-legacy .project-block.video-module .container {
  display: none;
}
.print-legacy .project-block.source-module .video-header,
.print-legacy .project-block.video-module .video-header {
  margin: 20px auto;
}
.print-legacy .project-block.source-module .print-placeholder > p,
.print-legacy .project-block.video-module .print-placeholder > p {
  max-width: 80%;
  margin: 25px auto;
  text-align: center;
  font-size: 8pt;
}
.print-legacy .project-block.video-module.print-multi-page .print-virtual-page {
  display: block;
}
.print-legacy .project-block.text-block.print-center-content .print-virtual-page {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.print-legacy .project-block.text-block.print-center-content .print-virtual-page .content-wrapper {
  margin-top: -2.5cm;
  width: 100%;
}
.print-legacy .project-block .insertable-table tr td {
  font-size: 8pt;
  padding: 2pt;
}
.print-legacy .project-block .insertable-table tr td blockquote,
.print-legacy .project-block .insertable-table tr td h1,
.print-legacy .project-block .insertable-table tr td h2,
.print-legacy .project-block .insertable-table tr td ol,
.print-legacy .project-block .insertable-table tr td p,
.print-legacy .project-block .insertable-table tr td ul {
  margin: 0;
  padding: 0;
}
.print-legacy .project-block .qwilr-table {
  max-width: 100%;
  min-width: inherit;
}
.print-legacy {
  background-color: transparent;
}
.print-legacy.pdf-beta {
  overflow-y: hidden;
  background-color: transparent;
}
.print-legacy .page-content-wrapper {
  transition: none;
}
.print-legacy .page-content-wrapper.pdf-preview {
  margin-left: 10%;
}
.print-legacy .page-content-wrapper.pdf-preview .pdf-preview__iframe-label {
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  padding-top: 3%;
  padding-bottom: 3%;
  color: #81a2b2;
  text-align: center;
  font-size: 14px;
  font-family: "calibre-legacy", sans-serif;
}
.print-legacy .page-content-wrapper.pdf-preview .project-block {
  border-radius: 5px;
  box-shadow: none;
}
.print-legacy .page-content-wrapper.pdf-preview .project-block:not(.quote-v2-module):not(.text-block):not(.accept-module):not(.video-module) {
  background: transparent;
}
.print-legacy .page-content-wrapper.pdf-preview .project-block .print-virtual-page {
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 5px;
}
.print-legacy .page-content-wrapper.pdf-preview .project-block .page-divider {
  width: 100%;
  height: 2em;
  background-color: #f3f6f7;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/*  Alignment
  ============================= */
.center-aligned {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.center {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.v-center {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.space-between {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/*  Misc
  ============================= */
.containerFixed {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.no-text-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/*  Cross Browser Helpers
  ============================= */
.fillBackground {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/*  Spinning
  ============================= */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
  }
}
/*  Filters
  ============================= */
/* Shapes
  ============================= */
/* Placeholders
  ============================= */
/* Slider Thumb Styling
  ============================= */
/* Link Styling
  ============================= */
.link-styler {
  color: #00524c;
  padding-bottom: 3px;
  border-bottom: 2px solid rgba(0, 133, 123, 0.3);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  cursor: pointer;
}
.link-styler:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
/* Animation Staggering
============================== */
/* Accessibility
  ============================= */
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  word-wrap: normal;
}
.small > svg,
svg.small {
  height: 16px;
  width: 16px;
}
.medium > svg,
svg.medium {
  height: 24px;
  width: 24px;
}
.large > svg,
svg.large {
  height: 32px;
  width: 32px;
}
.extra-large > svg,
svg.extra-large {
  height: 60px;
  width: 60px;
}
.extra-extra-large > svg,
svg.extra-extra-large {
  height: 75px;
  width: 75px;
}
.very-small > svg,
.micro > svg,
svg.very-small,
svg.micro {
  height: 8px;
  width: 8px;
}
.mini > svg,
svg.mini {
  height: 10px;
  width: 10px;
}
.centi > svg,
svg.centi {
  height: 14px;
  width: 14px;
}
:root {
  --emerald: #00857b;
  --blue: #1099FC;
  --gold: #ffce53;
  --purple: #716bf1;
  --red: #D71939;
  --red-light: #ff6161;
  --grey: #81a2b2;
  --grey25: rgba(129, 162, 178, 0.25);
  --grey10: rgba(129, 162, 178, 0.1);
  --grey5: rgba(129, 162, 178, 0.05);
  --midnight: #242c39;
  --slate: #47535d;
  --orange: #FFB961;
}
.space-inset-xs {
  padding: 4px;
}
.space-inset-s {
  padding: 8px;
}
.space-inset-m {
  padding: 16px;
}
.space-inset-l {
  padding: 24px;
}
.space-inset-xl {
  padding: 40px;
}
.space-inset-default {
  padding: 16px;
}
.space-inset-squish-s {
  padding: 4px 8px;
}
.space-inset-squish-m {
  padding: 8px 16px;
}
.space-inset-squish-l {
  padding: 16px 24px;
}
.space-inset-squish-default {
  padding: 8px 16px;
}
.space-stack-xs {
  margin-bottom: 4px;
}
.space-stack-s {
  margin-bottom: 8px;
}
.space-stack-m {
  margin-bottom: 16px;
}
.space-stack-l {
  margin-bottom: 24px;
}
.space-stack-xl {
  margin-bottom: 40px;
}
.space-stack-default {
  margin-bottom: 16px;
}
.space-inline-xs {
  margin-right: 4px;
}
.space-inline-s {
  margin-right: 8px;
}
.space-inline-m {
  margin-right: 16px;
}
.space-inline-l {
  margin-right: 24px;
}
.space-inline-xl {
  margin-right: 40px;
}
.space-inline-default {
  margin-right: 16px;
}
.border-radius-xs {
  border-radius: 4px;
}
:root {
  --space-base: 8px;
  --space-xs: 4px;
  --space-s: 8px;
  --space-m: 16px;
  --space-l: 24px;
  --space-xl: 40px;
  --space-default: 16px;
}
/* ------------------------------------------------------------------
[Table of contents]

= Font family
= Font weights
= Type hierarchy
    - Font size variables
    - Line height variables
= List styles
= Text link styles
= Horizontal rule styles
------------------------------------------------------------------- */
/*
* === FONT FAMILY ===
*/
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-Regular.eot");
  src: url("/Assets/fonts/CalibreWeb-Regular.eot?#iefix") format("embedded-opentype"), url("/Assets/fonts/CalibreWeb-Regular.woff2") format("woff2"), url("/Assets/fonts/CalibreWeb-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-RegularItalic.eot");
  src: url("/Assets/fonts/CalibreWeb-RegularItalic.eot?#iefix") format("embedded-opentype"), url("/Assets/fonts/CalibreWeb-RegularItalic.woff2") format("woff2"), url("/Assets/fonts/CalibreWeb-RegularItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-RegularItalic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-Medium.eot");
  src: url("/Assets/fonts/CalibreWeb-Medium.eot?#iefix") format("embedded-opentype"), url("/Assets/fonts/CalibreWeb-Medium.woff2") format("woff2"), url("/Assets/fonts/CalibreWeb-Medium.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-Medium.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-MediumItalic.eot");
  src: url("/Assets/fonts/CalibreWeb-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/Assets/fonts/CalibreWeb-MediumItalic.woff2") format("woff2"), url("/Assets/fonts/CalibreWeb-MediumItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-MediumItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-Semibold.eot");
  src: url("/Assets/fonts/CalibreWeb-Semibold.eot?#iefix") format("embedded-opentype"), url("/Assets/fonts/CalibreWeb-Semibold.woff2") format("woff2"), url("/Assets/fonts/CalibreWeb-Semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-Semibold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-SemiboldItalic.eot");
  src: url("/Assets/fonts/CalibreWeb-SemiboldItalic.eot?#iefix") format("embedded-opentype"), url("/Assets/fonts/CalibreWeb-SemiboldItalic.woff2") format("woff2"), url("/Assets/fonts/CalibreWeb-SemiboldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-SemiboldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-Bold.eot");
  src: url("/Assets/fonts/CalibreWeb-Bold.eot?#iefix") format("embedded-opentype"), url("/Assets/fonts/CalibreWeb-Bold.woff2") format("woff2"), url("/Assets/fonts/CalibreWeb-Bold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-Bold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-BoldItalic.eot");
  src: url("/Assets/fonts/CalibreWeb-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/Assets/fonts/CalibreWeb-BoldItalic.woff2") format("woff2"), url("/Assets/fonts/CalibreWeb-BoldItalic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-BoldItalic.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
}
.sans {
  font-family: "calibre-legacy", sans-serif;
}
.open-sans {
  font-family: "calibre-legacy", sans-serif;
}
.calibre {
  font-family: "calibre-legacy", sans-serif;
}
/*
* === FONT WEIGHTS ===
*/
.italic {
  font-style: italic;
}
.light {
  font-weight: 300;
}
.regular {
  font-weight: 400;
}
.medium {
  font-weight: 600;
}
.semi-bold {
  font-weight: 600;
}
.bold {
  font-weight: 700;
}
/*
* === TYPE HIERARCHY ===
*/
.text-h1 {
  font-size: 64px;
  line-height: 1.2;
  padding: 0.65em 0 0.2em 0;
  letter-spacing: -1px;
  font-weight: 700;
}
.text-h2 {
  font-size: 32px;
  line-height: 1.2;
  padding: 0.65em 0 0.4em 0;
  letter-spacing: -1px;
  font-weight: 600;
}
.text-h3 {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 16px;
}
.text-h4 {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 16px;
}
.text-h5 {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 600;
}
.text-h6 {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 600;
}
.text-medium-label {
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
}
.text-context-label {
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}
.text-small-label {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}
.text-large-label {
  font-size: 18px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}
.text-description {
  color: rgba(36, 44, 57, 0.75);
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 16px;
  font-weight: 400;
}
.text-paragraph {
  color: #47535d;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 400;
}
/*
* === TEXT LINK STYLES ===
*/
.text-link {
  font-weight: 400;
  cursor: pointer;
  color: inherit;
  text-decoration: none;
  border-bottom: 2px solid rgba(0, 133, 123, 0.5);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
}
.text-link:hover {
  color: #242c39;
  border-bottom: 2px solid #00857b;
}
.text-link:visited {
  color: inherit;
}
.text-link-white {
  font-weight: 400;
  cursor: pointer;
  color: inherit;
  text-decoration: none;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
}
.text-link-white:hover {
  border-bottom: 2px solid white;
}
.text-link-white:visited {
  color: inherit;
}
.text-button {
  font-size: 18px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  color: #00857b;
}
.text-button:hover,
.text-button:visited {
  color: #00857b;
}
@font-face {
  font-family: "kl-calibre";
  src: url("/Assets/fonts/CalibreWeb-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "kl-calibre";
  src: url("/Assets/fonts/CalibreWeb-RegularItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "kl-calibre";
  src: url("/Assets/fonts/CalibreWeb-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "kl-calibre";
  src: url("/Assets/fonts/CalibreWeb-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "kl-calibre";
  src: url("/Assets/fonts/CalibreWeb-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "kl-calibre";
  src: url("/Assets/fonts/CalibreWeb-SemiboldItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "kl-calibre";
  src: url("/Assets/fonts/CalibreWeb-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "kl-calibre";
  src: url("/Assets/fonts/CalibreWeb-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}
:root {
  --heading-size-1: 80px;
  --heading-size-2: 50px;
  --heading-size-3: 32px;
  --heading-size-4: 24px;
  --heading-size-5: 20px;
  --text-size-xl: 24px;
  --text-size-l: 20px;
  --text-size-m: 18px;
  --text-size-s: 16px;
  --text-size-xs: 14px;
  --label-size-l: 16px;
  --label-size-m: 14px;
  --label-size-s: 12px;
}
@media (max-width: 1024px) {
  :root {
    --heading-size-1: 60px;
    --heading-size-2: 44px;
    --heading-size-3: 28px;
    --heading-size-4: 22px;
    --heading-size-5: 18px;
  }
}
@media (max-width: 800px) {
  :root {
    --heading-size-1: 44px;
    --heading-size-2: 34px;
    --heading-size-3: 26px;
    --heading-size-4: 20px;
    --heading-size-5: 17px;
  }
}
.fade-enter {
  opacity: 0.01;
}
.fade-enter.fade-enter-active {
  opacity: 1;
  -webkit-transition: opacity 200ms ease-out;
  -moz-transition: opacity 200ms ease-out;
  -o-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
  -webkit-transition: opacity 200ms ease-out, X;
  -moz-transition: opacity 200ms ease-out, X;
  -o-transition: opacity 200ms ease-out, X;
  transition: opacity 200ms ease-out, X;
}
.fade-leave {
  opacity: 1;
}
.fade-leave.fade-leave-active {
  opacity: 0.01;
  -webkit-transition: opacity 200ms ease-out;
  -moz-transition: opacity 200ms ease-out;
  -o-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
  -webkit-transition: opacity 200ms ease-out, X;
  -moz-transition: opacity 200ms ease-out, X;
  -o-transition: opacity 200ms ease-out, X;
  transition: opacity 200ms ease-out, X;
}
.fade.ng-enter {
  opacity: 0;
  -webkit-transition: opacity 200ms ease-out;
  -moz-transition: opacity 200ms ease-out;
  -o-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
  -webkit-transition: opacity 200ms ease-out, X;
  -moz-transition: opacity 200ms ease-out, X;
  -o-transition: opacity 200ms ease-out, X;
  transition: opacity 200ms ease-out, X;
}
.fade.ng-enter.ng-enter-active {
  opacity: 1;
}
.fade.ng-leave {
  opacity: 1;
  -webkit-transition: opacity 200ms ease-out;
  -moz-transition: opacity 200ms ease-out;
  -o-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
  -webkit-transition: opacity 200ms ease-out, X;
  -moz-transition: opacity 200ms ease-out, X;
  -o-transition: opacity 200ms ease-out, X;
  transition: opacity 200ms ease-out, X;
}
.fade.ng-leave.ng-leave-active {
  opacity: 0;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes load8{ 0% {   -webkit-transform: rotate(0deg); } 100% {   -webkit-transform: rotate(360deg); }}
@-moz-keyframes load8{ 0% {   -moz-transform: rotate(0deg); } 100% {   -moz-transform: rotate(360deg); }}
@-o-keyframes load8{ 0% {   -o-transform: rotate(0deg); } 100% {   -o-transform: rotate(360deg); }}
@keyframes load8{ 0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); } 100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg); };
}
.circle-loader {
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 5px solid rgba(0, 133, 123, 0.2);
  border-left: 5px solid #00857b;
  -webkit-animation: load8 1.1s infinite ease-out;
  -moz-animation: load8 1.1s infinite ease-out;
  -o-animation: load8 1.1s infinite ease-out;
  animation: load8 1.1s infinite ease-out;
  -webkit-animation: load8 1.1s infinite ease-out, X;
  -moz-animation: load8 1.1s infinite ease-out, X;
  -o-animation: load8 1.1s infinite ease-out, X;
  animation: load8 1.1s infinite ease-out, X;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.bounce-up {
  -webkit-animation-name: bounce-up;
  -moz-animation-name: bounce-up;
  -o-animation-name: bounce-up;
  animation-name: bounce-up;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -o-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -moz-animation: none;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes bounce-up{ 0% {   -webkit-transform: translateY(8px); } 100% {   -webkit-transform: translateY(0px); }}
@-moz-keyframes bounce-up{ 0% {   -moz-transform: translateY(8px); } 100% {   -moz-transform: translateY(0px); }}
@-o-keyframes bounce-up{ 0% {   -o-transform: translateY(8px); } 100% {   -o-transform: translateY(0px); }}
@keyframes bounce-up{ 0% {-webkit-transform: translateY(8px);-moz-transform: translateY(8px);-ms-transform: translateY(8px);transform: translateY(8px); } 100% {-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px); };
}
.scale-up {
  -webkit-animation-name: scale-up;
  -moz-animation-name: scale-up;
  -o-animation-name: scale-up;
  animation-name: scale-up;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -o-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -moz-animation: none;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes scale-up{ 0% {   -webkit-transform: scale(0.7); } 100% {   -webkit-transform: scale(1.0); }}
@-moz-keyframes scale-up{ 0% {   -moz-transform: scale(0.7); } 100% {   -moz-transform: scale(1.0); }}
@-o-keyframes scale-up{ 0% {   -o-transform: scale(0.7); } 100% {   -o-transform: scale(1.0); }}
@keyframes scale-up{ 0% {-webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7); } 100% {-webkit-transform: scale(1.0);-moz-transform: scale(1.0);-ms-transform: scale(1.0);transform: scale(1.0); };
}
.pop-right {
  -webkit-animation-name: pop-right;
  -moz-animation-name: pop-right;
  -o-animation-name: pop-right;
  animation-name: pop-right;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -o-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -moz-animation: none;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes pop-right{ 0% {   -webkit-transform: translate(-6px,6px); } 100% {   -webkit-transform: translate(0px,0px); }}
@-moz-keyframes pop-right{ 0% {   -moz-transform: translate(-6px,6px); } 100% {   -moz-transform: translate(0px,0px); }}
@-o-keyframes pop-right{ 0% {   -o-transform: translate(-6px,6px); } 100% {   -o-transform: translate(0px,0px); }}
@keyframes pop-right{ 0% {-webkit-transform: translate(-6px,6px);-moz-transform: translate(-6px,6px);-ms-transform: translate(-6px,6px);transform: translate(-6px,6px); } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px); };
}
.slide-left {
  -webkit-animation: slide-left;
  -moz-animation: slide-left;
  -o-animation: slide-left;
  animation: slide-left;
  -webkit-animation: slide-left, X;
  -moz-animation: slide-left, X;
  -o-animation: slide-left, X;
  animation: slide-left, X;
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  animation-delay: 0.75s;
  -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes slide-left{ 0% {   -webkit-transform: translate(10px,0px); } 100% {   -webkit-transform: translate(0px,0px); }}
@-moz-keyframes slide-left{ 0% {   -moz-transform: translate(10px,0px); } 100% {   -moz-transform: translate(0px,0px); }}
@-o-keyframes slide-left{ 0% {   -o-transform: translate(10px,0px); } 100% {   -o-transform: translate(0px,0px); }}
@keyframes slide-left{ 0% {-webkit-transform: translate(10px,0px);-moz-transform: translate(10px,0px);-ms-transform: translate(10px,0px);transform: translate(10px,0px); } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px); };
}
.slide-right {
  -webkit-animation: slide-right;
  -moz-animation: slide-right;
  -o-animation: slide-right;
  animation: slide-right;
  -webkit-animation: slide-right, X;
  -moz-animation: slide-right, X;
  -o-animation: slide-right, X;
  animation: slide-right, X;
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes slide-right{ 0% {   -webkit-transform: translate(-10px,0px); } 100% {   -webkit-transform: translate(0px,0px); }}
@-moz-keyframes slide-right{ 0% {   -moz-transform: translate(-10px,0px); } 100% {   -moz-transform: translate(0px,0px); }}
@-o-keyframes slide-right{ 0% {   -o-transform: translate(-10px,0px); } 100% {   -o-transform: translate(0px,0px); }}
@keyframes slide-right{ 0% {-webkit-transform: translate(-10px,0px);-moz-transform: translate(-10px,0px);-ms-transform: translate(-10px,0px);transform: translate(-10px,0px); } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px); };
}
.fade-in-left {
  -webkit-animation: fade-in-left;
  -moz-animation: fade-in-left;
  -o-animation: fade-in-left;
  animation: fade-in-left;
  -webkit-animation: fade-in-left, X;
  -moz-animation: fade-in-left, X;
  -o-animation: fade-in-left, X;
  animation: fade-in-left, X;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade-in-left{ 0% {   -webkit-transform: translate(30px,0px);   opacity: 0; } 100% {   -webkit-transform: translate(0px,0px);   opacity: 1; }}
@-moz-keyframes fade-in-left{ 0% {   -moz-transform: translate(30px,0px);   opacity: 0; } 100% {   -moz-transform: translate(0px,0px);   opacity: 1; }}
@-o-keyframes fade-in-left{ 0% {   -o-transform: translate(30px,0px);   opacity: 0; } 100% {   -o-transform: translate(0px,0px);   opacity: 1; }}
@keyframes fade-in-left{ 0% {-webkit-transform: translate(30px,0px);-moz-transform: translate(30px,0px);-ms-transform: translate(30px,0px);transform: translate(30px,0px);   opacity: 0; } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 1; };
}
.fade-in-right {
  -webkit-animation: fade-in-right;
  -moz-animation: fade-in-right;
  -o-animation: fade-in-right;
  animation: fade-in-right;
  -webkit-animation: fade-in-right, X;
  -moz-animation: fade-in-right, X;
  -o-animation: fade-in-right, X;
  animation: fade-in-right, X;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade-in-right{ 0% {   -webkit-transform: translate(-30px,0px);   opacity: 0; } 100% {   -webkit-transform: translate(0px,0px);   opacity: 1; }}
@-moz-keyframes fade-in-right{ 0% {   -moz-transform: translate(-30px,0px);   opacity: 0; } 100% {   -moz-transform: translate(0px,0px);   opacity: 1; }}
@-o-keyframes fade-in-right{ 0% {   -o-transform: translate(-30px,0px);   opacity: 0; } 100% {   -o-transform: translate(0px,0px);   opacity: 1; }}
@keyframes fade-in-right{ 0% {-webkit-transform: translate(-30px,0px);-moz-transform: translate(-30px,0px);-ms-transform: translate(-30px,0px);transform: translate(-30px,0px);   opacity: 0; } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 1; };
}
.spring-up {
  -webkit-animation: spring-up;
  -moz-animation: spring-up;
  -o-animation: spring-up;
  animation: spring-up;
  -webkit-animation: spring-up, X;
  -moz-animation: spring-up, X;
  -o-animation: spring-up, X;
  animation: spring-up, X;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: cubic-bezier(0.03, 0.46, 0.34, 1.03);
  -moz-animation-timing-function: cubic-bezier(0.03, 0.46, 0.34, 1.03);
  -o-animation-timing-function: cubic-bezier(0.03, 0.46, 0.34, 1.03);
  animation-timing-function: cubic-bezier(0.03, 0.46, 0.34, 1.03);
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes spring-up{ 0% {   -webkit-transform: translateY(50px) rotateZ(-10deg);   opacity: 0; } 25% {   -webkit-transform: translateY(-5px) rotateZ(10deg);   opacity: 1; } 100% {   -webkit-transform: translateY(0px) rotateZ(0deg);   opacity: 1; }}
@-moz-keyframes spring-up{ 0% {   -moz-transform: translateY(50px) rotateZ(-10deg);   opacity: 0; } 25% {   -moz-transform: translateY(-5px) rotateZ(10deg);   opacity: 1; } 100% {   -moz-transform: translateY(0px) rotateZ(0deg);   opacity: 1; }}
@-o-keyframes spring-up{ 0% {   -o-transform: translateY(50px) rotateZ(-10deg);   opacity: 0; } 25% {   -o-transform: translateY(-5px) rotateZ(10deg);   opacity: 1; } 100% {   -o-transform: translateY(0px) rotateZ(0deg);   opacity: 1; }}
@keyframes spring-up{ 0% {-webkit-transform: translateY(50px) rotateZ(-10deg);-moz-transform: translateY(50px) rotateZ(-10deg);-ms-transform: translateY(50px) rotateZ(-10deg);transform: translateY(50px) rotateZ(-10deg);   opacity: 0; } 25% {-webkit-transform: translateY(-5px) rotateZ(10deg);-moz-transform: translateY(-5px) rotateZ(10deg);-ms-transform: translateY(-5px) rotateZ(10deg);transform: translateY(-5px) rotateZ(10deg);   opacity: 1; } 100% {-webkit-transform: translateY(0px) rotateZ(0deg);-moz-transform: translateY(0px) rotateZ(0deg);-ms-transform: translateY(0px) rotateZ(0deg);transform: translateY(0px) rotateZ(0deg);   opacity: 1; };
}
.hop-right {
  -webkit-animation-name: hop-right;
  -moz-animation-name: hop-right;
  -o-animation-name: hop-right;
  animation-name: hop-right;
  -webkit-animation-duration: 0.25s;
  -moz-animation-duration: 0.25s;
  -o-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes hop-right{ 0% { -webkit-transform: translate(0px,0px); } 100% { -webkit-transform: translate(3px,-3px); }}
@-moz-keyframes hop-right{ 0% { -moz-transform: translate(0px,0px); } 100% { -moz-transform: translate(3px,-3px); }}
@-o-keyframes hop-right{ 0% { -o-transform: translate(0px,0px); } 100% { -o-transform: translate(3px,-3px); }}
@keyframes hop-right{ 0% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px); } 100% {-webkit-transform: translate(3px,-3px);-moz-transform: translate(3px,-3px);-ms-transform: translate(3px,-3px);transform: translate(3px,-3px); };
}
.fade-in-up {
  -webkit-animation-name: fade-in-up;
  -moz-animation-name: fade-in-up;
  -o-animation-name: fade-in-up;
  animation-name: fade-in-up;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade-in-up{ 0% {   -webkit-transform: translate(0px,0px);   opacity: 0; } 5% {   -webkit-transform: translate(0px,30px);   opacity: 0; } 100% {   -webkit-transform: translate(0px,0px);   opacity: 1; }}
@-moz-keyframes fade-in-up{ 0% {   -moz-transform: translate(0px,0px);   opacity: 0; } 5% {   -moz-transform: translate(0px,30px);   opacity: 0; } 100% {   -moz-transform: translate(0px,0px);   opacity: 1; }}
@-o-keyframes fade-in-up{ 0% {   -o-transform: translate(0px,0px);   opacity: 0; } 5% {   -o-transform: translate(0px,30px);   opacity: 0; } 100% {   -o-transform: translate(0px,0px);   opacity: 1; }}
@keyframes fade-in-up{ 0% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 0; } 5% {-webkit-transform: translate(0px,30px);-moz-transform: translate(0px,30px);-ms-transform: translate(0px,30px);transform: translate(0px,30px);   opacity: 0; } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 1; };
}
.fade-in-down {
  -webkit-animation-name: fade-in-down;
  -moz-animation-name: fade-in-down;
  -o-animation-name: fade-in-down;
  animation-name: fade-in-down;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade-in-down{ 0% {   -webkit-transform: translate(0px,0px);   opacity: 0; } 5% {   -webkit-transform: translate(0px,-30px);   opacity: 0; } 100% {   -webkit-transform: translate(0px,0px);   opacity: 1; }}
@-moz-keyframes fade-in-down{ 0% {   -moz-transform: translate(0px,0px);   opacity: 0; } 5% {   -moz-transform: translate(0px,-30px);   opacity: 0; } 100% {   -moz-transform: translate(0px,0px);   opacity: 1; }}
@-o-keyframes fade-in-down{ 0% {   -o-transform: translate(0px,0px);   opacity: 0; } 5% {   -o-transform: translate(0px,-30px);   opacity: 0; } 100% {   -o-transform: translate(0px,0px);   opacity: 1; }}
@keyframes fade-in-down{ 0% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 0; } 5% {-webkit-transform: translate(0px,-30px);-moz-transform: translate(0px,-30px);-ms-transform: translate(0px,-30px);transform: translate(0px,-30px);   opacity: 0; } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 1; };
}
.animation-duration-s {
  -webkit-animation-duration: 150ms;
  -moz-animation-duration: 150ms;
  -o-animation-duration: 150ms;
  animation-duration: 150ms;
}
.animation-duration-m {
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
}
.animation-duration-l {
  -webkit-animation-duration: 400ms;
  -moz-animation-duration: 400ms;
  -o-animation-duration: 400ms;
  animation-duration: 400ms;
}
.animation-standard {
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.animation-entry {
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
}
.animation-exit {
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
}
/**
  * Qwilr-idiomatic focus ring for controls.
  */
.control-focus-ring {
  position: relative;
  transition: outline 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  outline: 3px solid transparent;
  outline-offset: 3px;
  /*
    @HACK(mbusby, 2022-01-24): Note that we separately define the :active
    outline-color override as otherwise browsers that don't support :focus-visible
    will skip it.
  */
}
.control-focus-ring::after {
  content: "";
  position: absolute;
  inset: 0;
  outline: 2px solid transparent;
  outline-offset: 6px;
  transition: inherit;
  border-radius: inherit;
  pointer-events: none;
}
.control-focus-ring:focus {
  outline-color: #1099FC;
}
.control-focus-ring:focus::after {
  outline-color: white;
}
.control-focus-ring:focus:not(:focus-visible),
.control-focus-ring:active {
  outline-color: transparent;
}
.control-focus-ring:focus:not(:focus-visible)::after,
.control-focus-ring:active::after {
  outline-color: transparent;
}
.control-focus-ring::-moz-focus-inner {
  border: 0;
}
:root {
  --control-focus-ring-size: 3px;
  --control-size-x-small: 24px;
  --control-size-small: 32px;
  --control-size-medium: 40px;
  --control-size-large: 62px;
}
/*
  Button-specific mixins that allow us to cook
  our own buttons. In general, prefer remixing
  the Button component unless the design
  wants a customised button.
  ================= */
.button-reset {
  margin: 0;
  border: 0;
  padding: 0;
  font: inherit;
  text-align: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: white;
}
.button-disabled-workaround[disabled] {
  /*
     * @NOTE(mbusby, 2020-10-06): This is a workaround suggested by
     * https://jakearchibald.com/2017/events-and-disabled-form-fields/#workaround
     * to ensure that disabled buttons still trigger mouseenter/mouseleave events reliably in all browsers.
     * This is needed in cases where we want to add a `Tooltip` to a `button` to explain
     * to the user why the `button` is disabled.
     */
  pointer-events: none;
}
/**
  Bundles together required mixins for a valid and accessible
  custom button.
*/
.button-mixin {
  margin: 0;
  border: 0;
  padding: 0;
  font: inherit;
  text-align: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: white;
  position: relative;
  transition: outline 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  outline: 3px solid transparent;
  outline-offset: 3px;
  /*
    @HACK(mbusby, 2022-01-24): Note that we separately define the :active
    outline-color override as otherwise browsers that don't support :focus-visible
    will skip it.
  */
}
.button-mixin[disabled] {
  /*
     * @NOTE(mbusby, 2020-10-06): This is a workaround suggested by
     * https://jakearchibald.com/2017/events-and-disabled-form-fields/#workaround
     * to ensure that disabled buttons still trigger mouseenter/mouseleave events reliably in all browsers.
     * This is needed in cases where we want to add a `Tooltip` to a `button` to explain
     * to the user why the `button` is disabled.
     */
  pointer-events: none;
}
.button-mixin::after {
  content: "";
  position: absolute;
  inset: 0;
  outline: 2px solid transparent;
  outline-offset: 6px;
  transition: inherit;
  border-radius: inherit;
  pointer-events: none;
}
.button-mixin:focus {
  outline-color: #1099FC;
}
.button-mixin:focus::after {
  outline-color: white;
}
.button-mixin:focus:not(:focus-visible),
.button-mixin:active {
  outline-color: transparent;
}
.button-mixin:focus:not(:focus-visible)::after,
.button-mixin:active::after {
  outline-color: transparent;
}
.button-mixin::-moz-focus-inner {
  border: 0;
}
.kl-icon {
  display: block;
  fill: currentColor;
}
.kl-icon--small {
  width: 18px;
  height: 18px;
}
.kl-icon--medium {
  width: 24px;
  height: 24px;
}
.kl-icon--large {
  width: 36px;
  height: 36px;
}
.alert {
  padding: 16px;
  background: rgba(129, 162, 178, 0.05);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
}
.alert--centre-aligned {
  align-items: center;
}
.alert--error-type {
  color: #D71939;
  background: rgba(255, 97, 97, 0.05);
}
.alert--theme-dark {
  background: #47535d;
}
.alert__body {
  display: flex;
  flex-direction: column;
  color: rgba(36, 44, 57, 0.75);
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 16px;
  font-weight: 400;
  color: #47535d;
  margin-bottom: 0;
}
.alert__body--error-type {
  color: #D71939;
}
.alert__body--theme-dark {
  color: white;
}
.alert__body--centre-aligned {
  text-align: center;
}
.alert__heading {
  position: relative;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}
.alert__heading--dismissable {
  padding-right: 32px;
}
.alert__heading--theme-dark {
  color: white;
}
.alert__icon-warning {
  border-radius: 50%;
  background-color: rgba(255, 97, 97, 0.25);
}
.alert__icon {
  margin-right: 8px;
}
.alert__dismiss {
  position: absolute;
  right: -8px;
  top: -8px;
}
.avatar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background: rgba(129, 162, 178, 0.25);
  color: #81a2b2;
}
.avatar--team {
  background: #242c39;
  color: white;
}
.avatar--account {
  background: white;
}
.avatar__initials {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  color: #47535d;
}
.avatar--large .avatar__initials {
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}
.avatar--small {
  height: 32px;
  width: 32px;
  min-height: 32px;
  min-width: 32px;
}
.avatar--large {
  height: 52px;
  width: 52px;
  min-height: 52px;
  min-width: 52px;
}
.avatar__invite {
  border: 2px solid white;
  border-radius: 100%;
  position: absolute;
  background-color: #00857b;
  top: -2px;
  right: -2px;
  color: white;
}
.avatar__invite svg {
  width: 12px;
  height: 12px;
}
.avatar--large .avatar__invite svg {
  width: 18px;
  height: 18px;
}
.badge {
  background: rgba(113, 107, 241, 0.25);
  border-radius: 15px;
  line-height: 17px;
  display: flex;
  justify-content: center;
}
.badge__text {
  text-transform: uppercase;
  font-weight: 600;
  padding: 4px;
}
.badge__text--primary {
  color: #716bf1;
}
.browser-frame {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background: linear-gradient(180deg, #3A4352 33.33%, #242C39 100%);
  border-radius: 5.11314px 5.11314px;
  box-shadow: 0 15px 25px rgba(36, 44, 57, 0.1);
  position: relative;
}
.browser-frame__header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.browser-frame__active-button-container {
  height: 30px;
  padding-left: 10px;
  margin-top: calc(-30px - 1px);
  margin-left: 1px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.browser-frame__shade-button-container {
  height: 30px;
  padding-left: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.browser-frame__button {
  margin-right: 5.33333333px;
  height: 8px;
  width: 8px;
  border-radius: 8px;
}
.browser-frame__button--red {
  background: #D71939;
}
.browser-frame__button--orange {
  background: #FFB961;
}
.browser-frame__button--emerald {
  background: #00857b;
}
.browser-frame__button--shade {
  background: #636C73;
}
.browser-frame__header-text {
  padding-left: 15px;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  font-family: "calibre-legacy", sans-serif;
  font-weight: bold;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 1px;
}
.browser-frame__content {
  height: calc(100% - 29px);
  background: white;
  border-bottom-right-radius: 5.11314px;
  border-bottom-left-radius: 5.11314px;
}
.browser-frame__loading {
  position: absolute;
  z-index: 1;
  top: 47%;
  left: 50%;
  margin-left: -100px;
  width: 200px;
  text-align: center;
}
.button {
  margin: 0;
  padding: 0;
  font: inherit;
  text-align: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: white;
  transition: outline 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  outline: 3px solid transparent;
  outline-offset: 3px;
  /*
    @HACK(mbusby, 2022-01-24): Note that we separately define the :active
    outline-color override as otherwise browsers that don't support :focus-visible
    will skip it.
  */
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-weight: 700;
  font-family: inherit;
  position: relative;
  white-space: nowrap;
  border-radius: 4px;
  text-decoration: none;
  width: fit-content;
  color: white;
  border: 0;
  padding: 0 16px;
  transition-property: color, background, outline, box-shadow;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.button[disabled] {
  /*
     * @NOTE(mbusby, 2020-10-06): This is a workaround suggested by
     * https://jakearchibald.com/2017/events-and-disabled-form-fields/#workaround
     * to ensure that disabled buttons still trigger mouseenter/mouseleave events reliably in all browsers.
     * This is needed in cases where we want to add a `Tooltip` to a `button` to explain
     * to the user why the `button` is disabled.
     */
  pointer-events: none;
}
.button::after {
  content: "";
  position: absolute;
  inset: 0;
  outline: 2px solid transparent;
  outline-offset: 6px;
  transition: inherit;
  border-radius: inherit;
  pointer-events: none;
}
.button:focus {
  outline-color: #1099FC;
}
.button:focus::after {
  outline-color: white;
}
.button:focus:not(:focus-visible),
.button:active {
  outline-color: transparent;
}
.button:focus:not(:focus-visible)::after,
.button:active::after {
  outline-color: transparent;
}
.button::-moz-focus-inner {
  border: 0;
}
.button,
.button * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.button::before {
  border-radius: 4px;
}
.button--x-small {
  height: 24px;
  padding: 0 4px;
  font-size: 12px;
}
.button--small {
  height: 32px;
  padding: 0 8px;
}
.button--medium {
  height: 40px;
}
.button--large {
  height: 62px;
  padding: 0 24px;
  font-size: 16px;
}
.button .kl-icon {
  transition: color 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.button--is-round {
  border-radius: 62px;
}
.button--is-round::after,
.button--is-round::before {
  border-radius: 62px;
}
.button--is-idle {
  cursor: pointer;
}
.button--is-waiting {
  cursor: not-allowed;
}
.button--half-width {
  min-width: 50%;
}
.button--full-width {
  min-width: 100%;
}
.button__content {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
  transition: opacity 200ms ease;
  opacity: 0;
  position: relative;
}
.button__content--entering,
.button__content--entered {
  opacity: 1;
}
.button__text {
  margin: 0 4px;
  transition: color 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.button__success,
.button__spinner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  opacity: 0;
  overflow: hidden;
}
.button__success--entering,
.button__spinner--entering,
.button__success--entered,
.button__spinner--entered {
  opacity: 1;
}
.button__success-icon {
  fill: currentColor;
}
.button__success-text {
  margin-right: 4px;
}
.button__success-icon,
.button__success-text {
  -webkit-animation-name: fade-in-up;
  -moz-animation-name: fade-in-up;
  -o-animation-name: fade-in-up;
  animation-name: fade-in-up;
  animation-duration: 400ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.button__spinner svg {
  fill: none;
}
.button__arrow-icon.kl-icon {
  transition: transform 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  display: inline-block;
  fill: currentColor;
}
.button:hover .button__arrow-icon {
  transform: translate3d(4px, 0, 0);
}
.kl-opt-in-lowercase-button .button {
  text-transform: none;
  letter-spacing: 0;
}
.button--primary {
  color: white;
  background-color: #00857b;
}
.button--primary.button--is-idle:hover {
  box-shadow: 0 0 0 3px rgba(0, 133, 123, 0.25);
}
.button--primary.button--destructive {
  background-color: #D71939;
}
.button--primary.button--destructive.button--is-idle:hover {
  box-shadow: 0 0 0 3px rgba(215, 25, 57, 0.25);
}
.button--primary[disabled] {
  background-color: rgba(129, 162, 178, 0.25);
}
.button--primary.button--dark[disabled] {
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.1);
}
.button--secondary {
  color: #47535d;
  background-color: white;
  box-shadow: inset 0 0 0 1px rgba(129, 162, 178, 0.25);
}
.button--secondary .kl-icon {
  color: #81a2b2;
}
.button--secondary.button--is-idle:hover {
  box-shadow: inset 0 0 0 1px rgba(129, 162, 178, 0.25), 0 0 0 3px rgba(129, 162, 178, 0.25);
}
.button--secondary.button--destructive {
  box-shadow: inset 0 0 0 1px rgba(215, 25, 57, 0.25);
  color: #D71939;
}
.button--secondary.button--destructive .kl-icon {
  color: #D71939;
}
.button--secondary.button--destructive.button--is-idle:hover {
  box-shadow: inset 0 0 0 1px rgba(215, 25, 57, 0.25), 0 0 0 3px rgba(215, 25, 57, 0.25);
}
.button--secondary[disabled] {
  box-shadow: inset 0 0 0 1px rgba(129, 162, 178, 0.25);
  background-color: transparent;
  color: rgba(129, 162, 178, 0.5);
}
.button--secondary[disabled] .kl-icon {
  color: rgba(129, 162, 178, 0.5);
}
.button--secondary.button--dark {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
}
.button--secondary.button--dark.button--is-idle:hover {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25), 0 0 0 3px rgba(255, 255, 255, 0.25);
}
.button--secondary.button--dark.button--destructive {
  box-shadow: inset 0 0 0 1px rgba(255, 97, 97, 0.25);
}
.button--secondary.button--dark.button--is-idle.button--destructive:hover {
  box-shadow: inset 0 0 0 1px rgba(255, 97, 97, 0.25), 0 0 0 3px rgba(255, 97, 97, 0.25);
}
.button--secondary.button--dark[disabled] {
  color: rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}
.button--secondary.button--dark[disabled] .kl-icon {
  color: rgba(255, 255, 255, 0.5);
}
.button--tertiary {
  background-color: transparent;
  color: #47535d;
}
.button--tertiary .kl-icon {
  color: #81a2b2;
}
.button--tertiary[disabled] {
  background-color: transparent;
  color: rgba(129, 162, 178, 0.5);
}
.button--tertiary[disabled] .kl-icon {
  color: rgba(129, 162, 178, 0.5);
}
.button--tertiary::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  transition-property: background, transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transform: scale3d(0.85, 0.85, 1);
}
.button--tertiary.button--is-idle:hover::before,
.button--tertiary[aria-expanded=true]::before {
  background-color: rgba(129, 162, 178, 0.25);
  transform: none;
}
.button--tertiary.button--destructive.button--is-idle:hover::before,
.button--tertiary.button--destructive[aria-expanded=true]::before {
  background-color: rgba(215, 25, 57, 0.25);
}
.button--tertiary.button--destructive.button--is-idle:hover,
.button--tertiary.button--destructive.button--is-idle:hover .kl-icon {
  color: #D71939;
}
.button--tertiary.button--dark {
  color: white;
}
.button--tertiary.button--dark .kl-icon {
  color: white;
}
.button--tertiary.button--dark[disabled] {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.5);
}
.button--tertiary.button--dark[disabled] .kl-icon {
  color: rgba(255, 255, 255, 0.5);
}
.button--tertiary.button--dark.button--is-idle:hover::before,
.button--tertiary.button--dark[aria-expanded=true]::before {
  background-color: rgba(255, 255, 255, 0.25);
}
.button--tertiary.button--dark.button--is-idle.button--destructive:hover::before,
.button--tertiary.button--dark.button--destructive[aria-expanded=true]::before {
  background-color: rgba(255, 97, 97, 0.25);
}
.button--tertiary.button--dark.button--is-idle.button--destructive:hover,
.button--tertiary.button--dark.button--is-idle.button--destructive:hover .kl-icon {
  color: #ff6161;
}
.button--delete {
  color: white;
  background-color: #D71939;
}
.button--delete.button--is-idle:hover {
  box-shadow: 0 0 0 3px rgba(215, 25, 57, 0.25);
}
.button--delete.button--dark[disabled] {
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.1);
}
.card {
  --shadow: inset 0 0 0 1px rgba(129, 162, 178, 0.25);
  position: relative;
  display: block;
  border-radius: 8px;
  width: 100%;
  border: 0;
  box-shadow: var(--shadow);
}
.card--clickable {
  margin: 0;
  border: 0;
  padding: 0;
  font: inherit;
  text-align: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: white;
  position: relative;
  transition: outline 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  outline: 3px solid transparent;
  outline-offset: 3px;
  /*
    @HACK(mbusby, 2022-01-24): Note that we separately define the :active
    outline-color override as otherwise browsers that don't support :focus-visible
    will skip it.
  */
  transition: box-shadow 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.card--clickable::after {
  content: "";
  position: absolute;
  inset: 0;
  outline: 2px solid transparent;
  outline-offset: 6px;
  transition: inherit;
  border-radius: inherit;
  pointer-events: none;
}
.card--clickable:focus {
  outline-color: #1099FC;
}
.card--clickable:focus::after {
  outline-color: white;
}
.card--clickable:focus:not(:focus-visible),
.card--clickable:active {
  outline-color: transparent;
}
.card--clickable:focus:not(:focus-visible)::after,
.card--clickable:active::after {
  outline-color: transparent;
}
.card--clickable::-moz-focus-inner {
  border: 0;
}
.card--light {
  background: white;
  color: #242c39;
}
.card--light.card--clickable:hover {
  box-shadow: var(--shadow), 0 0 0 3px rgba(129, 162, 178, 0.25);
}
.card--light.card--draggable:hover {
  box-shadow: var(--shadow), 0 -1px 0 0 rgba(129, 162, 178, 0.1), 0 2px 18px rgba(0, 0, 0, 0.04), 0 40px 80px -24px rgba(36, 44, 57, 0.12), 0 1px 4px rgba(0, 0, 0, 0.06), 0 20px 50px -16px rgba(0, 0, 0, 0.1);
}
.card--dark {
  background: #242c39;
  color: white;
}
.card--dark.card--clickable:hover {
  box-shadow: var(--shadow), 0 0 0 3px rgba(255, 255, 255, 0.25);
}
.card--dark.card--draggable:hover {
  box-shadow: var(--shadow), inset 0 1px 0 0 rgba(129, 162, 178, 0.1), 0 4px 24px rgba(0, 0, 0, 0.1), 0 40px 80px -24px rgba(0, 0, 0, 0.3), 0 1px 4px rgba(0, 0, 0, 0.16), 0 20px 50px -16px rgba(0, 0, 0, 0.3);
}
.card--level-0 {
  --shadow: inset 0 0 0 1px rgba(129, 162, 178, 0.25);
}
.card--level-1 {
  --shadow: 0 -1px 0 0 rgba(129, 162, 178, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(36, 44, 57, 0.1);
}
.card--level-2 {
  --shadow: 0 -1px 0 0 rgba(129, 162, 178, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08), 0 20px 36px -10px rgba(36, 44, 57, 0.1), 0 0 10px rgba(0, 0, 0, 0.06), 0 8px 20px -6px rgba(0, 0, 0, 0.06);
}
.card--dark.card--level-0 {
  --shadow: inset 0 0 0 1px rgba(129, 162, 178, 0.1);
}
.card--dark.card--level-1 {
  --shadow: inset 0 1px 0 0 rgba(129, 162, 178, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.2), 0 3px 8px rgba(36, 44, 57, 0.2);
}
.card--dark.card--level-2 {
  --shadow: inset 0 1px 0 0 rgba(129, 162, 178, 0.1), 0 1px 3px rgba(0, 0, 0, 0.16), 0 20px 36px -10px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.12), 0 8px 20px -6px rgba(0, 0, 0, 0.12);
}
.checkbox-component {
  padding: 5px 0;
  max-width: 400px;
}
.checkbox-component--without-label {
  max-width: initial;
}
.checkbox-component__click-field {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 0;
  width: 100%;
  cursor: pointer;
}
.checkbox-component__click-field--without-label {
  padding: 5px;
}
.checkbox-component__click-field--is-disabled {
  cursor: default;
  pointer-events: none;
}
.checkbox-component__click-field .checkbox-component__box::before {
  content: "";
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border-radius: 4px;
  transition: box-shadow 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  pointer-events: none;
}
.checkbox-component__click-field:focus {
  outline: none;
}
.checkbox-component__click-field:focus .checkbox-component__box::before {
  box-shadow: 0 0 0 3px rgba(16, 153, 252, 0.5);
}
.checkbox-component__click-field:focus:not(:focus-visible) .checkbox-component__box::before {
  box-shadow: none;
}
.checkbox-component__box {
  position: relative;
  border-radius: 2px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
  margin: 2px;
  min-width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 0 0 1px rgba(129, 162, 178, 0.5);
  transition: box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.checkbox-component__box:hover {
  box-shadow: inset 0 0 0 1px rgba(129, 162, 178, 0.5), 0 0 0 3px rgba(129, 162, 178, 0.25);
  transition: box-shadow 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.checkbox-component__box--light {
  background-color: white;
}
.checkbox-component__box--is-selected {
  box-shadow: none;
  background-color: #00857b;
  transition-property: box-shadow, background-color;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.checkbox-component__box--is-selected:hover {
  box-shadow: 0 0 0 3px rgba(0, 133, 123, 0.25);
  transition: box-shadow 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.checkbox-component__box--small {
  width: 16px;
  height: 16px;
}
.checkbox-component__box--medium {
  width: 24px;
  height: 24px;
}
.checkbox-component__box--large {
  width: 32px;
  height: 32px;
}
.checkbox-component__box--medium,
.checkbox-component__box--large {
  box-shadow: inset 0 0 0 1px rgba(129, 162, 178, 0.25);
  transition: box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.checkbox-component__box--medium:hover,
.checkbox-component__box--large:hover {
  box-shadow: inset 0 0 0 1px rgba(129, 162, 178, 0.5), 0 0 0 3px rgba(129, 162, 178, 0.25);
  transition: box-shadow 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.checkbox-component__box--medium.checkbox-component__box--is-selected,
.checkbox-component__box--large.checkbox-component__box--is-selected {
  background-color: #1099FC;
  box-shadow: none;
  transition-property: box-shadow, background-color;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.checkbox-component__box--medium.checkbox-component__box--is-selected:hover,
.checkbox-component__box--large.checkbox-component__box--is-selected:hover {
  box-shadow: 0 0 0 3px rgba(16, 153, 252, 0.25);
  transition: box-shadow 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.checkbox-component__box--is-selected.checkbox-component__box--is-disabled {
  background-color: rgba(129, 162, 178, 0.25);
}
.checkbox-component__box--is-disabled:hover {
  box-shadow: none;
}
.checkbox-component__box-actions--enter {
  opacity: 0;
  transform: scale(0.8);
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1) 0.05s;
}
.checkbox-component__box-actions--enter-active {
  opacity: 1;
  transform: scale(1);
}
.checkbox-component__box-actions--exit {
  opacity: 1;
  transform: scale(1);
  transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98) 0.05s;
}
.checkbox-component__box-actions--exit-active {
  opacity: 0;
  transform: scale(0.8);
}
.checkbox-component__input-field {
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}
.checkbox-component__tick {
  position: absolute;
  fill: white;
}
.checkbox-component__label {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  font-weight: 600;
  margin-left: 10px;
}
.checkbox-component__label--hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  word-wrap: normal;
}
.checkbox-component__label--white {
  color: rgba(36, 44, 57, 0.75);
}
.checkbox-component__label--dark {
  color: rgba(255, 255, 255, 0.85);
}
.checkbox-component__label--is-disabled {
  color: rgba(129, 162, 178, 0.5);
}
.combobox {
  width: 100%;
}
.combobox__combo-holder {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}
.combobox__combo {
  background: #242c39;
  max-height: 240px;
  border-radius: 4px;
  overflow-y: auto;
  box-shadow: 0 15px 25px rgba(36, 44, 57, 0.1);
  opacity: 0;
  -webkit-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -moz-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -o-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  color: white;
}
@media (prefers-reduced-motion: no-preference) {
  .combobox__combo {
    transform: translate3d(0, -16px, 0);
    -webkit-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), -moz-transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), -o-transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 400ms cubic-bezier(0.4, 0, 0.2, 1),-moz-transform 400ms cubic-bezier(0.4, 0, 0.2, 1),-o-transform 400ms cubic-bezier(0.4, 0, 0.2, 1),transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
  }
}
.combobox__combo--entering,
.combobox__combo--entered {
  opacity: 1;
  transform: none;
}
.combobox__combo-content {
  padding: 8px;
  display: grid;
  grid-template-columns: 100%;
  gap: 4px;
  color: #47535d;
}
.combobox__combo-content--dark {
  color: white;
}
.combobox__entry {
  width: 100%;
  padding: 4px 8px;
  cursor: pointer;
  border-radius: 4px;
  -webkit-transition: background 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: background 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: background 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: background 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-transition: background 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -moz-transition: background 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -o-transition: background 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  transition: background 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
}
.combobox__entry:hover {
  background: rgba(129, 162, 178, 0.15);
}
.combobox__entry--selected {
  background: rgba(129, 162, 178, 0.25);
}
.combobox__entry--light {
  color: #47535d;
}
.combobox__default-entry-label {
  color: #47535d;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 400;
  margin: 0;
  color: white;
}
.combobox__default-entry-label--light {
  color: #47535d;
}
.combobox__message {
  color: rgba(71, 83, 93, 0.8);
  padding: 4px 8px;
  text-align: center;
}
.combobox__combo-content--dark .combobox__message {
  color: rgba(255, 255, 255, 0.7);
}
.dropdown {
  position: relative;
}
.dropdown * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.dropdown__button {
  background: white;
  border: 1px solid rgba(129, 162, 178, 0.25);
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  justify-content: space-between;
  cursor: pointer;
  outline: none;
  -webkit-transition: border 0.15s ease-out;
  -moz-transition: border 0.15s ease-out;
  -o-transition: border 0.15s ease-out;
  transition: border 0.15s ease-out;
  -webkit-transition: border 0.15s ease-out, X;
  -moz-transition: border 0.15s ease-out, X;
  -o-transition: border 0.15s ease-out, X;
  transition: border 0.15s ease-out, X;
}
.dropdown__button:focus {
  border: 1px solid #81a2b2;
}
.dropdown__button--small {
  min-height: 32px;
  padding: 8px;
}
.dropdown__button--medium {
  min-height: 40px;
  padding: 8px;
}
.dropdown__button--large {
  min-height: 62px;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 16px;
  margin-bottom: 0;
  padding: 16px;
}
.dropdown__button--toggled {
  -webkit-border-radius: 2px 2px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  border-radius: 2px 2px 0 0;
  background-clip: padding-box;
}
.dropdown__label {
  margin-bottom: 4px;
  font-family: "calibre-legacy", sans-serif;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  color: #47535d;
}
.dropdown__label--long {
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  text-transform: none;
  letter-spacing: normal;
  margin-bottom: 8px;
}
.dropdown__name {
  width: 100%;
  font-family: "calibre-legacy", sans-serif;
  color: #47535d;
  margin-right: 4px;
  user-select: none;
}
.dropdown__name--small {
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
}
.dropdown__name--medium {
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
}
.dropdown__name--large {
  font-size: 24px;
  line-height: 1;
  font-weight: 400;
}
.dropdown__name--placeholder {
  color: rgba(129, 162, 178, 0.5);
}
.dropdown__arrow {
  color: #81a2b2;
}
.dropdown__menu.panel {
  -webkit-border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 3px 3px;
  -moz-background-clip: padding;
  border-radius: 0 0 3px 3px;
  background-clip: padding-box;
}
.dropdown--dark .dropdown__button {
  background: #242c39;
}
.dropdown--dark .dropdown__name {
  color: white;
}
.dropdown--dark .dropdown__arrow {
  color: white;
}
.dropdown--dark .dropdown__label {
  color: white;
}
.dropdown-item {
  cursor: pointer;
  height: 40px;
  padding: 3px 10px;
  background-color: white;
  -webkit-transition: background-color 0.15s ease-out;
  -moz-transition: background-color 0.15s ease-out;
  -o-transition: background-color 0.15s ease-out;
  transition: background-color 0.15s ease-out;
  -webkit-transition: background-color 0.15s ease-out, X;
  -moz-transition: background-color 0.15s ease-out, X;
  -o-transition: background-color 0.15s ease-out, X;
  transition: background-color 0.15s ease-out, X;
}
.dropdown-item--disable {
  pointer-events: none;
}
.dropdown-item:hover {
  background-color: #f2f6f7;
}
.dropdown-item--dark {
  background-color: #242c39;
}
.dropdown-item--dark:hover {
  background-color: #2d3845;
}
.dropdown-item--dark .dropdown-item__name {
  color: white;
}
.dropdown-item--dark .dropdown-item__name--disable {
  color: #8eabba;
}
.dropdown-item--dark .dropdown-item__tick {
  fill: white;
}
.dropdown-item__name {
  font-family: "calibre-legacy", sans-serif;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  color: #47535d;
}
.dropdown-item__name--disable {
  color: rgba(129, 162, 178, 0.25);
}
.dropdown-item__tick {
  fill: #00857b;
}
.dropdown-item__tick--disable {
  fill: rgba(129, 162, 178, 0.25);
}
.empty-state-blocks {
  width: 100px;
  height: 72px;
  opacity: 0;
  animation: empty-state-blocks__fade-in 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98) forwards;
}
@keyframes empty-state-blocks__fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.8;
  }
}
@keyframes empty-state-blocks__rocking-red {
  0% {
    transform-origin: 74px 36px;
    transform: rotateZ(0deg) translateY(0);
    animation-timing-function: cubic-bezier(0.62, 0.01, 0.55, 0.99);
  }
  33% {
    transform-origin: 85.1px 36px;
    transform: rotateZ(58deg) translateY(1.1px);
    animation-timing-function: cubic-bezier(0.54, -0.08, 0.51, 1);
  }
  55.6% {
    transform-origin: 83px 36px;
    transform: rotateZ(30deg) translateY(2.4px);
    animation-timing-function: cubic-bezier(0.52, -0.08, 0.7, 0.99);
  }
  75% {
    transform-origin: 83.5px 36px;
    transform: rotateZ(52deg) translateY(0.7px);
    animation-timing-function: cubic-bezier(0.53, -0.02, 0.68, 0.91);
  }
  90% {
    transform-origin: 81.5px 36px;
    transform: rotateZ(41.8deg) translateY(0.5px);
    animation-timing-function: cubic-bezier(0.52, 0.06, 0.65, 0.99);
  }
  100% {
    transform-origin: 81.5px 36px;
    transform: rotateZ(45deg) translateY(0);
  }
}
@keyframes empty-state-blocks__bounce-purple {
  0% {
    transform: translateY(-35px);
    animation-timing-function: cubic-bezier(0.85, 0.01, 0.83, 0.92);
  }
  70% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0.23, 0.27, 0.79, 0.91);
  }
  85% {
    transform: translateY(-2px);
    animation-timing-function: cubic-bezier(0.32, 0.2, 0.75, 0.99);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes empty-state-blocks__trace-stroke {
  0% {
    stroke-dashoffset: -40.5px;
    animation-timing-function: cubic-bezier(0.7, -0.02, 0.72, 0.8);
  }
  24% {
    stroke-dashoffset: -31.5px;
    animation-timing-function: cubic-bezier(0.62, 0.08, 0.76, 0.87);
  }
  56% {
    stroke-dashoffset: -8.2px;
    animation-timing-function: cubic-bezier(0.16, 0.24, 0.34, 1);
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.empty-state-blocks__red {
  animation: empty-state-blocks__rocking-red 2.4s 0.667s forwards;
  fill: #D71939;
}
.empty-state-blocks__purple {
  animation: empty-state-blocks__bounce-purple 1s 0.42s forwards;
  transform: translateY(-35px);
  fill: #716bf1;
}
.empty-state-blocks__blue {
  fill: #1099FC;
}
.empty-state-blocks__grey {
  animation: empty-state-blocks__trace-stroke 1.6s 0.46s forwards;
  stroke: #81a2b2;
  stroke-dashoffset: -40.5px;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 9;
  stroke-dasharray: 0.1 500;
}
.empty-state-blocks__gold {
  fill: #ffce53;
}
@media (prefers-reduced-motion: reduce) {
  .empty-state-blocks__red,
  .empty-state-blocks__purple,
  .empty-state-blocks__grey {
    animation: none;
  }
}
.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 8px;
  padding: 80px;
}
.empty-state--dashed {
  border: 2px dashed rgba(129, 162, 178, 0.25);
}
.empty-state__content {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.empty-state__image {
  margin: 16px;
}
.empty-state__title {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 16px;
  margin-bottom: 8px;
}
.empty-state__subtitle {
  color: #47535d;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 400;
}
.folder-component {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  width: 100%;
  height: 40px;
  overflow-x: hidden;
  padding: 0 8px 0;
  border-radius: 4px;
  fill: #81a2b2;
  background-color: transparent;
  border: 0;
  font-family: inherit;
  color: #47535d;
  outline: none;
  transition-property: background, box-shadow;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.folder-component:hover {
  background: rgba(129, 162, 178, 0.25);
}
.folder-component:focus {
  box-shadow: inset 0 0 0 3px rgba(16, 153, 252, 0.5);
}
.folder-component:active {
  box-shadow: none;
}
.folder-component::-moz-focus-inner {
  border: 0;
}
.folder-component__icon {
  -webkit-transition: color 0.1s ease-out;
  -moz-transition: color 0.1s ease-out;
  -o-transition: color 0.1s ease-out;
  transition: color 0.1s ease-out;
  -webkit-transition: color 0.1s ease-out, X;
  -moz-transition: color 0.1s ease-out, X;
  -o-transition: color 0.1s ease-out, X;
  transition: color 0.1s ease-out, X;
  color: #81a2b2;
  position: relative;
  left: -4px;
}
.folder-component--selected .folder-component__icon {
  color: #716bf1;
}
.folder-component__name {
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  text-align: left;
  padding: 8px 0;
}
.folder-component--hasMenuOption {
  padding-right: 32px;
}
.folder-component--drag-hover {
  background: rgba(16, 153, 252, 0.25);
}
.folder-component--disable-select {
  color: rgba(129, 162, 178, 0.5);
  cursor: default;
}
.folder-component--disable-select:hover,
.folder-component--disable-select:focus {
  background: inherit;
  outline: inherit;
}
.folder-component--disable-drop {
  color: rgba(129, 162, 178, 0.5);
}
.treebeard-container__content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  font-family: "calibre-legacy", sans-serif;
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
  background-color: transparent;
  list-style: none;
  color: #47535d;
  transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease, transform 1s cubic-bezier(0.4, 0, 0.2, 1);
}
.treebeard-container__content--entering,
.treebeard-container__content--entered {
  height: 48px;
  opacity: 1;
}
.treebeard-container__content--loading {
  background-color: #f9fafb;
  border-radius: 3px;
}
.treebeard-toggle {
  color: #81a2b2;
  background-color: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  border-radius: 4px;
  outline: none;
  transition-property: transform, background, box-shadow;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.treebeard-toggle--open {
  -ms-transform: rotateZ(90deg);
  -webkit-transform: rotateZ(90deg);
  -moz-transform: rotateZ(90deg);
  -o-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
.treebeard-toggle:focus-visible {
  /* Remove default focus style */
  outline: none;
  /* Qwilr's custom focus style */
  box-shadow: inset 0 0 0 3px rgba(16, 153, 252, 0.5);
}
.treebeard-toggle::-moz-focus-inner {
  border: 0;
}
.treebeard-toggle svg {
  flex-shrink: 0;
}
.treebeard-toggle,
.treebeard-toggle-space {
  width: 16px;
  height: 16px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.treebeard-header__name-input {
  width: 100%;
}
.treebeard-folder {
  flex: 1 1 auto;
  min-width: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.treebeard-folder__actions {
  align-self: center;
  justify-self: flex-end;
  display: flex;
  transition-property: opacity, transform;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  right: 0;
}
.treebeard-folder__actions.treebeard-folder__actions {
  position: absolute;
  right: 3px;
}
.treebeard-folder__actions--enter-active,
.treebeard-folder__actions--enter-done {
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .treebeard-folder__actions {
    transition-property: opacity;
    transform: none;
  }
}
.form--kl {
  width: 368px;
  padding: 24px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.form--kl.form--wide {
  width: 448px;
}
.form__spacer {
  margin-bottom: 24px;
}
.form__button-spacer {
  margin-top: 40px;
}
.form__button-with-prompt {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.form__button-with-prompt--with-enter-key {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.form__button-with-prompt--single-action .form__button {
  min-width: 156px;
}
.form__enter-key {
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  color: rgba(71, 83, 93, 0.5);
  margin-left: 16px;
}
.form__other-for-dropdown {
  margin-top: 8px;
}
.ghost-animation {
  background: linear-gradient(90deg, rgba(129, 162, 178, 0.25), rgba(129, 162, 178, 0.1), rgba(129, 162, 178, 0.25));
  -webkit-animation: ghost-block-pulse 2s ease-in-out infinite;
  -moz-animation: ghost-block-pulse 2s ease-in-out infinite;
  -o-animation: ghost-block-pulse 2s ease-in-out infinite;
  animation: ghost-block-pulse 2s ease-in-out infinite;
  -webkit-animation: ghost-block-pulse 2s ease-in-out infinite, X;
  -moz-animation: ghost-block-pulse 2s ease-in-out infinite, X;
  -o-animation: ghost-block-pulse 2s ease-in-out infinite, X;
  animation: ghost-block-pulse 2s ease-in-out infinite, X;
  background-size: 600% 600%;
}
@keyframes ghost-block-pulse {
  0% {
    background-position: 100% 0%;
  }
  100% {
    background-position: -20% 0%;
  }
}
.ghost-block {
  border-radius: 4px;
  min-height: 14px;
  cursor: default;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(129, 162, 178, 0.25), rgba(129, 162, 178, 0.1), rgba(129, 162, 178, 0.25));
  -webkit-animation: ghost-block-pulse 2s ease-in-out infinite;
  -moz-animation: ghost-block-pulse 2s ease-in-out infinite;
  -o-animation: ghost-block-pulse 2s ease-in-out infinite;
  animation: ghost-block-pulse 2s ease-in-out infinite;
  -webkit-animation: ghost-block-pulse 2s ease-in-out infinite, X;
  -moz-animation: ghost-block-pulse 2s ease-in-out infinite, X;
  -o-animation: ghost-block-pulse 2s ease-in-out infinite, X;
  animation: ghost-block-pulse 2s ease-in-out infinite, X;
  background-size: 600% 600%;
}
.kl-heading {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: kl-calibre, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
  font-weight: 400;
  color: #242c39;
  line-height: 1.1;
  letter-spacing: -0.025em;
  text-align: inherit;
}
.kl-heading--dark {
  color: white;
}
.kl-heading--secondary {
  color: #47535d;
}
.kl-heading--dark.kl-heading--secondary {
  color: rgba(255, 255, 255, 0.8);
}
.kl-heading--strong {
  font-weight: 600;
}
.kl-heading--align-left {
  text-align: left;
}
.kl-heading--align-center {
  text-align: center;
}
.kl-heading--level-1 {
  font-size: var(--heading-size-1);
}
.kl-heading--level-2 {
  font-size: var(--heading-size-2);
}
.kl-heading--level-3 {
  font-size: var(--heading-size-3);
}
.kl-heading--level-4 {
  font-size: var(--heading-size-4);
}
.kl-heading--level-5 {
  font-size: var(--heading-size-5);
}
.button--icon-only {
  position: relative;
  padding: 0;
}
.button--icon-only.button--x-small {
  width: 24px;
}
.button--icon-only.button--small {
  width: 32px;
}
.button--icon-only.button--medium {
  width: 40px;
}
.button--icon-only.button--large {
  width: 62px;
}
.button--icon-only .button__icon-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  grid-area: 1 / 1;
  opacity: 0;
  transform: scale3d(0.7, 0.7, 1);
  transition-property: opacity, transform;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.button--icon-only .button__icon-wrapper--entering,
.button--icon-only .button__icon-wrapper--entered {
  opacity: 1;
  transform: none;
  transition-delay: 25ms;
}
.kl-label {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: kl-calibre, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
  font-weight: 600;
  color: #47535d;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  text-align: inherit;
}
.kl-label--dark {
  color: rgba(255, 255, 255, 0.8);
}
.kl-label--dark.kl-label--secondary {
  color: rgba(255, 255, 255, 0.6);
}
.kl-label--secondary {
  color: rgba(71, 83, 93, 0.8);
}
.kl-label--align-left {
  text-align: left;
}
.kl-label--align-center {
  text-align: center;
}
.kl-label--hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  word-wrap: normal;
}
.kl-label--size-l {
  font-size: var(--label-size-l);
}
.kl-label--size-m {
  font-size: var(--label-size-m);
}
.kl-label--size-s {
  font-size: var(--label-size-s);
}
.kl-label--long {
  letter-spacing: normal;
  text-transform: none;
  font-weight: 500;
}
.kl-label--long.kl-label--size-l {
  font-size: var(--text-size-l);
}
.kl-label--long.kl-label--size-m {
  font-size: var(--text-size-m);
}
.kl-label--long.kl-label--size-s {
  font-size: var(--text-size-s);
}
.kl-label--disabled {
  color: rgba(129, 162, 178, 0.75);
}
.kl-link {
  position: relative;
  color: #00857b;
  border-radius: 4px;
  transition: box-shadow 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  text-decoration: none;
  border: 0;
  margin: 0;
  padding: 0;
  font: inherit;
  background-color: transparent;
  cursor: pointer;
  outline: none;
  text-align: inherit;
  appearance: none;
}
.kl-link__text {
  background: linear-gradient(rgba(0, 133, 123, 0.8), rgba(0, 133, 123, 0.8)) no-repeat 100% 100% / 0 2px, linear-gradient(rgba(0, 133, 123, 0.3), rgba(0, 133, 123, 0.3)) no-repeat 0 100% / 100% 2px;
  transition-property: background-size;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  padding-bottom: 2px;
}
.kl-link__text--is-disabled {
  color: rgba(129, 162, 178, 0.5);
  background: none;
  cursor: default;
  border-bottom: solid 2px rgba(129, 162, 178, 0.5);
  padding: 0;
}
@media (prefers-reduced-motion: reduce) {
  .kl-link__text {
    transition-property: none;
  }
}
.kl-link:hover .kl-link__text {
  background: linear-gradient(rgba(0, 133, 123, 0.8), rgba(0, 133, 123, 0.8)) no-repeat 0 100% / 100% 2px, linear-gradient(rgba(0, 133, 123, 0.3), rgba(0, 133, 123, 0.3)) no-repeat 0 100% / 100% 2px;
}
.kl-link:hover .kl-link__text--is-disabled {
  cursor: default;
  background: none;
}
.kl-link--dark {
  color: white;
}
.kl-link--dark .kl-link__text {
  background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)) no-repeat 100% 100% / 0 2px, linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)) no-repeat 0 100% / 100% 2px;
}
.kl-link--dark:hover .kl-link__text {
  background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)) no-repeat 0 100% / 100% 2px, linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)) no-repeat 0 100% / 100% 2px;
}
.kl-link:focus {
  box-shadow: 0 0 0 3px rgba(16, 153, 252, 0.5);
}
.kl-link:active {
  box-shadow: none;
}
.kl-link__icon {
  display: inline-flex;
  vertical-align: middle;
  transition-property: transform, color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.kl-link__icon--start {
  margin-inline-end: 2px;
}
.kl-link__icon--end {
  margin-inline-start: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .kl-link__icon {
    transition-property: color;
  }
}
.kl-link:hover .kl-link__icon--slide-start {
  transform: translate3d(-4px, 0, 0);
}
.kl-link:hover .kl-link__icon--slide-start:dir(rtl) {
  transform: translate3d(4px, 0, 0);
}
@media (prefers-reduced-motion: reduce) {
  .kl-link:hover .kl-link__icon--slide-start {
    transform: none;
  }
}
.kl-link:hover .kl-link__icon--slide-end {
  transform: translate3d(4px, 0, 0);
}
.kl-link:hover .kl-link__icon--slide-end:dir(rtl) {
  transform: translate3d(-4px, 0, 0);
}
@media (prefers-reduced-motion: reduce) {
  .kl-link:hover .kl-link__icon--slide-end {
    transform: none;
  }
}
.option-group__label {
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  color: #47535d;
  min-height: 8px;
}
.option-group__content {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border: 1px solid rgba(129, 162, 178, 0.25);
}
.option-group__content .kl-tooltip-target,
.option-group__content .kl-tooltip-target__wrapper {
  width: 100%;
  height: 100%;
}
.option-group__content--small {
  border-radius: 4px;
  height: 36px;
}
.option-group__content--large {
  border-radius: 4px;
  height: 58px;
}
.option-group__icon {
  -webkit-transition: fill 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: fill 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: fill 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: fill 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-transition: fill 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -moz-transition: fill 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -o-transition: fill 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  transition: fill 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  pointer-events: none;
  fill: #81a2b2;
}
.option-group__button {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: color 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), background 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), -webkit-box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: color 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), background 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), -moz-box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-transition: color 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), background 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: color 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), background 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: color 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), background 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: color 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), background 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 100%;
  width: 100%;
  color: #81a2b2;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  border-radius: 0;
}
.option-group__button--first {
  border-radius: 4px 0 0 4px;
}
.option-group__button--last {
  border-radius: 0 4px 4px 0;
}
.option-group__button:focus {
  outline: none;
  box-shadow: inset 0 0 0 3px rgba(16, 153, 252, 0.5);
}
.option-group__button--selected:focus {
  box-shadow: inset 0 0 0 3px rgba(71, 83, 93, 0.5);
}
.option-group__button::-moz-focus-inner {
  border: 0;
}
.option-group__button:active {
  box-shadow: none;
}
.option-group__button--selected {
  background: #1099FC;
  color: white;
}
.option-group__button--selected .option-group__icon {
  fill: white;
}
.option-group__button:not(.option-group__button--selected):hover {
  background-color: rgba(129, 162, 178, 0.1);
}
.option-group__button--small {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  font-weight: 600;
}
.option-group__button--large {
  flex-basis: 100%;
  font-size: 24px;
  line-height: 29px;
}
.option-group__button-content {
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.option-group__button--small + .option-group__button--small,
.option-group .tooltip-target + .tooltip-target {
  border-left: 1px solid rgba(129, 162, 178, 0.1);
}
.option-group__button--large + .option-group__button--large {
  border-left: 1px solid rgba(129, 162, 178, 0.2);
}
.option-menu {
  transition-property: opacity, transform;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  transform: translate3d(0, -8px, 0);
  opacity: 0;
  pointer-events: none;
}
.option-menu.option-menu {
  position: fixed;
}
.option-menu--small {
  max-width: 160px;
}
.option-menu--medium {
  max-width: 200px;
}
.option-menu--large {
  max-width: 240px;
}
.option-menu--entering,
.option-menu--entered {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}
.option-menu__list {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  outline: none;
}
.option-menu__list::-moz-focus-inner {
  border: 0;
}
.option-menu__list .option-menu__item:disabled:hover {
  cursor: default;
  background-color: inherit;
}
.option-menu__list .option-menu__item:disabled:hover svg {
  color: rgba(129, 162, 178, 0.25);
}
.option-menu__item {
  font-family: inherit;
  cursor: pointer;
  height: 40px;
  padding: 0 16px;
  display: flex;
  flex: 1 0 auto;
  align-items: center;
  justify-content: space-between;
  background: transparent;
  width: 100%;
  min-width: 0;
  border: 0;
  outline: none;
  transition-property: background, fill, box-shadow;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.option-menu__item[disabled] {
  /*
     * @NOTE(mbusby, 2020-10-06): This is a workaround suggested by
     * https://jakearchibald.com/2017/events-and-disabled-form-fields/#workaround
     * to ensure that disabled buttons still trigger mouseenter/mouseleave events reliably in all browsers.
     * This is needed in cases where we want to add a `Tooltip` to a `button` to explain
     * to the user why the `button` is disabled.
     */
  pointer-events: none;
}
.option-menu__item:first-child {
  border-radius: 8px 8px 0 0;
}
.option-menu__item:last-child {
  border-radius: 0 0 8px 8px;
}
.option-menu__item::-moz-focus-inner {
  border: 0;
}
.option-menu__item:focus {
  box-shadow: inset 0 0 0 3px rgba(16, 153, 252, 0.5);
  border-radius: 8px;
}
.option-menu__item:active {
  box-shadow: none;
}
.option-menu__text {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  flex: 1 1 auto;
  display: block;
  transition: color 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.option-menu__item:disabled .option-menu__text {
  color: rgba(129, 162, 178, 0.5);
}
svg + .option-menu__text {
  margin-left: 8px;
}
.option-menu__icon,
.option-menu__delete {
  color: #81a2b2;
}
.option-menu__icon {
  margin-left: -4px;
}
.option-menu__item:disabled .option-menu__icon,
.option-menu__item:disabled .option-menu__delete {
  color: rgba(129, 162, 178, 0.25);
}
.option-menu__tick {
  color: #00857b;
  margin-right: -4px;
}
.option-menu__separator {
  margin-block-start: 0;
  margin-block-end: 0;
  border: none;
  height: 1px;
  width: 100%;
  color: rgba(129, 162, 178, 0.25);
  background-color: rgba(129, 162, 178, 0.25);
  cursor: pointer;
}
.option-menu__list--light .option-menu__item:hover {
  background-color: rgba(129, 162, 178, 0.1);
}
.option-menu__list--light .option-menu__text {
  color: #47535d;
}
.option-menu__list--light .option-menu__item--destructive {
  padding-right: 8px;
}
.option-menu__list--light .option-menu__item--destructive:hover {
  background-color: rgba(215, 25, 57, 0.25);
}
.option-menu__list--light .option-menu__item--destructive:hover svg {
  color: #D71939;
}
.option-menu__list--light .option-menu__item--destructive:focus {
  box-shadow: inset 0 0 0 3px rgba(215, 25, 57, 0.5);
}
.option-menu__list--dark .option-menu__item:hover {
  background-color: #47535d;
}
.option-menu__list--dark .option-menu__text {
  color: white;
}
.option-menu__list--dark .option-menu__item--destructive {
  padding-right: 8px;
}
.option-menu__list--dark .option-menu__item--destructive:hover {
  background-color: rgba(255, 97, 97, 0.25);
}
.option-menu__list--dark .option-menu__item--destructive:hover svg {
  color: #ff6161;
}
.option-menu__list--dark .option-menu__item--destructive:focus {
  box-shadow: inset 0 0 0 3px rgba(255, 97, 97, 0.5);
}
.pagination-buttons {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 16px;
  align-items: center;
  justify-content: center;
}
.panel {
  border-radius: 8px;
  position: absolute;
  width: 100%;
  z-index: 1;
  border: 0;
}
.panel--elevation-0 {
  box-shadow: inset 0 0 0 1px rgba(129, 162, 178, 0.25);
}
.panel--elevation-1 {
  box-shadow: 0 -1px 0 0 rgba(129, 162, 178, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(36, 44, 57, 0.1);
}
.panel--elevation-2 {
  box-shadow: 0 -1px 0 0 rgba(129, 162, 178, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08), 0 20px 36px -10px rgba(36, 44, 57, 0.1), 0 0 10px rgba(0, 0, 0, 0.06), 0 8px 20px -6px rgba(0, 0, 0, 0.06);
}
.panel--elevation-3 {
  box-shadow: 0 -1px 0 0 rgba(129, 162, 178, 0.1), 0 2px 18px rgba(0, 0, 0, 0.04), 0 40px 80px -24px rgba(36, 44, 57, 0.12), 0 1px 4px rgba(0, 0, 0, 0.06), 0 20px 50px -16px rgba(0, 0, 0, 0.1);
}
.panel--light {
  background: white;
}
.panel--dark {
  background: #242c39;
}
.panel--dark.panel--elevation-0 {
  box-shadow: inset 0 0 0 1px rgba(129, 162, 178, 0.1);
}
.panel--dark.panel--elevation-1 {
  box-shadow: inset 0 1px 0 0 rgba(129, 162, 178, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.2), 0 3px 8px rgba(36, 44, 57, 0.2);
}
.panel--dark.panel--elevation-2 {
  box-shadow: inset 0 1px 0 0 rgba(129, 162, 178, 0.1), 0 1px 3px rgba(0, 0, 0, 0.16), 0 20px 36px -10px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.12), 0 8px 20px -6px rgba(0, 0, 0, 0.12);
}
.panel--dark.panel--elevation-3 {
  box-shadow: inset 0 1px 0 0 rgba(129, 162, 178, 0.1), 0 4px 24px rgba(0, 0, 0, 0.1), 0 40px 80px -24px rgba(0, 0, 0, 0.3), 0 1px 4px rgba(0, 0, 0, 0.16), 0 20px 50px -16px rgba(0, 0, 0, 0.3);
}
.popover {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  outline: none;
}
.popover:focus::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  box-shadow: 0 0 0 3px rgba(16, 153, 252, 0.5);
  border-radius: 8px;
}
.popover:active::before {
  box-shadow: none;
}
.popover__caret {
  position: absolute;
  transform-origin: center;
  background-color: white;
  border-color: rgba(129, 162, 178, 0.25);
  border-width: 0;
  border-style: solid;
}
.popover__caret--top {
  transform: translate3d(50%, -50%, 0) rotate(45deg);
  border-right-width: 1px;
  border-bottom-width: 1px;
  margin-top: -1px;
}
.popover__caret--right {
  transform: translate3d(50%, 50%, 0) rotate(45deg);
  border-bottom-width: 1px;
  border-left-width: 1px;
  margin-left: -1px;
}
.popover__caret--bottom {
  transform: translate3d(50%, 50%, 0) rotate(45deg);
  border-top-width: 1px;
  border-left-width: 1px;
  margin-top: -1px;
}
.popover__caret--left {
  transform: translate3d(-50%, 50%, 0) rotate(45deg);
  border-top-width: 1px;
  border-right-width: 1px;
  margin-left: -1px;
}
.popover__caret--dark {
  background-color: #242c39;
}
.popover__panel {
  position: relative;
  transition-property: opacity;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  pointer-events: none;
  max-height: calc(100vh - 32px);
  max-width: calc(100vw - 32px);
  display: flex;
}
@media (prefers-reduced-motion: no-preference) {
  .popover__panel {
    transition-property: opacity, transform;
  }
  .popover__panel--top {
    transform: translate3d(0, 8px, 0);
  }
  .popover__panel--right {
    transform: translate3d(-8px, 0, 0);
  }
  .popover__panel--bottom {
    transform: translate3d(0, -8px, 0);
  }
  .popover__panel--left {
    transform: translate3d(8px, 0, 0);
  }
}
.popover__panel--entering,
.popover__panel--entered {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}
.popover__panel--dark {
  color: white;
}
.popover__panel--small {
  width: 250px;
}
.popover__panel--medium {
  width: 300px;
}
.popover__panel--large {
  width: 400px;
}
.popover__panel-scroll {
  position: relative;
  overflow-y: auto;
  width: 100%;
}
.popover__panel-content {
  width: 100%;
}
.popover__panel-content--padding-small {
  padding: 16px;
}
.popover__panel-content--padding-medium {
  padding: 24px;
}
.project-preview__iframe {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  border-bottom-right-radius: 5.11314px;
  border-bottom-left-radius: 5.11314px;
}
.radio-buttons__label {
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  color: #47535d;
}
.radio-buttons__label--long {
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  text-transform: none;
  letter-spacing: normal;
  margin-bottom: 8px;
}
.search-input {
  width: 100%;
}
.search-input__clear-button {
  transition-property: opacity, transform;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  transform: scale3d(0.8, 0.8, 1);
  pointer-events: auto;
}
.search-input__clear-button--entering,
.search-input__clear-button--entered {
  opacity: 1;
  transform: none;
}
.search-input__clear-button--exiting {
  transition-duration: 150ms;
}
@media (prefers-reduced-motion: reduce) {
  .search-input__clear-button {
    transition-property: opacity;
    transform: none;
  }
}
.search-input__text-input input::-webkit-search-decoration,
.search-input__text-input input::-webkit-search-cancel-button,
.search-input__text-input input::-webkit-search-results-button,
.search-input__text-input input::-webkit-search-results-decoration {
  display: none;
  -webkit-appearance: none;
}
.segmented-control__label {
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  color: #47535d;
  min-height: 8px;
  display: block;
  text-align: start;
}
.segmented-control__label--hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  word-wrap: normal;
}
.segmented-control__content {
  position: relative;
  width: 100%;
  padding: 2px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background-color: rgba(129, 162, 178, 0.1);
}
.segmented-control__content .kl-tooltip-target,
.segmented-control__content .kl-tooltip-target__wrapper {
  width: 100%;
  height: 100%;
  z-index: 1;
}
.segmented-control__content--medium {
  border-radius: 4px;
  height: 40px;
}
.segmented-control__content--large {
  border-radius: 4px;
  height: 62px;
}
.segmented-control__icon {
  -webkit-transition: fill 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: fill 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: fill 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: fill 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-transition: fill 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -moz-transition: fill 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -o-transition: fill 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  transition: fill 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  pointer-events: none;
  fill: #81a2b2;
}
.segmented-control__indicator {
  border-radius: 4px;
  background-color: white;
  -webkit-transition: -webkit-transform 400ms cubic-bezier(0.4, 0, 0.2, 1), width 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: -moz-transform 400ms cubic-bezier(0.4, 0, 0.2, 1), width 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: -o-transform 400ms cubic-bezier(0.4, 0, 0.2, 1), width 400ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 400ms cubic-bezier(0.4, 0, 0.2, 1),-moz-transform 400ms cubic-bezier(0.4, 0, 0.2, 1),-o-transform 400ms cubic-bezier(0.4, 0, 0.2, 1),transform 400ms cubic-bezier(0.4, 0, 0.2, 1), width 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1), width 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1), width 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1), width 400ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1), width 400ms cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 0;
  box-shadow: 0 -1px 0 0 rgba(129, 162, 178, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(36, 44, 57, 0.1);
}
@media (prefers-reduced-motion: reduce) {
  .segmented-control__indicator {
    transition: none;
  }
}
.segmented-control__button {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: -webkit-box-shadow 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), background 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), color 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: -moz-box-shadow 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), background 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), color 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-transition: box-shadow 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), background 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), color 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: box-shadow 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), background 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), color 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: box-shadow 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), background 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), color 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: box-shadow 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), background 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), color 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 100%;
  width: 100%;
  color: rgba(71, 83, 93, 0.85);
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border-radius: 4px;
  font-size: 16px;
  font-family: inherit;
  font-weight: 600;
  cursor: pointer;
  z-index: 1;
  outline: none;
  position: relative;
}
.segmented-control__button:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(16, 153, 252, 0.5);
}
.segmented-control__button::-moz-focus-inner {
  border: 0;
}
.segmented-control__button:active {
  box-shadow: none;
}
.segmented-control__button--selected {
  color: #47535d;
  border-radius: 3px;
}
.segmented-control__button--selected .segmented-control__icon {
  fill: white;
}
.segmented-control__button--selected .segmented-control__button-content {
  border: none;
}
.segmented-control__button:not(.segmented-control__button--disabled)::after {
  background-color: rgba(129, 162, 178, 0.1);
  opacity: 0;
  transform: none;
  content: "";
  position: absolute;
  top: -2px;
  right: 0;
  bottom: -2px;
  left: 0;
  border-radius: 4px;
  -webkit-transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -moz-transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -o-transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
}
.segmented-control__button:not(.segmented-control__button--selected):hover::after {
  opacity: 1;
}
.segmented-control__button--disabled {
  color: rgba(129, 162, 178, 0.5);
}
.segmented-control__button--first::after {
  left: -2px;
}
.segmented-control__button--last::after {
  right: -2px;
}
.segmented-control__button--small {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  font-weight: 600;
}
.segmented-control__button--large {
  flex-basis: 100%;
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
}
.segmented-control__button-divider {
  height: 24px;
  width: 1px;
  background-color: rgba(129, 162, 178, 0.25);
  opacity: 0;
  -webkit-transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -moz-transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -o-transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
}
.segmented-control__button-divider--show {
  opacity: 1;
}
.segmented-control__button-content {
  width: 100%;
}
.segmented-control--dark .segmented-control__label {
  color: white;
}
.segmented-control--dark .segmented-control__content {
  background-color: rgba(71, 83, 93, 0.25);
}
.segmented-control--dark .segmented-control__indicator {
  background-color: #47535d;
  box-shadow: inset 0 1px 0 0 rgba(129, 162, 178, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.2), 0 3px 8px rgba(36, 44, 57, 0.2);
}
.segmented-control--dark .segmented-control__button-content {
  color: white;
}
.kl-select {
  --size: 40px;
  position: relative;
  display: grid;
}
.kl-select--size-xs {
  --size: 24px;
}
.kl-select--size-s {
  --size: 32px;
}
.kl-select--size-m {
  --size: 40px;
}
.kl-select--size-l {
  --size: 62px;
}
.kl-select__wrapper {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr var(--size);
}
.kl-select__wrapper--has-icon {
  grid-template-columns: var(--size) 1fr var(--size);
}
.kl-select__wrapper.kl-select__wrapper--placeholder {
  color: rgba(129, 162, 178, 0.5);
}
.kl-select__wrapper.kl-select__wrapper--dark.kl-select__wrapper--placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.kl-select__label {
  margin-bottom: 4px;
}
.kl-select__input {
  --padding: 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 4px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  background-color: white;
  font: inherit;
  color: inherit;
  text-align: left;
  grid-row: 1;
  grid-column: 1 / -1;
  padding: 0 16px;
  transition: border-color 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  cursor: pointer;
  outline: none;
  height: var(--size);
  padding: 0 var(--padding);
}
.kl-select__input:hover {
  border-color: rgba(129, 162, 178, 0.5);
}
.kl-select__input:focus {
  border-color: #81a2b2;
}
.kl-select__input[aria-invalid="true"] {
  border-color: #D71939;
}
.kl-select__input--size-xs,
.kl-select__input--size-s {
  --padding: 4px;
}
.kl-select__input--size-m {
  --padding: 8px;
}
.kl-select__input--size-l {
  --padding: 16px;
}
.kl-select__input--dark {
  border-color: rgba(255, 255, 255, 0.25);
  background-color: #242c39;
}
.kl-select__input--dark:hover {
  border-color: rgba(255, 255, 255, 0.5);
}
.kl-select__input--dark:focus {
  border-color: white;
}
.kl-select__input--dark[aria-invalid="true"] {
  border-color: #ff6161;
}
.kl-select__input--has-icon {
  padding-left: var(--size);
}
.kl-select__input[disabled],
.kl-select__input[disabled]:hover {
  border-color: rgba(129, 162, 178, 0.1);
  cursor: default;
  color: rgba(129, 162, 178, 0.25);
}
.kl-select__icon {
  place-self: center;
  pointer-events: none;
  color: rgba(71, 83, 93, 0.75);
  position: relative;
}
.kl-select__icon--start {
  grid-column: 1;
  grid-row: 1;
}
.kl-select__icon--end {
  display: grid;
  place-content: center;
  place-self: stretch;
  grid-column: 2;
  grid-row: 1;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.9) 40%, white 100%);
  margin: 1px;
  border-radius: 0 4px 4px 0;
}
.kl-select__icon--start ~ .kl-select__icon--end {
  grid-column: 3;
}
.kl-select__icon--dark {
  color: rgba(255, 255, 255, 0.75);
}
.kl-select__icon--dark.kl-select__icon--end {
  background: linear-gradient(90deg, transparent 0%, rgba(36, 44, 57, 0.9) 40%, #242c39 100%);
}
.kl-select__wrapper--disabled .kl-select__icon {
  color: rgba(71, 83, 93, 0.25);
}
.kl-select__menu {
  display: grid;
  position: fixed;
  top: 0;
  left: 0;
  width: var(--width);
  transform: translate(var(--x), var(--y));
}
.kl-select__menu--exited {
  visibility: hidden;
  pointer-events: none;
}
.kl-select__panel {
  display: grid;
  position: relative;
  padding: 8px;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  transform: translate3d(0, -8px, 0);
  max-height: 50vh;
  overflow-y: auto;
}
.kl-select__panel--entering,
.kl-select__panel--entered {
  opacity: 1;
  transform: none;
}
.kl-select__panel--size-xs {
  padding: 4px;
}
.kl-select__option {
  --size: 32px;
  position: relative;
  transition: outline 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  outline: 3px solid transparent;
  outline-offset: 3px;
  /*
    @HACK(mbusby, 2022-01-24): Note that we separately define the :active
    outline-color override as otherwise browsers that don't support :focus-visible
    will skip it.
  */
  margin: 0;
  padding: 0;
  font: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: white;
  text-align: left;
  border: 0;
  border-radius: 4px;
  display: grid;
  grid-template-columns: 1fr var(--size);
  align-items: center;
  transition: background-color 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  background-color: transparent;
  min-height: var(--size);
  padding: 4px 0 4px 8px;
}
.kl-select__option::after {
  content: "";
  position: absolute;
  inset: 0;
  outline: 2px solid transparent;
  outline-offset: 6px;
  transition: inherit;
  border-radius: inherit;
  pointer-events: none;
}
.kl-select__option:focus {
  outline-color: #1099FC;
}
.kl-select__option:focus::after {
  outline-color: white;
}
.kl-select__option:focus:not(:focus-visible),
.kl-select__option:active {
  outline-color: transparent;
}
.kl-select__option:focus:not(:focus-visible)::after,
.kl-select__option:active::after {
  outline-color: transparent;
}
.kl-select__option::-moz-focus-inner {
  border: 0;
}
.kl-select__option:hover {
  background-color: rgba(129, 162, 178, 0.25);
}
.kl-select__option--size-xs {
  --size: 24px;
  padding-left: 4px;
}
.kl-select__option--size-s {
  --size: 32px;
}
.kl-select__option--size-m {
  --size: 32px;
}
.kl-select__option--size-l {
  --size: 40px;
}
.kl-select__option--has-icon {
  grid-template-columns: var(--size) 1fr var(--size);
  padding-left: 0;
}
.kl-select__option-tick {
  place-self: center;
  color: #00857b;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  transform: scale(0.8);
}
.kl-select__option-tick--entering,
.kl-select__option-tick--entered {
  opacity: 1;
  transform: none;
}
.kl-select__error {
  color: #D71939;
  padding-bottom: 2px;
  padding-top: 4px;
}
.kl-select__error-message.kl-select__error-message {
  color: inherit;
}
.kl-select__error-icon {
  position: relative;
  top: 2px;
  background-color: rgba(215, 25, 57, 0.2);
  border-radius: 50%;
  float: left;
  margin-right: 4px;
}
.kl-select__option-icon {
  display: grid;
  place-items: center;
  place-self: center;
  color: rgba(71, 83, 93, 0.75);
}
.slider-input__input-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 10px;
}
.slider-input__text-input,
.slider-input input[type=text] {
  height: 18px;
  width: 32px;
  text-align: center;
  mix-blend-mode: normal;
  border: none;
  border-radius: 2px;
  padding: 0;
  line-height: normal;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #47535d;
  font-weight: bold;
  background: transparent;
  border-bottom: 2px solid rgba(129, 162, 178, 0.25);
  -webkit-transition: border-bottom 0.15s ease-out;
  -moz-transition: border-bottom 0.15s ease-out;
  -o-transition: border-bottom 0.15s ease-out;
  transition: border-bottom 0.15s ease-out;
  -webkit-transition: border-bottom 0.15s ease-out, X;
  -moz-transition: border-bottom 0.15s ease-out, X;
  -o-transition: border-bottom 0.15s ease-out, X;
  transition: border-bottom 0.15s ease-out, X;
}
.slider-input__text-input:focus,
.slider-input input[type=text]:focus,
.slider-input__text-input:active,
.slider-input input[type=text]:active {
  border-bottom: 2px solid #1099FC;
  outline: none;
}
.slider-input__unit {
  margin-left: 5px;
}
.slider-input__label {
  line-height: normal;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #47535d;
  font-weight: bold;
}
.slider-input.slider-input--dark input[type=text].slider-input__text-input {
  color: white;
}
.slider-input.slider-input--dark .slider-input__label {
  color: white;
}
.slider-input.slider-input--dark .slider-input__unit {
  color: rgba(255, 255, 255, 0.5);
}
input[type=range].slider-input__range-input {
  outline: none;
  background: transparent;
}
input[type=range].slider-input__range-input:hover {
  cursor: pointer;
}
input[type=range].slider-input__range-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  margin-top: -6px;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out, X;
  -moz-transition: all 0.1s ease-out, X;
  -o-transition: all 0.1s ease-out, X;
  transition: all 0.1s ease-out, X;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
input[type=range].slider-input__range-input::-moz-range-thumb {
  -moz-appearance: none;
  width: 15px;
  height: 15px;
  margin-top: -6px;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out, X;
  -moz-transition: all 0.1s ease-out, X;
  -o-transition: all 0.1s ease-out, X;
  transition: all 0.1s ease-out, X;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
input[type=range].slider-input__range-input::-ms-thumb {
  width: 15px;
  height: 15px;
  margin-top: -6px;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out, X;
  -moz-transition: all 0.1s ease-out, X;
  -o-transition: all 0.1s ease-out, X;
  transition: all 0.1s ease-out, X;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
input[type=range].slider-input__range-input:hover::-webkit-slider-thumb {
  cursor: grab;
}
input[type=range].slider-input__range-input:hover::-moz-range-thumb {
  cursor: grab;
}
input[type=range].slider-input__range-input:hover::-ms-thumb {
  cursor: grab;
}
input[type=range].slider-input__range-input:focus::-webkit-slider-thumb {
  cursor: grabbing;
  box-shadow: 0 0 0 3px white, 0 0 0 6px rgba(16, 153, 252, 0.5);
}
input[type=range].slider-input__range-input:focus::-moz-range-thumb {
  cursor: grabbing;
  box-shadow: 0 0 0 3px white, 0 0 0 6px rgba(16, 153, 252, 0.5);
}
input[type=range].slider-input__range-input:focus::-ms-thumb {
  cursor: grabbing;
  box-shadow: 0 0 0 3px white, 0 0 0 6px rgba(16, 153, 252, 0.5);
}
input[type=range].slider-input__range-input:focus:not(:focus-visible)::-webkit-slider-thumb {
  box-shadow: none;
}
input[type=range].slider-input__range-input:focus:not(:focus-visible)::-moz-range-thumb {
  box-shadow: none;
}
input[type=range].slider-input__range-input:focus:not(:focus-visible)::-ms-thumb {
  box-shadow: none;
}
input[type=range].slider-input__range-input::-webkit-slider-runnable-track {
  border-radius: 1.5px;
  height: 3px;
  background: #1099FC;
  border: none;
}
input[type=range].slider-input__range-input::-moz-range-track {
  border-radius: 1.5px;
  height: 3px;
  background: #1099FC;
  border: none;
}
input[type=range].slider-input__range-input::-ms-track {
  border-radius: 1.5px;
  height: 3px;
  background: #1099FC;
  border: none;
}
input[type=range].slider-input__range-input::-webkit-slider-runnable-track {
  border-radius: 1.5px;
  height: 3px;
  background: #1099FC;
  border: none;
}
input[type=range].slider-input__range-input::-moz-range-track {
  border-radius: 1.5px;
  height: 3px;
  background: #1099FC;
  border: none;
}
input[type=range].slider-input__range-input::-ms-track {
  border-radius: 1.5px;
  height: 3px;
  background: #1099FC;
  border: none;
}
input[type=range].slider-input__range-input--dark::-webkit-slider-thumb {
  -webkit-appearance: none;
  box-shadow: 0 0 0 2px rgba(36, 44, 57, 0.75);
}
input[type=range].slider-input__range-input--dark::-moz-range-thumb {
  -moz-appearance: none;
  box-shadow: 0 0 0 2px rgba(36, 44, 57, 0.75);
}
input[type=range].slider-input__range-input--dark::-ms-thumb {
  box-shadow: 0 0 0 2px rgba(36, 44, 57, 0.75);
}
input[type=range].slider-input__range-input--dark::-webkit-slider-thumb {
  -webkit-appearance: none;
  box-shadow: 0 0 0 2px rgba(36, 44, 57, 0.75);
}
input[type=range].slider-input__range-input--dark::-moz-range-thumb {
  -moz-appearance: none;
  box-shadow: 0 0 0 2px rgba(36, 44, 57, 0.75);
}
input[type=range].slider-input__range-input--dark::-ms-thumb {
  box-shadow: 0 0 0 2px rgba(36, 44, 57, 0.75);
}
.spinner {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@keyframes spinner-rotate {
  100% {
    transform: rotate(360deg);
  }
}
.spinner--primary {
  color: #00857b;
}
.spinner__message {
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  margin-bottom: 16px;
}
.spinner--primary .spinner__message {
  color: rgba(0, 133, 123, 0.7);
}
.spinner__element {
  display: block;
  animation: spinner-rotate 0.8s linear infinite;
  transform-origin: center center;
}
.spinner__background,
.spinner__path {
  stroke: currentColor;
}
.step-count {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.step-count__step {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 10px;
  height: 10px;
  border: 1px solid transparent;
  border-radius: 50%;
  background-color: rgba(129, 162, 178, 0.5);
  transition: all 150ms ease-out;
  color: #47535d;
  font-size: 18px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}
.step-count__step-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.step-count__step--current {
  width: 32px;
  height: 32px;
  background-color: white;
  border: 1px solid rgba(129, 162, 178, 0.5);
}
.step-count--raised .step-count__step--current {
  border: none;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1), 0px 2px 6px rgba(36, 44, 57, 0.1);
}
.step-count__step--previous {
  cursor: pointer;
}
.step-count__step-enter {
  z-index: -1;
  margin-left: -34px;
  opacity: 0;
}
.step-count__step-enter-active {
  margin-left: 0;
  opacity: 1;
  transition: all 500ms ease;
}
.step-count__step-exit {
  z-index: -1;
  margin-left: 0;
  opacity: 1;
}
.step-count__step-exit-active {
  margin-left: -34px;
  opacity: 0;
  transition: all 500ms ease;
}
.step-count__line {
  width: 24px;
  height: 1px;
  background: rgba(129, 162, 178, 0.5);
}
.tabs {
  display: grid;
  grid-gap: 16px;
  align-content: flex-start;
}
.tabs__tab-list--bordered {
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
}
.tabs__tab-list-inner {
  position: relative;
  display: flex;
  flex-direction: column;
}
.tabs__tab-list-items {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 4px;
}
.tabs__tab-list-items--align-start {
  justify-content: flex-start;
}
.tabs__tab-list-items--align-center {
  justify-content: center;
}
.tabs__tab-list-items--align-end {
  justify-content: flex-end;
}
.tabs__indicator {
  position: absolute;
  bottom: 0;
  width: 3px;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background-color: #1099FC;
  transition-property: transform, width;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transform-origin: 0 0;
}
@media (prefers-reduced-motion: reduce) {
  .tabs__indicator {
    transition-property: none;
  }
}
.tabs__tab {
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  border: 0;
  margin: 0;
  padding: 8px;
  background-color: transparent;
  cursor: pointer;
  position: relative;
  color: #47535d;
  white-space: nowrap;
  font-family: inherit;
  border-radius: 4px;
  transition: background-color 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.tabs__tab::before {
  content: "";
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border-radius: 3px;
  transition: box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.tabs__tab:hover {
  background-color: rgba(129, 162, 178, 0.1);
}
.tabs__tab:focus {
  outline: none;
}
.tabs__tab:focus::before {
  box-shadow: 0 0 0 3px rgba(16, 153, 252, 0.5);
}
.tabs__tab:active::before {
  box-shadow: none;
}
.tabs__tab::-moz-focus-inner {
  border: 0;
}
.tabs__tab-panels {
  display: grid;
  grid-template-columns: 100%;
  align-content: flex-start;
  align-items: flex-start;
  overflow: hidden;
  transition: height 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
@media (prefers-reduced-motion: reduce) {
  .tabs__tab-panels {
    transition-property: none;
  }
}
.tabs__tab-panel {
  grid-area: 1 / 1;
  opacity: 0;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition-duration: 150ms;
}
@media (prefers-reduced-motion: reduce) {
  .tabs__tab-panel {
    transition-property: opacity;
  }
}
.tabs__tab-panel:focus {
  outline: none;
}
.tabs__tab-panel--previous {
  transform: translate3d(-40px, 0, 0);
}
.tabs__tab-panel--next {
  transform: translate3d(40px, 0, 0);
}
@media (prefers-reduced-motion: reduce) {
  .tabs__tab-panel--previous,
  .tabs__tab-panel--next {
    transform: none;
  }
}
.tabs__tab-panel--entering,
.tabs__tab-panel--entered {
  opacity: 1;
}
.kl-text {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: kl-calibre, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
  font-weight: 400;
  color: #47535d;
  text-align: inherit;
}
.kl-text--dark {
  color: rgba(255, 255, 255, 0.8);
}
.kl-text--dark.kl-text--secondary {
  color: rgba(255, 255, 255, 0.6);
}
.kl-text--strong {
  font-weight: 500;
}
.kl-text--secondary {
  color: rgba(71, 83, 93, 0.8);
}
.kl-text--align-left {
  text-align: left;
}
.kl-text--align-center {
  text-align: center;
}
.kl-text--line-height-relaxed {
  line-height: 1.5;
}
.kl-text--line-height-compact {
  line-height: 1;
}
.kl-text--size-xl {
  font-size: var(--text-size-xl);
}
.kl-text--size-l {
  font-size: var(--text-size-l);
}
.kl-text--size-m {
  font-size: var(--text-size-m);
}
.kl-text--size-s {
  font-size: var(--text-size-s);
}
.kl-text--size-xs {
  font-size: var(--text-size-xs);
}
.text-input {
  position: relative;
}
.text-input__label {
  display: block;
  color: #47535d;
  min-height: 8px;
  padding-bottom: 8px;
}
.text-input__label--hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  word-wrap: normal;
}
.text-input__label--small {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}
.text-input__label--medium {
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  text-transform: none;
  letter-spacing: normal;
}
.text-input--dark .text-input__label {
  color: white;
}
.text-input--disabled .text-input__label {
  color: rgba(129, 162, 178, 0.75);
}
.text-input--dark.text-input--disabled .text-input__label {
  color: rgba(255, 255, 255, 0.75);
}
.text-input__input-container {
  position: relative;
}
.text-input__input.text-input__input,
.text-input__textarea.text-input__textarea {
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  margin-bottom: 0;
  padding: 8px;
  width: 100%;
  font-family: inherit;
  line-height: normal;
  color: #242c39;
  outline: none;
  -webkit-transition: border 0.15s ease-out;
  -moz-transition: border 0.15s ease-out;
  -o-transition: border 0.15s ease-out;
  transition: border 0.15s ease-out;
  -webkit-transition: border 0.15s ease-out, X;
  -moz-transition: border 0.15s ease-out, X;
  -o-transition: border 0.15s ease-out, X;
  transition: border 0.15s ease-out, X;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.text-input__input.text-input__input::-webkit-outer-spin-button,
.text-input__textarea.text-input__textarea::-webkit-outer-spin-button,
.text-input__input.text-input__input::-webkit-inner-spin-button,
.text-input__textarea.text-input__textarea::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.text-input__input.text-input__input::-webkit-input-placeholder,
.text-input__textarea.text-input__textarea::-webkit-input-placeholder {
  color: rgba(129, 162, 178, 0.5);
  opacity: 1;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.text-input__input.text-input__input:-moz-placeholder,
.text-input__textarea.text-input__textarea:-moz-placeholder {
  color: rgba(129, 162, 178, 0.5);
  opacity: 1;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.text-input__input.text-input__input::-moz-placeholder,
.text-input__textarea.text-input__textarea::-moz-placeholder {
  color: rgba(129, 162, 178, 0.5);
  opacity: 1;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.text-input__input.text-input__input:-ms-input-placeholder,
.text-input__textarea.text-input__textarea:-ms-input-placeholder {
  color: rgba(129, 162, 178, 0.5);
  opacity: 1;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.text-input__input.text-input__input::-webkit-input-placeholder,
.text-input__textarea.text-input__textarea::-webkit-input-placeholder {
  color: rgba(129, 162, 178, 0.5);
  opacity: 1;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.text-input__input.text-input__input:-moz-placeholder,
.text-input__textarea.text-input__textarea:-moz-placeholder {
  color: rgba(129, 162, 178, 0.5);
  opacity: 1;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.text-input__input.text-input__input::-moz-placeholder,
.text-input__textarea.text-input__textarea::-moz-placeholder {
  color: rgba(129, 162, 178, 0.5);
  opacity: 1;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.text-input__input.text-input__input:-ms-input-placeholder,
.text-input__textarea.text-input__textarea:-ms-input-placeholder {
  color: rgba(129, 162, 178, 0.5);
  opacity: 1;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.text-input__input.text-input__input:disabled,
.text-input__textarea.text-input__textarea:disabled {
  color: rgba(129, 162, 178, 0.5);
}
.text-input__input.text-input__input:disabled::-webkit-input-placeholder,
.text-input__textarea.text-input__textarea:disabled::-webkit-input-placeholder {
  color: rgba(129, 162, 178, 0.25);
}
.text-input__input.text-input__input:disabled:-moz-placeholder,
.text-input__textarea.text-input__textarea:disabled:-moz-placeholder {
  color: rgba(129, 162, 178, 0.25);
}
.text-input__input.text-input__input:disabled::-moz-placeholder,
.text-input__textarea.text-input__textarea:disabled::-moz-placeholder {
  color: rgba(129, 162, 178, 0.25);
}
.text-input__input.text-input__input:disabled:-ms-input-placeholder,
.text-input__textarea.text-input__textarea:disabled:-ms-input-placeholder {
  color: rgba(129, 162, 178, 0.25);
}
.text-input__input.text-input__input:disabled::-webkit-input-placeholder,
.text-input__textarea.text-input__textarea:disabled::-webkit-input-placeholder {
  color: rgba(129, 162, 178, 0.25);
}
.text-input__input.text-input__input:disabled:-moz-placeholder,
.text-input__textarea.text-input__textarea:disabled:-moz-placeholder {
  color: rgba(129, 162, 178, 0.25);
}
.text-input__input.text-input__input:disabled::-moz-placeholder,
.text-input__textarea.text-input__textarea:disabled::-moz-placeholder {
  color: rgba(129, 162, 178, 0.25);
}
.text-input__input.text-input__input:disabled:-ms-input-placeholder,
.text-input__textarea.text-input__textarea:disabled:-ms-input-placeholder {
  color: rgba(129, 162, 178, 0.25);
}
.text-input__input.text-input__input--bordered,
.text-input__textarea.text-input__textarea--bordered {
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 4px;
  background-color: white;
}
.text-input__input.text-input__input--bordered:hover,
.text-input__textarea.text-input__textarea--bordered:hover {
  border-color: rgba(129, 162, 178, 0.5);
}
.text-input__input.text-input__input--bordered:disabled,
.text-input__textarea.text-input__textarea--bordered:disabled,
.text-input__input.text-input__input--bordered:disabled:hover,
.text-input__textarea.text-input__textarea--bordered:disabled:hover {
  border-color: rgba(129, 162, 178, 0.1);
}
.text-input__input.text-input__input--bordered:focus,
.text-input__textarea.text-input__textarea--bordered:focus {
  border-color: #81a2b2;
}
.text-input__input.text-input__input--x-small,
.text-input__textarea.text-input__textarea--x-small {
  font-size: 14px;
  padding: 4px;
  height: 24px;
}
.text-input__input.text-input__input--x-small.text-input__input.text-input__input--has-start-element,
.text-input__input.text-input__input--x-small.text-input__textarea.text-input__textarea--has-start-element,
.text-input__textarea.text-input__textarea--x-small.text-input__input.text-input__input--has-start-element,
.text-input__textarea.text-input__textarea--x-small.text-input__textarea.text-input__textarea--has-start-element {
  padding-left: 24px;
}
.text-input__input.text-input__input--x-small.text-input__input.text-input__input--has-end-element,
.text-input__input.text-input__input--x-small.text-input__textarea.text-input__textarea--has-end-element,
.text-input__textarea.text-input__textarea--x-small.text-input__input.text-input__input--has-end-element,
.text-input__textarea.text-input__textarea--x-small.text-input__textarea.text-input__textarea--has-end-element {
  padding-right: 24px;
}
.text-input__input.text-input__input--small,
.text-input__textarea.text-input__textarea--small {
  height: 32px;
}
.text-input__input.text-input__input--small.text-input__input.text-input__input--has-start-element,
.text-input__input.text-input__input--small.text-input__textarea.text-input__textarea--has-start-element,
.text-input__textarea.text-input__textarea--small.text-input__input.text-input__input--has-start-element,
.text-input__textarea.text-input__textarea--small.text-input__textarea.text-input__textarea--has-start-element {
  padding-left: 32px;
}
.text-input__input.text-input__input--small.text-input__input.text-input__input--has-end-element,
.text-input__input.text-input__input--small.text-input__textarea.text-input__textarea--has-end-element,
.text-input__textarea.text-input__textarea--small.text-input__input.text-input__input--has-end-element,
.text-input__textarea.text-input__textarea--small.text-input__textarea.text-input__textarea--has-end-element {
  padding-right: 32px;
}
.text-input__input.text-input__input--medium,
.text-input__textarea.text-input__textarea--medium {
  height: 40px;
}
.text-input__input.text-input__input--medium.text-input__input.text-input__input--has-start-element,
.text-input__input.text-input__input--medium.text-input__textarea.text-input__textarea--has-start-element,
.text-input__textarea.text-input__textarea--medium.text-input__input.text-input__input--has-start-element,
.text-input__textarea.text-input__textarea--medium.text-input__textarea.text-input__textarea--has-start-element {
  padding-left: 40px;
}
.text-input__input.text-input__input--medium.text-input__input.text-input__input--has-end-element,
.text-input__input.text-input__input--medium.text-input__textarea.text-input__textarea--has-end-element,
.text-input__textarea.text-input__textarea--medium.text-input__input.text-input__input--has-end-element,
.text-input__textarea.text-input__textarea--medium.text-input__textarea.text-input__textarea--has-end-element {
  padding-right: 40px;
}
.text-input__input.text-input__input--large,
.text-input__textarea.text-input__textarea--large {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 16px;
  margin-bottom: 0;
  padding: 16px;
  height: 62px;
}
.text-input__input.text-input__input--large.text-input__input.text-input__input--has-start-element,
.text-input__input.text-input__input--large.text-input__textarea.text-input__textarea--has-start-element,
.text-input__textarea.text-input__textarea--large.text-input__input.text-input__input--has-start-element,
.text-input__textarea.text-input__textarea--large.text-input__textarea.text-input__textarea--has-start-element {
  padding-left: 62px;
}
.text-input__input.text-input__input--large.text-input__input.text-input__input--has-end-element,
.text-input__input.text-input__input--large.text-input__textarea.text-input__textarea--has-end-element,
.text-input__textarea.text-input__textarea--large.text-input__input.text-input__input--has-end-element,
.text-input__textarea.text-input__textarea--large.text-input__textarea.text-input__textarea--has-end-element {
  padding-right: 62px;
}
.text-input__input.text-input__input--underlined,
.text-input__textarea.text-input__textarea--underlined,
.text-input__input.text-input__input--borderless,
.text-input__textarea.text-input__textarea--borderless {
  border: 0;
  padding: 0;
  background-color: transparent;
  border-radius: 0;
}
.text-input__input.text-input__input--error,
.text-input__textarea.text-input__textarea--error,
.text-input__input.text-input__input--error:hover,
.text-input__textarea.text-input__textarea--error:hover,
.text-input__input.text-input__input--error:focus,
.text-input__textarea.text-input__textarea--error:focus {
  border-color: #D71939;
}
.text-input--dark .text-input__input.text-input__input,
.text-input--dark .text-input__textarea.text-input__textarea {
  color: white;
  border-color: rgba(255, 255, 255, 0.25);
}
.text-input--dark .text-input__input.text-input__input--bordered,
.text-input--dark .text-input__textarea.text-input__textarea--bordered {
  background-color: #242c39;
}
.text-input--dark .text-input__input.text-input__input:hover,
.text-input--dark .text-input__textarea.text-input__textarea:hover {
  border-color: rgba(255, 255, 255, 0.5);
}
.text-input--dark .text-input__input.text-input__input:focus,
.text-input--dark .text-input__textarea.text-input__textarea:focus {
  border-color: rgba(255, 255, 255, 0.75);
}
.text-input--dark .text-input__input.text-input__input::-webkit-input-placeholder,
.text-input--dark .text-input__textarea.text-input__textarea::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.text-input--dark .text-input__input.text-input__input:-moz-placeholder,
.text-input--dark .text-input__textarea.text-input__textarea:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.text-input--dark .text-input__input.text-input__input::-moz-placeholder,
.text-input--dark .text-input__textarea.text-input__textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.text-input--dark .text-input__input.text-input__input:-ms-input-placeholder,
.text-input--dark .text-input__textarea.text-input__textarea:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.text-input--dark .text-input__input.text-input__input::-webkit-input-placeholder,
.text-input--dark .text-input__textarea.text-input__textarea::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.text-input--dark .text-input__input.text-input__input:-moz-placeholder,
.text-input--dark .text-input__textarea.text-input__textarea:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.text-input--dark .text-input__input.text-input__input::-moz-placeholder,
.text-input--dark .text-input__textarea.text-input__textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.text-input--dark .text-input__input.text-input__input:-ms-input-placeholder,
.text-input--dark .text-input__textarea.text-input__textarea:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.text-input--dark .text-input__input.text-input__input:disabled,
.text-input--dark .text-input__textarea.text-input__textarea:disabled,
.text-input--dark .text-input__input.text-input__input:disabled:hover,
.text-input--dark .text-input__textarea.text-input__textarea:disabled:hover {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.text-input--dark .text-input__input.text-input__input:disabled::-webkit-input-placeholder,
.text-input--dark .text-input__textarea.text-input__textarea:disabled::-webkit-input-placeholder,
.text-input--dark .text-input__input.text-input__input:disabled:hover::-webkit-input-placeholder,
.text-input--dark .text-input__textarea.text-input__textarea:disabled:hover::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.25);
}
.text-input--dark .text-input__input.text-input__input:disabled:-moz-placeholder,
.text-input--dark .text-input__textarea.text-input__textarea:disabled:-moz-placeholder,
.text-input--dark .text-input__input.text-input__input:disabled:hover:-moz-placeholder,
.text-input--dark .text-input__textarea.text-input__textarea:disabled:hover:-moz-placeholder {
  color: rgba(255, 255, 255, 0.25);
}
.text-input--dark .text-input__input.text-input__input:disabled::-moz-placeholder,
.text-input--dark .text-input__textarea.text-input__textarea:disabled::-moz-placeholder,
.text-input--dark .text-input__input.text-input__input:disabled:hover::-moz-placeholder,
.text-input--dark .text-input__textarea.text-input__textarea:disabled:hover::-moz-placeholder {
  color: rgba(255, 255, 255, 0.25);
}
.text-input--dark .text-input__input.text-input__input:disabled:-ms-input-placeholder,
.text-input--dark .text-input__textarea.text-input__textarea:disabled:-ms-input-placeholder,
.text-input--dark .text-input__input.text-input__input:disabled:hover:-ms-input-placeholder,
.text-input--dark .text-input__textarea.text-input__textarea:disabled:hover:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.25);
}
.text-input--dark .text-input__input.text-input__input:disabled::-webkit-input-placeholder,
.text-input--dark .text-input__textarea.text-input__textarea:disabled::-webkit-input-placeholder,
.text-input--dark .text-input__input.text-input__input:disabled:hover::-webkit-input-placeholder,
.text-input--dark .text-input__textarea.text-input__textarea:disabled:hover::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.25);
}
.text-input--dark .text-input__input.text-input__input:disabled:-moz-placeholder,
.text-input--dark .text-input__textarea.text-input__textarea:disabled:-moz-placeholder,
.text-input--dark .text-input__input.text-input__input:disabled:hover:-moz-placeholder,
.text-input--dark .text-input__textarea.text-input__textarea:disabled:hover:-moz-placeholder {
  color: rgba(255, 255, 255, 0.25);
}
.text-input--dark .text-input__input.text-input__input:disabled::-moz-placeholder,
.text-input--dark .text-input__textarea.text-input__textarea:disabled::-moz-placeholder,
.text-input--dark .text-input__input.text-input__input:disabled:hover::-moz-placeholder,
.text-input--dark .text-input__textarea.text-input__textarea:disabled:hover::-moz-placeholder {
  color: rgba(255, 255, 255, 0.25);
}
.text-input--dark .text-input__input.text-input__input:disabled:-ms-input-placeholder,
.text-input--dark .text-input__textarea.text-input__textarea:disabled:-ms-input-placeholder,
.text-input--dark .text-input__input.text-input__input:disabled:hover:-ms-input-placeholder,
.text-input--dark .text-input__textarea.text-input__textarea:disabled:hover:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.25);
}
.text-input--dark .text-input__input.text-input__input--error,
.text-input--dark .text-input__textarea.text-input__textarea--error,
.text-input--dark .text-input__input.text-input__input--error:hover,
.text-input--dark .text-input__textarea.text-input__textarea--error:hover,
.text-input--dark .text-input__input.text-input__input--error:focus,
.text-input--dark .text-input__textarea.text-input__textarea--error:focus {
  border-color: #ff6161;
}
.text-input__textarea.text-input__textarea {
  resize: none;
}
.text-input__textarea.text-input__textarea--x-small {
  height: 48px;
  min-height: 48px;
}
.text-input__textarea.text-input__textarea--small {
  height: 64px;
  min-height: 64px;
}
.text-input__textarea.text-input__textarea--medium {
  height: 80px;
  min-height: 80px;
}
.text-input__textarea.text-input__textarea--large {
  height: 124px;
  min-height: 124px;
}
.text-input__underline {
  height: 2px;
  border-radius: 2px;
  background-color: rgba(129, 162, 178, 0.25);
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  position: relative;
  overflow: hidden;
  pointer-events: none;
  padding-bottom: 2px;
  transition: background-color 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.text-input__input:hover + .text-input__underline {
  background-color: rgba(129, 162, 178, 0.5);
}
.text-input--disabled .text-input__underline,
.text-input__input:disabled:hover + .text-input__underline {
  background-color: rgba(129, 162, 178, 0.1);
}
.text-input__underline::before {
  content: '';
  height: 2px;
  background-color: #1099FC;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  transform-origin: center;
  transform: scaleX(0);
  transition-property: transform;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (prefers-reduced-motion: reduce) {
  .text-input__underline::before {
    transition-property: opacity;
  }
}
.text-input__underline--error::before {
  background-color: #D71939;
}
.text-input__underline--entering::before,
.text-input__underline--entered::before {
  opacity: 1;
  transform: none;
}
.text-input__underline--exiting::before {
  transition-property: opacity;
  transform: none;
}
.text-input__underline--error,
.text-input__input:hover + .text-input__underline--error,
.text-input__input:focus + .text-input__underline--error {
  background-color: #D71939;
}
.text-input--dark .text-input__underline {
  background-color: rgba(255, 255, 255, 0.25);
}
.text-input--dark .text-input__input:hover + .text-input__underline {
  background-color: rgba(255, 255, 255, 0.5);
}
.text-input--dark.text-input--disabled .text-input__underline,
.text-input--dark .text-input__input:disabled:hover + .text-input__underline {
  background-color: rgba(255, 255, 255, 0.1);
}
.text-input--dark .text-input__underline::before {
  background-color: white;
}
.text-input--dark .text-input__underline--error,
.text-input--dark .text-input__input:hover + .text-input__underline--error,
.text-input--dark .text-input__input:focus + .text-input__underline--error {
  background-color: #ff6161;
}
.text-input--dark .text-input__underline--error::before,
.text-input--dark .text-input__input:hover + .text-input__underline--error::before,
.text-input--dark .text-input__input:focus + .text-input__underline--error::before {
  background-color: #ff6161;
}
.text-input__error {
  padding-top: 8px;
  padding-bottom: 2px;
}
.text-input__error-icon {
  position: relative;
  top: 2px;
  float: left;
  color: #D71939;
  background-color: rgba(215, 25, 57, 0.2);
  border-radius: 50%;
  margin-right: 4px;
}
.text-input--dark .text-input__error-icon {
  color: #ff6161;
  background-color: rgba(255, 97, 97, 0.2);
}
.text-input__error-text {
  color: #47535d;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
  color: #D71939;
}
.text-input--dark .text-input__error-text {
  color: #ff6161;
}
.text-input__element {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  color: #81a2b2;
  top: 0;
  padding: 4px;
}
.text-input--dark .text-input__element {
  color: rgba(255, 255, 255, 0.8);
}
.text-input__input--large ~ .text-input__element {
  padding: 10px;
}
.text-input__element,
.text-input__element > svg {
  pointer-events: none;
}
.text-input__element > * {
  pointer-events: auto;
}
.text-input__element--start {
  left: 0;
}
.text-input__element--end {
  right: 0;
}
.text-input__input--x-small ~ .text-input__element {
  min-width: 24px;
  height: 24px;
}
.text-input__input--small ~ .text-input__element {
  min-width: 32px;
  height: 32px;
}
.text-input__input--medium ~ .text-input__element {
  min-width: 40px;
  height: 40px;
}
.text-input__input--large ~ .text-input__element {
  min-width: 62px;
  height: 62px;
}
.toggle-button {
  padding: 5px 0;
  position: relative;
  width: 100%;
}
.toggle-button__label {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  font-weight: 600;
  color: #47535d;
  margin-top: 1px;
  flex: 1 1 auto;
}
.toggle-button__label--disabled {
  color: rgba(129, 162, 178, 0.5);
  cursor: not-allowed;
}
.toggle-button__label--hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  word-wrap: normal;
}
.toggle-button--dark .toggle-button__label {
  color: white;
}
.toggle-button__click-field {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  max-width: 400px;
  padding: 5px 0;
}
.toggle-button__click-field:not(.toggle-button__click-field--is-disabled),
.toggle-button__click-field:not(.toggle-button__click-field--is-disabled) * {
  cursor: pointer;
}
.toggle-button__mount {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  border: 0;
  outline: none;
  margin: 0 0 0 10px;
  min-width: 32px;
  width: 32px;
  height: 16px;
  border-radius: 8px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
  padding: 0;
  background: rgba(129, 162, 178, 0.5);
}
.toggle-button__mount--is-toggled {
  background: #00857b;
  padding-left: 16px;
}
.toggle-button__mount--is-disabled {
  background: rgba(129, 162, 178, 0.25);
  cursor: not-allowed;
}
.toggle-button__mount:focus {
  outline: none;
  box-shadow: 0 0 0 2px white, 0 0 0 4px rgba(16, 153, 252, 0.5);
}
.toggle-button__mount:focus:not(:focus-visible) {
  box-shadow: none;
}
.toggle-button__switch {
  width: 10px;
  height: 10px;
  background: white;
  margin: 3px;
  border-radius: 50%;
}
.toggle-group {
  background: white;
  border: 1px solid rgba(129, 162, 178, 0.25);
  box-sizing: border-box;
  border-radius: 8px;
  width: 100%;
}
.toggle-group__name {
  padding: 16px 16px 10px 16px;
}
.toggle-group__name .label {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 16px;
  text-transform: none;
  letter-spacing: normal;
  margin: 0;
  font-family: "calibre-legacy", sans-serif;
  color: #242c39;
}
.toggle-group__name .toggle-button__click-field {
  padding: 0 0 4px;
}
.toggle-group__items {
  padding: 8px 16px 16px 16px;
  border-top: 1px solid rgba(129, 162, 178, 0.25);
}
.toggle-group__items .label {
  font-family: "calibre-legacy", sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #47535d;
  mix-blend-mode: normal;
}
.truncated-text {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}
.truncated-text__hidden-text {
  position: absolute;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.truncated-text__ghost-text {
  opacity: 0;
}
.truncated-text__display-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.kl-token {
  display: inline-block;
  max-width: 100%;
  padding: 0 8px;
  border: 1px solid rgba(16, 153, 252, 0.5);
  border-radius: 41.5px;
}
.kl-token--light {
  background: #c0e4fe;
  color: #47535d;
}
.kl-token--light .kl-token--dragging {
  background: #8ecffe;
}
.kl-token--dark {
  background: rgba(16, 153, 252, 0.25);
  color: white;
}
.kl-token--dark .kl-token--dragging {
  background: rgba(16, 153, 252, 0.5);
}
.kl-token--draggable {
  -webkit-transition: -webkit-box-shadow 0.15s ease-out;
  -moz-transition: -moz-box-shadow 0.15s ease-out;
  -webkit-transition: box-shadow 0.15s ease-out;
  -moz-transition: box-shadow 0.15s ease-out;
  -o-transition: box-shadow 0.15s ease-out;
  transition: box-shadow 0.15s ease-out;
  -webkit-transition: box-shadow 0.15s ease-out, X;
  -moz-transition: box-shadow 0.15s ease-out, X;
  -o-transition: box-shadow 0.15s ease-out, X;
  transition: box-shadow 0.15s ease-out, X;
}
.kl-token--draggable:hover {
  box-shadow: 0 2px 2px rgba(36, 44, 57, 0.25);
  cursor: grab;
}
.kl-token--has-icon {
  position: relative;
  padding-left: 30px;
}
.kl-token__icon {
  position: absolute;
  top: 50%;
  left: 8px;
  -ms-transform: translateY(-9px);
  -webkit-transform: translateY(-9px);
  -moz-transform: translateY(-9px);
  -o-transform: translateY(-9px);
  transform: translateY(-9px);
}
.kl-token__name {
  padding: 4px 0;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.kl-token__hidden-drag-label {
  position: fixed;
  top: calc(-100vh - 100%);
  max-width: none;
  overflow: hidden;
}
.kl-toolbar {
  transform: translate3d(var(--x), var(--y), 0);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}
.kl-toolbar--manual-position {
  position: initial;
  transform: none;
  z-index: initial;
}
.kl-toolbar__content {
  opacity: 0;
  transform: translate3d(0, 8px, 0);
  transition-property: opacity, transform;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  background-color: #242c39;
  border-radius: 4px;
  padding: 4px;
  display: grid;
  gap: 4px;
  grid-auto-flow: column;
  box-shadow: 0 15px 25px rgba(36, 44, 57, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.2);
}
.kl-toolbar__content--entering,
.kl-toolbar__content--entered {
  transform: none;
  opacity: 1;
}
.kl-toolbar__button {
  transition: background 200ms ease;
}
.kl-toolbar__button[aria-pressed="true"] {
  background: black;
}
.kl-toolbar__button:hover {
  background: rgba(255, 255, 255, 0.002);
}
.kl-toolbar__separator {
  width: 1px;
  background-color: rgba(255, 255, 255, 0.2);
  height: 80%;
  align-self: center;
}
.kl-tooltip {
  font-family: "calibre-legacy", sans-serif;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 400;
  position: fixed;
  background-color: #47535d;
  color: white;
  text-align: center;
  border-radius: 4px;
  line-height: 1.2;
  white-space: nowrap;
  z-index: 1053;
  cursor: default;
  pointer-events: none;
  opacity: 0;
  transition-property: opacity, transform;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.kl-tooltip--small {
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  padding: 8px 16px;
}
.kl-tooltip--large {
  padding: 16px;
  color: rgba(36, 44, 57, 0.75);
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 16px;
  font-weight: 400;
  color: white;
  width: 200px;
  white-space: normal;
}
.kl-tooltip--top {
  transform: translate3d(0, 8px, 0);
}
.kl-tooltip--right {
  transform: translate3d(-8px, 0, 0);
}
.kl-tooltip--bottom {
  transform: translate3d(0, -8px, 0);
}
.kl-tooltip--left {
  transform: translate3d(8px, 0, 0);
}
.kl-tooltip--entering,
.kl-tooltip--entered {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.kl-tooltip--entered {
  pointer-events: auto;
}
.kl-tooltip--exiting {
  opacity: 0;
  transform: translate3d(0, 0, 0);
}
@media (prefers-reduced-motion: reduce) {
  .kl-tooltip {
    transition-property: opacity;
    transform: none;
  }
}
.kl-tooltip__content {
  margin: auto;
}
.kl-tooltip__caret {
  width: 0;
  height: 0;
  position: absolute;
}
.kl-tooltip__caret--top {
  top: 100%;
}
.kl-tooltip__caret--right {
  left: -6px;
}
.kl-tooltip__caret--bottom {
  top: -6px;
}
.kl-tooltip__caret--left {
  left: 100%;
}
.kl-tooltip__caret--top,
.kl-tooltip__caret--bottom {
  left: calc(50% - 6px);
}
.kl-tooltip__caret--left,
.kl-tooltip__caret--right {
  top: calc(50% - 6px);
}
.kl-tooltip__caret--top {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #47535d;
}
.kl-tooltip__caret--right {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #47535d;
}
.kl-tooltip__caret--bottom {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #47535d;
}
.kl-tooltip__caret--left {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #47535d;
}
.kl-tooltip-target__wrapper:focus {
  outline: none;
}
.kl-tooltip-target__wrapper::-moz-focus-inner {
  border: 0;
}
.rainbow-bar {
  position: relative;
  height: 6px;
  width: 100%;
  overflow: hidden;
  background: linear-gradient(270deg, #FF6161 0%, #FFB961 25%, #00A99D 50%, #33AFFF 75%, #716BF1 100%);
}
.rainbow-bar--rounded-top {
  border-radius: 8px 8px 0 0;
}
.folder-dropdown {
  width: 250px;
  min-height: 250px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: #ffffff;
}
.folder-dropdown > .folder-component {
  padding: 16px;
  height: 56px;
  cursor: pointer;
  overflow: hidden;
}
.folder-dropdown.parent-selected > .folder-component:hover {
  background: transparent;
}
.folder-dropdown__children {
  padding: 4px 8px;
  flex-grow: 2;
  border-top: 1px solid rgba(129, 162, 178, 0.5);
  border-bottom: 1px solid rgba(129, 162, 178, 0.5);
  max-height: 180px;
  overflow-y: auto;
}
.folder-dropdown__children--name {
  color: #5d6d7a;
  padding-left: 8px;
}
.folder-dropdown__folder {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  text-align: left;
  padding: 8px 0;
}
.folder-dropdown__no-children {
  padding: 8px;
  display: flex;
  justify-content: center;
  font-size: 16px;
  color: #47535d;
}
.folder-dropdown .new-folder-form {
  max-height: 50px;
  overflow: hidden;
}
.folder-dropdown .new-folder-wrapper {
  display: flex;
}
.folder-dropdown .new-folder-wrapper .text-input {
  margin-right: 4px;
}
.folder-dropdown .new-folder-wrapper .kl-icon {
  color: #5d6d7a;
}
.folder-dropdown__controls {
  padding: 16px;
  display: flex;
  justify-content: space-between;
  height: 56px;
  align-items: center;
  background-color: #ffffff;
  border-top: 1px solid #f2f5f7;
}
.folder-dropdown__controls--new {
  padding: 0px;
  background-color: transparent;
  position: relative;
  box-shadow: none !important;
}
.folder-dropdown__controls--new__folder-icon {
  width: 27px;
  margin-left: -2px;
  height: 27px;
}
.folder-dropdown__controls--new__add-icon {
  position: absolute;
  left: 5px;
  color: #f2f5f7 !important;
  width: 13px;
  top: 3px;
  margin: 0;
}
.folder-dropdown__error {
  background: rgba(255, 247, 247, 0.9);
  position: absolute;
  bottom: 66px;
  width: calc(100% - 16px);
  left: 8px;
}
@keyframes kl-form-shake {
  0% {
    transform: none;
  }
  33.33% {
    transform: translate3d(5%, 0, 0);
  }
  66.66% {
    transform: translate3d(-5%, 0, 0);
  }
}
@media (prefers-reduced-motion: no-preference) {
  .form-v2__form--has-error {
    animation: kl-form-shake 400ms cubic-bezier(0.4, 0, 0.2, 1);
  }
}
.notification {
  width: 350px;
  min-height: 84px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 16px 13px 16px 24px;
  background: white;
  box-shadow: 0 -1px 0 0 rgba(129, 162, 178, 0.1), 0 2px 18px rgba(0, 0, 0, 0.04), 0 40px 80px -24px rgba(36, 44, 57, 0.12), 0 1px 4px rgba(0, 0, 0, 0.06), 0 20px 50px -16px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  -webkit-transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98), -webkit-transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98), -moz-transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98), -o-transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98),-webkit-transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98),-moz-transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98),-o-transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98),transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98), transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98), transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98), transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98), transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -ms-transform: translate3d(0, -16px, 0);
  -webkit-transform: translate3d(0, -16px, 0);
  -moz-transform: translate3d(0, -16px, 0);
  -o-transform: translate3d(0, -16px, 0);
  transform: translate3d(0, -16px, 0);
  opacity: 0;
}
.notification--entering,
.notification--entered {
  opacity: 1;
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
}
.notification__icon {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  border-radius: 50%;
  fill: white;
  color: white;
  margin-right: 8px;
}
.notification__icon--success {
  background: #00857b;
}
.notification__icon--error,
.notification__icon--delete {
  background: #D71939;
}
.notification__icon--info {
  background: #81a2b2;
}
.notification__body {
  color: #47535d;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 400;
  margin: 0;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.notification__close {
  margin-left: 8px;
}
.user-card {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px;
  cursor: pointer;
  transition: background 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  border-radius: 4px;
}
.user-card--selected,
.user-card:hover {
  background-color: rgba(129, 162, 178, 0.25);
}
.user-card .avatar {
  margin-right: 16px;
}
.user-card__details {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #47535d;
  white-space: nowrap;
  min-width: 0;
}
.user-card__details > span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-card__name {
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}
.user-card__email {
  color: rgba(36, 44, 57, 0.75);
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 16px;
  font-weight: 400;
  margin-bottom: 0;
}
.user-card__spacer {
  flex: 1;
  min-width: 16px;
}
.user-card__children {
  max-height: 36px;
}
.user-card__tick {
  color: #00857b;
  flex: 0 0 auto;
}
.kl-expandable {
  height: 0;
  opacity: 0;
}
.kl-expandable--entering,
.kl-expandable--exiting {
  overflow: hidden;
  transition: height var(--duration) cubic-bezier(0.4, 0, 0.2, 1), opacity var(--duration) cubic-bezier(0.4, 0, 0.2, 1), margin-bottom var(--duration) cubic-bezier(0.4, 0, 0.2, 1);
}
.kl-expandable--entering,
.kl-expandable--entered {
  opacity: 1;
  margin-bottom: 0;
}
.kl-expandable--entered {
  height: auto;
}
.kl-expandable--exited,
.kl-expandable--exiting {
  margin-bottom: calc(-1 * var(--expandable-gap-size, 0));
}
.expander__outer {
  overflow: hidden;
}
.expander__outer--open {
  overflow: visible;
}
.expander__outer--enter {
  opacity: 0;
  -webkit-transition: height 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: height 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: height 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: height 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media (prefers-reduced-motion: reduce) {
  .expander__outer--enter {
    -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), X;
    -moz-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), X;
    -o-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), X;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), X;
  }
}
.expander__outer--enter-active {
  opacity: 1;
}
.expander__outer--exit {
  opacity: 1;
  -webkit-transition: height 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: height 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: height 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: height 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden !important;
}
@media (prefers-reduced-motion: reduce) {
  .expander__outer--exit {
    -webkit-transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), X;
    -moz-transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), X;
    -o-transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), X;
    transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), X;
  }
}
.expander__outer--exit-active {
  opacity: 0;
}
.border-radius {
  border-radius: 10px;
}
.border-radius--with-sidebar {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.roi-calculator-layout {
  display: flex;
  position: relative;
  border-radius: 10px;
  /*
    @NOTE(mbusby, 2021-07-21): We use this magic-number
    based min-height to ensure that the calculator is the
    same size with the sidebar open / closed (with some leeway for
    different block sizes and font sizes).
  */
  min-height: 640px;
}
.roi-calculator-layout--narrow {
  min-height: unset;
}
.roi-calculator-layout--narrow .roi-main-panel {
  padding: 86px;
  min-height: 0;
}
.roi-calculator-layout--narrow .roi-main-panel__contents {
  padding: 80px 0 40px 0;
}
.roi-calculator-layout--narrow .roi-main-panel--with-sidebar {
  margin-left: 0;
  transform: translate3d(300px, 0, 0);
}
.roi-calculator-layout--extra-narrow .roi-main-panel {
  padding: 20px;
}
.roi-calculator-layout--extra-narrow .roi-main-panel--with-sidebar {
  margin-left: 0;
  transform: translate3d(300px, 0, 0);
}
.roi-calculator-panel {
  height: 100%;
  width: 300px;
  position: absolute;
  overflow: hidden;
  background-color: white;
}
.roi-calculator-panel__inner {
  width: 300px;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
.roi-main-panel {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  padding: 160px 128px;
  overflow: hidden;
  box-shadow: -1px 0 0 0 rgba(129, 162, 178, 0.25);
  z-index: 1;
  border-radius: 10px;
  transition: margin 200ms cubic-bezier(0.4, 0, 0.2, 1), padding 200ms cubic-bezier(0.4, 0, 0.2, 1), transform 200ms cubic-bezier(0.4, 0, 0.2, 1), border-radius 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.roi-main-panel .roi-main-panel__background,
.roi-main-panel .roi-main-panel__background-tint-overlay,
.roi-main-panel .roi-main-panel__background-image-container,
.roi-main-panel .roi-main-panel__background-image {
  border-radius: 10px;
  transition: border-radius 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.roi-main-panel--with-sidebar {
  margin-left: 300px;
  padding: 160px 64px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.roi-main-panel--with-sidebar .roi-main-panel__background,
.roi-main-panel--with-sidebar .roi-main-panel__background-tint-overlay,
.roi-main-panel--with-sidebar .roi-main-panel__background-image-container,
.roi-main-panel--with-sidebar .roi-main-panel__background-image {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.roi-main-panel .roi-main-panel__background,
.roi-main-panel .roi-main-panel__background-tint-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 0;
  top: 0;
  left: 0;
}
.roi-main-panel .roi-main-panel__background-image-container,
.roi-main-panel .roi-main-panel__background-image {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1);
}
.roi-main-panel .roi-main-panel__background-image-container {
  overflow: hidden;
}
.roi-main-panel .roi-main-panel__background-image--with-placeholder {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.roi-main-panel .roi-main-panel__contents {
  z-index: 1;
  width: 100%;
}
.roi-main-panel .roi-main-panel__item {
  display: flex;
  justify-content: center;
  width: 100%;
}
.roi-main-panel .roi-main-panel__result {
  margin-bottom: 40px;
}
.roi-main-panel .roi-calculator-result__label {
  margin-bottom: 16px;
}
.roi-main-panel .roi-calculator-result__inner {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 32px;
}
.roi-calculator-button {
  position: absolute;
  left: 24px;
  top: 24px;
  z-index: 2;
}
.roi-calculator-wrapper {
  border-radius: 10px;
  overflow: hidden;
  margin: 32px 0;
  border: 1px solid rgba(129, 162, 178, 0.25);
  height: 100%;
}
/*
  Shared typography tokens for the ROI calculator.
*/
.roi-calculator-typography__result {
  font-weight: 700;
  word-break: break-all;
  font-variant-numeric: tabular-nums;
  display: block;
}
.roi-calculator-typography__result .roi-calculator-typography__result-affix {
  font-size: 50%;
}
.roi-calculator-typography__result .roi-calculator-typography__result-affix.roi-calculator-typography__result-prefix {
  vertical-align: super;
}
.roi-calculator-typography__result .roi-calculator-typography__result-affix.roi-calculator-typography__result-suffix {
  vertical-align: baseline;
}
.roi-calculator-typography__result-label {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 16px;
  font-size: 20px;
  text-align: center;
  white-space: pre-wrap;
  margin-bottom: 0;
}
.roi-calculator-typography__calculator-title {
  font-size: 32px;
  line-height: 1.2;
  padding: 0.65em 0 0.4em 0;
  letter-spacing: -1px;
  font-weight: 600;
  font-weight: 400;
  padding: 0;
  color: #47535d;
  font-size: 28px;
  white-space: pre-wrap;
}
.roi-calculator-typography__calculator-description {
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  font-weight: 400;
  line-height: 1.3;
  color: #47535d;
  font-size: 16px;
  white-space: pre-wrap;
}
.roi-calculator-panel-contents {
  height: 100%;
}
.roi-calculator-panel-contents__scrim {
  height: 80px;
  width: 100%;
  position: sticky;
  top: 0;
  background: linear-gradient(white, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0));
  z-index: 1;
  border-top-left-radius: 10px;
}
.roi-calculator-panel-contents__header {
  padding: 0 24px;
}
.roi-calculator-panel-contents__inputs {
  margin-top: 8px;
}
.roi-calculator-panel-contents__title {
  margin-bottom: 16px;
}
/*
  Shared slider styles for the ROI calculator.
*/
.roi-calculator-slider__container {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 400px;
}
.roi-calculator-slider__container .roi-calculator-slider {
  width: 100%;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__header .roi-calculator-slider__label-container {
  flex: 1;
  word-break: break-all;
  margin-right: 4px;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__header .roi-calculator-slider__label-container .roi-calculator-slider__label {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__header .roi-calculator-slider__text-input {
  width: 40px;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__header .roi-calculator-slider__text-input .text-input__input {
  text-align: center;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__static-range {
  margin: 12px 0;
  position: relative;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__static-range .track {
  display: flex;
  height: 6px;
  border-radius: 3px;
  width: 100%;
  overflow: hidden;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__static-range .track-filled,
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__static-range .thumb {
  background-color: var(--slider-filled);
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__static-range .track-filled {
  width: var(--slider-progress);
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__static-range .track-unfilled {
  background-color: var(--slider-unfilled);
  width: calc(100% - var(--slider-progress));
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__static-range .thumb-container {
  position: absolute;
  inset: 0 11px;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__static-range .thumb {
  height: 22px;
  width: 22px;
  border-radius: 11px;
  position: absolute;
  top: -8px;
  left: calc(var(--slider-progress));
  transform: translateX(-50%);
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input {
  border: none;
  width: 100%;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  margin: 12px 0;
  height: auto;
  background-color: transparent !important;
  padding: 0;
}
@media all and (-ms-high-contrast: none) {
  .roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input {
    height: 59px;
  }
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input .track-styles {
  border-radius: 4px;
  height: 8px;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input .thumb-styles {
  height: 32px;
  width: 32px;
  border: none;
  border-radius: 16px;
  box-shadow: 0 0 2px rgba(129, 162, 178, 0.1), 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.15);
  transform: scale(1);
  -webkit-transition: -webkit-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), -webkit-box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: -moz-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), -moz-box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: -o-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: -webkit-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98),-moz-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98),-o-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98),transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-transition: transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input .thumb-styles:hover {
  transform: scale(1.2);
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input .thumb-styles:active {
  user-select: none;
  -webkit-user-select: none;
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input::-webkit-slider-runnable-track {
  border-radius: 4px;
  height: 8px;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input::-moz-range-track {
  border-radius: 4px;
  height: 8px;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input::-moz-range-progress {
  border-radius: 4px;
  height: 8px;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input::-ms-track {
  color: transparent;
  border-color: transparent;
  border-width: 6px 0;
  width: 100%;
  background-color: transparent;
  padding: 0;
  height: 8px !important;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input::-ms-fill-lower {
  height: 8px !important;
  border-radius: 4px;
  border-color: transparent;
  padding: 0;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input::-ms-fill-upper {
  height: 8px !important;
  border-radius: 4px;
  border-color: transparent;
  padding: 0;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 32px;
  width: 32px;
  border: none;
  border-radius: 16px;
  box-shadow: 0 0 2px rgba(129, 162, 178, 0.1), 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.15);
  transform: scale(1);
  -webkit-transition: -webkit-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), -webkit-box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: -moz-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), -moz-box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: -o-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: -webkit-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98),-moz-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98),-o-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98),transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-transition: transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  margin-top: -12px;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input::-webkit-slider-thumb:hover {
  transform: scale(1.2);
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input::-webkit-slider-thumb:active {
  user-select: none;
  -webkit-user-select: none;
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input::-moz-range-thumb {
  -moz-appearance: none;
  height: 32px;
  width: 32px;
  border: none;
  border-radius: 16px;
  box-shadow: 0 0 2px rgba(129, 162, 178, 0.1), 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.15);
  transform: scale(1);
  -webkit-transition: -webkit-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), -webkit-box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: -moz-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), -moz-box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: -o-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: -webkit-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98),-moz-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98),-o-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98),transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-transition: transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input::-moz-range-thumb:hover {
  transform: scale(1.2);
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input::-moz-range-thumb:active {
  user-select: none;
  -webkit-user-select: none;
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input:focus .focus-thumb-box-shadow {
  box-shadow: 0 0 0 3px white, 0 0 0 6px rgba(16, 153, 252, 0.5);
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px white, 0 0 0 6px rgba(16, 153, 252, 0.5);
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input:focus::-moz-range-thumb {
  box-shadow: 0 0 0 3px white, 0 0 0 6px rgba(16, 153, 252, 0.5);
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input:focus::-ms-thumb {
  box-shadow: 0 0 0 3px white, 0 0 0 6px rgba(16, 153, 252, 0.5);
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input:focus:not(:focus-visible)::-webkit-slider-thumb {
  box-shadow: 0 0 2px rgba(129, 162, 178, 0.1), 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.15);
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input:focus:not(:focus-visible)::-moz-range-thumb {
  box-shadow: 0 0 2px rgba(129, 162, 178, 0.1), 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.15);
}
.media-variable-widget {
  margin-top: 24px;
  margin-bottom: 24px;
  background-color: rgba(16, 153, 252, 0.1);
  height: 156px;
  display: flex;
  align-items: center;
}
.media-variable-label {
  min-height: 36px;
  width: fit-content;
  border: 1px solid rgba(16, 153, 252, 0.5);
  border-radius: 41.5px;
  margin: auto;
  background: linear-gradient(0deg, rgba(129, 162, 178, 0.05), rgba(129, 162, 178, 0.05)), white;
  color: #47535d;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.media-variable-label--normal {
  padding: 4px 16px;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 16px;
  margin-bottom: auto;
}
.media-variable-label__label {
  user-select: none;
}
.media-variable-label__icon {
  fill: #47535d;
}
.collaborator-button__copy-link {
  margin-bottom: 8px;
}
.reset-popover {
  font-family: "calibre-legacy", sans-serif;
  z-index: 999;
}
.reset-popover__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 16px;
}
.reset-popover__processing-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.reset-popover__after-reset {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.reset-popover__after-reset__head {
  color: #00857b;
  display: flex;
  align-items: center;
  margin-bottom: -8px;
}
.reset-popover__after-reset__head-label {
  color: #00857b;
}
.page-status-icon {
  fill: rgba(129, 162, 178, 0.75);
}
.page-status-icon--live {
  fill: #FFB961;
}
.page-status-icon--accepted {
  fill: #00857b;
}
.page-status-icon--declined {
  fill: #ff6161;
}
.page-status-icon--blueprint {
  fill: #1099FC;
}
.lightbox {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(36, 44, 57, 0.8);
  z-index: 1053;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.lightbox--entering,
.lightbox--entered {
  opacity: 1;
}
.lightbox__close-button {
  position: absolute;
  top: 32px;
  right: 32px;
}
.lightbox__content {
  width: min(80vw, 1280px);
  transform: scale(0.8);
  transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
.lightbox__content > * {
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
}
.lightbox--entering .lightbox__content,
.lightbox--entered .lightbox__content {
  transform: none;
}
.chart__stacked-bar-default-color {
  fill: #716bf1;
}
.chart__bar__tooltip-container {
  position: absolute;
  width: 250px;
  white-space: pre-wrap;
}
.chart-custom__tick {
  text-anchor: middle;
}
.chart-custom__tick.title {
  opacity: 0.6;
  color: #47535d;
}
.chart-custom__label-circle {
  text-anchor: middle;
}
.chart-custom__label-circle.background {
  fill: #716bf1;
  opacity: 0.3;
  width: 43px;
  height: 24px;
}
.chart-custom__label-circle.text {
  fill: #47535d;
}
.chart-custom__tooltip {
  display: flex;
  flex-direction: column;
  text-transform: initial;
  padding: 8px 0;
}
.chart-custom__tooltip__header {
  margin-bottom: 8px;
}
.chart-custom__tooltip__divider {
  height: 1px;
  width: 100%;
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
  margin: 16px 0;
}
.chart-custom__tooltip__avg-time-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.chart-custom__tooltip__avg-time-info--left {
  display: flex;
  align-items: center;
}
.chart-custom__tooltip__avg-time-info__icon {
  margin-right: 8px;
}
.chart__composed__legend {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.recharts-responsive-container .recharts-cartesian-grid-horizontal line:first-child,
.recharts-responsive-container .recharts-cartesian-grid-horizontal line:last-child {
  stroke-opacity: 0;
}
.chart__container {
  position: relative;
  height: 100% ;
}
.chart__text-strong {
  font-weight: 600;
}
.chart__legend-default {
  display: flex;
  justify-content: center;
  gap: 24px;
}
.chart__legend-default__item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.chart__legend-default__indicator {
  width: 8px;
  height: 8px;
  border-radius: 2px;
}
.secured-by-qwilr {
  display: flex;
  justify-content: center;
}
.secured-by-qwilr__security-badge {
  display: flex;
  align-items: center;
  justify-self: center;
  height: 32px;
  padding: 0 8px 0 4px;
  border: 0;
  border-bottom: 0;
  border-radius: 32px;
  background-color: white;
  box-shadow: 0 0 0 1px rgba(129, 162, 178, 0.25);
  transition-property: box-shadow, outline;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.secured-by-qwilr__security-badge:hover {
  border: 0;
  box-shadow: 0 0 0 3px rgba(129, 162, 178, 0.25);
}
.secured-by-qwilr__security-badge svg:first-child {
  margin-right: 2px;
  width: 32px;
  height: 32px;
}
.secured-by-qwilr__security-badge svg:last-child {
  padding-left: 6px;
  width: 24px;
  border-left: 1px solid rgba(129, 162, 178, 0.25);
}
.secured-by-qwilr__security-badge:focus {
  outline: 3px solid rgba(16, 153, 252, 0.5);
  outline-offset: 3px;
}
.secured-by-qwilr__security-badge:focus:not(:focus-visible) {
  outline: none;
}
.secured-by-qwilr__label {
  padding-right: 8px;
}
.secured-by-qwilr__lock-icon {
  color: rgba(71, 83, 93, 0.75);
}
@font-face {
  font-family: "qwilr-public";
  src: url(/Public/Assets/fonts/qwilr-public.eot);
  src: url(/Public/Assets/fonts/qwilr-public.eot?#iefixlbgcez) format("embedded-opentype"), url(/Public/Assets/fonts/qwilr-public.ttf) format("truetype"), url(/Public/Assets/fonts/qwilr-public.woff) format("woff"), url(/Public/Assets/fonts/qwilr-public.svg#qwilr-public) format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: "qwilr-public";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-arrow-up:before {
  content: "\E60A";
}
.icon-minus:before {
  content: "\E609";
}
.icon-plus:before {
  content: "\E608";
}
.icon-check:before {
  content: "\E600";
}
.icon-close:before {
  content: "\E601";
}
.icon-expand-less:before {
  content: "\E606";
}
.icon-expand-more:before {
  content: "\E607";
}
.icon-person-outline:before {
  content: "\E605";
}
.icon-lettering:before {
  content: "\E603";
}
.icon-logo-thick:before {
  content: "\E604";
}
.icon-envelope:before {
  content: "\E602";
}
.icon-repeat:before {
  content: "\E058";
}
.icon-done:before {
  content: "\E630";
}
.icon-warning:before {
  content: "\E62D";
}
/* @HACK(mike, 2017-02-13) Google's remarketing iframe is adding height to the bottom of the page so we'll remove it using a fairly hacky solution that still allows the image pixel
to fire but allows elements that are fixed to the bottom of the page to actually be fixed there */
iframe[name="google_conversion_frame"] {
  height: 0 !important;
  width: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  margin-top: -13px;
  float: left;
}
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body {
  font-size: 100%;
}
body {
  background: white;
  color: #222222;
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: default;
}
a:hover {
  cursor: pointer;
}
a:focus:not(:focus-visible) {
  outline: none;
}
img,
object,
embed {
  max-width: 100%;
  height: auto;
}
object,
embed {
  height: 100%;
}
img {
  -ms-interpolation-mode: bicubic;
}
#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important;
}
.left {
  float: left !important;
}
.right {
  float: right !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-justify {
  text-align: justify !important;
}
.hide {
  display: none;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
}
img {
  display: inline-block;
  vertical-align: middle;
}
textarea {
  height: auto;
  min-height: 50px;
}
select {
  width: 100%;
}
/* Grid HTML Classes */
.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 1140px;
  *zoom: 1;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.row.collapse .column,
.row.collapse .columns {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  float: left;
}
.row .row {
  width: auto;
  margin-left: -0.9375em;
  margin-right: -0.9375em;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none;
  *zoom: 1;
}
.row .row:before,
.row .row:after {
  content: " ";
  display: table;
}
.row .row:after {
  clear: both;
}
.row .row.collapse {
  width: auto;
  margin: 0;
  max-width: none;
  *zoom: 1;
}
.row .row.collapse:before,
.row .row.collapse:after {
  content: " ";
  display: table;
}
.row .row.collapse:after {
  clear: both;
}
.column,
.columns {
  position: relative;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  width: 100%;
  float: left;
}
@media only screen {
  .column,
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left;
  }
  .small-1 {
    position: relative;
    width: 8.33333%;
  }
  .small-2 {
    position: relative;
    width: 16.66667%;
  }
  .small-3 {
    position: relative;
    width: 25%;
  }
  .small-4 {
    position: relative;
    width: 33.33333%;
  }
  .small-5 {
    position: relative;
    width: 41.66667%;
  }
  .small-6 {
    position: relative;
    width: 50%;
  }
  .small-7 {
    position: relative;
    width: 58.33333%;
  }
  .small-8 {
    position: relative;
    width: 66.66667%;
  }
  .small-9 {
    position: relative;
    width: 75%;
  }
  .small-10 {
    position: relative;
    width: 83.33333%;
  }
  .small-11 {
    position: relative;
    width: 91.66667%;
  }
  .small-12 {
    position: relative;
    width: 100%;
  }
  .small-offset-0 {
    position: relative;
    margin-left: 0%;
  }
  .small-offset-1 {
    position: relative;
    margin-left: 8.33333%;
  }
  .small-offset-2 {
    position: relative;
    margin-left: 16.66667%;
  }
  .small-offset-3 {
    position: relative;
    margin-left: 25%;
  }
  .small-offset-4 {
    position: relative;
    margin-left: 33.33333%;
  }
  .small-offset-5 {
    position: relative;
    margin-left: 41.66667%;
  }
  .small-offset-6 {
    position: relative;
    margin-left: 50%;
  }
  .small-offset-7 {
    position: relative;
    margin-left: 58.33333%;
  }
  .small-offset-8 {
    position: relative;
    margin-left: 66.66667%;
  }
  .small-offset-9 {
    position: relative;
    margin-left: 75%;
  }
  .small-offset-10 {
    position: relative;
    margin-left: 83.33333%;
  }
  [class*="column"] + [class*="column"]:last-child {
    float: right;
  }
  [class*="column"] + [class*="column"].end {
    float: left;
  }
  .column.small-centered,
  .columns.small-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }
}
/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 768px) {
  .large-1 {
    position: relative;
    width: 8.33333%;
  }
  .large-2 {
    position: relative;
    width: 16.66667%;
  }
  .large-3 {
    position: relative;
    width: 25%;
  }
  .large-4 {
    position: relative;
    width: 33.33333%;
  }
  .large-5 {
    position: relative;
    width: 41.66667%;
  }
  .large-6 {
    position: relative;
    width: 50%;
  }
  .large-7 {
    position: relative;
    width: 58.33333%;
  }
  .large-8 {
    position: relative;
    width: 66.66667%;
  }
  .large-9 {
    position: relative;
    width: 75%;
  }
  .large-10 {
    position: relative;
    width: 83.33333%;
  }
  .large-11 {
    position: relative;
    width: 91.66667%;
  }
  .large-12 {
    position: relative;
    width: 100%;
  }
  .row .large-offset-0 {
    position: relative;
    margin-left: 0%;
  }
  .row .large-offset-1 {
    position: relative;
    margin-left: 8.33333%;
  }
  .row .large-offset-2 {
    position: relative;
    margin-left: 16.66667%;
  }
  .row .large-offset-3 {
    position: relative;
    margin-left: 25%;
  }
  .row .large-offset-4 {
    position: relative;
    margin-left: 33.33333%;
  }
  .row .large-offset-5 {
    position: relative;
    margin-left: 41.66667%;
  }
  .row .large-offset-6 {
    position: relative;
    margin-left: 50%;
  }
  .row .large-offset-7 {
    position: relative;
    margin-left: 58.33333%;
  }
  .row .large-offset-8 {
    position: relative;
    margin-left: 66.66667%;
  }
  .row .large-offset-9 {
    position: relative;
    margin-left: 75%;
  }
  .row .large-offset-10 {
    position: relative;
    margin-left: 83.33333%;
  }
  .row .large-offset-11 {
    position: relative;
    margin-left: 91.66667%;
  }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }
  .column.large-centered,
  .columns.large-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }
  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important;
  }
  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right !important;
  }
}
/* Foundation Block Grids for below small breakpoint */
@media only screen {
  [class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 -0.625em;
    *zoom: 1;
  }
  [class*="block-grid-"]:before,
  [class*="block-grid-"]:after {
    content: " ";
    display: table;
  }
  [class*="block-grid-"]:after {
    clear: both;
  }
  [class*="block-grid-"] > li {
    display: inline;
    height: auto;
    float: left;
    padding: 0 0.625em 1.25em;
  }
  .small-block-grid-1 > li {
    width: 100%;
    padding: 0 0.625em 1.25em;
  }
  .small-block-grid-1 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }
  .small-block-grid-2 > li {
    width: 50%;
    padding: 0 0.625em 1.25em;
  }
  .small-block-grid-2 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }
  .small-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 0.625em 1.25em;
  }
  .small-block-grid-3 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }
  .small-block-grid-4 > li {
    width: 25%;
    padding: 0 0.625em 1.25em;
  }
  .small-block-grid-4 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }
  .small-block-grid-5 > li {
    width: 20%;
    padding: 0 0.625em 1.25em;
  }
  .small-block-grid-5 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }
  .small-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 0.625em 1.25em;
  }
  .small-block-grid-6 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }
  .small-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 0.625em 1.25em;
  }
  .small-block-grid-7 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }
  .small-block-grid-8 > li {
    width: 12.5%;
    padding: 0 0.625em 1.25em;
  }
  .small-block-grid-8 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }
  .small-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 0.625em 1.25em;
  }
  .small-block-grid-9 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }
  .small-block-grid-10 > li {
    width: 10%;
    padding: 0 0.625em 1.25em;
  }
  .small-block-grid-10 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }
  .small-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 0.625em 1.25em;
  }
  .small-block-grid-11 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }
  .small-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 0.625em 1.25em;
  }
  .small-block-grid-12 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}
/* Foundation Block Grids for above small breakpoint */
@media only screen and (min-width: 768px) {
  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: none;
  }
  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: none;
  }
  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: none;
  }
  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: none;
  }
  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: none;
  }
  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: none;
  }
  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: none;
  }
  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: none;
  }
  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: none;
  }
  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: none;
  }
  .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: none;
  }
  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: none;
  }
  .large-block-grid-1 > li {
    width: 100%;
    padding: 0 0.625em 1.25em;
  }
  .large-block-grid-1 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }
  .large-block-grid-2 > li {
    width: 50%;
    padding: 0 0.625em 1.25em;
  }
  .large-block-grid-2 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }
  .large-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 0.625em 1.25em;
  }
  .large-block-grid-3 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }
  .large-block-grid-4 > li {
    width: 25%;
    padding: 0 0.625em 1.25em;
  }
  .large-block-grid-4 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }
  .large-block-grid-5 > li {
    width: 20%;
    padding: 0 0.625em 1.25em;
  }
  .large-block-grid-5 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }
  .large-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 0.625em 1.25em;
  }
  .large-block-grid-6 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }
  .large-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 0.625em 1.25em;
  }
  .large-block-grid-7 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }
  .large-block-grid-8 > li {
    width: 12.5%;
    padding: 0 0.625em 1.25em;
  }
  .large-block-grid-8 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }
  .large-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 0.625em 1.25em;
  }
  .large-block-grid-9 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }
  .large-block-grid-10 > li {
    width: 10%;
    padding: 0 0.625em 1.25em;
  }
  .large-block-grid-10 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }
  .large-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 0.625em 1.25em;
  }
  .large-block-grid-11 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }
  .large-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 0.625em 1.25em;
  }
  .large-block-grid-12 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}
@-webkit-keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.flipInX {
  -webkit-backface-visibility: visible!important;
  -ms-backface-visibility: visible!important;
  backface-visibility: visible!important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInY {
  -webkit-backface-visibility: visible!important;
  -ms-backface-visibility: visible!important;
  backface-visibility: visible!important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible!important;
  -ms-backface-visibility: visible!important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible!important;
  -ms-backface-visibility: visible!important;
  backface-visibility: visible!important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    -ms-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    -ms-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(48px);
    transform: scale(0.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    -ms-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(48px);
    -ms-transform: scale(0.475) translateX(48px);
    transform: scale(0.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-48px);
    transform: scale(0.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    -ms-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-48px);
    -ms-transform: scale(0.475) translateX(-48px);
    transform: scale(0.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    -ms-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    -ms-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    -ms-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    -ms-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(42px);
    transform: scale(0.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(42px);
    -ms-transform: scale(0.475) translateX(42px);
    transform: scale(0.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    -ms-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-42px);
    transform: scale(0.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-42px);
    -ms-transform: scale(0.475) translateX(-42px);
    transform: scale(0.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    -ms-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    -ms-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    -ms-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 9px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.ng-enter {
  -webkit-animation: fadeIn 0.2s ease;
  -moz-animation: fadeIn 0.2s ease;
  -o-animation: fadeIn 0.2s ease;
  animation: fadeIn 0.2s ease;
  -webkit-animation: fadeIn 0.2s ease, X;
  -moz-animation: fadeIn 0.2s ease, X;
  -o-animation: fadeIn 0.2s ease, X;
  animation: fadeIn 0.2s ease, X;
}
.tooltip.ng-leave {
  -webkit-animation: fadeOut 0.2s ease;
  -moz-animation: fadeOut 0.2s ease;
  -o-animation: fadeOut 0.2s ease;
  animation: fadeOut 0.2s ease;
  -webkit-animation: fadeOut 0.2s ease, X;
  -moz-animation: fadeOut 0.2s ease, X;
  -o-animation: fadeOut 0.2s ease, X;
  animation: fadeOut 0.2s ease, X;
}
.tooltip.in {
  opacity: 1;
  color: #fff;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.tooltip.top {
  margin-top: -7px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 7px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  background-color: #47535d;
  padding: 8px 16px;
  border-radius: 2px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0);
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #47535d;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #47535d;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #47535d;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #47535d;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #47535d;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #47535d;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #47535d;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #47535d;
}
.tooltip.delete .tooltip-inner {
  background: #D71939;
  color: #fff;
}
.tooltip.delete.bottom .tooltip-arrow {
  border-bottom-color: #D71939;
}
.tooltip.delete.top .tooltip-arrow {
  border-top-color: #D71939;
}
.tooltip.delete.left .tooltip-arrow {
  border-left-color: #D71939;
}
.tooltip.delete.right .tooltip-arrow {
  border-right-color: #D71939;
}
.tooltip.blue .tooltip-inner {
  background: #1099FC;
  color: #fff;
}
.tooltip.blue.bottom .tooltip-arrow {
  border-bottom-color: #1099FC;
}
.tooltip.blue.top .tooltip-arrow {
  border-top-color: #1099FC;
}
.tooltip.blue.left .tooltip-arrow {
  border-left-color: #1099FC;
}
.tooltip.blue.right .tooltip-arrow {
  border-right-color: #1099FC;
}
.tooltip.yellow .tooltip-inner {
  background: #ffb806;
  color: #fff;
}
.tooltip.yellow.bottom .tooltip-arrow {
  border-bottom-color: #ffb806;
}
.tooltip.yellow.top .tooltip-arrow {
  border-top-color: #ffb806;
}
.tooltip.yellow.left .tooltip-arrow {
  border-left-color: #ffb806;
}
.tooltip.yellow.right .tooltip-arrow {
  border-right-color: #ffb806;
}
.tooltip.green .tooltip-inner {
  background: #00857b;
  color: #fff;
}
.tooltip.green.bottom .tooltip-arrow {
  border-bottom-color: #00857b;
}
.tooltip.green.top .tooltip-arrow {
  border-top-color: #00857b;
}
.tooltip.green.left .tooltip-arrow {
  border-left-color: #00857b;
}
.tooltip.green.right .tooltip-arrow {
  border-right-color: #00857b;
}
.tooltip.emerald .tooltip-inner {
  background: #00857b;
  color: #fff;
}
.tooltip.emerald.bottom .tooltip-arrow {
  border-bottom-color: #00857b;
}
.tooltip.emerald.top .tooltip-arrow {
  border-top-color: #00857b;
}
.tooltip.emerald.left .tooltip-arrow {
  border-left-color: #00857b;
}
.tooltip.emerald.right .tooltip-arrow {
  border-right-color: #00857b;
}
.tooltip.red .tooltip-inner {
  background: #D71939;
  color: #fff;
}
.tooltip.red.bottom .tooltip-arrow {
  border-bottom-color: #D71939;
}
.tooltip.red.top .tooltip-arrow {
  border-top-color: #D71939;
}
.tooltip.red.left .tooltip-arrow {
  border-left-color: #D71939;
}
.tooltip.red.right .tooltip-arrow {
  border-right-color: #D71939;
}
.tooltip.purple .tooltip-inner {
  background: #716bf1;
  color: #fff;
}
.tooltip.purple.bottom .tooltip-arrow {
  border-bottom-color: #716bf1;
}
.tooltip.purple.top .tooltip-arrow {
  border-top-color: #716bf1;
}
.tooltip.purple.left .tooltip-arrow {
  border-left-color: #716bf1;
}
.tooltip.purple.right .tooltip-arrow {
  border-right-color: #716bf1;
}
.tooltip.grey .tooltip-inner {
  background: #81a2b2;
  color: #fff;
}
.tooltip.grey.bottom .tooltip-arrow {
  border-bottom-color: #81a2b2;
}
.tooltip.grey.top .tooltip-arrow {
  border-top-color: #81a2b2;
}
.tooltip.grey.left .tooltip-arrow {
  border-left-color: #81a2b2;
}
.tooltip.grey.right .tooltip-arrow {
  border-right-color: #81a2b2;
}
.tooltip.dark .tooltip-inner {
  background: rgba(34, 34, 34, 0.9);
  color: #fff;
}
.tooltip.dark.bottom .tooltip-arrow {
  border-bottom-color: rgba(34, 34, 34, 0.9);
}
.tooltip.dark.top .tooltip-arrow {
  border-top-color: rgba(34, 34, 34, 0.9);
}
.tooltip.dark.left .tooltip-arrow {
  border-left-color: rgba(34, 34, 34, 0.9);
}
.tooltip.dark.right .tooltip-arrow {
  border-right-color: rgba(34, 34, 34, 0.9);
}
.tooltip.orange .tooltip-inner {
  background: #FF851B;
  color: #fff;
}
.tooltip.orange.bottom .tooltip-arrow {
  border-bottom-color: #FF851B;
}
.tooltip.orange.top .tooltip-arrow {
  border-top-color: #FF851B;
}
.tooltip.orange.left .tooltip-arrow {
  border-left-color: #FF851B;
}
.tooltip.orange.right .tooltip-arrow {
  border-right-color: #FF851B;
}
.tooltip.small .tooltip-inner {
  font-size: 9px;
  padding: 4px 8px;
}
.tooltip .tooltip-inner {
  font-size: 14px;
  font-family: "calibre-legacy", sans-serif;
  text-transform: none;
  max-width: 245px;
  padding: 16px 15px;
  line-height: 19px;
}
#content-wrap {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition: 0.3s, X;
  -moz-transition: 0.3s, X;
  -o-transition: 0.3s, X;
  transition: 0.3s, X;
  position: absolute;
  width: 100%;
}
#content-wrap.main-nav-open {
  -webkit-transform: translate(300px, 0px);
  -moz-transform: translate(300px, 0px);
  -o-transform: translate(300px, 0px);
  -ms-transform: translate(300px, 0px);
  transform: translate(300px, 0px);
  -webkit-transform: translate(300px, 0);
  -moz-transform: translate(300px, 0);
  -o-transform: translate(300px, 0);
  transform: translate(300px, 0);
}
#mocha {
  padding-left: 200px;
}
input[type=text],
input[type=email],
input[type=number],
input[type=password] {
  background: #fff;
  border-radius: 2px;
  border: 1px solid rgba(36, 44, 57, 0.1);
  height: 60px;
  line-height: 60px;
  padding-left: 20px;
  font-size: 20px;
  width: 100%;
  box-shadow: none;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
  outline: none;
}
input[type=text]:active,
input[type=email]:active,
input[type=number]:active,
input[type=password]:active {
  outline: none;
}
input[type=text].mini,
input[type=email].mini,
input[type=number].mini,
input[type=password].mini {
  border-color: #1099FC;
  height: 30px;
  line-height: 28px;
  padding-left: 0;
  text-align: center;
  font-size: 12px;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
  border-radius: 0;
}
input[type=text].mini .style,
input[type=email].mini .style,
input[type=number].mini .style,
input[type=password].mini .style {
  color: #242C39;
  font-size: 12px;
  font-style: normal;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
input[type=text].mini:-moz-placeholder,
input[type=email].mini:-moz-placeholder,
input[type=number].mini:-moz-placeholder,
input[type=password].mini:-moz-placeholder {
  color: #242C39;
  font-size: 12px;
  font-style: normal;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
input[type=text].mini::-moz-placeholder,
input[type=email].mini::-moz-placeholder,
input[type=number].mini::-moz-placeholder,
input[type=password].mini::-moz-placeholder {
  color: #242C39;
  font-size: 12px;
  font-style: normal;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
input[type=text].mini::-webkit-input-placeholder,
input[type=email].mini::-webkit-input-placeholder,
input[type=number].mini::-webkit-input-placeholder,
input[type=password].mini::-webkit-input-placeholder {
  color: #242C39;
  font-size: 12px;
  font-style: normal;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
input[type=text].mini:-ms-input-placeholder,
input[type=email].mini:-ms-input-placeholder,
input[type=number].mini:-ms-input-placeholder,
input[type=password].mini:-ms-input-placeholder {
  color: #242C39;
  font-size: 12px;
  font-style: normal;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
input[type=text].mini .style,
input[type=email].mini .style,
input[type=number].mini .style,
input[type=password].mini .style {
  color: #242C39;
  font-size: 12px;
  font-style: normal;
}
input[type=text].mini:-moz-placeholder,
input[type=email].mini:-moz-placeholder,
input[type=number].mini:-moz-placeholder,
input[type=password].mini:-moz-placeholder {
  color: #242C39;
  font-size: 12px;
  font-style: normal;
}
input[type=text].mini::-moz-placeholder,
input[type=email].mini::-moz-placeholder,
input[type=number].mini::-moz-placeholder,
input[type=password].mini::-moz-placeholder {
  color: #242C39;
  font-size: 12px;
  font-style: normal;
}
input[type=text].mini::-webkit-input-placeholder,
input[type=email].mini::-webkit-input-placeholder,
input[type=number].mini::-webkit-input-placeholder,
input[type=password].mini::-webkit-input-placeholder {
  color: #242C39;
  font-size: 12px;
  font-style: normal;
}
input[type=text].mini:-ms-input-placeholder,
input[type=email].mini:-ms-input-placeholder,
input[type=number].mini:-ms-input-placeholder,
input[type=password].mini:-ms-input-placeholder {
  color: #242C39;
  font-size: 12px;
  font-style: normal;
}
input[type=text].mini .style,
input[type=email].mini .style,
input[type=number].mini .style,
input[type=password].mini .style {
  color: #242C39;
  font-size: 12px;
  font-style: normal;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
input[type=text].mini:-moz-placeholder,
input[type=email].mini:-moz-placeholder,
input[type=number].mini:-moz-placeholder,
input[type=password].mini:-moz-placeholder {
  color: #242C39;
  font-size: 12px;
  font-style: normal;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
input[type=text].mini::-moz-placeholder,
input[type=email].mini::-moz-placeholder,
input[type=number].mini::-moz-placeholder,
input[type=password].mini::-moz-placeholder {
  color: #242C39;
  font-size: 12px;
  font-style: normal;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
input[type=text].mini::-webkit-input-placeholder,
input[type=email].mini::-webkit-input-placeholder,
input[type=number].mini::-webkit-input-placeholder,
input[type=password].mini::-webkit-input-placeholder {
  color: #242C39;
  font-size: 12px;
  font-style: normal;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
input[type=text].mini:-ms-input-placeholder,
input[type=email].mini:-ms-input-placeholder,
input[type=number].mini:-ms-input-placeholder,
input[type=password].mini:-ms-input-placeholder {
  color: #242C39;
  font-size: 12px;
  font-style: normal;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
input {
  border-color: rgba(129, 162, 178, 0.05);
  background: #fafafa;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
}
input:focus {
  background: #fff;
}
input .style {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
input:-moz-placeholder {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
input::-moz-placeholder {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
input::-webkit-input-placeholder {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
input:-ms-input-placeholder {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
input .style {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
}
input:-moz-placeholder {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
}
input::-moz-placeholder {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
}
input::-webkit-input-placeholder {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
}
input:-ms-input-placeholder {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
}
input .style {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
input:-moz-placeholder {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
input::-moz-placeholder {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
input::-webkit-input-placeholder {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
input:-ms-input-placeholder {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
select {
  background: #fff;
  border: 1px solid rgba(204, 204, 204, 0.5);
  padding: 0 20px;
  line-height: 40px;
  font-size: 14px;
  font-weight: 300;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  -webkit-outline: none;
  -moz-outline: none;
}
button,
.button-like {
  background: #00857b;
  color: #fff;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: none;
  font-weight: 300;
  font-size: 15px;
  border-radius: 2px;
}
button:active,
.button-like:active {
  outline: none;
}
button.warning,
.button-like.warning,
button.delete,
.button-like.delete,
button.red,
.button-like.red {
  background: #D71939;
}
.action-button {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: #f3f5f6;
  border: 1px solid #e7ecee;
  padding: 15px 10px;
  cursor: pointer;
  color: #295062;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
}
.action-button .icon-repeat:before {
  content: "\E058";
}
.action-button .icon-check:before {
  content: "\E600";
}
.action-button .icon-warning:before {
  content: "\E62D";
}
.action-button:hover {
  background: #eceff1;
}
.action-button.state-waiting {
  color: #fff;
  background: #1099FC;
  cursor: default;
}
.action-button.state-waiting .action-button-state-icon {
  -webkit-animation: spin 1.2s infinite linear;
  -moz-animation: spin 1.2s infinite linear;
  -o-animation: spin 1.2s infinite linear;
  -ms-animation: spin 1.2s infinite linear;
}
.action-button.state-waiting .icon:before {
  content: "\E058";
}
.action-button.state-success {
  cursor: default;
  color: #fff;
  background: #00857b;
  border-color: #00665f;
}
.action-button.state-success .icon:before {
  content: "\E600";
}
.action-button.state-error {
  color: #fff;
  background: #D71939;
  border-color: #bc1632;
}
.action-button.state-error .icon:before {
  content: "\E62D";
}
.action-button .action-button-text {
  margin-left: 7px;
  font-weight: 600;
}
.action-button .action-button-state-icon {
  margin-left: -10px;
}
.collaborator-comment-button {
  background: #242c39;
}
body,
html {
  height: 100%;
}
body {
  -webkit-font-smoothing: antialiased;
}
a {
  text-decoration: none;
}
ul {
  margin: 0;
  padding: 0;
}
::selection {
  background: rgba(16, 153, 252, 0.35);
  color: inherit;
}
::-moz-selection {
  background: rgba(16, 153, 252, 0.35);
  color: inherit;
}
module,
item,
items,
quote,
viewport,
block,
content,
projects,
display,
edit,
actions-box,
block-border,
block-browser,
browser-results,
browser-controls,
new-item-button,
section-actions,
section-controls,
quote-total,
wrapper,
qwilr-video,
field,
quote-formula-function {
  display: block;
  outline: none;
  -webkit-outline: none;
}
.opentip-container,
.opentip-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.opentip-container {
  position: absolute;
  max-width: 300px;
  z-index: 100;
  -webkit-transition: -webkit-transform 1s ease-in-out;
  -moz-transition: -moz-transform 1s ease-in-out;
  -o-transition: -o-transform 1s ease-in-out;
  -ms-transition: -ms-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  pointer-events: none;
  -webkit-transform: translateX(0) translateY(0);
  -moz-transform: translateX(0) translateY(0);
  -o-transform: translateX(0) translateY(0);
  -ms-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
}
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-center,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-center,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-center {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-right {
  -webkit-transform: translateY(-5px) translateX(5px);
  -moz-transform: translateY(-5px) translateX(5px);
  -o-transform: translateY(-5px) translateX(5px);
  -ms-transform: translateY(-5px) translateX(5px);
  transform: translateY(-5px) translateX(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-middle.stem-right {
  -webkit-transform: translateX(5px);
  -moz-transform: translateX(5px);
  -o-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-right {
  -webkit-transform: translateY(5px) translateX(5px);
  -moz-transform: translateY(5px) translateX(5px);
  -o-transform: translateY(5px) translateX(5px);
  -ms-transform: translateY(5px) translateX(5px);
  transform: translateY(5px) translateX(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-center,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-center,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-center {
  -webkit-transform: translateY(5px);
  -moz-transform: translateY(5px);
  -o-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-left {
  -webkit-transform: translateY(5px) translateX(-5px);
  -moz-transform: translateY(5px) translateX(-5px);
  -o-transform: translateY(5px) translateX(-5px);
  -ms-transform: translateY(5px) translateX(-5px);
  transform: translateY(5px) translateX(-5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-middle.stem-left {
  -webkit-transform: translateX(-5px);
  -moz-transform: translateX(-5px);
  -o-transform: translateX(-5px);
  -ms-transform: translateX(-5px);
  transform: translateX(-5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-left {
  -webkit-transform: translateY(-5px) translateX(-5px);
  -moz-transform: translateY(-5px) translateX(-5px);
  -o-transform: translateY(-5px) translateX(-5px);
  -ms-transform: translateY(-5px) translateX(-5px);
  transform: translateY(-5px) translateX(-5px);
}
.opentip-container.ot-fixed .opentip {
  pointer-events: auto;
}
.opentip-container.ot-hidden {
  display: none;
}
.opentip-container .opentip {
  position: relative;
  font-size: 13px;
  line-height: 120%;
  padding: 9px 14px;
  color: #4f4b47;
  text-shadow: -1px -1px 0px rgba(255, 255, 255, 0.2);
}
.opentip-container .opentip .header {
  margin: 0;
  padding: 0;
}
.opentip-container .opentip .ot-close {
  pointer-events: auto;
  display: block;
  position: absolute;
  top: -12px;
  left: 60px;
  color: rgba(0, 0, 0, 0.5);
  background: rgba(0, 0, 0, 0);
  text-decoration: none;
}
.opentip-container .opentip .ot-close span {
  display: none;
}
.opentip-container .opentip .ot-loading-indicator {
  display: none;
}
.opentip-container.ot-loading .ot-loading-indicator {
  width: 30px;
  height: 30px;
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
  display: block;
}
.opentip-container.ot-loading .ot-loading-indicator span {
  display: block;
  -webkit-animation: otloading 2s linear infinite;
  -moz-animation: otloading 2s linear infinite;
  -o-animation: otloading 2s linear infinite;
  -ms-animation: otloading 2s linear infinite;
  animation: otloading 2s linear infinite;
  text-align: center;
}
.opentip-container.style-dark .opentip,
.opentip-container.style-alert .opentip {
  color: #f8f8f8;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
}
.opentip-container.style-glass .opentip {
  padding: 15px 25px;
  color: #317cc5;
  text-shadow: 1px 1px 8px rgba(0, 94, 153, 0.3);
}
.opentip-container.ot-hide-effect-fade {
  -webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -ms-transition: -ms-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.opentip-container.ot-hide-effect-fade.ot-hiding {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.opentip-container.ot-show-effect-appear.ot-going-to-show,
.opentip-container.ot-show-effect-appear.ot-showing {
  -webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -ms-transition: -ms-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
}
.opentip-container.ot-show-effect-appear.ot-going-to-show {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.opentip-container.ot-show-effect-appear.ot-showing {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.opentip-container.ot-show-effect-appear.ot-visible {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
@-moz-keyframes otloading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes otloading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes otloading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes otloading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes otloading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.textStyle {
  color: #fff;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
  font-size: 12px;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
.style-qwilrStyle .opentip {
  background: #00857b;
}
.style-qwilrStyle .opentip h1,
.style-qwilrStyle .opentip .ot-content {
  color: #fff;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
  font-size: 12px;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
.style-qwilrRed .opentip {
  background: #D71939;
}
.style-qwilrRed .opentip h1,
.style-qwilrRed .opentip .ot-content {
  color: #fff;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
  font-size: 12px;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 4px;
  border: none;
  border-radius: 4px;
  background: rgba(36, 44, 57, 0.05);
  outline: none;
}
input[type=range]:active {
  outline: none;
}
input[type=range] .handle {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background: rgba(0, 133, 123, 0.5);
  -webkit-transition: background 0.35s, width 0.2s, height 0.2s;
  -moz-transition: background 0.35s, width 0.2s, height 0.2s;
  -o-transition: background 0.35s, width 0.2s, height 0.2s;
  transition: background 0.35s, width 0.2s, height 0.2s;
}
input[type=range] .handle:hover {
  background: #00857b;
  background: #009f93;
  width: 18px;
  height: 18px;
}
input[type=range] .handle:active {
  width: 24px;
  height: 24px;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background: rgba(0, 133, 123, 0.5);
  -webkit-transition: background 0.35s, width 0.2s, height 0.2s;
  -moz-transition: background 0.35s, width 0.2s, height 0.2s;
  -o-transition: background 0.35s, width 0.2s, height 0.2s;
  transition: background 0.35s, width 0.2s, height 0.2s;
}
input[type=range]::-webkit-slider-thumb:hover {
  background: #00857b;
  background: #009f93;
  width: 18px;
  height: 18px;
}
input[type=range]::-webkit-slider-thumb:active {
  width: 24px;
  height: 24px;
}
input[type=range]::-moz-range-thumb {
  -moz-appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background: rgba(0, 133, 123, 0.5);
  -webkit-transition: background 0.35s, width 0.2s, height 0.2s;
  -moz-transition: background 0.35s, width 0.2s, height 0.2s;
  -o-transition: background 0.35s, width 0.2s, height 0.2s;
  transition: background 0.35s, width 0.2s, height 0.2s;
}
input[type=range]::-moz-range-thumb:hover {
  background: #00857b;
  background: #009f93;
  width: 18px;
  height: 18px;
}
input[type=range]::-moz-range-thumb:active {
  width: 24px;
  height: 24px;
}
.audit-trail {
  background-color: white;
  page-break-before: always;
}
.audit-trail h1 {
  font-size: 22pt;
  text-align: center;
  margin: 0.5cm 0;
}
.audit-trail table {
  width: 70%;
  margin: 20px auto;
  font-size: 8pt;
}
.audit-trail table th {
  font-weight: bold;
  background: #fbfbfb;
}
.audit-trail table th,
.audit-trail table td {
  padding: 0.25cm;
  border: 1px solid #ededed;
  vertical-align: middle;
}
.audit-trail--old {
  padding: 0.5cm;
}
.audit-trail .audit-table {
  table-layout: fixed;
  word-wrap: break-word;
  width: 100%;
}
.audit-trail .signature {
  width: 6cm;
}
@media all and (min-width: 1140px) {
  .embed-block iframe {
    max-width: 1138px;
  }
}
@media all and (max-width: 1140px) {
  .embed-block iframe {
    max-width: calc(100vw - 2px);
  }
}
.embed-block .iframe-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  height: inherit;
}
/*
  See: /Common/NavigationMenu/NavigationMenu.less
  For details of the boundaries between Common/Client/Public styles.
*/
.sidebar-menu-container {
  z-index: 50;
}
.sidebar-menu-widget .navigation-menu-foldout {
  top: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.sidebar-menu-widget .navigation-menu-foldout.withCollaboratorNav {
  top: calc(48px + 1px);
  height: calc(100% - 48px + 1px);
}
.sidebar-menu-widget .navigation-menu-foldout .foldout-main {
  padding: 0 11%;
  height: calc(100% - 120px);
}
.sidebar-menu-widget .navigation-menu-foldout .menu {
  height: calc(100% - 120px);
}
.sidebar-menu-widget .navigation-menu-foldout .title {
  margin-top: 25px;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-size: 20px;
  letter-spacing: 0.1em;
  color: #505661;
  -webkit-transform: translateX(-2px);
  -moz-transform: translateX(-2px);
  -o-transform: translateX(-2px);
  -ms-transform: translateX(-2px);
  transform: translateX(-2px);
}
.sidebar-menu-widget .navigation-menu-foldout .block-links {
  max-height: calc(100% - 20px);
  padding: 0;
}
.sidebar-menu-widget .navigation-menu-foldout .block-links .block-link .name {
  margin-left: 0;
}
.page-content-wrapper.with-sidebar .rendered-content {
  margin-left: 300px;
  -webkit-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  -moz-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  -o-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -moz-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -o-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
}
.page-content-wrapper.with-sidebar.sidebar-closed .rendered-content {
  margin-left: 60px;
}
@media all and (max-width: 750px) {
  .page-content-wrapper.with-sidebar .rendered-content {
    margin-left: 0;
  }
  .page-content-wrapper.with-sidebar.sidebar-closed .rendered-content {
    margin-left: 0;
  }
  .page-content-wrapper.with-sidebar.sidebar-closed .sidebar-control {
    top: 10px;
    background: #fff;
    border-radius: 50px;
    height: 50px;
    width: 50px;
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  }
  .page-content-wrapper.with-sidebar.sidebar-closed .sidebar-control.withCollaboratorNav {
    top: 59px;
  }
  .page-content-wrapper.with-sidebar.sidebar-closed .navigation-menu-foldout {
    display: none;
  }
  .page-content-wrapper.with-sidebar.sidebar-closed .sidebar-menu-container {
    height: 50px;
  }
}
.with-sidebar .qwilr-badge {
  margin-left: 300px;
  -webkit-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  -moz-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  -o-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -moz-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -o-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
}
@media all and (max-width: 750px) {
  .with-sidebar .qwilr-badge {
    margin-left: 0;
  }
}
.with-sidebar.sidebar-closed .qwilr-badge {
  margin-left: 60px;
}
@media all and (max-width: 750px) {
  .with-sidebar.sidebar-closed .qwilr-badge {
    margin-left: 0;
  }
}
.header-menu-container {
  z-index: 50;
}
.header-menu-widget {
  z-index: 50;
  -webkit-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  -moz-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  -o-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -moz-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -o-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
}
.header-menu-widget.withCollaboratorNav {
  top: calc(48px + 1px);
}
.header-menu-widget__masthead {
  -webkit-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.01, 1);
  -moz-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.01, 1);
  -o-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.01, 1);
  transition: all 0.2s cubic-bezier(0.58, 0.3, 0.01, 1);
  -webkit-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -moz-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -o-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  transition: all 0.2s cubic-bezier(0.58, 0.3, 0.01, 1), X;
}
.header-menu-widget__masthead .qwilr-logo {
  min-width: 20px;
  max-width: 20px;
  margin-right: 20px;
  opacity: 0.9;
}
@media all and (max-width: 400px) {
  .header-menu-widget__masthead .qwilr-logo {
    margin-right: 10px;
  }
}
.header-menu-widget__masthead .acceptance-controls {
  margin-left: auto;
  margin-right: 16px;
}
.header-menu-widget__masthead .acceptance-controls + .control {
  margin-left: initial;
}
.header-menu-widget__masthead .acceptance-controls .project-total {
  margin-right: 14px;
  color: #81a2b2;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
}
.header-menu-widget__masthead .acceptance-controls .accept-wrapper {
  min-height: initial;
}
.header-menu-widget__masthead .acceptance-controls .accept-button-v2 {
  height: 34px;
  width: 98px;
  border-radius: 2px;
  text-transform: uppercase;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "calibre-legacy", sans-serif !important;
}
.header-menu-widget__masthead .acceptance-controls .accept-button-v2:not(.disabled) {
  background: #00A79E;
  cursor: pointer;
}
.header-menu-widget__masthead .acceptance-controls .accept-button-v2.default-text {
  letter-spacing: normal;
  text-transform: none;
}
.header-menu-widget__masthead .acceptance-controls .accept-button-v2.disabled {
  background: rgba(129, 162, 178, 0.4);
}
.header-menu-widget__masthead .control {
  margin-left: auto;
  z-index: 51;
}
.header-menu-widget__masthead .project-name {
  font-size: 14px;
  color: #889ea8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header-menu-widget__masthead .header-menu-actions {
  display: flex;
  flex-grow: 1;
}
.header-menu-widget .navigation-menu-foldout.right-hand-side {
  top: 0;
  padding: 0;
  height: 100%;
  background: #fff;
  z-index: 50;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.header-menu-widget .navigation-menu-foldout.right-hand-side.withCollaboratorNav {
  top: calc(48px + 1px);
  height: calc(100% - 48px - 1px);
}
.header-menu-widget .navigation-menu-foldout.right-hand-side .control {
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 30px;
  color: #7c8088;
  cursor: pointer;
}
.header-menu-widget .navigation-menu-foldout.right-hand-side .menu {
  margin-top: 35px;
  height: 65vh;
  overflow: auto;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media all and (max-width: 400px) {
  .header-menu-widget .navigation-menu-foldout.right-hand-side .menu {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.header-menu-widget .navigation-menu-foldout.right-hand-side .menu .title {
  text-transform: uppercase;
  font-size: 30px;
  letter-spacing: 0.1em;
  color: #505661;
  -webkit-transform: translateX(-2px);
  -moz-transform: translateX(-2px);
  -o-transform: translateX(-2px);
  -ms-transform: translateX(-2px);
  transform: translateX(-2px);
}
.header-menu-widget .navigation-menu-foldout.right-hand-side .menu .block-links {
  padding: 0;
  margin-top: 15px;
  height: calc(100% - 100px);
}
.header-menu-widget .navigation-menu-foldout.right-hand-side .menu .block-links .block-link {
  margin: 12px 0;
  display: block;
}
.header-menu-widget .navigation-menu-foldout.right-hand-side .menu .block-links .name {
  margin-left: 0;
}
body.with-fixed-header-menu {
  padding-top: 60px;
  -webkit-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  -moz-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  -o-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -moz-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -o-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
}
.page-content-wrapper {
  -webkit-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.01, 1);
  -moz-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.01, 1);
  -o-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.01, 1);
  transition: all 0.2s cubic-bezier(0.58, 0.3, 0.01, 1);
  -webkit-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -moz-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -o-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  transition: all 0.2s cubic-bezier(0.58, 0.3, 0.01, 1), X;
}
.page-content-wrapper.fade-content {
  opacity: 0.6;
}
body.with-fixed-header-menu.with-sidebar-right-side {
  padding-top: 0;
}
.with-sidebar-right-side .header-menu-widget {
  top: -60px !important;
}
.with-sidebar-right-side .rendered-content,
.with-sidebar-right-side .qwilr-badge {
  -webkit-transform: translateX(-375px);
  -moz-transform: translateX(-375px);
  -o-transform: translateX(-375px);
  -ms-transform: translateX(-375px);
  transform: translateX(-375px);
  -webkit-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  -moz-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  -o-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -moz-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -o-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
}
.with-sidebar-right-side .background-blur {
  opacity: 1;
}
.background-blur {
  background: rgba(10, 13, 18, 0.5);
  -webkit-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  -moz-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  -o-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -moz-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -o-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  opacity: 0;
  height: 100%;
  width: 100%;
  z-index: 49;
  position: fixed;
  top: 0;
  left: 0;
}
.navigation-made-with-qwilr .badge {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: #fff;
  border-top: 1px solid #f3f5f6;
  width: 100%;
  padding: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.navigation-made-with-qwilr .badge .logo {
  max-width: 15px;
  width: 15px;
  margin-right: 10px;
  opacity: 0.8;
}
.navigation-made-with-qwilr .badge .tagline {
  color: #416374;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
}
/*
  To preserve our WYSWYG promise to users, the look and feel of the
  Navigation Widgets need to be the same across Client/Public as far as
  possible. Hence: we abstract the styling of common aspects here to ensure
  a stylistic match.

  It can be a little tricky to remember where styles should go, so here is a
  breakdown of the boundaries between Client/Public/Common in regards to styles.

  Common: Styles should go here when they pertain to the navigation widgets
  regardless of what context they are in.

  Client: The only styles that should live here are for UI that appear only
  in the client app. For example editing widgets that live inside the in-editor
  navigation widget.

  Public: The only styles that should live here are specific tweaks for UI
  in the public page context that differs from the client context.

  One thing to keep in mind is that z-indexes are defined separately per-app;
  so don't forget you need to define z-index properties for the various pieces
  of navigation widget UI for each app context.
*/
.sidebar-menu-container {
  min-width: 300px;
  width: 300px;
  position: fixed;
  -webkit-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1);
  -moz-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1);
  -o-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1);
  transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1);
  -webkit-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -moz-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -o-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  top: 0;
  left: 0;
}
.sidebar-menu-container .navigation-menu-foldout {
  min-width: 300px;
  width: 300px;
  padding-top: 30px;
}
.sidebar-menu-container .navigation-menu-foldout.left-hand-side.closed {
  -webkit-transform: translateX(-240px);
  -moz-transform: translateX(-240px);
  -o-transform: translateX(-240px);
  -ms-transform: translateX(-240px);
  transform: translateX(-240px);
  opacity: 1;
}
.sidebar-menu-container .menu-footer {
  background: #f8f8f8;
  height: 120px;
  padding: 30px 0 0 30px;
  opacity: 1;
  -webkit-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1);
  -moz-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1);
  -o-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1);
  transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1);
  -webkit-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -moz-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -o-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1), X;
}
.sidebar-menu-container .menu-footer .business-meta .wrapper .account-name {
  font-size: 12px;
}
.sidebar-menu-container .menu-footer .contact {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #e7ecee;
}
.sidebar-menu-container .menu-footer .contact .wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.sidebar-menu-container .menu-footer .contact .wrapper img {
  width: 22px;
}
.sidebar-menu-container .menu-footer .contact .wrapper .email {
  margin-left: 5px;
  border-bottom: none;
  padding-bottom: 0;
}
.sidebar-menu-container .sidebar-control {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1);
  -moz-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1);
  -o-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1);
  transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1);
  -webkit-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -moz-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -o-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  z-index: 1000;
  width: 300px;
  position: fixed;
  top: 0px;
}
.sidebar-menu-container .sidebar-control.withCollaboratorNav {
  top: calc(48px + 1px);
}
.sidebar-menu-container .sidebar-control .navigation-menu-icon {
  width: 20px;
  cursor: pointer;
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  -o-transform: translateY(8px);
  -ms-transform: translateY(8px);
  transform: translateY(8px);
}
.sidebar-menu-container .sidebar-control .navigation-menu-icon:hover .line {
  background: #94a7b1;
}
.sidebar-menu-container .sidebar-control .navigation-menu-icon .line {
  height: 2px;
  width: 100%;
  background: #c4ced4;
  margin: 5px 0;
  -webkit-transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1);
  -moz-transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1);
  -o-transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1);
  transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1);
  -webkit-transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -moz-transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -o-transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1), X;
}
.sidebar-menu-container .sidebar-control .navigation-menu-icon .line:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sidebar-menu-container .sidebar-control .navigation-menu-icon .line:nth-child(3) {
  -webkit-transform: rotate(-45deg) translateY(-10px) translateX(10px);
  -moz-transform: rotate(-45deg) translateY(-10px) translateX(10px);
  -o-transform: rotate(-45deg) translateY(-10px) translateX(10px);
  -ms-transform: rotate(-45deg) translateY(-10px) translateX(10px);
  transform: rotate(-45deg) translateY(-10px) translateX(10px);
}
.sidebar-menu-container .sidebar-control .navigation-menu-icon .middle-line {
  opacity: 0;
}
.sidebar-menu-container .sidebar-control .navigation-menu-icon.closed {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.sidebar-menu-container .sidebar-control .navigation-menu-icon.closed .line:nth-child(1) {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.sidebar-menu-container .sidebar-control .navigation-menu-icon.closed .line:nth-child(3) {
  -webkit-transform: rotate(0deg) translateY(0px) translateX(0);
  -moz-transform: rotate(0deg) translateY(0px) translateX(0);
  -o-transform: rotate(0deg) translateY(0px) translateX(0);
  -ms-transform: rotate(0deg) translateY(0px) translateX(0);
  transform: rotate(0deg) translateY(0px) translateX(0);
}
.sidebar-menu-container .sidebar-control .navigation-menu-icon.closed .middle-line {
  opacity: 1;
}
.sidebar-menu-container .sidebar-control .navigation-menu-icon {
  margin-left: auto;
  margin-right: 15px;
  margin-top: 12px;
}
.sidebar-menu-container.closed .menu-footer {
  opacity: 0;
}
.sidebar-menu-container.closed .sidebar-control {
  -webkit-transform: translateX(-244px);
  -moz-transform: translateX(-244px);
  -o-transform: translateX(-244px);
  -ms-transform: translateX(-244px);
  transform: translateX(-244px);
}
@media all and (max-width: 400px) {
  .sidebar-menu-container:not(.closed) {
    min-width: 100%;
    width: 100%;
  }
  .sidebar-menu-container:not(.closed) .navigation-menu-foldout,
  .sidebar-menu-container:not(.closed) .sidebar-control {
    min-width: 100%;
    width: 100%;
  }
}
.header-menu-container .header-menu-widget {
  background: #fcfdfd;
  height: 60px;
}
.header-menu-container .header-menu-widget.fixed {
  position: fixed;
  top: 0;
  width: 100%;
}
.header-menu-container .header-menu-widget.fixed.withCollaboratorNav {
  top: calc(48px + 1px);
}
.header-menu-container .header-menu-widget__masthead {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 20px;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #f3f5f6;
}
@media all and (max-width: 400px) {
  .header-menu-container .header-menu-widget__masthead {
    padding-left: 15px;
  }
}
.header-menu-container .header-menu-widget__masthead .control {
  border-left: 1px solid #f3f5f6;
  padding: 17px 20px;
  cursor: pointer;
}
.header-menu-container .header-menu-widget .control .navigation-menu-icon {
  width: 20px;
  cursor: pointer;
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  -o-transform: translateY(8px);
  -ms-transform: translateY(8px);
  transform: translateY(8px);
}
.header-menu-container .header-menu-widget .control .navigation-menu-icon:hover .line {
  background: #94a7b1;
}
.header-menu-container .header-menu-widget .control .navigation-menu-icon .line {
  height: 2px;
  width: 100%;
  background: #c4ced4;
  margin: 5px 0;
  -webkit-transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1);
  -moz-transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1);
  -o-transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1);
  transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1);
  -webkit-transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -moz-transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -o-transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1), X;
}
.header-menu-container .header-menu-widget .control .navigation-menu-icon .line:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.header-menu-container .header-menu-widget .control .navigation-menu-icon .line:nth-child(3) {
  -webkit-transform: rotate(-45deg) translateY(-10px) translateX(10px);
  -moz-transform: rotate(-45deg) translateY(-10px) translateX(10px);
  -o-transform: rotate(-45deg) translateY(-10px) translateX(10px);
  -ms-transform: rotate(-45deg) translateY(-10px) translateX(10px);
  transform: rotate(-45deg) translateY(-10px) translateX(10px);
}
.header-menu-container .header-menu-widget .control .navigation-menu-icon .middle-line {
  opacity: 0;
}
.header-menu-container .header-menu-widget .control .navigation-menu-icon.closed {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.header-menu-container .header-menu-widget .control .navigation-menu-icon.closed .line:nth-child(1) {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.header-menu-container .header-menu-widget .control .navigation-menu-icon.closed .line:nth-child(3) {
  -webkit-transform: rotate(0deg) translateY(0px) translateX(0);
  -moz-transform: rotate(0deg) translateY(0px) translateX(0);
  -o-transform: rotate(0deg) translateY(0px) translateX(0);
  -ms-transform: rotate(0deg) translateY(0px) translateX(0);
  transform: rotate(0deg) translateY(0px) translateX(0);
}
.header-menu-container .header-menu-widget .control .navigation-menu-icon.closed .middle-line {
  opacity: 1;
}
.header-menu-container .foldout-main {
  padding: 35px 13% 0;
  height: calc(100% -  120px);
}
.header-menu-container .navigation-menu-foldout {
  width: 600px;
  max-width: 100%;
  top: 0;
  height: 100%;
}
.header-menu-container .navigation-menu-foldout .menu-footer {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
  -moz-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
  max-height: 15%;
  min-height: 120px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #f3f5f6;
}
.header-menu-container .navigation-menu-foldout .menu-footer .menu-footer-item {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
  min-width: 210px;
}
.header-menu-container .navigation-menu-foldout .menu-footer .business-meta,
.header-menu-container .navigation-menu-foldout .menu-footer .contact {
  heigth: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.header-menu-container .navigation-menu-foldout .menu-footer .business-meta {
  width: 50%;
  border-right: 1px solid #f5f7f8;
  background: #fdfdfd;
  padding: 0 20px;
}
.header-menu-container .navigation-menu-foldout .menu-footer .contact {
  width: 50%;
  background: #fbfbfb;
}
.header-menu-container .navigation-menu-foldout .menu-footer .contact .wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media all and (max-width: 400px) {
  .header-menu-container:not(.closed) {
    min-width: 100%;
    width: 100%;
  }
  .header-menu-container:not(.closed) .navigation-menu-foldout,
  .header-menu-container:not(.closed) .sidebar-control {
    min-width: 100%;
    width: 100%;
  }
}
.no-flexbox .header-menu-container .header-menu-widget .project-name,
.no-flexbox .header-menu-container .header-menu-widget .control {
  position: absolute;
}
.no-flexbox .header-menu-container .header-menu-widget .project-name {
  left: 20px;
  top: 20px;
  width: 80%;
}
.no-flexbox .header-menu-container .header-menu-widget .control {
  right: 20px;
  top: 15px;
}
.navigation-menu-foldout {
  background: #fff;
  position: fixed;
  height: 100%;
  -webkit-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  -moz-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  -o-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -moz-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -o-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
.navigation-menu-foldout .qwilr-project-meta {
  padding-bottom: 15px;
  border-bottom: 4px solid #f3f5f6;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.navigation-menu-foldout .qwilr-project-meta .icon {
  width: 20px;
  margin-right: 10px;
}
.navigation-menu-foldout .qwilr-project-meta .text .label {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 10px;
  color: #c8cace;
  margin-bottom: 5px;
  letter-spacing: 0.3em;
}
.navigation-menu-foldout .qwilr-project-meta .text .project-name {
  font-size: 11px;
  letter-spacing: 0.01em;
  color: #92969c;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
  line-height: 1.2;
}
.navigation-menu-foldout.left-hand-side {
  left: 0;
  border-right: 1px solid #f1f3f5;
}
.navigation-menu-foldout.left-hand-side.closed {
  -webkit-transform: translateX(-700px);
  -moz-transform: translateX(-700px);
  -o-transform: translateX(-700px);
  -ms-transform: translateX(-700px);
  transform: translateX(-700px);
}
.navigation-menu-foldout.right-hand-side {
  right: 0;
  border-left: 1px solid #f1f3f5;
}
.navigation-menu-foldout.right-hand-side.closed {
  -webkit-transform: translateX(700px);
  -moz-transform: translateX(700px);
  -o-transform: translateX(700px);
  -ms-transform: translateX(700px);
  transform: translateX(700px);
}
.navigation-menu-foldout .content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.navigation-menu-foldout.closed {
  opacity: 0;
}
.navigation-menu-foldout.closed .block-links,
.navigation-menu-foldout.closed .foldout-main {
  visibility: hidden;
}
.navigation-menu-foldout.closed .block-links .block-link-wrapper,
.navigation-menu-foldout.closed .foldout-main .block-link-wrapper {
  opacity: 0;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}
.navigation-menu-foldout .block-links {
  max-height: calc(100% -  120px * 1.5);
  padding: 0 15px;
  overflow-y: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.navigation-menu-foldout .block-links .block-link-wrapper {
  opacity: 1;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
  -moz-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
  -o-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
  transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
  -webkit-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
  -moz-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
  -o-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
  transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
}
.navigation-menu-foldout .block-links .block-link {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
  -moz-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
  -o-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
  transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
  -webkit-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
  -moz-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
  -o-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
  transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
  font-size: 14px;
  font-weight: 400;
  color: #587785;
  margin: 20px 0;
  cursor: pointer;
}
.navigation-menu-foldout .block-links .block-link .name {
  -webkit-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
  -moz-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
  -o-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
  transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
  -webkit-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
  -moz-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
  -o-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
  transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
  margin-left: 10px;
  position: relative;
  display: inline-block;
  line-height: 1.5;
  color: #242C39;
  font-weight: 400;
  font-family: "calibre-legacy", sans-serif;
  font-size: 13px;
}
.navigation-menu-foldout .block-links .block-link .name .hover-underline {
  opacity: 0;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
  -moz-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
  -o-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
  transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
  -webkit-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
  -moz-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
  -o-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
  transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  background: #b8c5cb;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.navigation-menu-foldout .block-links .block-link .name:hover {
  color: #113c51;
  border-color: #e7ecee;
}
.navigation-menu-foldout .block-links .block-link .name:hover .hover-underline {
  opacity: 1;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.navigation-menu-foldout .menu-footer .business-meta .account-name {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.15em;
  font-size: 9px;
  color: #587785;
  margin-bottom: 4px;
}
.navigation-menu-foldout .menu-footer .business-meta .user-name {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  color: #a7abb0;
  font-size: 11px;
}
.navigation-menu-foldout .menu-footer .contact img {
  width: 40px;
}
.navigation-menu-foldout .menu-footer .contact .email {
  display: block;
  font-size: 9px;
  font-family: "calibre-legacy", sans-serif;
  color: #1099FC;
  font-weight: 600;
  border-bottom: 2px solid rgba(16, 153, 252, 0.2);
  padding-bottom: 4px;
}
.modest-badge {
  box-shadow: 0 -1px 0 0 rgba(129, 162, 178, 0.2);
  z-index: 48;
  position: relative;
  background: #fff;
  height: 120px;
  color: white;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 30px;
  padding-left: 30px;
}
@media all and (max-width: 400px) {
  .modest-badge {
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.modest-badge .modest-container {
  padding: 8px;
  font-size: 12px;
  background: #00857b;
  color: white;
  height: 40px;
}
@media all and (max-width: 400px) {
  .modest-badge .modest-container {
    margin-top: 30px;
  }
}
.modest-badge .modest-container,
.modest-badge .text {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.modest-badge .tagline {
  color: #81a2b2;
  font-size: 14px;
  margin-right: 15px;
  font-family: "calibre-legacy", sans-serif;
}
@media all and (max-width: 400px) {
  .modest-badge .tagline {
    margin-top: 15px;
    text-align: center;
    margin-right: 0px;
  }
}
.modest-badge .logo {
  width: 24px;
  height: 24px;
  margin-right: 5px;
}
.corner-badge {
  position: fixed;
  z-index: 47;
  right: 10px;
  bottom: 15px;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
}
.corner-badge .corner-container {
  padding: 8px;
  font-size: 12px;
  color: #81a2b2;
  height: 40px;
  background: white;
}
.corner-badge .corner-container,
.corner-badge .text {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.corner-badge .logo {
  width: 24px;
  height: 24px;
  margin-right: 7px;
}
.corner-badge .create-your-own {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  height: 12px;
  word-break: break-all;
  white-space: pre;
}
.with-sidebar-right-side .corner-badge,
.with-sidebar:not(.sidebar-closed) .corner-badge {
  opacity: 0;
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -o-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
}
.footer-badge {
  box-shadow: 0 -1px 0 0 rgba(129, 162, 178, 0.2);
  z-index: 48;
  position: relative;
  background: #fff;
  height: 240px;
}
.footer-badge .footer-container {
  padding: 10px;
  font-size: 16px;
  background-color: #00857b;
  color: white;
}
.footer-badge .logo {
  min-width: 24px;
  width: 24px;
  margin-right: 5px;
}
.social-badge {
  position: fixed;
  z-index: 47;
  padding: 14px 10px;
  left: 20px;
  top: 50%;
  margin-top: -71px;
  height: 142px;
  width: 52px;
  background: #fff;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  border: 1px solid rgba(129, 162, 178, 0.25);
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1);
  -moz-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1);
  -o-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1);
  transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1);
  -webkit-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -moz-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -o-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1), X;
}
@media all and (max-width: 400px) {
  .social-badge {
    left: auto;
    right: 0;
  }
}
.with-sidebar.sidebar-closed .social-badge {
  -webkit-transform: translateX(60px);
  -moz-transform: translateX(60px);
  -o-transform: translateX(60px);
  -ms-transform: translateX(60px);
  transform: translateX(60px);
}
.with-sidebar:not(.sidebar-closed) .social-badge {
  -webkit-transform: translateX(300px);
  -moz-transform: translateX(300px);
  -o-transform: translateX(300px);
  -ms-transform: translateX(300px);
  transform: translateX(300px);
}
.with-sidebar-right-side .social-badge {
  opacity: 0;
  -webkit-transform: translateX(-100px);
  -moz-transform: translateX(-100px);
  -o-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  transform: translateX(-100px);
}
.qwilr-badge {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
}
.qwilr-badge .badge-container {
  border: 1px solid rgba(129, 162, 178, 0.5);
  border-radius: 3px;
  font-family: "calibre-legacy", sans-serif;
}
.qwilr-badge .text {
  text-transform: uppercase;
  margin-right: 5px;
}
.floating-badge {
  position: fixed;
  z-index: 47;
}
.bottom-badge {
  box-shadow: 0 -1px 0 0 rgba(129, 162, 178, 0.2);
  z-index: 48;
  position: relative;
}
.accept-button {
  margin: 80px auto 0;
  min-width: 150px;
  max-width: 400px;
  height: 110px;
  background: #6fc088;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
}
@media all and (max-width: 400px) {
  .accept-button {
    margin: 80px 15px;
  }
}
.accept-button .icon {
  font-size: 200%;
  width: 110px;
  text-align: center;
  height: 110px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.accept-button .text {
  width: 90%;
  text-align: center;
  font-weight: 600;
  font-family: "calibre-legacy", sans-serif;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-size: 150%;
}
.accept-button:hover {
  background: #4fb26e;
}
.accept-form-container .close-button-container {
  text-align: right;
}
.accept-form-container .close-button-container .close-button {
  background: #fafafa;
  border: 1px solid #ededed;
  padding: 10px;
  display: inline-block;
  font-size: 80%;
}
.basic-form .field .flexi-label {
  position: absolute;
  top: 15px;
  font-size: 12px;
  color: #999999;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition: all 0.2s, X;
  -moz-transition: all 0.2s, X;
  -o-transition: all 0.2s, X;
  transition: all 0.2s, X;
}
.basic-form .field .flexi-label.ng-enter {
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
  -webkit-animation: fadeIn 0.3s, X;
  -moz-animation: fadeIn 0.3s, X;
  -o-animation: fadeIn 0.3s, X;
  animation: fadeIn 0.3s, X;
}
.basic-form .field .flexi-label.ng-leave {
  -webkit-animation: fadeOut 0.3s;
  -moz-animation: fadeOut 0.3s;
  -o-animation: fadeOut 0.3s;
  animation: fadeOut 0.3s;
  -webkit-animation: fadeOut 0.3s, X;
  -moz-animation: fadeOut 0.3s, X;
  -o-animation: fadeOut 0.3s, X;
  animation: fadeOut 0.3s, X;
}
.basic-form .field .flexi-label.placeholder {
  font-size: 14px;
  font-weight: 400;
}
.basic-form .field.focused .flexi-label {
  color: #00857b;
}
.basic-form .field .invalid {
  border: 1px solid #ffce53;
}
.accept-v2 {
  margin: 0 auto;
}
.accept-v2 .item .icon,
.accept-v2 .flexi-label {
  display: none !important;
}
.accept-v2 .accept-heading {
  color: #222222;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  width: 100%;
  margin-bottom: 15px;
  opacity: 0.7;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
}
.accept-v2 .accept-explainer {
  opacity: 0.7;
  color: #222222;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  width: 80%;
  margin: 0 auto 32px;
}
.accept-v2 .label {
  margin-left: 5px;
  margin-bottom: 5px;
  font-size: 15px;
}
.accept-v2 .field {
  margin-bottom: 20px;
}
.accept-v2 .field input,
.accept-v2 .field select {
  height: 55px;
  max-width: 320px;
  width: 100%;
  border: 1px solid rgba(129, 162, 178, 0.3);
  border-radius: unset;
  margin: 5px auto;
  font-size: 16px;
  line-height: 19px;
  text-transform: initial;
  font-weight: normal;
  font-family: "calibre-legacy", sans-serif;
  color: #737373;
  padding-left: 20px;
  letter-spacing: 0px;
}
.accept-v2 .field input.inline-accept-field,
.accept-v2 .field select.inline-accept-field {
  max-width: 400px;
  border-radius: 4px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  color: #242c39;
  font-weight: 600;
  font-size: 18px;
  padding: 8px 8px 8px 16px;
  margin: 0;
}
.accept-v2 .field input.inline-accept-field:hover,
.accept-v2 .field select.inline-accept-field:hover {
  border-color: rgba(129, 162, 178, 0.5);
}
.accept-v2 .field input.inline-accept-field:focus,
.accept-v2 .field select.inline-accept-field:focus {
  border-color: #81a2b2;
}
.accept-v2 .field input.inline-accept-field::placeholder,
.accept-v2 .field select.inline-accept-field::placeholder {
  color: rgba(129, 162, 178, 0.5);
  opacity: 1;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.accept-v2 .field input {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
}
.accept-v2 .field input .style {
  color: rgba(115, 115, 115, 0.5);
  font-size: 16px;
  font-style: initial;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.accept-v2 .field input:-moz-placeholder {
  color: rgba(115, 115, 115, 0.5);
  font-size: 16px;
  font-style: initial;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.accept-v2 .field input::-moz-placeholder {
  color: rgba(115, 115, 115, 0.5);
  font-size: 16px;
  font-style: initial;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.accept-v2 .field input::-webkit-input-placeholder {
  color: rgba(115, 115, 115, 0.5);
  font-size: 16px;
  font-style: initial;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.accept-v2 .field input:-ms-input-placeholder {
  color: rgba(115, 115, 115, 0.5);
  font-size: 16px;
  font-style: initial;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.accept-v2 .field input .style {
  color: rgba(115, 115, 115, 0.5);
  font-size: 16px;
  font-style: initial;
}
.accept-v2 .field input:-moz-placeholder {
  color: rgba(115, 115, 115, 0.5);
  font-size: 16px;
  font-style: initial;
}
.accept-v2 .field input::-moz-placeholder {
  color: rgba(115, 115, 115, 0.5);
  font-size: 16px;
  font-style: initial;
}
.accept-v2 .field input::-webkit-input-placeholder {
  color: rgba(115, 115, 115, 0.5);
  font-size: 16px;
  font-style: initial;
}
.accept-v2 .field input:-ms-input-placeholder {
  color: rgba(115, 115, 115, 0.5);
  font-size: 16px;
  font-style: initial;
}
.accept-v2 .field input .style {
  color: rgba(115, 115, 115, 0.5);
  font-size: 16px;
  font-style: initial;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.accept-v2 .field input:-moz-placeholder {
  color: rgba(115, 115, 115, 0.5);
  font-size: 16px;
  font-style: initial;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.accept-v2 .field input::-moz-placeholder {
  color: rgba(115, 115, 115, 0.5);
  font-size: 16px;
  font-style: initial;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.accept-v2 .field input::-webkit-input-placeholder {
  color: rgba(115, 115, 115, 0.5);
  font-size: 16px;
  font-style: initial;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.accept-v2 .field input:-ms-input-placeholder {
  color: rgba(115, 115, 115, 0.5);
  font-size: 16px;
  font-style: initial;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.accept-v2 .inline-accept.overlay-content {
  margin-top: 0;
}
.accept-v2 .inline-accept.overlay-content .header-content {
  margin-bottom: 24px;
}
.accept-v2 .inline-accept .accept-heading {
  font-family: "calibre-legacy", sans-serif !important;
  font-size: 22px;
  line-height: 1.1;
  margin-bottom: 0.4em;
  opacity: unset;
}
.accept-v2 .inline-accept .accept-explainer {
  font-family: "calibre-legacy", sans-serif !important;
  font-size: 18px;
  line-height: 1.4;
  width: unset;
  margin: 0 0 24px;
  opacity: unset;
}
.accept-v2 .inline-accept .field {
  margin-bottom: 24px;
}
.accept-v2 .inline-accept .label {
  margin-left: 0;
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
}
.accept-v2 .e-sign {
  margin-bottom: 20px;
  /*
    @HACK(mike, 2018-02-07) Unless the font is used, it won't load. So we need to force its usage
    so that the "Generate" button will work as expected.
  */
}
.accept-v2 .e-sign .esign-header {
  display: flex;
  justify-content: space-between;
}
.accept-v2 .e-sign .title {
  display: none;
}
.accept-v2 .e-sign .placeholder p {
  display: none;
}
.accept-v2 .e-sign .draw-input {
  position: relative;
  max-width: 320px;
  width: 100%;
  height: 145px;
  margin: 5px auto;
}
.accept-v2 .e-sign .signature-input {
  background-color: white;
  max-width: 320px;
  width: 100%;
  height: 145px;
  border: 1px solid rgba(129, 162, 178, 0.3);
}
.accept-v2 .e-sign .signature-input.invalid {
  border: 1px solid #ffce53;
}
.accept-v2 .e-sign .underline {
  position: absolute;
  bottom: 44px;
  height: 1px;
  width: 270px;
  left: 25px;
  right: 25px;
  background: rgba(129, 162, 178, 0.5);
}
.accept-v2 .e-sign .invisible-font-loader {
  font-family: Damion;
  height: 0;
  width: 0;
  position: absolute;
}
.accept-v2 .e-sign .generate-button {
  position: absolute;
  left: 20px;
  bottom: 11px;
  background: none;
  color: #00857b;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 5px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
}
.accept-v2 .e-sign .generate-button.disabled {
  opacity: 0.3;
  cursor: initial;
}
.accept-v2 .e-sign .clear-button {
  position: absolute;
  right: 20px;
  bottom: 11px;
  background: none;
  color: #81a2b2;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 5px;
}
.accept-v2 .disclaimer {
  display: flex;
  margin-top: 10px;
}
.accept-v2 .disclaimer .disclaimer-checkbox {
  margin: -6px 6px 0 0;
  height: 24px;
  width: 24px;
}
.accept-v2 .disclaimer .disclaimer-error {
  border: 1px solid #ffce53;
}
.accept-v2 .disclaimer .disclaimer-text p {
  text-align: justify;
  font-size: 16px;
  line-height: 1.3;
  color: #47535d;
}
.accept-v2 .accept-button-v2-wrapper.in-form {
  margin: 35px auto 40px;
}
.accept-v2 .accept-button-v2-wrapper.in-form ng-include,
.accept-v2 .accept-button-v2-wrapper.in-form .button,
.accept-v2 .accept-button-v2-wrapper.in-form .button__text {
  max-width: 100%;
}
.accept-v2 .accept-button-v2-wrapper.in-form .button {
  min-width: 159px;
}
.accept-v2 .accept-button-v2-wrapper.in-form .button__text {
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: none;
  letter-spacing: normal;
}
@media all and (max-width: 400px) {
  .accept-v2 .group-accept {
    margin-top: 0;
  }
}
.accept-v2 .group-accept.inline-accept {
  margin-top: 0;
}
.accept-v2 .group-accept .slot {
  padding: 12px 15px 12px 10px;
  max-width: 400px;
  width: 95%;
  height: 60px;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border: 1px solid #EAEAEA;
  margin: 0 auto 15px;
  cursor: pointer;
  background-color: white;
}
.accept-v2 .group-accept .slot .name {
  color: #7C949F;
  font-size: 14px;
  line-height: 17px;
  margin-left: 10px;
}
.accept-v2 .group-accept .slot .circle {
  height: 16px;
  width: 16px;
  border-radius: 100%;
  border: 1px solid rgba(129, 162, 178, 0.4);
  fill: #fff;
  margin-right: 8px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
}
.accept-v2 .group-accept .slot.complete {
  cursor: initial;
}
.accept-v2 .group-accept .slot.complete .circle {
  background: #00857b;
  border: 1px solid rgba(151, 151, 151, 0.4);
}
.accept-v2 .group-accept .slot.inline-group-accept {
  width: unset;
  height: unset;
  margin: 0 0 8px;
  padding: 16px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 8px;
  transition: box-shadow 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.accept-v2 .group-accept .slot.inline-group-accept .name {
  margin-left: 8px;
  color: #242c39;
  font-size: 16px;
  line-height: 16px;
}
.accept-v2 .group-accept .slot.inline-group-accept .circle {
  display: none;
}
.accept-v2 .group-accept .slot.inline-group-accept .right-arrow {
  margin-right: 0;
}
.accept-v2 .group-accept .slot.inline-group-accept.group-accept__payment--disabled {
  background-color: rgba(129, 162, 178, 0.25);
}
.accept-v2 .group-accept .slot.inline-group-accept:not(.group-accept__payment--disabled):hover {
  box-shadow: 0 0 0 3px rgba(129, 162, 178, 0.25);
}
.accept-v2 .group-accept .slot.inline-group-accept:not(.group-accept__payment--disabled):hover .right-arrow {
  margin-left: 0;
  margin-right: 0;
}
.accept-v2 .group-accept .slot.inline-group-accept .group-accept__payment-icon {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  display: grid;
  place-content: center;
  background-color: rgba(113, 107, 241, 0.25);
  color: #716bf1;
}
.accept-v2 .group-accept .slot.inline-group-accept .group-accept__tick-icon svg {
  color: #00857b;
}
.accept-v2 .group-accept .slot.inline-group-accept .acceptance-date {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  display: flex;
  align-items: center;
  margin-left: auto;
  color: rgba(71, 83, 93, 0.8);
}
.accept-v2 .group-accept .slot .acceptance-date {
  font-family: "calibre-legacy", sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  color: #879EA9;
  text-transform: uppercase;
  margin-right: 9px;
}
.accept-v2 .group-accept .slot .right-arrow {
  fill: #81a2b2;
  margin-right: 10px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
}
.accept-v2 .group-accept .slot:hover .right-arrow {
  margin-left: 10px;
  margin-right: 0;
}
.accept-v2 .group-accept__payment--disabled {
  background: rgba(129, 162, 178, 0.1);
}
.accept-v2 .group-accept__payment--disabled:hover {
  cursor: initial;
}
.accept-v2 .overlay-content .accept-single-accept {
  margin-top: 5px !important;
}
.accept-v2 .accept-single-accept {
  position: relative;
}
@media all and (max-width: 400px) {
  .accept-v2 .accept-single-accept {
    margin-top: 0;
  }
}
.accept-v2 .accept-single-accept .main-content {
  max-width: 320px;
}
.accept-v2 .accept-single-accept .main-content.inline-accept {
  max-width: 400px;
}
.accept-v2 .accept-single-accept .main-content.inline-accept .inline-accept__in-form-button,
.accept-v2 .accept-single-accept .main-content.inline-accept .button-old {
  width: 100%;
  margin: 24px 0 0;
  height: 56px;
  font-size: 18px;
  text-transform: none;
  letter-spacing: 0.01em;
  border-radius: 4px;
}
.accept-v2 .accept-single-accept .main-content.inline-accept .title {
  font-family: "calibre-legacy", sans-serif !important;
  font-size: 22px;
  line-height: 1.1;
  margin-bottom: 0.4em;
  opacity: unset;
}
.accept-v2 .accept-single-accept .main-content.inline-accept .description {
  font-family: "calibre-legacy", sans-serif !important;
  font-size: 18px;
  line-height: 1.4;
  margin: 0 0 24px;
  padding: 0;
  opacity: unset;
  text-align: center;
}
.accept-v2 .accept-single-accept .main-content .title {
  font-family: "calibre-legacy", sans-serif !important;
}
.accept-v2 .accept-single-accept .main-content .description {
  margin-bottom: 36px;
}
.accept-v2 .accept-single-accept .q-tooltip {
  z-index: 876;
}
.accept-v2 .pay-now-form.inline-accept .amount.add-spacing {
  padding: 0;
  margin-top: 40px;
}
.accept-v2 .pay-now-form.inline-accept .amount .pay-now-form__payment-heading {
  font-size: 22px;
  line-height: 1.1;
  margin-bottom: 0.4em;
}
.accept-v2 .pay-now-form.inline-accept .amount .pay-now-form__today {
  margin-bottom: 24px;
}
.accept-v2 .pay-now-form.inline-accept .amount .pay-now-form__today--has-labels {
  padding-top: 16px;
}
.accept-v2 .pay-now-form.inline-accept .amount .pay-now-form__today-label,
.accept-v2 .pay-now-form.inline-accept .amount .pay-now-form__today-amount {
  font-size: 20px;
  line-height: 1.1;
  font-weight: 600;
  font-family: "calibre-legacy", sans-serif;
  text-transform: unset;
  letter-spacing: 0.01em;
  position: relative;
}
.accept-v2 .pay-now-form.inline-accept .amount .pay-now-form__label {
  position: absolute;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  white-space: nowrap;
  top: -16px;
}
.accept-v2 .pay-now-form.inline-accept .amount .pay-now-form__label--optional-messaging {
  left: 0;
}
.accept-v2 .pay-now-form.inline-accept .amount .pay-now-form__label--partial-messaging {
  right: 0;
}
.accept-v2 .pay-now-form.inline-accept .amount .pay-now-form__preview-messaging {
  padding: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.01em;
  text-transform: none;
  margin-bottom: 24px;
  border-radius: 4px;
}
.accept-v2 .pay-now-form .amount {
  text-align: center;
  font-size: 20px;
  line-height: 24px;
  color: rgba(34, 34, 34, 0.5);
}
.accept-v2 .pay-now-form .amount.add-spacing {
  padding-top: 45px;
  padding-bottom: 20px;
}
.accept-v2 .pay-now-form .amount .optional-messaging {
  padding-bottom: 16px;
  color: rgba(129, 162, 178, 0.75);
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.accept-v2 .pay-now-form .amount .partial-messaging {
  padding-bottom: 16px;
  color: #716bf1;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.accept-v2 .pay-now-form .pay-now-form__today {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.accept-v2 .pay-now-form .pay-now-form__today-label {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  color: rgba(71, 83, 93, 0.75);
  margin-right: 8px;
  white-space: nowrap;
}
.accept-v2 .pay-now-form .pay-now-form__today-amount {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 16px;
  color: #47535d;
  margin-bottom: 0;
  word-break: break-all;
  margin-left: auto;
  margin-right: 0;
}
.accept-v2 .pay-now-form__payment-heading {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 16px;
  color: #242c39;
}
.accept-v2 .pay-now-form p.description {
  padding-top: 15px;
  padding-bottom: 37px;
}
.accept-v2 .pay-now-step {
  position: relative;
}
.accept-v2 .pay-now-step .main-content {
  max-width: 320px;
  width: 100%;
}
.accept-v2 .pay-now-step .button-primary {
  margin-top: 35px;
  margin: 35px auto 0;
}
.accept-v2 .custom-form .field {
  border: none;
  margin-bottom: 20px;
}
.accept-v2 .custom-form .field input,
.accept-v2 .custom-form .field select {
  height: 55px;
  max-width: 320px;
  width: 100%;
  border: 1px solid rgba(129, 162, 178, 0.3);
  border-radius: unset;
  margin: 5px auto;
  font-size: 16px;
  line-height: 19px;
  text-transform: initial;
  font-weight: normal;
  font-family: "calibre-legacy", sans-serif;
  color: #737373;
  padding-left: 20px;
  letter-spacing: 0px;
}
.accept-v2 .custom-form .field input.inline-accept-field,
.accept-v2 .custom-form .field select.inline-accept-field {
  max-width: 400px;
  border-radius: 4px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  color: #242c39;
  font-weight: 600;
  font-size: 18px;
  padding: 8px 8px 8px 16px;
  margin: 0;
}
.accept-v2 .custom-form .field input.inline-accept-field:hover,
.accept-v2 .custom-form .field select.inline-accept-field:hover {
  border-color: rgba(129, 162, 178, 0.5);
}
.accept-v2 .custom-form .field input.inline-accept-field:focus,
.accept-v2 .custom-form .field select.inline-accept-field:focus {
  border-color: #81a2b2;
}
.accept-v2 .custom-form .field input.inline-accept-field::placeholder,
.accept-v2 .custom-form .field select.inline-accept-field::placeholder {
  color: rgba(129, 162, 178, 0.5);
  opacity: 1;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.accept-v2 .custom-form .field input {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
}
.accept-v2 .custom-form .field input .style {
  color: rgba(115, 115, 115, 0.5);
  font-size: 16px;
  font-style: initial;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.accept-v2 .custom-form .field input:-moz-placeholder {
  color: rgba(115, 115, 115, 0.5);
  font-size: 16px;
  font-style: initial;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.accept-v2 .custom-form .field input::-moz-placeholder {
  color: rgba(115, 115, 115, 0.5);
  font-size: 16px;
  font-style: initial;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.accept-v2 .custom-form .field input::-webkit-input-placeholder {
  color: rgba(115, 115, 115, 0.5);
  font-size: 16px;
  font-style: initial;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.accept-v2 .custom-form .field input:-ms-input-placeholder {
  color: rgba(115, 115, 115, 0.5);
  font-size: 16px;
  font-style: initial;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.accept-v2 .custom-form .field input .style {
  color: rgba(115, 115, 115, 0.5);
  font-size: 16px;
  font-style: initial;
}
.accept-v2 .custom-form .field input:-moz-placeholder {
  color: rgba(115, 115, 115, 0.5);
  font-size: 16px;
  font-style: initial;
}
.accept-v2 .custom-form .field input::-moz-placeholder {
  color: rgba(115, 115, 115, 0.5);
  font-size: 16px;
  font-style: initial;
}
.accept-v2 .custom-form .field input::-webkit-input-placeholder {
  color: rgba(115, 115, 115, 0.5);
  font-size: 16px;
  font-style: initial;
}
.accept-v2 .custom-form .field input:-ms-input-placeholder {
  color: rgba(115, 115, 115, 0.5);
  font-size: 16px;
  font-style: initial;
}
.accept-v2 .custom-form .field input .style {
  color: rgba(115, 115, 115, 0.5);
  font-size: 16px;
  font-style: initial;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.accept-v2 .custom-form .field input:-moz-placeholder {
  color: rgba(115, 115, 115, 0.5);
  font-size: 16px;
  font-style: initial;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.accept-v2 .custom-form .field input::-moz-placeholder {
  color: rgba(115, 115, 115, 0.5);
  font-size: 16px;
  font-style: initial;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.accept-v2 .custom-form .field input::-webkit-input-placeholder {
  color: rgba(115, 115, 115, 0.5);
  font-size: 16px;
  font-style: initial;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.accept-v2 .custom-form .field input:-ms-input-placeholder {
  color: rgba(115, 115, 115, 0.5);
  font-size: 16px;
  font-style: initial;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.accept-v2 .custom-form .field.filled input {
  padding-top: 0;
}
.accept-v2 .custom-form .field.filled select {
  color: #737373;
}
.accept-v2 .custom-form .field.markEmpty input,
.accept-v2 .custom-form .field.markEmpty select {
  border: 1px solid #ffce53;
}
.accept-v2 .custom-form .field .dropdown {
  position: relative;
}
.accept-v2 .custom-form .field .dropdown .flexi-label {
  display: initial;
  position: absolute;
  text-transform: initial;
  left: 15px;
  top: 10px;
  font-size: 12px;
  font-weight: normal;
  font-family: "calibre-legacy", sans-serif;
  color: rgba(115, 115, 115, 0.5);
}
.accept-v2 .custom-form .field .dropdown .flexi-label.placeholder {
  top: 25px;
  font-size: 14px;
}
.accept-v2 .custom-form.inline-accept .field {
  margin-bottom: 24px;
}
.accept-v2 .custom-form.inline-accept .field:last-child {
  margin-bottom: 0;
}
.accept-v2 .custom-form.inline-accept .field input,
.accept-v2 .custom-form.inline-accept .field select {
  max-width: unset;
  margin: 0;
  padding: 8px 8px 8px 16px;
  height: 56px;
  border-radius: 4px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  color: #242c39;
  font-weight: 600;
  font-size: 18px;
  opacity: 1;
  background-color: white;
}
.accept-v2 .custom-form.inline-accept .field input:hover,
.accept-v2 .custom-form.inline-accept .field select:hover {
  border-color: rgba(129, 162, 178, 0.5);
}
.accept-v2 .custom-form.inline-accept .field input:focus,
.accept-v2 .custom-form.inline-accept .field select:focus {
  border-color: #81a2b2;
}
.accept-v2 .inline-header {
  position: relative;
  display: grid;
  align-items: center;
  justify-content: center;
  justify-items: center;
  transition-property: opacity, transform;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.accept-v2 .inline-header__group {
  display: flex;
  align-items: center;
}
.accept-v2 .inline-header__back-button {
  position: absolute;
  left: 0;
}
.accept-v2 .inline-header__back-button .kl-icon {
  color: rgba(71, 83, 93, 0.75);
}
.accept-v2 .inline-header__close-button {
  position: absolute;
  right: 0;
}
.accept-v2 .inline-header__close-button .kl-icon {
  color: rgba(71, 83, 93, 0.75);
}
.accept-v2 .inline-header__icon {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  display: grid;
  place-items: center;
  color: #00857b;
  margin-top: 40px;
}
.accept-v2 .inline-header__icon--with-static-icon {
  margin-top: 0;
  background-color: white;
  box-shadow: inset 0 0 0 1px rgba(129, 162, 178, 0.25);
}
@keyframes accept-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes accept-success-icon {
  0% {
    opacity: 0;
    transform: scale(0.4);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes accept-success-sparkle {
  0% {
    transform: translateY(20px) rotate(0deg);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60%,
  100% {
    transform: translateY(-30px) rotate(60deg);
    opacity: 0;
  }
}
.accept-v2 .inline-header__icon-success {
  display: grid;
  place-items: center;
  place-content: center;
  place-self: center;
  position: relative;
  opacity: 0;
  animation: accept-fade 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.2s forwards;
}
.accept-v2 .inline-header__icon-background {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  justify-self: center;
  grid-area: 1 / 1;
  animation: accept-success-icon 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.2s forwards;
  position: relative;
}
.accept-v2 .inline-header__icon-background::before {
  content: "";
  border-radius: inherit;
  position: absolute;
  inset: 0;
  background-color: rgba(0, 133, 123, 0.2);
}
.accept-v2 .inline-header__icon-success-tick {
  opacity: 0;
  animation: accept-success-icon 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.5s forwards;
  grid-area: 1 / 1;
  color: #00857b;
}
.accept-v2 .inline-header__sparkle,
.accept-v2 .inline-header__particle {
  opacity: 0;
  position: absolute;
  animation: accept-success-sparkle 4s linear 0.4s infinite;
}
.accept-v2 .download-pdf {
  margin-top: 40px;
}
.accept-v2 .download-pdf__button {
  height: 56px;
  font-size: 18px;
  text-transform: none;
  letter-spacing: 0.01em;
}
.accept-v2 .download-pdf a:not(.link-styler):not(.kl-link) {
  border-bottom: 0;
}
.accept-v2 .esign-v3 {
  margin-bottom: 24px;
}
.accept-v2 .esign-v3__header {
  display: flex;
  justify-content: space-between;
}
.accept-v2 .esign-v3__card {
  background-color: white;
  border-radius: 4px;
  border: 1px solid rgba(129, 162, 178, 0.25);
}
.accept-v2 .esign-v3__card--invalid {
  border: 1px solid #ffce53;
}
.accept-v2 .esign-v3__card-header {
  height: 41px;
  padding-left: 8px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  border-bottom: 1px solid rgba(129, 162, 178, 0.3);
}
.accept-v2 .esign-v3__actions {
  padding: 4px;
}
.accept-v2 .esign-v3__tab-content {
  position: relative;
  height: 0;
  padding-top: 41.841%;
}
.accept-v2 .esign-v3__tab-content > * {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.accept-v2 .esign-v3__tab-content--type {
  padding-top: 31.949%;
}
.accept-v2 .esign-v3__input-wrapper {
  padding: 40px;
  display: grid;
  justify-items: stretch;
  align-items: end;
}
@media screen and (max-width: 450px) {
  body:not(#print) .accept-v2 .esign-v3__input-wrapper {
    padding: 24px;
  }
}
.accept-v2 .esign-v3__input {
  width: 100%;
  border: 0;
  border-bottom: 1px solid rgba(129, 162, 178, 0.5);
  border-radius: 0;
  padding: 8px 0 0;
  outline: none;
  background: none;
  font-family: Damion, cursive;
  font-size: 34px;
  color: #242c39;
}
.accept-v2 .esign-v3__input:focus {
  border-color: rgba(71, 83, 93, 0.8);
}
.accept-v2 .esign-v3__input::placeholder {
  font-family: Damion, cursive;
  font-size: 34px;
  color: #e0e8ec !important;
  opacity: 1;
}
@media screen and (max-width: 450px) {
  body:not(#print) .accept-v2 .esign-v3__input {
    font-size: 28px;
  }
  body:not(#print) .accept-v2 .esign-v3__input::placeholder {
    font-size: 28px;
  }
}
.accept-v2 .esign-v3__upload-wrapper--has-uploaded {
  display: none;
}
.accept-v2 .esign-v3__upload {
  position: absolute;
  inset: 16px;
  border: 2px dashed rgba(129, 162, 178, 0.25);
  border-radius: 4px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.accept-v2 .esign-v3__upload--dragged-over {
  border-color: #1099FC;
  background-color: rgba(16, 153, 252, 0.2);
}
.accept-v2 .esign-v3__upload-description > * {
  margin-bottom: 0;
}
.accept-v2 .esign-v3__canvas {
  width: 100%;
  height: 100%;
}
.accept-v2 .esign-v3__canvas--type {
  opacity: 0;
  pointer-events: none;
}
.accept-v2 .esign-v3__canvas--upload {
  opacity: 0;
  pointer-events: none;
}
.accept-v2 .esign-v3__canvas--has-uploaded {
  opacity: 1;
}
.accept-v2 .esign-v3__disclaimer {
  display: flex;
  border-radius: 4px;
  margin-top: 10px;
  border: 1px solid transparent;
  gap: 10px;
}
.accept-v2 .esign-v3__disclaimer--invalid {
  border: 1px solid #ffce53;
}
.accept-v2 .esign-v3__disclaimer .checkbox-component__click-field {
  padding: 0;
}
.accept-v2 .esign-v3__disclaimer .checkbox-component__box {
  margin: 0;
}
.accept-v2 .esign-v3__disclaimer .checkbox-component__box--is-selected {
  background-color: #00857b;
}
.accept-v2 .esign-v3__disclaimer-text {
  flex: 1;
  padding-top: 5px;
  color: #47535d !important;
  cursor: pointer;
}
.accept-v2 .esign-v3__disclaimer-text > p {
  font-family: "calibre-legacy", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.4;
}
.accept-v2 .esign-v3__disclaimer-text > * {
  text-align: start !important;
}
.accept-v2 .esign-v3__disclaimer-text > *:last-child {
  padding-bottom: 0 !important;
}
.accept-v2 .esign-v3 .tabs {
  gap: 0;
}
.accept-v2 .esign-v3 .tabs__indicator {
  background-color: #00857b;
}
.accept-v2 .esign-v3 .tabs__tab-list-inner {
  height: 100%;
  justify-content: center;
}
.accept-v2 .viral-accept-sending,
.accept .viral-accept-sending {
  height: 100%;
  min-height: 100vh;
  width: 100%;
  background: #00857b;
}
.accept-v2 .sending,
.accept .sending {
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}
.accept-v2 .sending .text,
.accept .sending .text {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 1px;
  color: #375B6D;
  margin-top: 20px;
}
.accept-v2 .sending .circle-loader,
.accept .sending .circle-loader {
  margin-top: 20px;
}
.accept-v2 .sending .sending-qwilr-logo,
.accept .sending .sending-qwilr-logo {
  width: 40px;
  position: absolute;
  top: 38px;
}
.accept-v2 .viral-accept-sent,
.accept .viral-accept-sent {
  height: 100%;
  min-height: 100vh;
  width: 100%;
  background: url("/Assets/Images/accept-bg.jpg");
  background-color: #00857b;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  color: white;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.accept-v2 .viral-accept-sent .viral-accept-content,
.accept .viral-accept-sent .viral-accept-content {
  max-width: 435px;
  padding: 10px;
  margin: 0 auto;
  text-align: center;
}
.accept-v2 .viral-accept-sent .header-content,
.accept .viral-accept-sent .header-content {
  margin-bottom: 44px;
}
.accept-v2 .viral-accept-sent .main-content .title,
.accept .viral-accept-sent .main-content .title {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  font-family: "calibre-legacy", sans-serif;
  margin-bottom: 24px;
}
.accept-v2 .viral-accept-sent .main-content .explainer,
.accept .viral-accept-sent .main-content .explainer {
  line-height: 24px;
  font-size: 16px;
  font-family: "calibre-legacy", sans-serif;
  margin-bottom: 30px;
}
.accept-v2 .viral-accept-sent .buttons,
.accept .viral-accept-sent .buttons {
  display: flex;
  flex-direction: column;
}
.accept-v2 .viral-accept-sent .buttons .button,
.accept .viral-accept-sent .buttons .button {
  width: 50%;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.2px;
  padding: 20px;
}
.accept-v2 .viral-accept-sent .buttons .button.button-primary,
.accept .viral-accept-sent .buttons .button.button-primary {
  color: #00857b;
  margin-bottom: 16px;
}
.accept-v2 .viral-accept-sent .buttons .button.button-secondary,
.accept .viral-accept-sent .buttons .button.button-secondary {
  border: none;
  background: rgba(255, 255, 255, 0.1);
  width: 160px;
}
.accept-v2 .viral-accept-sent .buttons .viral-accept__continue-button,
.accept .viral-accept-sent .buttons .viral-accept__continue-button {
  white-space: normal;
  text-align: center;
}
.accept-v2 .accept-sent.inline-accept,
.accept .accept-sent.inline-accept {
  margin-top: 0;
}
.accept-v2 .accept-sent.inline-accept .title,
.accept .accept-sent.inline-accept .title {
  font-family: "calibre-legacy", sans-serif !important;
  font-size: 22px;
  line-height: 1.1;
  margin-bottom: 0.4em;
}
.accept-v2 .accept-sent.inline-accept .description,
.accept .accept-sent.inline-accept .description {
  font-family: "calibre-legacy", sans-serif !important;
  text-align: center !important;
  opacity: unset;
  margin-top: 0;
  margin-bottom: 40px;
  padding: 0;
  font-size: 18px;
  line-height: 1.4;
}
.accept-v2 .accept-sent.inline-accept .button-primary,
.accept .accept-sent.inline-accept .button-primary {
  display: grid;
  align-items: center;
  width: 100%;
  height: 56px;
  margin: 0;
  border-radius: 4px;
  font-size: 18px;
  font-weight: bold;
  text-transform: none;
  letter-spacing: 0.01em;
}
.accept-v2 .accept-sent.inline-accept .download-button,
.accept .accept-sent.inline-accept .download-button {
  margin-bottom: 16px;
}
.accept-v2 .accept-sent .main-content,
.accept .accept-sent .main-content {
  margin-bottom: 40px;
}
.accept-v2 .accept-sent .button-primary,
.accept .accept-sent .button-primary {
  margin: 30px auto 0 auto;
  white-space: normal;
  text-align: center;
}
.secured-wrapper {
  margin-top: 40px;
}
.email-verification__form {
  max-width: 400px;
  margin: 0 auto;
  display: grid;
  gap: 24px;
}
.email-verification__title {
  font-family: "calibre-legacy", sans-serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  text-align: center !important;
  padding: 0;
  margin-bottom: 0.4em;
}
.email-verification__description {
  font-family: "calibre-legacy", sans-serif !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  text-align: center !important;
  padding: 0;
}
.email-verification__description-email {
  font-weight: 700;
}
.email-verification__input .text-input__input {
  height: 56px;
  padding-left: 16px;
}
.email-verification__input-cards {
  display: grid;
  grid-auto-flow: column;
  gap: 8px;
  padding-right: 8px;
  pointer-events: none;
}
.email-verification__button {
  height: 56px;
  font-size: 18px;
  letter-spacing: 0.01em;
  text-transform: none;
}
.email-verification__success-actions {
  display: grid;
  gap: 24px;
}
.email-verification__tertiary {
  color: rgba(71, 83, 93, 0.75);
}
.header-menu-container .accept-wrapper {
  margin-top: 0;
}
.accept-wrapper {
  margin-top: 50px;
}
.accept {
  background: #fff;
  min-height: 100%;
  width: 100%;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.accept .e-sign {
  position: relative;
  border: 1px solid #f2f2f2;
  border-top: none;
}
.accept .e-sign .title {
  background: #fafafa;
  padding: 15px;
  text-align: center;
  text-transform: uppercase;
  font-size: 80%;
  color: #737373;
  cursor: pointer;
}
.accept .e-sign .label {
  display: none;
}
.accept .e-sign .form.ng-enter {
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
  -webkit-animation: fadeIn 0.3s, X;
  -moz-animation: fadeIn 0.3s, X;
  -o-animation: fadeIn 0.3s, X;
  animation: fadeIn 0.3s, X;
}
.accept .e-sign .form.ng-leave {
  -webkit-animation: fadeOut 0.3s;
  -moz-animation: fadeOut 0.3s;
  -o-animation: fadeOut 0.3s;
  animation: fadeOut 0.3s;
  -webkit-animation: fadeOut 0.3s, X;
  -moz-animation: fadeOut 0.3s, X;
  -o-animation: fadeOut 0.3s, X;
  animation: fadeOut 0.3s, X;
}
.accept .e-sign .form .placeholder p {
  background: #fefefe;
  margin: 0;
  padding: 14px;
  font-weight: 300;
  text-align: center;
  font-size: 90%;
  color: #737373;
  border-bottom: 1px solid #f2f2f2;
  border-top: 1px solid #ebebeb;
}
.accept .e-sign .form .draw-input {
  position: relative;
  overflow: hidden;
}
.accept .e-sign .form .draw-input .signature-input {
  width: 500px;
  height: 250px;
  position: relative;
  background: white;
  border-radius: 2px;
}
.accept .e-sign .form .draw-input .underline,
.accept .e-sign .form .draw-input .generate-button {
  display: none;
}
.accept .e-sign .form .draw-input .clear-button {
  position: absolute;
  bottom: 0px;
  right: -1px;
  font-size: 70%;
  background: #f7f7f7;
  padding: 14px;
  letter-spacing: 0.1em;
  color: #666666;
  cursor: pointer;
}
@media all and (max-width: 767px) {
  .accept .e-sign {
    margin-bottom: 30px;
    border: none;
    padding-bottom: 20px;
    border-bottom: 1px solid #ededed;
  }
  .accept .e-sign .title {
    display: none;
  }
  .accept .e-sign .form .draw-input {
    width: 80%;
    border: 1px solid #ededed;
    margin: 0 auto;
  }
  .accept .e-sign .form .draw-input .signature-input {
    width: 100%;
    height: 120px;
  }
  .accept .e-sign .form .draw-input .clear-button {
    position: static;
    width: 100%;
    margin: 0 auto;
    padding: 15px;
    text-align: center;
    border-top: none;
  }
  .accept .e-sign .form .placeholder p {
    border-bottom: none;
  }
}
.accept .payment {
  margin: 50px 0;
}
.accept .payment header.header {
  margin-bottom: 30px;
}
.accept .payment .explainer {
  margin: 20px auto;
}
.accept .payment .payment-info {
  white-space: pre-line;
}
.accept .payment .payment-breakdown {
  padding: 30px;
  background: #f7f7f7;
  border: 1px solid #ededed;
}
.accept .payment .payment-breakdown .amount {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.accept .payment .payment-breakdown .amount .total-amount {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 200%;
  font-weight: 600;
}
.accept .payment .payment-breakdown .amount .currency-code {
  font-weight: 300;
  margin-left: 10px;
}
.accept .payment .payment-breakdown .fees {
  text-align: center;
  margin-top: 10px;
  color: #808080;
  line-height: 1.5;
  font-size: 14px;
  font-weight: 600;
}
.accept .header {
  margin: 25px 0 40px 0;
  text-align: center;
}
.accept .header .title {
  font-family: "calibre-legacy", sans-serif;
  text-transform: uppercase;
  color: #233946;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-weight: 400;
  font-size: 27px;
  margin: 10px;
}
.accept .header .subtitle {
  font-weight: 300;
  font-size: 16px;
  margin: 30px 0 10px;
  color: #808080;
}
.accept .accept-content {
  max-width: 500px;
  min-width: 450px;
  margin: 0 auto;
}
@media all and (max-width: 400px) {
  .accept .accept-content {
    width: 100%;
    padding: 10px 0 40px;
  }
  .accept .accept-content .header {
    margin: 20px 0;
    margin: 0;
  }
}
.accept .accept-content .data-capture {
  background: #fff;
}
.accept .accept-content .data-capture .form-border {
  border: 1px solid #f2f2f2;
}
.accept .accept-content .data-capture .field .label {
  display: none;
}
.accept .accept-content .data-capture .item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  border-bottom: 1px solid #f2f2f2;
}
.accept .accept-content .data-capture .item .label {
  display: none;
}
.accept .accept-content .data-capture .item:last-child {
  border-bottom: none;
}
.accept .accept-content .data-capture .item .icon {
  width: 92px;
  height: 75px;
  padding: 15px;
}
.accept .accept-content .data-capture .item .icon img {
  height: 100%;
  width: 100%;
}
.accept .accept-content .data-capture .item .field {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 90%;
  height: 90px;
  position: relative;
}
.accept .accept-content .data-capture .item .field label {
  position: absolute;
  color: #808080;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0.26em;
  font-size: 9px;
  margin-bottom: 4px;
  display: block;
  top: 20px;
  left: 0;
}
.accept .accept-content .data-capture .item .field input {
  padding-left: 0;
  height: 88px;
  border: none;
  width: 100%;
}
.accept .accept-content .data-capture .item .field .placeholder-styles {
  font-size: 70% !important;
  color: #a6a6a6;
  font-style: italic;
  font-weight: 400;
}
.accept .accept-content .data-capture .item .field ::-webkit-input-placeholder {
  font-size: 70% !important;
  color: #a6a6a6;
  font-style: italic;
  font-weight: 400;
}
.accept .accept-content .data-capture .item .field :-moz-placeholder {
  /* Firefox 18- */
  font-size: 70% !important;
  color: #a6a6a6;
  font-style: italic;
  font-weight: 400;
}
.accept .accept-content .data-capture .item .field ::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 70% !important;
  color: #a6a6a6;
  font-style: italic;
  font-weight: 400;
}
.accept .accept-content .data-capture .item .field :-ms-input-placeholder {
  font-size: 70% !important;
  color: #a6a6a6;
  font-style: italic;
  font-weight: 400;
}
.accept .accept-content .sending,
.accept .accept-content .sent {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.accept .accept-content .sent {
  text-align: center;
}
.accept .accept-content .sent .copy p {
  font-weight: 400;
  line-height: 1.5;
  font-size: 14px;
  color: #808080;
}
.accept .accept-content .sent .copy .accepted-title {
  font-size: 20px;
  font-weight: 600;
  color: #222222;
  text-align: center;
  opacity: 0.7;
}
.accept .accept-content .sent .copy .back-button {
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  width: 150px;
  border-radius: 2px;
  height: 50px;
  background: #00A798;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #fff;
  font-weight: 600;
  font-family: "calibre-legacy", sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 13px;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-transition: all 0.25s, X;
  -moz-transition: all 0.25s, X;
  -o-transition: all 0.25s, X;
  transition: all 0.25s, X;
}
.accept .accept-content .sent .copy .back-button:hover {
  background: #00c1af;
}
.accept .accept-content .sent .accept-icon {
  width: 75px;
  margin-bottom: 50px;
}
.accept .error-msg {
  background: rgba(215, 25, 57, 0.75);
  color: #fff;
  padding: 15px;
  text-align: center;
  margin-bottom: 10px;
}
.accept .accept-button.in-form {
  margin: 0 auto;
  margin-top: 60px;
  width: 250px;
  height: 80px;
}
.accept .accept-button.in-form .text {
  font-weight: 400;
}
.accept.mobile-flow .accept-content {
  min-width: 100%;
}
.accept.mobile-flow .accept-content .data-capture .form-border {
  border: none;
}
.accept.mobile-flow .accept-content .data-capture .item .icon {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 10px;
  min-width: 70px;
  width: 70px;
}
.accept.mobile-flow .accept-content .data-capture .item .icon img {
  width: 100%;
}
.accept.mobile-flow .accept-content .sent .copy .back-button {
  display: none;
}
.accept.mobile-flow .header {
  padding: 10px;
  margin-top: 60px;
}
.accept.mobile-flow .accept-button.in-form {
  margin-top: 30px;
}
.accept.mobile-flow .error-msg {
  padding: 8px;
}
.accept.mobile-flow .error-msg p {
  margin: 0px;
}
.accept .badge {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  cursor: pointer;
  margin: 100px 0;
}
.accept .badge:hover .badge-logo {
  border: 0.9px solid rgba(129, 162, 178, 0.3);
}
.accept .badge:hover .badge-copy {
  color: #c0d1d9;
}
.accept .badge .badge-logo {
  height: 40px;
  width: 40px;
  border: 0.9px solid rgba(129, 162, 178, 0.5);
  border-radius: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.accept .badge .badge-logo img {
  width: 20px;
  margin-left: auto;
  margin-right: auto;
}
.accept .badge .badge-copy {
  color: #81A2B2;
  width: 100%;
  text-align: center;
}
.accept .badge .badge-copy .badge-copy-header {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.accept .badge .badge-copy .badge-copy-subtitle {
  font-size: 13px;
}
@media all and (max-width: 767px) {
  .accept-form-container {
    margin: 20px 0;
    padding: 15px;
    padding-bottom: 50px;
    border: 1px solid #f2f2f2;
  }
}
.full-screen {
  height: 100%;
  width: 100%;
}
.experience-survey {
  z-index: 900;
  position: fixed;
  right: 10px;
  bottom: 10px;
  width: 270px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 24px 24px 24px;
}
@media (prefers-reduced-motion) {
  .experience-survey {
    transition: none;
  }
}
.experience-survey .text-input {
  width: 100%;
}
.experience-survey.animate-enter {
  opacity: 0.01;
  transform: translateY(300px);
}
.experience-survey.animate-enter-active {
  -webkit-transition: opacity 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98), -webkit-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: opacity 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98), -moz-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: opacity 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98), -o-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: opacity 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98),-webkit-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98),-moz-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98),-o-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98),transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-transition: opacity 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98), transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: opacity 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98), transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: opacity 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98), transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: opacity 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98), transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  opacity: 1;
  transform: translateY(0);
}
.experience-survey.animate-exit {
  opacity: 1;
}
.experience-survey.animate-exit-active {
  opacity: 0;
  -webkit-transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -moz-transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -o-transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
}
@media all and (max-width: 400px) {
  .experience-survey {
    width: calc(100% - 10px * 2);
  }
}
.experience-survey__header {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.experience-survey__header-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: calc(64px / 2);
  background-color: rgba(16, 153, 252, 0.2);
  color: #1099FC;
}
.experience-survey__header-button {
  position: absolute;
  right: 8px;
  top: 8px;
}
.experience-survey__text {
  width: 70%;
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  color: #242c39;
  text-align: center;
}
.experience-survey__score-buttons {
  margin-top: 16px;
  display: flex;
  gap: 4px;
}
.experience-survey__score-buttons .button {
  font-size: 34px;
}
.experience-survey__action-button {
  width: 100%;
  margin-top: 16px;
}
#collaborator-page-nav {
  position: fixed;
  background-color: #242c39;
  z-index: 100;
  width: 100vw;
  max-width: 100%;
  top: 0;
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
}
#collaborator-page-nav-margin {
  margin-top: calc(48px + 1px);
}
.collaborator-page-navbar {
  height: 48px;
  display: flex;
  justify-content: space-between;
  color: #47535d;
  font-family: "calibre-legacy", sans-serif;
}
.collaborator-page-navbar__label-group {
  margin-left: 4px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: white;
}
.collaborator-page-navbar__logo {
  margin-right: 4px;
}
.collaborator-page-navbar__logo__icon {
  height: 24px;
}
.collaborator-page-navbar__vertical-spacer {
  border-right: 1px solid #47535d;
  height: 40%;
  margin-right: 8px;
}
.collaborator-page-navbar__collaborator-preview {
  margin-left: 4px;
  line-height: 1;
}
.collaborator-page-navbar__button-group {
  margin-right: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
@media screen and (max-width: 750px) {
  .collaborator-page-navbar .collaborator-page-navbar__button-group a {
    display: none;
  }
}
.collaborator-page-navbar__copy-link {
  margin-left: 4px;
  margin-right: 8px;
}
.collaborator-page-navbar__info {
  color: rgba(255, 255, 255, 0.5);
  margin-right: 8px;
}
@media screen and (max-width: 620px) {
  .collaborator-page-navbar__info {
    display: none;
  }
}
.collaborator-info-popover {
  font-family: "calibre-legacy", sans-serif;
}
.collaborator-info-popover .popover__panel-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 32px;
}
.collaborator-info-popover__info-button {
  margin: 0 8px;
}
.collaborator-info-popover__image {
  width: 75%;
  margin-bottom: 8px;
  padding-top: 16px;
}
.collaborator-info-popover__close-button {
  position: absolute;
  right: 16px;
  top: 16px;
}
.collaborator-info-popover__heading {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  color: #47535d;
  justify-content: center;
}
.collaborator-info-popover__heading-text {
  padding-left: 8px;
  font-size: 20px;
  margin-bottom: 0;
}
.collaborator-info-popover__label {
  color: rgba(71, 83, 93, 0.8);
  text-align: center;
  margin-bottom: 24px;
}
.collaborator-info-popover__description {
  line-height: 1.5;
  margin-bottom: 24px;
  text-align: center;
}
.collaborator-info-popover__buttons {
  display: flex;
  justify-content: center;
  gap: 8px;
}
.collaborator-invite-modal {
  font-family: "calibre-legacy", sans-serif;
}
.collaborator-invite-modal__image {
  margin-top: -24px;
}
.collaborator-invite-modal__heading {
  margin-bottom: 16px;
}
.collaborator-invite-modal__buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  margin-top: 40px;
}
.collaborator-invite-modal__submit-button {
  height: 62px;
  width: 150px;
}
.collaborator-invite-modal__input-field {
  text-align: left;
  margin-top: 16px;
}
.presentation-mode.with-fixed-header-menu {
  padding-top: 0;
}
.presentation-mode .page-content-wrapper.with-sidebar .rendered-content {
  margin-left: 0;
}
.presentation-mode #collaborator-page-nav,
.presentation-mode #collaborator-page-nav-margin,
.presentation-mode .navigation-widget {
  display: none;
}
.presentation-controls__exit-fullscreen {
  position: fixed;
  padding: 4px;
  top: 16px;
  right: 16px;
  width: auto;
  z-index: 2;
}
.accept-button {
  margin: 80px auto 0;
  min-width: 150px;
  max-width: 400px;
  height: 110px;
  background: #6fc088;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
}
.accept-button.not-acceptable {
  background: rgba(129, 162, 178, 0.4);
  color: white;
  cursor: initial;
}
.accept-button.not-acceptable:hover {
  background: rgba(129, 162, 178, 0.4);
}
@media all and (max-width: 400px) {
  .accept-button {
    margin: 80px 15px;
  }
}
.accept-button .icon {
  font-size: 200%;
  width: 110px;
  text-align: center;
  height: 110px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.accept-button .text {
  width: 90%;
  text-align: center;
  font-weight: 600;
  font-family: "calibre-legacy", sans-serif;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-size: 150%;
}
.accept-button:hover {
  background: #4fb26e;
}
.accept-form-container .close-button-container {
  text-align: right;
}
.accept-form-container .close-button-container .close-button {
  background: #fafafa;
  border: 1px solid #ededed;
  padding: 10px;
  display: inline-block;
  font-size: 80%;
}
.q-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 875;
  background: #fff;
  overflow-y: scroll;
  height: 100%;
  width: 100%;
}
.q-overlay.ng-enter {
  -webkit-animation: fadeInUp 0.4s ease;
  -moz-animation: fadeInUp 0.4s ease;
  -o-animation: fadeInUp 0.4s ease;
  animation: fadeInUp 0.4s ease;
  -webkit-animation: fadeInUp 0.4s ease, X;
  -moz-animation: fadeInUp 0.4s ease, X;
  -o-animation: fadeInUp 0.4s ease, X;
  animation: fadeInUp 0.4s ease, X;
}
.q-overlay.ng-leave {
  -webkit-animation: fadeOutDown 0.35s ease;
  -moz-animation: fadeOutDown 0.35s ease;
  -o-animation: fadeOutDown 0.35s ease;
  animation: fadeOutDown 0.35s ease;
  -webkit-animation: fadeOutDown 0.35s ease, X;
  -moz-animation: fadeOutDown 0.35s ease, X;
  -o-animation: fadeOutDown 0.35s ease, X;
  animation: fadeOutDown 0.35s ease, X;
}
.q-overlay .content {
  min-height: 90vh;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.q-overlay .content > ng-include {
  height: 100%;
  width: 100%;
}
.q-overlay .overlay-header {
  text-align: center;
}
.q-overlay .overlay-header h3 {
  font-size: 30px;
  font-weight: 400;
  font-family: "calibre-legacy", sans-serif;
}
.q-overlay .overlay-header p {
  font-size: 17px;
  opacity: 0.7;
  font-weight: 300;
}
.close-overlay {
  z-index: 100000000;
  position: fixed;
  right: 20px;
  top: 20px;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-transition: all 0.25s, X;
  -moz-transition: all 0.25s, X;
  -o-transition: all 0.25s, X;
  transition: all 0.25s, X;
  text-align: center;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #8c8c8c;
}
.close-overlay .icon {
  font-size: 50px;
}
.close-overlay .text {
  font-weight: 600;
  margin-top: 3px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.close-overlay:hover {
  color: #333333;
}
@media all and (max-width: 400px) {
  .close-overlay {
    position: static;
    background: #f7f7f7;
    width: 100%;
    padding: 15px;
    margin: 0;
    -webkit-box-align: end;
    -moz-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .close-overlay .close-button {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .close-overlay .close-button .icon {
    font-size: 20px;
  }
}
.pdf-loader-container {
  width: 100%;
  min-height: 100vh;
  position: relative;
}
.pdf-loader-backdrop {
  background-image: url("/Public/Assets/Images/download.jpg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  min-height: 100%;
  width: 100%;
  position: absolute;
}
.pdf-loader {
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  min-height: 100%;
  width: 100%;
  position: absolute;
  color: white;
  text-align: center;
}
.pdf-loader .download {
  max-width: 300px;
  position: relative;
  font-family: "calibre-legacy", sans-serif;
}
.pdf-loader .download .download-title {
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 1px;
  margin-bottom: 20px;
}
.pdf-loader .download .copy {
  font-size: 18px;
  line-height: 24px;
}
.pdf-loader .download .copy a {
  color: #00524c;
  padding-bottom: 3px;
  border-bottom: 2px solid rgba(0, 133, 123, 0.3);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  cursor: pointer;
  font-weight: 600;
  padding-bottom: 0;
  border-bottom-width: 1px;
}
.pdf-loader .download .copy a:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
.pdf-loader .download .copy a:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
.pdf-loader .download .copy a:hover {
  border-bottom-width: 2px;
}
.pdf-loader .download .download-icon {
  position: absolute;
  left: calc(50% +  -37.5px - 47.5px);
  padding: 47.5px;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
}
.pdf-loader .download .concentric-spinner .logo-wrapper,
.pdf-loader .download .concentric-spinner .three {
  display: none;
}
.pdf-loader .download .concentric-spinner .one {
  width: 130px;
  height: 130px;
  margin-top: -65px;
  margin-left: -65px;
  border: 4px solid transparent;
  border-left: 4px solid rgba(113, 107, 241, 0.7);
}
.pdf-loader .download .concentric-spinner .two {
  width: 152px;
  height: 152px;
  margin-left: -76px;
  margin-top: -141px;
  border: 4px solid transparent;
  border-left: 4px solid rgba(113, 107, 241, 0.5);
}
.pdf-loader .download:not(.downloading) .loading {
  visibility: hidden;
}
.pdf-loader .download.downloaded .download-icon {
  background: rgba(113, 107, 241, 0.2);
}
.pdf-loader .download.downloaded .download-icon #Oval {
  fill: #716bf1;
}
.pdf-loader .download.downloaded .download-icon #Shape {
  fill: white;
}
.pdf-loader .download.download-failed .download-icon {
  background: rgba(215, 25, 57, 0.2);
}
.pdf-loader.public-pdf-loader .download {
  padding: 45px 20px;
  background: white;
  border: 1px solid #979797;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
}
.pdf-loader.public-pdf-loader .download .download-title {
  color: #716bf1;
}
.pdf-loader.public-pdf-loader .download .copy {
  color: rgba(71, 83, 93, 0.5);
}
.pdf-loader.public-pdf-loader .download .copy a {
  color: #47535D;
  border-color: rgba(71, 83, 93, 0.5);
}
.pdf-loader.public-pdf-loader .download .download-icon {
  top: 82.5px;
  background: rgba(113, 107, 241, 0.2);
}
.pdf-loader.public-pdf-loader .download .download-icon #Oval {
  fill: #716bf1;
}
.pdf-loader.public-pdf-loader .download .download-icon #Combined-Shape {
  fill: white;
}
.pdf-loader.owner-pdf-loader .download .download-title {
  color: white;
}
.pdf-loader.owner-pdf-loader .download .download-icon {
  top: 37.5px;
}
.pdf-loader.owner-pdf-loader .download .copy {
  color: rgba(255, 255, 255, 0.5);
}
.pdf-loader.owner-pdf-loader .download .copy a {
  color: white;
  border-color: rgba(255, 255, 255, 0.5);
}
.pdf-loader.owner-pdf-loader {
  background-color: #3A414D;
}
.pdf-loader.owner-pdf-loader .powered-by-qwilr {
  margin-top: 150px;
}
.pdf-loader.public-pdf-loader {
  background-color: rgba(58, 65, 77, 0.9);
}
.has-template-banner:not(.print),
.has-template-banner:not(.print-legacy) {
  margin-top: 80px;
}
.template-banner {
  z-index: 400;
  height: 80px;
  position: fixed;
  top: 0;
  width: 100%;
  background: white;
  border-bottom: 1px solid rgba(129, 162, 178, 0.05);
}
.template-banner .back {
  font-family: "calibre-legacy", sans-serif;
  cursor: pointer;
  height: 60px;
  font-size: 44px;
  min-width: 60px;
  border-right: 1px solid #e7ecee;
  color: #c4ced4;
}
.template-banner .template-meta {
  padding: 30px;
}
.template-banner .template-meta .project-name {
  text-transform: uppercase;
  font-weight: 600;
  font-family: "calibre-legacy", sans-serif;
  font-size: 17px;
  letter-spacing: 0.05em;
}
.template-banner .main-nav {
  margin: 0 20px 0 auto;
}
.template-banner .main-nav .button {
  font-weight: 700;
}
.external-video-background {
  position: relative;
  width: 100%;
  height: 100%;
}
.external-video-background .el {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.springboard-engagement-menu {
  display: flex;
  padding: 4px;
  gap: 4px;
  top: 16px;
  right: 16px;
  position: fixed;
  width: auto;
  align-items: center;
  z-index: 2;
}
.springboard-engagement-menu__popover-inner {
  display: grid;
  grid-area: 1/1;
  overflow: hidden;
  transition: height 200ms cubic-bezier(0.4, 0, 0.2, 1), width 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.springboard-engagement-menu__popover-inner--small {
  width: 250px;
}
.springboard-engagement-menu__popover-inner--medium {
  width: 300px;
}
.springboard-engagement-menu__popover-inner--large {
  width: 400px;
}
.springboard-engagement-menu__popover .popover__panel-content {
  padding: 0;
}
.springboard-engagement-menu__popover-panel {
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
}
.springboard-engagement-menu__popover-panel--small {
  width: 250px;
  transform: translate3d(-100%, 0, 0);
}
.springboard-engagement-menu__popover-panel--medium {
  width: 300px;
  transform: translate3d(-100%, 0, 0);
}
.springboard-engagement-menu__popover-panel--large {
  width: 400px;
  transform: translate3d(100%, 0, 0);
}
.springboard-engagement-menu__popover-panel--entering {
  opacity: 1;
  transform: none;
}
.springboard-engagement-menu__popover-panel--entered {
  opacity: 1;
  transform: none;
}
.springboard-engagement-menu__popover-panel-back {
  position: absolute;
  top: 12px;
  left: 12px;
}
.springboard-engagement-menu__divider {
  border-right: 1px solid rgba(129, 162, 178, 0.25);
  margin: 4px 0;
  align-self: stretch;
}
.springboard-engagement-menu__user {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px;
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
}
.springboard-engagement-menu__user-details {
  display: flex;
  flex-direction: column;
}
.springboard-engagement-menu__avatar--small {
  height: 32px;
  width: 32px;
  border-radius: 16px;
}
.springboard-engagement-menu__avatar--large {
  height: 40px;
  width: 40px;
  border-radius: 20px;
}
.springboard-engagement-menu__button-text-override {
  text-transform: none;
  letter-spacing: 0;
}
.springboard-engagement-menu__menu-button {
  width: 100%;
  justify-content: flex-start;
}
.springboard-engagement-menu__menu-button-icon {
  margin-right: 8px;
}
.springboard-engagement-menu__menu {
  padding: 8px;
}
.springboard-engagement-menu__inline-navigation {
  display: flex;
  margin-right: 12px;
}
.springboard-engagement-menu__notification-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.springboard-engagement-menu__save-button {
  padding: 16px;
  width: 95px;
}
.springboard-engagement-menu__save-button .button__content {
  gap: 8px;
}
.springboard-engagement-menu__inline-save-button {
  padding: 16px;
}
.springboard-engagement-menu__ghost-icon-button {
  width: 24px;
  height: 24px;
  margin: 8px;
}
.springboard-engagement-menu__ghost-icon-button .ghost-block {
  height: 100%;
}
.springboard-engagement-menu__ghost-button {
  width: calc(95px - (4px + 4px));
  margin: 4px;
}
.springboard-engagement-menu__notification {
  position: fixed;
  top: 76px;
  right: 16px;
}
.springboard-engagement-menu__notification .notification {
  width: 400px;
}
.springboard-engagement-menu .rainbow-bar {
  height: 4px;
}
.springboard-engagement-menu__create-account-popover-container {
  padding-top: 8px;
}
.springboard-engagement-menu__create-account-popover {
  display: grid;
  justify-items: center;
  overflow: hidden;
  border-radius: 8px;
}
.springboard-engagement-menu__create-account-popover-image {
  margin-bottom: -20%;
  width: 110%;
  max-width: none;
  display: block;
  aspect-ratio: 300/241;
}
.springboard-engagement-menu__create-account-popover-content {
  display: grid;
  gap: 24px;
  justify-items: center;
  padding: calc(8px * 4);
  padding-top: 0;
}
.springboard-engagement-menu__create-account-popover .button {
  text-transform: none;
  border-radius: 4px;
  font-weight: 500;
}
.ng-app-container {
  position: relative;
}
.project-block__block-element {
  white-space: pre-wrap;
}
.overlay-content,
.navigation-widget,
.qwilr-font div:not(.icon) {
  font-family: "calibre-legacy", sans-serif !important;
}
.sans {
  font-family: "calibre-legacy", sans-serif;
}
.password-container {
  height: 100vh;
  width: 100vw;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: -5vh;
}
.password-container .content {
  width: 90%;
  max-width: 500px;
  text-align: center;
}
.password-container .content header h2 {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  font-size: 30px;
  margin: 15px 0;
}
.password-container .content header p {
  font-family: "calibre-legacy", sans-serif;
  margin: 15px 0;
  color: #808080;
}
.password-container .content .failure {
  background: rgba(215, 25, 57, 0.75);
  display: inline-block;
  padding: 20px;
  color: #fff;
}
.password-container .content .form {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.password-container .content .form input {
  border-right: none;
  text-align: center;
  line-height: 1;
}
.password-container .content .form button {
  border-radius: 0;
  padding: 0 30px;
  text-transform: uppercase;
  letter-spacing: 0.2;
  background: #fff;
  color: #00857b;
  border: 1px solid rgba(0, 133, 123, 0.3);
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.email-confirmation-container {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.email-confirmation-container img {
  height: 73px;
  margin-bottom: 19px;
}
.email-confirmation-container h2 {
  margin-bottom: 12px;
  color: #3F6677;
  font-size: 23px;
  letter-spacing: 1px;
  font-weight: 600;
  line-height: 28px;
  text-align: center;
  text-transform: uppercase;
}
.email-confirmation-container p {
  color: #718E9B;
  font-size: 15px;
  line-height: 22px;
  width: 350px;
  text-align: center;
}
.identity-protected-container {
  height: 100vh;
  width: 100vw;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: -5vh;
  color: #808080;
}
.identity-protected-container #big-error {
  display: none;
  max-width: 500px;
  text-align: center;
}
.identity-protected-container #big-error img {
  width: 140px;
}
.identity-protected-container #big-error .title {
  font-size: 25px;
  font-weight: 400;
  margin: 20px 0;
}
.identity-protected-container #big-error .explainer {
  font-family: "calibre-legacy", sans-serif;
  font-size: 15px;
  line-height: 2;
  color: #808080;
}
.identity-protected-container .content {
  width: 320px;
  text-align: center;
}
.identity-protected-container .content header {
  margin: 0 auto 25px;
}
.identity-protected-container .content header .protected-link {
  margin: 35px 0 16px 0;
  font-family: "calibre-legacy", sans-serif;
  color: #343f52;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 16px;
}
.identity-protected-container .content header img {
  width: 75px;
  height: 75px;
}
.identity-protected-container .content header .user-icon-container {
  width: 64px;
  height: 64px;
  border-radius: 100%;
  background: rgba(16, 153, 252, 0.25);
  margin: auto;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.identity-protected-container .content header .user-icon-container .user-icon-svg {
  width: 36px;
  height: 36px;
}
.identity-protected-container .content header p {
  font-family: "calibre-legacy", sans-serif;
  font-size: 14px;
  line-height: 23px;
  text-align: center;
}
.identity-protected-container .content .options-container {
  position: relative;
  margin: 0 auto;
}
.identity-protected-container .content .options-container .sso {
  margin-bottom: 15px;
  font-family: "calibre-legacy", sans-serif;
}
.identity-protected-container .content .options-container .row-divider {
  position: relative;
  padding: 15px 0;
}
.identity-protected-container .content .options-container .row-divider .line {
  box-sizing: border-box;
  height: 2px;
  width: 100%;
  border: 1px solid rgba(151, 151, 151, 0.2);
}
.identity-protected-container .content .options-container .row-divider .divider-text {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  color: rgba(115, 115, 115, 0.5);
  margin-top: -10px;
}
.identity-protected-container .content .options-container .row-divider .divider-text span {
  background-color: white;
  padding: 3px 7px;
}
.identity-protected-container .content .options-container .email-validation,
.identity-protected-container .content .options-container .page-opening-confirmation {
  width: 100%;
  position: relative;
}
.identity-protected-container .content .options-container .email-validation form .field,
.identity-protected-container .content .options-container .page-opening-confirmation form .field {
  position: relative;
}
.identity-protected-container .content .options-container .email-validation form .field input,
.identity-protected-container .content .options-container .page-opening-confirmation form .field input {
  margin: 5px 0;
  padding: 0;
  padding-left: 10px;
  height: 45px;
  line-height: 55px;
  font-size: 14px;
}
.identity-protected-container .content .options-container .email-validation form .field input::-webkit-input-placeholder,
.identity-protected-container .content .options-container .page-opening-confirmation form .field input::-webkit-input-placeholder {
  color: #81A2B2;
  font-family: "calibre-legacy", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
}
.identity-protected-container .content .options-container .email-validation form .field input:-moz-placeholder,
.identity-protected-container .content .options-container .page-opening-confirmation form .field input:-moz-placeholder {
  color: #81A2B2;
  font-family: "calibre-legacy", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
}
.identity-protected-container .content .options-container .email-validation form .field input::-moz-placeholder,
.identity-protected-container .content .options-container .page-opening-confirmation form .field input::-moz-placeholder {
  color: #81A2B2;
  font-family: "calibre-legacy", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
}
.identity-protected-container .content .options-container .email-validation form .field input:-ms-input-placeholder,
.identity-protected-container .content .options-container .page-opening-confirmation form .field input:-ms-input-placeholder {
  color: #81A2B2;
  font-family: "calibre-legacy", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
}
.identity-protected-container .content .options-container .email-validation form .field input::-webkit-input-placeholder,
.identity-protected-container .content .options-container .page-opening-confirmation form .field input::-webkit-input-placeholder {
  color: #81A2B2;
  font-family: "calibre-legacy", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
}
.identity-protected-container .content .options-container .email-validation form .field input:-moz-placeholder,
.identity-protected-container .content .options-container .page-opening-confirmation form .field input:-moz-placeholder {
  color: #81A2B2;
  font-family: "calibre-legacy", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
}
.identity-protected-container .content .options-container .email-validation form .field input::-moz-placeholder,
.identity-protected-container .content .options-container .page-opening-confirmation form .field input::-moz-placeholder {
  color: #81A2B2;
  font-family: "calibre-legacy", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
}
.identity-protected-container .content .options-container .email-validation form .field input:-ms-input-placeholder,
.identity-protected-container .content .options-container .page-opening-confirmation form .field input:-ms-input-placeholder {
  color: #81A2B2;
  font-family: "calibre-legacy", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
}
.identity-protected-container .content .button {
  margin: 35px auto 0 auto;
}


/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJBc3NldHMvc3R5bGVzLWZjNDJlNjAwMzY0ZjVjZjA4YjdmLmNzcyIsInNvdXJjZVJvb3QiOiIifQ==*/