@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):not(.project-block--background-video):not(.project-block--background-image) .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;
}
.resizable-widget--width-content {
  width: 100%;
}
.resizable-widget--width-wide {
  margin-left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: var(--page-content-width);
}
@media screen and (min-width: 1140px) {
  .resizable-widget--width-wide {
    width: 115%;
  }
}
@media screen and (min-width: 1440px) {
  .resizable-widget--width-wide {
    width: 133%;
  }
}
.resizable-widget--width-full {
  margin-left: 50%;
  transform: translateX(-50%);
  width: var(--page-content-width);
}
.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-widget__spacing-shim {
  margin: 40px 0;
}
.project-block .blockquote-widget__spacing-shim blockquote {
  margin: 0;
}
.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;
  left: 0;
}
.project-block ul,
.project-block ol {
  width: 100%;
  max-width: -moz-available;
  max-width: -webkit-fill-available;
  max-width: fill-available;
}
.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__block-element,
.project-block ol + p.project-block__block-element,
.project-block ul + h1.project-block__block-element,
.project-block ol + h1.project-block__block-element,
.project-block ul + h2.project-block__block-element,
.project-block ol + h2.project-block__block-element {
  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 .listitem-widget__spacing-shim {
  margin-bottom: 5px;
}
.project-block .listitem-widget__spacing-shim + .h1-widget__spacing-shim,
.project-block .listitem-widget__spacing-shim + .h2-widget__spacing-shim,
.project-block .listitem-widget__spacing-shim + .h3-widget__spacing-shim,
.project-block .listitem-widget__spacing-shim + .h4-widget__spacing-shim,
.project-block .listitem-widget__spacing-shim + .p-widget__spacing-shim,
.project-block .listitem-widget__spacing-shim + .smallText-widget__spacing-shim,
.project-block .listitem-widget__spacing-shim + .captionText-widget__spacing-shim {
  padding-top: 1em;
}
.project-block .listitem-widget__spacing-shim li.ordered,
.project-block .listitem-widget__spacing-shim li.unordered {
  margin-bottom: 0;
}
.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 figure {
  text-align: center;
}
.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 .table-widget__spacing-shim {
  margin-top: 32px;
  margin-bottom: 32px;
}
.project-block .qwilr-table {
  width: 100%;
  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 {
  padding: 5px;
  word-break: break-word;
}
@media (max-width: 1200px) {
  .project-block .qwilr-table:has(td:nth-child(4)) {
    min-width: 650px;
  }
}
@media (max-width: 1200px) {
  .project-block .qwilr-table:has(td:nth-child(6)) {
    min-width: 800px;
  }
}
.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: 0;
  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;
}
.project-block__block-element s::before,
.project-block__block-element s::after {
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.project-block__block-element s::before {
  content: " [start of stricken text] ";
}
.project-block__block-element s::after {
  content: " [end of stricken text] ";
}
.project-block__block-element .strikethrough::before,
.project-block__block-element .strikethrough::after {
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.project-block__block-element .strikethrough::before {
  content: " [start of stricken text] ";
}
.project-block__block-element .strikethrough::after {
  content: " [end of stricken text] ";
}
.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;
  }
}
@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 h3,
.project-block h4,
.project-block h5,
.project-block h6,
.project-block p,
.project-block li {
  -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 p {
  margin: 0;
}
.project-block hr {
  border-color: rgba(129, 162, 178, 0.25);
  border-style: solid;
  border-width: 0.5px;
  margin: 30px 3px 30px 3px;
}
.public-output .project-block :not(.qed-placeholder) > h1:first-child,
.public-output .project-block :not(.qed-placeholder) > h2:first-child,
.public-output .project-block :not(.qed-placeholder) > h3:first-child,
.public-output .project-block :not(.qed-placeholder) > h4:first-child,
.public-output .project-block :not(.qed-placeholder) > h5:first-child,
.public-output .project-block :not(.qed-placeholder) > h6:first-child,
.public-output .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 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--margins-disabled {
  margin-top: 0;
  margin-bottom: 0;
}
.embed-widget--not-focused iframe {
  pointer-events: none;
}
.embed-widget__container {
  display: flex;
  margin-top: 32px;
  margin-bottom: 32px;
  position: relative;
}
.embed-widget__container--left-aligned {
  margin-left: 0;
}
.embed-widget__container--center-aligned {
  margin-left: auto;
  margin-right: auto;
}
.embed-widget__container--content {
  width: 100%;
}
.embed-widget__container--wide {
  margin-left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: var(--page-content-width);
}
@media screen and (min-width: 1140px) {
  .embed-widget__container--wide {
    width: 115%;
  }
}
@media screen and (min-width: 1440px) {
  .embed-widget__container--wide {
    width: 133%;
  }
}
.embed-widget__container--full {
  margin-left: 50%;
  transform: translateX(-50%);
  width: var(--page-content-width);
}
.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);
  background: #FAFCFD;
}
.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;
}
.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;
}
.kl-opt-in-lowercase-label .discount-pill {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
@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 div[role="radiogroup"] {
  height: 54px;
}
.plan-group__tab.plan-group__tab {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}
body#print .plan-group__tab.plan-group__tab {
  font-size: 12px;
}
.plan-group__tab.plan-group__tab .discount-pill__details {
  white-space: nowrap;
}
.plan-group__tab.plan-group__tab--token::after {
  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.plan-group__tab > * {
  z-index: 2;
}
.plan-group__tab.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,
.qwilr-quote-v2-react .section__title .h2-widget__spacing-shim {
  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,
.qwilr-quote-v2-react .section__title .h2-widget__spacing-shim:last-child,
.qwilr-quote-v2-react .section__title .p-widget__spacing-shim: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;
}
.kl-opt-in-lowercase-label .qwilr-quote-v2-react .section__subtotal-label {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
@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;
}
#print .qwilr-quote-v2-react .section__description-content-wrapper.split .section__checkbox {
  opacity: 0;
}
.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__checkbox {
  padding: 0;
  margin-top: 4px;
}
.qwilr-quote-v2-react .section__checkbox--single-select button {
  border-radius: 200px;
}
@media all and (-ms-high-contrast: none) {
  .qwilr-quote-v2-react .section__checkbox svg {
    position: relative;
  }
}
.qwilr-quote-v2-react .section__description-content {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.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 {
  display: flex;
  flex-direction: column;
  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,
.qwilr-quote-v2-react .plan-section__title .h2-widget__spacing-shim:last-child,
.qwilr-quote-v2-react .plan-section__title .p-widget__spacing-shim:last-child {
  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__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 .h1-widget__spacing-shim:last-child,
.qwilr-quote-v2-react .plan-card__card-description .h2-widget__spacing-shim:last-child,
.qwilr-quote-v2-react .plan-card__card-description .h3-widget__spacing-shim:last-child,
.qwilr-quote-v2-react .plan-card__card-description .h4-widget__spacing-shim:last-child,
.qwilr-quote-v2-react .plan-card__card-description .p-widget__spacing-shim:last-child,
.qwilr-quote-v2-react .plan-card__card-description .smallText-widget__spacing-shim:last-child,
.qwilr-quote-v2-react .plan-card__card-description .captionText-widget__spacing-shim:last-child {
  padding-bottom: 0;
}
.qwilr-quote-v2-react .plan-card__card-description h2,
.qwilr-quote-v2-react .plan-card__card-description .h2-widget__spacing-shim {
  font-size: 20px;
}
body#print .qwilr-quote-v2-react .plan-card__card-description h2,
body#print .qwilr-quote-v2-react .plan-card__card-description .h2-widget__spacing-shim {
  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,
.qwilr-quote-v2-react .plan-card__feature-list .p-widget__spacing-shim:last-child {
  padding-bottom: 0;
}
.qwilr-quote-v2-react .plan-card__feature-list p,
.qwilr-quote-v2-react .plan-card__feature-list .p-widget__spacing-shim {
  text-align: left !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}
body#print .qwilr-quote-v2-react .plan-card__feature-list p,
body#print .qwilr-quote-v2-react .plan-card__feature-list .p-widget__spacing-shim {
  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%;
}
.editable-heading--react-version {
  max-width: 450px;
}
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 {
  font-weight: 600;
  font-size: 20px;
}
.editable-heading__sizing-span {
  left: -1000px;
  top: -500px;
  position: absolute;
  white-space: pre;
}
.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;
}
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;
}
.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;
}
.react-accept-wrapper.ng-animate {
  transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
.react-accept-wrapper.ng-enter {
  opacity: 0;
}
.react-accept-wrapper.ng-enter.ng-enter-active {
  opacity: 1;
}
.react-accept-wrapper.ng-leave {
  opacity: 1;
}
.react-accept-wrapper.ng-leave.ng-leave-active {
  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;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
}
.accepter-block__signature-spacer {
  aspect-ratio: 2.39 / 1;
}
.accepter-block__signature-spacer--typed {
  aspect-ratio: 3.13 / 1;
}
body#print .accepter-block__signature-spacer--typed {
  aspect-ratio: 4.17 / 1;
}
.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: 0 24px 24px 24px;
  width: 90%;
}
.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-block__signature-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  display: block;
  object-fit: contain;
  image-rendering: auto;
}
body#print .accepter-block__signature-img {
  aspect-ratio: 3.13 / 1;
}
.accepter-block__signed-slot-container {
  display: flex;
  width: 400px;
}
body#print .accepter-block__signed-slot-container {
  max-width: 300px;
}
@media (max-width: 767px) {
  .accepter-block__signed-slot-container {
    width: 350px;
  }
}
.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;
}
.kl-opt-in-lowercase-label .accepter-list__heading {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.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;
}
.access-gate-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.access-gate-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;
}
.access-gate-spinner__loader[data-status="entering"],
.access-gate-spinner__loader[data-status="entered"] {
  opacity: 1;
}
[data-status="entered"] .access-gate-spinner__loader,
[data-status="exiting"] .access-gate-spinner__loader {
  transition-delay: 0s;
}
.access-gate-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;
  }
}
.access-gate-spinner__loader-pulse {
  background-color: #0bdac9;
  width: 80px;
  height: 80px;
  border-radius: 80px;
  opacity: 0;
  grid-column: 1;
  grid-row: 1;
}
.access-gate-spinner__loader-pulse[data-status="entering"],
.access-gate-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);
  }
}
.access-gate-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"] .access-gate-spinner__lock,
[data-status="entered"] .access-gate-spinner__lock {
  transform: none;
}
[data-status="entered"] .access-gate-spinner__lock,
[data-status="exiting"] .access-gate-spinner__lock {
  transform: none;
  transition-delay: 0s;
}
.access-gate-spinner__lock svg {
  grid-area: 1 / 1;
}
.access-gate-spinner__lock-icon {
  transition: 400ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  transition-property: color;
}
[data-status="entered"] [data-unlocked="true"] .access-gate-spinner__lock-icon {
  color: #00857b;
}
[data-unlocked="true"] .access-gate-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);
  }
}
.access-gate-spinner__lock-spinner path {
  transform-origin: center;
  animation: password-lock-spin 1.5s linear infinite;
}
.access-gate-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;
}
.access-gate-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;
}
.access-gate-spinner__lock-text--success svg {
  margin-left: -4px;
}
.access-gate-spinner__lock-text[data-status="exiting"] {
  transform: translate3d(0, 20%, 0);
}
.access-gate-spinner__lock-text[data-status="exited"] {
  transform: translate3d(0, -20%, 0);
}
.access-gate-spinner__lock-text[data-status="exiting"],
.access-gate-spinner__lock-text[data-status="exited"] {
  opacity: 0;
}
.password-tree {
  height: 100%;
  width: 100%;
}
.password-tree > div {
  height: 100%;
  width: 100%;
}
.password-protected-container {
  font-family: calibre-legacy;
  display: grid;
  gap: 24px;
  height: 100vh;
  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);
}
@media (max-width: 500px) {
  .password-protected-container {
    padding-top: 10vh;
  }
}
.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__spinner {
  grid-area: 1 / 1;
}
.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__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__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-container .password-protected__login-prompt {
  text-align: center;
}
.animated-background {
  height: 100%;
  background: linear-gradient(rgba(129, 162, 178, 0.05), rgba(129, 162, 178, 0.05)), linear-gradient(white, white);
  transition: background 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
.animated-background[data-fade-bg="true"] {
  background-color: white;
}
.animated-background .animation {
  --x: 0;
  --y: -20vh;
  --r: -20deg;
  --shimmer-delay: 0s;
  --shimmer-opacity: 0.4;
  --shimmer-saturation: 1;
  position: fixed;
  height: 100vh;
  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;
}
.animated-background .animation[data-unlocked="true"] {
  opacity: 0;
}
.animated-background .animation[data-shimmer="true"] {
  opacity: 0.3;
}
.animated-background .animation__texture {
  background-image: url("/Assets/Images/background-texture.png");
  position: fixed;
  inset: 0;
  mix-blend-mode: soft-light;
  opacity: 0.8;
}
.animated-background .animation__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"] .animated-background .animation__ellipse {
  transition-delay: var(--shimmer-delay);
  filter: saturate(var(--shimmer-saturation));
  opacity: var(--shimmer-opacity);
}
[data-unlocked="true"] .animated-background .animation__ellipse {
  transition-duration: 1s;
}
.animated-background .animation__ellipse:nth-child(1) {
  --shimmer-delay: 0s;
  --ellipse-color: #ffc531;
  --y: -30vh;
  --x: -80%;
}
[data-unlocked="true"] .animated-background .animation__ellipse:nth-child(1) {
  --x: -140%;
}
.animated-background .animation__ellipse:nth-child(2) {
  --shimmer-delay: 0.05s;
  --ellipse-color: #ff4c6b;
  --x: -30%;
  --y: -25vh;
}
[data-unlocked="true"] .animated-background .animation__ellipse:nth-child(2) {
  --x: -100%;
}
.animated-background .animation__ellipse:nth-child(3) {
  --shimmer-delay: 0.1s;
  --ellipse-color: #706aea;
}
[data-unlocked="true"] .animated-background .animation__ellipse:nth-child(3) {
  --x: 25%;
}
.animated-background .animation__ellipse:nth-child(4) {
  --shimmer-delay: 0.15s;
  --ellipse-color: #4cb4ff;
  --x: 30%;
  --y: -25vh;
}
[data-unlocked="true"] .animated-background .animation__ellipse:nth-child(4) {
  --x: 100%;
}
.animated-background .animation__ellipse:nth-child(5) {
  --shimmer-delay: 0.2s;
  --ellipse-color: #0bdac9;
  --x: 80%;
  --y: -30vh;
}
[data-unlocked="true"] .animated-background .animation__ellipse:nth-child(5) {
  --x: 140%;
}
.animated-background .animation__noise {
  background-image: var(--noise);
  position: fixed;
  inset: 0;
  mix-blend-mode: soft-light;
  opacity: 0.8;
}
.springboard-user-avatar {
  border-radius: 100%;
}
.springboard-user-avatar__kl-avatar {
  height: 100%;
  width: 100%;
}
.springboard-user-avatar__kl-avatar .kl-label {
  font-size: 32px;
}
.springboard-user-card {
  padding: 16px;
  display: flex;
  gap: 16px;
}
.springboard-user-card__user {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
.springboard-user-card__user-info {
  display: grid;
  align-items: center;
  align-content: center;
  gap: 4px;
  word-break: break-all;
  margin-right: 48px;
  text-align: left;
}
.springboard-user-card__user-avatar {
  border-radius: 54px;
  height: 54px;
  width: 54px;
}
.springboard-user-card__user-action {
  position: absolute;
  right: 16px;
}
.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--behind-overlays-with-blur {
  z-index: 874;
  backdrop-filter: blur(10px);
}
.modal-container--behind-overlays-with-blur::after {
  content: '';
  background: url("/Assets/Images/background-noise.png") repeat;
  position: fixed;
  inset: 0;
  mix-blend-mode: soft-light;
  opacity: 0.08;
}
.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 .react-accept-wrapper .form-screen-heading {
  padding-top: 40px;
}
#print .accept-wrapper {
  margin-top: 0;
}
#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):not(.text-block) {
  padding: 40px;
}
#print .project-block.text-block .row.container {
  padding: 40px;
}
#print .project-block.agreement-block:has(+ .accept-module) {
  padding-bottom: 0;
}
#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 .signature-widget.avoid-page-break,
#print .initials-widget.avoid-page-break {
  page-break-inside: avoid;
  page-break-before: auto;
  page-break-after: auto;
}
#print .signature-slot-printable.avoid-page-break {
  page-break-inside: avoid;
  page-break-before: auto;
  page-break-after: auto;
}
#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-top: 0.75cm;
  margin-bottom: 0.75cm;
  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 .image-resizer-container {
  max-width: 10cm;
}
#print .project-block .roi-calculator {
  max-width: 10cm;
  margin: 0.75cm auto;
}
#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 [data-hydration-host][data-hydration-component="ROICalculator"]:first-child .roi-calculator {
  margin-top: 0;
}
#print .project-block [data-hydration-host][data-hydration-component="ROICalculator"]:last-child .roi-calculator {
  margin-bottom: 0;
}
#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-top: 8px;
  margin-bottom: 8px;
}
#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 .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 #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 button,
#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 button {
  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.debug-print {
  overflow-y: auto;
}
#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;
}
.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;
}
.kl-opt-in-lowercase-label .text-small-label {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.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;
}
.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--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;
}
.avatar__image {
  position: absolute;
  inset: 0;
  border-radius: inherit;
}
.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;
}
.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);
}
.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;
}
.kl-opt-in-lowercase-label .dropdown__label {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.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;
}
.kl-opt-in-lowercase-label .dropdown-item__name {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.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 {
  margin-bottom: 8px;
}
.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%;
}
.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;
}
.kl-opt-in-lowercase-label .option-group__label {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.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);
}
.pagination-buttons {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 16px;
  align-items: center;
  justify-content: center;
}
.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.popover__panel.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.popover__panel.popover__panel {
    transition-property: opacity, transform;
  }
  .popover__panel.popover__panel.popover__panel--top {
    transform: translate3d(0, 8px, 0);
  }
  .popover__panel.popover__panel.popover__panel--right {
    transform: translate3d(-8px, 0, 0);
  }
  .popover__panel.popover__panel.popover__panel--bottom {
    transform: translate3d(0, -8px, 0);
  }
  .popover__panel.popover__panel.popover__panel--left {
    transform: translate3d(8px, 0, 0);
  }
}
.popover__panel.popover__panel.popover__panel--entering,
.popover__panel.popover__panel.popover__panel--entered {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}
.popover__panel.popover__panel.popover__panel--dark {
  color: white;
}
.popover__panel.popover__panel.popover__panel--small {
  width: 250px;
}
.popover__panel.popover__panel.popover__panel--medium {
  width: 300px;
}
.popover__panel.popover__panel.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;
}
.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--gapless {
  grid-gap: 0;
}
.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;
}
.tabs__tab-panels--animating {
  transition: height 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
@media (prefers-reduced-motion: reduce) {
  .tabs__tab-panels--animating {
    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;
}
.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;
}
.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;
}
.rainbow-bar--small {
  height: 4px;
}
.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__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__controls {
  padding: 16px;
  display: flex;
  justify-content: space-between;
  height: 56px;
  align-items: center;
  background-color: #ffffff;
  border-top: 1px solid #f2f5f7;
}
.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);
  }
}
.checkbox-container {
  margin-top: 10px;
}
.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));
}
/* vanilla-extract-css-ns:src/tokens/tokens.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1aW2/jNhZ+7684LwUmgJ0lqRulvmw7xaAL7LTFpMU+DmSZcZTIokeXxEnR/15QV0q8RB5kFwtUKBJgzO/wXHj4HfpLryv+wPLyc5Ye7qrf7tiRff6Md1lwf48dF/74BmC7TXjGi+2pSI9x8TwsowiKw+6d4wF2ABPn6jsV/AMv9qwYTHBrQnAAhGAgTjAxSoq0SpM4G/CkwzsEXAoUadEzH05n4/qAAwKYehOrip2rAeu2WJ+AHwJGoYK8YQnP93LWXmuCEQGMMWBHNfp1VijfVqjGS50krCwHg6BLIQRMfMAOVSzex3WV8nywoF1UAQIaAnFVg3lpw86CYnAdCLFi8Us+zyPuK4uBuAiIp7r5NYsTdscz+UB2nafQARxSIBhpfCnxJZ0zz4PuR7H6MS3jXcb2g82+s0EhEOwBIf7E5o7F+zQ/DHDW5wOEQoB0WPX8b20tU9bFbZyMN+hgT6KDz+t8Z69zZ6WGlvZ2CIjrAnG1wf3GiiqVze7HC0PcEIhHtO5mPfrQX01hgcWPzmrep5lUENcB4mhTU5rh2Js1JkBmN6Iz+4k/Sm2X9wF6bRXdQGfzfVKlj+OBcXsJ00TK5dT1tbjXrgvY9xXsNKIvduoQBrNwis5C8AYKgLhYsZg3T9mahD6EBHCgGswPsmoNXAqYhoBDT7GYH2I9HqJIXlMj5QAfbUQuLJS7/NRZkBCIIzrTVWx+yd/zvCp49n2SsHxk9bP91mlMFe/P9i12cfJwKHidjxYvvYW4sASIN6X53WwQoj490c1EOdmkjW4+PrGd4CZW097rRykOxDljwKFrNv3Ak3pskH6ito2OAM8IYmKqVLKfsaZ7mGiPcBizPmBx6fUuW6NZot20xZ6okauwZ2I992H0KudyKOJ9yvJqW8QSnEaQpTmLi2H9XYj27LBR7i2gbzfzlID0H/q+IDXR6Vfg9h82nYdCoOEV+PKH3a0DOnzohIAxAuw4V4AR+nYe9K6IpV4Vw39h2Ep4852rp7R5Oo6bx9bNfRc8AtgNrpRyzLeu8zThxcg74iVhCzukgMNmiBnDLu/iPX/asow9xoLT0Lh5EkGal6wC1PyHT2dDJ8z3wOMe+wjQ6QxbYYyGDQYGg38AuhY1FWu4+xGY1qW8Sk5n8LtVTIEgcLwOoI+CjFGwCFAXAyBtDJ7w0nh3lAgQbRaJiMLxm2yQPpBNWyikbuE3a1Tk0dTD10H0eThjHrcL8xC1wlR14TarroiANmEQ15yIcOOaMmmy8NqjVXPpj6Tl+E/xPq3LnmfGbA6R2F+DnD8axfuP9sjyFCdpftiez2eJkdNIJD1HSIB7ydkAkNYfNC6k5SwCrDg4juvHCEQdputSrnkERPUvAXgEjiYDCXGKmpNTqiBBvkTgDlmwuBSI27iseF3dZPwplZijiCCpd2my3bGXlBXv0LW7AbQBdE020J9ft0VZxeJdLdFlqVgTYX6NsPjtEvE7pNNddrzO5UOtlD0wFXY0FL8dEcY17V9S+7poLoN8JnUE2EPHcoaQTuUxAoJUhFSxJ1HUAdG16E36wqbdc5aPd4KSQM/yGcsgCfMiH7OMGaMmSD5oGSPJADgCf9inecROHRESNQwwA0heHDnaASC5cKOG7VrALRfjJx1XvQgesm0SZ+muYBson8uKHbd1uoFtfDplbNt+soEfsjR/+BgnN82/P/C82sBNnMOHIs6TtEz4Bm7YgTP4/V8b+MR3vOIb+Illj0w8mOFnVovt47zclqxIb6VwEr4f24n4Edx8+Mhzvv3EDnUWFxv4yPKMb+Ajz2Ph5j3PS57F5Qb+ne5Y2wtisVmqi5QV8DN72sCR51zcLzb6amrTfQPejuONBBG4rlyjCXCcQIRG4JiBI8WTMALiG4HuCIyjhoQNQG8E7iLAgRG4Z+VDxU9yUknUTIdXDKTk9lEzCl4xkJJk8i0wGkjJ3srNajSQkj5Yq1OJN24l53wXgf8qXko5tR58h5cyvo+A0NfwUsIPERBzhTq8lG8mX3cFf+S7NGNyvkdr/B1eyje39m+Hl/Ll1jbu8FK+J+t5dXgp3y/aphYamDxVSaHtmwYmoUqt8wYlEWalLXGDkni3lifFLDAJ9hgBNgQmDx7yJL87BlwW71gmZ3DWem1hUgrPWq8tTHL6Mnf6Hya+0GyLllhHYbmZVEjBHdk+rUe3Dhb8oMJKdkx3PBufFQ4Rt1AFTkFOBIEA/fnNdafU7+PiYSbUe0uEepPqbpXqsRsAFvoemgkUbyjVmzXouVCPAw8wRUCwr2DNUr0hBYtUbyqVRayXvmsuFOubb/IBFlrgYrne9lcNo2AfBOB7gH01F4tcHwRAxZc73R8G3lKs1/sxSfWGc3lNrTf1jUGvd0JwCfhawdgg1nsURJsRrY1Rqu+/h16k01NwMOjldpNI3/xVCCOtsG+Q6DGh4PuALxLoqQckMBROq87rT9+qzXsUfAxUlYMVYd5w6EZh3tRdbyrMm9jIIs0bqOU1aV5DLVZt3kAtNnVef3z/G21ee0ktwrzu2hhUeW2L2SV5fSWWCPLIF39GVKjjvy7I25J8czUegegs32JnlOLnlV2F+L+nED/rV7sK328gi8fDBr3cq6rvZNCTVSm4XRN6OdWpyMQQ11SXXxSXqslj36jJzwPUCvKYvCrIY1MCU0H+1QRE4YhaPWzU4keMYxHi8RIh3rn6blXiVyV+VeJXJX5V4lclflXiVyV+VeJXJf7Nlfh/CkcxvDum+fYp3Vd3zcrpfNXI8Nev/h/1C9i9J4UF/N7fpyUMTy3QGccTC3TG8rZd7Tz/FUz/FVz/FWz/FXx/OeNfzvmXs/7lvH8581/O/Zez/+X8f/kEuHwGLJ4CS+fA0kmwdBYsngbL58HiibB4JiyeCn9K9Gr8M+jKriu7ruy6suvKrhezq/Zpi8kbv22t9DRlXystTdnXSkcz9rV1/ZR9rc27su/Kviv7ruz7f/W2Xdl1ZdeVXVd2Xdl19rb9C11Ai6vqRAAA */
.tokens_lightTheme__1bl7jj134 {
  --color-primary__1bl7jj10: rgb(35 13 123);
  --color-primaryBorder__1bl7jj11: rgb(217 221 237);
  --color-critical__1bl7jj12: rgb(232 48 80);
  --color-criticalBorder__1bl7jj13: rgb(246 172 185);
  --color-text__1bl7jj14: rgb(62 69 109);
  --color-textSecondary__1bl7jj15: rgb(102 111 139);
  --color-textPrimary__1bl7jj16: rgb(35 13 123);
  --color-textSuccess__1bl7jj17: rgb(29 126 138);
  --color-textCaution__1bl7jj18: rgb(170 89 24);
  --color-textCritical__1bl7jj19: rgb(181 43 91);
  --color-textOnPrimary__1bl7jj1a: rgb(241 240 254);
  --color-textPlaceholder__1bl7jj1b: rgb(193 198 210);
  --color-textOnCritical__1bl7jj1c: rgb(255 255 255);
  --color-textDisabled__1bl7jj1d: rgb(209 215 226);
  --color-heading__1bl7jj1e: rgb(24 28 70);
  --color-headingSecondary__1bl7jj1f: rgb(62 69 109);
  --color-surface__1bl7jj1g: rgb(255 255 255);
  --color-surfacePrimary__1bl7jj1h: rgb(241 240 254);
  --color-surfaceSecondary__1bl7jj1i: rgb(240 244 249);
  --color-surfaceTertiary__1bl7jj1j: rgb(246 249 252);
  --color-surfaceSuccess__1bl7jj1k: rgb(239 251 251);
  --color-surfaceCaution__1bl7jj1l: rgb(255 243 234);
  --color-surfaceCritical__1bl7jj1m: rgb(253 234 238);
  --color-surfaceHover__1bl7jj1n: rgb(235 240 247);
  --color-surfaceActive__1bl7jj1o: rgb(240 244 249);
  --color-icon__1bl7jj1p: rgb(135 144 166);
  --color-iconHover__1bl7jj1q: rgb(102 111 139);
  --color-iconActive__1bl7jj1r: rgb(113 107 241);
  --color-iconPrimary__1bl7jj1s: rgb(96 92 171);
  --color-iconSuccess__1bl7jj1t: rgb(48 189 195);
  --color-iconCaution__1bl7jj1u: rgb(255 135 49);
  --color-iconCritical__1bl7jj1v: rgb(232 48 80);
  --color-iconDisabled__1bl7jj1w: rgb(229 236 244);
  --color-iconOnControlAccent__1bl7jj1x: rgb(255 255 255);
  --color-iconOnControlAccentDisabled__1bl7jj1y: rgb(255 255 255);
  --color-background__1bl7jj1z: rgb(250 252 253);
  --color-border__1bl7jj110: rgb(224 232 241);
  --color-controlBorder__1bl7jj111: rgb(209 215 226);
  --color-controlBorderHover__1bl7jj112: rgb(178 181 194);
  --color-controlBorderFocus__1bl7jj113: rgb(135 140 152);
  --color-controlBorderDisabled__1bl7jj114: rgb(235 240 247);
  --color-controlAccent__1bl7jj115: rgb(16 153 252);
  --color-controlAccentHover__1bl7jj116: rgb(159 214 254);
  --color-controlAccentDisabled__1bl7jj117: rgb(224 232 241);
  --gradient-rad__1bl7jj118: linear-gradient(90deg, rgb(113 107 241) 0%, rgb(16 153 252) 20%, rgb(66 238 236) 40%, rgb(255 209 89) 60%, rgb(255 135 49) 80%, rgb(239 110 133) 100%);
  --gradient-brand__1bl7jj119: linear-gradient(90deg, rgb(113 107 241), rgb(66 238 236));
  --gradient-twilight__1bl7jj11a: linear-gradient(90deg, rgb(64 52 147), rgb(16 153 252));
  --gradient-unicorn__1bl7jj11b: linear-gradient(90deg, rgb(198 196 249), rgb(66 238 236));
  --shadow-elevation0__1bl7jj11c: inset 0 0 0 1px rgb(224 232 241);
  --shadow-elevation1__1bl7jj11d:
    0px -1px 0px rgb(229 236 244 / 0.1),
    0px 1px 1px rgb(0 0 0 / 0.1),
    0px 2px 6px rgb(18 20 35 / 0.1);
  --shadow-elevation2__1bl7jj11e:
    0 -1px 0 0 rgb(229 236 244 / 0.5),
    0 1px 3px rgb(0 0 0 / 0.08),
    0 20px 36px -10px rgb(18 20 35 / 0.1),
    0 0 10px rgb(0 0 0 / 0.06),
    0 8px 20px -6px rgb(0 0 0 / 0.06);
  --shadow-elevation3__1bl7jj11f:
    0 -1px 0 0 rgb(229 236 244 / 0.5),
    0 2px 18px rgb(0 0 0 / 0.04),
    0 40px 80px -24px rgb(18 20 35 / 0.1),
    0 1px 4px rgb(0 0 0 / 0.06),
    0 20px 50px -16px rgb(0 0 0 / 0.1);
  --borderRadius-control__1bl7jj11g: 4px;
  --borderRadius-surface__1bl7jj11h: 8px;
  --spacing-xxxs__1bl7jj11i: 2px;
  --spacing-xxs__1bl7jj11j: 4px;
  --spacing-xs__1bl7jj11k: 8px;
  --spacing-s__1bl7jj11l: 12px;
  --spacing-m__1bl7jj11m: 16px;
  --spacing-l__1bl7jj11n: 24px;
  --spacing-xl__1bl7jj11o: 32px;
  --spacing-xxl__1bl7jj11p: 40px;
  --spacing-xxxl__1bl7jj11q: 48px;
  --easing-fastoutSlowin__1bl7jj11r: cubic-bezier(0.4, 0, 0.2, 1);
  --easing-standard__1bl7jj11s: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  --easing-bounce__1bl7jj11t: cubic-bezier(0.18, 0.89, 0.32, 1.89);
  --duration-s__1bl7jj11u: 150ms;
  --duration-m__1bl7jj11v: 200ms;
  --duration-l__1bl7jj11w: 400ms;
  --controlSize-xxs__1bl7jj11x: 16px;
  --controlSize-xs__1bl7jj11y: 24px;
  --controlSize-s__1bl7jj11z: 32px;
  --controlSize-m__1bl7jj120: 40px;
  --controlSize-l__1bl7jj121: 62px;
  --iconSize-s__1bl7jj122: 18px;
  --iconSize-m__1bl7jj123: 24px;
  --iconSize-l__1bl7jj124: 36px;
  --font-ui__1bl7jj125:
    kl-calibre,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    San Francisco,
    Segoe UI,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --font-code__1bl7jj126:
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    Liberation Mono,
    Courier New,
    monospace;
  --fontSize-heading-1__1bl7jj127: 44px;
  --fontSize-heading-2__1bl7jj128: 34px;
  --fontSize-heading-3__1bl7jj129: 26px;
  --fontSize-heading-4__1bl7jj12a: 20px;
  --fontSize-heading-5__1bl7jj12b: 17px;
  --fontSize-heading-desktop-1__1bl7jj12c: 80px;
  --fontSize-heading-desktop-2__1bl7jj12d: 50px;
  --fontSize-heading-desktop-3__1bl7jj12e: 32px;
  --fontSize-heading-desktop-4__1bl7jj12f: 24px;
  --fontSize-heading-desktop-5__1bl7jj12g: 20px;
  --fontSize-heading-tablet-1__1bl7jj12h: 60px;
  --fontSize-heading-tablet-2__1bl7jj12i: 44px;
  --fontSize-heading-tablet-3__1bl7jj12j: 28px;
  --fontSize-heading-tablet-4__1bl7jj12k: 22px;
  --fontSize-heading-tablet-5__1bl7jj12l: 18px;
  --fontSize-heading-mobile-1__1bl7jj12m: 44px;
  --fontSize-heading-mobile-2__1bl7jj12n: 34px;
  --fontSize-heading-mobile-3__1bl7jj12o: 26px;
  --fontSize-heading-mobile-4__1bl7jj12p: 20px;
  --fontSize-heading-mobile-5__1bl7jj12q: 17px;
  --fontSize-text-xl__1bl7jj12r: 24px;
  --fontSize-text-l__1bl7jj12s: 20px;
  --fontSize-text-m__1bl7jj12t: 18px;
  --fontSize-text-s__1bl7jj12u: 16px;
  --fontSize-text-xs__1bl7jj12v: 14px;
  --fontSize-text-xxs__1bl7jj12w: 12px;
  --fontSize-label-l__1bl7jj12x: 16px;
  --fontSize-label-m__1bl7jj12y: 14px;
  --fontSize-label-s__1bl7jj12z: 12px;
  --fontWeight-regular__1bl7jj130: 400;
  --fontWeight-medium__1bl7jj131: 500;
  --fontWeight-semibold__1bl7jj132: 600;
  --fontWeight-bold__1bl7jj133: 700;
}
.tokens_darkTheme__1bl7jj135 {
  --color-primary__1bl7jj10: rgb(217 221 237);
  --color-primaryBorder__1bl7jj11: rgb(147 151 201);
  --color-critical__1bl7jj12: rgb(232 48 80);
  --color-criticalBorder__1bl7jj13: rgb(181 43 91);
  --color-text__1bl7jj14: rgb(175 180 216);
  --color-textSecondary__1bl7jj15: rgb(147 151 201);
  --color-textPrimary__1bl7jj16: rgb(217 221 237);
  --color-textSuccess__1bl7jj17: rgb(66 238 236);
  --color-textCaution__1bl7jj18: rgb(255 171 111);
  --color-textCritical__1bl7jj19: rgb(246 172 185);
  --color-textOnPrimary__1bl7jj1a: rgb(77 65 167);
  --color-textPlaceholder__1bl7jj1b: rgb(77 80 101);
  --color-textOnCritical__1bl7jj1c: rgb(255 255 255);
  --color-textDisabled__1bl7jj1d: rgb(77 80 101);
  --color-heading__1bl7jj1e: rgb(217 221 237);
  --color-headingSecondary__1bl7jj1f: rgb(175 180 216);
  --color-surface__1bl7jj1g: rgb(39 42 67);
  --color-surfacePrimary__1bl7jj1h: rgb(58 47 127);
  --color-surfaceSecondary__1bl7jj1i: rgb(18 20 35);
  --color-surfaceTertiary__1bl7jj1j: rgb(28 31 51);
  --color-surfaceSuccess__1bl7jj1k: rgb(20 89 102);
  --color-surfaceCaution__1bl7jj1l: rgb(128 66 14);
  --color-surfaceCritical__1bl7jj1m: rgb(85 27 67);
  --color-surfaceHover__1bl7jj1n: rgb(77 80 101);
  --color-surfaceActive__1bl7jj1o: rgb(58 61 84);
  --color-icon__1bl7jj1p: rgb(175 180 216);
  --color-iconHover__1bl7jj1q: rgb(217 221 237);
  --color-iconActive__1bl7jj1r: rgb(113 107 241);
  --color-iconPrimary__1bl7jj1s: rgb(147 151 201);
  --color-iconSuccess__1bl7jj1t: rgb(66 238 236);
  --color-iconCaution__1bl7jj1u: rgb(255 171 111);
  --color-iconCritical__1bl7jj1v: rgb(246 172 185);
  --color-iconDisabled__1bl7jj1w: rgb(77 80 101);
  --color-iconOnControlAccent__1bl7jj1x: rgb(255 255 255);
  --color-iconOnControlAccentDisabled__1bl7jj1y: rgb(39 42 67);
  --color-background__1bl7jj1z: rgb(28 31 51);
  --color-border__1bl7jj110: rgb(58 61 84);
  --color-controlBorder__1bl7jj111: rgb(77 80 101);
  --color-controlBorderHover__1bl7jj112: rgb(106 109 127);
  --color-controlBorderFocus__1bl7jj113: rgb(135 140 152);
  --color-controlBorderDisabled__1bl7jj114: rgb(58 61 84);
  --color-controlAccent__1bl7jj115: rgb(16 153 252);
  --color-controlAccentHover__1bl7jj116: rgb(0 72 162);
  --color-controlAccentDisabled__1bl7jj117: rgb(77 80 101);
  --gradient-rad__1bl7jj118: linear-gradient(90deg, rgb(113 107 241) 0%, rgb(16 153 252) 20%, rgb(66 238 236) 40%, rgb(255 209 89) 60%, rgb(255 135 49) 80%, rgb(239 110 133) 100%);
  --gradient-brand__1bl7jj119: linear-gradient(90deg, rgb(113 107 241), rgb(66 238 236));
  --gradient-twilight__1bl7jj11a: linear-gradient(90deg, rgb(64 52 147), rgb(16 153 252));
  --gradient-unicorn__1bl7jj11b: linear-gradient(90deg, rgb(198 196 249), rgb(66 238 236));
  --shadow-elevation0__1bl7jj11c: inset 0 0 0 1px rgb(58 61 84);
  --shadow-elevation1__1bl7jj11d:
    inset 0 1px 0 0 rgb(58 61 84),
    0 1px 1px rgb(0 0 0 / 0.2),
    0 2px 4px rgb(0 0 0 / 0.2),
    0 3px 8px rgb(18 20 35 / 0.2);
  --shadow-elevation2__1bl7jj11e:
    inset 0 1px 0 0 rgb(58 61 84),
    0 1px 3px rgb(0 0 0 / 0.16),
    0 20px 36px -10px rgb(0 0 0 / 0.2),
    0 0 10px rgb(0 0 0 / 0.12),
    0 8px 20px -6px rgb(0 0 0 / 0.12);
  --shadow-elevation3__1bl7jj11f:
    inset 0 1px 0 0 rgb(58 61 84),
    0 4px 24px rgb(0 0 0 / 0.1),
    0 40px 80px -24px rgb(0 0 0 / 0.3),
    0 1px 4px rgb(0 0 0 / 0.16),
    0 20px 50px -16px rgb(0 0 0 / 0.3);
  --borderRadius-control__1bl7jj11g: 4px;
  --borderRadius-surface__1bl7jj11h: 8px;
  --spacing-xxxs__1bl7jj11i: 2px;
  --spacing-xxs__1bl7jj11j: 4px;
  --spacing-xs__1bl7jj11k: 8px;
  --spacing-s__1bl7jj11l: 12px;
  --spacing-m__1bl7jj11m: 16px;
  --spacing-l__1bl7jj11n: 24px;
  --spacing-xl__1bl7jj11o: 32px;
  --spacing-xxl__1bl7jj11p: 40px;
  --spacing-xxxl__1bl7jj11q: 48px;
  --easing-fastoutSlowin__1bl7jj11r: cubic-bezier(0.4, 0, 0.2, 1);
  --easing-standard__1bl7jj11s: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  --easing-bounce__1bl7jj11t: cubic-bezier(0.18, 0.89, 0.32, 1.89);
  --duration-s__1bl7jj11u: 150ms;
  --duration-m__1bl7jj11v: 200ms;
  --duration-l__1bl7jj11w: 400ms;
  --controlSize-xxs__1bl7jj11x: 16px;
  --controlSize-xs__1bl7jj11y: 24px;
  --controlSize-s__1bl7jj11z: 32px;
  --controlSize-m__1bl7jj120: 40px;
  --controlSize-l__1bl7jj121: 62px;
  --iconSize-s__1bl7jj122: 18px;
  --iconSize-m__1bl7jj123: 24px;
  --iconSize-l__1bl7jj124: 36px;
  --font-ui__1bl7jj125:
    kl-calibre,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    San Francisco,
    Segoe UI,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --font-code__1bl7jj126:
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    Liberation Mono,
    Courier New,
    monospace;
  --fontSize-heading-1__1bl7jj127: 44px;
  --fontSize-heading-2__1bl7jj128: 34px;
  --fontSize-heading-3__1bl7jj129: 26px;
  --fontSize-heading-4__1bl7jj12a: 20px;
  --fontSize-heading-5__1bl7jj12b: 17px;
  --fontSize-heading-desktop-1__1bl7jj12c: 80px;
  --fontSize-heading-desktop-2__1bl7jj12d: 50px;
  --fontSize-heading-desktop-3__1bl7jj12e: 32px;
  --fontSize-heading-desktop-4__1bl7jj12f: 24px;
  --fontSize-heading-desktop-5__1bl7jj12g: 20px;
  --fontSize-heading-tablet-1__1bl7jj12h: 60px;
  --fontSize-heading-tablet-2__1bl7jj12i: 44px;
  --fontSize-heading-tablet-3__1bl7jj12j: 28px;
  --fontSize-heading-tablet-4__1bl7jj12k: 22px;
  --fontSize-heading-tablet-5__1bl7jj12l: 18px;
  --fontSize-heading-mobile-1__1bl7jj12m: 44px;
  --fontSize-heading-mobile-2__1bl7jj12n: 34px;
  --fontSize-heading-mobile-3__1bl7jj12o: 26px;
  --fontSize-heading-mobile-4__1bl7jj12p: 20px;
  --fontSize-heading-mobile-5__1bl7jj12q: 17px;
  --fontSize-text-xl__1bl7jj12r: 24px;
  --fontSize-text-l__1bl7jj12s: 20px;
  --fontSize-text-m__1bl7jj12t: 18px;
  --fontSize-text-s__1bl7jj12u: 16px;
  --fontSize-text-xs__1bl7jj12v: 14px;
  --fontSize-text-xxs__1bl7jj12w: 12px;
  --fontSize-label-l__1bl7jj12x: 16px;
  --fontSize-label-m__1bl7jj12y: 14px;
  --fontSize-label-s__1bl7jj12z: 12px;
  --fontWeight-regular__1bl7jj130: 400;
  --fontWeight-medium__1bl7jj131: 500;
  --fontWeight-semibold__1bl7jj132: 600;
  --fontWeight-bold__1bl7jj133: 700;
}
@media (min-width: 700px) {
  .tokens_lightTheme__1bl7jj134 {
    --fontSize-heading-1__1bl7jj127: 60px;
    --fontSize-heading-2__1bl7jj128: 44px;
    --fontSize-heading-3__1bl7jj129: 28px;
    --fontSize-heading-4__1bl7jj12a: 22px;
    --fontSize-heading-5__1bl7jj12b: 18px;
    --fontSize-heading-desktop-1__1bl7jj12c: 80px;
    --fontSize-heading-desktop-2__1bl7jj12d: 50px;
    --fontSize-heading-desktop-3__1bl7jj12e: 32px;
    --fontSize-heading-desktop-4__1bl7jj12f: 24px;
    --fontSize-heading-desktop-5__1bl7jj12g: 20px;
    --fontSize-heading-tablet-1__1bl7jj12h: 60px;
    --fontSize-heading-tablet-2__1bl7jj12i: 44px;
    --fontSize-heading-tablet-3__1bl7jj12j: 28px;
    --fontSize-heading-tablet-4__1bl7jj12k: 22px;
    --fontSize-heading-tablet-5__1bl7jj12l: 18px;
    --fontSize-heading-mobile-1__1bl7jj12m: 44px;
    --fontSize-heading-mobile-2__1bl7jj12n: 34px;
    --fontSize-heading-mobile-3__1bl7jj12o: 26px;
    --fontSize-heading-mobile-4__1bl7jj12p: 20px;
    --fontSize-heading-mobile-5__1bl7jj12q: 17px;
    --fontSize-text-xl__1bl7jj12r: 24px;
    --fontSize-text-l__1bl7jj12s: 20px;
    --fontSize-text-m__1bl7jj12t: 18px;
    --fontSize-text-s__1bl7jj12u: 16px;
    --fontSize-text-xs__1bl7jj12v: 14px;
    --fontSize-text-xxs__1bl7jj12w: 12px;
    --fontSize-label-l__1bl7jj12x: 16px;
    --fontSize-label-m__1bl7jj12y: 14px;
    --fontSize-label-s__1bl7jj12z: 12px;
  }
  .tokens_darkTheme__1bl7jj135 {
    --fontSize-heading-1__1bl7jj127: 60px;
    --fontSize-heading-2__1bl7jj128: 44px;
    --fontSize-heading-3__1bl7jj129: 28px;
    --fontSize-heading-4__1bl7jj12a: 22px;
    --fontSize-heading-5__1bl7jj12b: 18px;
    --fontSize-heading-desktop-1__1bl7jj12c: 80px;
    --fontSize-heading-desktop-2__1bl7jj12d: 50px;
    --fontSize-heading-desktop-3__1bl7jj12e: 32px;
    --fontSize-heading-desktop-4__1bl7jj12f: 24px;
    --fontSize-heading-desktop-5__1bl7jj12g: 20px;
    --fontSize-heading-tablet-1__1bl7jj12h: 60px;
    --fontSize-heading-tablet-2__1bl7jj12i: 44px;
    --fontSize-heading-tablet-3__1bl7jj12j: 28px;
    --fontSize-heading-tablet-4__1bl7jj12k: 22px;
    --fontSize-heading-tablet-5__1bl7jj12l: 18px;
    --fontSize-heading-mobile-1__1bl7jj12m: 44px;
    --fontSize-heading-mobile-2__1bl7jj12n: 34px;
    --fontSize-heading-mobile-3__1bl7jj12o: 26px;
    --fontSize-heading-mobile-4__1bl7jj12p: 20px;
    --fontSize-heading-mobile-5__1bl7jj12q: 17px;
    --fontSize-text-xl__1bl7jj12r: 24px;
    --fontSize-text-l__1bl7jj12s: 20px;
    --fontSize-text-m__1bl7jj12t: 18px;
    --fontSize-text-s__1bl7jj12u: 16px;
    --fontSize-text-xs__1bl7jj12v: 14px;
    --fontSize-text-xxs__1bl7jj12w: 12px;
    --fontSize-label-l__1bl7jj12x: 16px;
    --fontSize-label-m__1bl7jj12y: 14px;
    --fontSize-label-s__1bl7jj12z: 12px;
  }
}
@media (min-width: 1200px) {
  .tokens_lightTheme__1bl7jj134 {
    --fontSize-heading-1__1bl7jj127: 80px;
    --fontSize-heading-2__1bl7jj128: 50px;
    --fontSize-heading-3__1bl7jj129: 32px;
    --fontSize-heading-4__1bl7jj12a: 24px;
    --fontSize-heading-5__1bl7jj12b: 20px;
    --fontSize-heading-desktop-1__1bl7jj12c: 80px;
    --fontSize-heading-desktop-2__1bl7jj12d: 50px;
    --fontSize-heading-desktop-3__1bl7jj12e: 32px;
    --fontSize-heading-desktop-4__1bl7jj12f: 24px;
    --fontSize-heading-desktop-5__1bl7jj12g: 20px;
    --fontSize-heading-tablet-1__1bl7jj12h: 60px;
    --fontSize-heading-tablet-2__1bl7jj12i: 44px;
    --fontSize-heading-tablet-3__1bl7jj12j: 28px;
    --fontSize-heading-tablet-4__1bl7jj12k: 22px;
    --fontSize-heading-tablet-5__1bl7jj12l: 18px;
    --fontSize-heading-mobile-1__1bl7jj12m: 44px;
    --fontSize-heading-mobile-2__1bl7jj12n: 34px;
    --fontSize-heading-mobile-3__1bl7jj12o: 26px;
    --fontSize-heading-mobile-4__1bl7jj12p: 20px;
    --fontSize-heading-mobile-5__1bl7jj12q: 17px;
    --fontSize-text-xl__1bl7jj12r: 24px;
    --fontSize-text-l__1bl7jj12s: 20px;
    --fontSize-text-m__1bl7jj12t: 18px;
    --fontSize-text-s__1bl7jj12u: 16px;
    --fontSize-text-xs__1bl7jj12v: 14px;
    --fontSize-text-xxs__1bl7jj12w: 12px;
    --fontSize-label-l__1bl7jj12x: 16px;
    --fontSize-label-m__1bl7jj12y: 14px;
    --fontSize-label-s__1bl7jj12z: 12px;
  }
  .tokens_darkTheme__1bl7jj135 {
    --fontSize-heading-1__1bl7jj127: 80px;
    --fontSize-heading-2__1bl7jj128: 50px;
    --fontSize-heading-3__1bl7jj129: 32px;
    --fontSize-heading-4__1bl7jj12a: 24px;
    --fontSize-heading-5__1bl7jj12b: 20px;
    --fontSize-heading-desktop-1__1bl7jj12c: 80px;
    --fontSize-heading-desktop-2__1bl7jj12d: 50px;
    --fontSize-heading-desktop-3__1bl7jj12e: 32px;
    --fontSize-heading-desktop-4__1bl7jj12f: 24px;
    --fontSize-heading-desktop-5__1bl7jj12g: 20px;
    --fontSize-heading-tablet-1__1bl7jj12h: 60px;
    --fontSize-heading-tablet-2__1bl7jj12i: 44px;
    --fontSize-heading-tablet-3__1bl7jj12j: 28px;
    --fontSize-heading-tablet-4__1bl7jj12k: 22px;
    --fontSize-heading-tablet-5__1bl7jj12l: 18px;
    --fontSize-heading-mobile-1__1bl7jj12m: 44px;
    --fontSize-heading-mobile-2__1bl7jj12n: 34px;
    --fontSize-heading-mobile-3__1bl7jj12o: 26px;
    --fontSize-heading-mobile-4__1bl7jj12p: 20px;
    --fontSize-heading-mobile-5__1bl7jj12q: 17px;
    --fontSize-text-xl__1bl7jj12r: 24px;
    --fontSize-text-l__1bl7jj12s: 20px;
    --fontSize-text-m__1bl7jj12t: 18px;
    --fontSize-text-s__1bl7jj12u: 16px;
    --fontSize-text-xs__1bl7jj12v: 14px;
    --fontSize-text-xxs__1bl7jj12w: 12px;
    --fontSize-label-l__1bl7jj12x: 16px;
    --fontSize-label-m__1bl7jj12y: 14px;
    --fontSize-label-s__1bl7jj12z: 12px;
  }
}

/* vanilla-extract-css-ns:src/global/icons/Icons.css.ts.vanilla.css?source=#H4sIAAAAAAAAA52UwVKDMBCG7zxFjuJAx9Jqa3ty6sWbM30AJiRp2RqSmgRqdXx3B0woWjIWr5v9v2/DZBk9ESl0CkSKNH17nSd0fos+AoQo6D3HxwXKuCQvywChA1CTL1CF1VUca3hnLnAT2WJNWXcOpmFYB3MG29z8J2kUFhoMSOHSp4prnURISMHCZfAZjDq3aTy6wJy7zrvmYj2yxa8pYp2m44zPdrtxkvSDC0ahLBxhdjG5OJEn/WSO1bYFzC8G8xN4egYmkkuVgsiZAuMY9w17A5w72HebPR5HiJRKMWFWddnDpGyDS94y8Z/MTjX+fnV27H3oUewVFFgdHSMbrHh2AGvSPhMmBqr2G5PBogebtx7l81DQOOOMOhQdbHpsCdZ18LmIAgMEt0vABrtWLcG6Kq8Ll93N3AxXOYA1lT6TLglhWjvUdrBp7QDWZH6YMCHu3TtGfqboaUoipFjFlIk5PrLznWn/sNcNrRnHN3EpNDM14QvOSZZOowUAAA== */
.Icons_icon__xq82d85 {
  display: block;
  width: var(--size__xq82d80, var(--iconSize__xq82d84));
  height: var(--size__xq82d80, var(--iconSize__xq82d84));
  transition: var(--transition__xq82d83, none);
}
.Icons_icon_size_small__xq82d86 {
  --iconSize__xq82d84: var(--iconSize-s__1bl7jj122);
}
.Icons_icon_size_medium__xq82d87 {
  --iconSize__xq82d84: var(--iconSize-m__1bl7jj123);
}
.Icons_icon_size_large__xq82d88 {
  --iconSize__xq82d84: var(--iconSize-l__1bl7jj124);
}
.Icons_icon_color_inherit__xq82d89 {
  fill: var(--color__xq82d81, currentColor);
}
.Icons_icon_color_default__xq82d8a {
  fill: var(--color__xq82d81, var(--color-icon__1bl7jj1p));
}
.Icons_icon_color_primary__xq82d8b {
  fill: var(--color__xq82d81, var(--color-iconPrimary__1bl7jj1s));
}
.Icons_icon_color_active__xq82d8c {
  fill: var(--color__xq82d81, var(--color-iconActive__1bl7jj1r));
}
.Icons_icon_color_disabled__xq82d8d {
  fill: var(--color__xq82d81, var(--color-iconDisabled__1bl7jj1w));
}
.Icons_icon_color_critical__xq82d8e {
  fill: var(--color__xq82d81, var(--color-iconCritical__1bl7jj1v));
}
.Icons_icon_color_caution__xq82d8f {
  fill: var(--color__xq82d81, var(--color-iconCaution__1bl7jj1u));
}
.Icons_icon_color_success__xq82d8g {
  fill: var(--color__xq82d81, var(--color-iconSuccess__1bl7jj1t));
}
.Icons_accentColor__xq82d8h {
  fill: var(--accentColor__xq82d82, revert-layer);
}
.Icons_icon__xq82d85 * {
  color: var(--color__xq82d81, unset);
}

/* vanilla-extract-css-ns:src/styles/Controls.css.ts.vanilla.css?source=LkNvbnRyb2xzX2NvbnRyb2xGb2N1c1JpbmdfX2EyYmR5eTIgewogIC0taW5uZXJSaW5nQ29sb3JfX2EyYmR5eTA6IHRyYW5zcGFyZW50OwogIC0tb3V0ZXJSaW5nQ29sb3JfX2EyYmR5eTE6IHRyYW5zcGFyZW50OwogIHBvc2l0aW9uOiByZWxhdGl2ZTsKICBvdXRsaW5lOiAzcHggc29saWQgdmFyKC0taW5uZXJSaW5nQ29sb3JfX2EyYmR5eTApOwogIG91dGxpbmUtb2Zmc2V0OiAzcHg7Cn0KLkNvbnRyb2xzX2NvbnRyb2xGb2N1c1JpbmdfX2EyYmR5eTI6OmFmdGVyIHsKICBjb250ZW50OiAiIjsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgaW5zZXQ6IDA7CiAgb3V0bGluZTogMnB4IHNvbGlkIHZhcigtLW91dGVyUmluZ0NvbG9yX19hMmJkeXkxKTsKICBvdXRsaW5lLW9mZnNldDogNnB4OwogIHRyYW5zaXRpb246IGluaGVyaXQ7CiAgYm9yZGVyLXJhZGl1czogaW5oZXJpdDsKICBwb2ludGVyLWV2ZW50czogbm9uZTsKfQouQ29udHJvbHNfY29udHJvbEZvY3VzUmluZ19fYTJiZHl5Mjpmb2N1cyB7CiAgLS1pbm5lclJpbmdDb2xvcl9fYTJiZHl5MDogdmFyKC0tY29sb3ItY29udHJvbEFjY2VudF9fMWJsN2pqMTE1KTsKICAtLW91dGVyUmluZ0NvbG9yX19hMmJkeXkxOiByZ2IoMjU1IDI1NSAyNTUpOwp9Ci5Db250cm9sc19jb250cm9sRm9jdXNSaW5nX19hMmJkeXkyOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSksIC5Db250cm9sc19jb250cm9sRm9jdXNSaW5nX19hMmJkeXkyOmFjdGl2ZSB7CiAgLS1pbm5lclJpbmdDb2xvcl9fYTJiZHl5MDogdHJhbnNwYXJlbnQ7CiAgLS1vdXRlclJpbmdDb2xvcl9fYTJiZHl5MTogdHJhbnNwYXJlbnQ7Cn0KLkNvbnRyb2xzX2NvbnRyb2xGb2N1c1JpbmdfX2EyYmR5eTI6Oi1tb3otZm9jdXMtaW5uZXIgewogIG91dGxpbmU6IG5vbmU7Cn0= */
.Controls_controlFocusRing__a2bdyy2 {
  --innerRingColor__a2bdyy0: transparent;
  --outerRingColor__a2bdyy1: transparent;
  position: relative;
  outline: 3px solid var(--innerRingColor__a2bdyy0);
  outline-offset: 3px;
}
.Controls_controlFocusRing__a2bdyy2::after {
  content: "";
  position: absolute;
  inset: 0;
  outline: 2px solid var(--outerRingColor__a2bdyy1);
  outline-offset: 6px;
  transition: inherit;
  border-radius: inherit;
  pointer-events: none;
}
.Controls_controlFocusRing__a2bdyy2:focus {
  --innerRingColor__a2bdyy0: var(--color-controlAccent__1bl7jj115);
  --outerRingColor__a2bdyy1: rgb(255 255 255);
}
.Controls_controlFocusRing__a2bdyy2:focus:not(:focus-visible),
.Controls_controlFocusRing__a2bdyy2:active {
  --innerRingColor__a2bdyy0: transparent;
  --outerRingColor__a2bdyy1: transparent;
}
.Controls_controlFocusRing__a2bdyy2::-moz-focus-inner {
  outline: none;
}

/* vanilla-extract-css-ns:src/styles/Buttons.css.ts.vanilla.css?source=LkJ1dHRvbnNfYnV0dG9uUmVzZXRfX3lvZHhvMTAgewogIG1hcmdpbjogMDsKICBib3JkZXI6IDA7CiAgcGFkZGluZzogMDsKICBmb250OiBpbmhlcml0OwogIHRleHQtYWxpZ246IGxlZnQ7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBjdXJzb3I6IHBvaW50ZXI7CiAgYmFja2dyb3VuZDogd2hpdGU7Cn0KLkJ1dHRvbnNfYnV0dG9uRGlzYWJsZWRXb3JrYXJvdW5kX195b2R4bzExOmRpc2FibGVkIHsKICBwb2ludGVyLWV2ZW50czogbm9uZTsKfQ== */
.Buttons_buttonReset__yodxo10 {
  margin: 0;
  border: 0;
  padding: 0;
  font: inherit;
  text-align: left;
  appearance: none;
  cursor: pointer;
  background: white;
}
.Buttons_buttonDisabledWorkaround__yodxo11:disabled {
  pointer-events: none;
}

/* vanilla-extract-css-ns:src/global/pieces/Spinner/Spinner.css.ts.vanilla.css?source=QGtleWZyYW1lcyBTcGlubmVyX3NwaW5fXzFxczkyc3MxIHsKICAxMDAlIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgfQp9Ci5TcGlubmVyX2NvbnRhaW5lcl9fMXFzOTJzczIgewogIG92ZXJmbG93OiBoaWRkZW47CiAgZGlzcGxheTogZ3JpZDsKICBwbGFjZS1pdGVtczogY2VudGVyOwogIGNvbG9yOiB2YXIoLS1jb2xvcl9fMXFzOTJzczAsIHZhcigtLWNvbG9yLWljb25fXzFibDdqajFwKSk7CiAgZ2FwOiB2YXIoLS1zcGFjaW5nLXhzX18xYmw3amoxMWspOwp9Ci5TcGlubmVyX2NvbnRhaW5lcl9wcmltYXJ5X3RydWVfXzFxczkyc3MzIHsKICBjb2xvcjogdmFyKC0tY29sb3JfXzFxczkyc3MwLCB2YXIoLS1jb2xvci1wcmltYXJ5X18xYmw3amoxMCkpOwp9Ci5TcGlubmVyX2VsZW1lbnRfXzFxczkyc3M0IHsKICBkaXNwbGF5OiBibG9jazsKICBhbmltYXRpb246IFNwaW5uZXJfc3Bpbl9fMXFzOTJzczEgMC44cyBsaW5lYXIgaW5maW5pdGU7CiAgdHJhbnNmb3JtLW9yaWdpbjogY2VudGVyIGNlbnRlcjsKfQouU3Bpbm5lcl9wYXRoX18xcXM5MnNzNSB7CiAgc3Ryb2tlOiBjdXJyZW50Q29sb3I7Cn0KLlNwaW5uZXJfbWVzc2FnZV9fMXFzOTJzczYgewogIGJhY2tncm91bmQ6IHZhcigtLWNvbG9yLXN1cmZhY2VTZWNvbmRhcnlfXzFibDdqajFpKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1jb250cm9sU2l6ZS14c19fMWJsN2pqMTF5KTsKICBoZWlnaHQ6IHZhcigtLWNvbnRyb2xTaXplLXhzX18xYmw3amoxMXkpOwogIHBhZGRpbmctaW5saW5lOiB2YXIoLS1zcGFjaW5nLXNfXzFibDdqajExbCk7CiAgZGlzcGxheTogZ3JpZDsKICBwbGFjZS1jb250ZW50OiBjZW50ZXI7Cn0= */
@keyframes Spinner_spin__1qs92ss1 {
  100% {
    transform: rotate(360deg);
  }
}
.Spinner_container__1qs92ss2 {
  overflow: hidden;
  display: grid;
  place-items: center;
  color: var(--color__1qs92ss0, var(--color-icon__1bl7jj1p));
  gap: var(--spacing-xs__1bl7jj11k);
}
.Spinner_container_primary_true__1qs92ss3 {
  color: var(--color__1qs92ss0, var(--color-primary__1bl7jj10));
}
.Spinner_element__1qs92ss4 {
  display: block;
  animation: Spinner_spin__1qs92ss1 0.8s linear infinite;
  transform-origin: center center;
}
.Spinner_path__1qs92ss5 {
  stroke: currentColor;
}
.Spinner_message__1qs92ss6 {
  background: var(--color-surfaceSecondary__1bl7jj1i);
  border-radius: var(--controlSize-xs__1bl7jj11y);
  height: var(--controlSize-xs__1bl7jj11y);
  padding-inline: var(--spacing-s__1bl7jj11l);
  display: grid;
  place-content: center;
}

/* vanilla-extract-css-ns:src/global/pieces/Button/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9VZW2/bNhR+768gChRNALOT7ARJVAxYuz2swIAO7YY9FIVBi0c2E4pUScqXDP3vAymZkqyLZTfYVgSIE/pcPn48h+eQ/OkBdokiKWj0NjdGinlCKLwTf2bzeRikN3czEYbo72cIBS/cB0JGEaETqdKo+JMTAxdBtp2gINtevnYyMiMxM7sIBfb/r88Quj6uPhvSD4PzAISFga/PXpXzWxQf+9kFzijGzhIzzH61/XI7pbezCCWMc7Qm6gJjmitiv8V6Pg8X/Ob+Pgzzy/JLIJqJJdaGCEoUrSS0g0OZzjjZRSjhsLUDhLOlwMxAqiMUgzCg7PB9rg1LdjiWwoAw9a8SKQxOSMr4LiqduqGceWfT60svuQG2XJm65F9uBKdAWZ56nVnodAxsDXag6j4zWRASIQWcGLYGO7qQioLCilCW672HYvCDG3PwleQVC0vnJNegsAYOsYmQkMJZ26yYAawzEoMd3CiSeUAUYlmQXsm7L2oB4O0walZ2wcyePTsaSy7VHqP7B1sD78XviqVE7TxEUtDgYwBnSmagbAA5tQlakPhhqWQu6AQt5BbrFaFyc6C1D5LoMGgqxsP1oSvDUhs8SS7iuu6RmHJEKBAUFBPLCMnM2nmE32DJFowzs7NSeAOLB2aKWNGplGblpIkwjHBGNFAnlspHLPW2JbdUZKdjwuH1QAZF0QISqcBl0pnh0W/9E2WaLDjQz85+nCtt15RCQnJuijhlNmQxrEEYvY+JlkXNHmG+xTolnFebmzO6aqRLCfAjewS8raX7rsova6ueXU7WLUlNYVosdUYodWQGpYKNdru027rx+y4SHOQm4OkRwDWTj2Pw1uDmR+DWTD/0ovUbTAF3dgRulRjT4Gnh1lIu7UXLiVqCB3t1BGwVs9NwDNja5Mww2Fo2iC6wTH+wW8/cqLyCe92fcAOoR9reJ/UEjRQniQH1NIi0IQbmjPLKwU0kpLmo9oLLxmZQ7gC9pjaEGSaW3tptQ1tIW/y43NjNsGXBVZb5ivDEqxOnnjKBy7JzHbzo1UzyWvYuDjVtW9OhanYZzDNfpArluGxVXEXadynh+PLmNcMv+m6qdTBe9cRCWhXLpk52IB10rX733A/KwDALOlcJicH7WY6Zf7dS31TKeH4T237plxJblcU3fbR1eemmQEMsbemvSKAjps5iVzwL49mYeXdo9E26hyLfDkWICQ0GBe4nzLZdlL1120NFVTgUYV7s6hSeTgoWO//WAm7GMtejWWfQ9XoZUWVTehZd7Qi7GqKtJU576TOgDKuzB/9FlB1wdH40tKfTaE/90er58+YRhyy05Llxhwm3KuXZcwBk1cMP9/vNhj4h2sjcfORywypGQtV/AqkfPfzRx0sX5yDXpM/oRfDq9nqCit+dtbWHpP91xnxTkDP9LpbiveC7ZsuychPtPuNWfZo7resMYoPd0kYoRD/YS4WWn1immWuMAu+CRSu5BtXZutR3gSL/Zwf5X5bAw+2ya47ed+h9349uFn5WzLCYVE1ZPL5b6NHtLZqH4tPh7qLT/KjZfxPze5gH1M8GnU+984eRzs+qlZMezIsDyc7WyoOdebB8ZL63lmI9Nt97NHsWvSV9d1qP0RVho3h4ikVrO+9brrNC7MqjTbvRNm9ihpu4X60B71hcHhSUnkuULiyfiGIEwzYjggL98aXdZl9+PgXLm9juvB6MPBXMtQcjuolpnWK7VLvn8T3kxzcw03vOH8/QKSvdgt+8mynbM+9ROpv+/nypmLuvtJ+Y5EbihNukjCXPU3HezXq9iytfDU7o5vquZ5sPGN1dRseFeJsJe4GR67mDW7/CyBwz9WeOYV3XJhWqXwZUyy67EMyL2wqilkyMuL5scumW/QkeTwZZKme4B7w+6On6mvoneJD5N8LG5msR4CtGKYixdPTFzGZg4TtUayGzHdLM4xi067Kra/XimpoIlhZcCJJCNPDE+Loh3fuOUrsnLU4Nlc7wM8rAqas1kz/qORDOvp+Z+IMLZoIz4W+lBzJ2MJyIUnLTXNeroedSX7FPSPuRx+EB42ekmc//gie84DJ+GHzicrUTHSWm62l6Ri8Gl2GCggly7fo/toCa9Y0fAAA= */
@keyframes Button_fadeInUp__10m793n11 {
  0% {
    transform: translate(0px, 0px);
    opacity: 0;
  }
  5% {
    transform: translate(0px, 30px);
    opacity: 0;
  }
  100% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
}
.Button_button__10m793n0 {
  --transition__xq82d83: fill var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-ui__1bl7jj125);
  font-weight: var(--fontWeight-medium__1bl7jj131);
  text-align: center;
  position: relative;
  border-radius: var(--borderRadius-control__1bl7jj11g);
  user-select: none;
  white-space: nowrap;
  text-decoration: none;
  text-transform: none;
  width: fit-content;
  color: var(--color-textOnPrimary__1bl7jj1a);
  transition-property:
    color,
    background,
    box-shadow;
  transition-duration: var(--duration-m__1bl7jj11v);
  transition-timing-function: var(--easing-standard__1bl7jj11s);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.Button_button__10m793n0::before {
  border-radius: var(--borderRadius-control__1bl7jj11g);
}
.Button_button__10m793n0[disabled] {
  cursor: default;
  pointer-events: none;
}
.Button_button_size_x-small__10m793n1 {
  height: var(--controlSize-xs__1bl7jj11y);
  font-size: var(--fontSize-text-xs__1bl7jj12v);
  padding: 0 var(--spacing-xxs__1bl7jj11j);
}
.Button_button_size_small__10m793n2 {
  height: var(--controlSize-s__1bl7jj11z);
  font-size: var(--fontSize-text-s__1bl7jj12u);
  padding: 0 var(--spacing-xs__1bl7jj11k);
}
.Button_button_size_medium__10m793n3 {
  height: var(--controlSize-m__1bl7jj120);
  font-size: var(--fontSize-text-s__1bl7jj12u);
  padding: 0 var(--spacing-m__1bl7jj11m);
}
.Button_button_size_large__10m793n4 {
  height: var(--controlSize-l__1bl7jj121);
  font-size: var(--fontSize-text-m__1bl7jj12t);
  padding: 0 var(--spacing-l__1bl7jj11n);
}
.Button_button_isRound_true__10m793n5 {
  border-radius: var(--controlSize-l__1bl7jj121);
}
.Button_button_isRound_true__10m793n5::before,
.Button_button_isRound_true__10m793n5::after {
  border-radius: var(--controlSize-l__1bl7jj121);
}
.Button_button_state_idle__10m793n7:not([disabled]) {
  cursor: pointer;
}
.Button_button_state_waiting__10m793n8 {
  cursor: not-allowed;
}
.Button_button_width_half__10m793na {
  min-width: 50%;
}
.Button_button_width_full__10m793nb {
  min-width: 100%;
}
.Button_button_type_primary__10m793nc {
  --color__xq82d81: var(--color-textOnPrimary__1bl7jj1a);
  --color__1qs92ss0: var(--color-textOnPrimary__1bl7jj1a);
  color: var(--color-textOnPrimary__1bl7jj1a);
  background: var(--color-primary__1bl7jj10);
}
.Button_button_type_primary__10m793nc[disabled] {
  --color__xq82d81: var(--color-surface__1bl7jj1g);
  --color__1qs92ss0: var(--color-surface__1bl7jj1g);
  background: var(--color-controlAccentDisabled__1bl7jj117);
  color: var(--color-surface__1bl7jj1g);
}
.Button_button_type_secondary__10m793nd {
  --color__xq82d81: var(--color-icon__1bl7jj1p);
  --color__1qs92ss0: var(--color-icon__1bl7jj1p);
  background: var(--color-surface__1bl7jj1g);
  box-shadow: inset 0 0 0 1px var(--color-controlBorder__1bl7jj111);
  color: var(--color-text__1bl7jj14);
}
.Button_button_type_secondary__10m793nd[disabled] {
  --color__xq82d81: var(--color-iconDisabled__1bl7jj1w);
  --color__1qs92ss0: var(--color-iconDisabled__1bl7jj1w);
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--color-controlBorderDisabled__1bl7jj114);
  color: var(--color-textDisabled__1bl7jj1d);
}
.Button_button_type_tertiary__10m793ne {
  --color__xq82d81: var(--color-icon__1bl7jj1p);
  --color__1qs92ss0: var(--color-icon__1bl7jj1p);
  background: transparent;
  color: var(--color-text__1bl7jj14);
}
.Button_button_type_tertiary__10m793ne::before {
  content: "";
  position: absolute;
  inset: 0;
  background: transparent;
  transition: var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property: background, transform;
  transform: scale3d(0.85, 0.85, 1);
}
.Button_button_type_tertiary__10m793ne[disabled] {
  --color__xq82d81: var(--color-iconDisabled__1bl7jj1w);
  --color__1qs92ss0: var(--color-iconDisabled__1bl7jj1w);
  background: transparent;
  color: var(--color-textDisabled__1bl7jj1d);
}
.Button_button_isIconOnly_true__10m793nh {
  position: relative;
  padding: 0;
  aspect-ratio: 1 / 1;
}
.Button_button_compound_0__10m793ni:hover:not([disabled]) {
  box-shadow: 0 0 0 3px var(--color-primaryBorder__1bl7jj11);
}
.Button_button_compound_1__10m793nj {
  --color__xq82d81: var(--color-textOnCritical__1bl7jj1c);
  --color__1qs92ss0: var(--color-textOnCritical__1bl7jj1c);
  background: var(--color-critical__1bl7jj12);
  color: var(--color-textOnCritical__1bl7jj1c);
}
.Button_button_compound_1__10m793nj:hover:not([disabled]) {
  box-shadow: 0 0 0 3px var(--color-criticalBorder__1bl7jj13);
}
.Button_button_compound_2__10m793nk:hover:not([disabled]) {
  box-shadow: inset 0 0 0 1px var(--color-controlBorder__1bl7jj111), 0 0 0 3px var(--color-border__1bl7jj110);
}
.Button_button_compound_3__10m793nl {
  --color__xq82d81: var(--color-iconCritical__1bl7jj1v);
  --color__1qs92ss0: var(--color-iconCritical__1bl7jj1v);
  color: var(--color-textCritical__1bl7jj19);
  box-shadow: inset 0 0 0 1px var(--color-critical__1bl7jj12);
}
.Button_button_compound_3__10m793nl:hover:not([disabled]) {
  box-shadow: inset 0 0 0 1px var(--color-critical__1bl7jj12), 0 0 0 3px var(--color-criticalBorder__1bl7jj13);
}
.Button_button_compound_4__10m793nm:hover:not([disabled])::before {
  background: var(--color-surfaceHover__1bl7jj1n);
  transform: none;
}
.Button_button_compound_4__10m793nm[aria-expanded=true]::before {
  background: var(--color-surfaceActive__1bl7jj1o);
  transform: none;
}
.Button_button_compound_5__10m793nn:hover:not([disabled]),
.Button_button_compound_5__10m793nn[aria-expanded=true] {
  --color__xq82d81: var(--color-iconCritical__1bl7jj1v);
  --color__1qs92ss0: var(--color-iconCritical__1bl7jj1v);
  color: var(--color-textCritical__1bl7jj19);
}
.Button_button_compound_5__10m793nn:hover:not([disabled])::before,
.Button_button_compound_5__10m793nn[aria-expanded=true]::before {
  background: var(--color-surfaceCritical__1bl7jj1m);
}
.Button_content__10m793no {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
  transition: opacity var(--duration-m__1bl7jj11v) var(--easing-standard__1bl7jj11s);
  opacity: 0;
  position: relative;
  user-select: none;
}
.Button_content_status_entering__10m793np {
  opacity: 1;
}
.Button_content_status_entered__10m793nq {
  opacity: 1;
}
.Button_text__10m793nu {
  margin: 0 var(--spacing-xxs__1bl7jj11j);
  transition: color var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
  user-select: none;
}
.Button_status__10m793nv {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity var(--duration-m__1bl7jj11v) var(--easing-standard__1bl7jj11s);
  opacity: 0;
  overflow: hidden;
  user-select: none;
}
.Button_status_status_entering__10m793nw {
  opacity: 1;
}
.Button_status_status_entered__10m793nx {
  opacity: 1;
}
.Button_successIcon__10m793n12 {
  animation-name: Button_fadeInUp__10m793n11;
  animation-duration: var(--duration-l__1bl7jj11w);
  animation-timing-function: var(--easing-fastoutSlowin__1bl7jj11r);
}
.Button_successText__10m793n13 {
  animation-name: Button_fadeInUp__10m793n11;
  animation-duration: var(--duration-l__1bl7jj11w);
  animation-timing-function: var(--easing-fastoutSlowin__1bl7jj11r);
  padding-inline: var(--spacing-xxs__1bl7jj11j);
  user-select: none;
}
.Button_arrowIcon__10m793n14 {
  --transition__xq82d83: transform var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
  transition: transform var(--duration-m__1bl7jj11v) var(--easing-standard__1bl7jj11s);
  display: inline-block;
}
.Button_button__10m793n0:hover .Button_arrowIcon__10m793n14 {
  transform: translate3d(var(--spacing-xxs__1bl7jj11j), 0, 0);
}

/* vanilla-extract-css-ns:src/global/pieces/Carousel/Carousel.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1WTW/bOBC951cQBQJYQNha7gZNmFvzD5rTnoyROJLZUByBHDl2F/3vC1KSJRfwR7p77I3izJuvN3z2x2fw1AW063I8rIvPD692vxL/3AjRUjBsyCnh0QKbLT7d/Lz5eEAFazT6EfM5YbQJrYW9ErU3+ulGiBpaJbbgF1KGFkrjarkL63Ve2C/fv+f5a5acvNGSsWktMMqSbNe4ENO2CLzo0YaxeabO8Zgwz+5ECbac2V/MDxzNy0xIsTiXWXwSqyxLBbSgdXQwzhqHvxZsJ5Q7cme6ornRuSBmai770xZ9ZelN7pSAjunobq/E1gRTWIzXofRkrSxwA1tDXonQEPFmZgoOWsn7FpXYiQacBia/nzm8s/MeVYCXb0bzRglHLpViAsUdidvSH88vi1IFVuQxLU1JjtGxEh8+PB3tHRSBbMcpwQ9pnMadEnn8SpNfxpPFiodjAeVr7alzWonYDXhZe9AGHS8elxrru6G9kix5GTpfQYmHFuu4UMnSmN3COGGhuIQQX5a3d4I9uNCCR8e/E+PXEGnSw3wvbSIZx+glbtFxmOjYoKk3rES+XN5eIAIqRv/fefB9wotEyD9MDExExRp5+CsRMH+0YE3tlAgMnp9OqPEkDEeyMBR8ivuvHTO5MfN9yjxn7PyM5j2Nno492Si+sjl4rpbz4eUP7e70TqUtuo/VClHQToYN6NRTP/L0JdHiNinMaho9Zj3Ea/TTyBODFflG9ceoRn8v5P3yNjuYhyoo0sn7IZPufMogZ6LcZYMRIUTiKwhMHb9YejNucvPZ3az0/yPeKVWdPcHVFfSqTdyRnuT3jvZk8MDAXVjjzrBx9ZjrIWUZRpqk4JoAqEf84/V4S2UqeB3lf8QXCd//IBy/1tn87bm+DmGTmo1xyxTXz3f+vYGH17lm3x3+oejjdvMr4BXYcMDj2XEVCflMjsG4SfCr33jul/cmn8agZ09SRtHvwojqL7+lu1E1JmDM9fNfwHID9JQKAAA= */
.Carousel_carousel__b38kly2 {
  position: relative;
}
.Carousel_slider__b38kly3 {
  display: grid;
  gap: var(--spacing-xs__1bl7jj11k);
  grid-template-columns: repeat(var(--itemCount__b38kly1), calc(var(--itemSize__b38kly0) - (var(--spacing-xs__1bl7jj11k) / 2)));
  padding-inline: var(--spacing-l__1bl7jj11n);
  padding-top: var(--spacing-xs__1bl7jj11k);
  padding-bottom: var(--spacing-xs__1bl7jj11k);
  overflow-x: auto;
  overflow-y: visible;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: var(--spacing-l__1bl7jj11n);
  scrollbar-width: none;
  isolation: isolate;
}
.Carousel_slider__b38kly3::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, var(--color-surface__1bl7jj1g), color-mix(in lab, var(--color-surface__1bl7jj1g) 70%, transparent), color-mix(in lab, var(--color-surface__1bl7jj1g) 0%, transparent));
  width: var(--spacing-l__1bl7jj11n);
  pointer-events: none;
  height: 100%;
}
.Carousel_slider__b38kly3::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  background: linear-gradient(-90deg, var(--color-surface__1bl7jj1g), color-mix(in lab, var(--color-surface__1bl7jj1g) 70%, transparent), color-mix(in lab, var(--color-surface__1bl7jj1g) 0%, transparent));
  width: var(--spacing-l__1bl7jj11n);
  pointer-events: none;
  height: 100%;
}
.Carousel_item__b38kly4 {
  scroll-snap-align: start;
  position: relative;
  overflow: visible;
  width: 100%;
}
.Carousel_sliderButton__b38kly5 {
  background: var(--color-surface__1bl7jj1g);
  height: var(--controlSize-m__1bl7jj120);
  width: 18px;
  position: absolute;
  top: 50%;
  box-shadow: var(--shadow-elevation2__1bl7jj11e);
  border: none;
  transform: translateY(-50%);
  transition: opacity var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r), box-shadow var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
  isolation: isolate;
  z-index: 2;
}
.Carousel_sliderButton__b38kly5:hover {
  box-shadow: var(--shadow-elevation2__1bl7jj11e);
}
.Carousel_sliderButton_status_exiting__b38kly8 {
  opacity: 0;
}
.Carousel_sliderButton_status_exited__b38kly9 {
  opacity: 0;
}
.Carousel_sliderButton_location_left__b38klyb {
  left: var(--spacing-s__1bl7jj11l);
}
.Carousel_sliderButton_location_right__b38klyc {
  right: var(--spacing-s__1bl7jj11l);
}
.Carousel_sliderButton_visible_true__b38klyd {
  opacity: 1;
}
.Carousel_sliderButton_visible_false__b38klye {
  opacity: 0;
}
.Carousel_buttonContainer__b38klyf {
  background: var(--color-surface__1bl7jj1g);
  box-shadow: var(--shadow-elevation1__1bl7jj11d);
  border-radius: var(--borderRadius-control__1bl7jj11g);
}

/* vanilla-extract-css-ns:src/global/pieces/Checkbox/Checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61XS2/jNhC+51cQCywSt1bWyqPZyuihTYGipwWaY7EwKHFkTUKRAkk5Shb73wtRoiTKku1kixxikPrmPd8ML+8zSJ5iWW0SKQxFAWqzCVdQli/Zinw7I4ShLjh9iUjKoVqfEfs/YKggMShFRBLJy1zUN1taRGRH1UUQ6IImKLaB3mzCmN89PoYhX6zPvp9degpBmE7dja9uq5BZoQpZYCAvODUQNMp0RGhpJAlTVX9COW5FgAZyHRFtqDL1aVIqLVVEConCgJpWzlDTmAPbGFVCZ8qtNcUJYJDSkptpARpfYaM75C8WGQT22B2GLio1SEn+gK8QVNUgNtVibWGcxsD/okUHvRoHdIh6alFJa9SXNNXQB/R6DzsEP1pwjiLIALeZmbRx8P3LTPqsp3mn9O70AIyEv8//WZN4J+PzySYNZL+ebNGhEnc/HDhtTbEXwO4ll32//dqbxKVyhv2eJE2XtDpuW8NiqRgoXwKdlPCH/bKXELYSMrkbC4h9AfEIuWqRmEjhAxMfWH/wRdxPelAN1T9klMnnTgyLyKr9M4oKXVAFwqyHMRshICIoNJg53B6fFJwmELSlEpHaNFD9Rcsig2OpsSE6BZwa3EF9amRHdXPdZ918RmayrmK8ArT3fu9NfNCkIFCUYandd83hP/bMZbnP0tYCbRxay2NZBdrGrRXASkXrqyDvYbtFewlU13WdUm1kaR64fEbRf6YWQ3JFkYFCG+mYJk9bJUvB/FrQpUppAp2EbeuXM8lPYFhUnpOjAl8s29vJ6uluZ2rlaHtGUQypVNDwv6uRDx+6QUQV0IiE5BMJB+lNKE8uJlNIfj7MweQncuUVwg+LOuKgkOYiclNvEdkwtqR0sCGvu7xM0cZRvf9ShdSl5bfzetqef12SN0ByrICdf/UJ9DAZHIjlJ3K18GtlxMUnsewh5DS7Ni2RY3WBgnAaLw+LIte3H5dDSjsx0Ch2lGMX6DZop4wMhQYT2rPJ1WJ9+sSaAx+fNA46mlXXxwva1fJ7J+ufbgPsWununRN2X9LND8zLPWl7C9h8LCa77Q1FcDw+Q0NQMEyoGcjbWl2y5inzEpFVN49SqfKI6IRyuFhdft4bVP/TdOpFBoWSBajaitacZW+JHWS1x07xRJ4W09Q/7f8ONcYc/MdE5gcjHAVDSAEjmxnYjWUUjAHZl6MM2CW1U4jT7zbvldTvN27whKvVR7vvUMbqAKPgKCCwzylny/4yPLcMTG9NqCWnzXHzEw76cWga9wporCUvTaOgZn9/iM4Oy6BZsF4DFAyqiAThlDEZMgbCz+ijNagNlC3vIQ6UGhTQk+Ml21kGqn4RvvG7rr67HzNoM03e8yieeIxPvP+mn86uBmJpjMzf8OCxvv+dSNH5z63/R3bDPbfz+d237lH7WBuMmZpnv/8HGRLZtMsQAAA= */
.Checkbox_container__10euuyh0 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s__1bl7jj11l);
}
.Checkbox_content__10euuyh4 {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  cursor: pointer;
}
.Checkbox_content_disabled_true__10euuyh5 {
  cursor: default;
}
.Checkbox_content_size_s__10euuyh6 {
  --size__10euuyh1: var(--controlSize-xxs__1bl7jj11x);
  --labelGap__10euuyh2: var(--spacing-xs__1bl7jj11k);
  --checkboxOffset__10euuyh3: var(--spacing-xxs__1bl7jj11j);
  min-height: var(--controlSize-xs__1bl7jj11y);
}
.Checkbox_content_size_m__10euuyh7 {
  --size__10euuyh1: var(--controlSize-xs__1bl7jj11y);
  --labelGap__10euuyh2: var(--spacing-xs__1bl7jj11k);
}
.Checkbox_content_size_l__10euuyh8 {
  --size__10euuyh1: var(--controlSize-s__1bl7jj11z);
  --labelGap__10euuyh2: var(--spacing-s__1bl7jj11l);
}
.Checkbox_checkbox__10euuyhf {
  --checkedColor__10euuyh9: var(--color-controlAccent__1bl7jj115);
  --borderColor__10euuyha: var(--color-controlBorder__1bl7jj111);
  --hoverColor__10euuyhb: var(--color-border__1bl7jj110);
  --iconColor__10euuyhc: var(--color-iconOnControlAccent__1bl7jj1x);
  --hoverShadow__10euuyhd: 0 0 0 0 transparent;
  --checkedShadow__10euuyhe: inset 0 0 0 0 transparent;
  display: grid;
  place-content: center;
  place-items: center;
  position: relative;
  top: var(--checkboxOffset__10euuyh3);
  width: var(--size__10euuyh1);
  height: var(--size__10euuyh1);
  border-radius: var(--borderRadius-control__1bl7jj11g);
  transition: box-shadow var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  cursor: inherit;
  background: var(--color-surface__1bl7jj1g);
  box-shadow:
    inset 0 0 0 1px var(--borderColor__10euuyha),
    var(--hoverShadow__10euuyhd),
    var(--checkedShadow__10euuyhe);
}
.Checkbox_checkbox__10euuyhf::before {
  content: "";
  grid-area: 1 / 1;
  width: calc(var(--size__10euuyh1) + var(--spacing-xxs__1bl7jj11j) * 2);
  height: calc(var(--size__10euuyh1) + var(--spacing-xxs__1bl7jj11j) * 2);
}
.Checkbox_checkbox__10euuyhf:not(:disabled):hover {
  --hoverShadow__10euuyhd: 0 0 0 3px var(--hoverColor__10euuyhb);
}
.Checkbox_checkbox__10euuyhf[aria-checked=true],
.Checkbox_checkbox__10euuyhf[aria-checked=mixed] {
  --checkedShadow__10euuyhe: inset 0 0 0 calc(var(--size__10euuyh1) / 2) var(--checkedColor__10euuyh9);
  --borderColor__10euuyha: var(--checkedColor__10euuyh9);
  --hoverColor__10euuyhb: color-mix(in lab, var(--checkedColor__10euuyh9) 35%, transparent);
}
.Checkbox_checkbox__10euuyhf[aria-invalid=true] {
  --borderColor__10euuyha: var(--color-critical__1bl7jj12);
  --checkedColor__10euuyh9: var(--color-critical__1bl7jj12);
  --hoverColor__10euuyhb: var(--color-criticalBorder__1bl7jj13);
}
.Checkbox_checkbox__10euuyhf:disabled {
  --checkedColor__10euuyh9: var(--color-controlAccentDisabled__1bl7jj117);
  --borderColor__10euuyha: var(--color-controlBorderDisabled__1bl7jj114);
  --iconColor__10euuyhc: var(--color-iconOnControlAccentDisabled__1bl7jj1y);
}
.Checkbox_checkbox__10euuyhf:disabled[aria-checked=true] {
  --borderColor__10euuyha: var(--color-controlAccentDisabled__1bl7jj117);
}
.Checkbox_indicator__10euuyhg {
  opacity: 0;
  transform: scale(0.8);
  transition: var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property: opacity, transform;
  color: var(--iconColor__10euuyhc);
  grid-area: 1 / 1;
}
.Checkbox_indicator_visible_true__10euuyhh {
  opacity: 1;
  transform: none;
  transition-delay: var(--duration-s__1bl7jj11u);
}
.Checkbox_label__10euuyhi {
  display: flex;
  align-items: center;
  height: 100%;
  padding-inline-start: var(--labelGap__10euuyh2);
  cursor: inherit;
  position: relative;
  isolation: isolate;
}
.Checkbox_label__10euuyhi::before {
  content: "";
  position: absolute;
  inset: calc(var(--spacing-xxs__1bl7jj11j) * -1);
  z-index: -1;
}
.Checkbox_label_hidden_true__10euuyhj {
  padding: 0;
}
.Checkbox_error__10euuyhk {
  --color-text__1bl7jj14: var(--color-textCritical__1bl7jj19);
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--spacing-xxs__1bl7jj11j);
  align-items: start;
  padding-bottom: var(--spacing-s__1bl7jj11l);
}
.Checkbox_errorIcon__10euuyhl {
  background: var(--color-surfaceCritical__1bl7jj1m);
  border-radius: var(--iconSize-l__1bl7jj124);
}

/* vanilla-extract-css-ns:src/styles/VisuallyHidden.css.ts.vanilla.css?source=LlZpc3VhbGx5SGlkZGVuX3Zpc3VhbGx5SGlkZGVuX18xMjM5Z3I5MCB7CiAgYm9yZGVyOiAwOwogIGNsaXA6IHJlY3QoMCAwIDAgMCk7CiAgaGVpZ2h0OiAxcHg7CiAgd2lkdGg6IDFweDsKICBtYXJnaW46IC0xcHg7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKICBwYWRkaW5nOiAwOwogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwogIHdvcmQtd3JhcDogbm9ybWFsOwp9 */
.VisuallyHidden_visuallyHidden__1239gr90 {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  word-wrap: normal;
}

/* vanilla-extract-css-ns:src/global/pieces/ChoiceChips/ChoiceChips.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6WUT2/bMAzF7/kUOi4HF8v6b3WPvexYIAN2NBSJtpgqkkHRadJh332QvDie46QueskhJN97/DHK1ZPxqODJYB0K5R1LdEBFsdiuS2Nuv4rfMyE0htrKfS5KC7vHmRDrJjCW+ywOgONcKHAMFEvSYuXGCpWsc7GV9CXLQi0VuirbhaJYrOz9er1YvMxjUzTINBIoRu9yobxtNu5x9md2NR402RUWSu4yL1LmNgcybEKbOwssid+VagN3Yt9OxQ4rDYUM1r9I1nVv+noc36jcZ9G10wFsmYvABKxMR/SVokL8vBh7BOZN2uDk3peAnggOkN6OS17A2o3epdGVVC8V+cbpAxXlracsNFRKBUtQ3mlJ+44QJkC11BpddUKyj3I9H1R7NZtUPv4WTu688qSBMpIam3BcwTF5u8Q36Ju+JVMDWBme1PqKmk0uSuRDovgtk3QB2zd1xPdPTzckY6kv1hxAgAyJA8vIVB87wvydW+XGb4GmXOxHbOyU3RlhDEuwoBh0wdRAZ3Q/xeKZcNP/SZiPmkzfZqLVT9gdn9n3JJxk/tfktqtVupkPb5maPn1GIZoAFP87QHEunHdwPvI5Qg+XVhgyuYtM/gK0EfS+fAYAAA== */
.ChoiceChips_container__1vjfhh50 {
  display: flex;
  justify-content: center;
  align-content: center;
  gap: var(--spacing-xs__1bl7jj11k);
  flex-direction: column;
}
.ChoiceChips_container_align_left__1vjfhh51 {
  align-items: flex-start;
}
.ChoiceChips_container_align_center__1vjfhh52 {
  align-items: center;
}
.ChoiceChips_chipWrapper__1vjfhh53 {
  display: flex;
  align-items: center;
  align-content: center;
  gap: var(--spacing-xs__1bl7jj11k);
  align-self: stretch;
  flex-wrap: wrap;
}
.ChoiceChips_chipWrapper_align_left__1vjfhh54 {
  justify-content: flex-start;
}
.ChoiceChips_chipWrapper_align_center__1vjfhh55 {
  justify-content: center;
}
.ChoiceChips_chip__1vjfhh56 {
  background: var(--color-surfaceSecondary__1bl7jj1i);
  padding: var(--spacing-xxs__1bl7jj11j) var(--spacing-s__1bl7jj11l);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--controlSize-s__1bl7jj11z);
  height: var(--controlSize-s__1bl7jj11z);
  width: fit-content;
  transition: background var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
}
.ChoiceChips_chip__1vjfhh56:hover {
  background: var(--color-surfaceHover__1bl7jj1n);
}
.ChoiceChips_chip_isSelected_true__1vjfhh57 {
  background: var(--color-surfacePrimary__1bl7jj1h);
}
.ChoiceChips_chip_isSelected_true__1vjfhh57:hover {
  background: var(--color-surfacePrimary__1bl7jj1h);
}
.ChoiceChips_chipText__1vjfhh58 {
  color: var(--color-text__1bl7jj14);
  transition: color var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
  user-select: none;
}
.ChoiceChips_chipText_isSelected_true__1vjfhh59 {
  color: var(--color-textPrimary__1bl7jj16);
}

/* vanilla-extract-css-ns:src/global/pieces/Combobox/Combobox.css.ts.vanilla.css?source=LkNvbWJvYm94X2xpc3RCb3hfX2hvMW94ZDAgewogIG1heC1oZWlnaHQ6IDI2MHB4OwogIG92ZXJmbG93OiBhdXRvOwogIG9wYWNpdHk6IDA7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKGNhbGMoMHB4IC0gdmFyKC0tc3BhY2luZy1zX18xYmw3amoxMWwpKSk7CiAgdHJhbnNpdGlvbjogdmFyKC0tZHVyYXRpb24tbV9fMWJsN2pqMTF2KSB2YXIoLS1lYXNpbmctZmFzdG91dFNsb3dpbl9fMWJsN2pqMTFyKTsKICB0cmFuc2l0aW9uLXByb3BlcnR5OiBvcGFjaXR5LCB0cmFuc2Zvcm07Cn0KLkNvbWJvYm94X2xpc3RCb3hfc3RhdHVzX2VudGVyaW5nX19obzFveGQxIHsKICBvcGFjaXR5OiAxOwogIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTsKfQouQ29tYm9ib3hfbGlzdEJveF9zdGF0dXNfZW50ZXJlZF9faG8xb3hkMiB7CiAgb3BhY2l0eTogMTsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7Cn0KLkNvbWJvYm94X2xvYWRlcl9faG8xb3hkNiB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIHdpZHRoOiAxMDAlOwogIGhlaWdodDogMTUwcHg7Cn0KLkNvbWJvYm94X2xvYWRlclNwaW5uZXJfX2hvMW94ZDcgewogIG1hcmdpbjogYXV0bzsKfQouQ29tYm9ib3hfb3B0aW9uX19obzFveGQ4OmRpc2FibGVkIHsKICBvcGFjaXR5OiAwLjQ7Cn0= */
.Combobox_listBox__ho1oxd0 {
  max-height: 260px;
  overflow: auto;
  opacity: 0;
  transform: translateY(calc(0px - var(--spacing-s__1bl7jj11l)));
  transition: var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property: opacity, transform;
}
.Combobox_listBox_status_entering__ho1oxd1 {
  opacity: 1;
  transform: translateY(0);
}
.Combobox_listBox_status_entered__ho1oxd2 {
  opacity: 1;
  transform: translateY(0);
}
.Combobox_loader__ho1oxd6 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 150px;
}
.Combobox_loaderSpinner__ho1oxd7 {
  margin: auto;
}
.Combobox_option__ho1oxd8:disabled {
  opacity: 0.4;
}

/* vanilla-extract-css-ns:src/global/pieces/CopyInput/CopyInput.css.ts.vanilla.css?source=LkNvcHlJbnB1dF9idXR0b25Db250YWluZXJfc2l6ZV9zX19xOTY2MmkwIHsKICBwYWRkaW5nLXJpZ2h0OiBjYWxjKCh2YXIoLS1jb250cm9sU2l6ZS1zX18xYmw3amoxMXopIC0gdmFyKC0tY29udHJvbFNpemUteHNfXzFibDdqajExeSkpIC8gMik7Cn0KLkNvcHlJbnB1dF9idXR0b25Db250YWluZXJfc2l6ZV9tX19xOTY2MmkxIHsKICBwYWRkaW5nLXJpZ2h0OiBjYWxjKCh2YXIoLS1jb250cm9sU2l6ZS1tX18xYmw3amoxMjApIC0gdmFyKC0tY29udHJvbFNpemUtc19fMWJsN2pqMTF6KSkgLyAyKTsKfQouQ29weUlucHV0X2J1dHRvbkNvbnRhaW5lcl9zaXplX2xfX3E5NjYyaTIgewogIHBhZGRpbmctcmlnaHQ6IGNhbGMoKHZhcigtLWNvbnRyb2xTaXplLWxfXzFibDdqajEyMSkgLSB2YXIoLS1jb250cm9sU2l6ZS1tX18xYmw3amoxMjApKSAvIDIpOwp9 */
.CopyInput_buttonContainer_size_s__q9662i0 {
  padding-right: calc((var(--controlSize-s__1bl7jj11z) - var(--controlSize-xs__1bl7jj11y)) / 2);
}
.CopyInput_buttonContainer_size_m__q9662i1 {
  padding-right: calc((var(--controlSize-m__1bl7jj120) - var(--controlSize-s__1bl7jj11z)) / 2);
}
.CopyInput_buttonContainer_size_l__q9662i2 {
  padding-right: calc((var(--controlSize-l__1bl7jj121) - var(--controlSize-m__1bl7jj120)) / 2);
}

/* vanilla-extract-css-ns:src/global/pieces/DatePicker/DatePicker.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1WTY/aMBC9769wD5VAqhFhF9iGU6WVetxVt1IPVYUcewgGx7acYRdU7X+v4mTzQQiwH1J76AniZF7mvZl5k8ENQ7iTfA1uLsq/PxyzFtx8HiSj7WqkhuT3BSGWCSF1HJIH5nqUppZxqWOazudBpKarVRCo/qx6jqKxIRnOLp4uBrW3aPYgY4bS6BI+8PCrTYpysaPcaASNIcleADQCfATQGXDCXCw1jQyiSfbT2G5riawaiTgZLzEkQ7utnypYPB82M8x0SL86KcoERz5BIVOr2C4ksZPig0ysccg0ZpjZCUVIrGIIlBu1SXQaEgcWGPamn0iwcD4lZx5pzOzJ5NsZ7dfk0ucUGSfAUceE3KSeDaln1oYp4698/KMUuAzJ5SjXZgm5VM/XJeWFAn/AlIw1lQhJGhIOGsHNDtWuupUXLSRDwjZoshNulHHPCvgLirDFUoCrFv8UFHAE8Y3puGIwzhVgfB07s9GCFsAujnrBeEKCcUBGV+N+tyAduKHGJeVLqURvqvtnvmVWVQONzXuurEuz2qqqte43G6lAyFv8tSBFUTlTvBcMhx8JJWO7PVfVBns6eSX/bLreSv91GIVL5OM9aY93iszh7eLes6/b0OQdmP400Qo4klv/82ugyNkEj4c2OYAWhxhM36NXX0bhZbFFbQpDHr+oOKll2vNrFPiAf3eKs49Q3wutJfVdoqqm4trHZTZFBXDj/AILiTYamgxbjtmxNeuGv+6f8NBioLNZbnv6zmealql+/uvLalfmwv61JXMP3GjB3K5kMG4TkCmLFIib+rqMPJMO1JsiogQVR5YO3zgHGhvovAtdcqO/cJQPUGK7TiMv4USHD5yB3PqkOOK7e8N94CXpxi0Yhzsnk7rmyyPy7IC5fHhN9bEDb+vpq6qn81sH27o1kR39n1TPJacm90Qrt26UbnFttyQYtZ0pMRqXLX0W//Xpdu7BWlEl9Xo+z2b1EzlHzmMxHR3aDNmbwPaqePoDd/+7MnsNAAA= */
.DatePicker_datePickerWrapper__1m2xj2l0 {
  padding: var(--spacing-s__1bl7jj11l);
  padding-top: 0;
}
.DatePicker_navigation__1m2xj2l1 {
  justify-content: space-between;
  margin-bottom: var(--spacing-xxs__1bl7jj11j);
  padding-right: 0px;
  padding-left: 0px;
}
.DatePicker_datesGrid__1m2xj2l2 {
  display: grid !important;
  grid-template-columns: repeat(7, 1fr);
  row-gap: var(--spacing-xxs__1bl7jj11j);
}
.DatePicker_dateWrapper__1m2xj2l3 {
  border-radius: 0px !important;
}
.DatePicker_date__1m2xj2l4 {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  color: var(--color-text__1bl7jj14);
}
.DatePicker_selectedRange__1m2xj2l5 {
  background-color: rgb(156 151 245) !important;
}
.DatePicker_selectedRange__1m2xj2l5:nth-child(7n) {
  background-color: rgb(156 151 245);
  border-top-right-radius: var(--spacing-l__1bl7jj11n) !important;
  border-bottom-right-radius: var(--spacing-l__1bl7jj11n) !important;
  width: calc(100% - 5px);
}
.DatePicker_selectedRange__1m2xj2l5:nth-child(7n-6) {
  background-color: rgb(156 151 245);
  border-top-left-radius: var(--spacing-l__1bl7jj11n) !important;
  border-bottom-left-radius: var(--spacing-l__1bl7jj11n) !important;
  margin-left: 6px;
}
.DatePicker_startOfSelection__1m2xj2l6 {
  background-color: rgb(156 151 245);
  border-top-left-radius: [object Object].l !important;
  border-bottom-left-radius: [object Object].l !important;
}
.DatePicker_endOfSelection__1m2xj2l7 {
  background-color: rgb(156 151 245);
  border-top-right-radius: [object Object].l !important;
  border-bottom-right-radius: [object Object].l !important;
  margin-right: 5px;
}
.DatePicker_startOfSelection__1m2xj2l6 span {
  margin-left: 0px;
}
.DatePicker_endOfSelection__1m2xj2l7 span {
  margin-right: 0px;
}
.DatePicker_navTitle__1m2xj2l8 {
  text-decoration: none !important;
  display: flex;
  padding: var(--spacing-xs__1bl7jj11k);
  justify-content: center;
  width: 100%;
}
.DatePicker_dayTitles__1m2xj2l9 {
  display: grid !important;
  grid-template-columns: repeat(7, 1fr);
  row-gap: var(--spacing-xxs__1bl7jj11j);
}
.DatePicker_day__1m2xj2la {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  color: var(--color-textSecondary__1bl7jj15);
}
.DatePicker_disabledDate__1m2xj2lb {
  color: var(--color-textDisabled__1bl7jj1d) !important;
}
.DatePicker_currentDate__1m2xj2lc {
  color: var(--color-iconActive__1bl7jj1r);
}
.DatePicker_selected__1m2xj2ld {
  background-color: var(--color-iconActive__1bl7jj1r);
  border-radius: var(--spacing-l__1bl7jj11n) !important;
  color: var(--color-surfacePrimary__1bl7jj1h) !important;
}
.DatePicker_yearSelector__1m2xj2le {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  column-gap: var(--spacing-xs__1bl7jj11k);
  row-gap: var(--spacing-m__1bl7jj11m);
  justify-content: center;
  align-items: center;
  justify-items: center;
  padding: 8px 12px;
}
.DatePicker_monthSelector__1m2xj2lf {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  column-gap: var(--spacing-xs__1bl7jj11k);
  row-gap: var(--spacing-m__1bl7jj11m);
  justify-content: center;
  align-items: center;
  justify-items: center;
  padding: 8px 12px;
}
.DatePicker_navTitle__1m2xj2l8 .kl-link__text,
.DatePicker_monthSelector__1m2xj2lf .kl-link__text,
.DatePicker_yearSelector__1m2xj2le .kl-link__text {
  background: none !important;
}

/* vanilla-extract-css-ns:src/global/pieces/FolderTree/FolderComponent/FolderComponent.css.ts.vanilla.css?source=LkZvbGRlckNvbXBvbmVudF9jb250YWluZXJfX3ZjajRrMDAgewogIHdpZHRoOiAxMDAlOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLWJvcmRlclJhZGl1cy1jb250cm9sX18xYmw3amoxMWcpOwogIHRyYW5zaXRpb246IGJhY2tncm91bmQgdmFyKC0tZHVyYXRpb24tc19fMWJsN2pqMTF1KSB2YXIoLS1lYXNpbmctZmFzdG91dFNsb3dpbl9fMWJsN2pqMTFyKTsKfQouRm9sZGVyQ29tcG9uZW50X2NvbnRhaW5lcl9kcmFnZ2VkT3Zlcl90cnVlX192Y2o0azAxIHsKICAtLWNvbG9yLXN1cmZhY2VBY3RpdmVfXzFibDdqajFvOiBjb2xvci1taXgoaW4gbGFiLCB2YXIoLS1jb2xvci1jb250cm9sQWNjZW50X18xYmw3amoxMTUpIDIwJSwgdHJhbnNwYXJlbnQpOwogIGJhY2tncm91bmQ6IGNvbG9yLW1peChpbiBsYWIsIHZhcigtLWNvbG9yLWNvbnRyb2xBY2NlbnRfXzFibDdqajExNSkgMjAlLCB0cmFuc3BhcmVudCk7Cn0= */
.FolderComponent_container__vcj4k00 {
  width: 100%;
  border-radius: var(--borderRadius-control__1bl7jj11g);
  transition: background var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
}
.FolderComponent_container_draggedOver_true__vcj4k01 {
  --color-surfaceActive__1bl7jj1o: color-mix(in lab, var(--color-controlAccent__1bl7jj115) 20%, transparent);
  background: color-mix(in lab, var(--color-controlAccent__1bl7jj115) 20%, transparent);
}

/* vanilla-extract-css-ns:src/global/pieces/FolderTree/TreebeardDecorators.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51UwXKbMBC9+yt06YxprQy4ybTF135Bkzsj0ILlyFq6WmzcTv69IxkDzjRNmqOeHrtv31tx80AAJSjS36FCUozkiwodg+OiqPuvoH+m4vdCCG18a9UpF7WFfrMQQlnTOGkY9j4XFTgGCvAWTLPlXKThgAeg2uIxF1ujNbiAMSnnDRt0+UAWB0VLKXVHKsByXxRZab/sdll2SIZLUN64RtbKM3Z8b/Fo3ESjZHWuWyPtn5ezE+/41nJBqDWepeeThVw4dBCwEkkDSVLadD4fip3BHxGTwTzCWc8mFqvRsazV3tjT5bMIdWZkru8is0KLdOHEg2ToeaTdJpvF0+LmX8EdjDelhYKpg0uKWUzxkk6lbLW8tIiC780vmDm/ThPxaRDhW1UFt/reT2PtEvFRrKNiDPd8ykX2qjKLShvXXClbR2Wlqh4bws5p+RcHfEe1quABiI2i0yhj97IZjE1jxyafz03eG998aZ+t18yT7n/WayopW8IWKDg4LvFqZshKlNhLv1Uaj5v5U2zI6AC0VlUgB4/nj/FoNG8nJ6egr6Lsk/nDfRN5EjdobhWB49fCgL5VToO+yv82RjNOngtCVgzLb6mG5uV8jWu78R91F2sM42Zp+mGzePoDiJgoxtwEAAA= */
.TreebeardDecorators_content__fx8edq0 {
  display: flex;
  align-items: center;
  height: 0;
  overflow: hidden;
  transition: height var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r), transform var(--duration-l__1bl7jj11w) var(--easing-fastoutSlowin__1bl7jj11r);
  list-style: none;
  border-radius: var(--borderRadius-control__1bl7jj11g);
  font-family: var(--font-ui__1bl7jj125);
  color: var(--color-text__1bl7jj14);
}
.TreebeardDecorators_content_visible_true__fx8edq1 {
  height: calc(var(--controlSize-m__1bl7jj120) + var(--spacing-xxs__1bl7jj11j) * 2);
  opacity: 1;
}
.TreebeardDecorators_content_loading_true__fx8edq2 {
  background-color: var(--color-surfaceTertiary__1bl7jj1j);
}
.TreebeardDecorators_toggle__fx8edq3 {
  border-radius: var(--borderRadius-control__1bl7jj11g);
  transition: var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property:
    transform,
    background,
    box-shadow;
  display: grid;
  place-content: center;
  width: var(--controlSize-xxs__1bl7jj11x);
  height: var(--controlSize-xxs__1bl7jj11x);
  background: transparent;
}
.TreebeardDecorators_toggle_expanded_true__fx8edq4 {
  transform: rotate(90deg);
}
.TreebeardDecorators_input__fx8edq5 {
  width: 100%;
}

/* vanilla-extract-css-ns:src/global/pieces/FolderTree/TreebeardHeader.css.ts.vanilla.css?source=LlRyZWViZWFyZEhlYWRlcl9mb2xkZXJfX2tqbjB3YzAgewogIGZsZXg6IDEgMSBhdXRvOwogIG1pbi13aWR0aDogMDsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLlRyZWViZWFyZEhlYWRlcl9hY3Rpb25zX19ram4wd2MxIHsKICBkaXNwbGF5OiBmbGV4OwogIHRyYW5zaXRpb246IHZhcigtLWR1cmF0aW9uLXNfXzFibDdqajExdSkgdmFyKC0tZWFzaW5nLWZhc3RvdXRTbG93aW5fXzFibDdqajExcik7CiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogdHJhbnNmb3JtLCBvcGFjaXR5OwogIG9wYWNpdHk6IDA7CiAgcmlnaHQ6IHZhcigtLXNwYWNpbmcteHhzX18xYmw3amoxMWopOwogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKfQouVHJlZWJlYXJkSGVhZGVyX2FjdGlvbnNfdmlzaWJsZV90cnVlX19ram4wd2MyIHsKICBvcGFjaXR5OiAxOwp9Ci5UcmVlYmVhcmRIZWFkZXJfbWVudVNwYWNlcl9fa2puMHdjMyB7CiAgd2lkdGg6IHZhcigtLWNvbnRyb2xTaXplLXNfXzFibDdqajExeik7Cn0KLlRyZWViZWFyZEhlYWRlcl9pbnB1dF9fa2puMHdjNCBpbnB1dCB7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7Cn0KQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHsKICAuVHJlZWJlYXJkSGVhZGVyX2FjdGlvbnNfX2tqbjB3YzEgewogICAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogb3BhY2l0eTsKICAgIHRyYW5zZm9ybTogbm9uZTsKICB9Cn0= */
.TreebeardHeader_folder__kjn0wc0 {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
}
.TreebeardHeader_actions__kjn0wc1 {
  display: flex;
  transition: var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property: transform, opacity;
  opacity: 0;
  right: var(--spacing-xxs__1bl7jj11j);
  position: absolute;
}
.TreebeardHeader_actions_visible_true__kjn0wc2 {
  opacity: 1;
}
.TreebeardHeader_menuSpacer__kjn0wc3 {
  width: var(--controlSize-s__1bl7jj11z);
}
.TreebeardHeader_input__kjn0wc4 input {
  font-weight: inherit;
}
@media (prefers-reduced-motion: reduce) {
  .TreebeardHeader_actions__kjn0wc1 {
    transition-property: opacity;
    transform: none;
  }
}

/* vanilla-extract-css-ns:src/global/pieces/Heading/Heading.css.ts.vanilla.css?source=#H4sIAAAAAAAAA42TsXKjMBCGe55C5bmQx4B9TvALXHFdipSMgAXWJySPtDbBmbz7DcKWkgvHuGJY/f+32l/S+heIClWTt7dvHqdN3V2OG/YeMUbwRtyAqsCgajKmT4QdXuE3NFigRBoOEWO8h+IPEq+1Im47ral1aqEIhURhoXKyTl+5tm/fdI0Rgy2FhFE1LQ6KWrBoM6a0CvVadCiHjF2E+cEnzhnzPC7k/niMk93KK3vApqXPyldX4QaasxTGm9KNM7lJhcRGZQxVCwZpLJdaanOnuB8ekpoA4PwSFfD21jRex64GRGC4PYnSzck3602yg+4QfUTrf4O3UGpVCTPkZM7gzyF25/D/bbx4230/9WqeT0ar5is8cfDlvCx0WGhZhcCS+QYuvFxCTZ6fhkt0i3ZcXnCXoAiM92+/+SfBLEHCBWQee/MuDGfxCp9He8Er3APkcbg/+/nJJnLiyT8fJCeB/LRETj15/yA5DeTnJfLWk58eJG8DWSyRd578/CB5F8jFau55KG06IWd7kjmrUhB8vb7Cde5bJHAUGBm9EaeRri9gaqn7jLVYVaD8Iw8LICWeLNpD9PEXJyUcnAgFAAA= */
.Heading_heading__13gfmvj0 {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-synthesis: none;
  font-family: var(--font-ui__1bl7jj125);
  font-weight: var(--fontWeight-regular__1bl7jj130);
  text-align: inherit;
  color: var(--color-heading__1bl7jj1e);
  line-height: 1.1;
  letter-spacing: -0.025em;
}
.Heading_heading_secondary_true__13gfmvj1 {
  color: var(--color-headingSecondary__1bl7jj1f);
}
.Heading_heading_strong_true__13gfmvj2 {
  font-weight: var(--fontWeight-semibold__1bl7jj132);
}
.Heading_heading_align_left__13gfmvj3 {
  text-align: left;
}
.Heading_heading_align_center__13gfmvj4 {
  text-align: center;
}
.Heading_heading_level_1__13gfmvj5 {
  font-size: var(--fontSize-heading-1__1bl7jj127);
}
.Heading_heading_level_2__13gfmvj6 {
  font-size: var(--fontSize-heading-2__1bl7jj128);
}
.Heading_heading_level_3__13gfmvj7 {
  font-size: var(--fontSize-heading-3__1bl7jj129);
}
.Heading_heading_level_4__13gfmvj8 {
  font-size: var(--fontSize-heading-4__1bl7jj12a);
}
.Heading_heading_level_5__13gfmvj9 {
  font-size: var(--fontSize-heading-5__1bl7jj12b);
  letter-spacing: normal;
}
.Heading_heading_truncate_true__13gfmvja {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* vanilla-extract-css-ns:src/global/pieces/IconButton/IconButton.css.ts.vanilla.css?source=Lkljb25CdXR0b25faWNvbldyYXBwZXJfX2VsajBtMCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIG9wYWNpdHk6IDA7CiAgdHJhbnNmb3JtOiBzY2FsZTNkKDAuNywgMC43LCAxKTsKICB0cmFuc2l0aW9uOiB2YXIoLS1kdXJhdGlvbi1tX18xYmw3amoxMXYpIHZhcigtLWVhc2luZy1mYXN0b3V0U2xvd2luX18xYmw3amoxMXIpOwogIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHksIHRyYW5zZm9ybTsKICBncmlkLWFyZWE6IDEgLyAxOwp9Ci5JY29uQnV0dG9uX2ljb25XcmFwcGVyX3N0YXR1c19lbnRlcmluZ19fZWxqMG0xIHsKICBvcGFjaXR5OiAxOwogIHRyYW5zZm9ybTogbm9uZTsKICB0cmFuc2l0aW9uLWRlbGF5OiAyNW1zOwp9Ci5JY29uQnV0dG9uX2ljb25XcmFwcGVyX3N0YXR1c19lbnRlcmVkX19lbGowbTIgewogIG9wYWNpdHk6IDE7CiAgdHJhbnNmb3JtOiBub25lOwogIHRyYW5zaXRpb24tZGVsYXk6IDI1bXM7Cn0= */
.IconButton_iconWrapper__elj0m0 {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: scale3d(0.7, 0.7, 1);
  transition: var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property: opacity, transform;
  grid-area: 1 / 1;
}
.IconButton_iconWrapper_status_entering__elj0m1 {
  opacity: 1;
  transform: none;
  transition-delay: 25ms;
}
.IconButton_iconWrapper_status_entered__elj0m2 {
  opacity: 1;
  transform: none;
  transition-delay: 25ms;
}

/* vanilla-extract-css-ns:src/global/pieces/Label/Label.css.ts.vanilla.css?source=#H4sIAAAAAAAAA42Tu3LbMBBFe30FyqSARqTsaEK3Kd25SMkBiRW5Nh4cYCk+Mvn3DCELpMzIVsMZAnsP9uIuts+iAJWr8M2Tcdef3uod+7NhjKAn7sBIcGiqjNmGUOMIz1BhgQppeNowxjso3pD40RriXltLdagWhlAoFB5kKNN25Nb3q7rKicGXQsFUdd4cDNXg0WfMWDOvH4VGNWTsJNw3fua0mOdJoQ6vr0n6+D1WdoBVTcvK32GFe9BYWCWjap8GVbAqFFYmY2hqcEhxmZww/midzljbNOBK4UNPpVXWXc4IP3yqj+iHQFZogNfv/STbNKwBETjuG1GGK9htdwfQT5u/m+0yDQ+lNVK4ISfXQgwnCeHcOP0lai5tTNfyARyM5gqOFKHpnPj7NUzbN5QlGAIXtfuV9lywNoQj5D7qHoLuHDmOsIzrBUfgQcT9nPC4thKQOiIf70LqGTncQM5v4cddSDUj+zVSWVNdh3gI1I+DYKzTQv1v8q4ews3x1iCxnd3tk3UrEr0oFMjrdn5+NlO/LpILV66x5FpTCoJrrAjYrkaCYBImI50TzWTFnsAdle0yVqOUYKLteQOUwsajXx1XWt3Y1sh8F88qvsgpoPvFNJ3WLiI2idjyHuyC2n5CTSNV3kNdjClN1H/WqRfoqwUAAA== */
.Label_label__1z0xvkh0 {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-synthesis: none;
  font-family: var(--font-ui__1bl7jj125);
  font-weight: var(--fontWeight-semibold__1bl7jj132);
  text-align: inherit;
  text-transform: uppercase;
  color: var(--color-text__1bl7jj14);
  line-height: 1.2;
  letter-spacing: 0.07em;
}
.Label_label_secondary_true__1z0xvkh1 {
  color: var(--color-textSecondary__1bl7jj15);
}
.Label_label_align_left__1z0xvkh2 {
  text-align: left;
}
.Label_label_align_center__1z0xvkh3 {
  text-align: center;
}
.Label_label_size_s__1z0xvkh4 {
  font-size: var(--fontSize-label-s__1bl7jj12z);
}
.Label_label_size_m__1z0xvkh5 {
  font-size: var(--fontSize-label-m__1bl7jj12y);
}
.Label_label_size_l__1z0xvkh6 {
  font-size: var(--fontSize-label-l__1bl7jj12x);
}
.Label_label_long_true__1z0xvkh7 {
  letter-spacing: normal;
  text-transform: none;
  font-weight: var(--fontWeight-medium__1bl7jj131);
}
.Label_label_disabled_true__1z0xvkh9 {
  color: var(--color-textDisabled__1bl7jj1d);
}
.Label_label_truncate_true__1z0xvkha {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Label_label_compound_0__1z0xvkhb {
  font-size: var(--fontSize-text-xs__1bl7jj12v);
}
.Label_label_compound_1__1z0xvkhc {
  font-size: var(--fontSize-text-s__1bl7jj12u);
}
.Label_label_compound_2__1z0xvkhd {
  font-size: var(--fontSize-text-m__1bl7jj12t);
}

/* vanilla-extract-css-ns:src/global/pieces/Link/Link.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VWS0/bQBC+8yv2UimusmADhdZcqgqpFw5VOfSAqmjinSQL611rvA6hFf+92rWzNomdpAIujjKPb17fjH18I/XDRLnHJFnMYiBzxv4eMca5khpvLZkH/CWFXQR9nLLTYnXlbWZSKRQ3UuN3AiFR22CWpMwhAPF5oxotgUacZ0YZ4gXJHOhpMkmm6vL+PomjMdutj+qQld4R9PSgoN8MCaQAnfSH3rLyCRSmlFYanTJCBVYu0Um9Y/oCxeLK/tgo4sJDTD0wdwlW5dqpFv70Mp4ZbcmoNvbcO1oCvY4+NSteLkCYxwZAVAROxfPWbRk1SoRS6jmfQWlNZW+VeZS6NaMaHVeWC8xMjZMybbQvbgrZw5xMpcVa9nx03MObFDLXD0+fNr1NHxcm+JzXxp0Adb67eBUxbThhgWBZEscf6scJixvfQd6GMe+mUBc/XoP7n334WzMKdfFS/sG3GlQBQjijqbHW5OkBaQ3Ma2GWSOwdxvJ/bXv/sfTXfydkCVOF4vdwDwYW+7rxDKMRUf+mMJZVVDoIgTOolO0cgEPnx0qjpHiRQ3Mg6hO1lUxy3uVJyuL9HdjHhb4qBs+CzIwO/pfN68QJbwvIMGg+pSwDlTUXuiwgc6xercq2kPsoYifs9CogXEvCzG1PQLlIWeL0QpaFgqeUSe1ayWcK/UtqiWRlBoqDknOdslwKoXBzVd/qhgZIXpApkOxTWgtnhvJxTaehRqVC0oisijod662XJxsQ65fSpLRA7eg+e6AcaC41b9qC7Tb3TCQaAkYtgtWXHlgf+DDgHUfIxwQtc6irUVI00MEBfPDQ0qa7CiyeidF+OrGPbNQm2dNdZ8GTKBqzeMwOvJ29aXc7Nn110rtz7mb7NUchgY0KwhlSyQlFlaHguVl/trj/NccG132Ayeub9hx8e1Z9wLehftf5LZjwoq3b+b1+agMBnv8BS40nNDoLAAA= */
.Link_link__1hf0aro3 {
  --lineStrokeWidth__1hf0aro0: 2px;
  --filledLineGradient__1hf0aro1: linear-gradient(var(--color-primary__1bl7jj10), var(--color-primary__1bl7jj10));
  --unfilledLineGradient__1hf0aro2: linear-gradient(var(--color-primaryBorder__1bl7jj11), var(--color-primaryBorder__1bl7jj11));
  position: relative;
  color: var(--color-textPrimary__1bl7jj16);
  border-radius: var(--borderRadius-control__1bl7jj11g);
  transition: box-shadow var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  text-decoration: none;
  background: none;
}
.Link_link__1hf0aro3:active {
  box-shadow: none;
}
.Link_text__1hf0aro4 {
  background: var(--filledLineGradient__1hf0aro1) no-repeat 100% 100% / 0 var(--lineStrokeWidth__1hf0aro0), var(--unfilledLineGradient__1hf0aro2) no-repeat 0 100% / 100% var(--lineStrokeWidth__1hf0aro0);
  transition: background-size var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  padding-bottom: var(--lineStrokeWidth__1hf0aro0);
}
.Link_link__1hf0aro3:hover .Link_text__1hf0aro4 {
  background: var(--filledLineGradient__1hf0aro1) no-repeat 0 100% / 100% var(--lineStrokeWidth__1hf0aro0), var(--unfilledLineGradient__1hf0aro2) no-repeat 0 100% / 100% var(--lineStrokeWidth__1hf0aro0);
}
.Link_link__1hf0aro3[disabled] .Link_text__1hf0aro4 {
  color: var(--color-textDisabled__1bl7jj1d);
  background: none;
  cursor: default;
  border-bottom: var(--lineStrokeWidth__1hf0aro0) solid var(--color-controlBorderDisabled__1bl7jj114);
  padding: 0;
}
.Link_link__1hf0aro3[disabled]:hover .Link_text__1hf0aro4 {
  cursor: default;
  background: none;
}
.Link_icon__1hf0aro7 {
  --iconSpace__1hf0aro5: calc(var(--spacing-xxs__1bl7jj11j)) / 2;
  --iconDirection__1hf0aro6: 1;
  display: inline-flex;
  vertical-align: middle;
  transition: var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property: transform, color;
}
.Link_icon__1hf0aro7:dir(rtl) {
  --iconDirection__1hf0aro6: -1;
}
.Link_icon_position_start__1hf0aro8 {
  margin-inline-end: var(--iconSpace__1hf0aro5);
}
.Link_icon_position_end__1hf0aro9 {
  margin-inline-start: var(--iconSpace__1hf0aro5);
}
.Link_link__1hf0aro3:hover .Link_icon_animation_slide-start__1hf0aroa {
  transform: translate3d(calc(var(--spacing-xxs__1bl7jj11j) * (var(--iconDirection__1hf0aro6) * -1)), 0, 0);
}
.Link_link__1hf0aro3:hover .Link_icon_animation_slide-end__1hf0arob {
  transform: translate3d(calc(var(--spacing-xxs__1bl7jj11j) * var(--iconDirection__1hf0aro6)), 0, 0);
}
@media (prefers-reduced-motion: reduce) {
  .Link_text__1hf0aro4 {
    transition-property: none;
  }
  .Link_icon__1hf0aro7 {
    transition-property: color;
  }
  .Link_link__1hf0aro3:hover .Link_icon_animation_slide-start__1hf0aroa {
    transform: none;
  }
  .Link_link__1hf0aro3:hover .Link_icon_animation_slide-end__1hf0arob {
    transform: none;
  }
}

/* vanilla-extract-css-ns:src/global/pieces/MenuItem/MenuItem.css.ts.vanilla.css?source=#H4sIAAAAAAAAA8VXTW/bMAy991cIBYY2QBXEabe2LnYYusN22GXdbRgCWWIcJYpkSHI+OvS/D5ItO46dNN4K7JZQ4iP5RD3Rw28g868WlhOqpCVcgp5MYH09TqJr9PsMIYw5VfJRCVUtjGK0IvoSY+qsfn0yiRJxO59H2eDBOwmSgGh4RU0vCxtbed2UXibXU0Kh4Tdu+pVbvqiVy7T0l94/I4xxmYb9JiOUyxRvNqbaGM0H+6s7iwsP4zLDRPBUxkjA1Dob4yYTZBujqYCNM/h1zC0sTYwoSAvamee5sXy6xY5MkDZGxhLtERKlGegYjfwfQhepVrlkMZJKgrNxowSxXMm4/OmtmTK8MGpwyytvpbk2SscoUzxETknWKry7NAZU6TJSCJ4b0NiAAGpr45ozO4tRNBq9qyvAmjCemxCrMH73Nl+1VqKOmg4ezl7Ohkd6LI4TmCoNvtcq1s7PXUDl6rDbDs7KOru6ZfAPqSJkNZGB8MKL5QVXeIfMPDQREOOInhJjVW6fhFrz+ipEeg8SZ1ploF1FZWlXxepU6eXVToGVm1uIkaFEwOVoeDdodgRJjBJ50SdcGrAlU8+YSwabGOHoVfpn7h6FQ7hCR/dOFc0NXnHDEwGNg9tJNjRPdXiv5vCTaE4wbDIiGbCPF1bncPGrgd9HGT5Rd0uqU1CDh7dJkHFDElEn2EMdP5euVVLrPirZ8ma91fIHaMuJ3lYQ87KVvHxgWIG0JlDTTQYpaHW1h1g3PSjYOxV9KgEzIE7TK0foXXtHP5xeYaMLdzumo6W6UQ1/holT4gLxvUdacolnwNOZrVP2evTEn6Gh29uD6XrgCvfDCbg7sM/HYZcB9vYE2GUFOx4dhxUB9u4E2Fqbx9FBWAbG6rx9cPe9ZeNRc8spqaMu+wct1LTHrWgFXfURhpb3/V7KHiUAkDKvrvErYHeE9Qm5qSdGEYoQya06ODDsvp4+TI831FgiGdG1ykVmrxoQsARpQ2ZJOTIINwgVUG3KW4/626dlOV2EeLSdU33YTzmlYOpYdtAecg6++v9vMAnnj81Mc7nwif7Ve3mMspqF4U0HveXM0bhtrK8mF93K3cdKgVCoejnl1h20p5XjYqRsCtXhfdWXQqq5H+QyQSjUHwThW+HlDwipqrp6DQAA */
.MenuItem_container__ew32b13 {
  --iconColor__ew32b10: var(--color-icon__1bl7jj1p);
  --labelColor__ew32b11: var(--color-text__1bl7jj14);
  --surfaceColor__ew32b12: var(--color-surfaceHover__1bl7jj1n);
  padding: var(--spacing-xxs__1bl7jj11j) var(--spacing-xs__1bl7jj11k);
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: start;
  border: 0;
  background: none;
  isolation: isolate;
  position: relative;
  cursor: pointer;
  gap: var(--spacing-xs__1bl7jj11k);
  text-decoration: none;
  user-select: none;
  width: 100%;
  border-radius: var(--borderRadius-control__1bl7jj11g);
}
.MenuItem_container__ew32b13::before {
  content: "";
  opacity: 0;
  background: var(--surfaceColor__ew32b12);
  border-radius: var(--borderRadius-control__1bl7jj11g);
  transition: var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property:
    opacity,
    transform,
    background;
  transform: scale(0.8);
  position: absolute;
  inset: 0;
  z-index: -1;
}
.MenuItem_container__ew32b13:hover::before,
.MenuItem_container__ew32b13:focus-visible::before {
  transform: none;
  opacity: 1;
}
.MenuItem_container__ew32b13[aria-expanded=true]::before {
  --surfaceColor__ew32b12: var(--color-surfaceActive__1bl7jj1o);
  transform: none;
  opacity: 1;
}
.MenuItem_container__ew32b13[aria-disabled=true] {
  --iconColor__ew32b10: var(--color-iconDisabled__1bl7jj1w);
  --labelColor__ew32b11: var(--color-textDisabled__1bl7jj1d);
  --surfaceColor__ew32b12: var(--color-surfaceTertiary__1bl7jj1j);
  pointer-events: none;
}
.MenuItem_container_active_true__ew32b14 {
  --iconColor__ew32b10: var(--color-iconActive__1bl7jj1r);
  --labelColor__ew32b11: var(--color-heading__1bl7jj1e);
  --surfaceColor__ew32b12: var(--color-surfaceActive__1bl7jj1o);
}
.MenuItem_container_active_true__ew32b14::before {
  opacity: 1;
  transform: none;
}
.MenuItem_container_size_xs__ew32b15 {
  min-height: var(--controlSize-xs__1bl7jj11y);
}
.MenuItem_container_size_s__ew32b16 {
  min-height: var(--controlSize-s__1bl7jj11z);
}
.MenuItem_container_size_m__ew32b17 {
  min-height: var(--controlSize-m__1bl7jj120);
}
.MenuItem_container_size_l__ew32b18 {
  min-height: var(--controlSize-l__1bl7jj121);
}
.MenuItem_container_destructive_true__ew32b19 {
  --surfaceColor__ew32b12: var(--color-surfaceCritical__1bl7jj1m);
}
.MenuItem_container_destructive_true__ew32b19:hover {
  --iconColor__ew32b10: var(--color-iconCritical__1bl7jj1v);
  --labelColor__ew32b11: var(--color-textCritical__1bl7jj19);
}
.MenuItem_label__ew32b1a {
  --color-text__1bl7jj14: var(--labelColor__ew32b11);
  flex: 1 1 auto;
  user-select: none;
  transition: color var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
}
.MenuItem_element__ew32b1b {
  color: var(--iconColor__ew32b10);
  transition: color var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
}
.MenuItem_tick__ew32b1c {
  color: var(--color-iconSuccess__1bl7jj1t);
  opacity: 0;
  transform: scale(0.8);
  transition: var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property: opacity, transform;
  flex-shrink: 0;
}
.MenuItem_container__ew32b13[aria-disabled=true] .MenuItem_tick__ew32b1c {
  opacity: 0.4;
}
.MenuItem_tick_visible_true__ew32b1d {
  opacity: 1;
  transform: none;
}
.MenuItem_selection__ew32b1e {
  width: var(--iconSize-s__1bl7jj122);
  height: var(--iconSize-s__1bl7jj122);
  display: grid;
  place-content: center;
}

/* vanilla-extract-css-ns:src/global/pieces/TextInput/TextInput.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1aWY/bNhB+318hFAiyDszAcrI5VLRoegTJW9AUSIGiMChpbHOXIlWS8rHF9rcXpCSKumzJa+eh6D6tyDm+GQ6Hw6Gf/wY79ZGlmVpEnClMGIjFwhfq7f7NbeT9feV5CBE9/4XEam2nbgLPn82efHvleSmXRBHOAk8AxYpsQI9uNXngbbC47hYw0VRLzhRa4oTQfUmrh96bEUv7YurMoYwsFn5IX9/e+vObiRGT4B0qFOaoHq6eV4bl2gVOU8e22NgWE5lSvA+8JYWdAURhh2IiIMpNijjNEtZnZr8aSe5hsZNWHbiu/ABktVZ27m1pul4Bwelncg/I8OZW+ntjZMH8njOlKSw7dj1neBXslCtgvnEFfMJxTNjK8oclv0xxRNgK7Vzdt5OjZlZWLsda6Si6P8VIx8bsojYmVtRqrI1JhXF2io0Ovxpno2Pi3XETqZW0HmsirSD6p5jo8MtRJla+8ZODFm6wIJipRchFDIKCrIKWuNZ2aJwNkZsxLZYwiC3r7Ui5FIdQrUFiuNOcDYWUR3cIWHw0jp2cZpi6wFslrH/GqI845aJacMqFWS+r8aVRuDYRUsv1zaAxdDxT2kOBxzgzZ0S+GMYTnhfi6G4leKZtVAIzmWIBTLVOCcLWIEg1rmO3GVVWsT91UbXDcVKdQtuaFXroS92I+bQ1hwSsMoqFdciLWS6xWLdSWtpY/VkNVis2ajIQYdprSCosLDzz8QuFBFjjXH09PVVnl1In4oDFnQrfPE5h7dgulqLYVIhlCQgS1dY8Iaw86js35pDYDtZ8AyKP8ExIJ8TNlyV8OfV0uHcmlkF6YiJxSCE+tJl+LmhsDMWn6wtSiiNYcxqX5nXr/FSRWbWh3QqOvx9pdy+gHEpCdteEeRSH0yFu8V7Onkzd3GAcpYmxAHxykhOQp5AyKzUisp7dtLZ3AnAjwb2aehGm0fWhFOg98+ZFuUoYKsUOYzs9ItAWwjuikAQsojWKIeIC6zp2euUVf2cRHGEWAUVhptTZZQuQGVXyssIrz9RvBmVYlGz63MdCW1vOdSxNXv4jmWBaHel8IJnR33u29VX3jSNnRKFbVPE1EOkgoiFIWyV6H9Cj1WpRiUNMsqoc/2sY1RCkrUL7kUgpFquq1hCDiIbgbFXLPTiPFseNqtipXeUIUgO5LOX8dOdJTklcS+jFXeFHQ1Shyu8KJqEXV+tcTM5VSIizfFe6d8VsUhYlWGpLpcIsxqI6LPzcMW5N6eKRmVjiCCz5alKVo0jgmGSyZMgHfzVjpR2VmtUF/epUKa5bgn7PftAMFbieY+M84GqlzUB8rTPdXCAuBnHJo0yOwfdeM1TgXlwQ3B8CcMwZ3f95BGDY2DOzS4LSM4iwDaYk/u6pEhk8PYYvEkSRCDs56TBACQnpuIRvRjP0pJ3G1fErJZeG1vNnkrO5bXxWqefrr4LR3h9Ggx2dYs4H+sLp5mxAL7PLbQPMKtoameU9Z57uOnZGOdpzTh+sG2xvjCvFEyurtuOt3BH7fYml4pn6TPmWsIpMTOqvADiUnGaqaGTlEEwjS+QGm/8pLMt/U06YAoFgA0zJ6l6hI3xJ+Tbw1iSOgR2+6hU74h9vgOsHeXVYzWD1dwfP4+AMPEE62irnc8OAvNEhPwhCWHIBRWuDKdDdk2++sXG45CIJPBlhCr9fz1rl7pmCshKJUsFTEGofeFzfAtR+WgHpj1/CJKiOPmyHu95FEbCqA+zf9LvJJESIFzpIrM92NZ85Tuq4S0Peb7S8+7wn3mmC4mlhwNB2tNNJPEbaeibElKwYIgoSGXjaISD08G0mFVnukQ2FaqojqZKIV0uZTvqTxMNVT8h3O6hHVSvEt82lK8WVHl6YNrOVfm+km1hpNKWbndiWIGBVmenP2nJMn7lPSmXd957crIog6HbUEfZnncw4U7zJLITTCPb94i2n6w2k3V79qZnReqJohdMB7znlOWcifExzx9jwMQ+ywo75wYxYXItb8BO3U1/slYizxgvufN71GtRL11kj95HX7EoAy0w4b/n+iwOJoe/ctauxEiQ+sKc3RJKQUKJzanlC//8k9Z9+kloTBWaPQeClwkSLUV2GNuMiwdQN9o5fndgo7b1v+zdD7rBDhNYKfP/V48X23B3816eLTjKqiKkLavWA/8aIbPocbQVOzWJwEZuPwAsF4DukB1zX58m79Wxz2hvLD7pvjL3rVMAShEQC4iyCGCW8/OmP/p4YyCNKw8Mlmob7cPXwL0cm8kyLJQAA */
.TextInput_container__1rt9y8jc {
  --inputWidth__1rt9y8j5: 100%;
  position: relative;
  width: var(--inputWidth__1rt9y8j5);
  font-family: var(--fontFamily__1rt9y8j3, var(--font-ui__1bl7jj125));
  max-width: 100%;
}
.TextInput_inputWrapper__1rt9y8jd {
  display: flex;
  flex-direction: column;
  position: relative;
}
.TextInput_inputWrapper_size_xs__1rt9y8je {
  --inputHeight__1rt9y8j9: var(--controlSize-xs__1bl7jj11y);
  --inputFontSize__1rt9y8ja: var(--fontSize-text-xs__1bl7jj12v);
  --inputPadding__1rt9y8jb: var(--spacing-xxs__1bl7jj11j);
}
.TextInput_inputWrapper_size_s__1rt9y8jf {
  --inputHeight__1rt9y8j9: var(--controlSize-s__1bl7jj11z);
  --inputFontSize__1rt9y8ja: var(--fontSize-text-s__1bl7jj12u);
  --inputPadding__1rt9y8jb: var(--spacing-xxs__1bl7jj11j);
}
.TextInput_inputWrapper_size_m__1rt9y8jg {
  --inputHeight__1rt9y8j9: var(--controlSize-m__1bl7jj120);
  --inputFontSize__1rt9y8ja: var(--fontSize-text-m__1bl7jj12t);
  --inputPadding__1rt9y8jb: var(--spacing-xs__1bl7jj11k);
}
.TextInput_inputWrapper_size_l__1rt9y8jh {
  --inputHeight__1rt9y8j9: var(--controlSize-l__1bl7jj121);
  --inputFontSize__1rt9y8ja: var(--fontSize-text-l__1bl7jj12s);
  --inputPadding__1rt9y8jb: var(--spacing-m__1bl7jj11m);
}
.TextInput_inputWrapper_variant_borderless__1rt9y8ji {
  --inputPadding__1rt9y8jb: 0;
}
.TextInput_inputWrapper_variant_underlined__1rt9y8jj {
  --inputPadding__1rt9y8jb: 0;
}
.TextInput_label__1rt9y8jm {
  padding-block-end: var(--spacing-xxs__1bl7jj11j);
  display: block;
}
.TextInput_input__1rt9y8jn.TextInput_input__1rt9y8jn {
  color: var(--color-text__1bl7jj14);
  height: var(--inputHeight__1rt9y8j9);
  outline: none;
  border: 0;
  background: transparent;
  font-family: inherit;
  font-size: var(--fontSize__1rt9y8j1, var(--inputFontSize__1rt9y8ja));
  font-weight: var(--fontWeight__1rt9y8j2, var(--fontWeight-regular__1bl7jj130));
  padding: var(--padding__1rt9y8j0, var(--inputPadding__1rt9y8jb));
  padding-inline-start: var(--startElementWidth__1rt9y8j7, var(--padding__1rt9y8j0, var(--inputPadding__1rt9y8jb)));
  padding-inline-end: var(--endElementWidth__1rt9y8j8, var(--padding__1rt9y8j0, var(--inputPadding__1rt9y8jb)));
  width: 100%;
  font-variant-numeric: inherit;
  min-width: 0;
}
.TextInput_input__1rt9y8jn.TextInput_input__1rt9y8jn:hover {
  cursor: var(--cursor__1rt9y8j4, text);
}
.TextInput_input__1rt9y8jn.TextInput_input__1rt9y8jn:disabled {
  color: var(--color-textDisabled__1bl7jj1d);
}
.TextInput_input__1rt9y8jn.TextInput_input__1rt9y8jn::placeholder {
  color: var(--color-textPlaceholder__1bl7jj1b);
  font: inherit;
}
.TextInput_input__1rt9y8jn.TextInput_input__1rt9y8jn:disabled::placeholder {
  color: color-mix(in lab, var(--color-textDisabled__1bl7jj1d) 40%, transparent);
}
textarea.TextInput_input__1rt9y8jn.TextInput_input__1rt9y8jn {
  resize: none;
  width: 100%;
  height: var(--textAreaHeight__1rt9y8j6, calc(var(--inputHeight__1rt9y8j9) * 2));
  min-height: calc(var(--inputHeight__1rt9y8j9) * 2);
}
.TextInput_input__1rt9y8jn.TextInput_input__1rt9y8jn::-webkit-search-decoration,
.TextInput_input__1rt9y8jn.TextInput_input__1rt9y8jn::-webkit-search-cancel-button,
.TextInput_input__1rt9y8jn.TextInput_input__1rt9y8jn::-webkit-search-results-button,
.TextInput_input__1rt9y8jn.TextInput_input__1rt9y8jn::-webkit-search-results-decoration {
  display: none;
  -webkit-appearance: none;
}
.TextInput_input_size_x-small__1rt9y8jo.TextInput_input_size_x-small__1rt9y8jo {
  font-size: var(--fontSize-text-xs__1bl7jj12v);
  padding: var(--spacing-xxs__1bl7jj11j);
}
.TextInput_input_size_small__1rt9y8jp.TextInput_input_size_small__1rt9y8jp {
  font-size: var(--fontSize-text-s__1bl7jj12u);
  padding: var(--spacing-xs__1bl7jj11k);
}
.TextInput_input_size_medium__1rt9y8jq.TextInput_input_size_medium__1rt9y8jq {
  font-size: var(--fontSize-text-m__1bl7jj12t);
  padding: var(--spacing-xs__1bl7jj11k);
}
.TextInput_input_size_large__1rt9y8jr.TextInput_input_size_large__1rt9y8jr {
  font-size: var(--fontSize-text-l__1bl7jj12s);
  padding: var(--spacing-m__1bl7jj11m);
}
.TextInput_input_variant_bordered__1rt9y8js.TextInput_input_variant_bordered__1rt9y8js {
  border: 1px solid var(--color-controlBorder__1bl7jj111);
  transition: border-color var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
  background: var(--color-surface__1bl7jj1g);
  border-radius: var(--borderRadius-control__1bl7jj11g);
}
.TextInput_input_variant_bordered__1rt9y8js.TextInput_input_variant_bordered__1rt9y8js:hover {
  border-color: var(--color-controlBorderHover__1bl7jj112);
}
.TextInput_input_variant_bordered__1rt9y8js.TextInput_input_variant_bordered__1rt9y8js:disabled {
  border-color: var(--color-controlBorderDisabled__1bl7jj114);
}
.TextInput_input_variant_bordered__1rt9y8js.TextInput_input_variant_bordered__1rt9y8js:focus {
  border-color: var(--color-controlBorderFocus__1bl7jj113);
}
.TextInput_input_variant_bordered__1rt9y8js.TextInput_input_variant_bordered__1rt9y8js[readonly] {
  border-color: var(--color-border__1bl7jj110);
}
.TextInput_input_variant_bordered__1rt9y8js.TextInput_input_variant_bordered__1rt9y8js[aria-invalid=true] {
  border-color: var(--color-critical__1bl7jj12);
}
.TextInput_input_variant_semiborderless__1rt9y8jv.TextInput_input_variant_semiborderless__1rt9y8jv {
  border: 1px solid transparent;
  transition: border-color var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
  background: transparent;
  border-radius: var(--borderRadius-control__1bl7jj11g);
}
.TextInput_input_variant_semiborderless__1rt9y8jv.TextInput_input_variant_semiborderless__1rt9y8jv:hover {
  border-color: var(--color-controlBorder__1bl7jj111);
}
.TextInput_input_variant_semiborderless__1rt9y8jv.TextInput_input_variant_semiborderless__1rt9y8jv:disabled:hover {
  border-color: var(--color-controlBorderDisabled__1bl7jj114);
}
.TextInput_input_variant_semiborderless__1rt9y8jv.TextInput_input_variant_semiborderless__1rt9y8jv:focus {
  border-color: var(--color-controlBorderFocus__1bl7jj113);
}
.TextInput_input_variant_semiborderless__1rt9y8jv.TextInput_input_variant_semiborderless__1rt9y8jv[aria-invalid=true] {
  border-color: var(--color-critical__1bl7jj12);
}
.TextInput_underline__1rt9y8jw {
  height: 2px;
  border-radius: 2px;
  background: var(--color-controlBorder__1bl7jj111);
  padding-bottom: 2px;
  transition: background var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  pointer-events: none;
  overflow: hidden;
}
.TextInput_input__1rt9y8jn:hover ~ .TextInput_underline__1rt9y8jw {
  background: var(--color-controlBorderHover__1bl7jj112);
}
.TextInput_input__1rt9y8jn[aria-invalid=true] ~ .TextInput_underline__1rt9y8jw {
  background: var(--color-critical__1bl7jj12);
}
.TextInput_input__1rt9y8jn:disabled ~ .TextInput_underline__1rt9y8jw {
  background: var(--color-controlBorderDisabled__1bl7jj114);
}
.TextInput_underline__1rt9y8jw::before {
  content: "";
  transform: scaleX(0);
  transition: var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property: opacity, transform;
  position: absolute;
  inset: 0;
  background: var(--color-controlAccent__1bl7jj115);
}
.TextInput_underline_focused_true__1rt9y8jx::before {
  transform: none;
}
.TextInput_element__1rt9y8jy {
  position: absolute;
  top: 0;
  height: var(--inputHeight__1rt9y8j9);
  min-width: var(--inputHeight__1rt9y8j9);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-icon__1bl7jj1p);
  pointer-events: none;
}
:disabled ~ .TextInput_element__1rt9y8jy {
  color: var(--color-iconDisabled__1bl7jj1w);
}
.TextInput_element_position_start__1rt9y8jz {
  inset-inline-start: 0;
}
.TextInput_element_position_end__1rt9y8j10 {
  inset-inline-end: 0;
}
.TextInput_element__1rt9y8jy > svg {
  pointer-events: none;
}
.TextInput_element__1rt9y8jy > * {
  pointer-events: auto;
}
.TextInput_error__1rt9y8j11 {
  --color-text__1bl7jj14: var(--color-textCritical__1bl7jj19);
  display: flex;
  gap: var(--spacing-xxs__1bl7jj11j);
  padding-top: var(--spacing-xxs__1bl7jj11j);
}
.TextInput_errorIcon__1rt9y8j12 {
  background: var(--color-surfaceCritical__1bl7jj1m);
  width: var(--iconSize-s__1bl7jj122);
  height: var(--iconSize-s__1bl7jj122);
  border-radius: var(--iconSize-s__1bl7jj122);
}
.TextInput_measurer__1rt9y8j13 {
  position: absolute;
  pointer-events: none;
  display: grid;
  align-items: center;
  visibility: hidden;
  font-family: inherit;
  font-size: var(--fontSize__1rt9y8j1, var(--inputFontSize__1rt9y8ja));
  font-weight: var(--fontWeight__1rt9y8j2, var(--fontWeight-regular__1bl7jj130));
  padding: var(--padding__1rt9y8j0, var(--inputPadding__1rt9y8jb));
  padding-inline-start: var(--startElementWidth__1rt9y8j7, var(--padding__1rt9y8j0, var(--inputPadding__1rt9y8jb)));
  padding-inline-end: var(--endElementWidth__1rt9y8j8, var(--padding__1rt9y8j0, var(--inputPadding__1rt9y8jb)));
  white-space: pre;
  line-height: normal;
  height: 100%;
}
.TextInput_measurer_variant_bordered__1rt9y8j15 {
  border: 1px solid transparent;
}
.TextInput_measurer_variant_borderless__1rt9y8j16 {
  border: 1px solid transparent;
}
.TextInput_measurer_variant_semiborderless__1rt9y8j17 {
  border: 1px solid transparent;
}
.TextInput_measurer_multiline_true__1rt9y8j18 {
  white-space: pre-wrap;
  word-wrap: break-word;
  height: auto;
  width: 100%;
  min-height: calc(var(--inputHeight__1rt9y8j9) * 2);
}
@media (prefers-reduced-motion: reduce) {
  .TextInput_underline__1rt9y8jw::before {
    transition-property: opacity;
  }
}

/* vanilla-extract-css-ns:src/global/pieces/NumberInput/NumberInput.css.ts.vanilla.css?source=#H4sIAAAAAAAAA8VYy3KbMBTd5yu06YzdKSnCzous+pg+Np1O2pkuGQGyrURIRBK2k07/vSOBQDgQjJOmW+nec47uS4Ljb0UWY/GV5YWKEs4UIgyLKDqDuJgFZ+D3EQCeFxdKcSbfc5Fi8YFTXlv4IVgjMfG8RK96GkFwWhpGEYzp2fU1hHB6aXCIpik3r8hypa5QSgppsQKLFZcWZtNCNmDLHjALA0MA8y2QnJIUKIGYzJHATDleP/FWvaNkyazPLAQUL4xJziVRhLMQCEyRImusVxecKW+NBEFMeazIsCBJCBSKC4qEXpCXR3+OjrujWflFBUuxoITh1PKeVwF+5Cz+nqHz9xBQBrahv3DpfxRigRJs907amZV2t0qDzsJ4vnDF11g8qaq+aISmGoIDdSA5CRc8KaS3JpLEFE+fpOqThmpUzfZXRbGs04gqDTlKU8KWUQSFurg7v/bHpLcF+AaM9ymTdJBnGdENUSvC9olnqz0HzydxRh6yxi9G9AzV256Jhwv5j+UryT2OtrWYpDVD9F61MW/4DJPe87YOy507yL/bki+dT62zzFFC2NLbup7Xg/pqeekoeQ7H/T9Ul1kgPEpdVnME/ih1jribQXHU4ixGiWtu6ACOEdccCmaPaUt4lvOCpZFvobLDpmUNBC0Qcw/a9TZIMFNYXPaxlQfqPO1eJwqsOX+Z50BNPLMO+QsTz63Dbe8102H7DPP3I5EopvolYItuvleKTiy4eCkRFbTFK1qMO2WmHs4jt+dJ1Y+lr9vJMgQJoslk4pRwq9On4C0IpsADlUU3/RS8BsHUsJS3lfMEbxbLUNSP/P7QOUCefpYf5Kh47gldoZ4wJTrm46KCiLlSPDsYxbw5qm+J0r5yTguB9LJ73RTTahMjqTMoFWIpEk6NSAO6wlpNa+a0E2b0o+RmKXThtg13XvjGFulZ50lMFyHAzKSrGnHtgD/IeW/F9n/urE0R2xIxE0XxPARBvu1F23lu3Fd9YJaj7e15kJ77IYCnGuKxBoFDHDUF9Ad6bRCqvt8hfCpUfRvDYACqP4g1xMxA6Pm1oHwTghVJU8x03DYkVat2wltzoqP2uq16R6n9pTCwDUylOnXS28gDN9GejTwCRTzovK6bcnrYwNuJm+KcKpL/EijPm+jAuQlMlSzo+6+GHFGh+GfBN5ESRZ0neOLCaJO9YRaIygbntEPOX0/Ud7ZSEgAA */
.NumberInput_container__71eu327 {
  --buttonsBorderColor__71eu320: var(--color-controlBorder__1bl7jj111);
  --inputBorderRightRadius__71eu322: var(--borderRadius-control__1bl7jj11g);
  --inputBorderRight__71eu321: 1px solid transparent;
  --inputTextAlign__71eu323: left;
  position: relative;
  font-variant-numeric: tabular-nums;
}
.NumberInput_container_variant_underlined__71eu328 {
  --inputBorderRight__71eu321: 0;
  --inputBorderRightRadius__71eu322: 0;
}
.NumberInput_container_variant_bordered__71eu329 {
  --inputSurface__71eu325: var(--color-surface__1bl7jj1g);
}
.NumberInput_container_variant_bordered__71eu329:hover {
  --buttonsBorderColor__71eu320: var(--color-controlBorderHover__1bl7jj112);
}
.NumberInput_container_variant_bordered__71eu329:has(:focus-visible) {
  --buttonsBorderColor__71eu320: var(--color-controlBorderFocus__1bl7jj113);
}
.NumberInput_container_variant_borderless__71eu32a {
  --padding__1rt9y8j0: 0;
}
.NumberInput_container_variant_borderless__71eu32a,
.NumberInput_container_variant_borderless__71eu32a:hover,
.NumberInput_container_variant_borderless__71eu32a:focus-within {
  --buttonsBorderColor__71eu320: transparent;
}
.NumberInput_container_variant_semiborderless__71eu32b {
  --buttonsBorderColor__71eu320: transparent;
}
.NumberInput_container_variant_semiborderless__71eu32b:hover {
  --buttonsBorderColor__71eu320: var(--color-controlBorder__1bl7jj111);
}
.NumberInput_container_variant_semiborderless__71eu32b:has(:focus-visible) {
  --buttonsBorderColor__71eu320: var(--color-controlBorderFocus__1bl7jj113);
}
.NumberInput_container_size_xs__71eu32c {
  --inputSize__71eu324: var(--controlSize-xs__1bl7jj11y);
  --inputPadding__71eu326: var(--spacing-xxs__1bl7jj11j);
}
.NumberInput_container_size_s__71eu32d {
  --inputSize__71eu324: var(--controlSize-s__1bl7jj11z);
  --inputPadding__71eu326: var(--spacing-xxs__1bl7jj11j);
}
.NumberInput_container_size_m__71eu32e {
  --inputSize__71eu324: var(--controlSize-m__1bl7jj120);
  --inputPadding__71eu326: var(--spacing-xs__1bl7jj11k);
}
.NumberInput_container_size_l__71eu32f {
  --inputSize__71eu324: var(--controlSize-l__1bl7jj121);
  --inputPadding__71eu326: var(--spacing-m__1bl7jj11m);
}
.NumberInput_container_compound_0__71eu32m {
  --padding__1rt9y8j0: 0;
}
.NumberInput_container_compound_1__71eu32n {
  --inputTextAlign__71eu323: center;
  --padding__1rt9y8j0: var(--inputPadding__71eu326);
}
.NumberInput_container_compound_2__71eu32o {
  --inputBorderRight__71eu321: 0;
  --inputBorderRightRadius__71eu322: 0;
}
.NumberInput_container_compound_3__71eu32p {
  --inputBorderRight__71eu321: 0;
  --inputBorderRightRadius__71eu322: 0;
}
.NumberInput_container_compound_4__71eu32q,
.NumberInput_container_compound_4__71eu32q:hover {
  --buttonsBorderColor__71eu320: var(--color-controlBorderDisabled__1bl7jj114);
}
.NumberInput_container_compound_5__71eu32r:hover {
  --buttonsBorderColor__71eu320: var(--color-controlBorderDisabled__1bl7jj114);
}
.NumberInput_buttons__71eu32u {
  --buttonPadding__71eu32t: var(--spacing-xxxs__1bl7jj11i);
  --buttonSize__71eu32s: calc((var(--inputSize__71eu324) / 2) - (var(--buttonPadding__71eu32t) * 2));
  border: 1px solid;
  border-color: var(--buttonsBorderColor__71eu320);
  border-left-color: var(--buttonsBorderColor__71eu320);
  border-top-right-radius: var(--borderRadius-control__1bl7jj11g);
  border-bottom-right-radius: var(--borderRadius-control__1bl7jj11g);
  transition: border var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
  height: var(--inputSize__71eu324);
  background: var(--inputSurface__71eu325);
  align-self: end;
  padding: var(--buttonPadding__71eu32t);
}
.NumberInput_buttons_variant_underlined__71eu32v {
  border: 0;
  top: 2px;
}
.NumberInput_buttons_size_xs__71eu32z {
  --size__xq82d80: 16px;
  --buttonPadding__71eu32t: 1px;
}
.NumberInput_buttons_size_s__71eu3210 {
  --buttonPadding__71eu32t: 1px;
}
.NumberInput_buttons_size_m__71eu3211 {
  --buttonPadding__71eu32t: 1px;
}
.NumberInput_buttons_size_l__71eu3212 {
  --buttonPadding__71eu32t: 2px;
}
.NumberInput_button__71eu3213 {
  overflow: hidden;
  width: var(--buttonSize__71eu32s);
  height: var(--buttonSize__71eu32s);
}
.NumberInput_container__71eu327.NumberInput_container__71eu327 input {
  border-top-right-radius: var(--inputBorderRightRadius__71eu322);
  border-bottom-right-radius: var(--inputBorderRightRadius__71eu322);
  border-right: var(--inputBorderRight__71eu321);
  border-color: var(--buttonsBorderColor__71eu320);
}
.NumberInput_tooltipWrapper__71eu3214 {
  width: 100%;
}
.NumberInput_tooltipWrapper_autoGrow_true__71eu3215 {
  width: auto;
}
.NumberInput_tooltipWrapper_autoGrow_false__71eu3216 {
  width: 100%;
}

/* vanilla-extract-css-ns:src/global/pieces/Panel/Panel.css.ts.vanilla.css?source=LlBhbmVsX3BhbmVsX18xNW4wMWQ5MiB7CiAgYmFja2dyb3VuZDogdmFyKC0tY29sb3Itc3VyZmFjZV9fMWJsN2pqMWcpOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLWJvcmRlclJhZGl1cy1zdXJmYWNlX18xYmw3amoxMWgpOwogIHBvc2l0aW9uOiB2YXIoLS1wb3NpdGlvbl9fMTVuMDFkOTEsIGFic29sdXRlKTsKICB3aWR0aDogdmFyKC0td2lkdGhfXzE1bjAxZDkwLCAxMDAlKTsKICB6LWluZGV4OiAxOwogIGJvcmRlcjogMDsKfQouUGFuZWxfcGFuZWxfZWxldmF0aW9uXzBfXzE1bjAxZDkzIHsKICBib3gtc2hhZG93OiB2YXIoLS1zaGFkb3ctZWxldmF0aW9uMF9fMWJsN2pqMTFjKTsKfQouUGFuZWxfcGFuZWxfZWxldmF0aW9uXzFfXzE1bjAxZDk0IHsKICBib3gtc2hhZG93OiB2YXIoLS1zaGFkb3ctZWxldmF0aW9uMV9fMWJsN2pqMTFkKTsKfQouUGFuZWxfcGFuZWxfZWxldmF0aW9uXzJfXzE1bjAxZDk1IHsKICBib3gtc2hhZG93OiB2YXIoLS1zaGFkb3ctZWxldmF0aW9uMl9fMWJsN2pqMTFlKTsKfQouUGFuZWxfcGFuZWxfZWxldmF0aW9uXzNfXzE1bjAxZDk2IHsKICBib3gtc2hhZG93OiB2YXIoLS1zaGFkb3ctZWxldmF0aW9uM19fMWJsN2pqMTFmKTsKfQ== */
.Panel_panel__15n01d92 {
  background: var(--color-surface__1bl7jj1g);
  border-radius: var(--borderRadius-surface__1bl7jj11h);
  position: var(--position__15n01d91, absolute);
  width: var(--width__15n01d90, 100%);
  z-index: 1;
  border: 0;
}
.Panel_panel_elevation_0__15n01d93 {
  box-shadow: var(--shadow-elevation0__1bl7jj11c);
}
.Panel_panel_elevation_1__15n01d94 {
  box-shadow: var(--shadow-elevation1__1bl7jj11d);
}
.Panel_panel_elevation_2__15n01d95 {
  box-shadow: var(--shadow-elevation2__1bl7jj11e);
}
.Panel_panel_elevation_3__15n01d96 {
  box-shadow: var(--shadow-elevation3__1bl7jj11f);
}

/* vanilla-extract-css-ns:src/global/pieces/OptionMenu/OptionMenu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA42TS26DMBCG95zCy1DFkZ1H05AzVF30AJYTDHFqbMse59Eqd68IBJpUQHbAjL5P/8ww+bAgjX4XOjDLtVCM0bkBc84I+okQwtgaL8sWxuhCE5quaIIyeRLpOkIIHNdVOUEH7kYYp8Hx8h17xuhGLfd7SkNcFwX3Uuc44x5MgE9ljlK3bS6+R2LrjBUOzgkylm8lnMdVNTOuKFutkRqEw+IgNPgEaaNF+b3uThBZR5do8i+il9+C+YKrNi2t0x5lCrsmKkkQfSX21IMpRCpD0XCmXZwp6eco7nLRYGadmHknplkUGNuA5ldQM7WkelQcxCwdkXG9F18OTOf49GdpX/EYkXhA5WS+g0a26JNtudqO+nToBWFaSp/wbgyAaaf+OpDyefeQWImszbvs0w5Mttt1kF5ulGDgQnsQb1dVc9h0fS++Xf7jH8EDmEeLkr6NsKq4AZTU4sa5/AKuBRmJFgQAAA== */
.OptionMenu_panel__14otoyf0 {
  --position__15n01d91: fixed;
  transition: var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property: opacity, transform;
  pointer-events: none;
  opacity: 0;
}
.OptionMenu_panel_size_small__14otoyf1 {
  --width__15n01d90: 160px;
}
.OptionMenu_panel_size_medium__14otoyf2 {
  --width__15n01d90: 200px;
}
.OptionMenu_panel_size_large__14otoyf3 {
  --width__15n01d90: 240px;
}
.OptionMenu_panel_position_top__14otoyf4 {
  transform: translate3d(0, var(--spacing-xs__1bl7jj11k), 0);
}
.OptionMenu_panel_position_right__14otoyf5 {
  transform: translate3d(calc(var(--spacing-xs__1bl7jj11k) * -1), 0, 0);
}
.OptionMenu_panel_position_bottom__14otoyf6 {
  transform: translate3d(0, calc(var(--spacing-xs__1bl7jj11k) * -1), 0);
}
.OptionMenu_panel_position_left__14otoyf7 {
  transform: translate3d(var(--spacing-xs__1bl7jj11k), 0, 0);
}
.OptionMenu_panel_visible_true__14otoyf8 {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}
.OptionMenu_list__14otoyf9 {
  outline: none;
}

/* vanilla-extract-css-ns:src/global/pieces/RadioGroup/RadioGroup.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71WyW7bMBC9+yuIAEXiNgykZitk9NAFaHttjkVhjMmxzZjmCCRlOyn67wUpq5IcxUpiIPDBWt682R919hOkom+WinysPC7H4/VmcS/zhP0ZMCaVyzXcZWxmlRwNWPznHpe5Bo9ckC6WxmUMCk8sndoAAa1mhgculzHnwfrR4O/grOHHhsvK0VV0xHl8eKPusXqRZmwF9oRzQcZb0uEd32zceJxO9PXtbZpuhqPa9DNZifYLabIVw/uaQZOteEpgzZI2Wb7TaofkvE0y2bFOmtY/jENfGV5Whi4HocyMN0NfNM1uUKPwikzL8UVn9J+EQONrostIVEYV2QpX2T2saMSulfTzHswc1Wzue0AT2nA3B0nrjKmQOUviL803TcOuxpT2IBYzS4WR7UxdYacg8H+Os4jOyalQo4xZ1ODVCkddA5prEFhNXygVxqH0FkxlX/qShYVwz5d1MVfD7UsEFzo2Beep8Dea1srUMDtsU/LcUo7W32WNmpw28otwyh8MRGua1XD/nmTZBKdkMe5LmAY0PmNHR+3iwMSRLnwsTmxKxgRocbLrueH4dsjeMp72uZ+H1YjOD2n86RZ73sZ27F1PPL/AKuBijmKB8uOxtwUe/25qyZMFoXulnioILZKIrpmuHpnzfVvf1wapHEw0yhelWgK/binqQC8Ok6OHhNe9NYzrk4NF4wNUFNaRzZghz0FrWqN8Qf8Pq86+ZNqhKCOVAF8TXkeHW2ltLFyHdDLenIL2kTFsqe+hPM85FZ4nxrF5U7LLjDkBGk+Ss3JrKAhMEMLkcVl6LS3exnJaR7t7am1FMd5x1LiKUaQ1u4yd75aaJ8xDo0yGDLYKlO7OlIYJ6sr+Q7TPQcqQuzJaGeTxY6r/q6IanzRJ3jRXKydVHYfdh6lypKF8XF7Gp0tl+Hawk/0xv8IJxdg9V0biJmM8VrDe+Hesp5rdEvMPRD8UVAELAAA= */
.RadioGroup_item__wxkzdp0 {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
}
.RadioGroup_radio__wxkzdp6 {
  --radioSize__wxkzdp1: var(--controlSize-xxs__1bl7jj11x);
  --radioBorderColor__wxkzdp2: var(--color-controlBorder__1bl7jj111);
  --radioHoverColor__wxkzdp3: var(--color-border__1bl7jj110);
  --radioInset__wxkzdp5: var(--spacing-xs__1bl7jj11k);
  --radioSelectionColor__wxkzdp4: var(--color-controlAccent__1bl7jj115);
  border-radius: var(--radioSize__wxkzdp1);
  width: var(--radioSize__wxkzdp1);
  height: var(--radioSize__wxkzdp1);
  box-shadow: inset 0 0 0 1px var(--radioBorderColor__wxkzdp2);
  background: var(--color-surface__1bl7jj1g);
  position: relative;
  display: grid;
  place-items: center;
  transition: var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property: box-shadow, background;
  top: var(--spacing-xxxs__1bl7jj11i);
}
.RadioGroup_radio__wxkzdp6::before {
  content: "";
  position: absolute;
  inset: calc(var(--spacing-xxs__1bl7jj11j) * -1);
}
.RadioGroup_radio__wxkzdp6:hover {
  box-shadow: inset 0 0 0 1px var(--radioBorderColor__wxkzdp2), 0 0 0 3px var(--radioHoverColor__wxkzdp3);
}
.RadioGroup_radio__wxkzdp6[aria-checked=true] {
  --radioBorderColor__wxkzdp2: var(--color-controlAccent__1bl7jj115);
  --radioHoverColor__wxkzdp3: var(--color-controlAccentHover__1bl7jj116);
  background: var(--radioSelectionColor__wxkzdp4);
}
.RadioGroup_radio__wxkzdp6:disabled {
  --radioBorderColor__wxkzdp2: var(--color-controlBorderDisabled__1bl7jj114);
  --radioSelectionColor__wxkzdp4: var(--color-controlAccentDisabled__1bl7jj117);
  --radioHoverColor__wxkzdp3: transparent;
  cursor: not-allowed;
}
.RadioGroup_radio__wxkzdp6[aria-checked=true]:disabled {
  --radioBorderColor__wxkzdp2: var(--color-controlAccentDisabled__1bl7jj117);
}
.RadioGroup_indicator__wxkzdp7 {
  width: calc(var(--radioSize__wxkzdp1) - var(--radioInset__wxkzdp5));
  height: calc(var(--radioSize__wxkzdp1) - var(--radioInset__wxkzdp5));
  border-radius: var(--radioSize__wxkzdp1);
  background: var(--color-surface__1bl7jj1g);
  transform: scale(0.5);
  opacity: 0;
  position: absolute;
  transition: var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property: opacity, transform;
  box-shadow: var(--shadow-elevation1__1bl7jj11d);
}
[aria-checked=true] .RadioGroup_indicator__wxkzdp7 {
  transform: none;
  opacity: 1;
}
.RadioGroup_label__wxkzdp8 {
  padding-inline-start: var(--spacing-xs__1bl7jj11k);
  height: 100%;
  cursor: pointer;
  position: relative;
  isolation: isolate;
  min-width: 0;
}
.RadioGroup_label__wxkzdp8::before {
  content: "";
  position: absolute;
  inset: calc(var(--spacing-xxs__1bl7jj11j) * -1);
  z-index: -1;
}
:disabled + .RadioGroup_label__wxkzdp8 {
  cursor: not-allowed;
}

/* vanilla-extract-css-ns:src/global/pieces/SearchInput/SearchInput.css.ts.vanilla.css?source=LlNlYXJjaElucHV0X2NvbnRhaW5lcl9fMmNpdGp4MCB7CiAgd2lkdGg6IDEwMCU7Cn0KLlNlYXJjaElucHV0X2NsZWFyX18yY2l0angxIHsKICB0cmFuc2l0aW9uOiB2YXIoLS1kdXJhdGlvbi1tX18xYmw3amoxMXYpIHZhcigtLWVhc2luZy1mYXN0b3V0U2xvd2luX18xYmw3amoxMXIpOwogIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHksIHRyYW5zZm9ybTsKICBwb2ludGVyLWV2ZW50czogYXV0bzsKICB0cmFuc2Zvcm06IHNjYWxlM2QoMC44LCAwLjgsIDEpOwogIG9wYWNpdHk6IDA7Cn0KLlNlYXJjaElucHV0X2NsZWFyX3Zpc2libGVfdHJ1ZV9fMmNpdGp4MiB7CiAgb3BhY2l0eTogMTsKICB0cmFuc2Zvcm06IG5vbmU7Cn0KQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHsKICAuU2VhcmNoSW5wdXRfY2xlYXJfXzJjaXRqeDEgewogICAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogb3BhY2l0eTsKICAgIHRyYW5zZm9ybTogbm9uZTsKICB9Cn0= */
.SearchInput_container__2citjx0 {
  width: 100%;
}
.SearchInput_clear__2citjx1 {
  transition: var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property: opacity, transform;
  pointer-events: auto;
  transform: scale3d(0.8, 0.8, 1);
  opacity: 0;
}
.SearchInput_clear_visible_true__2citjx2 {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .SearchInput_clear__2citjx1 {
    transition-property: opacity;
    transform: none;
  }
}

/* vanilla-extract-css-ns:src/global/pieces/SegmentedControl/SegmentedControl.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9VYW2/bNhR+z68gChS1tzCQnGZNFexl3cMK7KFYBgzDMBg0eWQzpkiNpBwnQ//7QFISJfkmN92APcUReW7fOTznI6/uYVmAtMA+KGm1EnOqpCVcgp7P04QUz9X6Bv19gRDGXBqw7ddZhmbl9u4CIcZNKchThnIB/oP7ixnXQC1XMkNUiaqQbmVJygxtiJ5gbEpCuVzi7dbM5+lCvHt4SNOH6d3F54urHadU6TSZ1vh33qVSGR4saBDE8g303FlqzrxRzRkmlVU4F+qx604pCAXMLRQmQ8ZqsHQVvzskQNr+CmGMy2UTxACSqduyIHS91KqSrNlFlVAam0rnhMI9UCUZ0U9t1NyLcaNcDC6a8NMHswK+XNmoyMNxz58BF638LAl2lWagsSaMVyZDlAg6CWJh5Re/0OiImC+n6NsD4fhs/EE0J5jLDRGcff/G6gre/InG5ijYzlBabpFRgrMeJlRzyymJ3sxOFIDhzzDfRiPv6to0UBJNrNIfeyFcn6w2X9hUySGmrWS7GAVns1owePVRCi7hU6iM1vTboemOYTE9ntuuk09jEImA3P5/AOlaXp9ApLP1eQwgRWv2/bmA7Hg1Fo/u4r+Nx+D0n8RDtGbJmXjslO1/BUeUT4sTaHT6R3oCDWKeigKs5nSeE2GgtU89LnFWhClhMlRwWZDtJLlEaa4PaOeScerAbNWxwYQiC6NEFZr6I2d2FUdILfqb+9rKh55uNZEmV7rIwk83Fq7ZZCD5M+Qxgen0EiWXqJkJW2xWhLmxV6Pr/8MgYOOnTRpRZmPGV7t9uW/ojJs3TlBAbjOU+CBVeXSeKmtVcWyHh6bGuUWs3s8q7ePsltNmWi8CMa7ScmKsquy9UI9cxm3aKy8VlxY0hg1IazIklfRJfHb4wzZD6amSiO65eu9XHfgy6QYQ9O/TuKisVbIVzeuDHNJjYWtb19/2U+fWdmnHTR3ePg7VLYImYFppo3TWAPKi7DdHOU2S150T0fy7Q+EGhIxC40GPwcXPhynfGAba0jzMfatqBI62rwOdYZi0wKboCugaIpsam8kVkNpqWIaRVrNsAbnSodpaGF+9ujvYo/w5wwuh6LrHJYfnD32DcDqNEg1iyYhe8pPa+GtGiEW+rKEol037VFs2lAjnxdXtsEEM2kIn9dU5bSGqxKVWJWhn2lu9bFzxqbFqDdLMGdHrX1dQxP55fbOHQx/NWxfNgGPBtxMukSCLy7FXjUukl4tJghKUTNFN8npsAeVcG4tVju1TCT23unnHxhJtRxZMnWqrSuymwbGcD4dPuupqCBPiy5SMCl6QMbGDT8yZkWvXCF8c+pdpGRX7yh3SXtDtSUs7J61ywb6gBR6zkwwOHAM/HI6d5JHBMW7IQgA7a5T+WAu1ewJxauajVBYTIdQjsDO9OBj9ES0tjZ87HFuly54uXU9b916zT1dU0siveoiEUor4Jn1Q6o78w2BXOj08XmqPIv+7CZO/IXtJj2LhdLfD76PGv09waGn9ll8Lfh1GeBy/DTd8IaCfDL5zbPYpAQHuQyv1UKcgRjKfb/+6nbHb6wzlXIgzRpmxxA2CWLKpOcL+utQWhVHTT7i747WqSg9KPEpjIzugd+d0PXZeoYa86QW2DpPifcmpe0LQuT7y+tjHrluF3uzXupVUBjQ2IIDayNALssU9Jr23zLTunHNxVuf7MHyuez/d+wB8Hsnu3P/OehT2kXyknVZa7PCkPaxoJ4jwutC/lB984+o/Qhzet5fHHtr++R+Y4yTqhxcAAA== */
.SegmentedControl_container__10amzuk5 {
  --inset__10amzuk2: 2px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs__1bl7jj11j);
}
.SegmentedControl_options__10amzuk6 {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  place-items: stretch;
  place-content: stretch;
  padding: var(--inset__10amzuk2);
  background: var(--color-surfaceSecondary__1bl7jj1i);
  isolation: isolate;
  height: var(--controlSize-m__1bl7jj120);
  border-radius: calc(var(--borderRadius-control__1bl7jj11g) + var(--inset__10amzuk2));
}
[aria-invalid=true] .SegmentedControl_options__10amzuk6 {
  border: 1px solid var(--color-critical__1bl7jj12);
}
.SegmentedControl_options_size_xs__10amzuk7 {
  --separatorInset__10amzuk3: var(--spacing-xxs__1bl7jj11j);
  --iconSize-m__1bl7jj123: var(--iconSize-s__1bl7jj122);
  --optionInlinePadding__10amzuk4: var(--spacing-s__1bl7jj11l);
  height: var(--controlSize-xs__1bl7jj11y);
}
.SegmentedControl_options_size_s__10amzuk8 {
  --separatorInset__10amzuk3: var(--spacing-xxs__1bl7jj11j);
  --iconSize-m__1bl7jj123: var(--iconSize-s__1bl7jj122);
  --optionInlinePadding__10amzuk4: var(--spacing-xs__1bl7jj11k);
  height: var(--controlSize-s__1bl7jj11z);
}
.SegmentedControl_options_size_m__10amzuk9 {
  --separatorInset__10amzuk3: var(--spacing-xs__1bl7jj11k);
  --iconSize-m__1bl7jj123: var(--iconSize-m__1bl7jj123);
  --optionInlinePadding__10amzuk4: var(--spacing-xs__1bl7jj11k);
  height: var(--controlSize-m__1bl7jj120);
}
.SegmentedControl_options_size_l__10amzuka {
  --separatorInset__10amzuk3: var(--spacing-s__1bl7jj11l);
  --iconSize-m__1bl7jj123: var(--iconSize-m__1bl7jj123);
  --optionInlinePadding__10amzuk4: var(--spacing-m__1bl7jj11m);
  height: var(--controlSize-l__1bl7jj121);
}
.SegmentedControl_options_asymmetric_false__10amzukc {
  grid-auto-columns: minmax(0, 1fr);
}
.SegmentedControl_indicator__10amzukd {
  position: absolute;
  width: var(--indicatorWidth__10amzuk0);
  transform: translate3d(var(--indicatorLeft__10amzuk1), 0, 0);
  box-shadow: var(--shadow-elevation1__1bl7jj11d);
  background: var(--color-surface__1bl7jj1g);
  border-radius: var(--borderRadius-control__1bl7jj11g);
  left: 0;
  top: var(--inset__10amzuk2);
  bottom: var(--inset__10amzuk2);
  transition: transform var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  pointer-events: none;
  z-index: 1;
}
.SegmentedControl_indicator_transitioning_false__10amzuke {
  transition: none;
}
.SegmentedControl_button__10amzukf {
  --color-text__1bl7jj14: var(--color-textSecondary__1bl7jj15);
  position: relative;
  background: none;
  cursor: pointer;
  border-radius: var(--borderRadius-control__1bl7jj11g);
  height: 100%;
  width: 100%;
  display: grid;
  place-content: center;
  place-items: center;
  grid-auto-flow: column;
  gap: var(--spacing-xxs__1bl7jj11j);
  padding-inline: var(--optionInlinePadding__10amzuk4);
}
.SegmentedControl_button__10amzukf[aria-checked=true] {
  --color-text__1bl7jj14: var(--color-heading__1bl7jj1e);
}
.SegmentedControl_button__10amzukf::before {
  content: "";
  position: absolute;
  inset-block: calc(var(--inset__10amzuk2) * -1);
  inset-inline: 0;
  background: var(--color-surfaceHover__1bl7jj1n);
  border-radius: var(--borderRadius-control__1bl7jj11g);
  opacity: 0;
  scale: 0.8;
  transition: var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property: scale, opacity;
}
.tokens_darkTheme__1bl7jj135 .SegmentedControl_button__10amzukf::before {
  background: color-mix(in lab, var(--color-surfaceSecondary__1bl7jj1i), rgb(0 0 0) 50%);
}
.SegmentedControl_button__10amzukf:first-of-type::before {
  inset-inline-start: calc(var(--inset__10amzuk2) * -1);
  border-top-left-radius: var(--borderRadius-surface__1bl7jj11h);
  border-bottom-left-radius: var(--borderRadius-surface__1bl7jj11h);
}
.SegmentedControl_button__10amzukf:last-of-type::before {
  inset-inline-end: calc(var(--inset__10amzuk2) * -1);
  border-top-right-radius: var(--borderRadius-surface__1bl7jj11h);
  border-bottom-right-radius: var(--borderRadius-surface__1bl7jj11h);
}
.SegmentedControl_button__10amzukf:hover::before {
  opacity: 1;
  scale: unset;
}
.SegmentedControl_button__10amzukf[aria-checked=true]:hover::before {
  opacity: 0;
  transition-delay: var(--duration-s__1bl7jj11u);
}
.SegmentedControl_button__10amzukf:disabled {
  --color-text__1bl7jj14: var(--color-textDisabled__1bl7jj1d);
  cursor: not-allowed;
}
.SegmentedControl_button__10amzukf:disabled::before {
  opacity: 0;
}
.SegmentedControl_button_separator_true__10amzukg::before {
  right: 1px;
}
.SegmentedControl_separator__10amzukh {
  --color-border__1bl7jj110: var(--color-controlBorder__1bl7jj111);
  position: absolute;
  right: 0;
  top: 50%;
  bottom: 0;
  z-index: -1;
  opacity: 0;
  transform: translateY(-50%);
  transition: opacity var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
}
.SegmentedControl_separator_visible_true__10amzuki {
  opacity: 1;
}
.SegmentedControl_element__10amzukj {
  --transition__xq82d83: fill var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
  position: relative;
  z-index: 1;
  color: var(--color-icon__1bl7jj1p);
}
:disabled .SegmentedControl_element__10amzukj {
  color: var(--color-iconDisabled__1bl7jj1w);
}
[aria-checked=true] .SegmentedControl_element__10amzukj {
  color: var(--color-textSecondary__1bl7jj15);
}
.SegmentedControl_text__10amzukk {
  position: relative;
  z-index: 1;
  transition: color var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  user-select: none;
  max-width: 100%;
}
.SegmentedControl_error__10amzukl {
  --color-text__1bl7jj14: var(--color-textCritical__1bl7jj19);
  display: flex;
  gap: var(--spacing-xxs__1bl7jj11j);
  padding-top: var(--spacing-xxs__1bl7jj11j);
}
.SegmentedControl_errorIcon__10amzukm {
  background: var(--color-surfaceCritical__1bl7jj1m);
  width: var(--iconSize-s__1bl7jj122);
  height: var(--iconSize-s__1bl7jj122);
  border-radius: var(--iconSize-s__1bl7jj122);
}

/* vanilla-extract-css-ns:src/global/pieces/Select/Select.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VXTW/jNhC951fwEiAuzK3kJN1GQS/dbtEFukDQAO2hKAxapCQmFKmSlC3vYv97QVKUKFuy7G57Skxq3gzn483Mm2fCSKrXyv1Zq9dY4t09+HwFAITu9Jl+Iv7mNgFbJG8gTAXXUjBzB8v1Ot6wty8v8SpaPF4BUAlFNRU8AZIwpOmWmFNMVcXQPgG5pPjx6svVm6FyZfQ0yqv67jIjjGBrRbxfTMF36G8vQw/AP02Clx7i+6/y3zg48xAPl4GzHjweAf9Doqoi0kMgC34QKQAQozmHVJNSJSAlXBNpjs011KSsGNIEpoLVJVcJiDMJUK3FtLYCqQ+p4Gst6876jVU9AWngzsCtGEpJIRgmcoCdWuxUMCF7HzEhoSaNfgqEvK82I676wKu6KxE8iMITwpjy3F/eeSWqQinleZg+zFbIRkhMJJQI01r5r93hb/bMx7AXzAPBBMRVA5RgFA+e0wr9aD/qRWMnitLXXIqaYzjiCVXLDKWkE3LqMsF1AigviKT68dCH7vG/I6nW1Djnnbn0TlgtvZxFMp6GNo8SwEimu/yRYpeAuPvpQp6AGHwLoD3WEnHPJ63frBWtEbiWyFyGTq4X7SVByvg/Q0qLWj8zsaO8/0xay9JaKvOmSlCf2KLWjHKSAC645a6C0LzQw3cPSs/xnkuDBESDDw+zYza3kkJsibQZFj44mY71L0agf9hqXkUm0lo5Ff8iL84062ejpDfrdtasP5GkCFK+RYziH0wJ/7UEFwqET5s2U1JNU3RYKmdYiKlCG0bwnGHdd5dH86dWtPfc3SBTMclQzY7rsee0IwQ8+bCDtksuIrYmbLsvp3V0KrLLVAQaXk9r6Bpw/n9p6LpwcZGGvsPH5aSCsaZIrZqWV6DhzdMcdIj8hDjpbH4Zb+7j01rHZad9NaRnYb7S+0NmDp6/PZeZlw44E7L8L+AsqzvrEhB1dhv4xP1rBo5bfBMtQYpYegNj8M3Jty+WwE27JWqg7w/30bawqrZEZkzs4D6ZGFlcZJRGulZrO1EFCfRqI9XZGx/Y67rSPKKpfwfIvgJwkPdlmJAzY84h3q9o0ycjH2T2Rmgtyll2mZ4/mMEezB/R8ogVO7C7xVgVmuJrhcVEqZhR0XI1MXNRPwnvKNZF4jJnuj4BBKuqWYQDxbkSh8a+l7J/ajU13vou1+8A4ZzSeX1VNeGxFtWlFPmR8Npb8/cczWS0IfbIKrLF6JgtClzp9Nsfi6lybR3XLHyo92Nxtbb5smio7qvCNeUtVXRDmS2MgmJMuDPXToOQbAnXaqpE3jNSEt51fTd1uCxRhGVhiowDjoaN2kxs/V1NrtRTxiiNpB60Ed3vVt18fTSAT8ERjgdg9Xh8LZbhOmiILwFO0YntcbKYQv8pLYlOi6P1YDWyP/SDbALM+I4kzM2GRbi+eYgwydueUiFJuAbR9dI5H5a0uaEcMLRZzsy+4MFIBSgLsDInM1JxFF23vULmlNv1bWQN9GvD3CJ47mfR49TwcN5c4jOgQOr5KKe2xzl1Ow3hp+EBxO7UWn7WCGtpMCTuxlXg6Ehj6ablurOWnneH9FmOLe/30bVdlZlAut9tXaShHOyNs2xKzHs+EqVQ3nlpf+yloPGFEoP+F4f795d/AILJreTpEwAA */
.Select_select__sk1rdw5 {
  --selectSize__sk1rdw3: var(--controlSize-m__1bl7jj120);
  position: relative;
  display: grid;
}
.Select_select_size_xs__sk1rdw6 {
  --selectSize__sk1rdw3: var(--controlSize-xs__1bl7jj11y);
}
.Select_select_size_s__sk1rdw7 {
  --selectSize__sk1rdw3: var(--controlSize-s__1bl7jj11z);
}
.Select_select_size_m__sk1rdw8 {
  --selectSize__sk1rdw3: var(--controlSize-m__1bl7jj120);
}
.Select_select_size_l__sk1rdw9 {
  --selectSize__sk1rdw3: var(--controlSize-l__1bl7jj121);
}
.Select_selectWrapper__sk1rdwa {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto;
}
.Select_selectWrapper_hasIcon_true__sk1rdwb {
  grid-template-columns: auto 1fr auto;
}
.Select_selectWrapper_placeholder_true__sk1rdwc {
  color: var(--color-textPlaceholder__1bl7jj1b);
}
.Select_selectInput__sk1rdwd {
  --selectPadding__sk1rdw4: var(--spacing-s__1bl7jj11l);
  border-radius: var(--borderRadius-control__1bl7jj11g);
  border: 1px solid var(--color-controlBorder__1bl7jj111);
  background-color: var(--color-surface__1bl7jj1g);
  font: inherit;
  color: var(--selectVars_inputColor__sk1rdw2, inherit);
  text-align: left;
  grid-row: 1;
  grid-column: 1 / -1;
  transition: border-color var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
  cursor: pointer;
  outline: none;
  height: var(--selectSize__sk1rdw3);
  padding: 0 var(--selectPadding__sk1rdw4);
}
.Select_selectInput__sk1rdwd:hover {
  border-color: var(--color-controlBorderHover__1bl7jj112);
}
.Select_selectInput__sk1rdwd:focus {
  background-color: var(--color-surface__1bl7jj1g);
  border-color: var(--color-controlBorderFocus__1bl7jj113);
}
.Select_selectInput__sk1rdwd[aria-invalid=true],
.Select_selectInput__sk1rdwd[aria-invalid=true]:focus {
  border-color: var(--color-criticalBorder__1bl7jj13);
}
.Select_selectInput__sk1rdwd[disabled],
.Select_selectInput__sk1rdwd[disabled]:hover {
  border-color: var(--color-controlBorderDisabled__1bl7jj114);
  cursor: default;
  color: var(--color-textDisabled__1bl7jj1d);
}
.Select_selectInput_size_xs__sk1rdwe {
  --selectPadding__sk1rdw4: var(--spacing-xxs__1bl7jj11j);
}
.Select_selectInput_size_s__sk1rdwf {
  --selectPadding__sk1rdw4: var(--spacing-xs__1bl7jj11k);
}
.Select_selectInput_size_m__sk1rdwg {
  --selectPadding__sk1rdw4: var(--spacing-xs__1bl7jj11k);
}
.Select_selectInput_size_l__sk1rdwh {
  --selectPadding__sk1rdw4: var(--spacing-m__1bl7jj11m);
}
.Select_selectInput_hasIcon_true__sk1rdwi {
  padding-left: var(--selectSize__sk1rdw3);
}
.Select_selectPanel__sk1rdwj {
  display: grid;
  position: relative;
  padding: var(--spacing-xs__1bl7jj11k);
  transition: opacity var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r), transform var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  opacity: 0;
  transform: translate3d(0, calc(-1 * var(--spacing-xs__1bl7jj11k)), 0);
  max-height: 50vh;
  overflow-y: auto;
}
.Select_selectPanel_status_entering__sk1rdwk {
  opacity: 1;
  transform: none;
}
.Select_selectPanel_status_entered__sk1rdwl {
  opacity: 1;
  transform: none;
}
.Select_selectPanel_size_l__sk1rdwm {
  padding: var(--spacing-s__1bl7jj11l);
}
.Select_selectLabel__sk1rdwn {
  padding-bottom: var(--spacing-xxs__1bl7jj11j);
  color: var(--selectVars_labelColor__sk1rdw0, var(--color-text__1bl7jj14));
}
.Select_selectIcon__sk1rdwo {
  display: grid;
  place-content: center;
  width: calc(var(--selectSize__sk1rdw3) - 2px);
  height: calc(var(--selectSize__sk1rdw3) - 2px);
}
.Select_selectError__sk1rdwp {
  color: var(--color-critical__1bl7jj12);
  padding-bottom: 2px;
  padding-top: var(--spacing-xs__1bl7jj11k);
}
.Select_selectMenu__sk1rdwq {
  display: grid;
  position: fixed;
  top: 0;
  left: 0;
  width: var(--width);
  transform: translate(var(--x), var(--y));
}
.Select_selectMenu_status_exited__sk1rdwr {
  visibility: hidden;
  pointer-events: none;
}
.Select_selectElement__sk1rdws {
  place-self: center;
  pointer-events: none;
  color: var(--color-icon__1bl7jj1p);
  position: relative;
}
.Select_selectElement_start_true__sk1rdwt {
  grid-column: 1;
  grid-row: 1;
}
.Select_selectElement_end_true__sk1rdwu {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  place-content: center;
  place-self: stretch;
  grid-column: 2;
  grid-row: 1;
  background: linear-gradient(90deg, transparent 0%, color-mix(in lab, var(--color-surface__1bl7jj1g) 90%, transparent) 20%, var(--color-surface__1bl7jj1g) 100%);
  margin: 1px;
  border-radius: 0 var(--borderRadius-control__1bl7jj11g) var(--borderRadius-control__1bl7jj11g) 0;
  padding-left: var(--spacing-m__1bl7jj11m);
}
.Select_selectElement_hasStart_true__sk1rdwv {
  grid-column: 3;
}
.Select_selectElement_disabled_true__sk1rdww {
  color: var(--color-textDisabled__1bl7jj1d);
}
.Select_selectErrorIcon__sk1rdwx {
  position: relative;
  top: 2px;
  background-color: var(--color-surfaceCritical__1bl7jj1m);
  border-radius: 50%;
  float: left;
  margin-right: var(--spacing-xs__1bl7jj11k);
}
.Select_errorMessage__sk1rdwy {
  color: var(--selectVars_errorMessageColor__sk1rdw1, inherit);
}

/* vanilla-extract-css-ns:src/global/pieces/Separator/Separator.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WYUW/aSBSF3/MrrL40XZWK8ZBAqFZa7ds+7+NqFRnbAYOxHWMSklX/+wqCZ/CdcTjXYz+1KnS+xDPf8dzz4++4CMqgysvHnfrbY5Kux/FMeP/deF6U7Io0eJt7T2l8+Hnjnf4c7VZlkm3m3vjnza+bH58t8k9QJsEoL5M4q4IqybPfv67yMnnPsypIv/57YpyWjJIyDo9fmHthnu632RH2mkTVau69BOXtaLRL3uN63fF3L9hX+bcu/Je4rJKwlV7mr0f0Kk6Wq8qJPZ8v4qe8jE+YMM+qOKvm3pcvx+UXQbhZlvk+i2pEmKd5OVrkZRSXj49ikU7XayHGnX7Fy0fc+Cnq30oUB7dH11j1vE2fLVoEUZRkyz/TPNw8Hg6HXY3xTyucPx4tjp+rh14E4fEfP75eP5Gk/YkQiGJIhHGBWKMIRZgAhAvABgSo9e+ur3+xfAouv62Xv7++/FYvvwWXT+vlp9eXT/XyGfr01foz4OlfAD5Rl5wgRXhATtAFooARmhFAJlxAnq9C/srSJIsbvommcMnpG67GKY7GSAjDkq6maMgEgbC8OzM04g5AsNQ7E5R74h4gsOw7E9TBElOAwBKw3gmNmCE7wXJQnSkNeYDOFEtDbYjGBJghmInboFwmmeW99+Hhx8e17WGQhrefq+j95o0EitM0idIaRnJgmjUBWQ0xGShNusNIDT8ZIOWof4+BGpoyQOrs+VMM1LCVs0uaNAN3qSEt6/Rp1gN6+hrusmAXtAA2q6EwhLO8UWXD5Dou+lLZfLVKCfP4MhvvWDlBaXyd6ctW3oEsvtD0rSvvQRRfafr6lVMQxZfaeA/LGbpbfK3NF7J8gE8iX2zLm1kGuGktav+xjaMk8G63STY6j63T8bg4fDutfP3CXgWLNK4a/i9O/5U9w3reLx5RAUMMSO7WXJ7CRRCO3LKZNAWLERi5bzNZKgOeEBa5eTNZ6uguERa5g3N3TMFW0I6R2zj7PCpcgp1Hci9n8zRwDRpHbujXiefMsUguqOXo4MyHaiYVHZyi2UhNpK5jIzUXqHlUd2i+5uL0qE2Nh4ZtLk4PklR6aPJm757mUe+xMZx/QjWRqg/O5B1M1ExqPzqgfwK9HCUs8vu1/J2ndS5bo0Mcbb3tM8kaHMFg68Wfx9XYGMVaZwAeVc/3TyjVOg7wqHpQXaJU62TA3FmNXcE7ax0SuGdZgxP8LFvnBbbBGr1mGGwdHa6y2+8OksRHh4qATdfwkAHvliBttwkZ4ehuGdJyrZAxDO6WIi33C/kEc7vlSMtFQy5hbrckabtxyBW+w92ypPXqIRPGue6WJu13ELnmGN2aJ9Y6QvicPiINiiovGnGzGbaPUEQFTAftI2qewm2H7CPONAXLBuwjziwVH/mAfcSZpU5wMWAfUe+Ygj0P2Ueo86hw5aB9hDZOAXcD9xEWyQW1vPc+wvRcUNH77iMM1QV1vec+gtouqO799hFUeEGN77ePoM4LKn2/fYShvaDe99xHmOYLqn7ffYRFfkHt77mPsMjvbxjTjEsfYWaAn+Jolz7CiAJ/C4Nd+giaCH6GYl36CBoMfo5SXfoImg9+gVJd+ggjJvxneGdd+ggzLfwSP8sufYQlNPwdw2CnPsISH3LDmV6c+ggzQGTKgDv1EUaEyC2OduojaIjIDAY79RE0RmQOc536CBoksoC5Tn2EESXyGd9hpz7CDBNZMs61Ux9hiRO54xjN7CPuZ4w+Iop3G5o31bCFhEYq4n7QRkIBFe9lyEqixina64CdRA1TGXIYsJSoYeocvw3YSqhdU7T3IWsJfSr1pDAetJi4UE8jxcDVhM13QYXvvZuwKC+o832XE6b1gmrfczthiC+o+f3WE4b7gsrfbz9h6C+o//0WFGYCCBoBPTcUlhDwaQj0XVHYYsCnMdBzR2FLAb9ijDguJYUlDPw9znZpKcxM8F9gsktNYUSD/4pyXXoKIyH8A4p1KSqMoPDfUKxLU2Hmhf8O765LVWGJDTnGT7RLV2FLDykYJjuVFbYckRVntnFqKyxJIvcMulNdYWaJfMHZTn2FkSbyFSY7FRZGnsgDDHZqLIxEkW8w2KmyMDNFvuO77NRZWFJlMmacbqfSwpYrE8Exu721+B9LnLmbxkIAAA== */
.Separator_separator__ilj0e81 {
  display: flex;
  flex-shrink: 0;
}
.Separator_separator__ilj0e81[aria-orientation=horizontal] {
  flex-direction: column;
  width: var(--size__ilj0e80, auto);
}
.Separator_separator__ilj0e81[aria-orientation=vertical] {
  flex-direction: row;
  height: var(--size__ilj0e80, auto);
}
.Separator_separator__ilj0e81::before {
  content: "";
  background: var(--color-border__1bl7jj110);
}
.Separator_separator__ilj0e81[aria-orientation=horizontal]::before {
  height: 1px;
}
.Separator_separator__ilj0e81[aria-orientation=vertical]::before {
  width: 1px;
}
.Separator_separator_paddingBlock_xxxs__ilj0e82 {
  padding-block: var(--spacing-xxxs__1bl7jj11i);
}
.Separator_separator_paddingBlock_xxs__ilj0e83 {
  padding-block: var(--spacing-xxs__1bl7jj11j);
}
.Separator_separator_paddingBlock_xs__ilj0e84 {
  padding-block: var(--spacing-xs__1bl7jj11k);
}
.Separator_separator_paddingBlock_s__ilj0e85 {
  padding-block: var(--spacing-s__1bl7jj11l);
}
.Separator_separator_paddingBlock_m__ilj0e86 {
  padding-block: var(--spacing-m__1bl7jj11m);
}
.Separator_separator_paddingBlock_l__ilj0e87 {
  padding-block: var(--spacing-l__1bl7jj11n);
}
.Separator_separator_paddingBlock_xl__ilj0e88 {
  padding-block: var(--spacing-xl__1bl7jj11o);
}
.Separator_separator_paddingBlock_xxl__ilj0e89 {
  padding-block: var(--spacing-xxl__1bl7jj11p);
}
.Separator_separator_paddingBlock_xxxl__ilj0e8a {
  padding-block: var(--spacing-xxxl__1bl7jj11q);
}
.Separator_separator_paddingInline_xxxs__ilj0e812 {
  padding-inline: var(--spacing-xxxs__1bl7jj11i);
}
.Separator_separator_paddingInline_xxs__ilj0e813 {
  padding-inline: var(--spacing-xxs__1bl7jj11j);
}
.Separator_separator_paddingInline_xs__ilj0e814 {
  padding-inline: var(--spacing-xs__1bl7jj11k);
}
.Separator_separator_paddingInline_s__ilj0e815 {
  padding-inline: var(--spacing-s__1bl7jj11l);
}
.Separator_separator_paddingInline_m__ilj0e816 {
  padding-inline: var(--spacing-m__1bl7jj11m);
}
.Separator_separator_paddingInline_l__ilj0e817 {
  padding-inline: var(--spacing-l__1bl7jj11n);
}
.Separator_separator_paddingInline_xl__ilj0e818 {
  padding-inline: var(--spacing-xl__1bl7jj11o);
}
.Separator_separator_paddingInline_xxl__ilj0e819 {
  padding-inline: var(--spacing-xxl__1bl7jj11p);
}
.Separator_separator_paddingInline_xxxl__ilj0e81a {
  padding-inline: var(--spacing-xxxl__1bl7jj11q);
}
.Separator_separator_marginBlock_xxxs__ilj0e822 {
  margin-block: calc(var(--spacing-xxxs__1bl7jj11i) * -1);
}
.Separator_separator_marginBlock_xxs__ilj0e823 {
  margin-block: calc(var(--spacing-xxs__1bl7jj11j) * -1);
}
.Separator_separator_marginBlock_xs__ilj0e824 {
  margin-block: calc(var(--spacing-xs__1bl7jj11k) * -1);
}
.Separator_separator_marginBlock_s__ilj0e825 {
  margin-block: calc(var(--spacing-s__1bl7jj11l) * -1);
}
.Separator_separator_marginBlock_m__ilj0e826 {
  margin-block: calc(var(--spacing-m__1bl7jj11m) * -1);
}
.Separator_separator_marginBlock_l__ilj0e827 {
  margin-block: calc(var(--spacing-l__1bl7jj11n) * -1);
}
.Separator_separator_marginBlock_xl__ilj0e828 {
  margin-block: calc(var(--spacing-xl__1bl7jj11o) * -1);
}
.Separator_separator_marginBlock_xxl__ilj0e829 {
  margin-block: calc(var(--spacing-xxl__1bl7jj11p) * -1);
}
.Separator_separator_marginBlock_xxxl__ilj0e82a {
  margin-block: calc(var(--spacing-xxxl__1bl7jj11q) * -1);
}
.Separator_separator_marginInline_xxxs__ilj0e832 {
  margin-inline: calc(var(--spacing-xxxs__1bl7jj11i) * -1);
}
.Separator_separator_marginInline_xxs__ilj0e833 {
  margin-inline: calc(var(--spacing-xxs__1bl7jj11j) * -1);
}
.Separator_separator_marginInline_xs__ilj0e834 {
  margin-inline: calc(var(--spacing-xs__1bl7jj11k) * -1);
}
.Separator_separator_marginInline_s__ilj0e835 {
  margin-inline: calc(var(--spacing-s__1bl7jj11l) * -1);
}
.Separator_separator_marginInline_m__ilj0e836 {
  margin-inline: calc(var(--spacing-m__1bl7jj11m) * -1);
}
.Separator_separator_marginInline_l__ilj0e837 {
  margin-inline: calc(var(--spacing-l__1bl7jj11n) * -1);
}
.Separator_separator_marginInline_xl__ilj0e838 {
  margin-inline: calc(var(--spacing-xl__1bl7jj11o) * -1);
}
.Separator_separator_marginInline_xxl__ilj0e839 {
  margin-inline: calc(var(--spacing-xxl__1bl7jj11p) * -1);
}
.Separator_separator_marginInline_xxxl__ilj0e83a {
  margin-inline: calc(var(--spacing-xxxl__1bl7jj11q) * -1);
}
@media (min-width: 700px) {
  .Separator_separator_paddingBlock_tablet_xxxs__ilj0e8b {
    padding-block: var(--spacing-xxxs__1bl7jj11i);
  }
  .Separator_separator_paddingBlock_tablet_xxs__ilj0e8c {
    padding-block: var(--spacing-xxs__1bl7jj11j);
  }
  .Separator_separator_paddingBlock_tablet_xs__ilj0e8d {
    padding-block: var(--spacing-xs__1bl7jj11k);
  }
  .Separator_separator_paddingBlock_tablet_s__ilj0e8e {
    padding-block: var(--spacing-s__1bl7jj11l);
  }
  .Separator_separator_paddingBlock_tablet_m__ilj0e8f {
    padding-block: var(--spacing-m__1bl7jj11m);
  }
  .Separator_separator_paddingBlock_tablet_l__ilj0e8g {
    padding-block: var(--spacing-l__1bl7jj11n);
  }
  .Separator_separator_paddingBlock_tablet_xl__ilj0e8h {
    padding-block: var(--spacing-xl__1bl7jj11o);
  }
  .Separator_separator_paddingBlock_tablet_xxl__ilj0e8i {
    padding-block: var(--spacing-xxl__1bl7jj11p);
  }
  .Separator_separator_paddingBlock_tablet_xxxl__ilj0e8j {
    padding-block: var(--spacing-xxxl__1bl7jj11q);
  }
  .Separator_separator_paddingInline_tablet_xxxs__ilj0e81b {
    padding-inline: var(--spacing-xxxs__1bl7jj11i);
  }
  .Separator_separator_paddingInline_tablet_xxs__ilj0e81c {
    padding-inline: var(--spacing-xxs__1bl7jj11j);
  }
  .Separator_separator_paddingInline_tablet_xs__ilj0e81d {
    padding-inline: var(--spacing-xs__1bl7jj11k);
  }
  .Separator_separator_paddingInline_tablet_s__ilj0e81e {
    padding-inline: var(--spacing-s__1bl7jj11l);
  }
  .Separator_separator_paddingInline_tablet_m__ilj0e81f {
    padding-inline: var(--spacing-m__1bl7jj11m);
  }
  .Separator_separator_paddingInline_tablet_l__ilj0e81g {
    padding-inline: var(--spacing-l__1bl7jj11n);
  }
  .Separator_separator_paddingInline_tablet_xl__ilj0e81h {
    padding-inline: var(--spacing-xl__1bl7jj11o);
  }
  .Separator_separator_paddingInline_tablet_xxl__ilj0e81i {
    padding-inline: var(--spacing-xxl__1bl7jj11p);
  }
  .Separator_separator_paddingInline_tablet_xxxl__ilj0e81j {
    padding-inline: var(--spacing-xxxl__1bl7jj11q);
  }
  .Separator_separator_marginBlock_tablet_xxxs__ilj0e82b {
    margin-block: calc(var(--spacing-xxxs__1bl7jj11i) * -1);
  }
  .Separator_separator_marginBlock_tablet_xxs__ilj0e82c {
    margin-block: calc(var(--spacing-xxs__1bl7jj11j) * -1);
  }
  .Separator_separator_marginBlock_tablet_xs__ilj0e82d {
    margin-block: calc(var(--spacing-xs__1bl7jj11k) * -1);
  }
  .Separator_separator_marginBlock_tablet_s__ilj0e82e {
    margin-block: calc(var(--spacing-s__1bl7jj11l) * -1);
  }
  .Separator_separator_marginBlock_tablet_m__ilj0e82f {
    margin-block: calc(var(--spacing-m__1bl7jj11m) * -1);
  }
  .Separator_separator_marginBlock_tablet_l__ilj0e82g {
    margin-block: calc(var(--spacing-l__1bl7jj11n) * -1);
  }
  .Separator_separator_marginBlock_tablet_xl__ilj0e82h {
    margin-block: calc(var(--spacing-xl__1bl7jj11o) * -1);
  }
  .Separator_separator_marginBlock_tablet_xxl__ilj0e82i {
    margin-block: calc(var(--spacing-xxl__1bl7jj11p) * -1);
  }
  .Separator_separator_marginBlock_tablet_xxxl__ilj0e82j {
    margin-block: calc(var(--spacing-xxxl__1bl7jj11q) * -1);
  }
  .Separator_separator_marginInline_tablet_xxxs__ilj0e83b {
    margin-inline: calc(var(--spacing-xxxs__1bl7jj11i) * -1);
  }
  .Separator_separator_marginInline_tablet_xxs__ilj0e83c {
    margin-inline: calc(var(--spacing-xxs__1bl7jj11j) * -1);
  }
  .Separator_separator_marginInline_tablet_xs__ilj0e83d {
    margin-inline: calc(var(--spacing-xs__1bl7jj11k) * -1);
  }
  .Separator_separator_marginInline_tablet_s__ilj0e83e {
    margin-inline: calc(var(--spacing-s__1bl7jj11l) * -1);
  }
  .Separator_separator_marginInline_tablet_m__ilj0e83f {
    margin-inline: calc(var(--spacing-m__1bl7jj11m) * -1);
  }
  .Separator_separator_marginInline_tablet_l__ilj0e83g {
    margin-inline: calc(var(--spacing-l__1bl7jj11n) * -1);
  }
  .Separator_separator_marginInline_tablet_xl__ilj0e83h {
    margin-inline: calc(var(--spacing-xl__1bl7jj11o) * -1);
  }
  .Separator_separator_marginInline_tablet_xxl__ilj0e83i {
    margin-inline: calc(var(--spacing-xxl__1bl7jj11p) * -1);
  }
  .Separator_separator_marginInline_tablet_xxxl__ilj0e83j {
    margin-inline: calc(var(--spacing-xxxl__1bl7jj11q) * -1);
  }
}
@media (min-width: 1200px) {
  .Separator_separator_paddingBlock_laptop_xxxs__ilj0e8k {
    padding-block: var(--spacing-xxxs__1bl7jj11i);
  }
  .Separator_separator_paddingBlock_laptop_xxs__ilj0e8l {
    padding-block: var(--spacing-xxs__1bl7jj11j);
  }
  .Separator_separator_paddingBlock_laptop_xs__ilj0e8m {
    padding-block: var(--spacing-xs__1bl7jj11k);
  }
  .Separator_separator_paddingBlock_laptop_s__ilj0e8n {
    padding-block: var(--spacing-s__1bl7jj11l);
  }
  .Separator_separator_paddingBlock_laptop_m__ilj0e8o {
    padding-block: var(--spacing-m__1bl7jj11m);
  }
  .Separator_separator_paddingBlock_laptop_l__ilj0e8p {
    padding-block: var(--spacing-l__1bl7jj11n);
  }
  .Separator_separator_paddingBlock_laptop_xl__ilj0e8q {
    padding-block: var(--spacing-xl__1bl7jj11o);
  }
  .Separator_separator_paddingBlock_laptop_xxl__ilj0e8r {
    padding-block: var(--spacing-xxl__1bl7jj11p);
  }
  .Separator_separator_paddingBlock_laptop_xxxl__ilj0e8s {
    padding-block: var(--spacing-xxxl__1bl7jj11q);
  }
  .Separator_separator_paddingInline_laptop_xxxs__ilj0e81k {
    padding-inline: var(--spacing-xxxs__1bl7jj11i);
  }
  .Separator_separator_paddingInline_laptop_xxs__ilj0e81l {
    padding-inline: var(--spacing-xxs__1bl7jj11j);
  }
  .Separator_separator_paddingInline_laptop_xs__ilj0e81m {
    padding-inline: var(--spacing-xs__1bl7jj11k);
  }
  .Separator_separator_paddingInline_laptop_s__ilj0e81n {
    padding-inline: var(--spacing-s__1bl7jj11l);
  }
  .Separator_separator_paddingInline_laptop_m__ilj0e81o {
    padding-inline: var(--spacing-m__1bl7jj11m);
  }
  .Separator_separator_paddingInline_laptop_l__ilj0e81p {
    padding-inline: var(--spacing-l__1bl7jj11n);
  }
  .Separator_separator_paddingInline_laptop_xl__ilj0e81q {
    padding-inline: var(--spacing-xl__1bl7jj11o);
  }
  .Separator_separator_paddingInline_laptop_xxl__ilj0e81r {
    padding-inline: var(--spacing-xxl__1bl7jj11p);
  }
  .Separator_separator_paddingInline_laptop_xxxl__ilj0e81s {
    padding-inline: var(--spacing-xxxl__1bl7jj11q);
  }
  .Separator_separator_marginBlock_laptop_xxxs__ilj0e82k {
    margin-block: calc(var(--spacing-xxxs__1bl7jj11i) * -1);
  }
  .Separator_separator_marginBlock_laptop_xxs__ilj0e82l {
    margin-block: calc(var(--spacing-xxs__1bl7jj11j) * -1);
  }
  .Separator_separator_marginBlock_laptop_xs__ilj0e82m {
    margin-block: calc(var(--spacing-xs__1bl7jj11k) * -1);
  }
  .Separator_separator_marginBlock_laptop_s__ilj0e82n {
    margin-block: calc(var(--spacing-s__1bl7jj11l) * -1);
  }
  .Separator_separator_marginBlock_laptop_m__ilj0e82o {
    margin-block: calc(var(--spacing-m__1bl7jj11m) * -1);
  }
  .Separator_separator_marginBlock_laptop_l__ilj0e82p {
    margin-block: calc(var(--spacing-l__1bl7jj11n) * -1);
  }
  .Separator_separator_marginBlock_laptop_xl__ilj0e82q {
    margin-block: calc(var(--spacing-xl__1bl7jj11o) * -1);
  }
  .Separator_separator_marginBlock_laptop_xxl__ilj0e82r {
    margin-block: calc(var(--spacing-xxl__1bl7jj11p) * -1);
  }
  .Separator_separator_marginBlock_laptop_xxxl__ilj0e82s {
    margin-block: calc(var(--spacing-xxxl__1bl7jj11q) * -1);
  }
  .Separator_separator_marginInline_laptop_xxxs__ilj0e83k {
    margin-inline: calc(var(--spacing-xxxs__1bl7jj11i) * -1);
  }
  .Separator_separator_marginInline_laptop_xxs__ilj0e83l {
    margin-inline: calc(var(--spacing-xxs__1bl7jj11j) * -1);
  }
  .Separator_separator_marginInline_laptop_xs__ilj0e83m {
    margin-inline: calc(var(--spacing-xs__1bl7jj11k) * -1);
  }
  .Separator_separator_marginInline_laptop_s__ilj0e83n {
    margin-inline: calc(var(--spacing-s__1bl7jj11l) * -1);
  }
  .Separator_separator_marginInline_laptop_m__ilj0e83o {
    margin-inline: calc(var(--spacing-m__1bl7jj11m) * -1);
  }
  .Separator_separator_marginInline_laptop_l__ilj0e83p {
    margin-inline: calc(var(--spacing-l__1bl7jj11n) * -1);
  }
  .Separator_separator_marginInline_laptop_xl__ilj0e83q {
    margin-inline: calc(var(--spacing-xl__1bl7jj11o) * -1);
  }
  .Separator_separator_marginInline_laptop_xxl__ilj0e83r {
    margin-inline: calc(var(--spacing-xxl__1bl7jj11p) * -1);
  }
  .Separator_separator_marginInline_laptop_xxxl__ilj0e83s {
    margin-inline: calc(var(--spacing-xxxl__1bl7jj11q) * -1);
  }
}
@media (min-width: 1680px) {
  .Separator_separator_paddingBlock_desktop_xxxs__ilj0e8t {
    padding-block: var(--spacing-xxxs__1bl7jj11i);
  }
  .Separator_separator_paddingBlock_desktop_xxs__ilj0e8u {
    padding-block: var(--spacing-xxs__1bl7jj11j);
  }
  .Separator_separator_paddingBlock_desktop_xs__ilj0e8v {
    padding-block: var(--spacing-xs__1bl7jj11k);
  }
  .Separator_separator_paddingBlock_desktop_s__ilj0e8w {
    padding-block: var(--spacing-s__1bl7jj11l);
  }
  .Separator_separator_paddingBlock_desktop_m__ilj0e8x {
    padding-block: var(--spacing-m__1bl7jj11m);
  }
  .Separator_separator_paddingBlock_desktop_l__ilj0e8y {
    padding-block: var(--spacing-l__1bl7jj11n);
  }
  .Separator_separator_paddingBlock_desktop_xl__ilj0e8z {
    padding-block: var(--spacing-xl__1bl7jj11o);
  }
  .Separator_separator_paddingBlock_desktop_xxl__ilj0e810 {
    padding-block: var(--spacing-xxl__1bl7jj11p);
  }
  .Separator_separator_paddingBlock_desktop_xxxl__ilj0e811 {
    padding-block: var(--spacing-xxxl__1bl7jj11q);
  }
  .Separator_separator_paddingInline_desktop_xxxs__ilj0e81t {
    padding-inline: var(--spacing-xxxs__1bl7jj11i);
  }
  .Separator_separator_paddingInline_desktop_xxs__ilj0e81u {
    padding-inline: var(--spacing-xxs__1bl7jj11j);
  }
  .Separator_separator_paddingInline_desktop_xs__ilj0e81v {
    padding-inline: var(--spacing-xs__1bl7jj11k);
  }
  .Separator_separator_paddingInline_desktop_s__ilj0e81w {
    padding-inline: var(--spacing-s__1bl7jj11l);
  }
  .Separator_separator_paddingInline_desktop_m__ilj0e81x {
    padding-inline: var(--spacing-m__1bl7jj11m);
  }
  .Separator_separator_paddingInline_desktop_l__ilj0e81y {
    padding-inline: var(--spacing-l__1bl7jj11n);
  }
  .Separator_separator_paddingInline_desktop_xl__ilj0e81z {
    padding-inline: var(--spacing-xl__1bl7jj11o);
  }
  .Separator_separator_paddingInline_desktop_xxl__ilj0e820 {
    padding-inline: var(--spacing-xxl__1bl7jj11p);
  }
  .Separator_separator_paddingInline_desktop_xxxl__ilj0e821 {
    padding-inline: var(--spacing-xxxl__1bl7jj11q);
  }
  .Separator_separator_marginBlock_desktop_xxxs__ilj0e82t {
    margin-block: calc(var(--spacing-xxxs__1bl7jj11i) * -1);
  }
  .Separator_separator_marginBlock_desktop_xxs__ilj0e82u {
    margin-block: calc(var(--spacing-xxs__1bl7jj11j) * -1);
  }
  .Separator_separator_marginBlock_desktop_xs__ilj0e82v {
    margin-block: calc(var(--spacing-xs__1bl7jj11k) * -1);
  }
  .Separator_separator_marginBlock_desktop_s__ilj0e82w {
    margin-block: calc(var(--spacing-s__1bl7jj11l) * -1);
  }
  .Separator_separator_marginBlock_desktop_m__ilj0e82x {
    margin-block: calc(var(--spacing-m__1bl7jj11m) * -1);
  }
  .Separator_separator_marginBlock_desktop_l__ilj0e82y {
    margin-block: calc(var(--spacing-l__1bl7jj11n) * -1);
  }
  .Separator_separator_marginBlock_desktop_xl__ilj0e82z {
    margin-block: calc(var(--spacing-xl__1bl7jj11o) * -1);
  }
  .Separator_separator_marginBlock_desktop_xxl__ilj0e830 {
    margin-block: calc(var(--spacing-xxl__1bl7jj11p) * -1);
  }
  .Separator_separator_marginBlock_desktop_xxxl__ilj0e831 {
    margin-block: calc(var(--spacing-xxxl__1bl7jj11q) * -1);
  }
  .Separator_separator_marginInline_desktop_xxxs__ilj0e83t {
    margin-inline: calc(var(--spacing-xxxs__1bl7jj11i) * -1);
  }
  .Separator_separator_marginInline_desktop_xxs__ilj0e83u {
    margin-inline: calc(var(--spacing-xxs__1bl7jj11j) * -1);
  }
  .Separator_separator_marginInline_desktop_xs__ilj0e83v {
    margin-inline: calc(var(--spacing-xs__1bl7jj11k) * -1);
  }
  .Separator_separator_marginInline_desktop_s__ilj0e83w {
    margin-inline: calc(var(--spacing-s__1bl7jj11l) * -1);
  }
  .Separator_separator_marginInline_desktop_m__ilj0e83x {
    margin-inline: calc(var(--spacing-m__1bl7jj11m) * -1);
  }
  .Separator_separator_marginInline_desktop_l__ilj0e83y {
    margin-inline: calc(var(--spacing-l__1bl7jj11n) * -1);
  }
  .Separator_separator_marginInline_desktop_xl__ilj0e83z {
    margin-inline: calc(var(--spacing-xl__1bl7jj11o) * -1);
  }
  .Separator_separator_marginInline_desktop_xxl__ilj0e840 {
    margin-inline: calc(var(--spacing-xxl__1bl7jj11p) * -1);
  }
  .Separator_separator_marginInline_desktop_xxxl__ilj0e841 {
    margin-inline: calc(var(--spacing-xxxl__1bl7jj11q) * -1);
  }
}

/* vanilla-extract-css-ns:src/global/pieces/Slider/Slider.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1YyW7bMBC95yt4CSC1oWulcQIwpy6Hnhug12BE0TJjmhRIykuK/ntBarEUS4rt6FCguTgOOXycebPSkwfBE6YfqZIWuGT68TGyRprlaoZ+XyCEsV3kq/iBP7N6JyIous2298W2Brr8wXi6sLXANUE31X6mVaqZMd+UUHvwzwStQQcYU7eM3e1aiS+UMulgYnH39BRFs7BxRxvgphPgq9KJN6EEiDzAhid2QVA0nV7eX/y5mJQmm+JPhXjbt+55WIFOuSRo6gAhyxhokJQRJJVkbi0Guky1ymVCkNUgTQaaSeu2Fp6dSuEOPr2WNNdGaYIyxaVl+hxNScINxIIlpetO5/57CbCn8O48HxwC3bSslMpiEEJtWHKWpQSv1DPWIFNWqOZNbjpBcMlA41RDwpm0gVVIOz9clUr3kBOi6eWrIhQEDYK2UL0/DdEHF2zu8zIMK7AuAsdEcuHtKY69A7CzOzekeeZlmoYd0dkjd5aLNixecouLHaxzKV1MvPvrX/VXI6VckfIuKovncO06rsIVNRRblZEWj13y6BO6dmziCH1EwZCtheQAkz3aNGNvOHwK6C02C0jUppIu/sNMsDVYrmS0L3VJQ5uBluHbBHdny5YxV3pVoie59qjY7GHzsNxkYLhM8RyMVbl9EGrD5V5Mj5Ou7yHw34XAQq2ZPqwDV+hkJKCWr9koUHNFc4PX3PBYdCD6CK2pI8hQECyIJmcWwYqCjlx4Cw3jwL2koi9hx6eji/RqlEs1xGNzPc4FfVF4gB5zmb7thmNsOPuWaqwfMUFryEGOGoFUVazKIC4XTHM7jj3jpMehTUckyBF20Vy7p9wvEPm+g9x5oExV1Rtio0Rui6pet7fqfeRfRq4D4W2jmu+K9uZbhWBzWx46ZcZEGA2JYjSdzNyJ/kYYhvdtRvxXAZYFeOZm64YhJgPq2s62acVTaUVPSy0ehybXc6CsPpV66QySxOFx6ab/uq1WtzQuWbbkY6Ho8kC8rdSbWvaLAaJY/OnXKm/uD6YdA1C/y51swk0mYEfQXDD/OwkInkrMLVsZgtxD3P0AgJByptldOUA0h4Vy54RRwViQCejGi9wM9oR2t0Ef0XA69OdrkeWvAvh8qg2OnGqxSnZkASbohZbKBnXeh2Xiu3jsqb1/AT8sXsrvEgAA */
.Slider_container__1tsnskm5 {
  --thumbSize__1tsnskm1: 16px;
  --trackHeight__1tsnskm2: 4px;
  --progressColor__1tsnskm3: var(--color-controlAccent__1bl7jj115);
  --trackColor__1tsnskm4: var(--color-controlBorder__1bl7jj111);
  width: 100%;
}
.Slider_slider__1tsnskm6.Slider_slider__1tsnskm6 {
  margin: 0;
  appearance: none;
  background: transparent;
  height: var(--thumbSize__1tsnskm1);
  cursor: pointer;
}
.Slider_slider__1tsnskm6.Slider_slider__1tsnskm6:disabled {
  --progressColor__1tsnskm3: var(--color-controlAccentDisabled__1bl7jj117);
  --trackColor__1tsnskm4: var(--color-controlBorderDisabled__1bl7jj114);
  cursor: not-allowed;
}
.Slider_slider__1tsnskm6.Slider_slider__1tsnskm6::-moz-range-track {
  background: linear-gradient(to right, var(--progressColor__1tsnskm3) 0%, var(--progressColor__1tsnskm3) calc((var(--progress__1tsnskm0) * 100 * 1%)), var(--trackColor__1tsnskm4) calc((var(--progress__1tsnskm0) * 100 * 1%)), var(--trackColor__1tsnskm4) 100%);
  border-radius: var(--trackHeight__1tsnskm2);
  height: var(--trackHeight__1tsnskm2);
}
.Slider_slider__1tsnskm6.Slider_slider__1tsnskm6::-webkit-slider-runnable-track {
  background: linear-gradient(to right, var(--progressColor__1tsnskm3) 0%, var(--progressColor__1tsnskm3) calc((var(--progress__1tsnskm0) * 100 * 1%)), var(--trackColor__1tsnskm4) calc((var(--progress__1tsnskm0) * 100 * 1%)), var(--trackColor__1tsnskm4) 100%);
  border-radius: var(--trackHeight__1tsnskm2);
  height: var(--trackHeight__1tsnskm2);
}
.Slider_slider__1tsnskm6.Slider_slider__1tsnskm6::-moz-range-thumb {
  width: var(--thumbSize__1tsnskm1);
  height: var(--thumbSize__1tsnskm1);
  margin-top: calc((var(--thumbSize__1tsnskm1) / 2) * -1 + (var(--trackHeight__1tsnskm2) / 2));
  border-radius: var(--thumbSize__1tsnskm1);
  background: var(--progressColor__1tsnskm3);
  box-shadow: var(--shadow-elevation1__1bl7jj11d);
  border: 0;
  appearance: none;
  transition: transform var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
}
.Slider_slider__1tsnskm6.Slider_slider__1tsnskm6::-webkit-slider-thumb {
  width: var(--thumbSize__1tsnskm1);
  height: var(--thumbSize__1tsnskm1);
  margin-top: calc((var(--thumbSize__1tsnskm1) / 2) * -1 + (var(--trackHeight__1tsnskm2) / 2));
  border-radius: var(--thumbSize__1tsnskm1);
  background: var(--progressColor__1tsnskm3);
  box-shadow: var(--shadow-elevation1__1bl7jj11d);
  border: 0;
  appearance: none;
  transition: transform var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
}
.Slider_slider__1tsnskm6.Slider_slider__1tsnskm6:hover::-moz-range-thumb,
.Slider_slider__1tsnskm6.Slider_slider__1tsnskm6:active::-moz-range-thumb,
.Slider_slider__1tsnskm6.Slider_slider__1tsnskm6:focus-visible::-moz-range-thumb {
  transform: scale(1.2);
}
.Slider_slider__1tsnskm6.Slider_slider__1tsnskm6:hover::-webkit-slider-thumb,
.Slider_slider__1tsnskm6.Slider_slider__1tsnskm6:active::-webkit-slider-thumb,
.Slider_slider__1tsnskm6.Slider_slider__1tsnskm6:focus-visible::-webkit-slider-thumb {
  transform: scale(1.2);
}
.Slider_slider__1tsnskm6.Slider_slider__1tsnskm6:hover::-moz-range-thumb {
  cursor: grab;
}
.Slider_slider__1tsnskm6.Slider_slider__1tsnskm6:hover::-webkit-slider-thumb {
  cursor: grab;
}
.Slider_slider__1tsnskm6.Slider_slider__1tsnskm6:active::-moz-range-thumb {
  cursor: grabbing;
}
.Slider_slider__1tsnskm6.Slider_slider__1tsnskm6:active::-webkit-slider-thumb {
  cursor: grabbing;
}
.Slider_slider__1tsnskm6.Slider_slider__1tsnskm6:disabled:hover::-moz-range-thumb,
.Slider_slider__1tsnskm6.Slider_slider__1tsnskm6:disabled:active::-moz-range-thumb {
  transform: none;
  cursor: inherit;
}
.Slider_slider__1tsnskm6.Slider_slider__1tsnskm6:disabled:hover::-webkit-slider-thumb,
.Slider_slider__1tsnskm6.Slider_slider__1tsnskm6:disabled:active::-webkit-slider-thumb {
  transform: none;
  cursor: inherit;
}
.Slider_currentValue__1tsnskm7 {
  position: absolute;
  top: calc(var(--controlSize-xs__1bl7jj11y) * -1);
  left: calc(calc((var(--progress__1tsnskm0) * 100 * 1%)) - ((var(--progress__1tsnskm0) - 0.5) * var(--thumbSize__1tsnskm1)));
  transform: translate(-50%, calc(var(--spacing-xxs__1bl7jj11j) * -1));
  background: var(--color-surface__1bl7jj1g);
  padding-inline: var(--spacing-xs__1bl7jj11k);
  padding-block: var(--spacing-xxs__1bl7jj11j);
  box-shadow: var(--shadow-elevation1__1bl7jj11d);
  border-radius: var(--borderRadius-control__1bl7jj11g);
  height: var(--controlSize-xs__1bl7jj11y);
  display: flex;
  align-items: center;
  opacity: 0;
  transition: opacity var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
}
.Slider_slider__1tsnskm6:focus-visible + .Slider_currentValue__1tsnskm7,
.Slider_slider__1tsnskm6:hover + .Slider_currentValue__1tsnskm7 {
  opacity: 1;
}
body:has(.Slider_slider__1tsnskm6:not(:disabled):active) * {
  cursor: grabbing;
}

/* vanilla-extract-css-ns:src/global/pieces/Stack/Stack.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62aT3PiRhBH7/4UHHerwpb1D2zvJdmqHFKVU5JTLi4ZBBYWAoMw2Kn97ikkwTQ9rZmfTF+2KrF47Z3pF+0+59vfVTp5edzWvz4G+6dpsLgNBv/dDAbTfLsu0veHwazIDt9vBoOPYV5Os8PD4C3dfBkO68/8+8fxX50/efvLYFdus+rr95ufN98oe51Op3k5fzwcDtvz42E9qP3SmbtOJ3k5H7ZPPhXjxSIIchfSECM3kQAXDqDhxU4ewb104wwtcdEIrOiGLc+wkQu2NLBlN6w4w8YuWGFgpePUDO3OeWoEt3LdquHdu2+VANfOzTPE1LN5BPnaifxntb7c5+BioYfVav3ZpW7QhBz5ydBy12DCjb1caMmPWEJNfFRo2Y9Qs+/ByAeFlv4INXsQjH1QaPnrUyXUO++pQhI0W0C49/4tgGRoN5eQU2BzISn+yufPFfvP/KUWm+MTnxXjhCf0CKFDcrRwwo4BNiRIgybkxE+GJGnARpNw5AdDojRgsyLh2A+GZGlPmZDvgFOGhDltB2HfI9sBSXPebEJPoc2GxPmxqqrV8tKc6NKcp/qRz6pzHkD4EcSH5DnhCT1G6JA+LZywE4ANCdSijUHRCEBDCrVosy/RGEBDEp1Om7DvkNOGNDpvCqHfQ5sCiWQ2nfBTbNMhlf7MZuwVFF+KVGSzT7+BWjhhRwAbUqhBE3LsJ0P61GDCTbxcSJ0aa8SJR14spE2NNasRj71YSJnmdAn3zn+6kC7tRhDyPbARkCqnTSbsFNlktybzlP3FJWn0mKf9/8LSsAgq6ka5JahJBBR3gtw7f+QQTNKFca/4kWJWOxl1UdwbfaSYu0vGXRT3AtcnQzB3nSfj3tfmrgjovvuu3OvZbhBBpY4Ncm/jYret8tn78Z82lckbzUq2XxxOVmWVldXDoH6qkzHJyirbGEgkQ5rHOilZOTWIWEZk5bT7d7JOJ9mPrNpnWWlAScdv6Pjw8Kl52o38bbPa0W9t5CKm9cNu4O9vWVm8G+DYBczqhy1gWuTzkl9es6H1l4Z5lS23TUYcyrfXIPjd3duMjntrPn9xa2nHNyBd2zTfZJMqX5WPz6tN/rEqq9Qs9uipJtUfPj/4MNis9g7OW7ap8gmlTETKZFXslval7zfp+rHa7DLz+an5/PGrD4Pjr9YHN1mRVvlbxj48a14Zq23efvPtY8fP/7rMpnk6+LLMy+E+n1bPD4Px7e368LX+jFjSqvSpyNgfsJpT6hFzB4OfXr7BT3x49moB6AY+9cDZ68bPNujMjWavID/ZvJFmbjJ7LfnJZlfnbjJ7VQEnbdDPnpNmry9kRww89+0Ie6UhdIJfeDecvea6+cf8JkkUMIuwggzOIWMmyBjYKDqFDJkCQ2CzyAwyIvOPgA0jE0hznvknwKaRCSS8zv0TYOPoTZARz8BNwOZd7BQZkiM7BRt4aQgZs4AMgU1smp7kYshdBLM1PIuM4j5iDRudRAZxJ6GgDc4hY7iXSN0Gp5DQzd1EUjc4hRRe7ifSvdGbIWO4o1AEh3eNDOKeYkUcN4iM4q6Cebx7VhsOJV0jrivayvFpZBgXFgzn8CwyiiuLVXR0EhnEpYWSOjqH1HWuLdTX0TkkKHNxodgO3xAZxNXFyju+d2QUlxfM8D2MIsO4vmiT755W10zJ3pjbiwV6dBIZxM2Faj04h4zh1iLpHptChnBjgY6PzSBJn9sKRH1sBina3FSg8IM3QoZwS5Hcj+4XGcMNhdo/bAwZxO3EfhAgTDqmXMnJ5OQk9FMBH5hwJy6u3zyKJdSpg+oXjUAJM+tm+r0iSPJzhFk30q8RQZLyPu9G+q2hp0mYz47T9EtycfOEmrtu3u/E5aYS7sK5qYICYvYMQk/3LNJ1xf+XvxfF7nnmG3yh1z1PdANfqnXPlm3QpVb3bMnGoJVW92zJZo3WWt3zdNIG/arWPc87YuAbve5pNtzgt7rdU5IoYBZpdE9BpqBAxvTqnrZUwRIY0qt7WnIFpX9Er+5pSRas/BN6dU9LtmDtn9Cre9rSBa/ATfTqnoJ8wQbZqV7dU5Iw2EKG9Oyekoshd1Gpewo+htxHne5pOxlyJ1W6p+VlyL3U6J6WmyF3U6N7Wn6G3E+N7mk7GnJHVbqn4GnIPdXpnpKrIXdVq3tKukZcV7XuKQgbcWG1uqetbMSVVeqelrQRl1ane1raRlxbne5piRtxcXW6p61uxNVV6p6CvBGXV6t7SvpGXF+l7inZG3N7VbqnYG7MzdXonra1MbdWoXtaxsbc2Ou7p2VrzG29vntapsbc1Ou7p21pzC1V6J6CoTE3VKN7SnbG3M6ruqfkZHJy8pruKSiYFC4u1j1t45Klg4p1T0uwpOxmYt3T8ilZdSOx7mnpk6y7kVj3tG1JXh2niXVPQY5k47p5rHtKLiRb56bC3XN05+6e02z7YmlSKYZPM8Dwd3rl84w39De19HmCG/Zeq32e0Eajg1b8PKHNMr1r1c/zaRv2h1r+NJtC2sitXgAlq04GBLoJVPQpYEJpNFDJq2CHzOkVQQW/gjdgSq8KansW7P0zemVQ27fg4B/Rq4Pa3gXv/hG9QqjgX/AB3EavEip5GN4im9UrhYo6hgFkSs8WKkoZcimVYqgkZsjF1Kmhgpwhl1Mlh9qChlxQjR5qSxpySTWCqC1qyEXVKKKCrCGXVSWJSsJGXFidJipKG3FptaKo6G3EvVWropK5ETdXK4sK7kbcXaUuatsbcXt1wqjtb8T91SmjtsERN1gnjQoOR9xhpTYqWRxzi7XiqOhxzD1WqqOixjHXWCWPSgrHXGGNPiroG3N9FQKprW7M1b2+kNraxlzb6xOprWzMlb2+kQq6xlxXhUgqqZpwVTUqqahpwjW9KpOKciYnOa/ppJKLyc4FxkKpoF7y5sBipdQ2Ldl3Q7FUaouVHLqZWCu1PUreu5lYLBW0ST4cJ4rVUsmS0a3r/rFcKkoxCpwbK/XS/wFuc1Q2IFUAAA== */
.Stack_stack__1wbd1j01 {
  display: flex;
  z-index: var(--stackZIndex__1wbd1j00, unset);
}
.Stack_stack_padding_xxxs__1wbd1j02 {
  padding: var(--spacing-xxxs__1bl7jj11i);
}
.Stack_stack_padding_xxs__1wbd1j03 {
  padding: var(--spacing-xxs__1bl7jj11j);
}
.Stack_stack_padding_xs__1wbd1j04 {
  padding: var(--spacing-xs__1bl7jj11k);
}
.Stack_stack_padding_s__1wbd1j05 {
  padding: var(--spacing-s__1bl7jj11l);
}
.Stack_stack_padding_m__1wbd1j06 {
  padding: var(--spacing-m__1bl7jj11m);
}
.Stack_stack_padding_l__1wbd1j07 {
  padding: var(--spacing-l__1bl7jj11n);
}
.Stack_stack_padding_xl__1wbd1j08 {
  padding: var(--spacing-xl__1bl7jj11o);
}
.Stack_stack_padding_xxl__1wbd1j09 {
  padding: var(--spacing-xxl__1bl7jj11p);
}
.Stack_stack_padding_xxxl__1wbd1j0a {
  padding: var(--spacing-xxxl__1bl7jj11q);
}
.Stack_stack_paddingTop_xxxs__1wbd1j012 {
  padding-top: var(--spacing-xxxs__1bl7jj11i);
}
.Stack_stack_paddingTop_xxs__1wbd1j013 {
  padding-top: var(--spacing-xxs__1bl7jj11j);
}
.Stack_stack_paddingTop_xs__1wbd1j014 {
  padding-top: var(--spacing-xs__1bl7jj11k);
}
.Stack_stack_paddingTop_s__1wbd1j015 {
  padding-top: var(--spacing-s__1bl7jj11l);
}
.Stack_stack_paddingTop_m__1wbd1j016 {
  padding-top: var(--spacing-m__1bl7jj11m);
}
.Stack_stack_paddingTop_l__1wbd1j017 {
  padding-top: var(--spacing-l__1bl7jj11n);
}
.Stack_stack_paddingTop_xl__1wbd1j018 {
  padding-top: var(--spacing-xl__1bl7jj11o);
}
.Stack_stack_paddingTop_xxl__1wbd1j019 {
  padding-top: var(--spacing-xxl__1bl7jj11p);
}
.Stack_stack_paddingTop_xxxl__1wbd1j01a {
  padding-top: var(--spacing-xxxl__1bl7jj11q);
}
.Stack_stack_paddingRight_xxxs__1wbd1j022 {
  padding-right: var(--spacing-xxxs__1bl7jj11i);
}
.Stack_stack_paddingRight_xxs__1wbd1j023 {
  padding-right: var(--spacing-xxs__1bl7jj11j);
}
.Stack_stack_paddingRight_xs__1wbd1j024 {
  padding-right: var(--spacing-xs__1bl7jj11k);
}
.Stack_stack_paddingRight_s__1wbd1j025 {
  padding-right: var(--spacing-s__1bl7jj11l);
}
.Stack_stack_paddingRight_m__1wbd1j026 {
  padding-right: var(--spacing-m__1bl7jj11m);
}
.Stack_stack_paddingRight_l__1wbd1j027 {
  padding-right: var(--spacing-l__1bl7jj11n);
}
.Stack_stack_paddingRight_xl__1wbd1j028 {
  padding-right: var(--spacing-xl__1bl7jj11o);
}
.Stack_stack_paddingRight_xxl__1wbd1j029 {
  padding-right: var(--spacing-xxl__1bl7jj11p);
}
.Stack_stack_paddingRight_xxxl__1wbd1j02a {
  padding-right: var(--spacing-xxxl__1bl7jj11q);
}
.Stack_stack_paddingBottom_xxxs__1wbd1j032 {
  padding-bottom: var(--spacing-xxxs__1bl7jj11i);
}
.Stack_stack_paddingBottom_xxs__1wbd1j033 {
  padding-bottom: var(--spacing-xxs__1bl7jj11j);
}
.Stack_stack_paddingBottom_xs__1wbd1j034 {
  padding-bottom: var(--spacing-xs__1bl7jj11k);
}
.Stack_stack_paddingBottom_s__1wbd1j035 {
  padding-bottom: var(--spacing-s__1bl7jj11l);
}
.Stack_stack_paddingBottom_m__1wbd1j036 {
  padding-bottom: var(--spacing-m__1bl7jj11m);
}
.Stack_stack_paddingBottom_l__1wbd1j037 {
  padding-bottom: var(--spacing-l__1bl7jj11n);
}
.Stack_stack_paddingBottom_xl__1wbd1j038 {
  padding-bottom: var(--spacing-xl__1bl7jj11o);
}
.Stack_stack_paddingBottom_xxl__1wbd1j039 {
  padding-bottom: var(--spacing-xxl__1bl7jj11p);
}
.Stack_stack_paddingBottom_xxxl__1wbd1j03a {
  padding-bottom: var(--spacing-xxxl__1bl7jj11q);
}
.Stack_stack_paddingLeft_xxxs__1wbd1j042 {
  padding-left: var(--spacing-xxxs__1bl7jj11i);
}
.Stack_stack_paddingLeft_xxs__1wbd1j043 {
  padding-left: var(--spacing-xxs__1bl7jj11j);
}
.Stack_stack_paddingLeft_xs__1wbd1j044 {
  padding-left: var(--spacing-xs__1bl7jj11k);
}
.Stack_stack_paddingLeft_s__1wbd1j045 {
  padding-left: var(--spacing-s__1bl7jj11l);
}
.Stack_stack_paddingLeft_m__1wbd1j046 {
  padding-left: var(--spacing-m__1bl7jj11m);
}
.Stack_stack_paddingLeft_l__1wbd1j047 {
  padding-left: var(--spacing-l__1bl7jj11n);
}
.Stack_stack_paddingLeft_xl__1wbd1j048 {
  padding-left: var(--spacing-xl__1bl7jj11o);
}
.Stack_stack_paddingLeft_xxl__1wbd1j049 {
  padding-left: var(--spacing-xxl__1bl7jj11p);
}
.Stack_stack_paddingLeft_xxxl__1wbd1j04a {
  padding-left: var(--spacing-xxxl__1bl7jj11q);
}
.Stack_stack_gap_xxxs__1wbd1j052 {
  gap: var(--spacing-xxxs__1bl7jj11i);
}
.Stack_stack_gap_xxs__1wbd1j053 {
  gap: var(--spacing-xxs__1bl7jj11j);
}
.Stack_stack_gap_xs__1wbd1j054 {
  gap: var(--spacing-xs__1bl7jj11k);
}
.Stack_stack_gap_s__1wbd1j055 {
  gap: var(--spacing-s__1bl7jj11l);
}
.Stack_stack_gap_m__1wbd1j056 {
  gap: var(--spacing-m__1bl7jj11m);
}
.Stack_stack_gap_l__1wbd1j057 {
  gap: var(--spacing-l__1bl7jj11n);
}
.Stack_stack_gap_xl__1wbd1j058 {
  gap: var(--spacing-xl__1bl7jj11o);
}
.Stack_stack_gap_xxl__1wbd1j059 {
  gap: var(--spacing-xxl__1bl7jj11p);
}
.Stack_stack_gap_xxxl__1wbd1j05a {
  gap: var(--spacing-xxxl__1bl7jj11q);
}
.Stack_stack_justify_start__1wbd1j062 {
  justify-content: start;
}
.Stack_stack_justify_center__1wbd1j063 {
  justify-content: center;
}
.Stack_stack_justify_end__1wbd1j064 {
  justify-content: end;
}
.Stack_stack_justify_spaceBetween__1wbd1j065 {
  justify-content: space-between;
}
.Stack_stack_justify_spaceAround__1wbd1j066 {
  justify-content: space-around;
}
.Stack_stack_justify_spaceEvenly__1wbd1j067 {
  justify-content: space-evenly;
}
.Stack_stack_align_start__1wbd1j068 {
  align-items: flex-start;
}
.Stack_stack_align_center__1wbd1j069 {
  align-items: center;
}
.Stack_stack_align_end__1wbd1j06a {
  align-items: flex-end;
}
.Stack_stack_direction_horizontal__1wbd1j06b {
  flex-direction: row;
}
.Stack_stack_direction_vertical__1wbd1j06c {
  flex-direction: column;
}
.Stack_stack_wrap_true__1wbd1j06d {
  flex-wrap: wrap;
}
.Stack_stack_relative_true__1wbd1j06f {
  position: relative;
}
@media (min-width: 700px) {
  .Stack_stack_padding_tablet_xxxs__1wbd1j0b {
    padding: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_padding_tablet_xxs__1wbd1j0c {
    padding: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_padding_tablet_xs__1wbd1j0d {
    padding: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_padding_tablet_s__1wbd1j0e {
    padding: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_padding_tablet_m__1wbd1j0f {
    padding: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_padding_tablet_l__1wbd1j0g {
    padding: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_padding_tablet_xl__1wbd1j0h {
    padding: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_padding_tablet_xxl__1wbd1j0i {
    padding: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_padding_tablet_xxxl__1wbd1j0j {
    padding: var(--spacing-xxxl__1bl7jj11q);
  }
  .Stack_stack_paddingTop_tablet_xxxs__1wbd1j01b {
    padding-top: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_paddingTop_tablet_xxs__1wbd1j01c {
    padding-top: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_paddingTop_tablet_xs__1wbd1j01d {
    padding-top: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_paddingTop_tablet_s__1wbd1j01e {
    padding-top: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_paddingTop_tablet_m__1wbd1j01f {
    padding-top: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_paddingTop_tablet_l__1wbd1j01g {
    padding-top: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_paddingTop_tablet_xl__1wbd1j01h {
    padding-top: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_paddingTop_tablet_xxl__1wbd1j01i {
    padding-top: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_paddingTop_tablet_xxxl__1wbd1j01j {
    padding-top: var(--spacing-xxxl__1bl7jj11q);
  }
  .Stack_stack_paddingRight_tablet_xxxs__1wbd1j02b {
    padding-right: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_paddingRight_tablet_xxs__1wbd1j02c {
    padding-right: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_paddingRight_tablet_xs__1wbd1j02d {
    padding-right: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_paddingRight_tablet_s__1wbd1j02e {
    padding-right: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_paddingRight_tablet_m__1wbd1j02f {
    padding-right: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_paddingRight_tablet_l__1wbd1j02g {
    padding-right: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_paddingRight_tablet_xl__1wbd1j02h {
    padding-right: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_paddingRight_tablet_xxl__1wbd1j02i {
    padding-right: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_paddingRight_tablet_xxxl__1wbd1j02j {
    padding-right: var(--spacing-xxxl__1bl7jj11q);
  }
  .Stack_stack_paddingBottom_tablet_xxxs__1wbd1j03b {
    padding-bottom: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_paddingBottom_tablet_xxs__1wbd1j03c {
    padding-bottom: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_paddingBottom_tablet_xs__1wbd1j03d {
    padding-bottom: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_paddingBottom_tablet_s__1wbd1j03e {
    padding-bottom: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_paddingBottom_tablet_m__1wbd1j03f {
    padding-bottom: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_paddingBottom_tablet_l__1wbd1j03g {
    padding-bottom: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_paddingBottom_tablet_xl__1wbd1j03h {
    padding-bottom: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_paddingBottom_tablet_xxl__1wbd1j03i {
    padding-bottom: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_paddingBottom_tablet_xxxl__1wbd1j03j {
    padding-bottom: var(--spacing-xxxl__1bl7jj11q);
  }
  .Stack_stack_paddingLeft_tablet_xxxs__1wbd1j04b {
    padding-left: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_paddingLeft_tablet_xxs__1wbd1j04c {
    padding-left: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_paddingLeft_tablet_xs__1wbd1j04d {
    padding-left: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_paddingLeft_tablet_s__1wbd1j04e {
    padding-left: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_paddingLeft_tablet_m__1wbd1j04f {
    padding-left: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_paddingLeft_tablet_l__1wbd1j04g {
    padding-left: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_paddingLeft_tablet_xl__1wbd1j04h {
    padding-left: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_paddingLeft_tablet_xxl__1wbd1j04i {
    padding-left: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_paddingLeft_tablet_xxxl__1wbd1j04j {
    padding-left: var(--spacing-xxxl__1bl7jj11q);
  }
  .Stack_stack_gap_tablet_xxxs__1wbd1j05b {
    gap: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_gap_tablet_xxs__1wbd1j05c {
    gap: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_gap_tablet_xs__1wbd1j05d {
    gap: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_gap_tablet_s__1wbd1j05e {
    gap: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_gap_tablet_m__1wbd1j05f {
    gap: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_gap_tablet_l__1wbd1j05g {
    gap: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_gap_tablet_xl__1wbd1j05h {
    gap: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_gap_tablet_xxl__1wbd1j05i {
    gap: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_gap_tablet_xxxl__1wbd1j05j {
    gap: var(--spacing-xxxl__1bl7jj11q);
  }
}
@media (min-width: 1200px) {
  .Stack_stack_padding_laptop_xxxs__1wbd1j0k {
    padding: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_padding_laptop_xxs__1wbd1j0l {
    padding: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_padding_laptop_xs__1wbd1j0m {
    padding: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_padding_laptop_s__1wbd1j0n {
    padding: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_padding_laptop_m__1wbd1j0o {
    padding: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_padding_laptop_l__1wbd1j0p {
    padding: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_padding_laptop_xl__1wbd1j0q {
    padding: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_padding_laptop_xxl__1wbd1j0r {
    padding: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_padding_laptop_xxxl__1wbd1j0s {
    padding: var(--spacing-xxxl__1bl7jj11q);
  }
  .Stack_stack_paddingTop_laptop_xxxs__1wbd1j01k {
    padding-top: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_paddingTop_laptop_xxs__1wbd1j01l {
    padding-top: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_paddingTop_laptop_xs__1wbd1j01m {
    padding-top: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_paddingTop_laptop_s__1wbd1j01n {
    padding-top: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_paddingTop_laptop_m__1wbd1j01o {
    padding-top: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_paddingTop_laptop_l__1wbd1j01p {
    padding-top: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_paddingTop_laptop_xl__1wbd1j01q {
    padding-top: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_paddingTop_laptop_xxl__1wbd1j01r {
    padding-top: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_paddingTop_laptop_xxxl__1wbd1j01s {
    padding-top: var(--spacing-xxxl__1bl7jj11q);
  }
  .Stack_stack_paddingRight_laptop_xxxs__1wbd1j02k {
    padding-right: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_paddingRight_laptop_xxs__1wbd1j02l {
    padding-right: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_paddingRight_laptop_xs__1wbd1j02m {
    padding-right: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_paddingRight_laptop_s__1wbd1j02n {
    padding-right: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_paddingRight_laptop_m__1wbd1j02o {
    padding-right: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_paddingRight_laptop_l__1wbd1j02p {
    padding-right: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_paddingRight_laptop_xl__1wbd1j02q {
    padding-right: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_paddingRight_laptop_xxl__1wbd1j02r {
    padding-right: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_paddingRight_laptop_xxxl__1wbd1j02s {
    padding-right: var(--spacing-xxxl__1bl7jj11q);
  }
  .Stack_stack_paddingBottom_laptop_xxxs__1wbd1j03k {
    padding-bottom: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_paddingBottom_laptop_xxs__1wbd1j03l {
    padding-bottom: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_paddingBottom_laptop_xs__1wbd1j03m {
    padding-bottom: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_paddingBottom_laptop_s__1wbd1j03n {
    padding-bottom: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_paddingBottom_laptop_m__1wbd1j03o {
    padding-bottom: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_paddingBottom_laptop_l__1wbd1j03p {
    padding-bottom: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_paddingBottom_laptop_xl__1wbd1j03q {
    padding-bottom: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_paddingBottom_laptop_xxl__1wbd1j03r {
    padding-bottom: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_paddingBottom_laptop_xxxl__1wbd1j03s {
    padding-bottom: var(--spacing-xxxl__1bl7jj11q);
  }
  .Stack_stack_paddingLeft_laptop_xxxs__1wbd1j04k {
    padding-left: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_paddingLeft_laptop_xxs__1wbd1j04l {
    padding-left: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_paddingLeft_laptop_xs__1wbd1j04m {
    padding-left: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_paddingLeft_laptop_s__1wbd1j04n {
    padding-left: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_paddingLeft_laptop_m__1wbd1j04o {
    padding-left: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_paddingLeft_laptop_l__1wbd1j04p {
    padding-left: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_paddingLeft_laptop_xl__1wbd1j04q {
    padding-left: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_paddingLeft_laptop_xxl__1wbd1j04r {
    padding-left: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_paddingLeft_laptop_xxxl__1wbd1j04s {
    padding-left: var(--spacing-xxxl__1bl7jj11q);
  }
  .Stack_stack_gap_laptop_xxxs__1wbd1j05k {
    gap: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_gap_laptop_xxs__1wbd1j05l {
    gap: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_gap_laptop_xs__1wbd1j05m {
    gap: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_gap_laptop_s__1wbd1j05n {
    gap: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_gap_laptop_m__1wbd1j05o {
    gap: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_gap_laptop_l__1wbd1j05p {
    gap: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_gap_laptop_xl__1wbd1j05q {
    gap: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_gap_laptop_xxl__1wbd1j05r {
    gap: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_gap_laptop_xxxl__1wbd1j05s {
    gap: var(--spacing-xxxl__1bl7jj11q);
  }
}
@media (min-width: 1680px) {
  .Stack_stack_padding_desktop_xxxs__1wbd1j0t {
    padding: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_padding_desktop_xxs__1wbd1j0u {
    padding: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_padding_desktop_xs__1wbd1j0v {
    padding: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_padding_desktop_s__1wbd1j0w {
    padding: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_padding_desktop_m__1wbd1j0x {
    padding: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_padding_desktop_l__1wbd1j0y {
    padding: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_padding_desktop_xl__1wbd1j0z {
    padding: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_padding_desktop_xxl__1wbd1j010 {
    padding: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_padding_desktop_xxxl__1wbd1j011 {
    padding: var(--spacing-xxxl__1bl7jj11q);
  }
  .Stack_stack_paddingTop_desktop_xxxs__1wbd1j01t {
    padding-top: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_paddingTop_desktop_xxs__1wbd1j01u {
    padding-top: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_paddingTop_desktop_xs__1wbd1j01v {
    padding-top: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_paddingTop_desktop_s__1wbd1j01w {
    padding-top: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_paddingTop_desktop_m__1wbd1j01x {
    padding-top: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_paddingTop_desktop_l__1wbd1j01y {
    padding-top: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_paddingTop_desktop_xl__1wbd1j01z {
    padding-top: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_paddingTop_desktop_xxl__1wbd1j020 {
    padding-top: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_paddingTop_desktop_xxxl__1wbd1j021 {
    padding-top: var(--spacing-xxxl__1bl7jj11q);
  }
  .Stack_stack_paddingRight_desktop_xxxs__1wbd1j02t {
    padding-right: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_paddingRight_desktop_xxs__1wbd1j02u {
    padding-right: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_paddingRight_desktop_xs__1wbd1j02v {
    padding-right: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_paddingRight_desktop_s__1wbd1j02w {
    padding-right: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_paddingRight_desktop_m__1wbd1j02x {
    padding-right: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_paddingRight_desktop_l__1wbd1j02y {
    padding-right: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_paddingRight_desktop_xl__1wbd1j02z {
    padding-right: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_paddingRight_desktop_xxl__1wbd1j030 {
    padding-right: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_paddingRight_desktop_xxxl__1wbd1j031 {
    padding-right: var(--spacing-xxxl__1bl7jj11q);
  }
  .Stack_stack_paddingBottom_desktop_xxxs__1wbd1j03t {
    padding-bottom: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_paddingBottom_desktop_xxs__1wbd1j03u {
    padding-bottom: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_paddingBottom_desktop_xs__1wbd1j03v {
    padding-bottom: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_paddingBottom_desktop_s__1wbd1j03w {
    padding-bottom: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_paddingBottom_desktop_m__1wbd1j03x {
    padding-bottom: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_paddingBottom_desktop_l__1wbd1j03y {
    padding-bottom: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_paddingBottom_desktop_xl__1wbd1j03z {
    padding-bottom: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_paddingBottom_desktop_xxl__1wbd1j040 {
    padding-bottom: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_paddingBottom_desktop_xxxl__1wbd1j041 {
    padding-bottom: var(--spacing-xxxl__1bl7jj11q);
  }
  .Stack_stack_paddingLeft_desktop_xxxs__1wbd1j04t {
    padding-left: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_paddingLeft_desktop_xxs__1wbd1j04u {
    padding-left: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_paddingLeft_desktop_xs__1wbd1j04v {
    padding-left: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_paddingLeft_desktop_s__1wbd1j04w {
    padding-left: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_paddingLeft_desktop_m__1wbd1j04x {
    padding-left: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_paddingLeft_desktop_l__1wbd1j04y {
    padding-left: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_paddingLeft_desktop_xl__1wbd1j04z {
    padding-left: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_paddingLeft_desktop_xxl__1wbd1j050 {
    padding-left: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_paddingLeft_desktop_xxxl__1wbd1j051 {
    padding-left: var(--spacing-xxxl__1bl7jj11q);
  }
  .Stack_stack_gap_desktop_xxxs__1wbd1j05t {
    gap: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_gap_desktop_xxs__1wbd1j05u {
    gap: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_gap_desktop_xs__1wbd1j05v {
    gap: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_gap_desktop_s__1wbd1j05w {
    gap: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_gap_desktop_m__1wbd1j05x {
    gap: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_gap_desktop_l__1wbd1j05y {
    gap: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_gap_desktop_xl__1wbd1j05z {
    gap: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_gap_desktop_xxl__1wbd1j060 {
    gap: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_gap_desktop_xxxl__1wbd1j061 {
    gap: var(--spacing-xxxl__1bl7jj11q);
  }
}

/* vanilla-extract-css-ns:src/global/pieces/Text/Text.css.ts.vanilla.css?source=#H4sIAAAAAAAAA42Uz46bMBDG7zyFj92Do7CbdLvkBXrobSv1iBwzwGyNjcYm/Kn23StMgrMJkbggMf6+n4cPzWx+Q+dSNz7SWCratsWW/YsYG0ucQGdAqIuEmdphhQP8ggKPqND1h4gx3sLxLzqeG+24rYxxpVcL7VAoFBYyL6vMwI3t7nQFid5KoWBUTYe9diVYtAnTRod6LipUfcJOgr7xidNgmsZH9frxET/vnw6XpoXCQicMdQmEbixLowxdrP6Fn794cu+eDtFntAlRWBwg7To7ZxL7TKYGcYDrNt5xAI/jk+HcULvMDMjnVcgr4mmRGIAva4BXvGaRV8283RpeFXhukadm3n4NTwWeXU4wAL+vSvCKSHdER0YXqaMGZuproLaARemuuX98hVeQYRM+/SV+AM6FsoH8YwWZoGiUoIDe3qIVavjpxSmBEh1k8wVv/oJRwMvzBfFm99gvTVULGSZfLPnjG78fr1RBHnzHsDHOwzceL/okaAc0O+WdcxLcxgnS6ExQ//VXZd79YLrfZ88ly/1tlI4aLYWDr1Tw1LZEB9zWQsK4iVoS9bhKzAkoV6ZNWIlZBnreOuEAlMLaoj1En/8BnUv4PF4FAAA= */
.Text_text__1clr0wg0 {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-synthesis: none;
  font-family: var(--font-ui__1bl7jj125);
  text-align: inherit;
  color: var(--color-text__1bl7jj14);
}
.Text_text_size_xxs__1clr0wg1 {
  font-size: var(--fontSize-text-xxs__1bl7jj12w);
}
.Text_text_size_xs__1clr0wg2 {
  font-size: var(--fontSize-text-xs__1bl7jj12v);
}
.Text_text_size_s__1clr0wg3 {
  font-size: var(--fontSize-text-s__1bl7jj12u);
}
.Text_text_size_m__1clr0wg4 {
  font-size: var(--fontSize-text-m__1bl7jj12t);
}
.Text_text_size_l__1clr0wg5 {
  font-size: var(--fontSize-text-l__1bl7jj12s);
}
.Text_text_size_xl__1clr0wg6 {
  font-size: var(--fontSize-text-xl__1bl7jj12r);
}
.Text_text_strong_true__1clr0wg7 {
  font-weight: var(--fontWeight-medium__1bl7jj131);
}
.Text_text_strong_false__1clr0wg8 {
  font-weight: var(--fontWeight-regular__1bl7jj130);
}
.Text_text_lineHeight_relaxed__1clr0wg9 {
  line-height: 1.4;
}
.Text_text_lineHeight_compact__1clr0wga {
  line-height: 1.1;
}
.Text_text_align_left__1clr0wgb {
  text-align: left;
}
.Text_text_align_center__1clr0wgc {
  text-align: center;
}
.Text_text_secondary_true__1clr0wgd {
  color: var(--color-textSecondary__1bl7jj15);
}
.Text_text_truncate_true__1clr0wge {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* vanilla-extract-css-ns:src/global/pieces/Toggle/Toggle.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VW207cMBB936+wkCpIhWFDobRGrdTLe6XSt6paTexJYvDake2wlIp/r+xcYbMpIPUpyXhmfObMmdk9+mGKQuGKG+1BarSrVSo22ZX0S/JnQYiQrlLwm5HCSnGxIPFJPa4rBR4pN6pea8dImlsCtTfBBZQsNJUe144RjtqjHczhItSeEectel6GE15bZywjlZGd80YKXzKSLpevLhb3i6MtmEI6yBSKlbc19qDTCLrLp42noJTZoBgnUZCh6kNOYkgFQkhdUCuL0jNyA/aAUlcBD0a3WqWZOr+6SlOVDKU4VPmDOnqycoW3M0x0+KQu0UofTLVDGxIi9wG3xjFg3zw6xG8jYkob8xejzNC10w47D+bItjXqs7EitratIo1VdBku5d2Q/GxIEEPD4ZiAuxhaGSe9NJoRiwq8vMFR05r4qdwxtsQxxzvdJkjaEmOlgOMgqYHhDPh1YU2tBSPegnYVWNQxSRa5oBaErF2HojF+j7au8qHmIpnrBmMZ5sZiI70Oy97e8xnhoPjBjC85JifJzhp2ph+TMXZ9pJzoG8lqWzvEtWGithCOxnqok/YQwYVZycF5U/tLZTZSD2426ZcHWARGUnJM0jlaf4KVQHmJ/BrFh/0w5vu/nq38TzyIYsBxNt/Kbqu8cMK+dkupv+909r7JGl8Ooil2G8T5AxAlaDEC8b69pjF/y3OHvj98x8hJdXsxcnigr/OnaZbQFu30HQl53el6S6lNfa62OXDsKyraKbilrgRhNv3Cjl8UFd5EoaYDByLZmsepgiY21E63ySnc6b0GW0jN5pl4PILxPTd2/T8ncHrSPpJZwfTIWpDh78AbcfCkFXZIlodkGUU5iP0f942b3f4+/gUrbLKWvAgAAA== */
.Toggle_container__1dwbjit0 {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  align-content: stretch;
  cursor: pointer;
  width: 100%;
}
.Toggle_container_disabled_true__1dwbjit1 {
  cursor: not-allowed;
}
.Toggle_label__1dwbjit2 {
  padding-right: var(--spacing-s__1bl7jj11l);
  align-self: stretch;
  display: flex;
  align-items: center;
  cursor: inherit;
  user-select: none;
}
.Toggle_toggle__1dwbjit6 {
  --toggleColor__1dwbjit4: var(--color-controlBorder__1bl7jj111);
  --toggleSize__1dwbjit5: var(--controlSize-s__1bl7jj11z);
  position: relative;
  width: var(--toggleSize__1dwbjit5);
  height: var(--toggleSize__1dwbjit5);
  cursor: inherit;
  display: grid;
  place-content: center;
  background: transparent;
  border-radius: var(--borderRadius-control__1bl7jj11g);
}
.Toggle_toggle__1dwbjit6::before {
  content: "";
  width: var(--toggleSize__1dwbjit5);
  height: calc(var(--toggleSize__1dwbjit5) / 2);
  border-radius: var(--toggleSize__1dwbjit5);
  background: var(--toggleColor__1dwbjit4);
  transition: background var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
  grid-area: 1 / 1;
}
.Toggle_toggle__1dwbjit6[aria-checked=true] {
  --toggleColor__1dwbjit4: var(--color-controlAccent__1bl7jj115);
}
.Toggle_toggle__1dwbjit6:disabled {
  --toggleColor__1dwbjit4: var(--color-controlBorderDisabled__1bl7jj114);
}
.Toggle_toggle__1dwbjit6[aria-checked=true]:disabled {
  --toggleColor__1dwbjit4: var(--color-controlAccentDisabled__1bl7jj117);
}
.Toggle_handle__1dwbjit9 {
  --handleOffset__1dwbjit8: 2px;
  --handleSize__1dwbjit7: calc(var(--toggleSize__1dwbjit5) / 2 - var(--handleOffset__1dwbjit8) * 2);
  background: var(--color-surface__1bl7jj1g);
  box-shadow: var(--shadow-elevation1__1bl7jj11d);
  width: var(--handleSize__1dwbjit7);
  height: var(--handleSize__1dwbjit7);
  border-radius: var(--handleSize__1dwbjit7);
  margin: var(--handleOffset__1dwbjit8);
  transition: transform var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
  grid-area: 1 / 1;
}
[aria-checked=true] > .Toggle_handle__1dwbjit9 {
  transform: translate3d(calc(var(--toggleSize__1dwbjit5) / 2), 0, 0);
}
:disabled > .Toggle_handle__1dwbjit9 {
  box-shadow: none;
}

/* vanilla-extract-css-ns:src/global/pieces/ToggleGroup/ToggleGroup.css.ts.vanilla.css?source=LlRvZ2dsZUdyb3VwX2hlYWRlcl9fMXFoOWVtMTAgewogIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCB2YXIoLS1jb2xvci1ib3JkZXJfXzFibDdqajExMCk7Cn0= */
.ToggleGroup_header__1qh9em10 {
  border-bottom: 1px solid var(--color-border__1bl7jj110);
}

/* vanilla-extract-css-ns:src/global/pieces/Toolbar/Toolbar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5VUTY/TMBC991f4gnYr1aumy8LiiMP+AwQcQAhFk3iSuuvaZmy3WdD+dxQnTdpSEHvzjOe9N1/2zWdrdQlU7AmcQyqKTL3btWazYr9mjAUC42tLW9EfNQS8ldc7oGvOQw/9MmKW8wU7ufo6XmXzBVvO89nz7OZccQsmgv5gvQrKmqIG7XHE3aY03HApWK1alHmXmXWCLbuTxjoMx59cGYmtYNmJUmVNQBNG0teJ1DqoVHgaoH+pdHmoyHfRpuGtL4qs1G83myx7HIoa0ClF7sg6pI53EFhM3GehMhL0ZfUaB5tvJ43dOX9Q2y6POprqGIvgkxt8sDF80navzMRCiaWE6rEhG43kldWWDthkcB+phgpHUNNjLEkkTiBV9AdA7/yYfH/gsnUCOpBSmUac9++4gZsUKZV3Gp4Ea0il2Tbg/gPWRXOIwfJa271gldVxa/qcW+7XIDvvQJMsjhp3qcOriQznF3fFBwjRF2gCkjLNuDt35+/CWIP58Tpd3r1jPpQj3ZsX0pUxBGtGOHwDUsAdofco318Finj1PXEOYy2K9sf9St5np8Pu0iKrH6qqfxhDM+7mL1cTosTaEibVacUuLtdDFdRuWhU7zy9Vf5SBRwcEwU4fU5l09kqGtWCZa/N/qPZ7OpXXP9Y1qmYdBLtfvupM0Kox3KOuBavSfPLZ829P9ab9GAUAAA== */
.Toolbar_wrapper__1i9vxnj2 {
  transform: translate3d(var(--toolbarX__1i9vxnj0), var(--toolbarY__1i9vxnj1), 0);
}
.Toolbar_wrapper_manualPosition_false__1i9vxnj3 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}
.Toolbar_content__1i9vxnj4 {
  opacity: 0;
  transform: translate3d(0, var(--spacing-xs__1bl7jj11k), 0);
  transition-property: opacity, transform;
  transition-duration: var(--duration-m__1bl7jj11v);
  transition-timing-function: var(--easing-fastoutSlowin__1bl7jj11r);
  background-color: var(--color-surface__1bl7jj1g);
  border-radius: var(--borderRadius-surface__1bl7jj11h);
  padding: var(--spacing-xxs__1bl7jj11j);
  display: grid;
  gap: var(--spacing-xxs__1bl7jj11j);
  grid-auto-flow: column;
  box-shadow: var(--shadow-elevation2__1bl7jj11e);
}
.Toolbar_content_status_entering__1i9vxnj5 {
  transform: none;
  opacity: 1;
}
.Toolbar_content_status_entered__1i9vxnj6 {
  transform: none;
  opacity: 1;
}
.Toolbar_button__1i9vxnja[aria-pressed=true] {
  --color__xq82d81: var(--color-controlAccent__1bl7jj115);
}
.Toolbar_button__1i9vxnja[aria-pressed=true]::before {
  background: var(--color-surfaceActive__1bl7jj1o);
  transform: none;
}
.Toolbar_separator__1i9vxnjb {
  width: 1px;
  background: var(--color-border__1bl7jj110);
  height: 80%;
  align-self: center;
}

/* vanilla-extract-css-ns:src/global/pieces/Tooltip/Tooltip.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71XwXLbOAy99yt46Uy0E2YtJ263yrHXnjad6e7JQ0uwjYQiVRKyZe/sv++QsknKkZ0mM9mTZeIRDwBBALz5rrUkbOZbI5oGzHye27bZqemE/fOBMd2SRAUFU1rB/Yd/P9wc8XT4PeJnHs/5QpRPK6NbVQXRbcE2wlxxXmqpDbetWYoSHqDUqhJmN5/nC/n58THH7N6rIOjoq4MGDXdDDQ4Qdt35XY22SKhVwZbYQeWWoiXH3WO2+d0L3XG7FpXeHqH9Pw4SNsLpzQNfXh22mAoMN6LC1gYCv/inX+OlVmS0jBtXfmONiq8BV2uKTnngA+6B2wjf946JqkK14qj6gziY14jSrSZw6eGkmyOGdDyd3AslLAOp+w7iqRdXaBspdgVbSujcgpC4UhwJaluwEhSBccuPrSVc7rzdoCgVaWcX7Qo28cYYoY7H0rNWrfHh5HU0fJMdhCCs82kpLOmWHqTeooowkw1V8sboBowjO7Be99KlNrWD7jmqCrqC5ZPZ7WjuWtzD3NZCyhCJTz6Nj0FfSF0+nca865KoP2bnNUthVhA0f041n+pMwlF7P7dY0bpg07tJ040yHBN+nh7zH54jRKHoP6UguK2uJtenjiR+PGXXbDLuS2AyLmkD15dLXKWQ5dUlNvYb47njfJl2oYl0HXjFCz7+OvULvIMbsrjE+kJYz1KBMdrMybQxS8rXltGvBglLEctM/Zoq+mz3lzP5TIJaO/f3HNUqqKz6pNboBBw2oMgem0VSDfL7YfDOdpOUB6Lr0DejN6vrkFKrlxesTrSUwkDMAH04Gb/6w13PIHos0qzzAFfMgxxdztmfhq6m2Um3EgurZUuQ3PnzWhzopHWcQY0lamreXwH/5LLzOlX3d5BJJ8uY0eS2380q6FvYKzpr0o+88u9JtaqfNSUP+ZbeO5WNHMlo7WvS8xnQuA4w+XgfpUOGw+HNJh8ZT+04OeOM/c6mWaIliWHBZgOCJIQF41523olhWf15wY232Tnq7cVU5flb/DyIDoNRf6x50zGrJVaDytNDYpWcXDzkk/pvXgrQK1z7fxNhGCB/M349Pu8Q2EGDs++edyeXcBA1/l5hS73vx9WgmvqWDh1xA6ryjc3NkoQ17uEbrHCBEmnn7drC4gmJL7Uibmutae3RQhEKicL2Tw5e6z3XtnuGWxmxs6WQvs73wp2iNVhM2mXsCgakINxE9FLUKHfHMumXWgyeTmc+7j4KYfp/3v77guz89YN9nNtHgjQyGrc+Xr3xuIfUGP908Zrj7DNts2D+dtC03NIPv8JrqLCNw+/t4Z2CCsIbKb/x7X67RgI/Y/nXqHuunjd8OHlvouFnDTGwaqWIyXM7idaf9zYZ9aabMdPdu+M/ngpXwWMPAAA= */
.Tooltip_wrapper__1supyn20 {
  outline: none;
}
.Tooltip_tooltip__1supyn25 {
  --background__1supyn23: var(--color-surfaceSecondary__1bl7jj1i);
  --textColor__1supyn24: var(--color-text__1bl7jj14);
  position: fixed;
  background: var(--background__1supyn23);
  box-shadow: var(--shadow-elevation1__1bl7jj11d);
  border-radius: var(--borderRadius-control__1bl7jj11g);
  min-height: var(--controlSize-s__1bl7jj11z);
  padding-inline: var(--spacing-s__1bl7jj11l);
  top: var(--top__1supyn21);
  left: var(--left__1supyn22);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property: opacity, transform;
  z-index: 1053;
}
.Tooltip_tooltip_size_small__1supyn26 {
  padding-block: var(--spacing-xxs__1bl7jj11j);
}
.Tooltip_tooltip_size_large__1supyn27 {
  padding: var(--spacing-m__1bl7jj11m);
  width: 240px;
}
.Tooltip_tooltip_position_top__1supyn28 {
  transform: translate3d(0, var(--spacing-xs__1bl7jj11k), 0);
}
.Tooltip_tooltip_position_right__1supyn29 {
  transform: translate3d(calc(var(--spacing-xs__1bl7jj11k) * -1), 0, 0);
}
.Tooltip_tooltip_position_bottom__1supyn2a {
  transform: translate3d(0, calc(var(--spacing-xs__1bl7jj11k) * -1), 0);
}
.Tooltip_tooltip_position_left__1supyn2b {
  transform: translate3d(var(--spacing-xs__1bl7jj11k), 0, 0);
}
.Tooltip_tooltip_error_true__1supyn2c {
  --background__1supyn23: var(--color-surfaceCritical__1bl7jj1m);
  --textColor__1supyn24: var(--color-textCritical__1bl7jj19);
}
.Tooltip_tooltip_status_entering__1supyn2d {
  pointer-events: none;
  opacity: 1;
  transform: none;
}
.Tooltip_tooltip_status_entered__1supyn2e {
  opacity: 1;
  transform: none;
}
.Tooltip_tooltip_status_exiting__1supyn2f {
  pointer-events: none;
}
.Tooltip_caret__1supyn2o {
  --caretWidth__1supyn2j: calc(var(--caretSize__1supyn2i) * sqrt(2));
  position: absolute;
  width: var(--caretSize__1supyn2i);
  height: var(--caretSize__1supyn2i);
  transform: translate(var(--caretX__1supyn2k, 0), var(--caretY__1supyn2l, 0)) rotate(45deg);
  background: var(--background__1supyn23);
  top: var(--caretTop__1supyn2m);
  left: var(--caretLeft__1supyn2n);
}
.Tooltip_caret_position_top__1supyn2p {
  --caretTop__1supyn2m: 100%;
  --caretLeft__1supyn2n: calc(50% - var(--caretWidth__1supyn2j) / 2);
  --caretX__1supyn2k: 50%;
  --caretY__1supyn2l: -50%;
}
.Tooltip_caret_position_right__1supyn2q {
  --caretTop__1supyn2m: calc(50% - var(--caretWidth__1supyn2j) / 2);
  --caretLeft__1supyn2n: calc(var(--caretSize__1supyn2i) * -1);
  --caretX__1supyn2k: 50%;
  --caretY__1supyn2l: 50%;
  border-left: 1px solid var(--color-border__1bl7jj110);
}
.Tooltip_caret_position_bottom__1supyn2r {
  --caretTop__1supyn2m: calc(var(--caretSize__1supyn2i) * -1);
  --caretLeft__1supyn2n: calc(50% - var(--caretWidth__1supyn2j) / 2);
  --caretX__1supyn2k: 50%;
  --caretY__1supyn2l: 50%;
  border-top: 1px solid var(--color-border__1bl7jj110);
  border-left: 1px solid var(--color-border__1bl7jj110);
}
.Tooltip_caret_position_left__1supyn2s {
  --caretTop__1supyn2m: calc(50% - var(--caretWidth__1supyn2j) / 2);
  --caretLeft__1supyn2n: 100%;
  --caretX__1supyn2k: -50%;
  --caretY__1supyn2l: 50%;
  border-top: 1px solid var(--color-border__1bl7jj110);
}
.Tooltip_content__1supyn2t {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-synthesis: none;
  position: relative;
  font-family: var(--font-ui__1bl7jj125);
  color: var(--textColor__1supyn24);
  text-align: center;
}
.Tooltip_content_size_small__1supyn2u {
  font-size: var(--fontSize-text-s__1bl7jj12u);
  font-weight: var(--fontWeight-medium__1bl7jj131);
  line-height: 1.1;
  white-space: nowrap;
}
.Tooltip_content_size_large__1supyn2v {
  font-weight: var(--fontWeight-regular__1bl7jj130);
  font-size: var(--fontSize-text-xs__1bl7jj12v);
  line-height: 1.3;
}

.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;
}
.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;
  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;
}
.kl-opt-in-lowercase-label .roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__header .roi-calculator-slider__label-container .roi-calculator-slider__label {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.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;
}
.chart-custom__subtitle {
  translate: 0 32px;
}
@media (max-width: 600px) {
  .chart-custom__subtitle {
    translate: 0 24px;
  }
}
.chart-custom__label-circle {
  fill: #47535d;
}
.chart-custom__label-circle.background {
  fill: #716bf1;
  opacity: 0.3;
  width: 43px;
  height: 24px;
}
.chart-custom__tooltip {
  display: flex;
  flex-direction: column;
  text-transform: initial;
}
.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 {
  /**
   * Our KL Typography does not work well within our Recharts charts, because...
   * - We are drawing SVGs, so some CSS attributes like `color` do not work
   * - We want our font sizes inside our charts to scale to much smaller sizes than the default 
   *   scaling defined in KL
   * 
   * Because of this, even though we are using KL components like `<Text>` and `<Label>`, we will
   * define our own custom classes to use with them here
   */
}
.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;
}
.chart__label {
  text-anchor: middle;
  font-size: var(--label-size-s);
}
@media (min-width: 600px) {
  .chart__label {
    font-size: var(--label-size-m);
  }
}
.chart__tick-label {
  text-anchor: middle;
  font-size: var(--label-size-s);
  fill: #47535d;
  opacity: 0.8;
}
@media (min-width: 600px) {
  .chart__tick-label {
    font-size: var(--label-size-m);
  }
}
.chart__tick-number {
  text-anchor: middle;
  font-size: var(--heading-size-4);
}
@media (min-width: 600px) {
  .chart__tick-number {
    font-size: var(--heading-size-3);
  }
}
.secured-by-qwilr {
  display: flex;
  justify-content: center;
  --accept-text-color: #47535d;
}
.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);
}
.block-content {
  container-name: block-content;
  container-type: inline-size;
}
@property --block-content-width {
  syntax: "<length>";
  initial-value: 0px;
  inherits: true;
}
.block-content > * {
  --block-content-width: 100cqw;
}
@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;
}
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: auto;
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}
@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.
*/
.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;
}
.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;
  }
}
.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-wrapper {
  margin-top: 50px;
}
#collaborator-page-nav {
  position: fixed;
  z-index: 100;
  width: 100vw;
  height: 48px;
  display: grid;
  max-width: 100%;
  top: 0;
}
#collaborator-page-nav-margin {
  margin-top: calc(48px + 1px);
}
.collaborator-info-popover {
  font-family: "calibre-legacy", sans-serif;
  z-index: 2;
}
.collaborator-info-popover .popover__panel-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 32px;
}
.collaborator-info-popover__info-button {
  display: none;
}
@media (min-width: 700px) {
  .collaborator-info-popover__info-button {
    display: block;
  }
}
.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 .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 .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;
}
@media screen and (max-width: 600px) {
  .template-banner .template-meta .project-name {
    display: none;
  }
}
.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: 8px 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;
  gap: 4px;
}
.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;
  padding: 0 8px;
}
.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: 0 12px 0 8px;
}
.springboard-engagement-menu__save-button .button__content {
  gap: 4px;
}
.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 {
  margin: 4px;
}
.springboard-engagement-menu__notification {
  position: fixed;
  top: 76px;
  right: 16px;
}
.springboard-engagement-menu__notification .notification {
  width: 400px;
  max-width: calc(100vw - 2 * 16px);
}
@supports (max-width: 100dvh) {
  .springboard-engagement-menu__notification .notification {
    max-width: calc(100dvw - 2 * 16px);
  }
}
.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 {
  border-radius: 4px;
}
.springboard-engagement-menu__create-account-popover-button-text {
  text-transform: none;
  color: white;
  letter-spacing: 0;
}
.springboard-engagement-menu__unsave-popover {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
  gap: 8px;
}
.springboard-engagement-menu__unsave-popover-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #EFFBFB;
  color: #1D7E8A;
  border-radius: 100%;
  height: 46px;
  width: 46px;
}
.springboard-engagement-menu__unsave-popover-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 8px;
  gap: 8px;
  width: 100%;
}
.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;
}
.qwilr-font .kl-text.kl-text,
.qwilr-font .kl-heading.kl-heading,
.qwilr-font .kl-label.kl-label {
  font-family: kl-calibre, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, 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);
}


/*# sourceMappingURL=styles-css-PDFLoader-Public-010e686d7395bdf06cff.css.map*/