.modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99;
}

.modal__mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 1);
    opacity: .5;
}

.modal__content {
    position: absolute;
    outline: none;
}

.modal__content--center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}

.modal__content--bottom {
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
}
.fade-enter.modal {
  opacity: 0;
}

.fade-enter-active.modal {
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.fade-exit.modal {
  -webkit-transition: opacity .2s ease;
  -o-transition: opacity .2s ease;
  transition: opacity .2s ease;
}

.fade-exit-active.modal {
  opacity: 0;
}

.fade-enter.modal .modal__content {
  -webkit-transform: translate(-50%, -50%) scale(.4);
  -ms-transform: translate(-50%, -50%) scale(.4);
      transform: translate(-50%, -50%) scale(.4);
}

.fade-enter-active.modal .modal__content {
  -webkit-transition-delay: .2s;
  -o-transition-delay: .2s;
     transition-delay: .2s;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  -o-transition: transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
      transform: translate(-50%, -50%) scale(1);
}

.fade-exit.modal .modal__content {
  -webkit-transition: -webkit-transform .2s ease;
  transition: -webkit-transform .2s ease;
  -o-transition: transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease;
}

.fade-exit-active.modal .modal__content {
  -webkit-transform: translate(-50%, -50%) scale(.4);
  -ms-transform: translate(-50%, -50%) scale(.4);
      transform: translate(-50%, -50%) scale(.4);
}
.l-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background-color: #fff;
  z-index: 88;
  /*border-radius: 0 0 30px 30px;*/
  text-align: center;
}

.l-ide {
  background-color: #694695;
}

.l-nav {
  position: absolute;
  left: 30px;
  top: 0;
}

.l-nav .l-nav-item {
  display: inline-block;
  height: 70px;
  text-align: center;
  line-height: 107px;
  color: #666;
  text-decoration: none;
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbl9iYWNrIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MS44NzUiIGhlaWdodD0iNzEuNjI0IiB2aWV3Qm94PSIwIDAgMzUuOTM4IDM1LjgxMiI+CiAgPG1ldGFkYXRhPjw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIvPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz48L21ldGFkYXRhPgo8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjMzE5NmZmOwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6ICM0ZmE1ZmY7CiAgICAgIH0KCiAgICAgIC5jbHMtMiwgLmNscy0zIHsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KCiAgICAgIC5jbHMtMyB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPGNpcmNsZSBpZD0i5qSt5ZyGXzVf5ou36LSdXzQiIGRhdGEtbmFtZT0i5qSt5ZyGIDUg5ou36LSdIDQiIGNsYXNzPSJjbHMtMSIgY3g9IjE3Ljk2OSIgY3k9IjE3LjkwNiIgcj0iMTcuOTY5Ii8+CiAgPHBhdGggaWQ9IuakreWchl81X+aLt+i0nV82IiBkYXRhLW5hbWU9IuakreWchiA1IOaLt+i0nSA2IiBjbGFzcz0iY2xzLTIiIGQ9Ik00OS4wMjcsNzI2LjA1OWExNy44ODUsMTcuODg1LDAsMCwwLTEzLjc2MSwyOS40MTRBMTcuOTI3LDE3LjkyNywwLDEsMSw2MC43MzUsNzMwLjQsMTcuOTI4LDE3LjkyOCwwLDAsMCw0OS4wMjcsNzI2LjA1OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yOSAtNzI0KSIvPgogIDxwYXRoIGlkPSLlnIbop5Lnn6nlvaJfMjJf5ou36LSdXzQiIGRhdGEtbmFtZT0i5ZyG6KeS55+p5b2iIDIyIOaLt+i0nSA0IiBjbGFzcz0iY2xzLTMiIGQ9Ik01Ny41LDc0My44NDRINDIuMTg0bDUuMTY0LDUuMTQ2YTIuMjU0LDIuMjU0LDAsMSwxLTMuMTkzLDMuMTgxbC04LjQzNy04LjQwNmEyLjIsMi4yLDAsMCwxLTEuMDg5LS41ODIsMi4yNDgsMi4yNDgsMCwwLDEsMC0zLjE4N2w5LjA2Ni05LjAzNGEyLjI1OCwyLjI1OCwwLDEsMSwzLjIsMy4xODdsLTUuMTgyLDUuMTYzSDU3LjVhMi4yNTQsMi4yNTQsMCwwLDEsMi4yNTQsMi4yNTR2MC4wMjRBMi4yNTQsMi4yNTQsMCwwLDEsNTcuNSw3NDMuODQ0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI5IC03MjQpIi8+Cjwvc3ZnPgo=) no-repeat top 10px center;
  background-size: auto 30px;
  margin-right: 22px;
  font-size: 14px;
  min-width: 30px;
}

.l-ide .l-nav-item {
  color: #fff;
}

.l-nav .l-nav-back {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbl9iYWNrIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MS44NzUiIGhlaWdodD0iNzEuNjI0IiB2aWV3Qm94PSIwIDAgMzUuOTM4IDM1LjgxMiI+CiAgPG1ldGFkYXRhPjw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIvPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz48L21ldGFkYXRhPgo8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjMzE5NmZmOwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6ICM0ZmE1ZmY7CiAgICAgIH0KCiAgICAgIC5jbHMtMiwgLmNscy0zIHsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KCiAgICAgIC5jbHMtMyB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPGNpcmNsZSBpZD0i5qSt5ZyGXzVf5ou36LSdXzQiIGRhdGEtbmFtZT0i5qSt5ZyGIDUg5ou36LSdIDQiIGNsYXNzPSJjbHMtMSIgY3g9IjE3Ljk2OSIgY3k9IjE3LjkwNiIgcj0iMTcuOTY5Ii8+CiAgPHBhdGggaWQ9IuakreWchl81X+aLt+i0nV82IiBkYXRhLW5hbWU9IuakreWchiA1IOaLt+i0nSA2IiBjbGFzcz0iY2xzLTIiIGQ9Ik00OS4wMjcsNzI2LjA1OWExNy44ODUsMTcuODg1LDAsMCwwLTEzLjc2MSwyOS40MTRBMTcuOTI3LDE3LjkyNywwLDEsMSw2MC43MzUsNzMwLjQsMTcuOTI4LDE3LjkyOCwwLDAsMCw0OS4wMjcsNzI2LjA1OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yOSAtNzI0KSIvPgogIDxwYXRoIGlkPSLlnIbop5Lnn6nlvaJfMjJf5ou36LSdXzQiIGRhdGEtbmFtZT0i5ZyG6KeS55+p5b2iIDIyIOaLt+i0nSA0IiBjbGFzcz0iY2xzLTMiIGQ9Ik01Ny41LDc0My44NDRINDIuMTg0bDUuMTY0LDUuMTQ2YTIuMjU0LDIuMjU0LDAsMSwxLTMuMTkzLDMuMTgxbC04LjQzNy04LjQwNmEyLjIsMi4yLDAsMCwxLTEuMDg5LS41ODIsMi4yNDgsMi4yNDgsMCwwLDEsMC0zLjE4N2w5LjA2Ni05LjAzNGEyLjI1OCwyLjI1OCwwLDEsMSwzLjIsMy4xODdsLTUuMTgyLDUuMTYzSDU3LjVhMi4yNTQsMi4yNTQsMCwwLDEsMi4yNTQsMi4yNTR2MC4wMjRBMi4yNTQsMi4yNTQsMCwwLDEsNTcuNSw3NDMuODQ0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI5IC03MjQpIi8+Cjwvc3ZnPgo=);
}

.l-nav .l-nav-back:hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbl9iYWNr5oKs5YGcIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MS44NzYiIGhlaWdodD0iNzEuNjI0IiB2aWV3Qm94PSIwIDAgMzUuOTM4IDM1LjgxMiI+CiAgPG1ldGFkYXRhPjw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIvPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz48L21ldGFkYXRhPgo8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjMTc3Y2U0OwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6ICMzNzk0ZjU7CiAgICAgIH0KCiAgICAgIC5jbHMtMiwgLmNscy0zIHsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KCiAgICAgIC5jbHMtMyB7CiAgICAgICAgZmlsbDogI2U4ZjNmZjsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPGNpcmNsZSBpZD0i5qSt5ZyGXzVf5ou36LSdXzQiIGRhdGEtbmFtZT0i5qSt5ZyGIDUg5ou36LSdIDQiIGNsYXNzPSJjbHMtMSIgY3g9IjE3Ljk2OSIgY3k9IjE3LjkwNiIgcj0iMTcuOTY5Ii8+CiAgPHBhdGggaWQ9IuakreWchl81X+aLt+i0nV82IiBkYXRhLW5hbWU9IuakreWchiA1IOaLt+i0nSA2IiBjbGFzcz0iY2xzLTIiIGQ9Ik0zODYuMDI3LDgzMC4wNTlhMTcuODg1LDE3Ljg4NSwwLDAsMC0xMy43NjEsMjkuNDE0QTE3LjkyNywxNy45MjcsMCwxLDEsMzk3LjczNSw4MzQuNCwxNy45MjcsMTcuOTI3LDAsMCwwLDM4Ni4wMjcsODMwLjA1OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNjYgLTgyOCkiLz4KICA8cGF0aCBpZD0i5ZyG6KeS55+p5b2iXzIyX+aLt+i0nV80IiBkYXRhLW5hbWU9IuWchuinkuefqeW9oiAyMiDmi7fotJ0gNCIgY2xhc3M9ImNscy0zIiBkPSJNMzk0LjUsODQ3Ljg0NEgzNzkuMTg0bDUuMTY0LDUuMTQ2YTIuMjU0LDIuMjU0LDAsMCwxLTMuMTkzLDMuMTgxbC04LjQzNy04LjQwNmEyLjIwNiwyLjIwNiwwLDAsMS0xLjA4OS0uNTgyLDIuMjQ4LDIuMjQ4LDAsMCwxLDAtMy4xODdsOS4wNjctOS4wMzRhMi4yNTgsMi4yNTgsMCwxLDEsMy4yLDMuMTg3bC01LjE4Miw1LjE2M0gzOTQuNWEyLjI1NCwyLjI1NCwwLDAsMSwyLjI1NCwyLjI1NHYwLjAyNEEyLjI1NCwyLjI1NCwwLDAsMSwzOTQuNSw4NDcuODQ0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM2NiAtODI4KSIvPgo8L3N2Zz4K);
}

.l-nav .l-nav-refresh {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbl9yZWZyZXNoIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MS44NzQiIGhlaWdodD0iNzEuNjI0IiB2aWV3Qm94PSIwIDAgMzUuOTM3IDM1LjgxMiI+CiAgPG1ldGFkYXRhPjw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIvPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz48L21ldGFkYXRhPgo8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjMzE5NmZmOwogICAgICB9CgogICAgICAuY2xzLTEsIC5jbHMtMiwgLmNscy0zIHsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogIzRmYTVmZjsKICAgICAgfQoKICAgICAgLmNscy0zIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBpZD0i5qSt5ZyGXzVf5ou36LSdXzQiIGRhdGEtbmFtZT0i5qSt5ZyGIDUg5ou36LSdIDQiIGNsYXNzPSJjbHMtMSIgZD0iTTExMS4zMDYsNzI0QTE3LjkwNiwxNy45MDYsMCwxLDEsOTMuMzMzLDc0MS45LDE3Ljk0LDE3Ljk0LDAsMCwxLDExMS4zMDYsNzI0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkzLjM0NCAtNzI0KSIvPgogIDxwYXRoIGlkPSLmpK3lnIZfNV/mi7fotJ1fNiIgZGF0YS1uYW1lPSLmpK3lnIYgNSDmi7fotJ0gNiIgY2xhc3M9ImNscy0yIiBkPSJNMTEzLjM2LDcyNi4wNTlBMTcuODg1LDE3Ljg4NSwwLDAsMCw5OS42LDc1NS40NzJhMTcuOTI3LDE3LjkyNywwLDEsMSwyNS40Ny0yNS4wNzZBMTcuOTI4LDE3LjkyOCwwLDAsMCwxMTMuMzYsNzI2LjA1OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05My4zNDQgLTcyNCkiLz4KICA8cGF0aCBpZD0i5b2i54q2Xzg2IiBkYXRhLW5hbWU9IuW9oueKtiA4NiIgY2xhc3M9ImNscy0zIiBkPSJNMTIyLjI0NCw3NDIuNWgtMi4wMzlhMC45NjUsMC45NjUsMCwwLDAtLjk1MS45NDUsNy44NDYsNy44NDYsMCwwLDEtMTUuNjYxLS44NjEsOC4wMjQsOC4wMjQsMCwwLDEsNy44Mi04LjA0M3YxLjMwN2EwLjU4NywwLjU4NywwLDAsMCwuOTE4LjZMMTE4Ljg3Nyw3MzNhMC41LDAuNSwwLDAsMCwwLS45NjRsLTYuNTQ2LTMuNDI4YTAuNTg2LDAuNTg2LDAsMCwwLS45MTguNTkxdjEuMzE4YTEyLjA2OSwxMi4wNjksMCwxLDAsMTEuNzc4LDEyLjkyOEEwLjk1LDAuOTUsMCwwLDAsMTIyLjI0NCw3NDIuNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05My4zNDQgLTcyNCkiLz4KPC9zdmc+Cg==);
}

.l-nav .l-nav-refresh:hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbl9yZWZyZXNoX+aCrOWBnCIgZGF0YS1uYW1lPSJpY29uX3JlZnJlc2gg5oKs5YGcIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MS44NzQiIGhlaWdodD0iNzEuNjI0IiB2aWV3Qm94PSIwIDAgMzUuOTM3IDM1LjgxMiI+CiAgPG1ldGFkYXRhPjw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIvPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz48L21ldGFkYXRhPgo8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjMTc3Y2U0OwogICAgICB9CgogICAgICAuY2xzLTEsIC5jbHMtMiwgLmNscy0zIHsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogIzM3OTRmNTsKICAgICAgfQoKICAgICAgLmNscy0zIHsKICAgICAgICBmaWxsOiAjZThmM2ZmOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBpZD0i5qSt5ZyGXzVf5ou36LSdXzQiIGRhdGEtbmFtZT0i5qSt5ZyGIDUg5ou36LSdIDQiIGNsYXNzPSJjbHMtMSIgZD0iTTQ0OC4zMDYsODI4QTE3LjkwNiwxNy45MDYsMCwxLDEsNDMwLjMzMyw4NDUuOSwxNy45NCwxNy45NCwwLDAsMSw0NDguMzA2LDgyOFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00MzAuMzQ0IC04MjgpIi8+CiAgPHBhdGggaWQ9IuakreWchl81X+aLt+i0nV82IiBkYXRhLW5hbWU9IuakreWchiA1IOaLt+i0nSA2IiBjbGFzcz0iY2xzLTIiIGQ9Ik00NTAuMzYsODMwLjA1OUExNy44ODUsMTcuODg1LDAsMCwwLDQzNi42LDg1OS40NzJhMTcuOTI3LDE3LjkyNywwLDEsMSwyNS40Ny0yNS4wNzZBMTcuOTI4LDE3LjkyOCwwLDAsMCw0NTAuMzYsODMwLjA1OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00MzAuMzQ0IC04MjgpIi8+CiAgPHBhdGggaWQ9IuW9oueKtl84NiIgZGF0YS1uYW1lPSLlvaLnirYgODYiIGNsYXNzPSJjbHMtMyIgZD0iTTQ1OS4yNDQsODQ2LjVoLTIuMDM5YTAuOTY1LDAuOTY1LDAsMCwwLS45NTEuOTQ2LDcuODQ2LDcuODQ2LDAsMCwxLTE1LjY2MS0uODYyLDguMDI0LDguMDI0LDAsMCwxLDcuODItOC4wNDN2MS4zMDdhMC41ODcsMC41ODcsMCwwLDAsLjkxOC42TDQ1NS44NzcsODM3YTAuNSwwLjUsMCwwLDAsMC0uOTY0bC02LjU0Ni0zLjQyOGEwLjU4NiwwLjU4NiwwLDAsMC0uOTE4LjU5MXYxLjMxOGExMi4wNjksMTIuMDY5LDAsMSwwLDExLjc3OCwxMi45MjhBMC45NSwwLjk1LDAsMCwwLDQ1OS4yNDQsODQ2LjVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDMwLjM0NCAtODI4KSIvPgo8L3N2Zz4K);
}

.l-nav .l-nav-tips {
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i54Gv5rOhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MS44NzYiIGhlaWdodD0iNzEuNjI0IiB2aWV3Qm94PSIwIDAgMzUuOTM4IDM1LjgxMiI+CiAgPG1ldGFkYXRhPjw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIvPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz48L21ldGFkYXRhPgo8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmYzMDU2OwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6ICNmZjc4Nzg7CiAgICAgIH0KCiAgICAgIC5jbHMtMiwgLmNscy0zLCAuY2xzLTQsIC5jbHMtNSB7CiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOwogICAgICB9CgogICAgICAuY2xzLTMsIC5jbHMtNSB7CiAgICAgICAgZmlsbDogbm9uZTsKICAgICAgICBzdHJva2U6ICNmZmY7CiAgICAgICAgc3Ryb2tlLXdpZHRoOiAzcHg7CiAgICAgIH0KCiAgICAgIC5jbHMtNCB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgfQoKICAgICAgLmNscy01IHsKICAgICAgICBzdHJva2UtbGluZWNhcDogcm91bmQ7CiAgICAgICAgc3Ryb2tlLWxpbmVqb2luOiByb3VuZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPGNpcmNsZSBpZD0i5qSt5ZyGXzVf5ou36LSdXzQiIGRhdGEtbmFtZT0i5qSt5ZyGIDUg5ou36LSdIDQiIGNsYXNzPSJjbHMtMSIgY3g9IjE3Ljk2OSIgY3k9IjE3LjkwNiIgcj0iMTcuOTY5Ii8+CiAgPHBhdGggaWQ9IuakreWchl81X+aLt+i0nV82IiBkYXRhLW5hbWU9IuakreWchiA1IOaLt+i0nSA2IiBjbGFzcz0iY2xzLTIiIGQ9Ik0xNzcuMDI3LDcyNi4wNTlhMTcuODg1LDE3Ljg4NSwwLDAsMC0xMy43NjIsMjkuNDEzLDE3LjkyNywxNy45MjcsMCwxLDEsMjUuNDctMjUuMDc1QTE3LjkyMSwxNy45MjEsMCwwLDAsMTc3LjAyNyw3MjYuMDU5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1NyAtNzI0KSIvPgogIDxwYXRoIGlkPSLlnIbop5Lnn6nlvaJfMTciIGRhdGEtbmFtZT0i5ZyG6KeS55+p5b2iIDE3IiBjbGFzcz0iY2xzLTMiIGQ9Ik0xNzguNTY4LDc0OC4zNXYwLjcxNmExLjQzNSwxLjQzNSwwLDAsMS0xLjQzOCwxLjQzM2gtMy41OTVhMS40MzUsMS40MzUsMCwwLDEtMS40MzgtMS40MzN2LTAuNDUzQTkuMzQyLDkuMzQyLDAsMSwxLDE3OC41NjgsNzQ4LjM1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1NyAtNzI0KSIvPgogIDxwYXRoIGlkPSLnn6nlvaJfMTkiIGRhdGEtbmFtZT0i55+p5b2iIDE5IiBjbGFzcz0iY2xzLTQiIGQ9Ik0xNzguNTMxLDc1My4zNjRhMy4yMTgsMy4yMTgsMCwwLDEtNi40LDBoNi40WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1NyAtNzI0KSIvPgogIDxwYXRoIGlkPSLmpK3lnIZfNyIgZGF0YS1uYW1lPSLmpK3lnIYgNyIgY2xhc3M9ImNscy01IiBkPSJNMTcyLjEsNzQ0LjE1NGE2LjA3Miw2LjA3MiwwLDAsMSwwLTguNjA5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTU3IC03MjQpIi8+Cjwvc3ZnPgo=) no-repeat top 8px center;
  background-size: auto 32px;
}

.l-nav .l-nav-tips:hover {
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i54Gv5rOhX+aCrOWBnCIgZGF0YS1uYW1lPSLnga/ms6Eg5oKs5YGcIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MS44NzYiIGhlaWdodD0iNzEuNjI0IiB2aWV3Qm94PSIwIDAgMzUuOTM4IDM1LjgxMiI+CiAgPG1ldGFkYXRhPjw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIvPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz48L21ldGFkYXRhPgo8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZTMwNzI2OwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6ICNmYzMzNTA7CiAgICAgIH0KCiAgICAgIC5jbHMtMiwgLmNscy0zLCAuY2xzLTQsIC5jbHMtNSB7CiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOwogICAgICB9CgogICAgICAuY2xzLTMsIC5jbHMtNSB7CiAgICAgICAgZmlsbDogbm9uZTsKICAgICAgICBzdHJva2U6ICNmZmQ2ZDY7CiAgICAgICAgc3Ryb2tlLXdpZHRoOiAzcHg7CiAgICAgIH0KCiAgICAgIC5jbHMtNCB7CiAgICAgICAgZmlsbDogI2ZmZDZkNjsKICAgICAgfQoKICAgICAgLmNscy01IHsKICAgICAgICBzdHJva2UtbGluZWNhcDogcm91bmQ7CiAgICAgICAgc3Ryb2tlLWxpbmVqb2luOiByb3VuZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPGNpcmNsZSBpZD0i5qSt5ZyGXzVf5ou36LSdXzQiIGRhdGEtbmFtZT0i5qSt5ZyGIDUg5ou36LSdIDQiIGNsYXNzPSJjbHMtMSIgY3g9IjE3Ljk2OSIgY3k9IjE3LjkwNiIgcj0iMTcuOTY5Ii8+CiAgPHBhdGggaWQ9IuakreWchl81X+aLt+i0nV82IiBkYXRhLW5hbWU9IuakreWchiA1IOaLt+i0nSA2IiBjbGFzcz0iY2xzLTIiIGQ9Ik01MTQuMDI3LDgzMC4wNTlhMTcuODg1LDE3Ljg4NSwwLDAsMC0xMy43NjIsMjkuNDEzLDE3LjkyNywxNy45MjcsMCwxLDEsMjUuNDctMjUuMDc1QTE3LjkyMSwxNy45MjEsMCwwLDAsNTE0LjAyNyw4MzAuMDU5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ5NCAtODI4KSIvPgogIDxwYXRoIGlkPSLlnIbop5Lnn6nlvaJfMTciIGRhdGEtbmFtZT0i5ZyG6KeS55+p5b2iIDE3IiBjbGFzcz0iY2xzLTMiIGQ9Ik01MTUuNTY4LDg1Mi4zNXYwLjcxNmExLjQzNSwxLjQzNSwwLDAsMS0xLjQzOCwxLjQzM2gtMy41OTVhMS40MzUsMS40MzUsMCwwLDEtMS40MzgtMS40MzN2LTAuNDUzQTkuMzQyLDkuMzQyLDAsMSwxLDUxNS41NjgsODUyLjM1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ5NCAtODI4KSIvPgogIDxwYXRoIGlkPSLnn6nlvaJfMTkiIGRhdGEtbmFtZT0i55+p5b2iIDE5IiBjbGFzcz0iY2xzLTQiIGQ9Ik01MTUuNTMxLDg1Ny4zNjRhMy4yMTgsMy4yMTgsMCwwLDEtNi40LDBoNi40WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ5NCAtODI4KSIvPgogIDxwYXRoIGlkPSLmpK3lnIZfNyIgZGF0YS1uYW1lPSLmpK3lnIYgNyIgY2xhc3M9ImNscy01IiBkPSJNNTA5LjEsODQ4LjE1NWE2LjA3Myw2LjA3MywwLDAsMSwwLTguNjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00OTQgLTgyOCkiLz4KPC9zdmc+Cg==) no-repeat top 8px center;
  background-size: auto 32px;
}

.l-nav .l-nav-video {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDIuNiA4Ni4wNyI+PHRpdGxlPuOCouOCu+ODg+ODiCAxPC90aXRsZT48cGF0aCBkPSJNNTIuNCwxMC40M2gwTDQyLjcuOTNhMy4xOSwzLjE5LDAsMCwwLTQuMzYsMCwzLDMsMCwwLDAtLjExLDQuM2wuMDUuMDUsOC4yOSw4LjEzaDBsLjA1LDBhMTYuOCwxNi44LDAsMCwxLDUuNzctMy4wNmgwWiIgZmlsbD0iIzBlMGUyMyIvPjxwYXRoIGQ9Ik03Ni4yMywxLDc2LjE2LjlhMy4yMywzLjIzLDAsMCwwLTQuNTEsMEw2MiwxMC40M2gwQTE2Ljc3LDE2Ljc3LDAsMCwxLDY3LjgsMTMuNWwwLDAsLjA3LS4wNWgwbDguMy04LjEzQTMuMDgsMy4wOCwwLDAsMCw3Ni4yMywxWiIgZmlsbD0iIzBlMGUyMyIvPjxwYXRoIGQ9Ik02MC43MSw5Ljg3bC0uMzktLjA3Yy0uNC0uMDctLjgtLjE0LTEuMi0uMThsLS4zNCwwYy0uNTIsMC0xLS4wOC0xLjU4LS4wOGExNy4wOCwxNy4wOCwwLDAsMC0xLjcyLjA5aDBhMTYuODcsMTYuODcsMCwwLDAtMTIuNjMsOEg3MS41OEExNi44OSwxNi44OSwwLDAsMCw2MC43MSw5Ljg3WiIgZmlsbD0iIzQ3NDk1NiIvPjxwYXRoIGQ9Ik02LjM5LDczLjc3bDE3Ljg0LDUuNjdWMjMuMTdMNi4zOSwyOC44NEE5LjE3LDkuMTcsMCwwLDAsMCwzNy41OFY2NUE5LjE3LDkuMTcsMCwwLDAsNi4zOSw3My43N1oiIGZpbGw9IiM2ZDE1MDAiLz48cGF0aCBkPSJNMTcuODIsODQuODhsMTAsMS4xOVYxNi41NWwtMTAsMS4xOWExMy4wNywxMy4wNywwLDAsMC0xMS41MiwxM1Y3MS45QTEzLjA3LDEzLjA3LDAsMCwwLDE3LjgyLDg0Ljg4WiIgZmlsbD0iI2FmMjkwMCIvPjxwYXRoIGQ9Ik05Mi42NywxNi41NUgyNy44MkE5LjgyLDkuODIsMCwwLDAsMTgsMjYuMjdoMFY3Ni4zM2E5LjgyLDkuODIsMCwwLDAsOS44Myw5LjczSDkyLjcxYTkuODIsOS44MiwwLDAsMCw5Ljg5LTkuNzZoMHYtNTBBOS44Myw5LjgzLDAsMCwwLDkyLjY3LDE2LjU1WiIgZmlsbD0iI2ZmNDkzMSIvPjxwYXRoIGQ9Ik0xOCw3Ni4zM1YyNi4yOGgwYTkuODIsOS44MiwwLDAsMSw5LjgxLTkuNzJIMjUuMDlhOS44Miw5LjgyLDAsMCwwLTkuODEsOS43MmgwVjc2LjMzYTkuODIsOS44MiwwLDAsMCw5LjgzLDkuNzNoMi43M0E5LjgyLDkuODIsMCwwLDEsMTgsNzYuMzNaIiBmaWxsPSIjOTMxYzAwIi8+PHBhdGggZD0iTTg0LjQ0LDY5LjM1YTUuMjcsNS4yNywwLDAsMS01LjMyLDUuMjJIMzMuNDZhNS4yNyw1LjI3LDAsMCwxLTUuMzItNS4yMmgwVjMzLjIyQTUuMjcsNS4yNywwLDAsMSwzMy40NiwyOEg3OS4xMWE1LjI3LDUuMjcsMCwwLDEsNS4zMiw1LjIyaDBWNjkuMzNaIiBmaWxsPSIjMGUwZTIzIi8+PHBhdGggZD0iTTg0LjQzLDY5LjMzVjMzLjIyaDBBNS4yNyw1LjI3LDAsMCwwLDc5LjExLDI4SDc2LjczYTUuMjcsNS4yNywwLDAsMSw1LjMyLDUuMjJoMFY2OS4zM2gwYTUuMjcsNS4yNywwLDAsMS01LjMyLDUuMjJoMi4zOGE1LjI3LDUuMjcsMCwwLDAsNS4zMi01LjIyWiIgZmlsbD0iIzQ3NDk1NiIvPjxwYXRoIGQ9Ik02Ni41NCw0OS44MSw1MS41MSwzOWEyLjUzLDIuNTMsMCwwLDAtNCwyLjEzVjYyLjcyYTIuNTMsMi41MywwLDAsMCw0LDIuMTNsMTUtMTAuOGEyLjYzLDIuNjMsMCwwLDAsMC00LjI1WiIgZmlsbD0iI2YyOTYwMCIvPjxwYXRoIGQ9Ik05Ny4zNSwzOS45YTMuNjgsMy42OCwwLDAsMC0xLTIuNDhWMzYuMTlIOTMuNzFhMy43MSwzLjcxLDAsMCwwLS4xNCw3LjQyaC4xNHYwaDIuNjdWNDIuMzRBMy43MiwzLjcyLDAsMCwwLDk3LjM1LDM5LjlaIiBmaWxsPSIjNDc0OTU2Ii8+PHBhdGggZD0iTTk2LjM4LDQzLjYxYTMuNzEsMy43MSwwLDEsMSwzLjc4LTMuNzEsMy43NSwzLjc1LDAsMCwxLTMuNzgsMy42OVoiIGZpbGw9IiMwZTBlMjMiLz48cGF0aCBkPSJNOTcuMzUsNTIuMjRhMy42OCwzLjY4LDAsMCwwLTEtMi40OFY0OC41M0g5My43MWEzLjcxLDMuNzEsMCwwLDAtLjE0LDcuNDJoLjE0djBoMi42N1Y1NC42N0EzLjcyLDMuNzIsMCwwLDAsOTcuMzUsNTIuMjRaIiBmaWxsPSIjNDc0OTU2Ii8+PHBhdGggZD0iTTk2LjM4LDU1Ljk0YTMuNzEsMy43MSwwLDEsMSwzLjc4LTMuNzEsMy43NSwzLjc1LDAsMCwxLTMuNzgsMy42OVoiIGZpbGw9IiMwZTBlMjMiLz48cmVjdCB4PSI5LjA5IiB5PSIzMS4yIiB3aWR0aD0iNC4wNCIgaGVpZ2h0PSIzNi4xOCIgcng9IjIuMDIiIHJ5PSIyLjAyIiBmaWxsPSIjZDMzYzFhIi8+PHJlY3QgeD0iODkuMTEiIHk9IjY1LjMxIiB3aWR0aD0iMS45OSIgaGVpZ2h0PSI5LjIzIiByeD0iMSIgcnk9IjEiIGZpbGw9IiMwZTBlMjMiLz48cmVjdCB4PSI5Mi42NCIgeT0iNjUuMzEiIHdpZHRoPSIxLjk5IiBoZWlnaHQ9IjkuMjMiIHJ4PSIxIiByeT0iMSIgZmlsbD0iIzBlMGUyMyIvPjxyZWN0IHg9Ijk2LjE4IiB5PSI2NS4zMSIgd2lkdGg9IjEuOTkiIGhlaWdodD0iOS4yMyIgcng9IjEiIHJ5PSIxIiBmaWxsPSIjMGUwZTIzIi8+PC9zdmc+) no-repeat top 8px center;
  width: 36px;
}

.l-nav .l-nav-video:hover {
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMi42IDg2LjA3Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzBlMGUyMzt9LmNscy0ye2ZpbGw6IzQ3NDk1Njt9LmNscy0ze2ZpbGw6IzU0MDAwMDt9LmNscy00e2ZpbGw6Izk2MTAwMDt9LmNscy01e2ZpbGw6I2U2MzAxODt9LmNscy02e2ZpbGw6IzdhMDMwMDt9LmNscy03e2ZpbGw6I2YyOTYwMDt9LmNscy04e2ZpbGw6I2JhMjMwMTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnR2X2hvdmVyPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMDMuNTIsODkuNTRoMEw5My44Miw4MGEzLjE5LDMuMTksMCwwLDAtNC4zNiwwLDMsMywwLDAsMC0uMTEsNC4zbC4wNS4wNSw4LjI5LDguMTNoMGwuMDUsMGExNi44LDE2LjgsMCwwLDEsNS43Ny0zLjA2aDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTEuMTIgLTc5LjExKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEyNy4zNiw4MC4wOWwtLjA4LS4wN2EzLjIzLDMuMjMsMCwwLDAtNC41MSwwbC05LjY5LDkuNWgwYTE2Ljc3LDE2Ljc3LDAsMCwxLDUuODMsMy4wNmwwLDAsLjA3LS4wNWgwbDguMy04LjEzQTMuMDgsMy4wOCwwLDAsMCwxMjcuMzYsODAuMDlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTEuMTIgLTc5LjExKSIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTExMS44NCw4OWwtLjM5LS4wN2MtLjQtLjA3LS44LS4xNC0xLjItLjE4bC0uMzQsMGMtLjUyLDAtMS0uMDgtMS41OC0uMDhhMTcuMDgsMTcuMDgsMCwwLDAtMS43Mi4wOWgwYTE2Ljg3LDE2Ljg3LDAsMCwwLTEyLjYzLDhIMTIyLjdBMTYuODksMTYuODksMCwwLDAsMTExLjg0LDg5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUxLjEyIC03OS4xMSkiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik01Ny41MSwxNTIuODlsMTcuODQsNS42N1YxMDIuMjhMNTcuNTEsMTA4YTkuMTcsOS4xNywwLDAsMC02LjM5LDguNzR2MjcuNDZBOS4xNyw5LjE3LDAsMCwwLDU3LjUxLDE1Mi44OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MS4xMiAtNzkuMTEpIi8+PHBhdGggY2xhc3M9ImNscy00IiBkPSJNNjguOTQsMTY0bDEwLDEuMTlWOTUuNjZsLTEwLDEuMTlhMTMuMDcsMTMuMDcsMCwwLDAtMTEuNTIsMTNWMTUxQTEzLjA3LDEzLjA3LDAsMCwwLDY4Ljk0LDE2NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MS4xMiAtNzkuMTEpIi8+PHBhdGggY2xhc3M9ImNscy01IiBkPSJNMTQzLjgsOTUuNjZINzguOTRhOS44Miw5LjgyLDAsMCwwLTkuODEsOS43MmgwdjUwLjA2QTkuODIsOS44MiwwLDAsMCw3OSwxNjUuMThoNjQuODdhOS44Miw5LjgyLDAsMCwwLDkuODktOS43Nmgwdi01MEE5LjgzLDkuODMsMCwwLDAsMTQzLjgsOTUuNjZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTEuMTIgLTc5LjExKSIvPjxwYXRoIGNsYXNzPSJjbHMtNiIgZD0iTTY5LjEzLDE1NS40NVYxMDUuMzloMGE5LjgyLDkuODIsMCwwLDEsOS44MS05LjcySDc2LjIxYTkuODIsOS44MiwwLDAsMC05LjgxLDkuNzJoMHY1MC4wNmE5LjgyLDkuODIsMCwwLDAsOS44Myw5LjczSDc5QTkuODIsOS44MiwwLDAsMSw2OS4xMywxNTUuNDVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTEuMTIgLTc5LjExKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEzNS41NiwxNDguNDZhNS4yNyw1LjI3LDAsMCwxLTUuMzIsNS4yMkg4NC41OGE1LjI3LDUuMjcsMCwwLDEtNS4zMi01LjIyaDBWMTEyLjM0YTUuMjcsNS4yNywwLDAsMSw1LjMyLTUuMjJoNDUuNjVhNS4yNyw1LjI3LDAsMCwxLDUuMzIsNS4yMmgwdjM2LjExWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUxLjEyIC03OS4xMSkiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xMzUuNTUsMTQ4LjQ1VjExMi4zNGgwYTUuMjcsNS4yNywwLDAsMC01LjMyLTUuMjJoLTIuMzdhNS4yNyw1LjI3LDAsMCwxLDUuMzIsNS4yMmgwdjM2LjExaDBhNS4yNyw1LjI3LDAsMCwxLTUuMzIsNS4yMmgyLjM4YTUuMjcsNS4yNywwLDAsMCw1LjMyLTUuMjJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTEuMTIgLTc5LjExKSIvPjxwYXRoIGNsYXNzPSJjbHMtNyIgZD0iTTExNy42NiwxMjguOTJsLTE1LTEwLjhhMi41MywyLjUzLDAsMCwwLTQsMi4xM3YyMS41OWEyLjUzLDIuNTMsMCwwLDAsNCwyLjEzbDE1LTEwLjhhMi42MywyLjYzLDAsMCwwLDAtNC4yNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MS4xMiAtNzkuMTEpIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTQ4LjQ3LDExOWEzLjY4LDMuNjgsMCwwLDAtMS0yLjQ4bC0xLjI4LTEuMjNoLTEuMzlhMy43MSwzLjcxLDAsMCwwLS4xNCw3LjQyaC4xNHYwaDEuMzlsMS4yOC0xLjI3QTMuNzIsMy43MiwwLDAsMCwxNDguNDcsMTE5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUxLjEyIC03OS4xMSkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNDYuMjIsMTIyLjcyQTMuNzEsMy43MSwwLDEsMSwxNTAsMTE5YTMuNzUsMy43NSwwLDAsMS0zLjc4LDMuNjlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTEuMTIgLTc5LjExKSIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE0OC40NywxMzEuMzVhMy42OCwzLjY4LDAsMCwwLTEtMi40OGwtMS4yOC0xLjIzaC0xLjM5YTMuNzEsMy43MSwwLDAsMC0uMTQsNy40MmguMTR2MGgxLjM5bDEuMjgtMS4yN0EzLjcyLDMuNzIsMCwwLDAsMTQ4LjQ3LDEzMS4zNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MS4xMiAtNzkuMTEpIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTQ2LjIyLDEzNS4wNmEzLjcxLDMuNzEsMCwxLDEsMy43OC0zLjcxLDMuNzUsMy43NSwwLDAsMS0zLjc4LDMuNjlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTEuMTIgLTc5LjExKSIvPjxyZWN0IGNsYXNzPSJjbHMtOCIgeD0iOS4wOSIgeT0iMzEuMiIgd2lkdGg9IjQuMDQiIGhlaWdodD0iMzYuMTgiIHJ4PSIyLjAyIiByeT0iMi4wMiIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iODkuMTEiIHk9IjY1LjMxIiB3aWR0aD0iMS45OSIgaGVpZ2h0PSI5LjIzIiByeD0iMSIgcnk9IjEiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjkyLjY0IiB5PSI2NS4zMSIgd2lkdGg9IjEuOTkiIGhlaWdodD0iOS4yMyIgcng9IjEiIHJ5PSIxIi8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSI5Ni4xOCIgeT0iNjUuMzEiIHdpZHRoPSIxLjk5IiBoZWlnaHQ9IjkuMjMiIHJ4PSIxIiByeT0iMSIvPjwvc3ZnPg==) no-repeat top 8px center;
}

.l-nav .l-nav-teacher {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMzIuMDQgOTgiPjx0aXRsZT7jgqLjgrvjg4Pjg4ggMjwvdGl0bGU+PHBhdGggZD0iTTU2LjQzLDguNDZINzYuNzZBMzguNTQsMzguNTQsMCwwLDEsOTAsNi4wOEg2OS42N0EzOC41NCwzOC41NCwwLDAsMCw1Ni40Myw4LjQ2WiIgZmlsbD0iIzFkNmY4MiIvPjxwYXRoIGQ9Ik00OCw1Mi4wN2MwLS43OCwwLTEuNTUuMDYtMi4zMiwwLS4yNCwwLS40OCwwLS43MiwwLS41NC4wNy0xLjA3LjEyLTEuNnEwLS4zOS4wOC0uNzhjLjA2LS41NC4xMy0xLjA3LjItMS42LDAtLjIyLjA2LS40NS4wOS0uNjcuMTItLjc0LjI0LTEuNDguMzktMi4yMUw0OSw0MnEuMjEtMSwuNDYtMmMuMDYtLjIzLjEyLS40Ni4xOC0uNjlxLjItLjc0LjQyLTEuNDhsLjIyLS43M3EuMjQtLjc1LjUtMS40OUw1MSwzNXEuMzctMSwuNzktMmwuMTItLjI3cS4zNy0uODYuNzYtMS43TDUzLDMwLjRxLjMzLS42Ny42Ny0xLjMybC4zNS0uNjVxLjM4LS42OC43Ny0xLjM1bC4zLS41MXEuNTUtLjksMS4xNC0xLjc3bC4yMi0uMzFxLjQ5LS43MSwxLTEuNGwuNDQtLjU4cS40My0uNTYuODgtMS4xbC40OC0uNThxLjQ3LS41NSwxLTEuMDlsLjQ0LS40OWMuNDgtLjUxLDEtMSwxLjQ2LTEuNUM1OSwxNC4zOCw1NS45MywxMSw1Mi44MSw3LjY1TDU2LjUsNWgxMGMyLjc2LTEuMjIsNi4xOC0yLjcyLDkuMzEtNC4wNkg2Mi4wN0w2My4zMiwwSDQzTDQwLjI3LDIsMzcuNTYsNCwzNC45Myw1Ljg3LDMyLjQ3LDcuNjVoMHEyLjM0LDIuNTEsNC42NSw1bDQuNjMsNS4wNmgwYy0uNS40OC0xLDEtMS40NiwxLjVsLS40NC40OXEtLjQ5LjU0LTEsMS4wOWwtLjQ4LjU4cS0uNDUuNTUtLjg4LDEuMTFsLS40NC41OC0uMjEuMjhjLS4yNy4zNy0uNTMuNzUtLjgsMS4xM2wtLjIxLjNxLS41OS44Ny0xLjE0LDEuNzhsLS4zLjVxLS40LjY3LS43OCwxLjM1bC0uMzUuNjRxLS4zNS42Ni0uNjgsMS4zMmwtLjMxLjYycS0uNC44NC0uNzcsMS43MWwtLjEyLjI2Yy0uMjguNjYtLjU0LDEuMzQtLjc5LDJsLS4yMS41OXEtLjI2Ljc0LS41LDEuNDlsLS4yMi43M3EtLjIyLjczLS40MiwxLjQ4Yy0uMDYuMjMtLjEyLjQ2LS4xOC42OXEtLjI1LDEtLjQ2LDJsMCwuMTdjLS4xNS43My0uMjcsMS40Ny0uMzksMi4yMSwwLC4yMi0uMDYuNDUtLjA5LjY3cS0uMTEuOC0uMiwxLjYsMCwuMzktLjA4Ljc4YzAsLjUzLS4wOSwxLjA3LS4xMiwxLjYsMCwuMjQsMCwuNDgsMCwuNzIsMCwuNzctLjA2LDEuNTQtLjA2LDIuMzJDMjcuNjUsNzcuNCw0Ni41LDk4LDY5LjY3LDk4SDkwQzY2Ljg0LDk4LDQ4LDc3LjQsNDgsNTIuMDdaIiBmaWxsPSIjM2E5NmE1Ii8+PHBhdGggZD0iTTYzLjMyLDBjMS4wNiwxLjY2LDIuMTIsMy4zLDMuMTcsNSwyLjc2LTEuMjIsNi4xOC0yLjcyLDkuMzEtNC4wNi4zMywyLjUyLjY1LDUsMSw3LjU1QTM4LjU0LDM4LjU0LDAsMCwxLDkwLDYuMDhjMjMuMTgsMCw0MiwyMC42NCw0Miw0NlMxMTMuMTksOTgsOTAsOTgsNDgsNzcuNCw0OCw1Mi4wN0E0Ny44NSw0Ny44NSwwLDAsMSw2Mi4wOSwxNy43NkM1OSwxNC4zOCw1NS45MywxMSw1Mi44MSw3LjY1WiIgZmlsbD0iIzVjYzRlMCIvPjxwYXRoIGQ9Ik0xMjUuNzQsNDguN2MuMTEsMS4yNy4xNiwyLjU2LjE2LDMuODYsMCwyMS4zNi0xNS41MiwzOC41Ny0zNC43NCwzOC41N1M1Ni40Myw3My45Miw1Ni40Myw1Mi41NmMwLTEuMywwLTIuNTkuMTYtMy44Nkg4My4zNXYtNnEyLjQ4LDMsNC45NCw2Wk0xMDAuNTUsNzguMjhhMTEuMTUsMTEuMTUsMCwwLDAsMy4yLTcuMzgsMi40MSwyLjQxLDAsMCwwLTIuMTktMi40M0g4Mi4zNGEyLjQzLDIuNDMsMCwwLDAtMiwyLjQzLDExLjE1LDExLjE1LDAsMCwwLDMuMiw3LjM4LDExLDExLDAsMCwwLDE3LDBNNzQuMDgsNTcuODlhNC41Miw0LjUyLDAsMSwwLDQuNS01aC0uMDlhNSw1LDAsMCwwLTQuNCw1bTMxLjQ2LDVhNSw1LDAsMCwwLDAtMTBoLS4xYy0yLjY0LDAtNC4zNCwyLjkxLTQuMzksNWE0Ljc2LDQuNzYsMCwwLDAsNC40OSw1IiBmaWxsPSIjZjRjYWFlIi8+PHBhdGggZD0iTTczLjQzLDU3Ljg5YTUsNSwwLDEsMCw1LTVBNS4yNCw1LjI0LDAsMCwwLDczLjQzLDU3Ljg5WiIgZmlsbD0iIzNhNDk0ZSIvPjxwYXRoIGQ9Ik0xMDAuMjUsNTcuODlhNSw1LDAsMSwwLDUtNUMxMDIuMjUsNTIuODIsMTAwLjMxLDU1Ljc3LDEwMC4yNSw1Ny44OVoiIGZpbGw9IiMzYTQ5NGUiLz48cGF0aCBkPSJNODEsNjguNDdhMi41MiwyLjUyLDAsMCwwLTIuMTgsMi40M2MwLDIuNjQsMS4zNCw1LjE3LDMuNTUsNy4zOGExMy4xOSwxMy4xOSwwLDAsMCwxOC44OSwwYzIuMjEtMi4yMSwzLjU1LTQuNzQsMy41NS03LjM4YTIuNTMsMi41MywwLDAsMC0yLjQ0LTIuNDNIODFaIiBmaWxsPSIjM2E0OTRlIi8+PGcgc3R5bGU9Imlzb2xhdGlvbjppc29sYXRlIj48cGF0aCBkPSJNNDUuMjIsMTguNTJjNS40NiwwLDEzLjg5Ljc5LDEzLjg5LDYuODFWNTYuNWMwLDYtNi4wNywxMS4xNy0xMS41MywxMS4xN2wtMy42OS0xLjQzYy40OCwzLjc2LDIuNzYsNi44OSw0LjMyLDYuODktNS4zNiwwLTEwLjExLTMuMzItMTEuOS02Ljg5SDkuOTJDNC40Niw2Ni4yNCwwLDYxLjMxLDAsNTUuMjlWMjkuNDdjMC02LDQuNDYtMTAuOTUsOS45Mi0xMC45NVoiIGZpbGw9IiNmZmU2ZDIiLz48cGF0aCBkPSJNNjUuMywyOS4zOHEwLS41Mi0uMDUtMWMwLS4zLS4wOC0uNi0uMTMtLjg5LDAtLjA5LDAtLjE5LDAtLjI4czAtLjEsMC0uMTVjLS4wNS0uMjUtLjE2LS40Ny0uMjItLjcyYTExLjYyLDExLjYyLDAsMCwwLS40LTEuMjdjLS4xMS0uMjgtLjI3LS41NC0uNC0uODFhMTEuMjUsMTEuMjUsMCwwLDAtLjU5LTEuMDhjMC0uMDctLjA3LS4xNC0uMTEtLjIxYTEwLjksMTAuOSwwLDAsMC0uOC0xbC0uMTEtLjExLS4xMy0uMTRjLS4xNS0uMTYtLjI5LS4zMi0uNDUtLjQ3cy0uNDEtLjM4LS42My0uNTVMNjEsMjAuNDVsLS4xMS0uMDgtLjIzLS4xN0w2MCwxOS44MmwtLjU4LS4zMi0uMTktLjA5LS4wOSwwLS4zMS0uMTQtLjYtLjIzLS42Mi0uMTgtLjI0LS4wNS0uMTEsMC0uMy0uMDctLjY5LS4xcS0uMzgsMC0uNzcsMEg0NS4yMmE5LDksMCwwLDEsMS45NC4yMmwuMTEsMGE5LjIsOS4yLDAsMCwxLDEuNzYuNjFsLjA5LDBhOS43MSw5LjcxLDAsMCwxLDEuNTksMWwuMTEuMDhhMTAuMzQsMTAuMzQsMCwwLDEsMS4zMywxLjIxbC4xMy4xNGExMC45MiwxMC45MiwwLDAsMSwxLDEuMzYsMTEuMzIsMTEuMzIsMCwwLDEsLjU5LDEuMDhjLjEzLjI3LjI5LjUzLjQuODFhMTEuNjYsMTEuNjYsMCwwLDEsLjQsMS4yN2MuMDguMjkuMTkuNTcuMjUuODcsMCwuMDksMCwuMTksMCwuMjhhMTEuOSwxMS45LDAsMCwxLC4xOSwyVjU1LjI5YTExLjkzLDExLjkzLDAsMCwxLS4yLDIuMTd2LjA1YTExLjY0LDExLjY0LDAsMCwxLS41NywydjBhMTEuMzQsMTEuMzQsMCwwLDEtLjg5LDEuODFsMCwuMDdBMTAuOTIsMTAuOTIsMCwwLDEsNTIuMjcsNjNsLS4xMy4xM2ExMC4zNCwxMC4zNCwwLDAsMS0xLjA2LDFjLS4xOS4xNi0uMzkuMzEtLjU5LjQ1YTkuNzIsOS43MiwwLDAsMS0xLC41OWMtLjIxLjExLS40Mi4yMy0uNjMuMzNhOS4yMiw5LjIyLDAsMCwxLTEuMTguNDFjLS4yLjA2LS4zOC4xMy0uNTkuMTdhOSw5LDAsMCwxLTEuODguMjFINDMuODljMCwuMzEuMDkuNjEuMTUuOTEsMCwuMDUsMCwuMSwwLC4xNWExMiwxMiwwLDAsMCwuNTksMS45MWwuMTQuMzJhMTAuNjEsMTAuNjEsMCwwLDAsLjg2LDEuNjFsMCwwYTcuNzIsNy43MiwwLDAsMCwuNTcuNzRoMGMuMTIuMTQuMjQuMjYuMzYuMzhsLjI4LjI0aDBsLjIuMTUuMTguMTIuMTYuMDkuMSwwaDBsLjEzLDAsLjExLDAsLjExLDAsLjExLDBINTguMzRhMS41MywxLjUzLDAsMCwxLS42MS0uMTRoMGEzLDMsMCwwLDEtLjY0LS40aDBhNS4yNCw1LjI0LDAsMCwxLS42NS0uNjNoMGE3Ljg0LDcuODQsMCwwLDEtLjU5LS43OEExMC42NywxMC42NywwLDAsMSw1NSw2OS41NGwtLjE0LS4zMmExMi4xMiwxMi4xMiwwLDAsMS0uNTktMS45MWMtLjA4LS4zNS0uMTUtLjctLjItMS4wNmgxLjMzQTksOSwwLDAsMCw1Ny4yMyw2NmMuMiwwLC4zOS0uMTIuNTktLjE3QTkuMjEsOS4yMSwwLDAsMCw1OSw2NS40NGMuMjItLjEuNDItLjIxLjYzLS4zM2E5LjY4LDkuNjgsMCwwLDAsMS0uNTljLjIxLS4xNC40LS4yOS41OS0uNDVzLjMtLjIxLjQ0LS4zMy40Mi0uNDIuNjItLjYzbC4xMy0uMTMuMDctLjA3cS4zMS0uMzUuNTktLjcydC40Ny0uNjhsMC0uMDgsMC0uMDdjLjEtLjE3LjItLjMzLjI5LS41cy4yMi0uNDMuMzItLjY0LjE5LS40Mi4yNy0uNjR2MGMuMDgtLjIuMTUtLjQuMjItLjYxcy4xMy0uNDQuMTktLjY2LjExLS40Ni4xNi0uNjl2LS4xMmMwLS4yLjA3LS40LjEtLjYxcy4wNi0uNTIuMDgtLjc4LDAtLjUyLDAtLjc4VjI5LjM4WiIgZmlsbD0iI2U1YjI5NSIvPjwvZz48cGF0aCBkPSJNMjQuNzIsMzcuMzdhNS4xNiw1LjE2LDAsMCwwLTQuNDgsMi41MnYtNS41YTIuODQsMi44NCwwLDAsMC0zLTMuMDlxLTIuODEuMS0yLjkxLDMuMDlWNTFjMCwxLjksMSwyLjg2LDIuOTEsMi44NnMzLTEsMy0yLjg2VjQ1LjM2cTAtMy4wOSwyLjEzLTMuMDljMS40OSwwLDIuMjQuOTIsMi4yNCwyLjc1djZjMCwxLjksMSwyLjg2LDIuOTEsMi44NnMyLjkzLTEsMi45My0yLjg2VjQzLjQ2QzMwLjM2LDM5LjQ3LDI4LjQ2LDM3LjQ2LDI0LjcyLDM3LjM3WiIgZmlsbD0iI2ZmYTY1NSIvPjxwYXRoIGQ9Ik0zNi4zOCwzNy4zN2MtMS44Ny4wOS0yLjg0LDEuMTItMi45MywzLjEyVjUxYzAsMS45LDEsMi44NiwyLjkzLDIuODZzMy0xLDMtMi44NlY0MC40OEMzOS40LDM4LjQ5LDM4LjQxLDM3LjQ2LDM2LjM4LDM3LjM3WiIgZmlsbD0iI2ZmYTY1NSIvPjxwYXRoIGQ9Ik0zNi4zOCwzNi4xOGEzLDMsMCwxLDAtMi44LTNBMi44NiwyLjg2LDAsMCwwLDM2LjM4LDM2LjE4WiIgZmlsbD0iI2ZmYTY1NSIvPjwvc3ZnPg==) no-repeat top 8px center;
  background-size: auto 32px;
}

.l-nav .l-nav-teacher:hover {
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEzMi4wNCA5OCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwNDUwNjY7fS5jbHMtMntmaWxsOiMyMTc3ODk7fS5jbHMtM3tmaWxsOiM0M2E1YzQ7fS5jbHMtNHtmaWxsOiNkYmFiOTI7fS5jbHMtNXtmaWxsOiMyMTJhMzI7fS5jbHMtNntpc29sYXRpb246aXNvbGF0ZTt9LmNscy03e2ZpbGw6I2U2YzdiNjt9LmNscy04e2ZpbGw6I2NjOTM3OTt9LmNscy05e2ZpbGw6I2U2ODczOTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnRlYWNoZXJfaG92ZXI8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTU0LjM5LDE1LjY1SDc0LjczQTM4LjU0LDM4LjU0LDAsMCwxLDg4LDEzLjI3SDY3LjY0QTM4LjU0LDM4LjU0LDAsMCwwLDU0LjM5LDE1LjY1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4wNCAtNy4xOSkiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik00NS45NSw1OS4yNmMwLS43OCwwLTEuNTUuMDYtMi4zMiwwLS4yNCwwLS40OCwwLS43MiwwLS41NC4wNy0xLjA3LjEyLTEuNnEwLS4zOS4wOC0uNzhjLjA2LS41NC4xMy0xLjA3LjItMS42LDAtLjIyLjA2LS40NS4wOS0uNjcuMTItLjc0LjI0LTEuNDguMzktMi4yMWwwLS4xN3EuMjEtMSwuNDYtMmMuMDYtLjIzLjEyLS40Ni4xOC0uNjlxLjItLjc0LjQyLTEuNDhsLjIyLS43M3EuMjQtLjc1LjUtMS40OWwuMjEtLjZxLjM3LTEsLjc5LTJsLjEyLS4yN3EuMzctLjg2Ljc2LTEuN2wuMzEtLjYzcS4zMy0uNjcuNjctMS4zMmwuMzUtLjY1cS4zOC0uNjguNzctMS4zNWwuMy0uNTFxLjU1LS45LDEuMTQtMS43N2wuMjItLjMxcS40OS0uNzEsMS0xLjRsLjQ0LS41OHEuNDMtLjU2Ljg4LTEuMUw1Ny4yLDI4cS40Ny0uNTUsMS0xLjA5bC40NC0uNDljLjQ4LS41MSwxLTEsMS40Ni0xLjUtMy4wOS0zLjM3LTYuMTctNi43Ni05LjI4LTEwLjExbDMuNjktMi42OGgxMGMyLjc2LTEuMjIsNi4xOC0yLjcyLDkuMzEtNC4wNkg2MGwxLjI1LS45MUg0MC45NWwtMi43MSwyLTIuNzEsMi0yLjYzLDEuOTEtMi40NSwxLjc4aDBxMi4zNCwyLjUxLDQuNjUsNWw0LjYzLDUuMDZoMGMtLjUuNDgtMSwxLTEuNDYsMS41bC0uNDQuNDlxLS40OS41NC0xLDEuMDlsLS40OC41OHEtLjQ1LjU1LS44OCwxLjExbC0uNDQuNTgtLjIxLjI4Yy0uMjcuMzctLjUzLjc1LS44LDEuMTNsLS4yMS4zcS0uNTkuODctMS4xNCwxLjc4bC0uMy41cS0uNC42Ny0uNzgsMS4zNWwtLjM1LjY0cS0uMzUuNjYtLjY4LDEuMzJsLS4zMS42MnEtLjQuODQtLjc3LDEuNzFsLS4xMi4yNmMtLjI4LjY2LS41NCwxLjM0LS43OSwybC0uMjEuNTlxLS4yNi43NC0uNSwxLjQ5bC0uMjIuNzNxLS4yMi43My0uNDIsMS40OGMtLjA2LjIzLS4xMi40Ni0uMTguNjlxLS4yNSwxLS40NiwybDAsLjE3Yy0uMTUuNzMtLjI3LDEuNDctLjM5LDIuMjEsMCwuMjItLjA2LjQ1LS4wOS42N3EtLjExLjgtLjIsMS42LDAsLjM5LS4wOC43OGMwLC41My0uMDksMS4wNy0uMTIsMS42LDAsLjI0LDAsLjQ4LDAsLjcyLDAsLjc3LS4wNiwxLjU0LS4wNiwyLjMyLDAsMjUuMzQsMTguODUsNDUuOTQsNDIsNDUuOTRIODhDNjQuOCwxMDUuMTksNDUuOTUsODQuNTksNDUuOTUsNTkuMjZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjA0IC03LjE5KSIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTYxLjI4LDcuMTljMS4wNiwxLjY2LDIuMTIsMy4zLDMuMTcsNSwyLjc2LTEuMjIsNi4xOC0yLjcyLDkuMzEtNC4wNi4zMywyLjUyLjY1LDUsMSw3LjU1QTM4LjU0LDM4LjU0LDAsMCwxLDg4LDEzLjI3YzIzLjE4LDAsNDIsMjAuNjQsNDIsNDZzLTE4Ljg1LDQ1Ljk0LTQyLDQ1Ljk0LTQyLTIwLjYtNDItNDUuOTRBNDcuODUsNDcuODUsMCwwLDEsNjAuMDYsMjQuOTVjLTMuMDktMy4zNy02LjE3LTYuNzYtOS4yOC0xMC4xMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuMDQgLTcuMTkpIi8+PHBhdGggY2xhc3M9ImNscy00IiBkPSJNMTIzLjcxLDU1Ljg5Yy4xMSwxLjI3LjE2LDIuNTYuMTYsMy44NiwwLDIxLjM2LTE1LjUyLDM4LjU3LTM0Ljc0LDM4LjU3UzU0LjM5LDgxLjExLDU0LjM5LDU5Ljc1YzAtMS4zLDAtMi41OS4xNi0zLjg2SDgxLjMxdi02cTIuNDgsMyw0Ljk0LDZaTTk4LjUyLDg1LjQ3YTExLjE1LDExLjE1LDAsMCwwLDMuMi03LjM4LDIuNDEsMi40MSwwLDAsMC0yLjE5LTIuNDNIODAuMzFhMi40MywyLjQzLDAsMCwwLTIsMi40MywxMS4xNSwxMS4xNSwwLDAsMCwzLjIsNy4zOCwxMSwxMSwwLDAsMCwxNywwTTcyLDY1LjA4YTQuNTIsNC41MiwwLDEsMCw0LjUtNWgtLjA5YTUsNSwwLDAsMC00LjQsNW0zMS40Niw1YTUsNSwwLDAsMCwwLTEwaC0uMWMtMi42NCwwLTQuMzQsMi45MS00LjM5LDVhNC43Niw0Ljc2LDAsMCwwLDQuNDksNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4wNCAtNy4xOSkiLz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Ik03MS40LDY1LjA4YTUsNSwwLDEsMCw1LTVBNS4yNCw1LjI0LDAsMCwwLDcxLjQsNjUuMDhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjA0IC03LjE5KSIvPjxwYXRoIGNsYXNzPSJjbHMtNSIgZD0iTTk4LjIxLDY1LjA4YTUsNSwwLDEsMCw1LTVDMTAwLjIxLDYwLDk4LjI3LDYzLDk4LjIxLDY1LjA4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4wNCAtNy4xOSkiLz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Ik03OSw3NS42NmEyLjUyLDIuNTIsMCwwLDAtMi4xOCwyLjQzYzAsMi42NCwxLjM0LDUuMTcsMy41NSw3LjM4YTEzLjE5LDEzLjE5LDAsMCwwLDE4Ljg5LDBjMi4yMS0yLjIxLDMuNTUtNC43NCwzLjU1LTcuMzhhMi41MywyLjUzLDAsMCwwLTIuNDQtMi40M0g3OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuMDQgLTcuMTkpIi8+PGcgY2xhc3M9ImNscy02Ij48cGF0aCBjbGFzcz0iY2xzLTciIGQ9Ik00My4xOCwyNS43MWM1LjQ2LDAsMTMuODkuNzksMTMuODksNi44MVY2My42OWMwLDYtNi4wNywxMS4xNy0xMS41MywxMS4xN2wtMy42OS0xLjQzYy40OCwzLjc2LDIuNzYsNi44OSw0LjMyLDYuODktNS4zNiwwLTEwLjExLTMuMzItMTEuOS02Ljg5SDcuODlDMi40Myw3My40My0yLDY4LjUtMiw2Mi40OFYzNi42NmMwLTYsNC40Ni0xMC45NSw5LjkyLTEwLjk1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4wNCAtNy4xOSkiLz48cGF0aCBjbGFzcz0iY2xzLTgiIGQ9Ik02My4yNiwzNi41N3EwLS41Mi0uMDUtMWMwLS4zLS4wOC0uNi0uMTMtLjg5LDAtLjA5LDAtLjE5LDAtLjI4czAtLjEsMC0uMTVjLS4wNS0uMjUtLjE2LS40Ny0uMjItLjcyYTExLjYyLDExLjYyLDAsMCwwLS40LTEuMjdjLS4xMS0uMjgtLjI3LS41NC0uNC0uODFhMTEuMjUsMTEuMjUsMCwwLDAtLjU5LTEuMDhjMC0uMDctLjA3LS4xNC0uMTEtLjIxYTEwLjksMTAuOSwwLDAsMC0uOC0xTDYwLjM4LDI5bC0uMTMtLjE0Yy0uMTUtLjE2LS4yOS0uMzItLjQ1LS40N3MtLjQxLS4zOC0uNjMtLjU1bC0uMjUtLjE5LS4xMS0uMDgtLjIzLS4xN0w1OCwyN2wtLjU4LS4zMi0uMTktLjA5LS4wOSwwLS4zMS0uMTQtLjYtLjIzTDU1LjYsMjYsNTUuMzYsMjZsLS4xMSwwLS4zLS4wNy0uNjktLjFxLS4zOCwwLS43NywwSDQzLjE4YTksOSwwLDAsMSwxLjk0LjIybC4xMSwwYTkuMiw5LjIsMCwwLDEsMS43Ni42MWwuMDksMGE5LjcxLDkuNzEsMCwwLDEsMS41OSwxbC4xMS4wOGExMC4zNCwxMC4zNCwwLDAsMSwxLjMzLDEuMjFsLjEzLjE0YTEwLjkyLDEwLjkyLDAsMCwxLDEsMS4zNiwxMS4zMiwxMS4zMiwwLDAsMSwuNTksMS4wOGMuMTMuMjcuMjkuNTMuNC44MWExMS42NiwxMS42NiwwLDAsMSwuNCwxLjI3Yy4wOC4yOS4xOS41Ny4yNS44NywwLC4wOSwwLC4xOSwwLC4yOGExMS45LDExLjksMCwwLDEsLjE5LDJWNjIuNDhhMTEuOTMsMTEuOTMsMCwwLDEtLjIsMi4xN3YuMDVhMTEuNjQsMTEuNjQsMCwwLDEtLjU3LDJ2MGExMS4zNCwxMS4zNCwwLDAsMS0uODksMS44MWwwLC4wN2ExMC45MiwxMC45MiwwLDAsMS0xLjE3LDEuNTVsLS4xMy4xM2ExMC4zNCwxMC4zNCwwLDAsMS0xLjA2LDFjLS4xOS4xNi0uMzkuMzEtLjU5LjQ1YTkuNzIsOS43MiwwLDAsMS0xLC41OWMtLjIxLjExLS40Mi4yMy0uNjMuMzNhOS4yMiw5LjIyLDAsMCwxLTEuMTguNDFjLS4yLjA2LS4zOC4xMy0uNTkuMTdhOSw5LDAsMCwxLTEuODguMjFINDEuODZjMCwuMzEuMDkuNjEuMTUuOTEsMCwuMDUsMCwuMSwwLC4xNWExMiwxMiwwLDAsMCwuNTksMS45MWwuMTQuMzJhMTAuNjEsMTAuNjEsMCwwLDAsLjg2LDEuNjFsMCwwYTcuNzIsNy43MiwwLDAsMCwuNTcuNzRoMGMuMTIuMTQuMjQuMjYuMzYuMzhsLjI4LjI0aDBsLjIuMTUuMTguMTIuMTYuMDkuMSwwaDBsLjEzLDAsLjExLDAsLjExLDAsLjExLDBINTYuMzFhMS41MywxLjUzLDAsMCwxLS42MS0uMTRoMGEzLDMsMCwwLDEtLjY0LS40aDBhNS4yNCw1LjI0LDAsMCwxLS42NS0uNjNoMGE3Ljg0LDcuODQsMCwwLDEtLjU5LS43OCwxMC42NywxMC42NywwLDAsMS0uODYtMS42MWwtLjE0LS4zMmExMi4xMiwxMi4xMiwwLDAsMS0uNTktMS45MWMtLjA4LS4zNS0uMTUtLjctLjItMS4wNmgxLjMzYTksOSwwLDAsMCwxLjg4LS4yMWMuMiwwLC4zOS0uMTIuNTktLjE3QTkuMjEsOS4yMSwwLDAsMCw1Nyw3Mi42M2MuMjItLjEuNDItLjIxLjYzLS4zM2E5LjY4LDkuNjgsMCwwLDAsMS0uNTljLjIxLS4xNC40LS4yOS41OS0uNDVzLjMtLjIxLjQ0LS4zMy40Mi0uNDIuNjItLjYzbC4xMy0uMTMuMDctLjA3cS4zMS0uMzUuNTktLjcydC40Ny0uNjhsMC0uMDgsMC0uMDdjLjEtLjE3LjItLjMzLjI5LS41cy4yMi0uNDMuMzItLjY0LjE5LS40Mi4yNy0uNjR2MGMuMDgtLjIuMTUtLjQuMjItLjYxcy4xMy0uNDQuMTktLjY2UzYzLDY1LDYzLDY0Ljc2di0uMTJjMC0uMi4wNy0uNC4xLS42MXMuMDYtLjUyLjA4LS43OCwwLS41MiwwLS43OFYzNi41N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuMDQgLTcuMTkpIi8+PC9nPjxwYXRoIGNsYXNzPSJjbHMtOSIgZD0iTTIyLjY4LDQ0LjU2YTUuMTYsNS4xNiwwLDAsMC00LjQ4LDIuNTJ2LTUuNWEyLjg0LDIuODQsMCwwLDAtMy0zLjA5cS0yLjgxLjEtMi45MSwzLjA5VjU4LjE2YzAsMS45LDEsMi44NiwyLjkxLDIuODZzMy0xLDMtMi44NlY1Mi41NXEwLTMuMDksMi4xMy0zLjA5YzEuNDksMCwyLjI0LjkyLDIuMjQsMi43NXY2YzAsMS45LDEsMi44NiwyLjkxLDIuODZzMi45My0xLDIuOTMtMi44NlY1MC42NUMyOC4zMiw0Ni42NiwyNi40Myw0NC42NSwyMi42OCw0NC41NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuMDQgLTcuMTkpIi8+PHBhdGggY2xhc3M9ImNscy05IiBkPSJNMzQuMzUsNDQuNTZjLTEuODcuMDktMi44NCwxLjEyLTIuOTMsMy4xMlY1OC4xNmMwLDEuOSwxLDIuODYsMi45MywyLjg2czMtMSwzLTIuODZWNDcuNjdDMzcuMzYsNDUuNjgsMzYuMzcsNDQuNjUsMzQuMzUsNDQuNTZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjA0IC03LjE5KSIvPjxwYXRoIGNsYXNzPSJjbHMtOSIgZD0iTTM0LjM1LDQzLjM3YTMsMywwLDEsMC0yLjgtM0EyLjg2LDIuODYsMCwwLDAsMzQuMzUsNDMuMzdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjA0IC03LjE5KSIvPjwvc3ZnPg==) no-repeat top 8px center;
  background-size: auto 32px;
}

.l-level-con {
  display: inline-block;
  background: #fff;
  height: 70px;
  padding: 0 20px;
  border-radius: 40px;
}

.l-ide .l-level-con {
  background: none;
}

.l-level-name::before {
  content: 'Lesson';
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  height: 100%;
  line-height: 45px;
  font-size: 18px;
}

.l-level-name {
  position: relative;
  display: inline-block;
  height: 70px;
  max-width: 250px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 25px;
  color: #59bf5d;
  width: 80px;
  line-height: 90px;
  margin: 0;
}

.l-level-con ul {
  display: inline-block;
  height: 70px;
  line-height: 70px;
  float: right;
}

.l-level-con li {
  float: left;
  width: 27px;
  height: 27px;
  background: #dedede;
  line-height: 27px;
  margin: 22px 4px;
  border-radius: 50%;
  color: #fff;
}

.l-ide li {
  background: #8258a5;
  border-color: #8258a5;
}

.l-level-con .l-active-level {
  background-color: #00e29f;
  border-color: #00c288;
  border: 2px solid #00c288;
  line-height: 23px;
}

.l-ide .l-level-con .l-active-level {
  background-color: #6bdea4;
  border-color: #5abe8c;
}

.l-level-con .l-normal-locked {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MS45MzgiIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCAyNS45NjkgMjYiPgogIDxtZXRhZGF0YT48P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzEzOCA3OS4xNTk4MjQsIDIwMTYvMDkvMTQtMDE6MDk6MDEgICAgICAgICI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiLz4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+PC9tZXRhZGF0YT4KPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2RlZGVkZTsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGlkPSJuYXZiYXJfaWNvbl9sb2NrIiBjbGFzcz0iY2xzLTEiIGQ9Ik02ODcuMDQ3LDczOC44NDRhMTMsMTMsMCwxLDEtMTIuOTg1LDEzQTEyLjk5MiwxMi45OTIsMCwwLDEsNjg3LjA0Nyw3MzguODQ0Wk02ODcsNzQyYTEwLDEwLDAsMSwxLTEwLDEwQTEwLDEwLDAsMCwxLDY4Nyw3NDJabTMuOTUsNy42ODZWNzQ3LjZhMy45LDMuOSwwLDAsMC03Ljc4NSwwdjIuMDg1bC0xLjEuMDkzdjcuNzNsNC45OTMsMC40MjIsNC45OTQtLjQyMnYtNy43M1ptLTUuODkxLjIxNVY3NDguNmMwLS45NDMuNi0yLjcxNCwyLTIuNzE0czIsMS43NzEsMiwyLjcxNFY3NDkuOWwtMi0uMTUxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY3NC4wNjIgLTczOC44NDQpIi8+Cjwvc3ZnPgo=) no-repeat center center;
  background-size: 27px;
  opacity: 0.4;
  border-color: #a6a6a6;
}

.l-ide .l-level-con .l-normal-locked {
  border-color: #a6a6a6;
}

.l-level-con .l-prize-locked {
  position: relative;
  width: 68px;
  height: 63px;
  background: url(//other.wkcoding.com/st_ide/pro/2023112501/img/treasure_iconX2-f328ece9.png) no-repeat center center;
  background-size: 100%;
  border: 0;
  margin: 2px 8px;
}

.l-level-con .l-prize-unlocked {
  width: 68px;
  height: 63px;
  background: url(//other.wkcoding.com/st_ide/pro/2023112501/img/treasure_icon_open-85555900.png) no-repeat center
    center;
  background-size: 100%;
  border: 0;
  margin: 2px 8px;
}

.l-level-con .l-prize-level .treasure-star,
.l-level-con .progress-bar .level-prize .treasure-star {
  position: absolute;
  display: block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAdCAYAAABFRCf7AAACyklEQVRIiZ2Wu24TQRSGv931Jb5sEtkhDiYX6CgACRQpggaBuHREIDqKFDwFPAGio6fhBbgoFEihoQFFSIBEARJSBLkRB2Kc2GvH8V4oZmY9iOwu5EhH47XO/POfM/+ZGSNYskgwQxsD+TuIiAUglQBoSjBTui89kOOBQA0Zo9zVPJZJnKWALJCn/KAE5OV3LJk4UMUyCxQozs0ABQ3UiJqYxNQCMmRnSpjFSwycHwEy8v8DgRoh6MC5KnCW7PRhDTTSkpiaQArrSAU4TqpaQaQeOy+JqairaQ8DJoY9rIEeKH0TkWYaIz8klskNAWn6ut3XdGkYmlsoKUERerYI6RXFN02gLWM9RDMoD6Wh5JORTDII+RwCRjFy42LZ4iRQkUAG4AB7QE+OLhCo2lgaUAkYA8aBCXJXzlC4cR2Awuws+WvTwCQwIePKcl5GkTSCJcsMAVPHRhi+e4HU1GlMewqzUMUsV7Eq5bBIXq2Ov7WG76zjN7/hrbynce8VvS+birkCzQE2R7cXMAonojYg0oL2J74OXpS17qiN8gCXzVtz2LevYlVPYeQmBFO7jFkaDAH8Xzv4O1v4zjpBZwXv+0eaD1/IenoAimm/x8FG7PAQMEru8knGnt8BywLPo3bzPu35D8APoAG0JEMH6AKuiZCBK3evBdSBDWAVWKaz8A7n8RMAnKfPaM+/BVakb8j4lpzvAUGKvr6UNHYRanAQB7FJ0FkVtXOWgU2gBvyUzDz6B3eo07Dc9E90V46OYJFuipC0nmpHkvjL4trUlyx6BO1tsWxnWwKpa2VfiwNVzF38ZgPwCZoNLYvIyy/p6BOl8NZqwGfc1Q0NNNKSmHrAHruv14E3clS7fCBQQtDuYh2/9ZLuYl0DjUw/7lZU+u0C0Hq0iCbwOFAj4YVi0b/zLVQ7ay35v0x1tqIJ/nyhRFoSqI84b9X4T2+p36wS+8V6edGQAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 100%;
}

@-webkit-keyframes treasure-star {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}

@keyframes treasure-star {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}

.l-level-con .l-prize-level .close-left,
.l-level-con .progress-bar .level-prize .close-left {
  width: 9px;
  height: 15px;
  left: 7px;
  top: 10px;
  animation: treasure-star 1.8s ease-out infinite;
  -webkit-animation: treasure-star 1.8s ease-out infinite;
}

.l-level-con .l-prize-level .close-right,
.l-level-con .progress-bar .level-prize .close-right {
  width: 12px;
  height: 15px;
  left: 52px;
  top: 11px;
  animation: treasure-star 2.4s ease-out infinite;
  -webkit-animation: treasure-star 2.4s ease-out infinite;
}

.l-level-con .l-prize-level .close-top,
.l-level-con .progress-bar .level-prize .close-top {
  width: 12px;
  height: 18px;
  left: 19px;
  top: 0px;
  animation: treasure-star 3.5s ease-out infinite;
  -webkit-animation: treasure-star 3.5s ease-out infinite;
}

.l-level-con .l-prize-level .close-bottom,
.l-level-con .progress-bar .level-prize .close-bottom {
  width: 12px;
  height: 18px;
  left: 30px;
  top: 32px;
  animation: treasure-star 2.1s ease-out infinite;
  -webkit-animation: treasure-star 2.1s ease-out infinite;
}

.l-level-con .l-prize-level .close-center,
.l-level-con .progress-bar .level-prize .close-center {
  width: 12px;
  height: 18px;
  left: 40px;
  top: -4px;
  animation: treasure-star 2.8s ease-out infinite;
  -webkit-animation: treasure-star 2.8s ease-out infinite;
}

.l-level-con .progress-bar {
  display: none;
}

.l-header .l-user {
  position: absolute;
  right: 0;
  top: 0;
  padding-left: 20px;
  height: 70px;
  line-height: 70px;
  z-index: 2;
  border-right: 2px solid #55287b;
  padding-right: 5px;
}

.l-header .l-user .user-img {
  float: right;
  width: 40px;
  height: 40px;
  background-size: 100% 100%;
  margin-top: 15px;
  border-radius: 50%;
}

.l-header .l-user .user-name {
  width: 60px;
  float: right;
  font-size: 14px;
  color: #666;
  line-height: 70px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 2px;
}

@media screen and (max-width: 1450px) {
  .l-header .l-user .user-img,
  .l-header .l-user .user-name {
    display: none;
  }
}

.l-ide .l-user .user-name {
  color: #fff;
}

.l-header .l-user .user-coin-con {
  float: right;
  height: 40px;
  margin: 15px 30px;
  border: 3px solid #dedede;
  border-radius: 50px;
}

.l-ide .l-user .user-coin-con {
  border-color: #55287b;
  background-color: #5e2e87;
}

.l-header .l-user .user-coin-con p {
  position: relative;
  float: left;
  height: 100%;
  text-align: left;
  line-height: 34px;
  color: #f1ac2a;
  font-size: 16px;
  margin: 0 18px;
}

.l-ide .l-user .user-coin-con p {
  line-height: 37px;
}

.l-header .l-user .user-coin-con p::before {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  left: -32px;
  top: 5px;
}

.l-ide .l-user .user-coin-con p::before {
  top: 5px;
}

.l-header .l-user .user-coin-con p.scaling::before {
  -webkit-transition: all ease 0.15s;
  -o-transition: all ease 0.15s;
  transition: all ease 0.15s;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}

.l-header .l-user .user-coin-con .user-coin-gold {
  margin-left: 50px;
  margin-right: 40px;
}

.l-header .l-user .user-coin-con .user-coin-code {
  float: right;
  text-align: right;
}

.l-header .l-user .user-coin-con .user-coin-gold::before {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IumHkeW4gSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDE2NSAxNjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2NSAxNjU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRDc3NTAzO30KCS5zdDF7ZmlsbDojRjE5OTAwO30KCS5zdDJ7ZmlsbDojRkZDMTAwO30KCS5zdDN7ZmlsbDojRkVFOTQ1O30KCS5zdDR7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGc+Cgk8ZWxsaXBzZSBpZD0i5qSt5ZyGXzc1IiBjbGFzcz0ic3QwIiBjeD0iODIuNSIgY3k9Ijg4IiByeD0iNzUuMyIgcnk9Ijc0LjQiLz4KCTxlbGxpcHNlIGlkPSLmpK3lnIZfNzVf5ou36LSdXzQiIGNsYXNzPSJzdDAiIGN4PSI4Mi41IiBjeT0iNzciIHJ4PSI3NS4zIiByeT0iNzQuNCIvPgoJPHBhdGggaWQ9IuakreWchl83NV/mi7fotJ1fNSIgY2xhc3M9InN0MSIgZD0iTTgyLjUsMTguMWMzOC4yLDAuMiw2OS4xLDMxLjMsNjguOSw2OS43Yy0wLjIsMzguMi0zMS4zLDY5LjEtNjkuNyw2OC45CgkJYy0zOC0wLjItNjguOS0zMS4xLTY4LjktNjkuM0MxMi45LDQ5LDQ0LjEsMTgsODIuNSwxOC4xeiIvPgoJPHBhdGggaWQ9IuakreWchl83NV/mi7fotJ1fNS0yIiBjbGFzcz0ic3QyIiBkPSJNODIuNSw4LjNjMzguMiwwLjIsNjkuMSwzMS40LDY4LjgsNjkuN2MtMC4zLDM4LjItMzEuNCw2OS4xLTY5LjcsNjguOAoJCWMtMzgtMC4yLTY4LjgtMzEuMS02OC44LTY5LjJDMTMsMzkuMiw0NC4xLDguMiw4Mi41LDguM3oiLz4KCTxwYXRoIGlkPSLmpK3lnIZfNzVf5ou36LSdIiBjbGFzcz0ic3QzIiBkPSJNNTYuMiwxMDUuMmMtMTUsMC0yOS44LTQuOS00MS45LTEzLjlDNyw1My42LDMxLjYsMTcsNjkuMiw5LjYKCQlDODcuOSw2LDEwNy4zLDEwLjIsMTIzLDIxLjNjMS40LDUuNCwyLDEwLjgsMi4xLDE2LjNDMTI1LDc0LjksOTQuMiwxMDUuMiw1Ni4yLDEwNS4yeiIvPgoJPHBhdGggaWQ9IuakreWchl83NV/mi7fotJ1fMiIgY2xhc3M9InN0MSIgZD0iTTgyLjMsMzIuOWMyNSwwLjUsNDQuOCwyMS4xLDQ0LjQsNDUuOWMtMC41LDI1LTIxLjEsNDQuOC00NS45LDQ0LjQKCQljLTI0LjYtMC41LTQ0LjQtMjAuNS00NC40LTQ1LjJDMzYuNSw1Mi45LDU3LjEsMzIuNyw4Mi4zLDMyLjl6Ii8+Cgk8cGF0aCBpZD0iRyIgY2xhc3M9InN0MiIgZD0iTTk1LDg2LjN2NS44Yy0yLjEsMS4zLTQuMywyLjMtNi43LDMuMWMtMiwwLjYtNCwxLTYuMSwxYy0zLjksMC4yLTcuOC0xLjQtMTAuNS00LjIKCQljLTIuNS0yLjgtMy43LTcuNi0zLjctMTQuMWMwLTYuMiwxLjMtMTAuNywzLjctMTMuNmMyLjUtMi44LDYuMi00LjUsMTAtNC4zYzIuNS0wLjEsNC45LDAuNiw2LjksMS45YzEuOSwxLjMsMy4yLDMuMSwzLjgsNS4zCgkJbDE4LjMtMy4yYy0xLTMuNS0yLjYtNi45LTUuMS05LjhjLTIuMy0yLjYtNS4yLTQuNS04LjQtNS43Yy01LTEuNS0xMC4xLTItMTUuMy0xLjljLTUuOC0wLjMtMTEuNiwwLjgtMTYuOSwyLjkKCQljLTUuMiwyLjQtOS40LDYuMy0xMi4zLDExLjJDNTAsNjYsNDguNSw3MS45LDQ4LjYsNzhjLTAuMSw1LjksMS4yLDExLjYsMy44LDE2LjhjMi40LDQuNyw2LjEsOC41LDEwLjcsMTFjNS42LDIuNiwxMS44LDMuOSwxOCwzLjcKCQljNS4zLDAuMSwxMC40LTAuNiwxNS40LTIuMWM1LjQtMiwxMC4zLTQuNSwxNC45LTcuOFY3My42SDgyLjN2MTIuN0w5NSw4Ni4zTDk1LDg2LjN6Ii8+Cgk8cGF0aCBpZD0i5qSt5ZyGXzc1X+aLt+i0nV8zIiBjbGFzcz0ic3QzIiBkPSJNOTUsODkuNXYtMy4xSDgyLjNWNzMuNmgyOC42QzEwNi41LDc5LjgsMTAxLjEsODUuMSw5NSw4OS41eiBNODguNyw2MS42CgkJYy0yLjEtMS40LTQuNS0yLTYuOS0xLjljLTMuOC0wLjItNy41LDEuNS0xMCw0LjNjLTIuNSwyLjgtMy43LDcuNC0zLjcsMTMuNmMwLDYuNiwxLjMsMTEuMywzLjcsMTQuMWMyLjYsMi44LDYuNSw0LjUsMTAuNSw0LjIKCQljMC42LDAsMS4yLTAuMSwxLjgtMC4xYy03LjksMy43LTE2LjYsNS45LTI1LjQsNi40Yy0yLjUtMi4xLTQuNS00LjgtNi03LjdjLTIuNi01LjItMy45LTExLTMuOC0xNi44Yy0wLjItNiwxLjMtMTIuMSw0LjItMTcuNAoJCWMyLjctNC45LDcuMS04LjgsMTIuMy0xMS4yYzUuNC0yLjIsMTEuMS0zLjEsMTYuOS0yLjljNS4yLTAuMiwxMC4zLDAuNCwxNS4zLDEuOWMzLjIsMS4yLDYuMSwzLDguNCw1LjdjMi40LDIuOCw0LjEsNi4xLDUuMSw5LjgKCQlsLTE4LjQsMy4xQzkxLjksNjQuNiw5MC41LDYyLjksODguNyw2MS42eiIvPgoJPHBhdGggaWQ9IuakreWchl83Nl/mi7fotJ1fMiIgY2xhc3M9InN0NCIgZD0iTTY4LDUwLjVjNC40LDIuNSw1LjEsOS40LDEuNiwxNS4yYy0zLjUsNi0xMCw4LjYtMTQuMyw2LjFjLTQuNC0yLjUtNS4xLTkuNC0xLjYtMTUuMgoJCUM1Ny4xLDUwLjgsNjMuNiw0OCw2OCw1MC41eiIvPgoJPHBhdGggaWQ9IuakreWchl83NiIgY2xhc3M9InN0MyIgZD0iTTEzMy45LDEwMi4zYzQuNCwyLjUsNS4xLDkuNCwxLjYsMTUuMmMtMy41LDYtMTAsOC42LTE0LjMsNi4xYy00LjQtMi41LTUuMS05LjQtMS42LTE1LjIKCQlDMTIzLjEsMTAyLjUsMTI5LjUsOTkuOCwxMzMuOSwxMDIuM3oiLz4KCTxwYXRoIGlkPSLmpK3lnIZfNzZf5ou36LSdIiBjbGFzcz0ic3Q0IiBkPSJNNDYuNSwyNy4yYzQuNCwyLjUsNS4xLDkuNCwxLjYsMTUuMmMtMy41LDYtMTAsOC42LTE0LjMsNi4xYy00LjQtMi41LTUuMS05LjQtMS42LTE1LjIKCQlTNDIuMSwyNC42LDQ2LjUsMjcuMnoiLz4KPC9nPgo8L3N2Zz4K) no-repeat;
  background-size: cover;
}

.l-header .l-user .user-coin-con .user-coin-code::before {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Iue8lueoi+W4gSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDE2NSAxNjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2NSAxNjU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDA3NUMwO3N0cm9rZTojMDA3NUMwO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDt9Cgkuc3Qxe2ZpbGw6IzAwOEVEODt9Cgkuc3Qye2ZpbGw6IzAwQUJFMjt9Cgkuc3Qze2ZpbGw6IzIxQzlGRjt9Cgkuc3Q0e2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxnPgoJPHBhdGggaWQ9IuaPj+i+uSIgY2xhc3M9InN0MCIgZD0iTTUwLjksNTB2MjAuN2gxNi43YzIuMiwwLDQsMS44LDQsNHY4LjZjMCwyLjItMS44LDQtNCw0SDUwLjl2MjAuNWg1Ny41Vjg3LjRIOTEuOQoJCWMtMi4yLDAtNC0xLjgtNC00di04LjZjMC0yLjIsMS44LTQsNC00aDE2LjVWNTBINTAuOXoiLz4KCTxwYXRoIGlkPSLmj4/ovrlf5ou36LSdIiBjbGFzcz0ic3QwIiBkPSJNMTUzLjYsOTUuNnYxLjhoMS44djEuOGgxLjh2MS44aDEuOHYxLjhoMS44djI0LjVoLTE2LjZ2OC41YzAsMi4yLTEuOCw0LTQsNGgtMTIuNXYyMi43CgkJaC0yMC40di0xLjhoLTEuOHYtMS44aC0xLjh2LTEuOGgtMS44di0xLjhoLTEuOHYtMTUuNmgtMS4zdjIyLjdINzguNXYtMS44aC0xLjh2LTEuOGgtMS44di0xLjhoLTEuOHYtMS44aC0xLjh2LTE1LjZINzB2MjIuN0g0NS43CgkJdi0xLjhoLTEuOHYtMS44aC0xLjh2LTEuOGgtMS44VjE1NWgtMS42di0xMy42aC01LjRjLTEuNCwwLTIuOC0wLjgtMy41LTIuMWMtMC45LTAuNC0xLjYtMS4xLTItMmMtMC42LTAuNC0xLjItMC45LTEuNS0xLjUKCQljLTAuOC0wLjQtMS41LTEtMS45LTEuOWMtMS4zLTAuNy0yLjEtMi0yLjItMy41di01LjVIMTAuOHYtMS44SDl2LTEuOEg3LjJ2LTEuOEg1LjV2LTEuOEgzLjdWOTcuNmgyMC42di0xLjNIMTAuOHYtMy43SDl2LTEuOEg3LjIKCQl2LTEuOEg1LjV2LTEuOEgzLjdWNjguN2gyMC42di0zLjNIMTAuOHYtMS44SDl2LTEuOEg3LjJWNjBINS41di0xLjhIMy43VjM3LjhoMTguNlYyNS4yYzAtMi4yLDEuOC00LDQtNGgxMi40VjIuNmgyMC40djEuOGgxLjgKCQl2MS44aDEuOFY4aDEuOHYxLjhoMS44djExLjVoMy4zVjIuNkg4OHYxLjhoMS43djEuOGgxLjhWOGgxLjh2MS44aDEuOHYxMS41aDMuM1YyLjZoMjAuM3YxLjhoMS44djEuOGgxLjhWOGgxLjh2MS44aDEuOHYxMS41aDcuNAoJCWMxLjUsMCwyLjksMC45LDMuNiwyLjJjMC44LDAuNCwxLjUsMS4xLDEuOCwxLjljMC43LDAuNCwxLjMsMSwxLjcsMS43YzAuNywwLjQsMS4zLDEsMS43LDEuN2MxLjMsMC43LDIuMiwyLDIuMiwzLjZ2NS40aDkuNnYxLjgKCQloMS44djEuOGgxLjh2MS44aDEuOFY0NWgxLjh2MjAuNWgtMTYuNnYxLjNoOS42djEuOGgxLjh2MS44aDEuOHYxLjhoMS44Vjc0aDEuOHYyMC41aC0xNi42djEuMUgxNTMuNnoiLz4KCTxwYXRoIGlkPSLlnIbop5Lnn6nlvaJfMTIyOV/mi7fotJ1fOSIgY2xhc3M9InN0MSIgZD0iTTE1NS40LDEwMS40djEuOGgxLjh2MS44aDEuOHYxNi41aC0yMC42VjEzNGMwLDIuMi0xLjgsNC00LDRIMTIydjIwLjZoLTE2LjQKCQl2LTEuOGgtMS45VjE1NWgtMS44di0xNy4xaC04Ljh2MjAuNkg3Ni43di0xLjhoLTEuOHYtMS44aC0xLjh2LTE3LjFoLTguOHYyMC42SDQ4di0xLjhoLTEuOHYtMS44aC0xLjh2LTE3LjFoLTguOQoJCWMtMS42LDAtMy0xLTMuNy0yLjRjLTAuNi0wLjQtMS4xLTAuOS0xLjUtMS41Yy0xLjQtMC42LTIuMy0yLjEtMi4zLTMuNnYtOUgxMXYtMS44SDkuMnYtMS44SDcuNVYxMDFIMjh2LTguNUgxMXYtMS44SDkuMnYtMS44SDcuNQoJCVY3Mi41SDI4di04LjlIMTF2LTEuOEg5LjJWNjBINy41VjQzLjZIMjhWMzFjMC0yLjIsMS44LTQsNC00bDAsMGgxMi40VjYuNGgxNi40djEuOGgxLjlWMTBoMS44djE3LjFoOC44VjYuNGgxNi40djEuOGgxLjhWMTBoMS44CgkJdjE3LjFoOC44VjYuNGgxNi40djEuOGgxLjhWMTBoMS44djE3LjFoOC45YzEuNiwwLDMsMC45LDMuNywyLjRjMC43LDAuNCwxLjMsMSwxLjYsMS43YzEuMywwLjcsMi4yLDIsMi4yLDMuNnY5aDE3LjF2MS44aDEuOHYxLjgKCQloMS44djE2LjJoLTIwLjZ2OC44aDE3LjF2MS44aDEuOFY3NmgxLjh2MTYuNmgtMjAuNnY4LjhIMTU1LjRMMTU1LjQsMTAxLjR6IE05Ny4xLDkyLjVjLTEuNSwwLTIuOS0wLjktMy42LTIuMgoJCWMtMC43LTAuNC0xLjItMS0xLjYtMS43Yy0xLjQtMC42LTIuMy0yLjEtMi4zLTMuNnYtOC42YzAtMi4yLDEuOC00LDQtNGgxNi42di0xN2gtNTR2MTcuMWgxMy4xYzEuNiwwLDMuMSwxLDMuNywyLjQKCQljMC42LDAuNCwxLjEsMC45LDEuNCwxLjVjMS41LDAuNiwyLjQsMi4xLDIuNCwzLjd2OC40YzAsMi4yLTEuOCw0LTQsNEg1Ni4ydjE3LjFoNTRWOTIuNUg5Ny4xeiIvPgoJPHBhdGggY2xhc3M9InN0MiIgZD0iTTE1My42LDU4LjNWNDEuOGgtMjAuNVYyOS4yYzAtMi4yLTEuOC00LTQtNGgtMTIuNFY0LjZoLTE2LjV2MjAuNkg4Ny45VjQuNkg3MS41bDAsMHYyMC42SDU5LjFWNC42SDQyLjdsMCwwCgkJdjIwLjZIMzAuM2MtMi4yLDAtNCwxLjgtNCw0djEyLjZINS43djE2LjVoMjAuNnYxMi40SDUuN2wwLDB2MTYuNWgyMC42djEyLjRINS43djE2LjVoMjAuNnYxMi42YzAsMi4yLDEuOCw0LDQsNGgxMi40djIwLjZoMTYuNAoJCXYtMjAuNmgxMi4zdjIwLjZoMTYuNHYtMjAuNmgxMi4zdjIwLjZoMTYuNnYtMjAuNmgxMi40YzIuMiwwLDQtMS44LDQtNHYtMTIuNmgyMC41Vjk5LjZoLTIwLjVWODcuMmgyMC41VjcwLjdoLTIwLjVWNTguM0gxNTMuNnoKCQkgTTEwOC40LDcwLjdIOTEuOWMtMi4yLDAtNCwxLjgtNCw0djguNmMwLDIuMiwxLjgsNCw0LDRoMTYuNXYyMC41SDUwLjlWODcuNGgxNi43YzIuMiwwLDQtMS44LDQtNHYtOC42YzAtMi4yLTEuOC00LTQtNEg1MC45VjUwCgkJaDU3LjVWNzAuN3oiLz4KCTxwYXRoIGlkPSLlnIbop5Lnn6nlvaJfMTIyOV/mi7fotJ1fNCIgY2xhc3M9InN0MyIgZD0iTTk0LjMsMTIxLjVoLTY4di01LjRINS43Vjk5LjZoMjAuNlY4Ny4ySDUuN1Y3MC43aDIwLjZWNTguM0g1LjdWNDEuOGgyMC42CgkJVjI5LjJjMC0yLjIsMS44LTQsNC00aDEyLjRWNC42aDE2LjR2MjAuNmgxMi4zVjQuNmgxNi40djIwLjZoMTIuM1Y0LjZoMTYuNnYyMC42aDEyLjRjMi4yLDAsNCwxLjgsNCw0djEyLjZoNS4ydjE2LjVoLTUuMnYxMi40CgkJaDUuMnY2LjhjMCwzLjMtMC40LDYuNS0xLjEsOS43aC00LjF2MTEuMUMxMjUuNCwxMTIuNiwxMTAuNSwxMjEuNSw5NC4zLDEyMS41eiBNMTA4LjQsODcuNEg5MS45Yy0yLjIsMC00LTEuOC00LTR2LTguNgoJCWMwLTIuMiwxLjgtNCw0LTRoMTYuNVY1MEg1MC45djIwLjdoMTYuN2MyLjIsMCw0LDEuOCw0LDR2OC42YzAsMi4yLTEuOCw0LTQsNEg1MC45djIwLjVoNTcuNVY4Ny40eiIvPgoJPHBhdGggaWQ9IuWchuinkuefqeW9ol82ODgiIGNsYXNzPSJzdDQiIGQ9Ik03Ny4yLDM2LjJoLTcuNWMtMS4zLDAtMi40LTEuMS0yLjQtMi40bDAsMHYtNC4xYzAtMS4zLDEuMS0yLjQsMi40LTIuNGwwLDBoNy41CgkJYzEuMywwLDIuNCwxLjEsMi40LDIuNGwwLDB2NC4xQzc5LjYsMzUuMSw3OC42LDM2LjIsNzcuMiwzNi4yeiBNNTkuNywzNi4ySDM3LjR2NTQuNGMwLDEuMy0xLDIuMy0yLjMsMi4zSDMxYy0xLjMsMC0yLjMtMS0yLjMtMi4zCgkJVjc3SDExLjJjLTEsMC0xLjktMC44LTEuOS0xLjl2LTMuMmMwLTEsMC44LTEuOSwxLjktMS45bDAsMGgxNy41VjQ4LjZIMTEuMmMtMS4xLDAtMS45LTAuOS0xLjktMS45bDAsMHYtMy40CgkJYzAtMS4xLDAuOS0xLjksMS45LTEuOWwwLDBoMTcuNVYyOS42YzAtMS4zLDEtMi4zLDIuMy0yLjNsMCwwaDEzLjVWNy45YzAtMSwwLjgtMS45LDEuOS0xLjlsMCwwaDMuMmMxLDAsMS45LDAuOCwxLjksMS45bDAsMHYxOS40CgkJaDguMmMxLjMsMCwyLjQsMS4xLDIuNCwyLjRsMCwwdjQuMUM2Mi4xLDM1LjEsNjEuMSwzNi4yLDU5LjcsMzYuMnoiLz4KPC9nPgo8L3N2Zz4K) no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 1024px) {
  .l-level-con .l-level-name,
  .l-level-con ul {
    display: none;
  }
  .l-level-con .progress-bar {
    display: block;
    position: relative;
    width: 300px;
    height: 6px;
    margin: 32px 0 0 60px;
    border-radius: 3px;
    background-color: rgba(222, 222, 222, .5);
  }
  .l-level-con .progress-bar .progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 6px;
    border-radius: 3px;
    background-color: #00e29f;
  }
  .l-level-con .progress-bar .level-info {
    float: left;
    margin-top: -20px;
    font-size: 14px;
    color: #59bf5d;
  }
  .l-level-con .progress-bar .level-prize {
    position: absolute;
    top: -32px;
    width: 47px;
    height: 70px;
    background: url(//other.wkcoding.com/st_ide/pro/2023112501/img/treasure_iconX2-f328ece9.png) no-repeat center center;
    background-size: 100%;
    border: 0;
  }
  .l-level-con .progress-bar .level-prize .close-left {
    width: 8px;
    height: 12px;
    left: 4px;
    top: 18px;
    animation: treasure-star 1.8s ease-out infinite;
    -webkit-animation: treasure-star 1.8s ease-out infinite;
  }
  .l-level-con .progress-bar .level-prize .close-right {
    width: 8px;
    height: 12px;
    left: 35px;
    top: 21px;
    animation: treasure-star 2.4s ease-out infinite;
    -webkit-animation: treasure-star 2.4s ease-out infinite;
  }
  .l-level-con .progress-bar .level-prize .close-top {
    width: 8px;
    height: 12px;
    left: 13px;
    top: 13px;
    animation: treasure-star 3.5s ease-out infinite;
    -webkit-animation: treasure-star 3.5s ease-out infinite;
  }
  .l-level-con .progress-bar .level-prize .close-bottom {
    width: 10px;
    height: 14px;
    left: 21px;
    top: 34px;
    animation: treasure-star 2.1s ease-out infinite;
    -webkit-animation: treasure-star 2.1s ease-out infinite;
  }
  .l-level-con .progress-bar .level-prize .close-center {
    width: 10px;
    height: 14px;
    left: 26px;
    top: 7px;
    animation: treasure-star 2.8s ease-out infinite;
    -webkit-animation: treasure-star 2.8s ease-out infinite;
  }
}
.trashcan {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 40;
    background: rgba(0, 0, 0, .60);
}

.trashcan.show {
    display: block;
}

.trashcan .trashcan-img {
    position: absolute;
    width: 77px;
    height: 83px;
    left: 50%;
    bottom: 50%;
    background: url(data:image/svg+xml;base64,PHN2ZwogeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiCiB2aWV3Qm94PSIwIDAgNzcgODMiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMjU1LCAyNTUsIDI1NSkiCiBkPSJNNi4yMTYsNjUuOTA0IEM2LjIxNiw3NS4xNjkgMTMuOTIzLDgyLjc1MCAyMy4zNDIsODIuNzUwIEw1NC42NDQsODIuNzUwIEM2NC4wNjQsODIuNzUwIDcxLjc3MSw3NS4xNjkgNzEuNzcxLDY1LjkwNCBMNzEuNzcxLDIwLjI5MSBDNzEuNzcxLDE5LjU4MSA3MS4xODYsMTkuMDA2IDcwLjQ2NCwxOS4wMDYgTDcuNTIzLDE5LjAwNiBDNi44MDEsMTkuMDA2IDYuMjE2LDE5LjU4MSA2LjIxNiwyMC4yOTEgTDYuMjE2LDY1LjkwNCBaTTQ5LjgxOSwzNS40MjMgQzQ5LjgxOSwzMy4zMDggNTEuNTc4LDMxLjU3NyA1My43MjgsMzEuNTc3IEw1My43MjgsMzEuNTc3IEM1NS44NzgsMzEuNTc3IDU3LjYzNywzMy4zMDggNTcuNjM3LDM1LjQyMyBMNTcuNjM3LDYzLjIyOCBDNTcuNjM3LDY1LjM0MiA1NS44NzgsNjcuMDczIDUzLjcyOCw2Ny4wNzMgTDUzLjcyOCw2Ny4wNzMgQzUxLjU3OCw2Ny4wNzMgNDkuODE5LDY1LjM0MiA0OS44MTksNjMuMjI4IEw0OS44MTksMzUuNDIzIFpNMzUuMDg0LDM1LjQyMyBDMzUuMDg0LDMzLjMwOCAzNi44NDMsMzEuNTc3IDM4Ljk5MywzMS41NzcgTDM4Ljk5MywzMS41NzcgQzQxLjE0NCwzMS41NzcgNDIuOTAzLDMzLjMwOCA0Mi45MDMsMzUuNDIzIEw0Mi45MDMsNjMuMjI4IEM0Mi45MDMsNjUuMzQyIDQxLjE0NCw2Ny4wNzMgMzguOTkzLDY3LjA3MyBMMzguOTkzLDY3LjA3MyBDMzYuODQzLDY3LjA3MyAzNS4wODQsNjUuMzQyIDM1LjA4NCw2My4yMjggTDM1LjA4NCwzNS40MjMgWk0yMC4zNTAsMzUuNDIzIEMyMC4zNTAsMzMuMzA4IDIyLjEwOSwzMS41NzcgMjQuMjU5LDMxLjU3NyBMMjQuMjU5LDMxLjU3NyBDMjYuNDA5LDMxLjU3NyAyOC4xNjgsMzMuMzA4IDI4LjE2OCwzNS40MjMgTDI4LjE2OCw2My4yMjggQzI4LjE2OCw2NS4zNDIgMjYuNDA5LDY3LjA3MyAyNC4yNTksNjcuMDczIEwyNC4yNTksNjcuMDczIEMyMi4xMDksNjcuMDczIDIwLjM1MCw2NS4zNDIgMjAuMzUwLDYzLjIyOCBMMjAuMzUwLDM1LjQyMyBaIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgIGZpbGw9InJnYigyNTUsIDI1NSwgMjU1KSIKIGQ9Ik03Mi44NDMsNS4zNDYgTDUxLjY1MCw1LjM0NiBMNTEuNjUwLDQuNzM0IEM1MS42NTAsMi4xMzQgNDkuNTc1LC0wLjAwNyA0Ny4wNTUsLTAuMDA3IEwzMC45MDEsLTAuMDA3IEMyOC4zODEsLTAuMDA3IDI2LjMwNiwyLjEzNCAyNi4zMDYsNC43MzQgTDI2LjMwNiw1LjM0NiBMNS4xMTMsNS4zNDYgQzIuODkwLDUuMzQ2IDAuOTYzLDcuMTgxIDAuOTYzLDkuNjI4IEwwLjk2MywxMS45MjIgQzAuOTYzLDE0LjIxNiAyLjc0MSwxNi4yMDQgNS4xMTMsMTYuMjA0IEw3Mi42OTUsMTYuMjA0IEM3NS4wNjcsMTYuMjA0IDc2Ljk5MywxNC4zNjkgNzYuOTkzLDExLjkyMiBMNzYuOTkzLDkuNjI4IEM3Ni45OTMsNy4zMzQgNzUuMjE1LDUuMzQ2IDcyLjg0Myw1LjM0NiBaIi8+Cjwvc3ZnPgo=) center no-repeat;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
}

.trashcan.open .trashcan-img {
    background-image: url(data:image/svg+xml;base64,PHN2ZwogICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiCiAgICB2aWV3Qm94PSIwIDAgNzUgMTEzIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgIGZpbGw9InJnYigyNTUsIDI1NSwgMjU1KSIKICAgICAgICAgIGQ9Ik05LjIxNiw5Ni4xNTMgQzkuMjE2LDEwNS40MTkgMTYuOTIzLDExMi45OTkgMjYuMzQyLDExMi45OTkgTDU3LjY0NCwxMTIuOTk5IEM2Ny4wNjQsMTEyLjk5OSA3NC43NzEsMTA1LjQxOSA3NC43NzEsOTYuMTUzIEw3NC43NzEsNTAuNTQxIEM3NC43NzEsNDkuODMxIDc0LjE4Niw0OS4yNTUgNzMuNDY0LDQ5LjI1NSBMMTAuNTIzLDQ5LjI1NSBDOS44MDEsNDkuMjU1IDkuMjE2LDQ5LjgzMSA5LjIxNiw1MC41NDEgTDkuMjE2LDk2LjE1MyBaTTUyLjgxOSw2NS42NzIgQzUyLjgxOSw2My41NTcgNTQuNTc4LDYxLjgyNyA1Ni43MjgsNjEuODI3IEw1Ni43MjgsNjEuODI3IEM1OC44NzgsNjEuODI3IDYwLjYzNyw2My41NTcgNjAuNjM3LDY1LjY3MiBMNjAuNjM3LDkzLjQ3NyBDNjAuNjM3LDk1LjU5MiA1OC44NzgsOTcuMzIyIDU2LjcyOCw5Ny4zMjIgTDU2LjcyOCw5Ny4zMjIgQzU0LjU3OCw5Ny4zMjIgNTIuODE5LDk1LjU5MiA1Mi44MTksOTMuNDc3IEw1Mi44MTksNjUuNjcyIFpNMzguMDg0LDY1LjY3MiBDMzguMDg0LDYzLjU1NyAzOS44NDMsNjEuODI3IDQxLjk5Myw2MS44MjcgTDQxLjk5Myw2MS44MjcgQzQ0LjE0NCw2MS44MjcgNDUuOTAzLDYzLjU1NyA0NS45MDMsNjUuNjcyIEw0NS45MDMsOTMuNDc3IEM0NS45MDMsOTUuNTkyIDQ0LjE0NCw5Ny4zMjIgNDEuOTkzLDk3LjMyMiBMNDEuOTkzLDk3LjMyMiBDMzkuODQzLDk3LjMyMiAzOC4wODQsOTUuNTkyIDM4LjA4NCw5My40NzcgTDM4LjA4NCw2NS42NzIgWk0yMy4zNTAsNjUuNjcyIEMyMy4zNTAsNjMuNTU3IDI1LjEwOSw2MS44MjcgMjcuMjU5LDYxLjgyNyBMMjcuMjU5LDYxLjgyNyBDMjkuNDA5LDYxLjgyNyAzMS4xNjgsNjMuNTU3IDMxLjE2OCw2NS42NzIgTDMxLjE2OCw5My40NzcgQzMxLjE2OCw5NS41OTIgMjkuNDA5LDk3LjMyMiAyNy4yNTksOTcuMzIyIEwyNy4yNTksOTcuMzIyIEMyNS4xMDksOTcuMzIyIDIzLjM1MCw5NS41OTIgMjMuMzUwLDkzLjQ3NyBMMjMuMzUwLDY1LjY3MiBaIi8+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMjU1LCAyNTUsIDI1NSkiCiAgICAgICAgICBkPSJNNjAuNjYxLDEuNDE2IEw0Mi4zMTIsMTEuOTQ0IEw0Mi4wMDAsMTEuNDA3IEM0MC42NzQsOS4xMjQgMzcuNzg1LDguMjc1IDM1LjYwNCw5LjUyNyBMMjEuNjE3LDE3LjU1MiBDMTkuNDM2LDE4LjgwNCAxOC43MzIsMjEuNzE0IDIwLjA1OCwyMy45OTcgTDIwLjM3MCwyNC41MzUgTDIuMDIxLDM1LjA2MyBDMC4wOTYsMzYuMTY4IC0wLjYzNiwzOC43MzYgMC42MTIsNDAuODg1IEwxLjc4Myw0Mi44OTkgQzIuOTUzLDQ0LjkxNCA1LjUwNyw0NS43NzYgNy41NjAsNDQuNTk4IEw2Ni4wNzIsMTEuMDI0IEM2OC4xMjUsOS44NDYgNjguODU3LDcuMjc3IDY3LjYwOSw1LjEyOSBMNjYuNDM5LDMuMTE0IEM2NS4yNjgsMS4xMDAgNjIuNzE0LDAuMjM4IDYwLjY2MSwxLjQxNiBaIi8+Cjwvc3ZnPgo=);
    width: 75px;
    height: 113px;
    margin-left: -4px;
}
.blocks-shadow {
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /*background: rgba(0,0,0,.5) url(../img/blocks-running-icon.svg) no-repeat center;*/
    background-color: rgba(0, 0, 0, .5);
    z-index: 89;
    display: none;
}

#running-animation {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -200px 0 0 -130px;
    width: 260px;
}

.running-info {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 15px 0 0 -190px;
    width: 380px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    color: #fff;
}
.monitor-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
}

.monitor-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    background: #f5f5f5;
    padding: 8px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 2rem;
    pointer-events: all;
    -webkit-transition: -webkit-box-shadow 0.2s;
    transition: -webkit-box-shadow 0.2s;
    -o-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
    transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
    border: 1px solid gray;
    border-radius: .8rem;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    z-index: 100;
}

.monitor-item:hover {
    cursor: pointer;
}

.monitor-item.dragging {
    z-index: 101;
    -webkit-box-shadow: 6px 6px 10px #888888;
            box-shadow: 6px 6px 10px #888888;
}

.monitor-label {
    font-weight: bold;
    text-align: center;
    margin: 0 10px;
    vertical-align: middle;
}

.monitor-value {
    display: inline-block;
    min-width: 80px;
    min-height: 2rem;
    text-align: center;
    color: white;
    margin: 0 10px;
    border-radius: .8rem;
    padding: 0 8px;
    vertical-align: middle;
}
.modal__close-button--default {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 14px;
  fill: #d7d7d7;
  padding: 4px;
  font-size: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-input {
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
  font-variant: tabular-nums;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  display: inline-block;
  padding: 4px 11px;
  width: 100%;
  height: 32px;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(0, 0, 0, .65);
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-input:focus {
  border-color: #40a9ff;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
          box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
  border-right-width: 1px !important;
}
.ant-input-disabled {
  background-color: #f5f5f5;
  opacity: 1;
  cursor: not-allowed;
  color: rgba(0, 0, 0, .25);
}
.ant-input-disabled:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important;
}
textarea.ant-input {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  -o-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
  min-height: 32px;
}
.ant-input-lg {
  padding: 6px 11px;
  height: 40px;
  font-size: 16px;
}
.ant-input-sm {
  padding: 1px 7px;
  height: 24px;
}
.ant-input-group {
  font-size: 14px;
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
  font-variant: tabular-nums;
  line-height: 1.5;
  color: rgba(0, 0, 0, .65);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  display: table;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}
.ant-input-group[class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.ant-input-group > [class*='col-'] {
  padding-right: 8px;
}
.ant-input-group > [class*='col-']:last-child {
  padding-right: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group > .ant-input {
  display: table-cell;
}
.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.ant-input-group-wrap > * {
  display: block !important;
}
.ant-input-group .ant-input {
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.ant-input-group .ant-input:focus {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group .ant-input:hover {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group-addon {
  padding: 0 11px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: rgba(0, 0, 0, .65);
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-input-group-addon .ant-select {
  margin: -5px -11px;
}
.ant-input-group-addon .ant-select .ant-select-selection {
  background-color: inherit;
  margin: -1px;
  border: 1px solid transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-input-group-addon .ant-select-open .ant-select-selection,
.ant-input-group-addon .ant-select-focused .ant-select-selection {
  color: #1890ff;
}
.ant-input-group-addon > i:only-child:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ant-input-group > .ant-input:first-child,
.ant-input-group-addon:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.ant-input-group > .ant-input:first-child .ant-select .ant-select-selection,
.ant-input-group-addon:first-child .ant-select .ant-select-selection {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.ant-input-group-addon:first-child {
  border-right: 0;
}
.ant-input-group-addon:last-child {
  border-left: 0;
}
.ant-input-group > .ant-input:last-child,
.ant-input-group-addon:last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.ant-input-group > .ant-input:last-child .ant-select .ant-select-selection,
.ant-input-group-addon:last-child .ant-select .ant-select-selection {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
  padding: 6px 11px;
  height: 40px;
  font-size: 16px;
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
  padding: 1px 7px;
  height: 24px;
}
.ant-input-group-lg .ant-select-selection--single {
  height: 40px;
}
.ant-input-group-sm .ant-select-selection--single {
  height: 24px;
}
.ant-input-group .ant-input-affix-wrapper {
  display: table-cell;
  width: 100%;
  float: left;
}
.ant-input-group.ant-input-group-compact {
  display: block;
  zoom: 1;
}
.ant-input-group.ant-input-group-compact:before,
.ant-input-group.ant-input-group-compact:after {
  content: '';
  display: table;
}
.ant-input-group.ant-input-group-compact:after {
  clear: both;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > * {
  border-radius: 0;
  vertical-align: top;
  float: none;
  display: inline-block;
}
.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  border-right-width: 1px;
  margin-right: -1px;
}
.ant-input-group.ant-input-group-compact .ant-input {
  float: none;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input {
  border-radius: 0;
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:hover,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:hover,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:focus,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:focus,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:first-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:first-child .ant-time-picker-input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
  vertical-align: top;
}
.ant-input-group-wrapper {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.ant-input-affix-wrapper {
  font-size: 14px;
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
  font-variant: tabular-nums;
  line-height: 1.5;
  color: rgba(0, 0, 0, .65);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  display: inline-block;
  width: 100%;
}
.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-input-affix-wrapper .ant-input {
  position: relative;
}
.ant-input-affix-wrapper .ant-input-prefix,
.ant-input-affix-wrapper .ant-input-suffix {
  position: absolute;
  top: 50%;
  z-index: 2;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 0;
  color: rgba(0, 0, 0, .65);
}
.ant-input-affix-wrapper .ant-input-prefix :not(.anticon),
.ant-input-affix-wrapper .ant-input-suffix :not(.anticon) {
  line-height: 1.5;
}
.ant-input-affix-wrapper .ant-input-prefix {
  left: 12px;
}
.ant-input-affix-wrapper .ant-input-suffix {
  right: 12px;
}
.ant-input-affix-wrapper .ant-input:not(:first-child) {
  padding-left: 30px;
}
.ant-input-affix-wrapper .ant-input:not(:last-child) {
  padding-right: 30px;
}
.ant-input-affix-wrapper .ant-input {
  min-height: 100%;
}
.ant-input-password-icon {
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-input-password-icon:hover {
  color: #333;
}
.ant-input-search-icon {
  color: rgba(0, 0, 0, .45);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-input-search-icon:hover {
  color: rgba(0, 0, 0, .8);
}
.ant-input-search .ant-input-group-addon {
  border: 0;
  padding: 0;
}
.ant-input-search .ant-input-group-addon .ant-input-search-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: 100%;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-btn {
  line-height: 1.499;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 4px;
  height: 32px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, .015);
          box-shadow: 0 2px 0 rgba(0, 0, 0, .015);
  color: rgba(0, 0, 0, .65);
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-btn > .anticon {
  line-height: 1;
}
.ant-btn,
.ant-btn:active,
.ant-btn:focus {
  outline: 0;
}
.ant-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-btn:not([disabled]):active {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn.disabled,
.ant-btn[disabled] {
  cursor: not-allowed;
}
.ant-btn.disabled > *,
.ant-btn[disabled] > * {
  pointer-events: none;
}
.ant-btn-lg {
  padding: 0 15px;
  font-size: 16px;
  border-radius: 4px;
  height: 40px;
}
.ant-btn-sm {
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
  height: 24px;
}
.ant-btn > a:only-child {
  color: currentColor;
}
.ant-btn > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn:hover,
.ant-btn:focus {
  color: #40a9ff;
  background-color: #fff;
  border-color: #40a9ff;
}
.ant-btn:hover > a:only-child,
.ant-btn:focus > a:only-child {
  color: currentColor;
}
.ant-btn:hover > a:only-child:after,
.ant-btn:focus > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn:active,
.ant-btn.active {
  color: #096dd9;
  background-color: #fff;
  border-color: #096dd9;
}
.ant-btn:active > a:only-child,
.ant-btn.active > a:only-child {
  color: currentColor;
}
.ant-btn:active > a:only-child:after,
.ant-btn.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-disabled,
.ant-btn.disabled,
.ant-btn[disabled],
.ant-btn-disabled:hover,
.ant-btn.disabled:hover,
.ant-btn[disabled]:hover,
.ant-btn-disabled:focus,
.ant-btn.disabled:focus,
.ant-btn[disabled]:focus,
.ant-btn-disabled:active,
.ant-btn.disabled:active,
.ant-btn[disabled]:active,
.ant-btn-disabled.active,
.ant-btn.disabled.active,
.ant-btn[disabled].active {
  color: rgba(0, 0, 0, .25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-disabled > a:only-child,
.ant-btn.disabled > a:only-child,
.ant-btn[disabled] > a:only-child,
.ant-btn-disabled:hover > a:only-child,
.ant-btn.disabled:hover > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn-disabled:focus > a:only-child,
.ant-btn.disabled:focus > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn-disabled:active > a:only-child,
.ant-btn.disabled:active > a:only-child,
.ant-btn[disabled]:active > a:only-child,
.ant-btn-disabled.active > a:only-child,
.ant-btn.disabled.active > a:only-child,
.ant-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-disabled > a:only-child:after,
.ant-btn.disabled > a:only-child:after,
.ant-btn[disabled] > a:only-child:after,
.ant-btn-disabled:hover > a:only-child:after,
.ant-btn.disabled:hover > a:only-child:after,
.ant-btn[disabled]:hover > a:only-child:after,
.ant-btn-disabled:focus > a:only-child:after,
.ant-btn.disabled:focus > a:only-child:after,
.ant-btn[disabled]:focus > a:only-child:after,
.ant-btn-disabled:active > a:only-child:after,
.ant-btn.disabled:active > a:only-child:after,
.ant-btn[disabled]:active > a:only-child:after,
.ant-btn-disabled.active > a:only-child:after,
.ant-btn.disabled.active > a:only-child:after,
.ant-btn[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active,
.ant-btn.active {
  background: #fff;
  text-decoration: none;
}
.ant-btn > i,
.ant-btn > span {
  pointer-events: none;
  display: inline-block;
}
.ant-btn-primary {
  color: #fff;
  background-color: #1890ff;
  border-color: #1890ff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .12);
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, .045);
          box-shadow: 0 2px 0 rgba(0, 0, 0, .045);
}
.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-primary > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: #fff;
  background-color: #40a9ff;
  border-color: #40a9ff;
}
.ant-btn-primary:hover > a:only-child,
.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-primary:hover > a:only-child:after,
.ant-btn-primary:focus > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-primary:active,
.ant-btn-primary.active {
  color: #fff;
  background-color: #096dd9;
  border-color: #096dd9;
}
.ant-btn-primary:active > a:only-child,
.ant-btn-primary.active > a:only-child {
  color: currentColor;
}
.ant-btn-primary:active > a:only-child:after,
.ant-btn-primary.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-primary-disabled,
.ant-btn-primary.disabled,
.ant-btn-primary[disabled],
.ant-btn-primary-disabled:hover,
.ant-btn-primary.disabled:hover,
.ant-btn-primary[disabled]:hover,
.ant-btn-primary-disabled:focus,
.ant-btn-primary.disabled:focus,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary-disabled:active,
.ant-btn-primary.disabled:active,
.ant-btn-primary[disabled]:active,
.ant-btn-primary-disabled.active,
.ant-btn-primary.disabled.active,
.ant-btn-primary[disabled].active {
  color: rgba(0, 0, 0, .25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-primary-disabled > a:only-child,
.ant-btn-primary.disabled > a:only-child,
.ant-btn-primary[disabled] > a:only-child,
.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-primary-disabled > a:only-child:after,
.ant-btn-primary.disabled > a:only-child:after,
.ant-btn-primary[disabled] > a:only-child:after,
.ant-btn-primary-disabled:hover > a:only-child:after,
.ant-btn-primary.disabled:hover > a:only-child:after,
.ant-btn-primary[disabled]:hover > a:only-child:after,
.ant-btn-primary-disabled:focus > a:only-child:after,
.ant-btn-primary.disabled:focus > a:only-child:after,
.ant-btn-primary[disabled]:focus > a:only-child:after,
.ant-btn-primary-disabled:active > a:only-child:after,
.ant-btn-primary.disabled:active > a:only-child:after,
.ant-btn-primary[disabled]:active > a:only-child:after,
.ant-btn-primary-disabled.active > a:only-child:after,
.ant-btn-primary.disabled.active > a:only-child:after,
.ant-btn-primary[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: #40a9ff;
  border-left-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
  border-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  border-right-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-left-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-left-color: #d9d9d9;
}
.ant-btn-ghost {
  color: rgba(0, 0, 0, .65);
  background-color: transparent;
  border-color: #d9d9d9;
}
.ant-btn-ghost > a:only-child {
  color: currentColor;
}
.ant-btn-ghost > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
  color: #40a9ff;
  background-color: transparent;
  border-color: #40a9ff;
}
.ant-btn-ghost:hover > a:only-child,
.ant-btn-ghost:focus > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:hover > a:only-child:after,
.ant-btn-ghost:focus > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-ghost:active,
.ant-btn-ghost.active {
  color: #096dd9;
  background-color: transparent;
  border-color: #096dd9;
}
.ant-btn-ghost:active > a:only-child,
.ant-btn-ghost.active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:active > a:only-child:after,
.ant-btn-ghost.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-ghost-disabled,
.ant-btn-ghost.disabled,
.ant-btn-ghost[disabled],
.ant-btn-ghost-disabled:hover,
.ant-btn-ghost.disabled:hover,
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost-disabled:focus,
.ant-btn-ghost.disabled:focus,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost-disabled:active,
.ant-btn-ghost.disabled:active,
.ant-btn-ghost[disabled]:active,
.ant-btn-ghost-disabled.active,
.ant-btn-ghost.disabled.active,
.ant-btn-ghost[disabled].active {
  color: rgba(0, 0, 0, .25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-ghost-disabled > a:only-child,
.ant-btn-ghost.disabled > a:only-child,
.ant-btn-ghost[disabled] > a:only-child,
.ant-btn-ghost-disabled:hover > a:only-child,
.ant-btn-ghost.disabled:hover > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost-disabled:focus > a:only-child,
.ant-btn-ghost.disabled:focus > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost-disabled:active > a:only-child,
.ant-btn-ghost.disabled:active > a:only-child,
.ant-btn-ghost[disabled]:active > a:only-child,
.ant-btn-ghost-disabled.active > a:only-child,
.ant-btn-ghost.disabled.active > a:only-child,
.ant-btn-ghost[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost-disabled > a:only-child:after,
.ant-btn-ghost.disabled > a:only-child:after,
.ant-btn-ghost[disabled] > a:only-child:after,
.ant-btn-ghost-disabled:hover > a:only-child:after,
.ant-btn-ghost.disabled:hover > a:only-child:after,
.ant-btn-ghost[disabled]:hover > a:only-child:after,
.ant-btn-ghost-disabled:focus > a:only-child:after,
.ant-btn-ghost.disabled:focus > a:only-child:after,
.ant-btn-ghost[disabled]:focus > a:only-child:after,
.ant-btn-ghost-disabled:active > a:only-child:after,
.ant-btn-ghost.disabled:active > a:only-child:after,
.ant-btn-ghost[disabled]:active > a:only-child:after,
.ant-btn-ghost-disabled.active > a:only-child:after,
.ant-btn-ghost.disabled.active > a:only-child:after,
.ant-btn-ghost[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-dashed {
  color: rgba(0, 0, 0, .65);
  background-color: #fff;
  border-color: #d9d9d9;
  border-style: dashed;
}
.ant-btn-dashed > a:only-child {
  color: currentColor;
}
.ant-btn-dashed > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
  color: #40a9ff;
  background-color: #fff;
  border-color: #40a9ff;
}
.ant-btn-dashed:hover > a:only-child,
.ant-btn-dashed:focus > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:hover > a:only-child:after,
.ant-btn-dashed:focus > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-dashed:active,
.ant-btn-dashed.active {
  color: #096dd9;
  background-color: #fff;
  border-color: #096dd9;
}
.ant-btn-dashed:active > a:only-child,
.ant-btn-dashed.active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:active > a:only-child:after,
.ant-btn-dashed.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-dashed-disabled,
.ant-btn-dashed.disabled,
.ant-btn-dashed[disabled],
.ant-btn-dashed-disabled:hover,
.ant-btn-dashed.disabled:hover,
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed-disabled:focus,
.ant-btn-dashed.disabled:focus,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed-disabled:active,
.ant-btn-dashed.disabled:active,
.ant-btn-dashed[disabled]:active,
.ant-btn-dashed-disabled.active,
.ant-btn-dashed.disabled.active,
.ant-btn-dashed[disabled].active {
  color: rgba(0, 0, 0, .25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-dashed-disabled > a:only-child,
.ant-btn-dashed.disabled > a:only-child,
.ant-btn-dashed[disabled] > a:only-child,
.ant-btn-dashed-disabled:hover > a:only-child,
.ant-btn-dashed.disabled:hover > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed-disabled:focus > a:only-child,
.ant-btn-dashed.disabled:focus > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed-disabled:active > a:only-child,
.ant-btn-dashed.disabled:active > a:only-child,
.ant-btn-dashed[disabled]:active > a:only-child,
.ant-btn-dashed-disabled.active > a:only-child,
.ant-btn-dashed.disabled.active > a:only-child,
.ant-btn-dashed[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed-disabled > a:only-child:after,
.ant-btn-dashed.disabled > a:only-child:after,
.ant-btn-dashed[disabled] > a:only-child:after,
.ant-btn-dashed-disabled:hover > a:only-child:after,
.ant-btn-dashed.disabled:hover > a:only-child:after,
.ant-btn-dashed[disabled]:hover > a:only-child:after,
.ant-btn-dashed-disabled:focus > a:only-child:after,
.ant-btn-dashed.disabled:focus > a:only-child:after,
.ant-btn-dashed[disabled]:focus > a:only-child:after,
.ant-btn-dashed-disabled:active > a:only-child:after,
.ant-btn-dashed.disabled:active > a:only-child:after,
.ant-btn-dashed[disabled]:active > a:only-child:after,
.ant-btn-dashed-disabled.active > a:only-child:after,
.ant-btn-dashed.disabled.active > a:only-child:after,
.ant-btn-dashed[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-danger {
  color: #f5222d;
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-danger > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-danger:hover {
  color: #fff;
  background-color: #ff4d4f;
  border-color: #ff4d4f;
}
.ant-btn-danger:hover > a:only-child {
  color: currentColor;
}
.ant-btn-danger:hover > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-danger:focus {
  color: #ff4d4f;
  background-color: #fff;
  border-color: #ff4d4f;
}
.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-danger:focus > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-danger:active,
.ant-btn-danger.active {
  color: #fff;
  background-color: #cf1322;
  border-color: #cf1322;
}
.ant-btn-danger:active > a:only-child,
.ant-btn-danger.active > a:only-child {
  color: currentColor;
}
.ant-btn-danger:active > a:only-child:after,
.ant-btn-danger.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-danger-disabled,
.ant-btn-danger.disabled,
.ant-btn-danger[disabled],
.ant-btn-danger-disabled:hover,
.ant-btn-danger.disabled:hover,
.ant-btn-danger[disabled]:hover,
.ant-btn-danger-disabled:focus,
.ant-btn-danger.disabled:focus,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger-disabled:active,
.ant-btn-danger.disabled:active,
.ant-btn-danger[disabled]:active,
.ant-btn-danger-disabled.active,
.ant-btn-danger.disabled.active,
.ant-btn-danger[disabled].active {
  color: rgba(0, 0, 0, .25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-danger-disabled > a:only-child,
.ant-btn-danger.disabled > a:only-child,
.ant-btn-danger[disabled] > a:only-child,
.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-danger-disabled > a:only-child:after,
.ant-btn-danger.disabled > a:only-child:after,
.ant-btn-danger[disabled] > a:only-child:after,
.ant-btn-danger-disabled:hover > a:only-child:after,
.ant-btn-danger.disabled:hover > a:only-child:after,
.ant-btn-danger[disabled]:hover > a:only-child:after,
.ant-btn-danger-disabled:focus > a:only-child:after,
.ant-btn-danger.disabled:focus > a:only-child:after,
.ant-btn-danger[disabled]:focus > a:only-child:after,
.ant-btn-danger-disabled:active > a:only-child:after,
.ant-btn-danger.disabled:active > a:only-child:after,
.ant-btn-danger[disabled]:active > a:only-child:after,
.ant-btn-danger-disabled.active > a:only-child:after,
.ant-btn-danger.disabled.active > a:only-child:after,
.ant-btn-danger[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-round {
  padding: 0 16px;
  font-size: 16px;
  border-radius: 32px;
  height: 32px;
}
.ant-btn-round.ant-btn-lg {
  padding: 0 20px;
  font-size: 18px;
  border-radius: 40px;
  height: 40px;
}
.ant-btn-round.ant-btn-sm {
  padding: 0 12px;
  font-size: 14px;
  border-radius: 24px;
  height: 24px;
}
.ant-btn-circle,
.ant-btn-circle-outline {
  width: 32px;
  padding: 0;
  font-size: 16px;
  border-radius: 50%;
  height: 32px;
}
.ant-btn-circle.ant-btn-lg,
.ant-btn-circle-outline.ant-btn-lg {
  width: 40px;
  padding: 0;
  font-size: 18px;
  border-radius: 50%;
  height: 40px;
}
.ant-btn-circle.ant-btn-sm,
.ant-btn-circle-outline.ant-btn-sm {
  width: 24px;
  padding: 0;
  font-size: 14px;
  border-radius: 50%;
  height: 24px;
}
.ant-btn:before {
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  background: #fff;
  opacity: 0.35;
  content: '';
  border-radius: inherit;
  z-index: 1;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  pointer-events: none;
  display: none;
}
.ant-btn .anticon {
  -webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn .anticon.anticon-plus > svg,
.ant-btn .anticon.anticon-minus > svg {
  shape-rendering: optimizeSpeed;
}
.ant-btn.ant-btn-loading:before {
  display: block;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 29px;
  pointer-events: none;
  position: relative;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon:not(:last-child) {
  margin-left: -14px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 24px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon {
  margin-left: -17px;
}
.ant-btn-group {
  position: relative;
  display: inline-block;
}
.ant-btn-group > .ant-btn,
.ant-btn-group > span > .ant-btn {
  position: relative;
}
.ant-btn-group > .ant-btn:hover,
.ant-btn-group > span > .ant-btn:hover,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > span > .ant-btn:focus,
.ant-btn-group > .ant-btn:active,
.ant-btn-group > span > .ant-btn:active,
.ant-btn-group > .ant-btn.active,
.ant-btn-group > span > .ant-btn.active {
  z-index: 2;
}
.ant-btn-group > .ant-btn:disabled,
.ant-btn-group > span > .ant-btn:disabled {
  z-index: 0;
}
.ant-btn-group-lg > .ant-btn,
.ant-btn-group-lg > span > .ant-btn {
  padding: 0 15px;
  font-size: 16px;
  border-radius: 0;
  height: 40px;
  line-height: 38px;
}
.ant-btn-group-sm > .ant-btn,
.ant-btn-group-sm > span > .ant-btn {
  padding: 0 7px;
  font-size: 14px;
  border-radius: 0;
  height: 24px;
  line-height: 22px;
}
.ant-btn-group-sm > .ant-btn > .anticon,
.ant-btn-group-sm > span > .ant-btn > .anticon {
  font-size: 14px;
}
.ant-btn-group .ant-btn + .ant-btn,
.ant-btn + .ant-btn-group,
.ant-btn-group span + .ant-btn,
.ant-btn-group .ant-btn + span,
.ant-btn-group > span + span,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group {
  margin-left: -1px;
}
.ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
  border-left-color: transparent;
}
.ant-btn-group .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn:first-child,
.ant-btn-group > span:first-child > .ant-btn {
  margin-left: 0;
}
.ant-btn-group > .ant-btn:only-child {
  border-radius: 4px;
}
.ant-btn-group > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:only-child {
  border-radius: 4px;
}
.ant-btn-group-sm > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.ant-btn-group > .ant-btn-group {
  float: left;
}
.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  padding-right: 8px;
}
.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  padding-left: 8px;
}
.ant-btn:not(.ant-btn-circle):not(.ant-btn-circle-outline).ant-btn-icon-only {
  padding-left: 8px;
  padding-right: 8px;
}
.ant-btn:focus > span,
.ant-btn:active > span {
  position: relative;
}
.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 8px;
}
.ant-btn-background-ghost {
  background: transparent !important;
  border-color: #fff;
  color: #fff;
}
.ant-btn-background-ghost.ant-btn-primary {
  color: #1890ff;
  background-color: transparent;
  border-color: #1890ff;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
  color: #40a9ff;
  background-color: transparent;
  border-color: #40a9ff;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-primary:active,
.ant-btn-background-ghost.ant-btn-primary.active {
  color: #096dd9;
  background-color: transparent;
  border-color: #096dd9;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-primary-disabled,
.ant-btn-background-ghost.ant-btn-primary.disabled,
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary-disabled:hover,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary-disabled:active,
.ant-btn-background-ghost.ant-btn-primary.disabled:active,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active,
.ant-btn-background-ghost.ant-btn-primary-disabled.active,
.ant-btn-background-ghost.ant-btn-primary.disabled.active,
.ant-btn-background-ghost.ant-btn-primary[disabled].active {
  color: rgba(0, 0, 0, .25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-danger {
  color: #f5222d;
  background-color: transparent;
  border-color: #f5222d;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
  color: #ff4d4f;
  background-color: transparent;
  border-color: #ff4d4f;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-danger:active,
.ant-btn-background-ghost.ant-btn-danger.active {
  color: #cf1322;
  background-color: transparent;
  border-color: #cf1322;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-danger-disabled,
.ant-btn-background-ghost.ant-btn-danger.disabled,
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger-disabled:hover,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger-disabled:active,
.ant-btn-background-ghost.ant-btn-danger.disabled:active,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active,
.ant-btn-background-ghost.ant-btn-danger-disabled.active,
.ant-btn-background-ghost.ant-btn-danger.disabled.active,
.ant-btn-background-ghost.ant-btn-danger[disabled].active {
  color: rgba(0, 0, 0, .25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-two-chinese-chars:first-letter {
  letter-spacing: 0.34em;
}
.ant-btn-two-chinese-chars > *:not(.anticon) {
  letter-spacing: 0.34em;
  margin-right: -0.34em;
}
.ant-btn-block {
  width: 100%;
}
.ant-btn:empty {
  vertical-align: top;
}
a.ant-btn {
  line-height: 30px;
}
a.ant-btn-lg {
  line-height: 38px;
}
a.ant-btn-sm {
  line-height: 22px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-modal {
  font-size: 14px;
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
  font-variant: tabular-nums;
  line-height: 1.5;
  color: rgba(0, 0, 0, .65);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  width: auto;
  margin: 0 auto;
  top: 100px;
  padding-bottom: 24px;
}
.ant-modal-wrap {
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.ant-modal-title {
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: rgba(0, 0, 0, .85);
}
.ant-modal-content {
  position: relative;
  background-color: #fff;
  border: 0;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
}
.ant-modal-close {
  cursor: pointer;
  border: 0;
  background: transparent;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  color: rgba(0, 0, 0, .45);
  outline: 0;
  padding: 0;
}
.ant-modal-close-x {
  display: block;
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
  width: 56px;
  height: 56px;
  line-height: 56px;
  font-size: 16px;
}
.ant-modal-close:focus,
.ant-modal-close:hover {
  color: rgba(0, 0, 0, .75);
  text-decoration: none;
}
.ant-modal-header {
  padding: 16px 24px;
  border-radius: 4px 4px 0 0;
  background: #fff;
  color: rgba(0, 0, 0, .65);
  border-bottom: 1px solid #e8e8e8;
}
.ant-modal-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
}
.ant-modal-footer {
  border-top: 1px solid #e8e8e8;
  padding: 10px 16px;
  text-align: right;
  border-radius: 0 0 4px 4px;
}
.ant-modal-footer button + button {
  margin-left: 8px;
  margin-bottom: 0;
}
.ant-modal.zoom-enter,
.ant-modal.zoom-appear {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .65);
  height: 100%;
  z-index: 1000;
  filter: alpha(opacity=50);
}
.ant-modal-mask-hidden {
  display: none;
}
.ant-modal-open {
  overflow: hidden;
}
.ant-modal-centered {
  text-align: center;
}
.ant-modal-centered:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.ant-modal-centered .ant-modal {
  display: inline-block;
  vertical-align: middle;
  top: 0;
  text-align: left;
}
@media (max-width: 767px) {
  .ant-modal {
    max-width: calc(100vw - 16px);
    margin: 8px auto;
  }
  .ant-modal-centered .ant-modal {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.ant-modal-confirm .ant-modal-header {
  display: none;
}
.ant-modal-confirm .ant-modal-close {
  display: none;
}
.ant-modal-confirm .ant-modal-body {
  padding: 32px 32px 24px;
}
.ant-modal-confirm-body-wrapper {
  zoom: 1;
}
.ant-modal-confirm-body-wrapper:before,
.ant-modal-confirm-body-wrapper:after {
  content: '';
  display: table;
}
.ant-modal-confirm-body-wrapper:after {
  clear: both;
}
.ant-modal-confirm-body .ant-modal-confirm-title {
  color: rgba(0, 0, 0, .85);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  display: block;
  overflow: hidden;
}
.ant-modal-confirm-body .ant-modal-confirm-content {
  margin-left: 38px;
  font-size: 14px;
  color: rgba(0, 0, 0, .65);
  margin-top: 8px;
}
.ant-modal-confirm-body > .anticon {
  font-size: 22px;
  margin-right: 16px;
  float: left;
}
.ant-modal-confirm .ant-modal-confirm-btns {
  margin-top: 24px;
  float: right;
}
.ant-modal-confirm .ant-modal-confirm-btns button + button {
  margin-left: 8px;
  margin-bottom: 0;
}
.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  color: #f5222d;
}
.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
  color: #faad14;
}
.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  color: #1890ff;
}
.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
  color: #52c41a;
}
/*register*/
.dialog-create-free-account .con .create-account-head {
  background-color: #8a53aa;
}
.dialog-create-free-account .con .create-account-head .create-account-title {
  font-size: 20px;
  padding-top: 15px;
  padding-bottom: 5px;
  padding-left: 40px;
  color: #fff;
}
.dialog-create-free-account .con .create-account-head .create-account-tip {
  font-size: 14px;
  padding-bottom: 10px;
  padding-left: 40px;
  color: #fff;
}
.dialog-create-free-account .con .create-account-body {
  width: 650px;
  background-color: #f2f7f9;
  padding: 30px 40px 50px;
  overflow: hidden;
}
.dialog-create-free-account .con .create-account-body .create-account-stu {
  width: 264px;
  height: 292px;
  background-color: #fff;
  float: left;
  margin-right: 40px;
  text-decoration: none;
  border: 3px solid #fff;
  border-radius: 5px;
}
.dialog-create-free-account
  .con
  .create-account-body
  .create-account-stu:hover {
  border-color: #ffd795;
}
.dialog-create-free-account
  .con
  .create-account-body
  .create-account-teacher:hover {
  border-color: #b6dfc2;
}
.dialog-create-free-account
  .con
  .create-account-body
  .create-account-stu
  .create-account-stu-img {
  width: 160px;
  height: 160px;
  background-image: url(//other.wkcoding.com/st_ide/pro/2023112501/img/create-account-stu-6d02efed.png);
  background-size: cover;
  background-position: 50% 50%;
  margin: 25px auto 20px;
}
.dialog-create-free-account
  .con
  .create-account-body
  .create-account-stu
  .create-account-stu-title {
  font-size: 16px;
  color: #8a53aa;
  text-align: center;
}
.dialog-create-free-account
  .con
  .create-account-body
  .create-account-stu
  .create-account-stu-tip {
  font-size: 14px;
  color: #ccc;
  text-align: center;
  width: 228px;
  margin: 10px auto 26px;
}
.dialog-create-free-account .con .create-account-body .create-account-teacher {
  width: 264px;
  height: 292px;
  background-color: #fff;
  float: right;
  text-decoration: none;
  border: 3px solid #fff;
  border-radius: 5px;
}
.dialog-create-free-account
  .con
  .create-account-body
  .create-account-teacher
  .create-account-teacher-img {
  width: 160px;
  height: 160px;
  background-image: url(//other.wkcoding.com/st_ide/pro/2023112501/img/create-account-teacher-8d0f879b.png);
  background-size: cover;
  background-position: 50% 50%;
  margin: 25px auto 20px;
}
.dialog-create-free-account
  .con
  .create-account-body
  .create-account-teacher
  .create-account-teacher-title {
  font-size: 16px;
  color: #8a53aa;
  text-align: center;
}
.dialog-create-free-account
  .con
  .create-account-body
  .create-account-teacher
  .create-account-teacher-tip {
  font-size: 14px;
  color: #ccc;
  text-align: center;
  width: 228px;
  margin: 10px auto 26px;
}
.dialog-create-free-account
  .con
  .create-account-body
  .create-account-teacher:after {
  clear: both;
  content: '';
  display: block;
}
.dialog-create-free-account .con .btn-have-account {
  float: left;
  display: block;
  width: 290px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background-color: #3196ff;
  border-radius: 3px;
  margin-top: 50px;
  margin-left: 145px;
  text-decoration: none;
}
.dialog-create-free-account .con .btn-have-account:hover {
  opacity: 0.9;
}
.dialog-create-free-account .con .btn-have-account:before {
  clear: both;
  content: '';
  display: block;
}
.dialog-create-free-account .con .close-dialog {
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NjgyZDdjMC0zYTU3LTRkODktYTFlYS00ZjFmYjE1ZTIzOWMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTY5RENBM0JDQjYwMTFFNkE1MjZEQjg1NTUzRDM4RUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTY5RENBM0FDQjYwMTFFNkE1MjZEQjg1NTUzRDM4RUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGOEJDQTlBNUVFQzlFNjExQTIzN0I2N0RCQzM5MTgzOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NjgyZDdjMC0zYTU3LTRkODktYTFlYS00ZjFmYjE1ZTIzOWMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4r2Zh8AAAB/klEQVR42qyWOy8FQRTH7Vr3KrxCQ+fxAVBxReXVuFeh8C08EtGISDR8A8FeormJ29ChoaWjYFui8Cw8gktj/Uf+E5PJzN71mOSX2T1zHrMzO+eME4ZhiaW5oAcMgxRoBDXgAZyDA7AJ9sGHzUmJCGAgDU7DeO2U+kZfuiABlhTjM7AAukEDKGPfTfm5ortMe2sAMbhD5RcwBjzbzIgIOE79kPYJW4AVKl2D1iKOddrBLe19U4BBDhZAxw+dS4TdO/2k1QAuOOHA+C+dSyboJ6DfrwB9yobqaz4PXsG6srai36B8TtP36Ee0fhlgkYIZw4wKyl+yCSrAtiJ7NtjMcmxRBjimoNOgnNP++TvtfdVgk+LYkQxwT0G1QVksx5blgOVBqcGmluMP4t0Jv3OFYznsleAM1Cmya9AMCrYEIX26zC2iVRsUkyCvORetHuRAwmBTy/5R5iK5BynD5+a1ZbmMsQdd6h64zIqipQ2zGVKexZe0gC1FNmKwybA/lF8gz4FIXEltNnP8CXxlQ8XGr1E+remXgwv6G1BPckDh5B9P8pTpJMv8H/J0/iUXvdFPxpRNfQ5e/SKbtoEb2mfj1oPRGPXAY92Q9WA3qh7IIH5ERfMiKlq2WEXTa3IQsyYHUTXZKXKr6FVuFU2gCjwxdchbxV7UrSIqwL+0TwEGAO22wZB4HZvIAAAAAElFTkSuQmCC);
  right: 10px;
  top: 10px;
}
/*free-stu-account*/
.dialog-free-stu-account {
  /* position: absolute; */
  width: 660px;
  height: 440px;
  left: 50%;
  top: 50%;
  /*-webkit-transform:translate(-50%,-50%);*/
  /*transform:translate(-50%,-50%);*/
  background-color: #fff;
  border-radius: 4px;
}
.dialog-free-stu-account .con {
}
.dialog-free-stu-account .con .free-stu-account-title {
  font-size: 20px;
  color: #8a53aa;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 60px;
}
.dialog-free-stu-account .con input {
  display: block;
  width: 336px;
  height: 46px;
  line-height: 46px;
  background-color: #f8f8f8;
  border: 1px solid #e7e9ea;
  outline: 0 none;
  font-size: 14px;
  color: #666;
  margin: 0 auto 4px;
  text-indent: 15px;
}
.dialog-free-stu-account .con input.input-number {
  width: 206px;
  padding-right: 130px;
}
.dialog-free-stu-account .con .error-input input {
  background-color: #fff1f0;
  border-color: #ff1800;
}
.dialog-free-stu-account .con .tip {
  display: none;
  color: #ff1800;
  font-size: 12px;
  text-align: center;
}
.dialog-free-stu-account .con .error-input .tip {
  display: block;
}
.dialog-free-stu-account .con .username,
.dialog-free-stu-account .con .pwd,
.dialog-free-stu-account .con .number,
.dialog-free-stu-account .con .code {
  position: relative;
  height: 78px;
}
.dialog-free-stu-account .con .number .btn-send {
  display: block;
  width: 90px;
  height: 32px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  line-height: 32px;
  background-color: #3196ff;
  position: absolute;
  top: 8px;
  right: 172px;
  border-radius: 3px;
  text-decoration: none;
}
.dialog-free-stu-account .con .number .btn-sended {
  background-color: #cccccc;
}
.dialog-free-stu-account .con .btn-next {
  display: block;
  width: 200px;
  height: 38px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  line-height: 38px;
  background-color: #3196ff;
  border-radius: 3px;
  text-decoration: none;
  margin: 35px auto 15px;
}
.dialog-free-stu-account .con .btn-next:hover {
  opacity: 0.9;
}
.dialog-free-stu-account .con .have-account {
  text-align: center;
  color: #666;
  font-size: 14px;
}
.dialog-free-stu-account .con .have-account .btn-log-in {
  font-size: 14px;
  color: #3196ff;
  margin-left: 5px;
}
.dialog-free-stu-account .con .btn-privacy-policy {
  font-size: 14px;
  color: #3196ff;
  display: block;
  width: 120px;
  text-align: center;
  margin: 5px auto 0;
}
.dialog-free-stu-account .con .close-dialog {
  position: absolute;
  display: block;
  width: 23px;
  height: 23px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NjgyZDdjMC0zYTU3LTRkODktYTFlYS00ZjFmYjE1ZTIzOWMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkM0MjdENjREMEMxMTFFNkEzMjVBREM3OTkyRERFMkUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkM0MjdENjNEMEMxMTFFNkEzMjVBREM3OTkyRERFMkUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQzg3Qjg2N0EwQ0VFNjExQjRDQUE4NkQ5Njg0OTU5NyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjE0NGU1MWE0LTBkNmYtMTE3YS1hMTk4LWJmYTcwNDVlNGYyMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ppu45wEAAAJxSURBVHjanJVJaFRBEIZfmrhExDWKF9HgxeWgMIcQ8aQXxUSJBxcEN6JCYgQREj2JCCPOTUkUxKAIQhRMXKIoxtzcYAbxoniQ6EnFBfWgoknwK/mfNE0/h6Tgo1/3dP29VE9VRbFYTDLMwUrYAHUwH6bBF3gNj6AHBnK53EhMoCJDvB5OwOKkvD2HdhboKyc+Hk7BXvVth91wC17BR6iGBbAWtsA8zT0LrSzyKyZuwtdhNXyHw3Aahv6z63HQDHmYBHdgfbqA8yZ2SPg9LNcJhspcyW+ETtKugA/y7/SDluiIu+GnrQzPklEYCzylaQDbcVOpVKpPxZ2CZ3YIniRjMBYwv3Z1Cyzg0ue2RMHrDHzyuv8Likkam26NHw3md0hnEaxyesdmXZE7PgBVsF2Ck+EabNL4wWD35n9e3Uan4Jn1R07b4303wiCs8cYuR3zuqa1z3jt9EZm4UztNrdr7vgJ7Ij4v1dY4/aXNvkYmWvS3wadg/B3sgOFIYD/rc6pTrvjbiYhP0NFnBuNz4JIX5H/GK5mRbtbE36gTyyMXgzt+G8TgTMRnodpBp+yWJqvQ1gXBs5zS641tjPg0qH1s4lfV2apr8K2gazun33/AZj03Gz8eXMlEzTPrNfEBvRR7NfsC8SMwXalh2AvyLo3ng/mtMFd6/SZuib5NPx6D2rH8/dl1rfwT5feRNHH16ehVetdLRym8jOaGrrUL4Zthym1RPrZn9lBHrCyjW4nwftoHMBvuKr9nViJLXk0Zlchy9qyMSmS5qTmrEoU1tKDsVs4seG2xGpp1bJt429KmV/1rYAp8UwJLq//9rOr/R4ABAIT8qxjy2tJGAAAAAElFTkSuQmCC);
  right: 10px;
  top: 10px;
}
/*register*/
/*log-in*/
.dialog-log-in {
  overflow: hidden;
  width: 660px;
  height: 424px;
  background-color: #fff;
  border-radius: 4px;
}
.dialog-log-in .mdc-snackbar__action-button {
  min-width: 30px;
}
.dialog-log-in .con,
.normal-content {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.dialog-log-in .con .log-in-title {
  font-size: 20px;
  color: #8a53aa;
  text-align: center;
  padding-top: 55px;
  padding-bottom: 34px;
}
.dialog-log-in .con .tip {
  visibility: none;
  color: #ff1800;
  font-size: 12px;
  text-align: left;
  margin: 0 auto;
  width: 323px;
  padding-left: 15px;
  margin-bottom: 10px;
}
.dialog-log-in .con .tip.error-tip {
  visibility: visible;
}
.dialog-log-in .con input {
  display: block;
  width: 336px;
  height: 46px;
  line-height: 46px;
  background-color: #f8f8f8;
  border: 1px solid #e7e9ea;
  outline: 0 none;
  font-size: 14px;
  color: #666;
  margin: 0 auto 10px;
  text-indent: 15px;
}
.dialog-log-in .con input.input-number {
  width: 206px;
  padding-right: 130px;
}
.dialog-log-in .con .error-input input {
  background-color: #fff1f0;
  border-color: #ff1800;
}
.dialog-log-in .con .btn-forget {
  display: block;
  color: #3196ff;
  font-size: 13px;
  width: 336px;
  margin: 0 auto;
}
.dialog-log-in .con .btn-enter {
  display: block;
  width: 200px;
  height: 38px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  line-height: 38px;
  background-color: #3196ff;
  border-radius: 3px;
  text-decoration: none;
  margin: 30px auto 15px;
}
.dialog-log-in .con .btn-enter:hover {
  opacity: 0.9;
}
.dialog-log-in .con .not-account {
  text-align: center;
  color: #666;
  font-size: 14px;
}
.dialog-log-in .con .not-account .btn-join {
  font-size: 14px;
  color: #3196ff;
  margin-left: 5px;
}
.dialog-log-in .con .close-dialog {
  position: absolute;
  display: block;
  width: 23px;
  height: 23px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NjgyZDdjMC0zYTU3LTRkODktYTFlYS00ZjFmYjE1ZTIzOWMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkM0MjdENjREMEMxMTFFNkEzMjVBREM3OTkyRERFMkUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkM0MjdENjNEMEMxMTFFNkEzMjVBREM3OTkyRERFMkUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQzg3Qjg2N0EwQ0VFNjExQjRDQUE4NkQ5Njg0OTU5NyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjE0NGU1MWE0LTBkNmYtMTE3YS1hMTk4LWJmYTcwNDVlNGYyMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ppu45wEAAAJxSURBVHjanJVJaFRBEIZfmrhExDWKF9HgxeWgMIcQ8aQXxUSJBxcEN6JCYgQREj2JCCPOTUkUxKAIQhRMXKIoxtzcYAbxoniQ6EnFBfWgoknwK/mfNE0/h6Tgo1/3dP29VE9VRbFYTDLMwUrYAHUwH6bBF3gNj6AHBnK53EhMoCJDvB5OwOKkvD2HdhboKyc+Hk7BXvVth91wC17BR6iGBbAWtsA8zT0LrSzyKyZuwtdhNXyHw3Aahv6z63HQDHmYBHdgfbqA8yZ2SPg9LNcJhspcyW+ETtKugA/y7/SDluiIu+GnrQzPklEYCzylaQDbcVOpVKpPxZ2CZ3YIniRjMBYwv3Z1Cyzg0ue2RMHrDHzyuv8Likkam26NHw3md0hnEaxyesdmXZE7PgBVsF2Ck+EabNL4wWD35n9e3Uan4Jn1R07b4303wiCs8cYuR3zuqa1z3jt9EZm4UztNrdr7vgJ7Ij4v1dY4/aXNvkYmWvS3wadg/B3sgOFIYD/rc6pTrvjbiYhP0NFnBuNz4JIX5H/GK5mRbtbE36gTyyMXgzt+G8TgTMRnodpBp+yWJqvQ1gXBs5zS641tjPg0qH1s4lfV2apr8K2gazun33/AZj03Gz8eXMlEzTPrNfEBvRR7NfsC8SMwXalh2AvyLo3ng/mtMFd6/SZuib5NPx6D2rH8/dl1rfwT5feRNHH16ehVetdLRym8jOaGrrUL4Zthym1RPrZn9lBHrCyjW4nwftoHMBvuKr9nViJLXk0Zlchy9qyMSmS5qTmrEoU1tKDsVs4seG2xGpp1bJt429KmV/1rYAp8UwJLq//9rOr/R4ABAIT8qxjy2tJGAAAAAElFTkSuQmCC);
  right: 10px;
  top: 10px;
}
/*log-in*/
/* wechat log-in */
.dialog-log-in .con .wechat-login {
  text-align: center;
}
.dialog-log-in .con .wechat-login .qrcode-loading-ct {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 120px;
  width: 120px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.dialog-log-in .con .wechat-login .wechat-qrcode-ct {
  height: 130px;
  width: 130px;
  margin: 0px auto;
  margin-bottom: 20px;
  border: 4px solid #aaa;
}
.dialog-log-in .con .wechat-login .wechat-qrcode-ct .wechat-qrcode-img {
  width: 120px;
}
.dialog-log-in .con .wechat-login .wechat-text {
  margin-bottom: 10px;
  font-size: 14px;
}
.dialog-log-in .con .wechat-login .wechat-text-p {
  color: #aaa;
  font-size: 14px;
}
.dialog-log-in .con .wechat-login .wechat-text .wechat-refresh {
  padding-right: 5px;
  display: inline-block;
  height: 24px;
  border-radius: 2px;
  border: solid 2px #00cfff;
  margin-left: 5px;
  color: #00cfff;
  line-height: 24px;
  font-size: 12px;
  text-indent: 22px;
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iSWNvbnMyNF9ibGFja19yZWZyZXNoIiBkYXRhLW5hbWU9Ikljb25zMjQvYmxhY2svcmVmcmVzaCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTcuNjg4IiBoZWlnaHQ9IjE3LjY4OCIgdmlld0JveD0iMCAwIDE3LjY4OCAxNy42ODgiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6IG5vbmU7CiAgICAgIH0KCiAgICAgIC5jbHMtMSwgLmNscy0yIHsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogIzAwY2ZmZjsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9IuefqeW9ol8yMCIgZGF0YS1uYW1lPSLnn6nlvaIgMjAiIGNsYXNzPSJjbHMtMSIgZD0iTTUxOS4xNSw1MDIuMTVoMTcuN3YxNy43aC0xNy43di0xNy43WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUxOS4xNTYgLTUwMi4xNTYpIi8+CiAgPHBhdGggaWQ9IuW9oueKtl84MjQiIGRhdGEtbmFtZT0i5b2i54q2IDgyNCIgY2xhc3M9ImNscy0yIiBkPSJNNTMyLjE2NSw1MDYuODMzYTUuOSw1LjksMCwxLDAsMS41MzUsNS42NDJoLTEuNTM1YTQuNDI1LDQuNDI1LDAsMSwxLTQuMTY5LTUuOSw0LjM2Myw0LjM2MywwLDAsMSwzLjExMywxLjMxM2wtMi4zNzYsMi4zNzRINTMzLjlWNTA1LjFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTE5LjE1NiAtNTAyLjE1NikiLz4KPC9zdmc+Cg==) no-repeat;
  background-position: 2.5px 2.5px;
  cursor: pointer;
}
/* tab */
.dialog-log-in .tab-ct {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 40px 0;
}
.dialog-log-in .tab-ct .currentTab {
  border-bottom: 2px solid #8a53aa;
  color: #8a53aa;
}
.dialog-log-in .tab-item {
  padding-bottom: 5px;
  margin: 0 25px;
  font-size: 20px;
  color: #aaa;
  cursor: pointer;
}
.dialog-log-in .tab-item:hover {
  color: #8a53aa;
}
/* unbind wechat qrcode */
.dialog-log-in .con .unbind-wechat-qrcode-ct {
  position: relative;
}
.dialog-log-in .con .unbind-wechat-qrcode-ct .unbind-wechat-qrcode {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  width: 130px;
  height: 130px;
  margin-bottom: 20px;
  border: 4px solid #aaa;
}
.dialog-log-in
  .con
  .unbind-wechat-qrcode-ct
  .unbind-wechat-qrcode
  .wechat-qrcode-img {
  width: 120px;
  height: 120px;
}
.dialog-log-in .con .unbind-wechat-qrcode-ct .unbind-wechat-text {
  text-align: center;
  font-size: 14px;
  color: #222;
}
.dialog-log-in .con .unbind-wechat-qrcode-ct .unbind-wechat-skip {
  display: block;
  position: absolute;
  right: 7%;
  color: #8a53aa;
  font-size: 14px;
  bottom: -30%;
  cursor: pointer;
}
.dialog-log-in .close-button {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAZ1JREFUOBGNlLFOwzAQhmu3S5hAatKBkUqMvABIfQMqMXUvT8ATIDGysjCwl4VXYGFi6sTSpQOoTZZky9Tw/1FsXZ3EiZezz7+/+C6+UwOM3W53XxTFnVJqOxwOH8Mw/KO/a+z3+znOLaHLRqPR03g8/lEV7NUcBvRXaz2LomhjfE0WsIfD4fAs9pIgCC41byacA6zPIfyM43gq/XLeAON2mOf5jWaYUsy5D9oCKxFkaeaMYfaB+mBI08tkMlkrghgew+TNXDA/xpxi79bJmZVC8wbYErYogT2gKYCnliAmEka3BXLhuyn33eHCuH8EpKMvtAnWCBTQb0+YK+RswZxRL4eWCzPnD2iDVZrrJEkujF7aWsi+p3F0sKWijoB9YQaMkGtlakP2wXBwxcMGZCzSUivTEtgB46Nd8HH3gSrA5qiAD/NVaQGwFUC/70lBu8GHr9ht2M9qw4VRwJbmuekUf37GkDOX1gQzmg5optlpIU7MgaprlIVufK4VUNuEcYl3hPxVPps0Tc/YHOHcwrl2AW1rpOuEYcJmhFH3DxxRLllC53kAAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 15px 15px;
  background-position: center;
}
.dialog-log-in .close-button:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAa9JREFUOBGVlD1Ow0AQhbOO3LgyBRUlVhxXXACk3AAkqvThBJwAiZI2DQV9aLgCDRUVlRXJLraImzREKSIlSsx7VsaK1+s4jGTNen4+7+yOR3UgcRw/QN3j0Uqpp36/n9HeJtPp9G63240Qt+h2u8+9Xi9WhOV5/irJAM5c1x0EQZCIzaaR94i8F/Ehb+55XujAwJ2VgqCLzWbzmSRJUBqNhQmjG3nnq9XqhkBtxNPZCLXBJB+71A7PDM9MjKJt0BbYOAzDH0UAy2OZhAhQND/GM4X/Fv7yzMS/129RFI0QmxdAGo9B4f7F4zPOIiWMvhLIlxYoQ0ypwOisAGn4B7QGswIFul6vv7FuKnOCMxvyzBh/KGybmvACYGyCdQC6TtP0spYIQ63kY61xCJDbN/+oCvBUmIBt0LLkFtiEyQISbWv+AtgC420O2dynQBVH0Ha7/ZCvGrrSGi0tlfi+f+Xs55nBKV4rMFp4AU07pXu5XA5Y8oLBhtRg4j8GxZkuHE5anM1cErAey48uNlMLFPbDIfyOSf9VtI3W+ozDETDNEWQCmt6zLPNYJndGGOP+AFuKHoTE5gGiAAAAAElFTkSuQmCC);
}
@-webkit-keyframes plyr-progress{to{background-position:25px 0}}@keyframes plyr-progress{to{background-position:25px 0}}@-webkit-keyframes plyr-popup{0%{opacity:.5;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes plyr-popup{0%{opacity:.5;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;direction:ltr;font-family:Avenir,"Avenir Next","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500;line-height:1.7;max-width:100%;min-width:200px;position:relative;text-shadow:none;-webkit-transition:-webkit-box-shadow .3s ease;transition:-webkit-box-shadow .3s ease;-o-transition:box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease, -webkit-box-shadow .3s ease}.plyr audio,.plyr video{border-radius:inherit;height:auto;vertical-align:middle;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{-webkit-box-sizing:border-box;box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{-webkit-box-sizing:inherit;box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{-ms-touch-action:manipulation;touch-action:manipulation}.plyr__badge{background:#4f5b5f;border-radius:2px;color:#fff;font-size:9px;line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{-webkit-animation:plyr-fade-in .3s ease;animation:plyr-fade-in .3s ease;bottom:0;color:#fff;display:none;font-size:14px;left:0;padding:10px;position:absolute;text-align:center;-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px);-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;-o-transition:transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out, -webkit-transform .4s ease-in-out;width:100%}.plyr__captions span{background:rgba(0, 0, 0, .8);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__captions span div{display:inline}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:16px;padding:20px}}@media (min-width:768px){.plyr__captions{font-size:18px}}.plyr--captions-active .plyr__captions{display:block}.plyr--hide-controls .plyr__captions{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}.plyr__control{background:0 0;border:0;border-radius:3px;color:inherit;cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:visible;padding:7px;position:relative;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;pointer-events:none;width:18px}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{-webkit-box-shadow:0 0 0 3px rgba(26, 175, 255, .35);box-shadow:0 0 0 3px rgba(26, 175, 255, .35);outline:0}.plyr__control[aria-pressed=false] .icon--pressed,.plyr__control[aria-pressed=false] .label--pressed,.plyr__control[aria-pressed=true] .icon--not-pressed,.plyr__control[aria-pressed=true] .label--not-pressed{display:none}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#1aafff;color:#fff}.plyr__control--overlaid{background:rgba(26, 175, 255, .8);border:0;border-radius:100%;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .15);box-shadow:0 1px 1px rgba(0, 0, 0, .15);color:#fff;display:none;left:50%;padding:15px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}.plyr__control--overlaid svg{height:20px;left:2px;position:relative;width:20px}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{background:#1aafff}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;text-align:center}.plyr__controls .plyr__menu,.plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls>.plyr__control{margin-left:5px}.plyr__controls .plyr__menu:first-child,.plyr__controls .plyr__menu:first-child+[data-plyr=pause],.plyr__controls .plyr__progress:first-child,.plyr__controls .plyr__progress:first-child+[data-plyr=pause],.plyr__controls .plyr__time:first-child,.plyr__controls .plyr__time:first-child+[data-plyr=pause],.plyr__controls>.plyr__control:first-child,.plyr__controls>.plyr__control:first-child+[data-plyr=pause]{margin-left:0}.plyr__controls .plyr__volume{margin-left:5px}@media (min-width:480px){.plyr__controls .plyr__menu,.plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls>.plyr__control{margin-left:10px}.plyr__controls .plyr__menu+.plyr__control,.plyr__controls>.plyr__control+.plyr__control,.plyr__controls>.plyr__control+.plyr__menu{margin-left:5px}}.plyr--video .plyr__controls{background:-webkit-gradient(linear,left top, left bottom,from(transparent),to(rgba(0, 0, 0, .7)));background:-o-linear-gradient(transparent,rgba(0, 0, 0, .7));background:linear-gradient(transparent,rgba(0, 0, 0, .7));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;left:0;padding:35px 10px 10px;position:absolute;right:0;-webkit-transition:opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;transition:opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;-o-transition:opacity .4s ease-in-out,transform .4s ease-in-out;transition:opacity .4s ease-in-out,transform .4s ease-in-out;transition:opacity .4s ease-in-out,transform .4s ease-in-out,-webkit-transform .4s ease-in-out;z-index:2}.plyr--video .plyr__controls .plyr__control svg{-webkit-filter:drop-shadow(0 1px 1px rgba(0, 0, 0, .15));filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="1" /><feOffset dx="1" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.15)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');filter:drop-shadow(0 1px 1px rgba(0, 0, 0, .15))}.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,.plyr--video .plyr__controls .plyr__control:hover,.plyr--video .plyr__controls .plyr__control[aria-expanded=true]{background:#1aafff;color:#fff}.plyr--audio .plyr__controls{background:#fff;border-radius:inherit;color:#4f5b5f;padding:10px}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__video-embed{height:0;padding-bottom:56.25%;position:relative}.plyr__video-embed iframe{border:0;height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr--full-ui .plyr__video-embed iframe{pointer-events:none}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;-webkit-transform:translateY(-38.28125%);-ms-transform:translateY(-38.28125%);transform:translateY(-38.28125%)}.plyr__menu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative}.plyr__menu .plyr__control svg{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{-webkit-animation:plyr-popup .2s ease;animation:plyr-popup .2s ease;background:rgba(255, 255, 255, .9);border-radius:4px;bottom:100%;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .15);box-shadow:0 1px 2px rgba(0, 0, 0, .15);color:#4f5b5f;font-size:16px;margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;-webkit-transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);-o-transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container::after{border:4px solid transparent;border-top-color:rgba(255, 255, 255, .9);content:'';height:0;position:absolute;right:15px;top:100%;width:0}.plyr__menu__container ul{list-style:none;margin:0;overflow:hidden;padding:7px}.plyr__menu__container ul li{margin-top:2px}.plyr__menu__container ul li:first-child{margin-top:0}.plyr__menu__container .plyr__control{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#4f5b5f;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:14px;padding:4px 14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control::after{border:4px solid transparent;content:'';position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px}.plyr__menu__container .plyr__control--forward::after{border-left-color:rgba(79, 91, 95, .8);right:5px}.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:500;margin:7px;margin-bottom:3px;padding-left:28px;position:relative;width:calc(100% - 14px)}.plyr__menu__container .plyr__control--back::after{border-right-color:rgba(79, 91, 95, .8);left:7px}.plyr__menu__container .plyr__control--back::before{background:#b7c5cd;-webkit-box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 #fff;content:'';height:1px;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}.plyr__menu__container label.plyr__control{padding-left:7px}.plyr__menu__container label.plyr__control input[type=radio]+span{background:rgba(0, 0, 0, .1);border-radius:100%;display:block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:16px;margin-right:10px;position:relative;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;width:16px}.plyr__menu__container label.plyr__control input[type=radio]+span::after{background:#fff;border-radius:100%;content:'';height:6px;left:5px;opacity:0;position:absolute;top:5px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;-o-transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease,-webkit-transform .3s ease;width:6px}.plyr__menu__container label.plyr__control input[type=radio]:checked+span{background:#1aafff}.plyr__menu__container label.plyr__control input[type=radio]:checked+span::after{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.plyr__menu__container label.plyr__control input[type=radio]:focus+span{-webkit-box-shadow:0 0 0 3px rgba(26, 175, 255, .35);box-shadow:0 0 0 3px rgba(26, 175, 255, .35);outline:0}.plyr__menu__container label.plyr__control.plyr__tab-focus input[type=radio]+span,.plyr__menu__container label.plyr__control:hover input[type=radio]+span{background:rgba(0, 0, 0, .1)}.plyr__menu__container .plyr__menu__value{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:auto;margin-right:-7px;overflow:hidden;padding-left:25px;pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:28px;color:#1aafff;display:block;height:20px;margin:0;padding:0;-webkit-transition:-webkit-box-shadow .3s ease;transition:-webkit-box-shadow .3s ease;-o-transition:box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease, -webkit-box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:3px;height:6px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-user-select:none;user-select:none;background-image:-webkit-gradient(linear,left top, right top,color-stop(0, currentColor),color-stop(0, transparent));background-image:linear-gradient(to right,currentColor 0,transparent 0);background-image:-webkit-gradient(linear,left top, right top,from(currentColor),to(transparent));background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;border:0;border-radius:100%;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .15),0 0 0 1px rgba(47, 52, 61, .2);box-shadow:0 1px 1px rgba(0, 0, 0, .15),0 0 0 1px rgba(47, 52, 61, .2);-webkit-box-sizing:border-box;box-sizing:border-box;height:14px;position:relative;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;width:14px;-webkit-appearance:none;margin-top:-4px}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:3px;height:6px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-moz-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0, 0, 0, .15),0 0 0 1px rgba(47, 52, 61, .2);box-sizing:border-box;height:14px;position:relative;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;width:14px}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:3px;height:6px}.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:3px;height:6px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-ms-user-select:none;user-select:none;color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:3px;height:6px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-ms-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:3px;height:6px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-ms-user-select:none;user-select:none;background:currentColor}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0, 0, 0, .15),0 0 0 1px rgba(47, 52, 61, .2);box-sizing:border-box;height:14px;position:relative;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;width:14px;margin-top:0}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{-webkit-box-shadow:0 0 0 3px rgba(26, 175, 255, .35);box-shadow:0 0 0 3px rgba(26, 175, 255, .35);outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{box-shadow:0 0 0 3px rgba(26, 175, 255, .35);outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{box-shadow:0 0 0 3px rgba(26, 175, 255, .35);outline:0}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255, 255, 255, .25)}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255, 255, 255, .25)}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255, 255, 255, .25)}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .15),0 0 0 1px rgba(47, 52, 61, .2),0 0 0 3px rgba(255, 255, 255, .5);box-shadow:0 1px 1px rgba(0, 0, 0, .15),0 0 0 1px rgba(47, 52, 61, .2),0 0 0 3px rgba(255, 255, 255, .5)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0, 0, 0, .15),0 0 0 1px rgba(47, 52, 61, .2),0 0 0 3px rgba(255, 255, 255, .5)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0, 0, 0, .15),0 0 0 1px rgba(47, 52, 61, .2),0 0 0 3px rgba(255, 255, 255, .5)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(183, 197, 205, .66)}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(183, 197, 205, .66)}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(183, 197, 205, .66)}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .15),0 0 0 1px rgba(47, 52, 61, .2),0 0 0 3px rgba(0, 0, 0, .1);box-shadow:0 1px 1px rgba(0, 0, 0, .15),0 0 0 1px rgba(47, 52, 61, .2),0 0 0 3px rgba(0, 0, 0, .1)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0, 0, 0, .15),0 0 0 1px rgba(47, 52, 61, .2),0 0 0 3px rgba(0, 0, 0, .1)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0, 0, 0, .15),0 0 0 1px rgba(47, 52, 61, .2),0 0 0 3px rgba(0, 0, 0, .1)}.plyr__poster{background-color:#000;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;width:100%;z-index:1;pointer-events:none}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr__time{font-size:14px}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr--video .plyr__time{text-shadow:0 1px 1px rgba(0, 0, 0, .15)}.plyr__tooltip{background:rgba(255, 255, 255, .9);border-radius:3px;bottom:100%;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .15);box-shadow:0 1px 2px rgba(0, 0, 0, .15);color:#4f5b5f;font-size:14px;font-weight:500;line-height:1.3;margin-bottom:10px;opacity:0;padding:5px 7.5px;pointer-events:none;position:absolute;-webkit-transform:translate(-50%,10px) scale(.8);-ms-transform:translate(-50%,10px) scale(.8);transform:translate(-50%,10px) scale(.8);-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition:opacity .2s .1s ease,-webkit-transform .2s .1s ease;transition:opacity .2s .1s ease,-webkit-transform .2s .1s ease;-o-transition:transform .2s .1s ease,opacity .2s .1s ease;transition:transform .2s .1s ease,opacity .2s .1s ease;transition:transform .2s .1s ease,opacity .2s .1s ease,-webkit-transform .2s .1s ease;white-space:nowrap;z-index:2}.plyr__tooltip::before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(255, 255, 255, .9);bottom:-4px;content:'';height:0;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;-webkit-transform:translate(-50%,0) scale(1);-ms-transform:translate(-50%,0) scale(1);transform:translate(-50%,0) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;-webkit-transform:translate(0,10px) scale(.8);-ms-transform:translate(0,10px) scale(.8);transform:translate(0,10px) scale(.8);-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:16px}.plyr__controls>.plyr__control:last-child .plyr__tooltip{right:0;-webkit-transform:translate(0,10px) scale(.8);-ms-transform:translate(0,10px) scale(.8);transform:translate(0,10px) scale(.8);-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:16px;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{-webkit-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}.plyr--video{overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;border-radius:inherit;overflow:hidden;position:relative;z-index:0}.plyr__progress{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;left:7px;margin-right:14px;position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-7px;margin-right:-7px;width:calc(100% + 14px)}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:14px;left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:6px;left:0;margin-top:-3px;padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0;-webkit-transition:width .2s ease;-o-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:6px}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:6px;-webkit-transition:width .2s ease;-o-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-webkit-transition:width .2s ease;-o-transition:width .2s ease;transition:width .2s ease}.plyr--video .plyr__progress__buffer{-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .15);box-shadow:0 1px 1px rgba(0, 0, 0, .15);color:rgba(255, 255, 255, .25)}.plyr--audio .plyr__progress__buffer{color:rgba(183, 197, 205, .66)}.plyr--loading .plyr__progress__buffer{-webkit-animation:plyr-progress 1s linear infinite;animation:plyr-progress 1s linear infinite;background-image:-o-linear-gradient(135deg,rgba(47, 52, 61, .6) 25%,transparent 25%,transparent 50%,rgba(47, 52, 61, .6) 50%,rgba(47, 52, 61, .6) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(47, 52, 61, .6) 25%,transparent 25%,transparent 50%,rgba(47, 52, 61, .6) 50%,rgba(47, 52, 61, .6) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255, 255, 255, .25)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(183, 197, 205, .66)}.plyr__volume{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative}.plyr__volume input[type=range]{position:relative;z-index:2}@media (min-width:480px){.plyr__volume{max-width:50px}}@media (min-width:768px){.plyr__volume{max-width:80px}}.plyr--is-ios .plyr__volume{display:none!important}.plyr--is-ios.plyr--vimeo [data-plyr=mute]{display:none!important}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;width:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;width:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;width:100%}.plyr:fullscreen .plyr__video-wrapper{height:100%;width:100%}.plyr:-webkit-full-screen .plyr__video-embed{overflow:visible}.plyr:-moz-full-screen .plyr__video-embed{overflow:visible}.plyr:-ms-fullscreen .plyr__video-embed{overflow:visible}.plyr:fullscreen .plyr__video-embed{overflow:visible}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px}.plyr:-moz-full-screen .plyr__captions{font-size:21px}.plyr:-ms-fullscreen .plyr__captions{font-size:21px}.plyr:fullscreen .plyr__captions{font-size:21px}}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;width:100%}.plyr:-webkit-full-screen .plyr__video-embed{overflow:visible}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px}}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;width:100%}.plyr:-moz-full-screen .plyr__video-embed{overflow:visible}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px}}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;width:100%}.plyr:-ms-fullscreen .plyr__video-embed{overflow:visible}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;width:100%}.plyr--fullscreen-fallback .plyr__video-embed{overflow:visible}.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads::after{background:rgba(47, 52, 61, .8);border-radius:2px;bottom:10px;color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;z-index:3}.plyr__ads::after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:6px;left:0;margin:-3px 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr--no-transition{-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}.video * {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.video br {
  display: none;
}

.video-dialog {
  position: relative;
}

.video .plyr {
  height: 100%;
}

.video .plyr .plyr__video-wrapper {
  border-radius: 8px 8px 0 0;
}

.video .plyr--video {
  overflow: visible;
}

.video .video-btn_close {
  position: absolute;
  width: 40px;
  height: 45px;
  padding: 12px;
  top: 0px;
  right: 0px;
  z-index: 100;
  cursor: pointer;
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.1, 0, 1.05);
  -o-transition: all 0.5s cubic-bezier(0.25, 0.1, 0, 1.05);
  transition: all 0.5s cubic-bezier(0.25, 0.1, 0, 1.05);
}

.video .video-btn_close .video-btn_close-btn {
  height: 45px;
  width: 40px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Il8iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzOSA0NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzkgNDQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDBBQ0YzO30KCS5zdDF7ZmlsbDojMDBDREZGO30KCS5zdDJ7ZmlsbDojRkZGRkZGO30KCS5zdDN7ZmlsbDojMkE5NEU1O30KPC9zdHlsZT4KPHBhdGggaWQ9IuefqeW9ol84MDVf5ou36LSdXzMiIGNsYXNzPSJzdDAiIGQ9Ik02LDVoMjdjMy4zLDAsNiwyLjcsNiw2djI3YzAsMy4zLTIuNyw2LTYsNkg2Yy0zLjMsMC02LTIuNy02LTZWMTFDMCw3LjcsMi43LDUsNiw1eiIKCS8+CjxwYXRoIGlkPSLnn6nlvaJfODA1X+aLt+i0nV81IiBjbGFzcz0ic3QxIiBkPSJNNiwwaDI3YzMuMywwLDYsMi43LDYsNnYyN2MwLDMuMy0yLjcsNi02LDZINmMtMy4zLDAtNi0yLjctNi02VjZDMCwyLjcsMi43LDAsNiwweiIKCS8+CjxnIGlkPSJ4X+aLt+i0nSI+Cgk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMjUuNiwyOC41Yy0wLjgsMC0xLjUtMC4zLTIuMS0wLjhsLTQtNGwtNCw0Yy0wLjUsMC41LTEuMywwLjktMi4xLDAuOWMtMC44LDAtMS41LTAuMy0yLjEtMC45CgkJYy0xLjEtMS4xLTEuMS0zLDAtNC4xbDQtNGwtNC00LjFjLTAuNS0wLjUtMC45LTEuMy0wLjktMi4xYzAtMC44LDAuMy0xLjUsMC44LTIuMWMwLjUtMC41LDEuMy0wLjksMi4xLTAuOWMwLjgsMCwxLjUsMC4zLDIuMSwwLjgKCQlsNCw0bDQtNGMwLjUtMC41LDEuMy0wLjksMi4xLTAuOWMwLjgsMCwxLjUsMC4zLDIuMSwwLjljMC41LDAuNSwwLjgsMS4zLDAuOCwyLjFjMCwwLjgtMC4zLDEuNS0wLjksMi4xbC00LDRsNCw0LjEKCQljMC41LDAuNSwwLjgsMS4zLDAuOSwyLjFjMCwwLjgtMC4zLDEuNS0wLjgsMi4xQzI3LjEsMjguMiwyNi40LDI4LjUsMjUuNiwyOC41eiIvPgoJPHBhdGggY2xhc3M9InN0MyIgZD0iTTI1LjYsMTJjMC40LDAsMC43LDAuMSwxLDAuNGMwLjUsMC41LDAuNSwxLjQsMCwybC01LjEsNS4xbDUuMSw1LjFjMC41LDAuNSwwLjYsMS40LDAsMgoJCWMtMC4zLDAuMy0wLjYsMC40LTEsMC40Yy0wLjQsMC0wLjctMC4xLTEtMC40bC01LjEtNS4xbC01LjEsNS4xYy0wLjMsMC4zLTAuNiwwLjQtMSwwLjRjLTAuNCwwLTAuNy0wLjEtMS0wLjQKCQljLTAuNS0wLjUtMC41LTEuNCwwLTJsNS4xLTUuMWwtNS4xLTUuMWMtMC41LTAuNS0wLjUtMS40LDAtMmMwLjMtMC4zLDAuNi0wLjQsMS0wLjRjMC40LDAsMC43LDAuMSwxLDAuNGw1LjEsNS4xbDUuMS01LjEKCQlDMjQuOSwxMi4xLDI1LjIsMTIsMjUuNiwxMiBNMjUuNiw5QzI1LjYsOSwyNS42LDksMjUuNiw5Yy0xLjIsMC0yLjMsMC41LTMuMSwxLjNsLTMsM2wtMy0zQzE1LjcsOS40LDE0LjYsOSwxMy40LDkKCQljLTEuMiwwLTIuMywwLjUtMy4xLDEuM0M5LjUsMTEuMSw5LDEyLjIsOSwxMy40YzAsMS4yLDAuNSwyLjMsMS4zLDMuMWwzLDNsLTMsM0M5LjUsMjMuMyw5LDI0LjQsOSwyNS42YzAsMS4yLDAuNSwyLjMsMS4zLDMuMQoJCWMwLjgsMC44LDEuOSwxLjMsMy4xLDEuM2MxLjIsMCwyLjMtMC41LDMuMS0xLjNsMy0zbDMsM2MwLjgsMC44LDEuOSwxLjMsMy4xLDEuM2MxLjIsMCwyLjMtMC41LDMuMS0xLjNjMC44LTAuOCwxLjMtMS45LDEuMy0zLjEKCQljMC0xLjItMC41LTIuMy0xLjMtMy4xbC0zLTNsMy0zYzAuOC0wLjgsMS4zLTEuOSwxLjMtMy4xYzAtMS4yLTAuNS0yLjMtMS4zLTMuMUMyNy45LDkuNCwyNi44LDksMjUuNiw5TDI1LjYsOXoiLz4KPC9nPgo8L3N2Zz4K);
}

.video .video-btn_close:active {
  -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
          transform: translateY(2px);
}

.video .video-btn_close:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.video .plyr--video .plyr__controls {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  bottom: -82px;
  height: 82px;
  padding: 12px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background: #000;
}

/* plyr视频样式 --start-- */

.video .plyr .plyr__play-large {
  text-align: center;
  padding: 45px;
  border: 0 solid currentColor;
  background: #1784ff;
}

.video .plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
.video .plyr--video .plyr__controls .plyr__control:hover,
.video .plyr--video .plyr__controls .plyr__control[aria-expanded='true'] {
  background: inherit;
  color: inherit;
}

.button-description-text {
  text-shadow: 0 0 1px black;
}

.plyr__play-large-first {
  left: 30%;
  padding: 0 !important;
  cursor: pointer;
  background: transparent !important;
  -webkit-box-shadow: 0 1px 1px transparent !important;
          box-shadow: 0 1px 1px transparent !important;
}

.plyr__play-svg {
  width: 180px;
  height: 180px;
  display: block;
  margin-bottom: 5px;
}

.plyr__play-large-last {
  left: 70%;
  visibility: hidden;
  padding: 0px !important;
  cursor: pointer;
  background: transparent !important;
  -webkit-box-shadow: 0 1px 1px transparent !important;
          box-shadow: 0 1px 1px transparent !important;
}

.video .plyr .plyr__play-large svg {
  width: 90px;
  height: 90px;
  left: 6px;
}

.plyr__controls .plyr__progress .plyr__progress--played,
.plyr__controls .plyr__volume .plyr__volume--display {
  color: #1784ff;
}

.video .plyr__progress-wrapper {
  position: relative;
  width: 100%;
  margin: 0 16px;
}

.video .plyr__progress-wrapper .plyr__time-wrapper {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  right: 0;
}

.video .plyr__progress-wrapper .plyr__progress input,
.video .plyr__progress-wrapper .plyr__progress progress {
  cursor: pointer;
}

.video .plyr__controls button svg {
  width: 60px;
  height: 60px;
}

.video .plyr input[type='range']::-ms-fill-lower {
  background: #1784ff;
}

.video .plyr--full-ui input[type='range'] {
  color: #ffbc2d;
}

.video .plyr__play-large:focus {
  outline: 0;
}

.video .plyr__controls [data-plyr='pause'] {
  color: #1784ff;
}

/* 自定义 range 按钮 */

.video .plyr input[type='range']::-webkit-slider-thumb {
  width: 28px;
  height: 28px;
  top: -7px;
  left: 1px;
  margin-right: 3px;
  padding: 0;
  outline: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-size: cover;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjcgMjciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI3IDI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZERUE3NDtzdHJva2U6I0ZGOTEwMDtzdHJva2Utd2lkdGg6NTtzdHJva2UtbGluZWpvaW46cm91bmQ7fQo8L3N0eWxlPgo8Y2lyY2xlIGlkPSLmpK3lnIZfMTg0Nl/mi7fotJ0iIGNsYXNzPSJzdDAiIGN4PSIxMy41IiBjeT0iMTMuNSIgcj0iOSIvPgo8L3N2Zz4K);
  z-index: 500;
}

.video .plyr input[type='range']::-moz-range-thumb {
  width: 28px;
  height: 28px;
  top: -7px;
  left: 1px;
  margin-right: 3px;
  padding: 0;
  outline: none;
  border: none;
  box-shadow: none;
  background-size: cover;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjcgMjciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI3IDI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZERUE3NDtzdHJva2U6I0ZGOTEwMDtzdHJva2Utd2lkdGg6NTtzdHJva2UtbGluZWpvaW46cm91bmQ7fQo8L3N0eWxlPgo8Y2lyY2xlIGlkPSLmpK3lnIZfMTg0Nl/mi7fotJ0iIGNsYXNzPSJzdDAiIGN4PSIxMy41IiBjeT0iMTMuNSIgcj0iOSIvPgo8L3N2Zz4K);
  z-index: 500;
}

.video .plyr input[type='range']::-ms-thumb {
  width: 28px;
  height: 28px;
  top: -7px;
  left: 1px;
  margin-right: 3px;
  padding: 0;
  outline: none;
  border: none;
  box-shadow: none;
  background-size: cover;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjcgMjciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI3IDI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZERUE3NDtzdHJva2U6I0ZGOTEwMDtzdHJva2Utd2lkdGg6NTtzdHJva2UtbGluZWpvaW46cm91bmQ7fQo8L3N0eWxlPgo8Y2lyY2xlIGlkPSLmpK3lnIZfMTg0Nl/mi7fotJ0iIGNsYXNzPSJzdDAiIGN4PSIxMy41IiBjeT0iMTMuNSIgcj0iOSIvPgo8L3N2Zz4K);
  z-index: 500;
}

.video .plyr__progress input[type='range'] {
  z-index: auto;
}

.video .plyr__progress__buffer {
  z-index: -1;
}

input[type='range']::-webkit-slider-runnable-track {
  width: 100%;
  height: 20px;
}

/* 中英文 button 选项 */

#control-lang {
  display: none;
  position: relative;
}

#control-lang svg {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#control-lang .control-lang {
  position: absolute;
  top: -175px;
  padding-bottom: 15px;
  cursor: default;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#control-lang .control-lang-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 164px;
  width: 60px;
  border-radius: 6px;
  background: #00cdff;
}

#control-lang .control-lang.active {
  visibility: visible;
  opacity: 1;
}

#control-lang .control-lang-wrapper .control-lang-cn-img {
  margin: 0 auto;
  height: 42px;
  width: 42px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDQ1IDQ1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NSA0NTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZFRkU7fQoJLnN0MXtmb250LWZhbWlseTonU1RZdWFudGktU0MtQm9sZCc7fQoJLnN0Mntmb250LXNpemU6MTAuOTk5OHB4O30KCS5zdDN7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cgkuc3Q0e2ZpbGw6I0ZGRkZGRjt9Cgkuc3Q1e2ZpbGw6IzJBOTRFNTt9Cjwvc3R5bGU+CjxnIGlkPSLlm77lsYJfMSI+Cgk8dGV4dCBpZD0i5pmu6YCa6K+dLTIiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgNi4wMDA2IDQwLjk1OTUpIiBjbGFzcz0ic3QwIHN0MSBzdDIiPuaZrumAmuivnTwvdGV4dD4KCTxnIGNsYXNzPSJzdDMiPgoJCTxnPgoJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMjIuMywyNi4xYy0wLjQsMC0xLjUsMC0yLjItMC44Yy0wLjQtMC41LTAuNi0xLjEtMC42LTEuOXYtMi44aC0zLjZjLTAuNiwwLTEuMSwwLTEuNi0wLjEKCQkJCWMtMC42LTAuMS0xLjEtMC40LTEuNS0wLjhzLTAuNi0wLjktMC44LTEuNWMwLjEtMC41LDAuMS0wLjksMC4xLTEuNXYtNi40YzAtMC42LDAtMSwwLjEtMS40YzAuMS0wLjYsMC40LTEuMSwwLjgtMS41CgkJCQljMC40LTAuNCwwLjktMC42LDEuNS0wLjdjMC40LTAuMSwwLjktMC4xLDEuNS0wLjFoMy42VjUuNWMwLTAuOSwwLjMtMS42LDAuOC0yLjFjMC41LTAuNCwxLjEtMC42LDItMC42YzAuOCwwLDEuNCwwLjIsMS45LDAuNgoJCQkJYzAuNiwwLjUsMC45LDEuMiwwLjksMi4xdjEuMWgzLjdjMC42LDAsMS4xLDAsMS41LDAuMUMzMSw2LjgsMzEuNSw3LDMxLjksNy40YzAuNCwwLjQsMC43LDAuOSwwLjgsMS41YzAuMSwwLjQsMC4xLDAuOSwwLjEsMS41CgkJCQl2Ni40YzAsMC42LDAsMS0wLjEsMS40Yy0wLjEsMC42LTAuNCwxLjEtMC44LDEuNWMtMC40LDAuNC0wLjksMC42LTEuNCwwLjdjLTAuNCwwLjEtMC45LDAuMS0xLjYsMC4xaC0zLjh2Mi44CgkJCQljMCwwLjktMC4zLDEuNS0wLjYsMS44QzI0LDI1LjgsMjMuMiwyNi4xLDIyLjMsMjYuMXogTTI3LjEsMTV2LTNoLTJ2M0gyNy4xeiBNMTkuNSwxNXYtM2gtMS45djNIMTkuNXoiLz4KCQkJPHBhdGggY2xhc3M9InN0NSIgZD0iTTIyLjMsNC4yYzAuNCwwLDAuOCwwLjEsMSwwLjNzMC4zLDAuNSwwLjMsMC45VjhoNS4yYzAuNSwwLDAuOSwwLDEuMiwwLjFjMC4zLDAsMC42LDAuMiwwLjcsMC4zCgkJCQljMC4yLDAuMiwwLjMsMC40LDAuNCwwLjdjMC4xLDAuMywwLjEsMC43LDAuMSwxLjJ2Ni40YzAsMC41LDAsMC44LTAuMSwxLjFjLTAuMSwwLjMtMC4yLDAuNS0wLjMsMC43Yy0wLjIsMC4yLTAuNCwwLjMtMC43LDAuNAoJCQkJQzI5LjgsMTksMjkuNCwxOSwyOC45LDE5aC01LjJ2NC4zYzAsMC40LTAuMSwwLjctMC4zLDAuOWMtMC4yLDAuMi0wLjUsMC4zLTEsMC4zcy0wLjktMC4xLTEtMC4zYy0wLjItMC4yLTAuMi0wLjUtMC4yLTAuOVYxOQoJCQkJaC01LjFjLTAuNSwwLTAuOSwwLTEuMi0wLjFzLTAuNi0wLjItMC43LTAuNGMtMC4yLTAuMi0wLjMtMC40LTAuMy0wLjdjLTAuMS0wLjMtMC4xLTAuNy0wLjEtMS4xdi02LjRjMC0wLjUsMC0wLjksMC4xLTEuMgoJCQkJczAuMi0wLjUsMC4zLTAuN2MwLjItMC4yLDAuNC0wLjMsMC43LTAuM0MxNS4yLDgsMTUuNiw4LDE2LjEsOGg1LjFWNS40YzAtMC41LDAuMS0wLjgsMC4zLTAuOUMyMS41LDQuMywyMS44LDQuMiwyMi4zLDQuMgoJCQkJIE0yMy42LDE2LjVoNC41YzAuMywwLDAuNCwwLDAuNS0wLjFjMC4xLTAuMSwwLjEtMC4zLDAuMS0wLjZ2LTQuNmMwLTAuMywwLTAuNC0wLjEtMC41Yy0wLjEtMC4xLTAuMy0wLjEtMC42LTAuMWgtNC4zTDIzLjYsMTYuNQoJCQkJIE0xNi42LDE2LjVIMjF2LTZoLTQuNGMtMC4yLDAtMC4zLDAtMC40LDAuMWMtMC4xLDAuMS0wLjEsMC4zLTAuMSwwLjZ2NC42YzAsMC4zLDAsMC41LDAuMSwwLjZDMTYuMiwxNi41LDE2LjQsMTYuNSwxNi42LDE2LjUKCQkJCSBNMjIuMywxLjJjLTEuMiwwLTIuMiwwLjMtMi45LDFjLTAuNiwwLjUtMS4yLDEuNC0xLjMsMi45SDE2Yy0wLjcsMC0xLjMsMC4xLTEuOCwwLjJjLTAuOSwwLjItMS42LDAuNi0yLjIsMS4xCgkJCQljLTAuNiwwLjYtMS4xLDEuNC0xLjIsMi4zYy0wLjEsMC41LTAuMSwxLTAuMSwxLjd2Ni40YzAsMC42LDAsMS4yLDAuMSwxLjdjMC4yLDAuOSwwLjYsMS43LDEuMiwyLjNjMC42LDAuNiwxLjMsMSwyLjIsMS4yCgkJCQljMC41LDAuMSwxLjEsMC4yLDEuOSwwLjJoMi4xdjEuM2MwLDEuMiwwLjMsMi4xLDAuOSwyLjljMC43LDAuOSwxLjksMS4zLDMuMywxLjNjMS44LDAsMi44LTAuOCwzLjMtMS40YzAuNC0wLjUsMS0xLjQsMS0yLjgKCQkJCXYtMS4zaDIuMmMwLjcsMCwxLjQtMC4xLDEuOS0wLjJjMC45LTAuMiwxLjYtMC42LDIuMi0xLjFjMC42LTAuNiwxLTEuNCwxLjItMi4zYzAuMS0wLjUsMC4xLTEsMC4xLTEuN3YtNi40CgkJCQljMC0wLjctMC4xLTEuMy0wLjItMS44Yy0wLjItMC45LTAuNi0xLjctMS4yLTIuM3MtMS40LTEtMi40LTEuMWMtMC41LTAuMS0xLTAuMS0xLjctMC4xaC0yLjJjLTAuMS0xLjUtMC44LTIuNC0xLjQtMi45CgkJCQlDMjQuNCwxLjUsMjMuNCwxLjIsMjIuMywxLjJMMjIuMywxLjJ6Ii8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnIGlkPSLlm77lsYJfMiI+CjwvZz4KPC9zdmc+Cg==) no-repeat;
}

#control-lang .control-lang-wrapper .control-lang-en-img {
  margin: 0 auto;
  height: 42px;
  width: 42px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDQ1IDQ1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NSA0NTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZFRkU7fQoJLnN0MXtmb250LWZhbWlseTonU1RZdWFudGktU0MtQm9sZCc7fQoJLnN0Mntmb250LXNpemU6MTAuOTk5OHB4O30KCS5zdDN7ZmlsbDojRkZGRkZGO30KCS5zdDR7ZmlsbDojMkE5NEU1O30KPC9zdHlsZT4KPGcgaWQ9IuWbvuWxgl8xIj4KCTx0ZXh0IGlkPSJFbmdsaXNoIiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDUuMzAyIDM5LjgwNjIpIiBjbGFzcz0ic3QwIHN0MSBzdDIiPkVuZ2xpc2g8L3RleHQ+Cgk8ZyBpZD0iRW4tMiI+CgkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTM0LjYsMjQuNGMtMC43LDAtMS4zLTAuMi0xLjktMC41Yy0wLjctMC4zLTEuMi0xLTEuMy0xLjhjMC0wLjEsMC0wLjIsMC0wLjN2LTYuN2MwLTAuNCwwLTAuNy0wLjEtMS4xCgkJCWMwLTAuMS0wLjEtMC4zLTAuMS0wLjRsMCwwYzAsMCwwLDAtMC4xLDBjLTAuMi0wLjEtMC41LTAuMS0wLjctMC4xaC0wLjFjLTAuMywwLTAuNiwwLTAuOSwwLjFjLTAuMSwwLTAuMiwwLjEtMC4zLDAuMgoJCQljLTAuMSwwLTAuMSwwLjEtMC4yLDAuM2MtMC4xLDAuMy0wLjIsMC42LTAuMSwwLjl2Ni45VjIyYy0wLjEsMC44LTAuNSwxLjYtMS4zLDEuOWMtMC42LDAuMy0xLjIsMC41LTEuOCwwLjVoLTAuMgoJCQljLTAuNywwLTEuMy0wLjItMS45LTAuNXMtMS4xLTAuOS0xLjItMS42Yy0wLjEsMC40LTAuNCwwLjgtMC43LDEuMmMtMC4xLDAuMS0wLjIsMC4yLTAuNCwwLjNjLTAuNiwwLjMtMS4zLDAuNS0xLjksMC41CgkJCWMtMC4xLDAtMC4yLDAtMC4zLDBoLTguNWgtMC4xYy0wLjYsMC0xLjMtMC4yLTEuOS0wLjRjLTAuMSwwLTAuMS0wLjEtMC4yLTAuMWMtMC44LTAuNS0xLjItMS40LTEuMS0yLjR2LTE0CgkJCWMtMC4xLTAuOSwwLjMtMS44LDEtMi4zQzguNCw1LjEsOC40LDUsOC41LDVjMC42LTAuMywxLjItMC41LDEuOS0wLjVjMC4xLDAsMC4yLDAsMC4zLDBoOC41YzAuMSwwLDAuMSwwLDAuMiwwCgkJCWMwLjcsMCwxLjMsMC4yLDEuOSwwLjVjMC4xLDAsMC4xLDAuMSwwLjIsMC4yYzAuNiwwLjUsMC45LDEuMywwLjksMi4xYzAuMSwwLjktMC4zLDEuNy0xLDIuM2MtMC4xLDAtMC4xLDAuMS0wLjIsMC4xCgkJCWMtMC42LDAuMy0xLjIsMC41LTEuOSwwLjVjLTAuMSwwLTAuMSwwLTAuMiwwaC01LjJ2MS4xaDQuOWMwLjEsMCwwLjIsMCwwLjIsMGMwLjcsMCwxLjQsMC4yLDEuOSwwLjZjMC4xLDAsMC4xLDAuMSwwLjIsMC4yCgkJCWMwLjYsMC42LDAuOSwxLjMsMC45LDIuMXMtMC4zLDEuNi0wLjksMi4xYy0wLjEsMC4xLTAuMSwwLjEtMC4yLDAuMkMyMC4zLDE2LjgsMTkuNywxNywxOSwxN2MtMC4xLDAtMC4yLDAtMC4yLDBoLTQuOXYxLjZIMTkKCQkJYzAuMSwwLDAuMiwwLDAuMywwYzAuNywwLDEuMywwLjIsMS45LDAuNWMwLjEsMC4xLDAuMywwLjIsMC40LDAuM2MwLjMsMC4zLDAuNSwwLjcsMC43LDF2LTkuNmMwLjEtMSwwLjYtMS43LDEuNC0yLjEKCQkJYzAuNi0wLjMsMS4yLTAuNCwxLjgtMC40aDAuMmMwLjYsMCwxLjMsMC4yLDEuOCwwLjVDMjcuNyw4LjksMjcuOCw5LDI4LDkuMWMxLTAuNywyLjEtMSwzLjItMWgwLjJjMC44LDAsMS43LDAuMSwyLjUsMC4zCgkJCXMxLjUsMC42LDIuMiwxLjFjMC43LDAuNiwxLjIsMS4yLDEuNSwyYzAuMywwLjksMC41LDEuNywwLjUsMi42VjIyYzAsMC45LTAuNSwxLjctMS4zLDIuMWMtMC41LDAuMy0xLjIsMC41LTEuOCwwLjVMMzQuNiwyNC40eiIKCQkJLz4KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTAuMyw1LjhjMC4xLDAsMC4xLDAsMC4yLDBIMTloMC4xYzAuNCwwLDAuNywwLjEsMS4xLDAuM2MwLjMsMC4zLDAuNSwwLjcsMC40LDEuMWMwLjEsMC40LTAuMSwwLjgtMC40LDEuMQoJCQljLTAuMywwLjItMC43LDAuMy0xLjEsMC4zSDE5aC02Ljh2NC4xaDYuNWMwLjEsMCwwLjEsMCwwLjIsMGMwLjQsMCwwLjgsMC4xLDEuMSwwLjNjMC4zLDAuMywwLjQsMC43LDAuNCwxYzAsMC40LTAuMSwwLjgtMC40LDEKCQkJcy0wLjcsMC4zLTEuMSwwLjNjLTAuMSwwLTAuMSwwLTAuMiwwaC02LjVsMCwwdjQuNkgxOWMwLjEsMCwwLjEsMCwwLjIsMGMwLjQsMCwwLjksMC4xLDEuMywwLjNsMCwwYzAuNiwwLjYsMC42LDEuNSwwLDIuMQoJCQljLTAuNCwwLjItMC44LDAuMy0xLjMsMC4zYy0wLjEsMC0wLjEsMC0wLjIsMGgtOC42aC0wLjFjLTAuNCwwLTAuOC0wLjEtMS4yLTAuM2MtMC4zLTAuMi0wLjUtMC42LTAuNS0xLjFWNy4xCgkJCWMwLTAuNCwwLjEtMC44LDAuNC0xQzkuNCw1LjksOS45LDUuOCwxMC4zLDUuOCBNMzEuMSw5LjNDMzEuMSw5LjMsMzEuMiw5LjMsMzEuMSw5LjNjMC4xLDAsMC4yLDAsMC4yLDBjMC43LDAsMS40LDAuMSwyLjEsMC4zCgkJCWMwLjYsMC4yLDEuMiwwLjUsMS42LDAuOWMwLjUsMC40LDAuOCwwLjksMS4xLDEuNGMwLjMsMC42LDAuNCwxLjMsMC40LDJ2Ny45YzAsMC4zLTAuMiwwLjYtMC41LDAuN2MtMC4zLDAuMi0wLjcsMC4zLTEuMSwwLjMKCQkJaC0wLjFoLTAuMWMtMC40LDAtMC44LTAuMS0xLjItMC4zYy0wLjMtMC4xLTAuNS0wLjQtMC41LTAuN2wwLDB2LTYuN2MwLTAuNSwwLTAuOS0wLjEtMS40Yy0wLjEtMC40LTAuMi0wLjctMC40LTEKCQkJcy0wLjUtMC41LTAuOC0wLjZjLTAuNC0wLjEtMC44LTAuMi0xLjItMC4yaC0wLjFsMCwwYy0wLjQsMC0wLjgsMC0xLjIsMC4xYy0wLjQsMC4xLTAuNywwLjItMSwwLjRzLTAuNSwwLjYtMC42LDAuOQoJCQljLTAuMiwwLjUtMC4zLDEtMC4yLDEuNXY2LjhjMCwwLjMtMC4yLDAuNi0wLjUsMC43Yy0wLjUsMC40LTAuOSwwLjYtMS4zLDAuNmgtMC4xaC0wLjFjLTAuNCwwLTAuOC0wLjEtMS4yLTAuMwoJCQljLTAuMy0wLjEtMC41LTAuNC0wLjUtMC43VjEwLjZjMC0wLjMsMC4yLTAuNiwwLjUtMC43YzAuNC0wLjIsMC44LTAuMywxLjItMC4zYzAsMCwwLDAsMC4xLDBoMC4xYzAuNCwwLDAuOCwwLjEsMS4xLDAuMwoJCQljMC4zLDAuMSwwLjUsMC40LDAuNSwwLjd2MS4yYzAuMi0wLjMsMC40LTAuNiwwLjYtMC45czAuNS0wLjYsMC44LTAuOEMyOS40LDkuNiwzMC4yLDkuMywzMS4xLDkuMyBNMTAuMywyLjgKCQkJQzkuNCwyLjgsOC41LDMsNy43LDMuNUM3LjYsMy42LDcuNCwzLjcsNy4zLDMuOEM2LjIsNC42LDUuNiw2LDUuNyw3LjN2MTMuOWMtMC4xLDEuNCwwLjYsMi44LDEuOCwzLjZjMC4xLDAuMSwwLjIsMC4xLDAuMywwLjIKCQkJYzAuOCwwLjQsMS43LDAuNiwyLjUsMC42YzAuMSwwLDAuMSwwLDAuMiwwaDguNGMwLjEsMCwwLjIsMCwwLjMsMGMwLjksMCwxLjgtMC4yLDIuNi0wLjZjMC4xLTAuMSwwLjMtMC4xLDAuNC0wLjIKCQkJYzAuMiwwLjEsMC40LDAuMywwLjYsMC40YzAuOCwwLjQsMS43LDAuNywyLjYsMC43aDAuMWgwLjFjMC45LDAsMS44LTAuMiwyLjUtMC42YzEtMC41LDEuNy0xLjQsMi0yLjVjMC4zLDEuMSwxLDIsMiwyLjUKCQkJYzAuOCwwLjQsMS42LDAuNiwyLjUsMC42aDAuMWgwLjFjMC45LDAsMS44LTAuMiwyLjUtMC43YzEuMi0wLjYsMi0xLjksMi0zLjN2LTAuMXYtNy45YzAtMS4xLTAuMi0yLjItMC42LTMuMgoJCQljLTAuNC0xLTEuMS0xLjktMS45LTIuNkMzNiw3LjQsMzUsNi45LDM0LjEsNi43Yy0wLjktMC4zLTEuOS0wLjQtMi45LTAuNGgtMC4xSDMxYy0xLjEsMC0yLjIsMC4zLTMuMiwwLjgKCQkJYy0wLjctMC4zLTEuNS0wLjUtMi4zLTAuNWgtMC4xbDAsMGMtMC42LDAtMS4yLDAuMS0xLjgsMC4zYy0wLjEtMS4yLTAuNi0yLjItMS40LTNjLTAuMS0wLjEtMC4zLTAuMi0wLjQtMC4zCgkJCWMtMC44LTAuNS0xLjctMC44LTIuNy0wLjhjLTAuMSwwLTAuMiwwLTAuMiwwTDEwLjMsMi44QzEwLjQsMi44LDEwLjMsMi44LDEwLjMsMi44TDEwLjMsMi44eiIvPgoJPC9nPgo8L2c+CjxnIGlkPSLlm77lsYJfMiI+CjwvZz4KPC9zdmc+Cg==) no-repeat;
}

#control-lang .control-lang-wrapper .control-lang-cn,
#control-lang .control-lang-wrapper .control-lang-en {
  margin: 12px 0;
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.1, 0, 1.05);
  -o-transition: all 0.5s cubic-bezier(0.25, 0.1, 0, 1.05);
  transition: all 0.5s cubic-bezier(0.25, 0.1, 0, 1.05);
  cursor: pointer;
}

#control-lang .control-lang-wrapper .control-lang-cn:hover,
#control-lang .control-lang-wrapper .control-lang-en:hover {
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
}

/* 音量选项 */

#control-volume {
  position: relative;
  margin: 0 4px;
  line-height: 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#control-volume .plyr__volume-wrapper {
  position: absolute;
  top: -100px;
  right: -53px;
  padding-left: 15px;
  -webkit-transform: rotateZ(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotateZ(-90deg);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  visibility: hidden;
  opacity: 0;
}

#control-volume .plyr__volume {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
  height: 40px;
  max-width: inherit;
  width: 164px;
  background: #00cdff;
  border-radius: 6px;
}

#control-volume .plyr__volume .plyr__volume-input {
  cursor: pointer;
}

#control-volume:hover .plyr__volume-wrapper {
  visibility: visible;
  opacity: 1;
}

/* 清晰度 */

#control-clarity {
  position: relative;
  margin: 0 4px;
  line-height: 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#control-clarity .control-clarity-option-ct {
  position: absolute;
  top: -175px;
  padding-bottom: 20px;
  visibility: hidden;
  opacity: 0;
}

#control-clarity .control-clarity-option-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 164px;
  width: 60px;
  border-radius: 6px;
  background: #00cdff;
  cursor: pointer;
}

#control-clarity .control-clarity-option-wrapper img {
  height: 50px;
  width: 50px;
}

#control-clarity .control-clarity-option-wrapper .control-clarity-option {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#control-clarity
  .control-clarity-option-wrapper
  .control-clarity-option.disabled {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  cursor: not-allowed;
  /*pointer-events: none;*/
}

#control-clarity .control-clarity-option-wrapper .control-clarity-option:hover {
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
}

#control-clarity
  .control-clarity-option-wrapper
  .control-clarity-option.disabled:hover {
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

#control-clarity:hover .control-clarity-option-ct {
  visibility: visible;
  opacity: 1;
}

/* 全屏 */

#control-fullscreen svg {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

/* loading */

.video .loading-wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, .6);
  border-radius: 8px;
  visibility: hidden;
  opacity: 0;
}

.video .loading-wrapper .loading-img {
  display: inline-block;
  width: 550px;
  height: 300px;
  -webkit-transform: translateX(5%);
      -ms-transform: translateX(5%);
          transform: translateX(5%);
}

/* 切换提示语 */

.video .switch-tip-wrapper {
  position: absolute;
  left: 17px;
  bottom: 12px;
  padding: 4px;
  color: #fff;
  font-size: 24px;
  border-radius: 6px;
  background: #000;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.video .switch-tip-wrapper .switch-tip-text {
  margin: 0 12px;
}

/* 跳转语言提示框 */

.video .jumping-popup {
  position: absolute;
  min-width: 200px;
  min-height: 50px;
  left: 50%;
  top: 50%;
  padding: 32px 16px;
  text-align: center;
  font-size: 2em;
  font-weight: 400;
  border-radius: 10px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #333;
  background: rgba(255, 255, 255, .6);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
}

.video .plyr__controls > .plyr__control {
  margin-left: 0px !important;
  padding: 4px !important;
}

.video #control-play {
  margin-left: 4px !important;
}

.video #control-play svg {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

/* operation-button 操作按钮区域 */

.operation-button-wrapper,
.play-button-wrapper {
  position: absolute;
  z-index: 11;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  top: 100%;
  -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
          transform: translate(0, -100%);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  visibility: hidden;
  opacity: 0;
}

.operation-button-wrapper img {
  display: block;
  width: 120px;
  height: 120px;
  margin: 0 20px;
}

.operation-button-wrapper .operation-replay {
  -webkit-transition: all 0.5s cubic-bezier(0.87, 0.01, 0.25, 0.96);
  -o-transition: all 0.5s cubic-bezier(0.87, 0.01, 0.25, 0.96);
  transition: all 0.5s cubic-bezier(0.87, 0.01, 0.25, 0.96);
  -webkit-transform: translate(50%);
      -ms-transform: translate(50%);
          transform: translate(50%);
  cursor: pointer;
}

.operation-button-wrapper .operation-next {
  -webkit-transition: all 0.5s cubic-bezier(0.87, 0.01, 0.25, 0.96);
  -o-transition: all 0.5s cubic-bezier(0.87, 0.01, 0.25, 0.96);
  transition: all 0.5s cubic-bezier(0.87, 0.01, 0.25, 0.96);
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  cursor: pointer;
}

.play-button-wrapper .operation-play {
  cursor: pointer;
}

.play-button-wrapper .operation-play img {
  display: block;
  width: 120px;
  height: 120px;
}

#control-play.hover:hover,
#control-clarity.hover:hover,
#control-lang.hover:hover,
#control-volume.hover:hover,
#control-fullscreen.hover:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

#control-play.active:active svg,
#control-lang.active:active svg,
#control-volume-button.active:active,
#control-fullscreen.active:active svg {
  -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
          transform: translateY(2px);
}

.video .plyr__progress-wrapper .video-mark {
  position: absolute;
  top: 0;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  height: 20px;
  cursor: pointer;
}

.video .plyr__progress-wrapper .video-mark-img {
  width: 20px;
}

.video .video-question-wrapper {
  margin-right: 20px;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 500px;
  min-width: 600px;
  width: 100%;
  height: calc(100% + 82px);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA1IAAAKACAYAAACWp0mXAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+LUNEtwAAGylJREFUeJzt3U+MZOt50OH31L/u6rmxLcK9gHTtsID4KvwTJFKyQEiRgpCigAQWyItswj5RlF2kZM8SEGuyQiwgQoqUCIkkihcBhPACAZGDiIkXOLaxia/t29Vddc75sui51+6Z6qp6u0/1d6rmeXYzVdPzXsuL+s356nubX/rs78b3+NMR8QsR8VMR8YMRcREAAABvptuI+EJE/FpE/POI+PqHL0y+502fiYj/HRG/GBF/JUQUAADwZruIiL8WEb8cEX8Qd80UEd8Nqc9ExL+JiI8/+2gAAADj97G4a6bPRNyF1NsR8S8joqk4FAAAwNg1cddO70wi4mfjrq4AAADY7WMR8fOTiPh7tScBAAA4IT81iYj3ak8BAABwQj49CbfzAQAAZCwm+98DAADA9xJSAAAASUIKAAAgSUgBAAAkCSkAAIAkIQUAAJAkpAAAAJKEFAAAQJKQAgAASBJSAAAASUIKAAAgSUgBAAAkCSkAAIAkIQUAAJAkpAAAAJKEFAAAQJKQAgAASBJSAAAASUIKAAAgSUgBAAAkCSkAAIAkIQUAAJAkpAAAAJKEFAAAQJKQAgAASBJSAAAASUIKAAAgSUgBAAAkCSkAAICkWe0BMhZX02hqDwEAAKTcXne1Rxjc6EPqU++9iL/8Nz8en/qLy1gsPUADAIBT03UlvvHldfz+f/12/M//9H6sb/raIz3ZaENqcTmJn/jpPxt/4a++qD0KAADwBNNpE+988iLe+eRF/PUf/0T8xq/8UXzl/9zUHutJRvmIZ34xic/83CdFFAAAnJm3PjGLf/Cz78a7P3hVe5QnGeUTqR//7J+Jt99dbH2taXxLCgAATkkp5d6vZ7MmfvJn/lz8q3/ypfjg/bbSVE8zupB65weW8d7feOve781ms3ixfCtms3mlqQAAgMfq+z5Wt9dxc7P66PcuX0ziR3/y++O3//VXK072eKM72veXfuz74nuv5ptNZ/Gxtz4hogAA4ERNJpN4sXwrrpb3v7rz6R9+K2aL0SXJQUY39afeu39W8mr5wnE+AAA4A8vLq5hMvpsg88Uk3n73ouJEjze6kPq+T9w/behJFAAAnI9XP9+/9bHRfdvoIKMLqcn0/tMnT6MAAOB8vPrpvpmf5uf90YUUAADA2AkpAACAJCEFAACQJKQAAACShBQAAECSkAIAAEgSUgAAAElCCgAAIElIAQAAJAkpAACAJCEFAACQJKQAAACShBQAAECSkAIAAEgSUgAAAElCCgAAIElIAQAAJAkpAACAJCEFAACQJKQAAACShBQAAECSkAIAAEgSUgAAAElCCgAAIElIAQAAJAkpAACAJCEFAACQJKQAAACSZrUH2KeUUnsEAABgIOfy6X70IbVarWqPAAAADKRru9ojDMLRPgAAgKTRP5G6urqqPQIAADCQ/oM2unVbe4wn80QKAAAgSUgBAAAkCSkAAIAkIQUAAJAkpAAAAJKEFAAAQJKQAgAASBJSAAAASUIKAAAgSUgBAAAkCSkAAIAkIQUAAJAkpAAAAJKEFAAAQJKQAgAASBJSAAAASUIKAAAgSUgBAAAkCSkAAIAkIQUAAJAkpAAAAJKEFAAAQJKQAgAASBJSAAAASUIKAAAgSUgBAAAkCSkAAIAkIQUAAJAkpAAAAJKEFAAAQJKQAgAASBJSAAAASUIKAAAgaVZ7gH2ur69rjwAAAAykbbvaIwzCEykAAICk0T+RWi6XtUcAAAAG0pU2unVbe4wnG31INU1TewQAAGAg5/Lp3tE+AACAJCEFAACQJKQAAACShBQAAECSkAIAAEgSUgAAAElCCgAAIElIAQAAJAkpAACAJCEFAACQJKQAAACShBQAAECSkAIAAEgSUgAAAElCCgAAIElIAQAAJAkpAACAJCEFAACQJKQAAACShBQAAECSkAIAAEgSUgAAAElCCgAAIElIAQAAJAkpAACAJCEFAACQJKQAAACShBQAAECSkAIAAEgSUgAAAElCCgAAIElIAQAAJM1qD7DParWqPQIAADCQrutqjzCI0YdUKaX2CAAAwEDO5eP96EPq8vKy9ggAAMBAur6Nrm9rj/Fkow+pycTXuAAA4Fw0Te0JhqFSAAAAkoQUAABAkpACAABIElIAAABJQgoAACBJSAEAACQJKQAAgCQhBQAAkCSkAAAAkoQUAABAkpACAABIElIAAABJQgoAACBJSAEAACQJKQAAgCQhBQAAkCSkAAAAkoQUAABAkpACAABIElIAAABJQgoAACBJSAEAACQJKQAAgCQhBQAAkCSkAAAAkoQUAABAkpACAABIElIAAABJQgoAACBJSAEAACQJKQAAgCQhBQAAkDSrPcA+t7e3tUcAAAAG0vV97REGMfqQ6rqu9ggAAMBASl9qjzCI0YfUxcVF7REAAICBdP0mujN4KDX6kJpOp7VHAAAABtI0Te0RBuGyCQAAgCQhBQAAkCSkAAAAkoQUAABAkpACAABIElIAAABJQgoAACBJSAEAACQJKQAAgCQhBQAAkCSkAAAAkoQUAABAkpACAABIElIAAABJQgoAACBJSAEAACQJKQAAgCQhBQAAkCSkAAAAkoQUAABAkpACAABIElIAAABJQgoAACBJSAEAACQJKQAAgCQhBQAAkCSkAAAAkoQUAABAkpACAABIElIAAABJQgoAACBJSAEAACTNag+wz3q9rj0CAAAwkL7va48wiNGHVNu2tUcAAAAG0vel9giDGH1Izefz2iMAAAADabtNdGfwUEpIAQAAz+Z23dQeYRAumwAAAEgSUgAAAElCCgAAIElIAQAAJAkpAACAJCEFAACQJKQAAACShBQAAECSkAIAAEgSUgAAAElCCgAAIElIAQAAJAkpAACAJCEFAACQJKQAAACShBQAAECSkAIAAEgSUgAAAElCCgAAIElIAQAAJAkpAACAJCEFAACQJKQAAACShBQAAECSkAIAAEgSUgAAAElCCgAAIElIAQAAJAkpAACAJCEFAACQJKQAAACShBQAAEDSrPYA+2w2m9ojAAAAA+n7UnuEQQgpAADg2fR9X3uEQYw+pGaz0Y8IAAAcqO3W0Z1BS42+UhaLRe0RAACAgaw3N7VHGITLJgAAAJKEFAAAQJKQAgAASBJSAAAASUIKAAAgSUgBAAAkCSkAAIAkIQUAAJAkpAAAAJKEFAAAQJKQAgAASBJSAAAASUIKAAAgSUgBAAAkCSkAAIAkIQUAAJAkpAAAAJKEFAAAQJKQAgAASBJSAAAASUIKAAAgSUgBAAAkCSkAAIAkIQUAAJAkpAAAAJKEFAAAQJKQAgAASBJSAAAASUIKAAAgSUgBAAAkCSkAAIAkIQUAAJA0qz3APm3b1h4BAAAYSF9K7REGMfqQWq/XtUcAAAAG0nd97REGMfqQmk6ntUcAAAAG0nRNxBm01OhD6uLiovYIAADAQDbtbZzDl3dcNgEAAJAkpAAAAJKEFAAAQJKQAgAASBJSAAAASUIKAAAgSUgBAAAkCSkAAIAkIQUAAJAkpAAAAJKEFAAAQJKQAgAASBJSAAAASUIKAAAgSUgBAAAkCSkAAIAkIQUAAJAkpAAAAJKEFAAAQJKQAgAASBJSAAAASUIKAAAgSUgBAAAkCSkAAIAkIQUAAJAkpAAAAJKEFAAAQJKQAgAASBJSAAAASUIKAAAgSUgBAAAkCSkAAICkWe0B9um6rvYIAADAQEoptUcYxOhD6vb2tvYIAADAQLqurz3CIEYfUk3T1B4BAAAYyLl8vB99SC2Xy9ojAAAAA+n6TbRdW3uMJ3PZBAAAQJKQAgAASBJSAAAASUIKAAAgSUgBAAAkCSkAAIAkIQUAAJAkpAAAAJKEFAAAQJKQAgAASBJSAAAASUIKAAAgSUgBAAAkCSkAAIAkIQUAAJAkpAAAAJKEFAAAQJKQAgAASBJSAAAASUIKAAAgSUgBAAAkCSkAAIAkIQUAAJAkpAAAAJKEFAAAQJKQAgAASBJSAAAASUIKAAAgSUgBAAAkCSkAAIAkIQUAAJAkpAAAAJJmtQfYp5RSewQAAGAg5/LpfvQhtVqtao8AAAAMpGu72iMMwtE+AACApNE/kbq6uqo9AgAAMJD+gza6dVt7jCfzRAoAACBJSAEAACQJKQAAgCQhBQAAkCSkAAAAkoQUAABAkpACAABIElIAAABJQgoAACBJSAEAACQJKQAAgCQhBQAAkCSkAAAAkoQUAABAkpACAABIElIAAABJQgoAACBJSAEAACTdD6nZptIYAAAAp+N+SM1vIqZtpVEAAABOwytH+0rEYhVl2tWZBgAA4ARs+Y5UicnsOqLpn38aAACAE7D1sokyKdEsVhFNee55AAAARu/BW/vKpItmvnrOWQAAAE7CzuvPy7SNWNw81ywAAAAnYf8eqek6Yn77DKMAAACchnsh1fTT7e+a3doxBQAA8NK9kCrrZTR9s/2ddkwBAABExKtH+8ok+vYqIrbFlB1TAAAAEVu+I9V004j1Mh6KqbsdU65FBwAA3lzbL5voZhGby60vfbRjKsQUAADwZnr41r52HtFebH2pTNpoXIsOAAC8oXZff765iOgWW18q040dUwAAwBtpdu9XTYkor3w3an0ZzaK/W877quk6Yt7cBdeRXF9fH+1nAwAAz6ttz+Pyuvt7pOarrW8qm6UdUwAAAC/deyJVpu3dcb31KxdNlOZux9TigyiTLZdMzG/unmR1s9dfe6Llcjn4zwQAAOroShvd+vT3075ePg8d13u5Y6pZXMfrN/bd7ZiKmxcRZffXrrKa5oEFwQAAwMk5l0/326vngeN6+3ZMNfPbYacDAAAYoYcfH81vIrZdMLFjx5TdUgAAwJtgxzm8u+N6ZbrlVo0dO6YAAADO3Z4vNJWYzK7vrkV/1eYimm5+nKkAAABGbO/NEGVSolmsYtuxvbJeRnOEm/oAAADG7H5IPXBcr0zaaBY321/btWMKAADgDN0PqR3H9cp0c7dj6rUXXu6Y6s/lIkMAAIDdXjvat/O43nQdse2K85c7ps7nVngAAICHbf2O1M7jejt2TJVXl/gCAACcoe2XTew7rje/iWbbtehl790VAAAAJ+/h8tl5XK9EWVxHNP3RBgMAABirnY+Qmm4asV7GQzHVLFbbd0wBAACcsf1n8bpZxAPffSqT7sEdUwAAAOfqfkg9dFSvXTxqxxQAAMA5uhdSO4/qPWbHFAAAwBm6F1LfPaq33d4dU7P1oMMBAACM0esLeSft7pjasWOqmbTDTQYAADBS2xfyTjcR89vtf2LfjikAAIAz9/CtfbPbh4/qlUnEgzumAAAAztvu68/nNxHT7cf1ykc7pgAAAN4s+/dILVbRTLvtr3WziM3lwCMBAACM2/6QihJlcf2oHVMAAADn6ICQiogoj94xBQAAcG7uh9SOJ0tl0kUz371jqpTt16IDAACck/shtbmI6BYPvrlMd++Yio0jfgAAwPl7/Wjf+jKabvbgH9i5YwoAAOANsH0h72YZTb/jmN6uHVMAAABnbvtlE6WJsl5G0+9YuLtjxxQAAMA5e/jWvjKJvr2KiB0xtVhFeWjHFAAAwJnaef15000j1st4OKZKTGY7dkwBAACcof17pLpZxObywZfLZM+OKQAAgDNz2ELedv6kHVMAAADn5OF7zl+1uYim6e+uP9+iTNu7Cyh2PL16jNVKoAEAwLnouvO4Y+HwkIq4u8lvUe6iaYum6WPoA36lODIIAADn4lw+3qdCKuLljqnmOsrkeUry8nLYJ1wAAEA9Xd9G15/+GqV0SEVpovSziGcKqcnksK9xAQAA49fs2K50SlQKAABAkpACAABIElIAAABJQgoAACBJSAEAACQJKQAAgCQhBQAAkCSkAAAAkoQUAABAkpACAABIElIAAABJQgoAACBJSAEAACQJKQAAgCQhBQAAkCSkAAAAkoQUAABAkpACAABIElIAAABJQgoAACBJSAEAACQJKQAAgCQhBQAAkCSkAAAAkoQUAABAkpACAABIElIAAABJQgoAACBJSAEAACQJKQAAgCQhBQAAkCSkAAAAkma1B9jn9va29ggAAMBAur6vPcIgRh9SXdfVHgEAABhI6UvtEQYx+pC6uLioPQIAADCQrt9EdwYPpUYfUtPptPYIAADAQJqmqT3CIFw2AQAAkCSkAAAAkoQUAABAkpACAABIElIAAABJQgoAACBJSAEAACQJKQAAgCQhBQAAkCSkAAAAkoQUAABAkpACAABIElIAAABJQgoAACBJSAEAACQJKQAAgCQhBQAAkCSkAAAAkoQUAABAkpACAABIElIAAABJQgoAACBJSAEAACQJKQAAgCQhBQAAkCSkAAAAkoQUAABAkpACAABIElIAAABJQgoAACBJSAEAACQJKQAAgKRZ7QH2Wa/XtUcAAAAG0vd97REGMfqQatu29ggAAMBA+r7UHmEQow+p+XxeewQAAGAgbbeJ7gweSgkpAADg2dyum9ojDMJlEwAAAElCCgAAIElIAQAAJAkpAACAJCEFAACQJKQAAACShBQAAECSkAIAAEgSUgAAAElCCgAAIElIAQAAJAkpAACAJCEFAACQJKQAAACShBQAAECSkAIAAEgSUgAAAElCCgAAIElIAQAAJAkpAACAJCEFAACQJKQAAACShBQAAECSkAIAAEgSUgAAAElCCgAAIElIAQAAJA0bUs2gPw0AAGCUBg2pMmkjZushfyQAAMDoDH+0b34TMdsM/mMBAADG4jjfkZrfREzbo/xoAACA2o502USJWKyimXbH+fEAAAAVzR71p8oh/VWiLK6jrK+i6aaP+msiIjYbxwQBAOBc9H2pPcIgHhdS7Tyi6SNmt3veWGIyu47Svzgwvl4npAAA4Hz0fV97hEE8LqQiIjYXEVH23tJXJiWaxSrK+iqi5O9Hn80ePyIAADAubbeO7gxa6mmVsrm82x013RdTXTQvj/llY2qxWDxhQAAAYEzWm5vaIwzi6ZdNrC+j6eZ731YmXTTz1ZP/OgAAgNoGubWvrJeHxdS0jWYhpgAAgNM22PXndzG1/6RgmW4iFufxOA8AAHgzDbpHqqyX0fQHfO1quo6Y77vxDwAAYJwGXsjbHB5Ts9uI+e5LKgAAAMZo4JCKiPJhTB2whHd2EzGzJwoAADgtw4dUxMuYujospuariGl7lDEAAACO4TghFZF7MrUQUwAAwOk4XkhFRJTJy5jat4S3RCxWUabdUccBAAAYwnFDKuJlTL2IiP0x1Syujz4OAADAUx0/pCIiyiSa9VUcElMAAABj9zwhFRGlmx4YUwAAAOP2bCEVcRdTsV6GmAIAAE7Zs4ZURER0MzEFAACctOcPqYi7mNpcVvmrAQAAnqpOSEVEtPOIzbLaXw8AAPBY9UIq4mVMeTIFAACclrohFRHRLiLai9pTAAAAHKx+SEVEbC7EFAAAcDJmtQf4yOYiLOQFAABOwTieSH3I96UAAIATMK6QAgAAOAFCCgAAIElIAQAAJAkpAACAJCEFAACQJKQAAACShBQAAECSkAIAAEgSUgAAAElCCgAAIElIAQAAJM1qD7BP27a1RwAAAAbSl1J7hEGMPqTW63XtEQAAgIH0XV97hEGMPqSm02ntEQAAgIE0XRNxBi01+pC6uLioPQIAADCQTXsb5/DlHZdNAAAAJAkpAACApNGF1O1Nd+/XfX8GBygBAICIeP3zfb8+zVv8RhdS3/i/m3u/vl3fVJoEAAAYUt93sWnvf97/xldO85bu0YXUF//Hd+79enVzHZvNaf6PCwAA3CmlxLc/+Na93/vjr63jj796W2mipxndrX3//T++Hz/yE38qLl/cNV4pJb71nfdjsbiI+WwRk6apPCEAAHCoEiW6rovb25voy/1jfZ//rW9WmurpRhdSm1Ufn/t3X4+/89Pv3Pv99fo21uvTrFUAAOC+L33hOn7vP79fe4xHG93RvoiI3/8v78fnfvX/RelP84tnAADAw778Bzfx73/lKxEn/HF/dE+kPvTfPvfN+PqX1/G3/v7b8fa7i9rjAAAAT7Re9fH53/5mfP43/3/03QlXVEQ0v/TZ3x31f0HTRLzzA8v48z/0Ij7+/bOYzkf5EI1z1/TRNF0c9s8mkyj9aP+NAgDgefUlPvhOG3/0xZv40u99EOub81hvNPpPe6VEfPUPV/HVP1zVHoU33WwTMT/w/4fdImJ9edx5AACoxuMdOFQ7j2gvDnvvdB0xd20/AMC5ElKQsbm4e9p0iNlNxLQ97jwAAFQhpCBrfRlNd+Cp2MUqmml33HkAAHh2QgoeoWyW0fTTQ94ZMbuOaM7jS5UAANwRUvAYpYmyXkbTN/vfOinRLFYRzagvyAQAIEFIwWOVSfTtVUQcElNdNIfe+AcAwOgJKXiCpptGrJdxUExN24jFzfGHAgDg6IQUPFU3i9gcuDNquo6Y3x53HgAAjk5IwRAyO6Zmt65FBwA4cUIKhrK5iKabH/Ze16IDAJw0IQUDKuvlgTumSpSFa9EBAE6VkIKBZXZMuRYdAOA0CSkYWmrHlGvRAQBOkZCCY8jsmHItOgDAyRFScCTf3TF1ANeiAwCcFCEFx5TZMTW7jZhtjjsPAACDEFJwbO3i8B1T8xvXogMAnAAhBc/h4B1TrkUHADgFQgqeSWbHlGvRAQDGTUjBMzp0x5Rr0QEAxk1IwXN6uWPKtegAAKdNSMFzK5No1oftmHItOgDAOAkpqKBkdky5Fh0AYHSEFNSS2THlWnQAgFERUlDTwTumXIsOADAmQgpqS+yYci06AMA4CCkYgbK+jKbfv2PKtegAAOMgpGAU7q5FP2jH1LS9ezIFAEA1QgrGIrVjauNadACAioQUjElmx5Rr0QEAqhFSMDKpHVOuRQcAqEJIwRgdvGPKtegAADUIKRirdhHRLQ54o2vRAQCem5CCMVtfHrRjyrXoAADPS0jByB28Y8q16AAAz0ZIwehldky5Fh0A4DkIKTgFiR1TrkUHADi+SUT452s4BZkdU/ObiGl79JEAAN5Q35lExBdqTwEcpnTTg69Fj8XKtegAAMfxxUlE/FrtKYCEdh7RXhzwRteiAwAcya9PIuJfRMS3ak8CJGwuDtoxVSadm/wAAIb1rYj4p5OI+FpE/OOI8M/WcEoO3jHlWnQAgIGUuGunr314a9+vRsQ/iohvVxsJSDt8x5Rr0QEAnujbEfEP466d4qNPYLP3/sO/bb/wt38nIn4hIv5uRHw6Ivb/czdQURPl9qr2EAAA5+qDiPhfEfHrEfHPIuLrH77wJ+ntlOMb9LewAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
  border-radius: 8px 8px 0 0;
  z-index: 1000;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.video .video-question-wrapper .zoom-in {
  display: block !important;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50.7%, -50.7%);
      -ms-transform: translate(-50.7%, -50.7%);
          transform: translate(-50.7%, -50.7%);
  width: 91%;
  height: 88%;
  border-radius: 8px;
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  cursor: url('https://img.wkcoding.com/v4-zoom-out-hover.png'), auto !important;
  overflow: hidden;
}

.video .video-question-wrapper .zoom-in .content.img p {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.video .video-question-wrapper .zoom-in .content.img p img {
  zoom: unset !important;
  height: auto !important;
  width: 100% !important;
  /*border: 1px solid;*/
  -webkit-box-shadow: 5px 5px 15px 0 #ccc;
          box-shadow: 5px 5px 15px 0 #ccc;
}

.video .video-question-wrapper .zoom-in .content {
  /*display: flex;*/
  /*justify-content: center;*/
  display: block !important;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50%;
  height: auto;
  /*max-width: 100% !important;*/
  /*min-width: 20% !important;*/
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #000;
  font-size: 3vw;
}

.video .video-question-wrapper .zoom-in .content.text.overflow {
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.video .video-question-wrapper .zoom-in .content .content-button {
  display: none;
}

.video .video-question-wrapper .zoom-in .content.img .content-button {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.video .video-question-wrapper .zoom-in .content.img {
  text-align: center;
}

.video .video-question-wrapper .zoom-in .content.text {
  width: 85% !important;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.video .video-question-wrapper .zoom-in .content.text.center {
  text-align: center;
}

.video .video-question-wrapper .zoom-in .content.text p {
  /*display: inline-flex;*/
  /*text-align: left;*/
}

.video .video-question-wrapper .zoom-in font {
  font-size: 3vw;
}

.video .video-question-wrapper .video-question-content {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-51%, -50%);
      -ms-transform: translate(-51%, -50%);
          transform: translate(-51%, -50%);
  width: 80%;
  height: 75%;
  border-radius: 8px;
  overflow-y: scroll;
}

.video .video-question-wrapper .video-question-content.new_style {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-y: unset;
}

.video .video-question-wrapper .video-question-content.vertical {
}

.video .video-question-wrapper .video-question-content.horizontal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow-y: unset;
}

.video
  .video-question-wrapper
  .video-question-content.horizontal
  .video-question-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  max-height: 100% !important;
}

.video
  .video-question-wrapper
  .video-question-content.horizontal
  .video-options-wrapper {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important;
}

.video .video-question-wrapper .video-question-content::-webkit-scrollbar {
  width: 20px;
  height: 20px;
  background: #d8d0ed;
  border-radius: 10px;
}

.video
  .video-question-wrapper
  .video-question-content::-webkit-scrollbar-thumb {
  width: 20px;
  height: 20px;
  background: #7c58c5;
  background-size: 100% 100%;
  border-radius: 10px;
}

.video .video-question-wrapper .video-question-title {
  margin-right: 10px;
  padding: 15px;
  max-height: 30% !important;
  line-height: 50px;
  border: 4px solid #dedede;
  border-radius: 5px;
  background: #fff;
  overflow-y: auto;
  color: #000;
  font-size: 2vw;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; /* 修复 Chrome 76 计算垂直高度与之前version不一致的情况 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.video
  .video-question-wrapper.
  .video-question-content.new_style
  .video-question-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.video .video-question-wrapper .video-question-title:hover {
  cursor: url('https://img.wkcoding.com/v4-zoom-hover.png'), auto !important;
}

.video .video-question-wrapper .video-question-title::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.video .video-question-wrapper .video-options-wrapper {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.video
  .video-question-wrapper
  .video-question-content.new_style
  .video-options-wrapper {
  /*height: auto;*/
  height: 100%; /* 修复 Chrome 76 计算垂直高度与之前version不一致的情况 */
  -webkit-box-flex: 5;
  -webkit-flex: 5;
      -ms-flex: 5;
          flex: 5;
  margin-right: 20px;
  overflow-y: auto;
}

.video .video-question-wrapper .video-options-wrapper .option-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  margin: 20px 0;
}

.video .video-question-wrapper .video-options-wrapper .option-box.style_2x2 {
  width: 50%;
  height: calc(50% - 40px);
}

.video .video-question-wrapper .video-options-wrapper .option-box.style_1x4 {
  width: 25% !important;
  height: auto !important;
}

.video .video-question-wrapper .video-options-wrapper .option-box.style_4x1 {
  width: 100%;
  height: calc(25% - 10px);
  margin: 5px 0;
}

.video
  .video-question-wrapper
  .video-options-wrapper
  .option-box
  .option-symbol {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30px;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  font-size: 2.5vmin;
  text-align: center;
  margin-right: 15px;
  font-weight: bold;
  color: rgb(128, 128, 128);
}

.video
  .video-question-wrapper
  .video-options-wrapper
  .option-box
  .option-content {
  position: relative;
  width: 100%;
  padding: 5px;
  border-radius: 8px;
  border: 4px solid transparent;
  background: #ddd;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  /* 修复文字选项过大，并且没有行高问题 */
  /* font-size: 2vw; */
  color: #333;
}

.video
  .video-question-wrapper
  .video-options-wrapper
  .option-box
  .option-content.disabled {
  cursor: not-allowed;
}

.video
  .video-question-wrapper
  .video-options-wrapper
  .option-box
  .option-content
  .option-content-wrapper {
  height: 100%;
  overflow: hidden;
  /* 修复文字选项过大，并且没有行高问题 */
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
}

/*防止被覆盖*/

.option-content-wrapper p {
  margin-bottom: 0;
  margin-top: 0;
}

.video
  .video-question-wrapper
  .video-options-wrapper
  .option-box
  .option-content
  p {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.video
  .video-question-wrapper
  .video-options-wrapper
  .option-box
  .option-content
  .option-content-wrapper
  p {
  height: 100%;
}

.video
  .video-question-wrapper
  .video-options-wrapper
  .option-box
  .option-content
  .zoom-in-button {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 4.5vmin;
  height: 4.5vmin;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuaUvuWkp+aMiemSriIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IgoJIHk9IjBweCIgdmlld0JveD0iMCAwIDQ0IDQ0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NCA0NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtvcGFjaXR5OjAuNTQ7ZmlsbDojRkZGRkZGO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQoJLnN0MXtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNDOUM5Qzk7fQo8L3N0eWxlPgo8Y2lyY2xlIGlkPSLmpK3lnIZfMTgxNiIgY2xhc3M9InN0MCIgY3g9IjIyIiBjeT0iMjIiIHI9IjIyIi8+CjxwYXRoIGlkPSLlvaLnirZfODQwIiBjbGFzcz0ic3QxIiBkPSJNMjcuOSwyNy42YzMuMi0zLjMsMy4xLTguNy0wLjItMTEuOVMxOSwxMi42LDE1LjgsMTZzLTMuMSw4LjcsMC4yLDExLjkKCWMzLjMsMy4xLDguNCwzLjEsMTEuNywwQzI3LjcsMjcuOCwyNy44LDI3LjcsMjcuOSwyNy42eiBNMzAuMiwyOC41bDQuNCw0LjRjMC41LDAuNSwwLjUsMS4yLDAsMS43cy0xLjIsMC41LTEuNywwbDAsMGwtNC40LTQuNAoJYy00LjcsMy43LTExLjUsMy0xNS4yLTEuN2MtMy43LTQuNy0zLTExLjUsMS43LTE1LjJjNC43LTMuNywxMS41LTMsMTUuMiwxLjdDMzMuNCwxOSwzMy40LDI0LjYsMzAuMiwyOC41TDMwLjIsMjguNUwzMC4yLDI4LjV6CgkgTTIzLDIwLjZoMi40YzAuNywwLDEuMiwwLjUsMS4yLDEuMmMwLDAuNy0wLjUsMS4yLTEuMiwxLjJjMCwwLDAsMCwwLDBIMjN2Mi40YzAsMC43LTAuNSwxLjItMS4yLDEuMmMtMC43LDAtMS4yLTAuNS0xLjItMS4ybDAsMAoJVjIzaC0yLjRjLTAuNywwLTEuMi0wLjUtMS4yLTEuMmMwLTAuNywwLjUtMS4yLDEuMi0xLjJoMi40di0yLjRjMC0wLjcsMC41LTEuMiwxLjItMS4yYzAuNywwLDEuMiwwLjUsMS4yLDEuMlYyMC42eiIvPgo8L3N2Zz4K);
  background-size: 100% 100%;
  cursor: pointer;
  border-radius: 50%;
}

.video
  .video-question-wrapper
  .video-options-wrapper
  .option-box
  .option-content.correct,
.video
  .video-question-wrapper
  .video-options-wrapper
  .option-box
  .option-content.error {
  cursor: url('https://img.wkcoding.com/v4-zoom-hover.png'), auto !important;
}

.video
  .video-question-wrapper
  .video-options-wrapper
  .option-box
  .option-content.correct
  .zoom-in-button,
.video
  .video-question-wrapper
  .video-options-wrapper
  .option-box
  .option-content.error
  .zoom-in-button {
  display: none;
}

.video
  .video-question-wrapper
  .video-options-wrapper
  .option-box
  .option-content.correct {
  border-color: #79d143;
}

.video
  .video-question-wrapper
  .video-options-wrapper
  .option-box
  .option-content.error {
  border-color: #ee709e;
}

.video
  .video-question-wrapper
  .video-options-wrapper
  .option-box
  .option-content
  p
  img {
  max-height: 13rem;
  height: 100%;
}

.video
  .video-question-wrapper
  .video-options-wrapper
  .option-box.style_2x2
  .option-content
  p
  img {
  max-width: 100% !important;
  min-height: unset !important;
  height: inherit !important;
}

.video
  .video-question-wrapper
  .video-options-wrapper
  .option-box.style_1x4
  .option-content
  p
  img {
  height: auto !important;
  max-width: 100% !important;
  min-height: unset !important;
}

.video
  .video-question-wrapper
  .video-options-wrapper
  .option-box.style_4x1
  .option-content
  p
  img {
  max-width: 60% !important;
  min-height: unset !important;
}

.video
  .video-question-wrapper
  .video-options-wrapper
  .option-box
  .option-content.correct:after,
.video
  .video-question-wrapper
  .video-options-wrapper
  .option-box
  .option-content.error:after {
  content: '';
  position: absolute;
  bottom: -25px;
  right: -10px;
  display: block;
  width: 8vmin;
  height: 8vmin;
  pointer-events: none;
}

.video
  .video-question-wrapper
  .video-options-wrapper
  .option-box
  .option-content.correct:after {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Iue7hF8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgODcgNzgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDg3IDc4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzVDMzhBNTt9Cgkuc3Qxe2ZpbGw6IzAwQkIyQzt9Cjwvc3R5bGU+CjxwYXRoIGlkPSLlvaLnirZfMjQ3MV/mi7fotJ0iIGNsYXNzPSJzdDAiIGQ9Ik0zNS40LDc3YzUuOC0xMC42LDI1LjgtMjkuNSw0MC4yLTM5LjJsNS42LTMuNWMxLjgtMSwzLjctMS44LDUuNy0yLjQKCWMtMy4zLTcuNi0yLTE0LjItMC44LTIxYy00LDAuOS0xMS4xLDQuOC0xNy4zLDEwLjFDNzUuMiwxMi40LDgzLjcsNi42LDg3LDRjLTUuNywzLjEtMTEsNi44LTE1LjksMTEuMWwtNiw1LjQKCUM0Ny44LDM3LDM0LDU3LjQsMzQsNTcuNEwyMy45LDM3LjdMMSw0OC45QzEwLjcsNTIuNCwyNS42LDY0LjgsMzUuNCw3N0wzNS40LDc3eiIvPgo8cGF0aCBpZD0i5b2i54q2XzI0NzEiIGNsYXNzPSJzdDEiIGQ9Ik0zNC40LDczYzUuOC0xMC42LDI1LjgtMjkuNSw0MC4yLTM5LjJsNS42LTMuNWMxLjgtMSwzLjctMS44LDUuNy0yLjRjLTMuMy03LjYtMi0xNC4yLTAuOC0yMQoJQzgxLjIsNy44LDc0LDExLjcsNjcuOCwxN0M3NC4yLDguNCw4Mi43LDIuNiw4NiwwYy01LjcsMy4xLTExLDYuOC0xNS45LDExLjFsLTYsNS40QzQ2LjgsMzMsMzMsNTMuNCwzMyw1My40TDIyLjksMzMuN0wwLDQ0LjkKCUM5LjcsNDguNCwyNC42LDYwLjgsMzQuNCw3M0wzNC40LDczeiIvPgo8L3N2Zz4K) no-repeat;
}

.video
  .video-question-wrapper
  .video-options-wrapper
  .option-box
  .option-content.error:after {
  width: 5vmin;
  height: 5vmin;
  bottom: -15px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Iue7hF8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNDggNDMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4IDQzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzVDMzhBNTt9Cgkuc3Qxe2ZpbGw6I0ZGNjU4Mjt9Cjwvc3R5bGU+CjxwYXRoIGlkPSLlj4kxX+aLt+i0nSIgY2xhc3M9InN0MCIgZD0iTTMwLjMsMTYuN2M2LjgsMy45LDEyLjgsOS4xLDE3LjcsMTUuMmMtMy44LDMuNC03LjcsNy03LjcsN2wtMi44LTEuNGwwLjksMi42CgljMCwwLTAuNiwwLjYtMC45LDAuOGMtNC40LTUuNC05LjEtMTAuNi0xNC4yLTE1LjRDMTYuOSwzNC40LDEyLjEsNDMsMTIuMSw0M3MtMS4zLTAuOC01LjEtMy42bC0wLjUtMC40QzYsMzguNywzLjYsMzYuOSwyLDM1LjcKCWMxLjUtNCw3LjUtMTAuNCwxNC0xNi40Yy00LjQtMy4zLTkuMS02LjEtMTQtOC40YzIuMS0xLjUsMy44LTIuNiw0LjktMy41QzEyLjUsOC43LDE4LDEwLjYsMjMuMiwxM2MzLjctMy4yLDcuNi02LjIsMTEuNi05CgljMC4xLDAuMSwyLjYsMS43LDUuNSwzLjdDMzcuMSw5LjUsMzMuNywxMi44LDMwLjMsMTYuN3oiLz4KPHBhdGggaWQ9IuWPiTEiIGNsYXNzPSJzdDEiIGQ9Ik0yOC4zLDEyLjdjNi44LDMuOSwxMi44LDkuMSwxNy43LDE1LjJjLTMuOCwzLjQtNy43LDctNy43LDdsLTIuOC0xLjRsMC45LDIuNmMwLDAtMC42LDAuNi0wLjksMC44CgljLTQuNC01LjQtOS4xLTEwLjYtMTQuMi0xNS40QzE0LjksMzAuNCwxMC4xLDM5LDEwLjEsMzlTOC43LDM4LjIsNSwzNS40bC0wLjUtMC40QzQsMzQuNywxLjYsMzIuOSwwLDMxLjdjMS41LTQsNy41LTEwLjQsMTQtMTYuNAoJQzkuNiwxMi4xLDQuOSw5LjMsMCw3YzIuMS0xLjUsMy44LTIuNiw0LjktMy41QzEwLjUsNC43LDE2LDYuNiwyMS4yLDljMy43LTMuMiw3LjYtNi4yLDExLjYtOWMwLjEsMC4xLDIuNiwxLjcsNS41LDMuNwoJQzM1LjEsNS41LDMxLjcsOC44LDI4LjMsMTIuN3oiLz4KPC9zdmc+Cg==) no-repeat;
}

.video
  .video-question-wrapper
  .video-options-wrapper
  .option-box
  .option-content:hover {
  background: #bfbfbf;
}

.video
  .video-question-wrapper
  .video-options-wrapper
  .option-box
  .option-content.correct:hover {
  background: #ddd;
  cursor: default;
}

.video
  .video-question-wrapper
  .video-options-wrapper
  .option-box
  .option-content.error:hover {
  background: #ddd;
  cursor: default;
}

.video .video-question-wrapper .video-correct-popup {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: translate(-50%, 20%);
      -ms-transform: translate(-50%, 20%);
          transform: translate(-50%, 20%);
  visibility: hidden;
  opacity: 0;
}

.video .video-question-wrapper .video-correct-popup.show {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  visibility: visible;
  opacity: 1;
}

.video .video-question-wrapper .video-correct-popup img {
  width: 250px;
}

.video .video-question-wrapper .video-tips-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 60px;
  width: 60%;
  padding: 0 10px;
  position: absolute;
  left: 45%;
  bottom: -100px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #a98bff;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
}

.video .video-question-wrapper .video-tips-bar.show {
  bottom: 0;
  visibility: visible;
  opacity: 1;
}

.video .video-question-wrapper .video-tips-bar:after {
  content: '';
  position: absolute;
  left: -12px;
  display: block;
  width: 30px;
  height: 30px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTAgMTgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwIDE4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0E5OEJGRjt9Cjwvc3R5bGU+CjxwYXRoIGlkPSLlnIbop5Lnn6nlvaJfODk1IiBjbGFzcz0ic3QwIiBkPSJNMTAsMTcuNmMtMC41LDAuNS0xLjIsMC41LTEuNywwbC04LTcuOGMtMC41LTAuNC0wLjUtMS4yLDAtMS42YzAsMCwwLDAsMCwwbDgtNy44CgljMC41LTAuNSwxLjItMC41LDEuNywwIi8+Cjwvc3ZnPgo=) no-repeat;
  z-index: -1;
}

.video .bell-cartoon {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 130px;
  height: 130px;
  background: url(//other.wkcoding.com/st_ide/pro/2023112501/img/bell-a1fdb800.svg) no-repeat;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  visibility: hidden;
  opacity: 0;
}

.video .video-question-wrapper .close-button {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  display: block;
  width: 20vmin;
  padding-bottom: 6vmin;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Iue7p+e7reaSreaUvl8iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIKCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxOTYgNTkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE5NiA1OTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2NzQxQjU7fQoJLnN0MXtmaWxsOiNBOThCRkY7fQoJLnN0MntmaWxsOiNGRkZGRkY7fQoJLnN0M3tmb250LWZhbWlseTonU1RZdWFudGktU0MtQm9sZCc7fQoJLnN0NHtmb250LXNpemU6MTkuOTE0cHg7fQoJLnN0NXtvcGFjaXR5OjAuNjU7ZmlsbDojRkZGRkZGO3N0cm9rZTojNjc0MUI1O3N0cm9rZS13aWR0aDozO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS1vcGFjaXR5OjAuNTg7fQo8L3N0eWxlPgo8cGF0aCBpZD0i55+p5b2iXzgwNV/mi7fotJ1fMyIgY2xhc3M9InN0MCIgZD0iTTYsOWgxODRjMy4zLDAsNiwyLjcsNiw2djM4YzAsMy4zLTIuNyw2LTYsNkg2Yy0zLjMsMC02LTIuNy02LTZWMTVDMCwxMS43LDIuNyw5LDYsOQoJeiIvPgo8cGF0aCBpZD0i55+p5b2iXzgwNV/mi7fotJ1fNSIgY2xhc3M9InN0MSIgZD0iTTYsMGgxODRjMy4zLDAsNiwyLjcsNiw2djM4YzAsMy4zLTIuNyw2LTYsNkg2Yy0zLjMsMC02LTIuNy02LTZWNkMwLDIuNywyLjcsMCw2LDB6IgoJLz4KPHRleHQgaWQ9Iue7p+e7reaSreaUviIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSA3NS40NzkgMzAuNzIxKSIgY2xhc3M9InN0MiBzdDMgc3Q0Ij7nu6fnu63mkq3mlL48L3RleHQ+CjxwYXRoIGlkPSLlnIbop5Lnn6nlvaJfOTg5IiBjbGFzcz0ic3Q1IiBkPSJNNTMuOCwyNS42Yy0wLjEsMC4zLTAuMywwLjctMC41LDAuOUw0Mi42LDM3LjRjLTAuNywwLjctMS45LDAuOC0yLjYsMGMwLDAsMCwwLDAsMGwwLDAKCWMtMC43LTAuOC0wLjctMiwwLTIuN2w3LjgtOEgyNi45Yy0xLDAtMS45LTAuOS0xLjktMS45YzAsMCwwLDAsMCwwdjBjMC0xLDAuOC0xLjksMS45LTEuOWMwLDAsMCwwLDAsMGgyMC43bC03LjQtNy42CgljLTAuNy0wLjgtMC43LTIsMC0yLjdsMCwwYzAuNy0wLjcsMS45LTAuOCwyLjYsMGMwLDAsMCwwLDAsMGwxMC42LDEwLjhjMC40LDAuNCwwLjYsMC45LDAuNiwxLjR2MEM1NCwyNS4xLDUzLjksMjUuNCw1My44LDI1LjZ6Ii8+CjxwYXRoIGlkPSLlnIbop5Lnn6nlvaJfOTg5XzFfIiBjbGFzcz0ic3QyIiBkPSJNNTMuOCwyNS42Yy0wLjEsMC4zLTAuMywwLjctMC41LDAuOUw0Mi42LDM3LjRjLTAuNywwLjctMS45LDAuOC0yLjYsMGMwLDAsMCwwLDAsMAoJbDAsMGMtMC43LTAuOC0wLjctMiwwLTIuN2w3LjgtOEgyNi45Yy0xLDAtMS45LTAuOS0xLjktMS45YzAsMCwwLDAsMCwwdjBjMC0xLDAuOC0xLjksMS45LTEuOWMwLDAsMCwwLDAsMGgyMC43bC03LjQtNy42CgljLTAuNy0wLjgtMC43LTIsMC0yLjdsMCwwYzAuNy0wLjcsMS45LTAuOCwyLjYsMGMwLDAsMCwwLDAsMGwxMC42LDEwLjhjMC40LDAuNCwwLjYsMC45LDAuNiwxLjR2MEM1NCwyNS4xLDUzLjksMjUuNCw1My44LDI1LjZ6Ii8+Cjwvc3ZnPgo=) no-repeat;
  z-index: 10;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
}

.video .video-question-wrapper .close-button.hidden {
  display: none;
}

.video .video-question-wrapper .screen-button {
  position: absolute;
  right: 0;
  top: 2%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  background: #a98bff;
  display: block;
  width: 5vmin;
  height: 5vmin;
  z-index: 10;
  cursor: pointer;
  border-radius: 15%;
  -webkit-box-shadow: 0 0.5vmin #6741b5;
          box-shadow: 0 0.5vmin #6741b5;
  /*visibility: hidden;*/
  /*opacity: 0;*/
}

.video .video-question-wrapper .screen-button .content {
  width: 70%;
  height: 70%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjMgMjMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIzIDIzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC40O30KCS5zdDJ7ZmlsbDojM0MyMTcyO30KPC9zdHlsZT4KPGcgaWQ9IuWchuinkuefqeW9ol8xNjMxX+aLt+i0nSI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTksMTFjLTAuNiwwLTEtMC40LTEtMVY2LjVsLTMuOSwzLjljLTAuNCwwLjQtMSwwLjQtMS40LDBjLTAuNC0wLjQtMC40LTEsMC0xLjRsNC0zLjlIMTNjLTAuNiwwLTEtMC40LTEtMQoJCXMwLjQtMSwxLTFoNmMwLjYsMCwxLDAuNCwxLDF2NkMyMCwxMC42LDE5LjYsMTEsMTksMTF6IE0xMCwyMEg0Yy0wLjYsMC0xLTAuNC0xLTF2LTZjMC0wLjYsMC40LTEsMS0xczEsMC40LDEsMXYzLjVsMy45LTMuOQoJCWMwLjQtMC40LDEtMC40LDEuNCwwYzAuNCwwLjQsMC40LDEsMCwxLjRjMCwwLDAsMCwwLDBsLTQsMy45SDEwYzAuNiwwLDEsMC40LDEsMVMxMC42LDIwLDEwLDIweiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTE5LDNjMC42LDAsMSwwLjQsMSwxdjZjMCwwLjYtMC40LDEtMSwxcy0xLTAuNC0xLTFWNi41bC0zLjksMy45Yy0wLjIsMC4yLTAuNCwwLjMtMC43LDAuMwoJCQljLTAuMywwLTAuNS0wLjEtMC43LTAuM2MtMC40LTAuNC0wLjQtMSwwLTEuNGw0LTMuOUgxM2MtMC42LDAtMS0wLjQtMS0xczAuNC0xLDEtMUgxOSBNNCwxMmMwLjYsMCwxLDAuNCwxLDF2My41bDMuOS0zLjkKCQkJYzAuMi0wLjIsMC41LTAuMywwLjctMC4zYzAuMywwLDAuNSwwLjEsMC43LDAuM2MwLjQsMC40LDAuNCwxLDAsMS40YzAsMCwwLDAsMCwwbC00LDMuOUgxMGMwLjYsMCwxLDAuNCwxLDFzLTAuNCwxLTEsMUg0CgkJCWMtMC42LDAtMS0wLjQtMS0xdi02QzMsMTIuNCwzLjQsMTIsNCwxMiBNMTksMWgtNmMtMS43LDAtMywxLjMtMywzYzAsMS4zLDAuOCwyLjQsMiwyLjhsLTAuNywwLjdjLTAuOCwwLjgtMSwxLjktMC44LDIuOQoJCQljLTAuMy0wLjEtMC42LTAuMi0wLjktMC4yYy0wLjgsMC0xLjYsMC4zLTIuMiwwLjlsLTAuNywwLjdDNi4zLDEwLjgsNS4zLDEwLDQsMTBjLTEuNywwLTMsMS4zLTMsM3Y2YzAsMS43LDEuMywzLDMsM2g2CgkJCWMxLjcsMCwzLTEuMywzLTNjMC0xLjMtMC44LTIuNC0yLTIuOGwwLjctMC43YzAsMCwwLDAsMC4xLTAuMWMwLjYtMC42LDAuOS0xLjMsMC44LTIuMWMwLTAuMywwLTAuNS0wLjEtMC44CgkJCWMwLjMsMC4xLDAuNiwwLjIsMC45LDAuMmMwLjgsMCwxLjUtMC4zLDIuMS0wLjhsMC43LTAuN2MwLjQsMS4xLDEuNSwxLjksMi44LDEuOWMxLjcsMCwzLTEuMywzLTNWNEMyMiwyLjMsMjAuNywxLDE5LDFMMTksMXoiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K) no-repeat;
}

.video .video-question-wrapper .screen-button.full-screen .content {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjMgMjMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIzIDIzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe29wYWNpdHk6MC40O30KCS5zdDJ7ZmlsbDojM0MyMTcyO30KPC9zdHlsZT4KPGcgaWQ9IuWchuinkuefqeW9ol8xNjMxX+aLt+i0nSI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjAsMTBjMCwwLjYtMC40LDEtMSwxaC02Yy0wLjYsMC0xLTAuNC0xLTFWNGMwLTAuNiwwLjQtMSwxLTFzMSwwLjQsMSwxdjMuNWwzLjktMy45YzAuNC0wLjQsMS0wLjQsMS40LDAKCQljMC40LDAuNCwwLjQsMSwwLDEuNGMwLDAsMCwwLDAsMGwtNCwzLjlIMTlDMTkuNiw5LDIwLDkuNCwyMCwxMHogTTEwLDIwYy0wLjYsMC0xLTAuNC0xLTF2LTMuNWwtMy45LDMuOWMtMC40LDAuNC0xLDAuNC0xLjQsMAoJCWMtMC40LTAuNC0wLjQtMSwwLTEuNGMwLDAsMCwwLDAsMGw0LTMuOUg0Yy0wLjYsMC0xLTAuNC0xLTFzMC40LTEsMS0xaDZjMC42LDAsMSwwLjQsMSwxdjZDMTEsMTkuNiwxMC42LDIwLDEwLDIweiIvPgoJPGcgY2xhc3M9InN0MSI+CgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTEzLDNjMC42LDAsMSwwLjQsMSwxdjMuNWwzLjktMy45YzAuMi0wLjIsMC41LTAuMywwLjctMC4zYzAuMywwLDAuNSwwLjEsMC43LDAuM2MwLjQsMC40LDAuNCwxLDAsMS40CgkJCWMwLDAsMCwwLDAsMGwtNCw0SDE5YzAuNiwwLDEsMC40LDEsMXMtMC40LDEtMSwxaC02Yy0wLjYsMC0xLTAuNC0xLTFWNEMxMiwzLjQsMTIuNCwzLDEzLDMgTTEwLDEyYzAuNiwwLDEsMC40LDEsMXY2CgkJCWMwLDAuNi0wLjQsMS0xLDFzLTEtMC40LTEtMXYtMy41bC0zLjksMy45Yy0wLjIsMC4yLTAuNSwwLjMtMC43LDAuM2MtMC4zLDAtMC41LTAuMS0wLjctMC4zYy0wLjQtMC40LTAuNC0xLDAtMS40YzAsMCwwLDAsMCwwCgkJCWw0LTRINGMtMC42LDAtMS0wLjQtMS0xczAuNC0xLDEtMUgxMCBNMTMsMWMtMS43LDAtMywxLjMtMywzdjZINGMtMS43LDAtMywxLjMtMywzYzAsMS4zLDAuOCwyLjQsMiwyLjhsLTAuNywwLjdjMCwwLDAsMC0wLjEsMC4xCgkJCWMtMC42LDAuNi0wLjksMS4zLTAuOCwyLjFjMCwwLjgsMC4zLDEuNSwwLjksMi4xYzAuNiwwLjUsMS4zLDAuOCwyLjEsMC44YzAuOCwwLDEuNi0wLjMsMi4yLTAuOWwwLjctMC43QzcuNywyMS4yLDguNywyMiwxMCwyMgoJCQljMS43LDAsMy0xLjMsMy0zdi02aDZjMS43LDAsMy0xLjMsMy0zYzAtMS4zLTAuOC0yLjQtMi0yLjhsMC43LTAuN2MwLDAsMCwwLDAuMS0wLjFjMC42LTAuNiwwLjktMS4zLDAuOC0yLjEKCQkJYzAtMC44LTAuMy0xLjUtMC45LTIuMWMtMC42LTAuNS0xLjMtMC44LTIuMS0wLjhjLTAuOCwwLTEuNiwwLjMtMi4yLDAuOWwtMC43LDAuN0MxNS4zLDEuOCwxNC4zLDEsMTMsMUwxMywxeiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=) no-repeat;
}

/*@media (max-width: 1300px) {*/

/*.video .video-question-wrapper .video-question-title {*/

/*height: 120px;*/

/*line-height: 25px;*/

/*}*/

/*.video .video-question-wrapper .video-options-wrapper .option-box {*/

/*width: 50%;*/

/*}*/

/*}*/

/*@media (max-width: 1150px) {*/

/*.video .video-question-wrapper .video-question-title {*/

/*height: 120px;*/

/*line-height: 25px;*/

/*}*/

/*.video .video-question-wrapper .video-options-wrapper .option-box {*/

/*width: 50%;*/

/*}*/

/*.video .video-question-wrapper .video-tips-bar.show {*/

/*bottom: -9px;*/

/*min-height: 55px;*/

/*}*/

/*}*/

/*@media (max-width: 1100px) {*/

/*.video .video-question-wrapper .video-question-title {*/

/*height: 120px;*/

/*line-height: 25px;*/

/*}*/

/*.video .video-question-wrapper .video-options-wrapper .option-box {*/

/*width: 50%;*/

/*}*/

/*}*/

/*@media (max-width: 1050px) {*/

/*.video .video-question-wrapper .video-question-title {*/

/*height: 110px;*/

/*line-height: 25px;*/

/*}*/

/*.video .video-question-wrapper .video-options-wrapper .option-box {*/

/*width: 50%;*/

/*}*/

/*}*/

/*@media (max-width: 1000px) {*/

/*.video .video-question-wrapper .video-tips-bar.show {*/

/*left: 49%;*/

/*bottom: -15px;*/

/*min-height: 50px;*/

/*}*/

/*}*/

/*@media (max-width: 960px) {*/

/*.video .video-question-wrapper .video-question-title {*/

/*height: 100px;*/

/*line-height: 25px;*/

/*}*/

/*.video .video-question-wrapper .video-options-wrapper .option-box {*/

/*width: 50%;*/

/*}*/

/*}*/
.image-close{
    position: absolute;
    width: 48px;
    height: 48px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAIAAADYYG7QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QjUwRkM3QzhGQzExMUU3ODcwNkY4M0M0NDU4RkZFNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QjUwRkM3RDhGQzExMUU3ODcwNkY4M0M0NDU4RkZFNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVCMzhEMUY1OEZDMTExRTc4NzA2RjgzQzQ0NThGRkU1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVCMzhEMUY2OEZDMTExRTc4NzA2RjgzQzQ0NThGRkU1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ak2OnwAAAV9JREFUeNpiFG/5zzCYABPDIAOjDhp10KiDRh006qBRB406aEAdFG/EcLeUYUcig5wAYcXKwgy7kxlulTCE6dHMQbXODNxsDAZSDOtjCbgJ6Jq10Qy6Egx87Ax1TjRz0N23UIY0Hz43QVwjwQvT9Y5mDkpbx/D0EwE3obnmwXuGzA00c9DDDwxBi/G5CdM1QUsYnn2iZS7D4ybKXUNmtsfqJidlKrgGCBjJ7nXICzCsiwW5BhOQ7RqKCka0cKKKaygtqYFuKt2GLliwhXzXUOogYCru80YXnOpPVDlOfQeh5Sk4wF9m0spBmDk8cDHhMpNWDsJa3hx/RKDMpJWD8JR+wDSOGU7yArR0EMGy+BGGm9aR6CbSHDQvmHBZjOmm6QE0c5AUH1GlH5qbZGkXQi37GN5/ZzjzlHBZDHHTxecMb78xNO6hS1022sgfddCog0YdNOqgUQeNOmhoOAggwADjM6rLtsAORAAAAABJRU5ErkJggg==);
    right: -48px;
    top: 0;
    cursor: pointer;
  }
  .modal-image{
      width: 100%;
  }.publish-popup * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.publish-popup {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .5);
  z-index: 500;
}

.publish-popup > .content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 5px;
  padding: 16px 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 500px;
}

.publish-popup > .content > .item {
  width: 200px;
  height: 268px;
  border-radius: 5px;
  cursor: pointer;
  padding-top: 25px;
  text-align: center;
}

.publish-popup > .content > .item > .text {
  font-size: 20px;
  color: rgba(0, 0, 0, .87);
}

.publish-popup > .content > .item > .text.en {
  font-size: 16px;
  line-height: 28px;
}

.publish-popup > .content > .item > .icon {
  width: 130px;
  height: 130px;
  margin-top: 38px;
}

.publish-popup > .content > .item.video-publish > .icon {
  margin-top: 13px;
}

.publish-popup > .content > .item.video-publish > .error-msg {
  font-size: 14px;
  color: #ff2740;
  line-height: 1.5;
  /* min-width: 13em; */
}

.publish-popup > .content > .item.video-publish > .error-msg > .chrome-link {
  border: solid 2px;
  border-radius: 2px;
  padding: 1px 6px;
  color: #00cfff;
  position: relative;
  top: 2px;
  left: 5px;
}

.publish-popup > .content > .item.video-publish.disabled:hover {
  background-color: transparent;
}

.publish-popup > .content > .item.video-publish.disabled {
  /* opacity: 0.54; */
  cursor: not-allowed;
}

.publish-popup > .content > .item.video-publish .hint-area {
  font-size: 14px;
  color: rgba(0, 0, 0, .54);
  min-height: 26px;
}

.publish-popup > .content > .item.video-publish.disabled .hint-area {
  opacity: 0.54;
}

.publish-popup > .content > .item.video-publish .hint-area .text > img {
  width: 26px;
  vertical-align: middle;
}

.publish-popup > .content > .item.video-publish .hint-area .text > span {
  vertical-align: middle;
}

.publish-popup > .content > .item.video-publish.disabled > .text {
  opacity: 0.54;
}

.publish-popup > .content > .item.video-publish.disabled > .icon {
  opacity: 0.54;
}

.publish-popup .question-mark {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  background: rgba(0, 0, 0, .38);
  cursor: help;
  color: white;
  vertical-align: middle;
  margin-left: 6px;
}

.publish-popup .question-mark:hover {
  background: rgba(0, 0, 0, .54);
}

.publish-popup > .content > .item:hover {
  background-color: #f0f0f0;
}

.publish-popup .close {
  right: 0;
  top: 0;
  width: 48px;
  height: 48px;
  position: absolute;
  cursor: pointer;
  border-radius: 50%;
}

.publish-popup .close:hover {
  background-color: #f0f0f0;
}

.publish-popup .close > img {
  width: 14px;
  height: 14px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
}
:root {
  --blue-color: #00cfff;
  --blue-translucency-color: rgba(0, 207, 255, .2);
  --blue-bright-color: #00aef6;
  --blue-dark-color: #0784d3;
  --blue-shadow-color: #00b2ed;

  --oringe-color: #ffb030;
  --oringe-translucency-color: rgba(255, 176, 48, .2);
  --oringe-bright-color: #ffca3c;
  --oringe-dark-color: #ff8111;
  --oringe-shadow-color: #f25c02;

  --yellow-color: #ffe915;
  --yellow-shadow-color: #efd20c;

  --gold-color: #ffc800;
  --gold-shadow-color: #ffb700;

  --purple-color: #5d37b7;
  --purple-translucency-color: rgba(93, 55, 183, .2);
  --purple-bright-color: #8351f6;
  --purple-dark-color: #47299e;
  --purple-shadow-color: #3d1d9c;

  --brown-shadow-color: #875900;
  --brown-color: #9d7300;

  --danger-light-color: #ff6565;
  --danger-dark-color: #ff2740;

  --background-color: #f5f5f5;

  --light-gray-text: rgba(0, 0, 0, .6);
  --light-gray-color: rgba(0, 0, 0, .15);
  --ultra-light-gray-color: rgba(0, 0, 0, .08);
}
/*!
 * Magic - https://www.minimamente.com
 * Version - 1.4.1
 * Licensed under the MIT license - https://opensource.org/licenses/MIT
 * Copyright (c) 2019 Christian Pucci
 */.puffIn{-webkit-animation-name:puffIn;animation-name:puffIn}@-webkit-keyframes puffIn{0%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(2px);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="2" /></filter></svg>#filter');filter:blur(2px)}to{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');filter:blur(0)}}@keyframes puffIn{0%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(2px);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="2" /></filter></svg>#filter');filter:blur(2px)}to{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');filter:blur(0)}}.puffOut{-webkit-animation-name:puffOut;animation-name:puffOut}@-webkit-keyframes puffOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');filter:blur(0)}to{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(2px);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="2" /></filter></svg>#filter');filter:blur(2px)}}@keyframes puffOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');filter:blur(0)}to{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(2px);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="2" /></filter></svg>#filter');filter:blur(2px)}}.vanishIn{-webkit-animation-name:vanishIn;animation-name:vanishIn}@-webkit-keyframes vanishIn{0%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(90px);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="90" /></filter></svg>#filter');filter:blur(90px)}to{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');filter:blur(0)}}@keyframes vanishIn{0%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(90px);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="90" /></filter></svg>#filter');filter:blur(90px)}to{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');filter:blur(0)}}.vanishOut{-webkit-animation-name:vanishOut;animation-name:vanishOut}@-webkit-keyframes vanishOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');filter:blur(0)}to{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(20px);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="20" /></filter></svg>#filter');filter:blur(20px)}}@keyframes vanishOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');filter:blur(0)}to{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(20px);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="20" /></filter></svg>#filter');filter:blur(20px)}}.boingInUp{-webkit-animation-name:boingInUp;animation-name:boingInUp}@-webkit-keyframes boingInUp{0%{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:perspective(800px) rotateX(-90deg);transform:perspective(800px) rotateX(-90deg)}50%{opacity:1;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:perspective(800px) rotateX(50deg);transform:perspective(800px) rotateX(50deg)}to{opacity:1;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:perspective(800px) rotateX(0deg);transform:perspective(800px) rotateX(0deg)}}@keyframes boingInUp{0%{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:perspective(800px) rotateX(-90deg);transform:perspective(800px) rotateX(-90deg)}50%{opacity:1;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:perspective(800px) rotateX(50deg);transform:perspective(800px) rotateX(50deg)}to{opacity:1;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:perspective(800px) rotateX(0deg);transform:perspective(800px) rotateX(0deg)}}.boingOutDown{-webkit-animation-name:boingOutDown;animation-name:boingOutDown}@-webkit-keyframes boingOutDown{0%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:perspective(800px) rotateX(0deg) rotateY(0deg);transform:perspective(800px) rotateX(0deg) rotateY(0deg)}20%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:perspective(800px) rotateX(0deg) rotateY(10deg);transform:perspective(800px) rotateX(0deg) rotateY(10deg)}30%{opacity:1;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(0deg) rotateY(0deg);transform:perspective(800px) rotateX(0deg) rotateY(0deg)}40%{opacity:1;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(10deg) rotateY(10deg);transform:perspective(800px) rotateX(10deg) rotateY(10deg)}to{opacity:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:perspective(800px) rotateX(90deg) rotateY(0deg);transform:perspective(800px) rotateX(90deg) rotateY(0deg)}}@keyframes boingOutDown{0%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:perspective(800px) rotateX(0deg) rotateY(0deg);transform:perspective(800px) rotateX(0deg) rotateY(0deg)}20%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:perspective(800px) rotateX(0deg) rotateY(10deg);transform:perspective(800px) rotateX(0deg) rotateY(10deg)}30%{opacity:1;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(0deg) rotateY(0deg);transform:perspective(800px) rotateX(0deg) rotateY(0deg)}40%{opacity:1;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(10deg) rotateY(10deg);transform:perspective(800px) rotateX(10deg) rotateY(10deg)}to{opacity:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:perspective(800px) rotateX(90deg) rotateY(0deg);transform:perspective(800px) rotateX(90deg) rotateY(0deg)}}.bombLeftOut{-webkit-animation-name:bombLeftOut;animation-name:bombLeftOut}@-webkit-keyframes bombLeftOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-filter:blur(0);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');filter:blur(0)}50%{opacity:1;-webkit-transform-origin:-100% 50%;transform-origin:-100% 50%;-webkit-transform:rotate(-160deg);transform:rotate(-160deg);-webkit-filter:blur(0);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');filter:blur(0)}to{opacity:0;-webkit-transform-origin:-100% 50%;transform-origin:-100% 50%;-webkit-transform:rotate(-160deg);transform:rotate(-160deg);-webkit-filter:blur(20px);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="20" /></filter></svg>#filter');filter:blur(20px)}}@keyframes bombLeftOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-filter:blur(0);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');filter:blur(0)}50%{opacity:1;-webkit-transform-origin:-100% 50%;transform-origin:-100% 50%;-webkit-transform:rotate(-160deg);transform:rotate(-160deg);-webkit-filter:blur(0);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');filter:blur(0)}to{opacity:0;-webkit-transform-origin:-100% 50%;transform-origin:-100% 50%;-webkit-transform:rotate(-160deg);transform:rotate(-160deg);-webkit-filter:blur(20px);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="20" /></filter></svg>#filter');filter:blur(20px)}}.bombRightOut{-webkit-animation-name:bombRightOut;animation-name:bombRightOut}@-webkit-keyframes bombRightOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-filter:blur(0);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');filter:blur(0)}50%{opacity:1;-webkit-transform-origin:200% 50%;transform-origin:200% 50%;-webkit-transform:rotate(160deg);transform:rotate(160deg);-webkit-filter:blur(0);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');filter:blur(0)}to{opacity:0;-webkit-transform-origin:200% 50%;transform-origin:200% 50%;-webkit-transform:rotate(160deg);transform:rotate(160deg);-webkit-filter:blur(20px);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="20" /></filter></svg>#filter');filter:blur(20px)}}@keyframes bombRightOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-filter:blur(0);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');filter:blur(0)}50%{opacity:1;-webkit-transform-origin:200% 50%;transform-origin:200% 50%;-webkit-transform:rotate(160deg);transform:rotate(160deg);-webkit-filter:blur(0);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');filter:blur(0)}to{opacity:0;-webkit-transform-origin:200% 50%;transform-origin:200% 50%;-webkit-transform:rotate(160deg);transform:rotate(160deg);-webkit-filter:blur(20px);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="20" /></filter></svg>#filter');filter:blur(20px)}}.magic{-webkit-animation-name:magic;animation-name:magic}@-webkit-keyframes magic{0%{opacity:1;-webkit-transform-origin:100% 200%;transform-origin:100% 200%;-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}to{opacity:0;-webkit-transform-origin:200% 500%;transform-origin:200% 500%;-webkit-transform:scale(0) rotate(270deg);transform:scale(0) rotate(270deg)}}@keyframes magic{0%{opacity:1;-webkit-transform-origin:100% 200%;transform-origin:100% 200%;-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}to{opacity:0;-webkit-transform-origin:200% 500%;transform-origin:200% 500%;-webkit-transform:scale(0) rotate(270deg);transform:scale(0) rotate(270deg)}}.swap{-webkit-animation-name:swap;animation-name:swap}@-webkit-keyframes swap{0%{opacity:0;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(0) translate(-700px);transform:scale(0) translate(-700px)}to{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}}@keyframes swap{0%{opacity:0;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(0) translate(-700px);transform:scale(0) translate(-700px)}to{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}}.twisterInDown{-webkit-animation-name:twisterInDown;animation-name:twisterInDown}@-webkit-keyframes twisterInDown{0%{opacity:0;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(0) rotate(1turn) translateY(-100%);transform:scale(0) rotate(1turn) translateY(-100%)}30%{-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(0) rotate(1turn) translateY(-100%);transform:scale(0) rotate(1turn) translateY(-100%)}to{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scale(1) rotate(0deg) translateY(0);transform:scale(1) rotate(0deg) translateY(0)}}@keyframes twisterInDown{0%{opacity:0;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(0) rotate(1turn) translateY(-100%);transform:scale(0) rotate(1turn) translateY(-100%)}30%{-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(0) rotate(1turn) translateY(-100%);transform:scale(0) rotate(1turn) translateY(-100%)}to{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scale(1) rotate(0deg) translateY(0);transform:scale(1) rotate(0deg) translateY(0)}}.twisterInUp{-webkit-animation-name:twisterInUp;animation-name:twisterInUp}@-webkit-keyframes twisterInUp{0%{opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scale(0) rotate(1turn) translateY(100%);transform:scale(0) rotate(1turn) translateY(100%)}30%{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scale(0) rotate(1turn) translateY(100%);transform:scale(0) rotate(1turn) translateY(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1) rotate(0deg) translateY(0);transform:scale(1) rotate(0deg) translateY(0)}}@keyframes twisterInUp{0%{opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scale(0) rotate(1turn) translateY(100%);transform:scale(0) rotate(1turn) translateY(100%)}30%{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scale(0) rotate(1turn) translateY(100%);transform:scale(0) rotate(1turn) translateY(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1) rotate(0deg) translateY(0);transform:scale(1) rotate(0deg) translateY(0)}}.foolishIn{-webkit-animation-name:foolishIn;animation-name:foolishIn}@-webkit-keyframes foolishIn{0%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0) rotate(1turn);transform:scale(0) rotate(1turn)}20%{opacity:1;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(.5) rotate(0deg);transform:scale(.5) rotate(0deg)}40%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scale(.5) rotate(0deg);transform:scale(.5) rotate(0deg)}60%{opacity:1;-webkit-transform-origin:0;transform-origin:0;-webkit-transform:scale(.5) rotate(0deg);transform:scale(.5) rotate(0deg)}80%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5) rotate(0deg);transform:scale(.5) rotate(0deg)}to{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}}@keyframes foolishIn{0%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0) rotate(1turn);transform:scale(0) rotate(1turn)}20%{opacity:1;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(.5) rotate(0deg);transform:scale(.5) rotate(0deg)}40%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scale(.5) rotate(0deg);transform:scale(.5) rotate(0deg)}60%{opacity:1;-webkit-transform-origin:0;transform-origin:0;-webkit-transform:scale(.5) rotate(0deg);transform:scale(.5) rotate(0deg)}80%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5) rotate(0deg);transform:scale(.5) rotate(0deg)}to{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}}.foolishOut{-webkit-animation-name:foolishOut;animation-name:foolishOut}@-webkit-keyframes foolishOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1) rotate(1turn);transform:scale(1) rotate(1turn)}20%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5) rotate(0deg);transform:scale(.5) rotate(0deg)}40%{opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scale(.5) rotate(0deg);transform:scale(.5) rotate(0deg)}60%{opacity:1;-webkit-transform-origin:0;transform-origin:0;-webkit-transform:scale(.5) rotate(0deg);transform:scale(.5) rotate(0deg)}80%{opacity:1;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(.5) rotate(0deg);transform:scale(.5) rotate(0deg)}to{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0) rotate(0deg);transform:scale(0) rotate(0deg)}}@keyframes foolishOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1) rotate(1turn);transform:scale(1) rotate(1turn)}20%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5) rotate(0deg);transform:scale(.5) rotate(0deg)}40%{opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scale(.5) rotate(0deg);transform:scale(.5) rotate(0deg)}60%{opacity:1;-webkit-transform-origin:0;transform-origin:0;-webkit-transform:scale(.5) rotate(0deg);transform:scale(.5) rotate(0deg)}80%{opacity:1;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(.5) rotate(0deg);transform:scale(.5) rotate(0deg)}to{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0) rotate(0deg);transform:scale(0) rotate(0deg)}}.holeOut{-webkit-animation-name:holeOut;animation-name:holeOut}@-webkit-keyframes holeOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1) rotateY(0deg);transform:scale(1) rotateY(0deg)}to{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0) rotateY(180deg);transform:scale(0) rotateY(180deg)}}@keyframes holeOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1) rotateY(0deg);transform:scale(1) rotateY(0deg)}to{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0) rotateY(180deg);transform:scale(0) rotateY(180deg)}}.swashIn{-webkit-animation-name:swashIn;animation-name:swashIn}@-webkit-keyframes swashIn{0%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0);transform:scale(0)}90%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1);transform:scale(1)}}@keyframes swashIn{0%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0);transform:scale(0)}90%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1);transform:scale(1)}}.swashOut{-webkit-animation-name:swashOut;animation-name:swashOut}@-webkit-keyframes swashOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1);transform:scale(1)}80%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0);transform:scale(0)}}@keyframes swashOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1);transform:scale(1)}80%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0);transform:scale(0)}}.spaceInDown{-webkit-animation-name:spaceInDown;animation-name:spaceInDown}@-webkit-keyframes spaceInDown{0%{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(.2) translateY(200%);transform:scale(.2) translateY(200%)}to{opacity:1;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}}@keyframes spaceInDown{0%{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(.2) translateY(200%);transform:scale(.2) translateY(200%)}to{opacity:1;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}}.spaceInLeft{-webkit-animation-name:spaceInLeft;animation-name:spaceInLeft}@-webkit-keyframes spaceInLeft{0%{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(.2) translate(-200%);transform:scale(.2) translate(-200%)}to{opacity:1;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}}@keyframes spaceInLeft{0%{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(.2) translate(-200%);transform:scale(.2) translate(-200%)}to{opacity:1;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}}.spaceInRight{-webkit-animation-name:spaceInRight;animation-name:spaceInRight}@-webkit-keyframes spaceInRight{0%{opacity:0;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(.2) translate(200%);transform:scale(.2) translate(200%)}to{opacity:1;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}}@keyframes spaceInRight{0%{opacity:0;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(.2) translate(200%);transform:scale(.2) translate(200%)}to{opacity:1;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}}.spaceInUp{-webkit-animation-name:spaceInUp;animation-name:spaceInUp}@-webkit-keyframes spaceInUp{0%{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.2) translateY(-200%);transform:scale(.2) translateY(-200%)}to{opacity:1;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}}@keyframes spaceInUp{0%{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.2) translateY(-200%);transform:scale(.2) translateY(-200%)}to{opacity:1;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}}.spaceOutDown{-webkit-animation-name:spaceOutDown;animation-name:spaceOutDown}@-webkit-keyframes spaceOutDown{0%{opacity:1;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}to{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(.2) translateY(200%);transform:scale(.2) translateY(200%)}}@keyframes spaceOutDown{0%{opacity:1;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}to{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(.2) translateY(200%);transform:scale(.2) translateY(200%)}}.spaceOutLeft{-webkit-animation-name:spaceOutLeft;animation-name:spaceOutLeft}@-webkit-keyframes spaceOutLeft{0%{opacity:1;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}to{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(.2) translate(-200%);transform:scale(.2) translate(-200%)}}@keyframes spaceOutLeft{0%{opacity:1;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}to{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(.2) translate(-200%);transform:scale(.2) translate(-200%)}}.spaceOutRight{-webkit-animation-name:spaceOutRight;animation-name:spaceOutRight}@-webkit-keyframes spaceOutRight{0%{opacity:1;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}to{opacity:0;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(.2) translate(200%);transform:scale(.2) translate(200%)}}@keyframes spaceOutRight{0%{opacity:1;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}to{opacity:0;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(.2) translate(200%);transform:scale(.2) translate(200%)}}.spaceOutUp{-webkit-animation-name:spaceOutUp;animation-name:spaceOutUp}@-webkit-keyframes spaceOutUp{0%{opacity:1;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}to{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.2) translateY(-200%);transform:scale(.2) translateY(-200%)}}@keyframes spaceOutUp{0%{opacity:1;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}to{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.2) translateY(-200%);transform:scale(.2) translateY(-200%)}}.perspectiveDown{-webkit-animation-name:perspectiveDown;animation-name:perspectiveDown}@-webkit-keyframes perspectiveDown{0%{-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(0deg);transform:perspective(800px) rotateX(0deg)}to{-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(-180deg);transform:perspective(800px) rotateX(-180deg)}}@keyframes perspectiveDown{0%{-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(0deg);transform:perspective(800px) rotateX(0deg)}to{-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(-180deg);transform:perspective(800px) rotateX(-180deg)}}.perspectiveDownReturn{-webkit-animation-name:perspectiveDownReturn;animation-name:perspectiveDownReturn}@-webkit-keyframes perspectiveDownReturn{0%{-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(-180deg);transform:perspective(800px) rotateX(-180deg)}to{-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(0deg);transform:perspective(800px) rotateX(0deg)}}@keyframes perspectiveDownReturn{0%{-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(-180deg);transform:perspective(800px) rotateX(-180deg)}to{-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(0deg);transform:perspective(800px) rotateX(0deg)}}.perspectiveLeft{-webkit-animation-name:perspectiveLeft;animation-name:perspectiveLeft}@-webkit-keyframes perspectiveLeft{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0deg);transform:perspective(800px) rotateY(0deg)}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(-180deg);transform:perspective(800px) rotateY(-180deg)}}@keyframes perspectiveLeft{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0deg);transform:perspective(800px) rotateY(0deg)}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(-180deg);transform:perspective(800px) rotateY(-180deg)}}.perspectiveLeftReturn{-webkit-animation-name:perspectiveLeftReturn;animation-name:perspectiveLeftReturn}@-webkit-keyframes perspectiveLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(-180deg);transform:perspective(800px) rotateY(-180deg)}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0deg);transform:perspective(800px) rotateY(0deg)}}@keyframes perspectiveLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(-180deg);transform:perspective(800px) rotateY(-180deg)}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0deg);transform:perspective(800px) rotateY(0deg)}}.perspectiveRight{-webkit-animation-name:perspectiveRight;animation-name:perspectiveRight}@-webkit-keyframes perspectiveRight{0%{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(0deg);transform:perspective(800px) rotateY(0deg)}to{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(180deg);transform:perspective(800px) rotateY(180deg)}}@keyframes perspectiveRight{0%{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(0deg);transform:perspective(800px) rotateY(0deg)}to{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(180deg);transform:perspective(800px) rotateY(180deg)}}.perspectiveRightReturn{-webkit-animation-name:perspectiveRightReturn;animation-name:perspectiveRightReturn}@-webkit-keyframes perspectiveRightReturn{0%{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(180deg);transform:perspective(800px) rotateY(180deg)}to{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(0deg);transform:perspective(800px) rotateY(0deg)}}@keyframes perspectiveRightReturn{0%{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(180deg);transform:perspective(800px) rotateY(180deg)}to{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(0deg);transform:perspective(800px) rotateY(0deg)}}.perspectiveUp{-webkit-animation-name:perspectiveUp;animation-name:perspectiveUp}@-webkit-keyframes perspectiveUp{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0deg);transform:perspective(800px) rotateX(0deg)}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(180deg);transform:perspective(800px) rotateX(180deg)}}@keyframes perspectiveUp{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0deg);transform:perspective(800px) rotateX(0deg)}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(180deg);transform:perspective(800px) rotateX(180deg)}}.perspectiveUpReturn{-webkit-animation-name:perspectiveUpReturn;animation-name:perspectiveUpReturn}@-webkit-keyframes perspectiveUpReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(180deg);transform:perspective(800px) rotateX(180deg)}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0deg);transform:perspective(800px) rotateX(0deg)}}@keyframes perspectiveUpReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(180deg);transform:perspective(800px) rotateX(180deg)}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0deg);transform:perspective(800px) rotateX(0deg)}}.rotateDown{-webkit-animation-name:rotateDown;animation-name:rotateDown}@-webkit-keyframes rotateDown{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0deg) translateZ(0);transform:perspective(800px) rotateX(0deg) translateZ(0)}to{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:perspective(800px) rotateX(-180deg) translateZ(300px);transform:perspective(800px) rotateX(-180deg) translateZ(300px)}}@keyframes rotateDown{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0deg) translateZ(0);transform:perspective(800px) rotateX(0deg) translateZ(0)}to{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:perspective(800px) rotateX(-180deg) translateZ(300px);transform:perspective(800px) rotateX(-180deg) translateZ(300px)}}.rotateLeft{-webkit-animation-name:rotateLeft;animation-name:rotateLeft}@-webkit-keyframes rotateLeft{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0deg) translateZ(0);transform:perspective(800px) rotateY(0deg) translateZ(0)}to{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:perspective(800px) rotateY(-180deg) translateZ(300px);transform:perspective(800px) rotateY(-180deg) translateZ(300px)}}@keyframes rotateLeft{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0deg) translateZ(0);transform:perspective(800px) rotateY(0deg) translateZ(0)}to{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:perspective(800px) rotateY(-180deg) translateZ(300px);transform:perspective(800px) rotateY(-180deg) translateZ(300px)}}.rotateRight{-webkit-animation-name:rotateRight;animation-name:rotateRight}@-webkit-keyframes rotateRight{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0deg) translate3d(0);transform:perspective(800px) rotateY(0deg) translate3d(0)}to{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:perspective(800px) rotateY(180deg) translateZ(150px);transform:perspective(800px) rotateY(180deg) translateZ(150px)}}@keyframes rotateRight{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0deg) translate3d(0);transform:perspective(800px) rotateY(0deg) translate3d(0)}to{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:perspective(800px) rotateY(180deg) translateZ(150px);transform:perspective(800px) rotateY(180deg) translateZ(150px)}}.rotateUp{-webkit-animation-name:rotateUp;animation-name:rotateUp}@-webkit-keyframes rotateUp{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0deg) translateZ(0);transform:perspective(800px) rotateX(0deg) translateZ(0)}to{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:perspective(800px) rotateX(180deg) translateZ(100px);transform:perspective(800px) rotateX(180deg) translateZ(100px)}}@keyframes rotateUp{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0deg) translateZ(0);transform:perspective(800px) rotateX(0deg) translateZ(0)}to{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:perspective(800px) rotateX(180deg) translateZ(100px);transform:perspective(800px) rotateX(180deg) translateZ(100px)}}.slideDown{-webkit-animation-name:slideDown;animation-name:slideDown}@-webkit-keyframes slideDown{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideDown{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideDownReturn{-webkit-animation-name:slideDownReturn;animation-name:slideDownReturn}@-webkit-keyframes slideDownReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDownReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0)}}.slideLeft{-webkit-animation-name:slideLeft;animation-name:slideLeft}@-webkit-keyframes slideLeft{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideLeft{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideLeftReturn{-webkit-animation-name:slideLeftReturn;animation-name:slideLeftReturn}@-webkit-keyframes slideLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}.slideRight{-webkit-animation-name:slideRight;animation-name:slideRight}@-webkit-keyframes slideRight{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideRight{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideRightReturn{-webkit-animation-name:slideRightReturn;animation-name:slideRightReturn}@-webkit-keyframes slideRightReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideRightReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}.slideUp{-webkit-animation-name:slideUp;animation-name:slideUp}@-webkit-keyframes slideUp{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideUp{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideUpReturn{-webkit-animation-name:slideUpReturn;animation-name:slideUpReturn}@-webkit-keyframes slideUpReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUpReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0)}}.openDownLeft{-webkit-animation-name:openDownLeft;animation-name:openDownLeft}@-webkit-keyframes openDownLeft{0%{-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:rotate(-110deg);transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}@keyframes openDownLeft{0%{-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:rotate(-110deg);transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}.openDownLeftReturn{-webkit-animation-name:openDownLeftReturn;animation-name:openDownLeftReturn}@-webkit-keyframes openDownLeftReturn{0%{-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:rotate(-110deg);transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes openDownLeftReturn{0%{-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:rotate(-110deg);transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.openDownRight{-webkit-animation-name:openDownRight;animation-name:openDownRight}@-webkit-keyframes openDownRight{0%{-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:rotate(110deg);transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}@keyframes openDownRight{0%{-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:rotate(110deg);transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}.openDownRightReturn{-webkit-animation-name:openDownRightReturn;animation-name:openDownRightReturn}@-webkit-keyframes openDownRightReturn{0%{-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:rotate(110deg);transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes openDownRightReturn{0%{-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:rotate(110deg);transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.openUpLeft{-webkit-animation-name:openUpLeft;animation-name:openUpLeft}@-webkit-keyframes openUpLeft{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(110deg);transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}@keyframes openUpLeft{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(110deg);transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}.openUpLeftReturn{-webkit-animation-name:openUpLeftReturn;animation-name:openUpLeftReturn}@-webkit-keyframes openUpLeftReturn{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(110deg);transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes openUpLeftReturn{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(110deg);transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.openUpRight{-webkit-animation-name:openUpRight;animation-name:openUpRight}@-webkit-keyframes openUpRight{0%{-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(-110deg);transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}@keyframes openUpRight{0%{-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(-110deg);transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}.openUpRightReturn{-webkit-animation-name:openUpRightReturn;animation-name:openUpRightReturn}@-webkit-keyframes openUpRightReturn{0%{-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(-110deg);transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes openUpRightReturn{0%{-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(-110deg);transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.openDownLeftOut{-webkit-animation-name:openDownLeftOut;animation-name:openDownLeftOut}@-webkit-keyframes openDownLeftOut{0%{opacity:1;-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{opacity:0;-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:rotate(-110deg);transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}@keyframes openDownLeftOut{0%{opacity:1;-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{opacity:0;-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:rotate(-110deg);transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}.openDownRightOut{-webkit-animation-name:openDownRightOut;animation-name:openDownRightOut}@-webkit-keyframes openDownRightOut{0%{opacity:1;-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{opacity:0;-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:rotate(110deg);transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}@keyframes openDownRightOut{0%{opacity:1;-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{opacity:0;-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:rotate(110deg);transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}.openUpLeftOut{-webkit-animation-name:openUpLeftOut;animation-name:openUpLeftOut}@-webkit-keyframes openUpLeftOut{0%{opacity:1;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{opacity:0;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(110deg);transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}@keyframes openUpLeftOut{0%{opacity:1;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{opacity:0;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(110deg);transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}.openUpRightOut{-webkit-animation-name:openUpRightOut;animation-name:openUpRightOut}@-webkit-keyframes openUpRightOut{0%{opacity:1;-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{opacity:0;-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(-110deg);transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}@keyframes openUpRightOut{0%{opacity:1;-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{opacity:0;-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(-110deg);transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}.tinDownIn{-webkit-animation-name:tinDownIn;animation-name:tinDownIn}@-webkit-keyframes tinDownIn{0%{opacity:0;-webkit-transform:scale(1) translateY(900%);transform:scale(1) translateY(900%)}50%,70%,90%{opacity:1;-webkit-transform:scale(1.1) translateY(0);transform:scale(1.1) translateY(0)}60%,80%,to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes tinDownIn{0%{opacity:0;-webkit-transform:scale(1) translateY(900%);transform:scale(1) translateY(900%)}50%,70%,90%{opacity:1;-webkit-transform:scale(1.1) translateY(0);transform:scale(1.1) translateY(0)}60%,80%,to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.tinDownOut{-webkit-animation-name:tinDownOut;animation-name:tinDownOut}@-webkit-keyframes tinDownOut{0%,20%,40%,50%{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%,30%{opacity:1;-webkit-transform:scale(1.1) translateY(0);transform:scale(1.1) translateY(0)}to{opacity:0;-webkit-transform:scale(1) translateY(900%);transform:scale(1) translateY(900%)}}@keyframes tinDownOut{0%,20%,40%,50%{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%,30%{opacity:1;-webkit-transform:scale(1.1) translateY(0);transform:scale(1.1) translateY(0)}to{opacity:0;-webkit-transform:scale(1) translateY(900%);transform:scale(1) translateY(900%)}}.tinLeftIn{-webkit-animation-name:tinLeftIn;animation-name:tinLeftIn}@-webkit-keyframes tinLeftIn{0%{opacity:0;-webkit-transform:scale(1) translateX(-900%);transform:scale(1) translateX(-900%)}50%,70%,90%{opacity:1;-webkit-transform:scale(1.1) translateX(0);transform:scale(1.1) translateX(0)}60%,80%,to{opacity:1;-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}}@keyframes tinLeftIn{0%{opacity:0;-webkit-transform:scale(1) translateX(-900%);transform:scale(1) translateX(-900%)}50%,70%,90%{opacity:1;-webkit-transform:scale(1.1) translateX(0);transform:scale(1.1) translateX(0)}60%,80%,to{opacity:1;-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}}.tinLeftOut{-webkit-animation-name:tinLeftOut;animation-name:tinLeftOut}@-webkit-keyframes tinLeftOut{0%,20%,40%,50%{opacity:1;-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}10%,30%{opacity:1;-webkit-transform:scale(1.1) translateX(0);transform:scale(1.1) translateX(0)}to{opacity:0;-webkit-transform:scale(1) translateX(-900%);transform:scale(1) translateX(-900%)}}@keyframes tinLeftOut{0%,20%,40%,50%{opacity:1;-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}10%,30%{opacity:1;-webkit-transform:scale(1.1) translateX(0);transform:scale(1.1) translateX(0)}to{opacity:0;-webkit-transform:scale(1) translateX(-900%);transform:scale(1) translateX(-900%)}}.tinRightIn{-webkit-animation-name:tinRightIn;animation-name:tinRightIn}@-webkit-keyframes tinRightIn{0%{opacity:0;-webkit-transform:scale(1) translateX(900%);transform:scale(1) translateX(900%)}50%,70%,90%{opacity:1;-webkit-transform:scale(1.1) translateX(0);transform:scale(1.1) translateX(0)}60%,80%,to{opacity:1;-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}}@keyframes tinRightIn{0%{opacity:0;-webkit-transform:scale(1) translateX(900%);transform:scale(1) translateX(900%)}50%,70%,90%{opacity:1;-webkit-transform:scale(1.1) translateX(0);transform:scale(1.1) translateX(0)}60%,80%,to{opacity:1;-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}}.tinRightOut{-webkit-animation-name:tinRightOut;animation-name:tinRightOut}@-webkit-keyframes tinRightOut{0%,20%,40%,50%{opacity:1;-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}10%,30%{opacity:1;-webkit-transform:scale(1.1) translateX(0);transform:scale(1.1) translateX(0)}to{opacity:0;-webkit-transform:scale(1) translateX(900%);transform:scale(1) translateX(900%)}}@keyframes tinRightOut{0%,20%,40%,50%{opacity:1;-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}10%,30%{opacity:1;-webkit-transform:scale(1.1) translateX(0);transform:scale(1.1) translateX(0)}to{opacity:0;-webkit-transform:scale(1) translateX(900%);transform:scale(1) translateX(900%)}}.tinUpIn{-webkit-animation-name:tinUpIn;animation-name:tinUpIn}@-webkit-keyframes tinUpIn{0%{opacity:0;-webkit-transform:scale(1) translateY(-900%);transform:scale(1) translateY(-900%)}50%,70%,90%{opacity:1;-webkit-transform:scale(1.1) translateY(0);transform:scale(1.1) translateY(0)}60%,80%,to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes tinUpIn{0%{opacity:0;-webkit-transform:scale(1) translateY(-900%);transform:scale(1) translateY(-900%)}50%,70%,90%{opacity:1;-webkit-transform:scale(1.1) translateY(0);transform:scale(1.1) translateY(0)}60%,80%,to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.tinUpOut{-webkit-animation-name:tinUpOut;animation-name:tinUpOut}@-webkit-keyframes tinUpOut{0%,20%,40%,50%{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%,30%{opacity:1;-webkit-transform:scale(1.1) translateY(0);transform:scale(1.1) translateY(0)}to{opacity:0;-webkit-transform:scale(1) translateY(-900%);transform:scale(1) translateY(-900%)}}@keyframes tinUpOut{0%,20%,40%,50%{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%,30%{opacity:1;-webkit-transform:scale(1.1) translateY(0);transform:scale(1.1) translateY(0)}to{opacity:0;-webkit-transform:scale(1) translateY(-900%);transform:scale(1) translateY(-900%)}}.magictime{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media (prefers-reduced-motion), (print){.magictime{-webkit-animation:unset!important;animation:unset!important;-webkit-transition:none!important;-o-transition:none!important;transition:none!important}}/*!
 Material Components for the Web
 Copyright (c) 2018 Google Inc.
 License: Apache-2.0
*/
@-webkit-keyframes mdc-ripple-fg-radius-in{0%{-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transform:translate(0) scale(1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(0) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(0) scale(1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(0) scale(1);transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}
@keyframes mdc-ripple-fg-radius-in{0%{-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transform:translate(0) scale(1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(0) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(0) scale(1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(0) scale(1);transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}
@-webkit-keyframes mdc-ripple-fg-opacity-in{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:0;opacity:var(--mdc-ripple-fg-opacity,0)}}
@keyframes mdc-ripple-fg-opacity-in{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:0;opacity:var(--mdc-ripple-fg-opacity,0)}}
@-webkit-keyframes mdc-ripple-fg-opacity-out{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0;opacity:var(--mdc-ripple-fg-opacity,0)}to{opacity:0}}
@keyframes mdc-ripple-fg-opacity-out{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0;opacity:var(--mdc-ripple-fg-opacity,0)}to{opacity:0}}
.mdc-ripple-surface--test-edge-var-bug{--mdc-ripple-surface-test-edge-var:1px solid #000;visibility:hidden}
.mdc-ripple-surface--test-edge-var-bug:before{border:var(--mdc-ripple-surface-test-edge-var);border:var(--mdc-ripple-surface-test-edge-var)}
.mdc-button{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:2.25rem;font-weight:500;letter-spacing:.04em;text-decoration:none;text-transform:uppercase;--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;display:inline-block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:64px;height:36px;padding:0 16px;border:none;outline:none;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;overflow:hidden;vertical-align:middle;border-radius:2px}
.mdc-button:after,.mdc-button:before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}
.mdc-button:before{-webkit-transition:opacity 15ms linear;-o-transition:opacity 15ms linear;transition:opacity 15ms linear;z-index:1}
.mdc-button.mdc-ripple-upgraded:before{-webkit-transform:scale(1);-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));-ms-transform:scale(1);transform:scale(1);-ms-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}
.mdc-button.mdc-ripple-upgraded:after{top:0;left:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.mdc-button.mdc-ripple-upgraded--unbounded:after{top:0;top:var(--mdc-ripple-top,0);left:0;left:var(--mdc-ripple-left,0)}
.mdc-button.mdc-ripple-upgraded--foreground-activation:after{-webkit-animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards;animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards}
.mdc-button.mdc-ripple-upgraded--foreground-deactivation:after{-webkit-animation:.15s mdc-ripple-fg-opacity-out;animation:.15s mdc-ripple-fg-opacity-out;-webkit-transform:translate(0) scale(1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));-ms-transform:translate(0) scale(1);transform:translate(0) scale(1);-ms-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}
.mdc-button:after,.mdc-button:before{top:-50%;left:-50%;width:200%;height:200%}
.mdc-button.mdc-ripple-upgraded:after{width:100%;width:var(--mdc-ripple-fg-size,100%);height:100%;height:var(--mdc-ripple-fg-size,100%)}
.mdc-button::-moz-focus-inner{padding:0;border:0}
.mdc-button:active{outline:none}
.mdc-button:hover{cursor:pointer}
.mdc-button:disabled{color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:var(--mdc-theme-text-disabled-on-light,rgba(0, 0, 0, .38));cursor:default;pointer-events:none}
.mdc-button:disabled,.mdc-button:not(:disabled){background-color:transparent}
.mdc-button:not(:disabled){color:#6200ee;color:#6200ee;color:#6200ee;color:var(--mdc-theme-primary,#6200ee)}
.mdc-button:after,.mdc-button:before{background-color:#6200ee}
@supports not (-ms-ime-align:auto){.mdc-button:after,.mdc-button:before{background-color:#6200ee;background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee)}}
.mdc-button:hover:before{opacity:.04}
.mdc-button.mdc-ripple-upgraded--background-focused:before,.mdc-button:not(.mdc-ripple-upgraded):focus:before{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.12}
.mdc-button:not(.mdc-ripple-upgraded):after{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.mdc-button:not(.mdc-ripple-upgraded):active:after{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.16}
.mdc-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:.16}
.mdc-button .mdc-button__icon{margin-left:0;margin-right:8px;display:inline-block;width:18px;height:18px;font-size:18px;line-height:inherit;vertical-align:top}
.mdc-button .mdc-button__icon[dir=rtl],[dir=rtl] .mdc-button .mdc-button__icon{margin-left:8px;margin-right:0}
.mdc-button svg.mdc-button__icon{margin-left:0;margin-right:8px;margin-top:-2px;fill:currentColor;vertical-align:middle}
.mdc-button svg.mdc-button__icon[dir=rtl],[dir=rtl] .mdc-button svg.mdc-button__icon{margin-left:8px;margin-right:0}
.mdc-button--raised:disabled,.mdc-button--unelevated:disabled{background-color:rgba(0, 0, 0, .12);color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:var(--mdc-theme-text-disabled-on-light,rgba(0, 0, 0, .38))}
.mdc-button--raised:not(:disabled),.mdc-button--unelevated:not(:disabled){background-color:#6200ee}
@supports not (-ms-ime-align:auto){.mdc-button--raised:not(:disabled),.mdc-button--unelevated:not(:disabled){background-color:#6200ee;background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee)}}
.mdc-button--raised:not(:disabled),.mdc-button--unelevated:not(:disabled){color:#fff;color:#fff;color:#fff;color:var(--mdc-theme-text-primary-on-primary,#fff)}
.mdc-button--raised:after,.mdc-button--raised:before,.mdc-button--unelevated:after,.mdc-button--unelevated:before{background-color:#fff}
@supports not (-ms-ime-align:auto){.mdc-button--raised:after,.mdc-button--raised:before,.mdc-button--unelevated:after,.mdc-button--unelevated:before{background-color:#fff;background-color:#fff;background-color:var(--mdc-theme-text-primary-on-primary,#fff)}}
.mdc-button--raised:hover:before,.mdc-button--unelevated:hover:before{opacity:.08}
.mdc-button--raised.mdc-ripple-upgraded--background-focused:before,.mdc-button--raised:not(.mdc-ripple-upgraded):focus:before,.mdc-button--unelevated.mdc-ripple-upgraded--background-focused:before,.mdc-button--unelevated:not(.mdc-ripple-upgraded):focus:before{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.24}
.mdc-button--raised:not(.mdc-ripple-upgraded):after,.mdc-button--unelevated:not(.mdc-ripple-upgraded):after{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.mdc-button--raised:not(.mdc-ripple-upgraded):active:after,.mdc-button--unelevated:not(.mdc-ripple-upgraded):active:after{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.32}
.mdc-button--raised.mdc-ripple-upgraded,.mdc-button--unelevated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:.32}
.mdc-button--raised{-webkit-box-shadow:0 3px 1px -2px rgba(0, 0, 0, .2),0 2px 2px 0 rgba(0, 0, 0, .14),0 1px 5px 0 rgba(0, 0, 0, .12);box-shadow:0 3px 1px -2px rgba(0, 0, 0, .2),0 2px 2px 0 rgba(0, 0, 0, .14),0 1px 5px 0 rgba(0, 0, 0, .12);-webkit-transition:-webkit-box-shadow .28s cubic-bezier(.4,0,.2,1);transition:-webkit-box-shadow .28s cubic-bezier(.4,0,.2,1);-o-transition:box-shadow .28s cubic-bezier(.4,0,.2,1);transition:box-shadow .28s cubic-bezier(.4,0,.2,1);transition:box-shadow .28s cubic-bezier(.4,0,.2,1), -webkit-box-shadow .28s cubic-bezier(.4,0,.2,1)}
.mdc-button--raised:focus,.mdc-button--raised:hover{-webkit-box-shadow:0 2px 4px -1px rgba(0, 0, 0, .2),0 4px 5px 0 rgba(0, 0, 0, .14),0 1px 10px 0 rgba(0, 0, 0, .12);box-shadow:0 2px 4px -1px rgba(0, 0, 0, .2),0 4px 5px 0 rgba(0, 0, 0, .14),0 1px 10px 0 rgba(0, 0, 0, .12)}
.mdc-button--raised:active{-webkit-box-shadow:0 5px 5px -3px rgba(0, 0, 0, .2),0 8px 10px 1px rgba(0, 0, 0, .14),0 3px 14px 2px rgba(0, 0, 0, .12);box-shadow:0 5px 5px -3px rgba(0, 0, 0, .2),0 8px 10px 1px rgba(0, 0, 0, .14),0 3px 14px 2px rgba(0, 0, 0, .12)}
.mdc-button--raised:disabled{-webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, .2),0 0 0 0 rgba(0, 0, 0, .14),0 0 0 0 rgba(0, 0, 0, .12);box-shadow:0 0 0 0 rgba(0, 0, 0, .2),0 0 0 0 rgba(0, 0, 0, .14),0 0 0 0 rgba(0, 0, 0, .12)}
.mdc-button--stroked{border-style:solid;padding-right:14px;padding-left:14px;border-width:2px;line-height:32px}
.mdc-button--stroked:disabled{border-color:rgba(0, 0, 0, .38);border-color:rgba(0, 0, 0, .38);border-color:rgba(0, 0, 0, .38);border-color:var(--mdc-theme-text-disabled-on-light,rgba(0, 0, 0, .38))}
.mdc-button--stroked.mdc-button--dense{line-height:27px}
.mdc-button--stroked:not(:disabled){border-color:#6200ee;border-color:#6200ee;border-color:#6200ee;border-color:var(--mdc-theme-primary,#6200ee)}
.mdc-button--dense{height:32px;font-size:.8125rem;line-height:32px}
.mdc-card{background-color:#fff;background-color:#fff;background-color:#fff;background-color:var(--mdc-theme-background,#fff);border-radius:2px;-webkit-box-shadow:0 3px 1px -2px rgba(0, 0, 0, .2),0 2px 2px 0 rgba(0, 0, 0, .14),0 1px 5px 0 rgba(0, 0, 0, .12);box-shadow:0 3px 1px -2px rgba(0, 0, 0, .2),0 2px 2px 0 rgba(0, 0, 0, .14),0 1px 5px 0 rgba(0, 0, 0, .12);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box}
.mdc-card--stroked{-webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, .2),0 0 0 0 rgba(0, 0, 0, .14),0 0 0 0 rgba(0, 0, 0, .12);box-shadow:0 0 0 0 rgba(0, 0, 0, .2),0 0 0 0 rgba(0, 0, 0, .14),0 0 0 0 rgba(0, 0, 0, .12);border:1px solid #dbdbdb}
.mdc-card__media{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;background-repeat:no-repeat;background-position:50%;background-size:cover}
.mdc-card__media:before{display:block;content:""}
.mdc-card__media:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}
.mdc-card__media:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}
.mdc-card__media--square:before{margin-top:100%}
.mdc-card__media--16-9:before{margin-top:56.25%}
.mdc-card__media-content{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box}
.mdc-card__primary-action{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;outline:none;color:inherit;text-decoration:none;cursor:pointer;overflow:hidden}
.mdc-card__primary-action:after,.mdc-card__primary-action:before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}
.mdc-card__primary-action:before{-webkit-transition:opacity 15ms linear;-o-transition:opacity 15ms linear;transition:opacity 15ms linear;z-index:1}
.mdc-card__primary-action.mdc-ripple-upgraded:before{-webkit-transform:scale(1);-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));-ms-transform:scale(1);transform:scale(1);-ms-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}
.mdc-card__primary-action.mdc-ripple-upgraded:after{top:0;left:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.mdc-card__primary-action.mdc-ripple-upgraded--unbounded:after{top:0;top:var(--mdc-ripple-top,0);left:0;left:var(--mdc-ripple-left,0)}
.mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation:after{-webkit-animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards;animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards}
.mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation:after{-webkit-animation:.15s mdc-ripple-fg-opacity-out;animation:.15s mdc-ripple-fg-opacity-out;-webkit-transform:translate(0) scale(1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));-ms-transform:translate(0) scale(1);transform:translate(0) scale(1);-ms-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}
.mdc-card__primary-action:after,.mdc-card__primary-action:before{top:-50%;left:-50%;width:200%;height:200%}
.mdc-card__primary-action.mdc-ripple-upgraded:after{width:100%;width:var(--mdc-ripple-fg-size,100%);height:100%;height:var(--mdc-ripple-fg-size,100%)}
.mdc-card__primary-action:after,.mdc-card__primary-action:before{background-color:#000}
.mdc-card__primary-action:hover:before{opacity:.04}
.mdc-card__primary-action.mdc-ripple-upgraded--background-focused:before,.mdc-card__primary-action:not(.mdc-ripple-upgraded):focus:before{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.12}
.mdc-card__primary-action:not(.mdc-ripple-upgraded):after{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.mdc-card__primary-action:not(.mdc-ripple-upgraded):active:after{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.16}
.mdc-card__primary-action.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:.16}
.mdc-card__primary-action:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}
.mdc-card__primary-action:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}
.mdc-card__actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:52px;padding:8px}
.mdc-card__actions--full-bleed{padding:0}
.mdc-card__action-buttons,.mdc-card__action-icons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}
.mdc-card__action-icons{color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:var(--mdc-theme-text-icon-on-background,rgba(0, 0, 0, .38));-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}
.mdc-card__action-buttons+.mdc-card__action-icons{margin-left:16px;margin-right:0}
.mdc-card__action-buttons+.mdc-card__action-icons[dir=rtl],[dir=rtl] .mdc-card__action-buttons+.mdc-card__action-icons{margin-left:0;margin-right:16px}
.mdc-card__action{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.mdc-card__action:focus{outline:none}
.mdc-card__action--button{margin-left:0;margin-right:8px;padding:0 8px}
.mdc-card__action--button[dir=rtl],[dir=rtl] .mdc-card__action--button{margin-left:8px;margin-right:0}
.mdc-card__action--button:last-child,.mdc-card__action--button:last-child[dir=rtl],[dir=rtl] .mdc-card__action--button:last-child{margin-left:0;margin-right:0}
.mdc-card__actions--full-bleed .mdc-card__action--button{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:auto;max-height:none;margin:0;padding:8px 16px;text-align:left}
.mdc-card__actions--full-bleed .mdc-card__action--button[dir=rtl],[dir=rtl] .mdc-card__actions--full-bleed .mdc-card__action--button{text-align:right}
.mdc-card__action--icon{margin:-6px 0;padding:12px}
.mdc-card__action--icon:not(:disabled){color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:var(--mdc-theme-text-icon-on-background,rgba(0, 0, 0, .38))}
@-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path{0%,50%{stroke-dashoffset:29.78334}50%{-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}to{stroke-dashoffset:0}}
@keyframes mdc-checkbox-unchecked-checked-checkmark-path{0%,50%{stroke-dashoffset:29.78334}50%{-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}to{stroke-dashoffset:0}}
@-webkit-keyframes mdc-checkbox-unchecked-indeterminate-mixedmark{0%,68.2%{-webkit-transform:scaleX(0);transform:scaleX(0)}68.2%{-webkit-animation-timing-function:cubic-bezier(0,0,0,1);animation-timing-function:cubic-bezier(0,0,0,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}
@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark{0%,68.2%{-webkit-transform:scaleX(0);transform:scaleX(0)}68.2%{-webkit-animation-timing-function:cubic-bezier(0,0,0,1);animation-timing-function:cubic-bezier(0,0,0,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}
@-webkit-keyframes mdc-checkbox-checked-unchecked-checkmark-path{0%{-webkit-animation-timing-function:cubic-bezier(.4,0,1,1);animation-timing-function:cubic-bezier(.4,0,1,1);opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-29.78334}}
@keyframes mdc-checkbox-checked-unchecked-checkmark-path{0%{-webkit-animation-timing-function:cubic-bezier(.4,0,1,1);animation-timing-function:cubic-bezier(.4,0,1,1);opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-29.78334}}
@-webkit-keyframes mdc-checkbox-checked-indeterminate-checkmark{0%{-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1);-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}
@keyframes mdc-checkbox-checked-indeterminate-checkmark{0%{-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1);-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}
@-webkit-keyframes mdc-checkbox-indeterminate-checked-checkmark{0%{-webkit-animation-timing-function:cubic-bezier(.14,0,0,1);animation-timing-function:cubic-bezier(.14,0,0,1);-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:1}}
@keyframes mdc-checkbox-indeterminate-checked-checkmark{0%{-webkit-animation-timing-function:cubic-bezier(.14,0,0,1);animation-timing-function:cubic-bezier(.14,0,0,1);-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:1}}
@-webkit-keyframes mdc-checkbox-checked-indeterminate-mixedmark{0%{-webkit-animation-timing-function:mdc-animation-deceleration-curve-timing-function;animation-timing-function:mdc-animation-deceleration-curve-timing-function;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}}
@keyframes mdc-checkbox-checked-indeterminate-mixedmark{0%{-webkit-animation-timing-function:mdc-animation-deceleration-curve-timing-function;animation-timing-function:mdc-animation-deceleration-curve-timing-function;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}}
@-webkit-keyframes mdc-checkbox-indeterminate-checked-mixedmark{0%{-webkit-animation-timing-function:cubic-bezier(.14,0,0,1);animation-timing-function:cubic-bezier(.14,0,0,1);-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}to{-webkit-transform:rotate(315deg);transform:rotate(315deg);opacity:0}}
@keyframes mdc-checkbox-indeterminate-checked-mixedmark{0%{-webkit-animation-timing-function:cubic-bezier(.14,0,0,1);animation-timing-function:cubic-bezier(.14,0,0,1);-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}to{-webkit-transform:rotate(315deg);transform:rotate(315deg);opacity:0}}
@-webkit-keyframes mdc-checkbox-indeterminate-unchecked-mixedmark{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}32.8%,to{-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0}}
@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}32.8%,to{-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0}}
.mdc-checkbox{display:inline-block;position:relative;-webkit-box-flex:0;-webkit-flex:0 0 18px;-ms-flex:0 0 18px;flex:0 0 18px;-webkit-box-sizing:content-box;box-sizing:content-box;width:18px;height:18px;padding:11px;line-height:0;white-space:nowrap;cursor:pointer;vertical-align:bottom;--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity}
.mdc-checkbox:after,.mdc-checkbox:before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}
.mdc-checkbox:before{-webkit-transition:opacity 15ms linear;-o-transition:opacity 15ms linear;transition:opacity 15ms linear;z-index:1}
.mdc-checkbox.mdc-ripple-upgraded:before{-webkit-transform:scale(1);-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));-ms-transform:scale(1);transform:scale(1);-ms-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}
.mdc-checkbox.mdc-ripple-upgraded:after{top:0;left:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.mdc-checkbox.mdc-ripple-upgraded--unbounded:after{top:0;top:var(--mdc-ripple-top,0);left:0;left:var(--mdc-ripple-left,0)}
.mdc-checkbox.mdc-ripple-upgraded--foreground-activation:after{-webkit-animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards;animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards}
.mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation:after{-webkit-animation:.15s mdc-ripple-fg-opacity-out;animation:.15s mdc-ripple-fg-opacity-out;-webkit-transform:translate(0) scale(1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));-ms-transform:translate(0) scale(1);transform:translate(0) scale(1);-ms-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}
.mdc-checkbox:after,.mdc-checkbox:before{background-color:#018786}
@supports not (-ms-ime-align:auto){.mdc-checkbox:after,.mdc-checkbox:before{background-color:#018786;background-color:#018786;background-color:var(--mdc-theme-secondary,#018786)}}
.mdc-checkbox:hover:before{opacity:.04}
.mdc-checkbox.mdc-ripple-upgraded--background-focused:before,.mdc-checkbox:not(.mdc-ripple-upgraded):focus:before{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.12}
.mdc-checkbox:not(.mdc-ripple-upgraded):after{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.mdc-checkbox:not(.mdc-ripple-upgraded):active:after{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.16}
.mdc-checkbox.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:.16}
.mdc-checkbox:after,.mdc-checkbox:before{top:0%;left:0%;width:100%;height:100%}
.mdc-checkbox.mdc-ripple-upgraded:after,.mdc-checkbox.mdc-ripple-upgraded:before{top:0%;top:var(--mdc-ripple-top,0%);left:0%;left:var(--mdc-ripple-left,0%);width:100%;width:var(--mdc-ripple-fg-size,100%);height:100%;height:var(--mdc-ripple-fg-size,100%)}
.mdc-checkbox.mdc-ripple-upgraded:after{width:100%;width:var(--mdc-ripple-fg-size,100%);height:100%;height:var(--mdc-ripple-fg-size,100%)}
.mdc-checkbox__checkmark-path{stroke:#fff!important}
.mdc-checkbox__mixedmark{background-color:#fff}
.mdc-checkbox__background:before{background-color:#018786}
@supports not (-ms-ime-align:auto){.mdc-checkbox__background:before{background-color:#018786;background-color:#018786;background-color:var(--mdc-theme-secondary,#018786)}}
.mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate)~.mdc-checkbox__background{border-color:rgba(0, 0, 0, .54);background-color:transparent}
.mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,.mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background{border-color:#018786;border-color:#018786;border-color:#018786;border-color:var(--mdc-theme-secondary,#018786);background-color:#018786;background-color:#018786;background-color:#018786;background-color:var(--mdc-theme-secondary,#018786)}
@-webkit-keyframes mdc-checkbox-fade-in-background-0{0%{border-color:rgba(0, 0, 0, .54);background-color:transparent}50%{border-color:#018786;border-color:#018786;border-color:#018786;border-color:var(--mdc-theme-secondary,#018786);background-color:#018786;background-color:#018786;background-color:#018786;background-color:var(--mdc-theme-secondary,#018786)}}
@keyframes mdc-checkbox-fade-in-background-0{0%{border-color:rgba(0, 0, 0, .54);background-color:transparent}50%{border-color:#018786;border-color:#018786;border-color:#018786;border-color:var(--mdc-theme-secondary,#018786);background-color:#018786;background-color:#018786;background-color:#018786;background-color:var(--mdc-theme-secondary,#018786)}}
@-webkit-keyframes mdc-checkbox-fade-out-background-0{0%,80%{border-color:#018786;border-color:#018786;border-color:#018786;border-color:var(--mdc-theme-secondary,#018786);background-color:#018786;background-color:#018786;background-color:#018786;background-color:var(--mdc-theme-secondary,#018786)}to{border-color:rgba(0, 0, 0, .54);background-color:transparent}}
@keyframes mdc-checkbox-fade-out-background-0{0%,80%{border-color:#018786;border-color:#018786;border-color:#018786;border-color:var(--mdc-theme-secondary,#018786);background-color:#018786;background-color:#018786;background-color:#018786;background-color:var(--mdc-theme-secondary,#018786)}to{border-color:rgba(0, 0, 0, .54);background-color:transparent}}
.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background{-webkit-animation-name:mdc-checkbox-fade-in-background-0;animation-name:mdc-checkbox-fade-in-background-0}
.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background{-webkit-animation-name:mdc-checkbox-fade-out-background-0;animation-name:mdc-checkbox-fade-out-background-0}
.mdc-checkbox__native-control:disabled:not(:checked):not(:indeterminate)~.mdc-checkbox__background{border-color:rgba(0, 0, 0, .26)}
.mdc-checkbox__native-control:disabled:checked~.mdc-checkbox__background,.mdc-checkbox__native-control:disabled:indeterminate~.mdc-checkbox__background{border-color:transparent;background-color:rgba(0, 0, 0, .26)}
.mdc-checkbox--disabled{cursor:default;pointer-events:none}
.mdc-checkbox__background{left:11px;right:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:absolute;top:11px;bottom:0;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:45%;height:45%;-webkit-transition:background-color 90ms cubic-bezier(.4,0,.6,1) 0ms,border-color 90ms cubic-bezier(.4,0,.6,1) 0ms;-o-transition:background-color 90ms cubic-bezier(.4,0,.6,1) 0ms,border-color 90ms cubic-bezier(.4,0,.6,1) 0ms;transition:background-color 90ms cubic-bezier(.4,0,.6,1) 0ms,border-color 90ms cubic-bezier(.4,0,.6,1) 0ms;border:2px solid currentColor;border-radius:2px;background-color:transparent;pointer-events:none;will-change:background-color,border-color}
.mdc-checkbox[dir=rtl] .mdc-checkbox__background,[dir=rtl] .mdc-checkbox .mdc-checkbox__background{left:auto;right:11px}
.mdc-checkbox__checkmark{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;-webkit-transition:opacity .18s cubic-bezier(.4,0,.6,1) 0ms;-o-transition:opacity .18s cubic-bezier(.4,0,.6,1) 0ms;transition:opacity .18s cubic-bezier(.4,0,.6,1) 0ms;opacity:0}
.mdc-checkbox--upgraded .mdc-checkbox__checkmark{opacity:1}
.mdc-checkbox__checkmark-path{-webkit-transition:stroke-dashoffset .18s cubic-bezier(.4,0,.6,1) 0ms;-o-transition:stroke-dashoffset .18s cubic-bezier(.4,0,.6,1) 0ms;transition:stroke-dashoffset .18s cubic-bezier(.4,0,.6,1) 0ms;stroke-width:3.12px;stroke-dashoffset:29.78334;stroke-dasharray:29.78334}
.mdc-checkbox__mixedmark{width:100%;height:2px;-webkit-transform:scaleX(0) rotate(0deg);-ms-transform:scaleX(0) rotate(0deg);transform:scaleX(0) rotate(0deg);transition:opacity 90ms cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform 90ms cubic-bezier(.4,0,.6,1) 0ms;-webkit-transition:opacity 90ms cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform 90ms cubic-bezier(.4,0,.6,1) 0ms;-o-transition:opacity 90ms cubic-bezier(.4,0,.6,1) 0ms,transform 90ms cubic-bezier(.4,0,.6,1) 0ms;transition:opacity 90ms cubic-bezier(.4,0,.6,1) 0ms,transform 90ms cubic-bezier(.4,0,.6,1) 0ms;transition:opacity 90ms cubic-bezier(.4,0,.6,1) 0ms,transform 90ms cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform 90ms cubic-bezier(.4,0,.6,1) 0ms;opacity:0}
.mdc-checkbox--upgraded .mdc-checkbox__background,.mdc-checkbox--upgraded .mdc-checkbox__checkmark,.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,.mdc-checkbox--upgraded .mdc-checkbox__mixedmark{-webkit-transition:none!important;-o-transition:none!important;transition:none!important}
.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background,.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background,.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background{-webkit-animation-duration:.18s;animation-duration:.18s;-webkit-animation-timing-function:linear;animation-timing-function:linear}
.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path{-webkit-animation:.18s linear 0s mdc-checkbox-unchecked-checked-checkmark-path;animation:.18s linear 0s mdc-checkbox-unchecked-checked-checkmark-path;-webkit-transition:none;-o-transition:none;transition:none}
.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark{-webkit-animation:90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark;animation:90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark;-webkit-transition:none;-o-transition:none;transition:none}
.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path{-webkit-animation:90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path;animation:90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path;-webkit-transition:none;-o-transition:none;transition:none}
.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark{-webkit-animation:90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark;animation:90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark;-webkit-transition:none;-o-transition:none;transition:none}
.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark{-webkit-animation:90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark;animation:90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark;-webkit-transition:none;-o-transition:none;transition:none}
.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark{-webkit-animation:.5s linear 0s mdc-checkbox-indeterminate-checked-checkmark;animation:.5s linear 0s mdc-checkbox-indeterminate-checked-checkmark;-webkit-transition:none;-o-transition:none;transition:none}
.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark{-webkit-animation:.5s linear 0s mdc-checkbox-indeterminate-checked-mixedmark;animation:.5s linear 0s mdc-checkbox-indeterminate-checked-mixedmark;-webkit-transition:none;-o-transition:none;transition:none}
.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark{-webkit-animation:.3s linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark;animation:.3s linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark;-webkit-transition:none;-o-transition:none;transition:none}
.mdc-checkbox__native-control:checked~.mdc-checkbox__background,.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background{-webkit-transition:border-color 90ms cubic-bezier(0,0,.2,1) 0ms,background-color 90ms cubic-bezier(0,0,.2,1) 0ms;-o-transition:border-color 90ms cubic-bezier(0,0,.2,1) 0ms,background-color 90ms cubic-bezier(0,0,.2,1) 0ms;transition:border-color 90ms cubic-bezier(0,0,.2,1) 0ms,background-color 90ms cubic-bezier(0,0,.2,1) 0ms}
.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark-path,.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark-path{stroke-dashoffset:0}
.mdc-checkbox__background:before{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition:opacity 90ms cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform 90ms cubic-bezier(.4,0,.6,1) 0ms;-webkit-transition:opacity 90ms cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform 90ms cubic-bezier(.4,0,.6,1) 0ms;-o-transition:opacity 90ms cubic-bezier(.4,0,.6,1) 0ms,transform 90ms cubic-bezier(.4,0,.6,1) 0ms;transition:opacity 90ms cubic-bezier(.4,0,.6,1) 0ms,transform 90ms cubic-bezier(.4,0,.6,1) 0ms;transition:opacity 90ms cubic-bezier(.4,0,.6,1) 0ms,transform 90ms cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform 90ms cubic-bezier(.4,0,.6,1) 0ms;border-radius:50%;opacity:0;pointer-events:none;content:"";will-change:opacity,transform}
.mdc-ripple-upgraded--unbounded .mdc-checkbox__background:before{content:none}
.mdc-checkbox__native-control:focus~.mdc-checkbox__background:before{-webkit-transform:scale(2.75);-ms-transform:scale(2.75);transform:scale(2.75);transition:opacity 80ms cubic-bezier(0,0,.2,1) 0ms,-webkit-transform 80ms cubic-bezier(0,0,.2,1) 0ms;-webkit-transition:opacity 80ms cubic-bezier(0,0,.2,1) 0ms,-webkit-transform 80ms cubic-bezier(0,0,.2,1) 0ms;-o-transition:opacity 80ms cubic-bezier(0,0,.2,1) 0ms,transform 80ms cubic-bezier(0,0,.2,1) 0ms;transition:opacity 80ms cubic-bezier(0,0,.2,1) 0ms,transform 80ms cubic-bezier(0,0,.2,1) 0ms;transition:opacity 80ms cubic-bezier(0,0,.2,1) 0ms,transform 80ms cubic-bezier(0,0,.2,1) 0ms,-webkit-transform 80ms cubic-bezier(0,0,.2,1) 0ms;opacity:.26}
.mdc-checkbox__native-control{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit}
.mdc-checkbox__native-control:disabled{cursor:default;pointer-events:none}
.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark{transition:opacity .18s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .18s cubic-bezier(0,0,.2,1) 0ms;-webkit-transition:opacity .18s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .18s cubic-bezier(0,0,.2,1) 0ms;-o-transition:opacity .18s cubic-bezier(0,0,.2,1) 0ms,transform .18s cubic-bezier(0,0,.2,1) 0ms;transition:opacity .18s cubic-bezier(0,0,.2,1) 0ms,transform .18s cubic-bezier(0,0,.2,1) 0ms;transition:opacity .18s cubic-bezier(0,0,.2,1) 0ms,transform .18s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .18s cubic-bezier(0,0,.2,1) 0ms;opacity:1}
.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__mixedmark{-webkit-transform:scaleX(1) rotate(-45deg);-ms-transform:scaleX(1) rotate(-45deg);transform:scaleX(1) rotate(-45deg)}
.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);transition:opacity 90ms cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform 90ms cubic-bezier(.4,0,.6,1) 0ms;-webkit-transition:opacity 90ms cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform 90ms cubic-bezier(.4,0,.6,1) 0ms;-o-transition:opacity 90ms cubic-bezier(.4,0,.6,1) 0ms,transform 90ms cubic-bezier(.4,0,.6,1) 0ms;transition:opacity 90ms cubic-bezier(.4,0,.6,1) 0ms,transform 90ms cubic-bezier(.4,0,.6,1) 0ms;transition:opacity 90ms cubic-bezier(.4,0,.6,1) 0ms,transform 90ms cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform 90ms cubic-bezier(.4,0,.6,1) 0ms;opacity:0}
.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__mixedmark{-webkit-transform:scaleX(1) rotate(0deg);-ms-transform:scaleX(1) rotate(0deg);transform:scaleX(1) rotate(0deg);opacity:1}
.mdc-chip{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;border-radius:16px;background-color:rgba(0, 0, 0, .08);color:rgba(0, 0, 0, .6);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:7px 12px;cursor:pointer;outline:none;overflow:hidden}
.mdc-chip:after,.mdc-chip:before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}
.mdc-chip:before{-webkit-transition:opacity 15ms linear;-o-transition:opacity 15ms linear;transition:opacity 15ms linear;z-index:1}
.mdc-chip.mdc-ripple-upgraded:before{-webkit-transform:scale(1);-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));-ms-transform:scale(1);transform:scale(1);-ms-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}
.mdc-chip.mdc-ripple-upgraded:after{top:0;left:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.mdc-chip.mdc-ripple-upgraded--unbounded:after{top:0;top:var(--mdc-ripple-top,0);left:0;left:var(--mdc-ripple-left,0)}
.mdc-chip.mdc-ripple-upgraded--foreground-activation:after{-webkit-animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards;animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards}
.mdc-chip.mdc-ripple-upgraded--foreground-deactivation:after{-webkit-animation:.15s mdc-ripple-fg-opacity-out;animation:.15s mdc-ripple-fg-opacity-out;-webkit-transform:translate(0) scale(1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));-ms-transform:translate(0) scale(1);transform:translate(0) scale(1);-ms-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}
.mdc-chip:after,.mdc-chip:before{top:-50%;left:-50%;width:200%;height:200%}
.mdc-chip.mdc-ripple-upgraded:after{width:100%;width:var(--mdc-ripple-fg-size,100%);height:100%;height:var(--mdc-ripple-fg-size,100%)}
.mdc-chip:after,.mdc-chip:before{background-color:rgba(0, 0, 0, .6)}
.mdc-chip:hover:before{opacity:.04}
.mdc-chip.mdc-ripple-upgraded--background-focused:before,.mdc-chip:not(.mdc-ripple-upgraded):focus:before{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.12}
.mdc-chip:not(.mdc-ripple-upgraded):after{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.mdc-chip:not(.mdc-ripple-upgraded):active:after{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.16}
.mdc-chip.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:.16}
.mdc-chip:hover{color:rgba(0, 0, 0, .6)}
.mdc-chip.mdc-chip--selected:before{opacity:.08}
.mdc-chip.mdc-chip--selected:after,.mdc-chip.mdc-chip--selected:before{background-color:#6200ee}
@supports not (-ms-ime-align:auto){.mdc-chip.mdc-chip--selected:after,.mdc-chip.mdc-chip--selected:before{background-color:#6200ee;background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee)}}
.mdc-chip.mdc-chip--selected:hover:before{opacity:.12}
.mdc-chip.mdc-chip--selected.mdc-ripple-upgraded--background-focused:before,.mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus:before{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.2}
.mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):after{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):active:after{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.24}
.mdc-chip.mdc-chip--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:.24}
.mdc-chip.mdc-chip--selected,.mdc-chip.mdc-chip--selected:hover{color:#6200ee;color:#6200ee;color:#6200ee;color:var(--mdc-theme-primary,#6200ee)}
.mdc-chip .mdc-chip__checkmark-path{stroke:#6200ee;stroke:#6200ee;stroke:#6200ee;stroke:var(--mdc-theme-primary,#6200ee)}
.mdc-chip:hover{color:#000}
.mdc-chip--selected{background-color:#fff}
.mdc-chip__text{line-height:17px}
.mdc-chip__icon{color:rgba(0, 0, 0, .54);vertical-align:middle;border-radius:50%;outline:none}
.mdc-chip__icon--trailing{margin:0 -4px 0 4px}
.mdc-chip__icon--trailing:hover{color:rgba(0, 0, 0, .62)}
.mdc-chip__icon--trailing:focus{color:rgba(0, 0, 0, .87)}
.mdc-chip__icon.mdc-chip__icon--trailing{width:18px;height:18px;font-size:18px}
.mdc-chip__checkmark,.mdc-chip__icon--leading{height:24px;margin:-4px 4px -4px -4px}
.mdc-chip__checkmark-path{-webkit-transition:stroke-dashoffset .15s cubic-bezier(.4,0,.6,1) 50ms;-o-transition:stroke-dashoffset .15s cubic-bezier(.4,0,.6,1) 50ms;transition:stroke-dashoffset .15s cubic-bezier(.4,0,.6,1) 50ms;stroke-width:2px;stroke-dashoffset:29.78334;stroke-dasharray:29.78334}
.mdc-chip--selected .mdc-chip__checkmark-path{stroke-dashoffset:0}
.mdc-chip__checkmark-svg{width:0;height:24px;-webkit-transition:width .15s cubic-bezier(.4,0,.2,1);-o-transition:width .15s cubic-bezier(.4,0,.2,1);transition:width .15s cubic-bezier(.4,0,.2,1)}
.mdc-chip--selected .mdc-chip__checkmark-svg{width:24px}
.mdc-chip__icon--leading{-webkit-transition:opacity 75ms linear;-o-transition:opacity 75ms linear;transition:opacity 75ms linear;opacity:1}
.mdc-chip__icon--leading+.mdc-chip__checkmark{-webkit-transition:opacity 75ms linear;-o-transition:opacity 75ms linear;transition:opacity 75ms linear;opacity:0}
.mdc-chip__icon--leading+.mdc-chip__checkmark .mdc-chip__checkmark-svg{-webkit-transition:width 0ms;-o-transition:width 0ms;transition:width 0ms}
.mdc-chip--selected .mdc-chip__icon--leading{opacity:0}
.mdc-chip--selected .mdc-chip__icon--leading+.mdc-chip__checkmark{opacity:1;width:0}
.mdc-chip__icon--hidden-leading.mdc-chip__icon--leading{opacity:0;width:0}
.mdc-chip__icon--hidden-leading.mdc-chip__icon--leading+.mdc-chip__checkmark{width:24px}
.mdc-chip-set{padding:4px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-sizing:border-box;box-sizing:border-box}
.mdc-chip-set .mdc-chip{margin:4px}
.mdc-dialog{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:hidden;z-index:5}
.mdc-dialog,.mdc-dialog__backdrop{position:fixed;top:0;left:0;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}
.mdc-dialog__backdrop{background-color:rgba(0, 0, 0, .87);background-color:rgba(0, 0, 0, .87);background-color:rgba(0, 0, 0, .87);background-color:var(--mdc-theme-text-primary-on-light,rgba(0, 0, 0, .87));opacity:0;z-index:-1}
.mdc-dialog__surface{-webkit-box-shadow:0 11px 15px -7px rgba(0, 0, 0, .2),0 24px 38px 3px rgba(0, 0, 0, .14),0 9px 46px 8px rgba(0, 0, 0, .12);box-shadow:0 11px 15px -7px rgba(0, 0, 0, .2),0 24px 38px 3px rgba(0, 0, 0, .14),0 9px 46px 8px rgba(0, 0, 0, .12);background-color:#fff;background-color:#fff;background-color:#fff;background-color:var(--mdc-theme-background,#fff);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:calc(100% - 30px);min-width:640px;max-width:865px;-webkit-transform:translateY(150px) scale(.8);-ms-transform:translateY(150px) scale(.8);transform:translateY(150px) scale(.8);border-radius:2px;opacity:0}
.mdc-dialog[dir=rtl] .mdc-dialog__surface,[dir=rtl] .mdc-dialog .mdc-dialog__surface{text-align:right}
.mdc-dialog__header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:24px 24px 0}
.mdc-dialog[dir=rtl] .mdc-dialog__header,[dir=rtl] .mdc-dialog .mdc-dialog__header{text-align:right}
.mdc-dialog__header__empty{padding:0}
.mdc-dialog__header__title{font-size:1.25rem;line-height:2rem;font-weight:500;letter-spacing:.02em;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:0}
.mdc-dialog__body,.mdc-dialog__header__title{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-decoration:inherit;text-transform:inherit}
.mdc-dialog__body{color:rgba(0, 0, 0, .54);color:rgba(0, 0, 0, .54);color:rgba(0, 0, 0, .54);color:var(--mdc-theme-text-secondary-on-light,rgba(0, 0, 0, .54));font-size:.875rem;line-height:1.25rem;font-weight:400;letter-spacing:.04em;margin-top:20px;padding:0 24px 24px}
.mdc-dialog__body--scrollable{max-height:195px;border-top:1px solid rgba(0, 0, 0, .1);border-bottom:1px solid rgba(0, 0, 0, .1);overflow-x:auto;overflow-y:scroll;-webkit-overflow-scrolling:touch}
.mdc-dialog__footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;padding:8px}
.mdc-dialog__footer__button{margin-left:0;margin-right:8px}
.mdc-dialog__footer__button[dir=rtl],[dir=rtl] .mdc-dialog__footer__button{margin-left:8px;margin-right:0}
.mdc-dialog__footer__button:last-child,.mdc-dialog__footer__button:last-child[dir=rtl],[dir=rtl] .mdc-dialog__footer__button:last-child{margin-left:0;margin-right:0}
.mdc-dialog__action{color:#018786;color:#018786;color:#018786;color:var(--mdc-theme-secondary,#018786)}
@media (max-width:640px){.mdc-dialog,.mdc-dialog__surface{min-width:280px}.mdc-dialog__body{line-height:24px}}
.mdc-dialog--animating{visibility:visible}
.mdc-dialog--animating .mdc-dialog__backdrop{-webkit-transition:opacity .12s cubic-bezier(0,0,.2,1) 0ms;-o-transition:opacity .12s cubic-bezier(0,0,.2,1) 0ms;transition:opacity .12s cubic-bezier(0,0,.2,1) 0ms}
.mdc-dialog--animating .mdc-dialog__surface{transition:opacity .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;-webkit-transition:opacity .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;-o-transition:opacity .12s cubic-bezier(0,0,.2,1) 0ms,transform .12s cubic-bezier(0,0,.2,1) 0ms;transition:opacity .12s cubic-bezier(0,0,.2,1) 0ms,transform .12s cubic-bezier(0,0,.2,1) 0ms;transition:opacity .12s cubic-bezier(0,0,.2,1) 0ms,transform .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms}
.mdc-dialog--open{visibility:visible}
.mdc-dialog--open .mdc-dialog__backdrop{opacity:.3}
.mdc-dialog--open .mdc-dialog__surface{-webkit-transform:translateY(0) scale(1);-ms-transform:translateY(0) scale(1);transform:translateY(0) scale(1);opacity:1}
.mdc-dialog-scroll-lock{overflow:hidden}
.mdc-drawer--persistent{color:rgba(0, 0, 0, .87);width:0}
.mdc-drawer--persistent .mdc-drawer__toolbar-spacer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:56px;padding:16px;border-bottom:1px solid rgba(0, 0, 0, .12)}
@media (min-width:600px){.mdc-drawer--persistent .mdc-drawer__toolbar-spacer{height:64px}}
.mdc-drawer--persistent .mdc-drawer__header{position:relative}
.mdc-drawer--persistent .mdc-drawer__header:before{display:block;padding-top:56.25%;content:""}
.mdc-drawer--persistent .mdc-drawer__header-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-box-sizing:border-box;box-sizing:border-box;padding:16px}
.mdc-drawer--persistent .mdc-list-item{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:1.5rem;font-weight:500;letter-spacing:.04em;text-decoration:inherit;text-transform:inherit;position:relative;outline:none;color:inherit;text-decoration:none}
.mdc-drawer--persistent .mdc-list-item__graphic{color:rgba(0, 0, 0, .54)}
.mdc-drawer--persistent.mdc-drawer--permanent,.mdc-drawer--persistent .mdc-drawer__drawer{background-color:#fff}
.mdc-drawer--persistent .mdc-drawer__drawer{border-left:0;border-right:1px solid #e4e4e4;left:0;right:auto;height:100%;-webkit-transform:translateX(-107%);-ms-transform:translateX(-107%);transform:translateX(-107%);-webkit-transform:translateX(calc(-100% - 20px));-ms-transform:translateX(calc(-100% - 20px));transform:translateX(calc(-100% - 20px));will-change:transform;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;width:240px;overflow:hidden;-ms-touch-action:none;touch-action:none}
.mdc-drawer--persistent .mdc-drawer__drawer[dir=rtl],[dir=rtl] .mdc-drawer--persistent .mdc-drawer__drawer{border-left:1px solid #e4e4e4;border-right:0;left:auto;right:0;-webkit-transform:translateX(107%);-ms-transform:translateX(107%);transform:translateX(107%);-webkit-transform:translateX(calc(100% + 20px));-ms-transform:translateX(calc(100% + 20px));transform:translateX(calc(100% + 20px))}
.mdc-drawer--persistent.mdc-drawer--animating .mdc-drawer__drawer{transition:-webkit-transform .195s cubic-bezier(.4,0,.6,1) 0ms;-webkit-transition:-webkit-transform .195s cubic-bezier(.4,0,.6,1) 0ms;-o-transition:transform .195s cubic-bezier(.4,0,.6,1) 0ms;transition:transform .195s cubic-bezier(.4,0,.6,1) 0ms;transition:transform .195s cubic-bezier(.4,0,.6,1) 0ms, -webkit-transform .195s cubic-bezier(.4,0,.6,1) 0ms;transition:transform .195s cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform .195s cubic-bezier(.4,0,.6,1) 0ms}
.mdc-drawer--persistent.mdc-drawer--animating.mdc-drawer--open .mdc-drawer__drawer{transition:-webkit-transform .225s cubic-bezier(0,0,.2,1) 0ms;-webkit-transition:-webkit-transform .225s cubic-bezier(0,0,.2,1) 0ms;-o-transition:transform .225s cubic-bezier(0,0,.2,1) 0ms;transition:transform .225s cubic-bezier(0,0,.2,1) 0ms;transition:transform .225s cubic-bezier(0,0,.2,1) 0ms, -webkit-transform .225s cubic-bezier(0,0,.2,1) 0ms;transition:transform .225s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .225s cubic-bezier(0,0,.2,1) 0ms}
.mdc-drawer--persistent.mdc-drawer--open{width:240px;pointer-events:auto}
.mdc-drawer--persistent.mdc-drawer--open .mdc-drawer__drawer,.mdc-drawer--persistent.mdc-drawer--open[dir=rtl] .mdc-drawer__drawer,[dir=rtl] .mdc-drawer--persistent.mdc-drawer--open .mdc-drawer__drawer{-webkit-transform:none;-ms-transform:none;transform:none}
.mdc-drawer--permanent{color:rgba(0, 0, 0, .87);border-left:0;border-right:1px solid #e4e4e4;left:0;right:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;width:240px;overflow:hidden}
.mdc-drawer--permanent .mdc-drawer__toolbar-spacer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:56px;padding:16px;border-bottom:1px solid rgba(0, 0, 0, .12)}
@media (min-width:600px){.mdc-drawer--permanent .mdc-drawer__toolbar-spacer{height:64px}}
.mdc-drawer--permanent .mdc-drawer__header{position:relative}
.mdc-drawer--permanent .mdc-drawer__header:before{display:block;padding-top:56.25%;content:""}
.mdc-drawer--permanent .mdc-drawer__header-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-box-sizing:border-box;box-sizing:border-box;padding:16px}
.mdc-drawer--permanent .mdc-list-item{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:1.5rem;font-weight:500;letter-spacing:.04em;text-decoration:inherit;text-transform:inherit;position:relative;outline:none;color:inherit;text-decoration:none}
.mdc-drawer--permanent .mdc-list-item__graphic{color:rgba(0, 0, 0, .54)}
.mdc-drawer--permanent.mdc-drawer--permanent,.mdc-drawer--permanent .mdc-drawer__drawer{background-color:#fff}
.mdc-drawer--permanent[dir=rtl],[dir=rtl] .mdc-drawer--permanent{border-left:1px solid #e4e4e4;border-right:0;left:auto;right:0}
.mdc-drawer--permanent--floating{border-left:0;border-right:none;background:none}
.mdc-drawer--permanent--floating[dir=rtl],[dir=rtl] .mdc-drawer--permanent--floating{border-left:none;border-right:0}
.mdc-drawer--temporary{color:rgba(0, 0, 0, .87);position:fixed;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;pointer-events:none;overflow:hidden;contain:strict;z-index:5}
.mdc-drawer--temporary .mdc-drawer__toolbar-spacer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:56px;padding:16px;border-bottom:1px solid rgba(0, 0, 0, .12)}
@media (min-width:600px){.mdc-drawer--temporary .mdc-drawer__toolbar-spacer{height:64px}}
.mdc-drawer--temporary .mdc-drawer__header{position:relative}
.mdc-drawer--temporary .mdc-drawer__header:before{display:block;padding-top:56.25%;content:""}
.mdc-drawer--temporary .mdc-drawer__header-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-box-sizing:border-box;box-sizing:border-box;padding:16px}
.mdc-drawer--temporary .mdc-list-item{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:1.5rem;font-weight:500;letter-spacing:.04em;text-decoration:inherit;text-transform:inherit;position:relative;outline:none;color:inherit;text-decoration:none}
.mdc-drawer--temporary .mdc-list-item__graphic{color:rgba(0, 0, 0, .54)}
.mdc-drawer--temporary.mdc-drawer--permanent,.mdc-drawer--temporary .mdc-drawer__drawer{background-color:#fff}
.mdc-drawer--temporary:before{background-color:rgba(0, 0, 0, .6);display:block;position:absolute;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;opacity:0;opacity:0;opacity:var(--mdc-temporary-drawer-opacity,0);content:"";will-change:opacity}
.mdc-drawer--temporary .mdc-drawer__drawer{-webkit-box-shadow:0 8px 10px -5px rgba(0, 0, 0, .2),0 16px 24px 2px rgba(0, 0, 0, .14),0 6px 30px 5px rgba(0, 0, 0, .12);box-shadow:0 8px 10px -5px rgba(0, 0, 0, .2),0 16px 24px 2px rgba(0, 0, 0, .14),0 6px 30px 5px rgba(0, 0, 0, .12);left:0;right:auto;height:100%;-webkit-transform:translateX(-107%);-ms-transform:translateX(-107%);transform:translateX(-107%);-webkit-transform:translateX(calc(-100% - 20px));-ms-transform:translateX(calc(-100% - 20px));transform:translateX(calc(-100% - 20px));will-change:transform;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;width:calc(100% - 56px);max-width:280px;overflow:hidden;-ms-touch-action:none;touch-action:none}
.mdc-drawer--temporary .mdc-drawer__drawer[dir=rtl],[dir=rtl] .mdc-drawer--temporary .mdc-drawer__drawer{left:auto;right:0;-webkit-transform:translateX(107%);-ms-transform:translateX(107%);transform:translateX(107%);-webkit-transform:translateX(calc(100% + 20px));-ms-transform:translateX(calc(100% + 20px));transform:translateX(calc(100% + 20px))}
@media (min-width:600px){.mdc-drawer--temporary .mdc-drawer__drawer{width:calc(100% - 64px);max-width:320px}}
.mdc-drawer--temporary .mdc-drawer__content{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;-ms-touch-action:pan-y;touch-action:pan-y}
.mdc-drawer--temporary .mdc-drawer__footer{-webkit-box-shadow:0 3px 1px -2px rgba(0, 0, 0, .2),0 2px 2px 0 rgba(0, 0, 0, .14),0 1px 5px 0 rgba(0, 0, 0, .12);box-shadow:0 3px 1px -2px rgba(0, 0, 0, .2),0 2px 2px 0 rgba(0, 0, 0, .14),0 1px 5px 0 rgba(0, 0, 0, .12);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
.mdc-drawer--temporary.mdc-drawer--animating:before{-webkit-transition:opacity .3s cubic-bezier(0,0,.2,1) 0ms;-o-transition:opacity .3s cubic-bezier(0,0,.2,1) 0ms;transition:opacity .3s cubic-bezier(0,0,.2,1) 0ms}
.mdc-drawer--temporary.mdc-drawer--animating.mdc-drawer--open .mdc-drawer__drawer{transition:-webkit-transform .225s cubic-bezier(0,0,.2,1) 0ms;-webkit-transition:-webkit-transform .225s cubic-bezier(0,0,.2,1) 0ms;-o-transition:transform .225s cubic-bezier(0,0,.2,1) 0ms;transition:transform .225s cubic-bezier(0,0,.2,1) 0ms;transition:transform .225s cubic-bezier(0,0,.2,1) 0ms, -webkit-transform .225s cubic-bezier(0,0,.2,1) 0ms;transition:transform .225s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .225s cubic-bezier(0,0,.2,1) 0ms}
.mdc-drawer--temporary.mdc-drawer--animating .mdc-drawer__drawer{transition:-webkit-transform .195s cubic-bezier(.4,0,.6,1) 0ms;-webkit-transition:-webkit-transform .195s cubic-bezier(.4,0,.6,1) 0ms;-o-transition:transform .195s cubic-bezier(.4,0,.6,1) 0ms;transition:transform .195s cubic-bezier(.4,0,.6,1) 0ms;transition:transform .195s cubic-bezier(.4,0,.6,1) 0ms, -webkit-transform .195s cubic-bezier(.4,0,.6,1) 0ms;transition:transform .195s cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform .195s cubic-bezier(.4,0,.6,1) 0ms}
.mdc-drawer--temporary.mdc-drawer--open{pointer-events:auto}
.mdc-drawer--temporary.mdc-drawer--open:before{opacity:1;opacity:1;opacity:var(--mdc-temporary-drawer-opacity,1)}
.mdc-drawer--temporary.mdc-drawer--open .mdc-drawer__drawer,.mdc-drawer--temporary.mdc-drawer--open[dir=rtl] .mdc-drawer__drawer,[dir=rtl] .mdc-drawer--temporary.mdc-drawer--open .mdc-drawer__drawer{-webkit-transform:none;-ms-transform:none;transform:none}
.mdc-drawer-scroll-lock{overflow:hidden}
.mdc-elevation--z0{-webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, .2),0 0 0 0 rgba(0, 0, 0, .14),0 0 0 0 rgba(0, 0, 0, .12);box-shadow:0 0 0 0 rgba(0, 0, 0, .2),0 0 0 0 rgba(0, 0, 0, .14),0 0 0 0 rgba(0, 0, 0, .12)}
.mdc-elevation--z1{-webkit-box-shadow:0 2px 1px -1px rgba(0, 0, 0, .2),0 1px 1px 0 rgba(0, 0, 0, .14),0 1px 3px 0 rgba(0, 0, 0, .12);box-shadow:0 2px 1px -1px rgba(0, 0, 0, .2),0 1px 1px 0 rgba(0, 0, 0, .14),0 1px 3px 0 rgba(0, 0, 0, .12)}
.mdc-elevation--z2{-webkit-box-shadow:0 3px 1px -2px rgba(0, 0, 0, .2),0 2px 2px 0 rgba(0, 0, 0, .14),0 1px 5px 0 rgba(0, 0, 0, .12);box-shadow:0 3px 1px -2px rgba(0, 0, 0, .2),0 2px 2px 0 rgba(0, 0, 0, .14),0 1px 5px 0 rgba(0, 0, 0, .12)}
.mdc-elevation--z3{-webkit-box-shadow:0 3px 3px -2px rgba(0, 0, 0, .2),0 3px 4px 0 rgba(0, 0, 0, .14),0 1px 8px 0 rgba(0, 0, 0, .12);box-shadow:0 3px 3px -2px rgba(0, 0, 0, .2),0 3px 4px 0 rgba(0, 0, 0, .14),0 1px 8px 0 rgba(0, 0, 0, .12)}
.mdc-elevation--z4{-webkit-box-shadow:0 2px 4px -1px rgba(0, 0, 0, .2),0 4px 5px 0 rgba(0, 0, 0, .14),0 1px 10px 0 rgba(0, 0, 0, .12);box-shadow:0 2px 4px -1px rgba(0, 0, 0, .2),0 4px 5px 0 rgba(0, 0, 0, .14),0 1px 10px 0 rgba(0, 0, 0, .12)}
.mdc-elevation--z5{-webkit-box-shadow:0 3px 5px -1px rgba(0, 0, 0, .2),0 5px 8px 0 rgba(0, 0, 0, .14),0 1px 14px 0 rgba(0, 0, 0, .12);box-shadow:0 3px 5px -1px rgba(0, 0, 0, .2),0 5px 8px 0 rgba(0, 0, 0, .14),0 1px 14px 0 rgba(0, 0, 0, .12)}
.mdc-elevation--z6{-webkit-box-shadow:0 3px 5px -1px rgba(0, 0, 0, .2),0 6px 10px 0 rgba(0, 0, 0, .14),0 1px 18px 0 rgba(0, 0, 0, .12);box-shadow:0 3px 5px -1px rgba(0, 0, 0, .2),0 6px 10px 0 rgba(0, 0, 0, .14),0 1px 18px 0 rgba(0, 0, 0, .12)}
.mdc-elevation--z7{-webkit-box-shadow:0 4px 5px -2px rgba(0, 0, 0, .2),0 7px 10px 1px rgba(0, 0, 0, .14),0 2px 16px 1px rgba(0, 0, 0, .12);box-shadow:0 4px 5px -2px rgba(0, 0, 0, .2),0 7px 10px 1px rgba(0, 0, 0, .14),0 2px 16px 1px rgba(0, 0, 0, .12)}
.mdc-elevation--z8{-webkit-box-shadow:0 5px 5px -3px rgba(0, 0, 0, .2),0 8px 10px 1px rgba(0, 0, 0, .14),0 3px 14px 2px rgba(0, 0, 0, .12);box-shadow:0 5px 5px -3px rgba(0, 0, 0, .2),0 8px 10px 1px rgba(0, 0, 0, .14),0 3px 14px 2px rgba(0, 0, 0, .12)}
.mdc-elevation--z9{-webkit-box-shadow:0 5px 6px -3px rgba(0, 0, 0, .2),0 9px 12px 1px rgba(0, 0, 0, .14),0 3px 16px 2px rgba(0, 0, 0, .12);box-shadow:0 5px 6px -3px rgba(0, 0, 0, .2),0 9px 12px 1px rgba(0, 0, 0, .14),0 3px 16px 2px rgba(0, 0, 0, .12)}
.mdc-elevation--z10{-webkit-box-shadow:0 6px 6px -3px rgba(0, 0, 0, .2),0 10px 14px 1px rgba(0, 0, 0, .14),0 4px 18px 3px rgba(0, 0, 0, .12);box-shadow:0 6px 6px -3px rgba(0, 0, 0, .2),0 10px 14px 1px rgba(0, 0, 0, .14),0 4px 18px 3px rgba(0, 0, 0, .12)}
.mdc-elevation--z11{-webkit-box-shadow:0 6px 7px -4px rgba(0, 0, 0, .2),0 11px 15px 1px rgba(0, 0, 0, .14),0 4px 20px 3px rgba(0, 0, 0, .12);box-shadow:0 6px 7px -4px rgba(0, 0, 0, .2),0 11px 15px 1px rgba(0, 0, 0, .14),0 4px 20px 3px rgba(0, 0, 0, .12)}
.mdc-elevation--z12{-webkit-box-shadow:0 7px 8px -4px rgba(0, 0, 0, .2),0 12px 17px 2px rgba(0, 0, 0, .14),0 5px 22px 4px rgba(0, 0, 0, .12);box-shadow:0 7px 8px -4px rgba(0, 0, 0, .2),0 12px 17px 2px rgba(0, 0, 0, .14),0 5px 22px 4px rgba(0, 0, 0, .12)}
.mdc-elevation--z13{-webkit-box-shadow:0 7px 8px -4px rgba(0, 0, 0, .2),0 13px 19px 2px rgba(0, 0, 0, .14),0 5px 24px 4px rgba(0, 0, 0, .12);box-shadow:0 7px 8px -4px rgba(0, 0, 0, .2),0 13px 19px 2px rgba(0, 0, 0, .14),0 5px 24px 4px rgba(0, 0, 0, .12)}
.mdc-elevation--z14{-webkit-box-shadow:0 7px 9px -4px rgba(0, 0, 0, .2),0 14px 21px 2px rgba(0, 0, 0, .14),0 5px 26px 4px rgba(0, 0, 0, .12);box-shadow:0 7px 9px -4px rgba(0, 0, 0, .2),0 14px 21px 2px rgba(0, 0, 0, .14),0 5px 26px 4px rgba(0, 0, 0, .12)}
.mdc-elevation--z15{-webkit-box-shadow:0 8px 9px -5px rgba(0, 0, 0, .2),0 15px 22px 2px rgba(0, 0, 0, .14),0 6px 28px 5px rgba(0, 0, 0, .12);box-shadow:0 8px 9px -5px rgba(0, 0, 0, .2),0 15px 22px 2px rgba(0, 0, 0, .14),0 6px 28px 5px rgba(0, 0, 0, .12)}
.mdc-elevation--z16{-webkit-box-shadow:0 8px 10px -5px rgba(0, 0, 0, .2),0 16px 24px 2px rgba(0, 0, 0, .14),0 6px 30px 5px rgba(0, 0, 0, .12);box-shadow:0 8px 10px -5px rgba(0, 0, 0, .2),0 16px 24px 2px rgba(0, 0, 0, .14),0 6px 30px 5px rgba(0, 0, 0, .12)}
.mdc-elevation--z17{-webkit-box-shadow:0 8px 11px -5px rgba(0, 0, 0, .2),0 17px 26px 2px rgba(0, 0, 0, .14),0 6px 32px 5px rgba(0, 0, 0, .12);box-shadow:0 8px 11px -5px rgba(0, 0, 0, .2),0 17px 26px 2px rgba(0, 0, 0, .14),0 6px 32px 5px rgba(0, 0, 0, .12)}
.mdc-elevation--z18{-webkit-box-shadow:0 9px 11px -5px rgba(0, 0, 0, .2),0 18px 28px 2px rgba(0, 0, 0, .14),0 7px 34px 6px rgba(0, 0, 0, .12);box-shadow:0 9px 11px -5px rgba(0, 0, 0, .2),0 18px 28px 2px rgba(0, 0, 0, .14),0 7px 34px 6px rgba(0, 0, 0, .12)}
.mdc-elevation--z19{-webkit-box-shadow:0 9px 12px -6px rgba(0, 0, 0, .2),0 19px 29px 2px rgba(0, 0, 0, .14),0 7px 36px 6px rgba(0, 0, 0, .12);box-shadow:0 9px 12px -6px rgba(0, 0, 0, .2),0 19px 29px 2px rgba(0, 0, 0, .14),0 7px 36px 6px rgba(0, 0, 0, .12)}
.mdc-elevation--z20{-webkit-box-shadow:0 10px 13px -6px rgba(0, 0, 0, .2),0 20px 31px 3px rgba(0, 0, 0, .14),0 8px 38px 7px rgba(0, 0, 0, .12);box-shadow:0 10px 13px -6px rgba(0, 0, 0, .2),0 20px 31px 3px rgba(0, 0, 0, .14),0 8px 38px 7px rgba(0, 0, 0, .12)}
.mdc-elevation--z21{-webkit-box-shadow:0 10px 13px -6px rgba(0, 0, 0, .2),0 21px 33px 3px rgba(0, 0, 0, .14),0 8px 40px 7px rgba(0, 0, 0, .12);box-shadow:0 10px 13px -6px rgba(0, 0, 0, .2),0 21px 33px 3px rgba(0, 0, 0, .14),0 8px 40px 7px rgba(0, 0, 0, .12)}
.mdc-elevation--z22{-webkit-box-shadow:0 10px 14px -6px rgba(0, 0, 0, .2),0 22px 35px 3px rgba(0, 0, 0, .14),0 8px 42px 7px rgba(0, 0, 0, .12);box-shadow:0 10px 14px -6px rgba(0, 0, 0, .2),0 22px 35px 3px rgba(0, 0, 0, .14),0 8px 42px 7px rgba(0, 0, 0, .12)}
.mdc-elevation--z23{-webkit-box-shadow:0 11px 14px -7px rgba(0, 0, 0, .2),0 23px 36px 3px rgba(0, 0, 0, .14),0 9px 44px 8px rgba(0, 0, 0, .12);box-shadow:0 11px 14px -7px rgba(0, 0, 0, .2),0 23px 36px 3px rgba(0, 0, 0, .14),0 9px 44px 8px rgba(0, 0, 0, .12)}
.mdc-elevation--z24{-webkit-box-shadow:0 11px 15px -7px rgba(0, 0, 0, .2),0 24px 38px 3px rgba(0, 0, 0, .14),0 9px 46px 8px rgba(0, 0, 0, .12);box-shadow:0 11px 15px -7px rgba(0, 0, 0, .2),0 24px 38px 3px rgba(0, 0, 0, .14),0 9px 46px 8px rgba(0, 0, 0, .12)}
.mdc-elevation-transition{-webkit-transition:-webkit-box-shadow .28s cubic-bezier(.4,0,.2,1);transition:-webkit-box-shadow .28s cubic-bezier(.4,0,.2,1);-o-transition:box-shadow .28s cubic-bezier(.4,0,.2,1);transition:box-shadow .28s cubic-bezier(.4,0,.2,1);transition:box-shadow .28s cubic-bezier(.4,0,.2,1), -webkit-box-shadow .28s cubic-bezier(.4,0,.2,1);will-change:box-shadow}
.mdc-fab{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;-webkit-box-shadow:0 3px 5px -1px rgba(0, 0, 0, .2),0 6px 10px 0 rgba(0, 0, 0, .14),0 1px 18px 0 rgba(0, 0, 0, .12);box-shadow:0 3px 5px -1px rgba(0, 0, 0, .2),0 6px 10px 0 rgba(0, 0, 0, .14),0 1px 18px 0 rgba(0, 0, 0, .12);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:56px;height:56px;padding:0;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),opacity 15ms linear 30ms,-webkit-transform .27s cubic-bezier(0,0,.2,1) 0ms;-webkit-transition:opacity 15ms linear 30ms,-webkit-box-shadow .28s cubic-bezier(.4,0,.2,1),-webkit-transform .27s cubic-bezier(0,0,.2,1) 0ms;transition:opacity 15ms linear 30ms,-webkit-box-shadow .28s cubic-bezier(.4,0,.2,1),-webkit-transform .27s cubic-bezier(0,0,.2,1) 0ms;-o-transition:box-shadow .28s cubic-bezier(.4,0,.2,1),opacity 15ms linear 30ms,transform .27s cubic-bezier(0,0,.2,1) 0ms;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),opacity 15ms linear 30ms,transform .27s cubic-bezier(0,0,.2,1) 0ms;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),opacity 15ms linear 30ms,transform .27s cubic-bezier(0,0,.2,1) 0ms,-webkit-box-shadow .28s cubic-bezier(.4,0,.2,1),-webkit-transform .27s cubic-bezier(0,0,.2,1) 0ms;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),opacity 15ms linear 30ms,transform .27s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .27s cubic-bezier(0,0,.2,1) 0ms;border:none;border-radius:50%;fill:currentColor;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;overflow:hidden;background-color:#018786;color:#fff;color:#fff;color:#fff;color:var(--mdc-theme-text-primary-on-secondary,#fff)}
.mdc-fab:after,.mdc-fab:before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}
.mdc-fab:before{-webkit-transition:opacity 15ms linear;-o-transition:opacity 15ms linear;transition:opacity 15ms linear;z-index:1}
.mdc-fab.mdc-ripple-upgraded:before{-webkit-transform:scale(1);-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));-ms-transform:scale(1);transform:scale(1);-ms-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}
.mdc-fab.mdc-ripple-upgraded:after{top:0;left:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.mdc-fab.mdc-ripple-upgraded--unbounded:after{top:0;top:var(--mdc-ripple-top,0);left:0;left:var(--mdc-ripple-left,0)}
.mdc-fab.mdc-ripple-upgraded--foreground-activation:after{-webkit-animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards;animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards}
.mdc-fab.mdc-ripple-upgraded--foreground-deactivation:after{-webkit-animation:.15s mdc-ripple-fg-opacity-out;animation:.15s mdc-ripple-fg-opacity-out;-webkit-transform:translate(0) scale(1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));-ms-transform:translate(0) scale(1);transform:translate(0) scale(1);-ms-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}
.mdc-fab:after,.mdc-fab:before{top:-50%;left:-50%;width:200%;height:200%}
.mdc-fab.mdc-ripple-upgraded:after{width:100%;width:var(--mdc-ripple-fg-size,100%);height:100%;height:var(--mdc-ripple-fg-size,100%)}
.mdc-fab::-moz-focus-inner{padding:0;border:0}
.mdc-fab:focus,.mdc-fab:hover{-webkit-box-shadow:0 5px 5px -3px rgba(0, 0, 0, .2),0 8px 10px 1px rgba(0, 0, 0, .14),0 3px 14px 2px rgba(0, 0, 0, .12);box-shadow:0 5px 5px -3px rgba(0, 0, 0, .2),0 8px 10px 1px rgba(0, 0, 0, .14),0 3px 14px 2px rgba(0, 0, 0, .12)}
.mdc-fab:active{-webkit-box-shadow:0 7px 8px -4px rgba(0, 0, 0, .2),0 12px 17px 2px rgba(0, 0, 0, .14),0 5px 22px 4px rgba(0, 0, 0, .12);box-shadow:0 7px 8px -4px rgba(0, 0, 0, .2),0 12px 17px 2px rgba(0, 0, 0, .14),0 5px 22px 4px rgba(0, 0, 0, .12)}
.mdc-fab:active,.mdc-fab:focus{outline:none}
.mdc-fab:hover{cursor:pointer}
.mdc-fab>svg{width:100%}
@supports not (-ms-ime-align:auto){.mdc-fab{background-color:#018786;background-color:#018786;background-color:var(--mdc-theme-secondary,#018786)}}
.mdc-fab:after,.mdc-fab:before{background-color:#fff}
@supports not (-ms-ime-align:auto){.mdc-fab:after,.mdc-fab:before{background-color:#fff;background-color:#fff;background-color:var(--mdc-theme-text-primary-on-secondary,#fff)}}
.mdc-fab:hover:before{opacity:.08}
.mdc-fab.mdc-ripple-upgraded--background-focused:before,.mdc-fab:not(.mdc-ripple-upgraded):focus:before{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.24}
.mdc-fab:not(.mdc-ripple-upgraded):after{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.mdc-fab:not(.mdc-ripple-upgraded):active:after{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.32}
.mdc-fab.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:.32}
.mdc-fab--mini{width:40px;height:40px}
.mdc-fab__icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;transition:-webkit-transform .18s cubic-bezier(0,0,.2,1) 90ms;-webkit-transition:-webkit-transform .18s cubic-bezier(0,0,.2,1) 90ms;-o-transition:transform .18s cubic-bezier(0,0,.2,1) 90ms;transition:transform .18s cubic-bezier(0,0,.2,1) 90ms;transition:transform .18s cubic-bezier(0,0,.2,1) 90ms, -webkit-transform .18s cubic-bezier(0,0,.2,1) 90ms;transition:transform .18s cubic-bezier(0,0,.2,1) 90ms,-webkit-transform .18s cubic-bezier(0,0,.2,1) 90ms;will-change:transform}
.mdc-fab--exited{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition:opacity 15ms linear .15s,-webkit-transform .18s cubic-bezier(.4,0,1,1) 0ms;-webkit-transition:opacity 15ms linear .15s,-webkit-transform .18s cubic-bezier(.4,0,1,1) 0ms;-o-transition:opacity 15ms linear .15s,transform .18s cubic-bezier(.4,0,1,1) 0ms;transition:opacity 15ms linear .15s,transform .18s cubic-bezier(.4,0,1,1) 0ms;transition:opacity 15ms linear .15s,transform .18s cubic-bezier(.4,0,1,1) 0ms,-webkit-transform .18s cubic-bezier(.4,0,1,1) 0ms;opacity:0}
.mdc-fab--exited .mdc-fab__icon{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition:-webkit-transform 135ms cubic-bezier(.4,0,1,1) 0ms;-webkit-transition:-webkit-transform 135ms cubic-bezier(.4,0,1,1) 0ms;-o-transition:transform 135ms cubic-bezier(.4,0,1,1) 0ms;transition:transform 135ms cubic-bezier(.4,0,1,1) 0ms;transition:transform 135ms cubic-bezier(.4,0,1,1) 0ms, -webkit-transform 135ms cubic-bezier(.4,0,1,1) 0ms;transition:transform 135ms cubic-bezier(.4,0,1,1) 0ms,-webkit-transform 135ms cubic-bezier(.4,0,1,1) 0ms}
@-webkit-keyframes mdc-floating-label-shake-float-above-standard{0%{-webkit-transform:translateX(0%) translateY(-100%) scale(.75);transform:translateX(0%) translateY(-100%) scale(.75)}33%{-webkit-animation-timing-function:cubic-bezier(.5,0,.70173,.49582);animation-timing-function:cubic-bezier(.5,0,.70173,.49582);-webkit-transform:translateX(4%) translateY(-100%) scale(.75);transform:translateX(4%) translateY(-100%) scale(.75)}66%{-webkit-animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);-webkit-transform:translateX(-4%) translateY(-100%) scale(.75);transform:translateX(-4%) translateY(-100%) scale(.75)}to{-webkit-transform:translateX(0%) translateY(-100%) scale(.75);transform:translateX(0%) translateY(-100%) scale(.75)}}
.mdc-form-field{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:1.25rem;font-weight:400;letter-spacing:.04em;text-decoration:inherit;text-transform:inherit;color:rgba(0, 0, 0, .87);color:rgba(0, 0, 0, .87);color:rgba(0, 0, 0, .87);color:var(--mdc-theme-text-primary-on-background,rgba(0, 0, 0, .87));display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;vertical-align:middle}
.mdc-form-field>label{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0;margin-right:auto;padding-left:4px}
.mdc-form-field--align-end>label,.mdc-form-field[dir=rtl]>label,[dir=rtl] .mdc-form-field>label{margin-left:auto;padding-right:4px}
.mdc-form-field--align-end>label{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}
.mdc-form-field--align-end[dir=rtl]>label,[dir=rtl] .mdc-form-field--align-end>label{margin-right:auto;padding-left:4px}
.mdc-grid-tile__primary{padding-bottom:100%}
.mdc-grid-tile{margin:2px 0;padding:0 2px}
.mdc-grid-tile__secondary{left:2px;width:calc(100% - 4px)}
.mdc-grid-list__tiles{margin:2px auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;padding:0}
.mdc-grid-list--tile-gutter-1 .mdc-grid-tile{margin:.5px 0;padding:0 .5px}
.mdc-grid-list--tile-gutter-1 .mdc-grid-tile__secondary{left:.5px;width:calc(100% - 1px)}
.mdc-grid-list--tile-gutter-1 .mdc-grid-list__tiles{margin:.5px auto}
.mdc-grid-list--tile-aspect-16x9 .mdc-grid-tile__primary{padding-bottom:56.24993%}
.mdc-grid-list--tile-aspect-3x2 .mdc-grid-tile__primary{padding-bottom:66.66667%}
.mdc-grid-list--tile-aspect-2x3 .mdc-grid-tile__primary{padding-bottom:149.99925%}
.mdc-grid-list--tile-aspect-4x3 .mdc-grid-tile__primary{padding-bottom:75.00019%}
.mdc-grid-list--tile-aspect-3x4 .mdc-grid-tile__primary{padding-bottom:133.33333%}
.mdc-grid-tile{display:block;position:relative;width:200px;width:200px;width:var(--mdc-grid-list-tile-width,200px)}
.mdc-grid-tile__primary{background-color:#fff;background-color:#fff;background-color:#fff;background-color:var(--mdc-theme-background,#fff);color:rgba(0, 0, 0, .87);color:rgba(0, 0, 0, .87);color:rgba(0, 0, 0, .87);color:var(--mdc-theme-text-primary-on-background,rgba(0, 0, 0, .87));position:relative;height:0}
.mdc-grid-tile__primary-content{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50%;background-size:cover}
.mdc-grid-tile__secondary{background-color:#6200ee;background-color:#6200ee;background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee);color:#fff;color:#fff;color:#fff;color:var(--mdc-theme-text-primary-on-primary,#fff);position:absolute;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;height:48px;padding:16px}
.mdc-grid-tile__title{font-size:1rem;font-weight:500;line-height:1rem}
.mdc-grid-tile__support-text,.mdc-grid-tile__title{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;margin:0;padding:0}
.mdc-grid-tile__support-text{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:1.25rem;font-weight:400;letter-spacing:.04em;text-decoration:inherit;text-transform:inherit;margin-top:4px}
.mdc-grid-tile__icon{position:absolute;top:calc(50% - 12px);font-size:0}
.mdc-grid-list--twoline-caption .mdc-grid-tile__secondary{height:68px}
.mdc-grid-list--header-caption .mdc-grid-tile__secondary{top:0;bottom:auto}
.mdc-grid-list--with-icon-align-start .mdc-grid-tile__secondary{padding-left:56px;padding-right:8px}
.mdc-grid-list[dir=rtl] .mdc-grid-list--with-icon-align-start .mdc-grid-tile__secondary,[dir=rtl] .mdc-grid-list .mdc-grid-list--with-icon-align-start .mdc-grid-tile__secondary{padding-left:8px;padding-right:56px}
.mdc-grid-list--with-icon-align-start .mdc-grid-tile__icon{left:16px;right:auto;font-size:24px}
.mdc-grid-list[dir=rtl] .mdc-grid-list--with-icon-align-start .mdc-grid-tile__icon,[dir=rtl] .mdc-grid-list .mdc-grid-list--with-icon-align-start .mdc-grid-tile__icon{left:auto;right:16px}
.mdc-grid-list--with-icon-align-end .mdc-grid-tile__secondary{padding-left:16px;padding-right:56px}
.mdc-grid-list[dir=rtl] .mdc-grid-list--with-icon-align-end .mdc-grid-tile__secondary,[dir=rtl] .mdc-grid-list .mdc-grid-list--with-icon-align-end .mdc-grid-tile__secondary{padding-left:56px;padding-right:16px}
.mdc-grid-list--with-icon-align-end .mdc-grid-tile__icon{left:auto;right:16px;font-size:24px}
.mdc-grid-list[dir=rtl] .mdc-grid-list--with-icon-align-end .mdc-grid-tile__icon,[dir=rtl] .mdc-grid-list .mdc-grid-list--with-icon-align-end .mdc-grid-tile__icon{left:16px;right:auto}
.mdc-icon-toggle{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;color:rgba(0, 0, 0, .87);color:rgba(0, 0, 0, .87);color:rgba(0, 0, 0, .87);color:var(--mdc-theme-text-primary-on-light,rgba(0, 0, 0, .87));display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:48px;height:48px;padding:12px;outline:none;font-size:1.5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;will-change:auto}
.mdc-icon-toggle:after,.mdc-icon-toggle:before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}
.mdc-icon-toggle:before{-webkit-transition:opacity 15ms linear;-o-transition:opacity 15ms linear;transition:opacity 15ms linear;z-index:1}
.mdc-icon-toggle.mdc-ripple-upgraded:before{-webkit-transform:scale(1);-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));-ms-transform:scale(1);transform:scale(1);-ms-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}
.mdc-icon-toggle.mdc-ripple-upgraded:after{top:0;left:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.mdc-icon-toggle.mdc-ripple-upgraded--unbounded:after{top:0;top:var(--mdc-ripple-top,0);left:0;left:var(--mdc-ripple-left,0)}
.mdc-icon-toggle.mdc-ripple-upgraded--foreground-activation:after{-webkit-animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards;animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards}
.mdc-icon-toggle.mdc-ripple-upgraded--foreground-deactivation:after{-webkit-animation:.15s mdc-ripple-fg-opacity-out;animation:.15s mdc-ripple-fg-opacity-out;-webkit-transform:translate(0) scale(1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));-ms-transform:translate(0) scale(1);transform:translate(0) scale(1);-ms-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}
.mdc-icon-toggle:after,.mdc-icon-toggle:before{top:0%;left:0%;width:100%;height:100%}
.mdc-icon-toggle.mdc-ripple-upgraded:after,.mdc-icon-toggle.mdc-ripple-upgraded:before{top:0%;top:var(--mdc-ripple-top,0%);left:0%;left:var(--mdc-ripple-left,0%);width:100%;width:var(--mdc-ripple-fg-size,100%);height:100%;height:var(--mdc-ripple-fg-size,100%)}
.mdc-icon-toggle.mdc-ripple-upgraded:after{width:100%;width:var(--mdc-ripple-fg-size,100%);height:100%;height:var(--mdc-ripple-fg-size,100%)}
.mdc-icon-toggle:after,.mdc-icon-toggle:before{background-color:#000}
.mdc-icon-toggle:hover:before{opacity:.04}
.mdc-icon-toggle.mdc-ripple-upgraded--background-focused:before,.mdc-icon-toggle:not(.mdc-ripple-upgraded):focus:before{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.12}
.mdc-icon-toggle:not(.mdc-ripple-upgraded):after{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.mdc-icon-toggle:not(.mdc-ripple-upgraded):active:after{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.16}
.mdc-icon-toggle.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:.16}
.mdc-icon-toggle:after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}
.mdc-icon-toggle--disabled{color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:var(--mdc-theme-text-disabled-on-light,rgba(0, 0, 0, .38));pointer-events:none}
.mdc-image-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto;padding:0}
.mdc-image-list__image-aspect-container,.mdc-image-list__item{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}
.mdc-image-list__item{list-style-type:none}
.mdc-image-list__image{width:100%}
.mdc-image-list__image-aspect-container .mdc-image-list__image{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;background-repeat:no-repeat;background-position:50%;background-size:cover}
.mdc-image-list__image-aspect-container{padding-bottom:100%}
.mdc-image-list__supporting{color:rgba(0, 0, 0, .87);color:rgba(0, 0, 0, .87);color:rgba(0, 0, 0, .87);color:var(--mdc-theme-text-primary-on-background,rgba(0, 0, 0, .87));display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;padding:8px 0;line-height:24px}
.mdc-image-list__label{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.75rem;font-weight:400;letter-spacing:.04em;text-decoration:inherit;text-transform:inherit;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.mdc-image-list--with-text-protection .mdc-image-list__supporting{position:absolute;bottom:0;width:100%;height:48px;padding:0 16px;background:rgba(0, 0, 0, .6);color:#fff}
.mdc-image-list--masonry{display:block}
.mdc-image-list--masonry .mdc-image-list__item{-webkit-column-break-inside:avoid;break-inside:avoid-column}
.mdc-image-list--masonry .mdc-image-list__image{display:block;height:auto}
:root{--mdc-layout-grid-margin-desktop:24px;--mdc-layout-grid-gutter-desktop:24px;--mdc-layout-grid-column-width-desktop:72px;--mdc-layout-grid-margin-tablet:16px;--mdc-layout-grid-gutter-tablet:16px;--mdc-layout-grid-column-width-tablet:72px;--mdc-layout-grid-margin-phone:16px;--mdc-layout-grid-gutter-phone:16px;--mdc-layout-grid-column-width-phone:72px}
@media (min-width:840px){.mdc-layout-grid{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;padding:24px;padding:24px;padding:24px;padding:var(--mdc-layout-grid-margin-desktop,24px)}}
@media (min-width:480px) and (max-width:839px){.mdc-layout-grid{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;padding:16px;padding:16px;padding:16px;padding:var(--mdc-layout-grid-margin-tablet,16px)}}
@media (max-width:479px){.mdc-layout-grid{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;padding:16px;padding:16px;padding:16px;padding:var(--mdc-layout-grid-margin-phone,16px)}}
@media (min-width:840px){.mdc-layout-grid__inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;margin:-12px;margin:-12px;margin:-12px;margin:calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2 * -1)}@supports (display:grid){.mdc-layout-grid__inner{display:grid;margin:0;grid-gap:24px;grid-gap:24px;grid-gap:24px;grid-gap:var(--mdc-layout-grid-gutter-desktop,24px);grid-template-columns:repeat(12,minmax(0,1fr))}}}
@media (min-width:480px) and (max-width:839px){.mdc-layout-grid__inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;margin:-8px;margin:-8px;margin:-8px;margin:calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1)}@supports (display:grid){.mdc-layout-grid__inner{display:grid;margin:0;grid-gap:16px;grid-gap:16px;grid-gap:16px;grid-gap:var(--mdc-layout-grid-gutter-tablet,16px);grid-template-columns:repeat(8,minmax(0,1fr))}}}
@media (max-width:479px){.mdc-layout-grid__inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;margin:-8px;margin:-8px;margin:-8px;margin:calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1)}@supports (display:grid){.mdc-layout-grid__inner{display:grid;margin:0;grid-gap:16px;grid-gap:16px;grid-gap:16px;grid-gap:var(--mdc-layout-grid-gutter-phone,16px);grid-template-columns:repeat(4,minmax(0,1fr))}}}
@media (min-width:840px){.mdc-layout-grid__cell{width:calc(33.33333% - 24px);width:calc(33.33333% - 24px);width:calc(33.33333% - 24px);width:calc(33.33333% - var(--mdc-layout-grid-gutter-desktop, 24px));-webkit-box-sizing:border-box;box-sizing:border-box;margin:12px;margin:12px;margin:12px;margin:calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2)}@supports (display:grid){.mdc-layout-grid__cell{width:auto;grid-column-end:span 4;margin:0}}.mdc-layout-grid__cell--span-1,.mdc-layout-grid__cell--span-1-desktop{width:calc(8.33333% - 24px);width:calc(8.33333% - 24px);width:calc(8.33333% - 24px);width:calc(8.33333% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display:grid){.mdc-layout-grid__cell--span-1,.mdc-layout-grid__cell--span-1-desktop{width:auto;grid-column-end:span 1}}.mdc-layout-grid__cell--span-2,.mdc-layout-grid__cell--span-2-desktop{width:calc(16.66667% - 24px);width:calc(16.66667% - 24px);width:calc(16.66667% - 24px);width:calc(16.66667% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display:grid){.mdc-layout-grid__cell--span-2,.mdc-layout-grid__cell--span-2-desktop{width:auto;grid-column-end:span 2}}.mdc-layout-grid__cell--span-3,.mdc-layout-grid__cell--span-3-desktop{width:calc(25% - 24px);width:calc(25% - 24px);width:calc(25% - 24px);width:calc(25% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display:grid){.mdc-layout-grid__cell--span-3,.mdc-layout-grid__cell--span-3-desktop{width:auto;grid-column-end:span 3}}.mdc-layout-grid__cell--span-4,.mdc-layout-grid__cell--span-4-desktop{width:calc(33.33333% - 24px);width:calc(33.33333% - 24px);width:calc(33.33333% - 24px);width:calc(33.33333% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display:grid){.mdc-layout-grid__cell--span-4,.mdc-layout-grid__cell--span-4-desktop{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-5,.mdc-layout-grid__cell--span-5-desktop{width:calc(41.66667% - 24px);width:calc(41.66667% - 24px);width:calc(41.66667% - 24px);width:calc(41.66667% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display:grid){.mdc-layout-grid__cell--span-5,.mdc-layout-grid__cell--span-5-desktop{width:auto;grid-column-end:span 5}}.mdc-layout-grid__cell--span-6,.mdc-layout-grid__cell--span-6-desktop{width:calc(50% - 24px);width:calc(50% - 24px);width:calc(50% - 24px);width:calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display:grid){.mdc-layout-grid__cell--span-6,.mdc-layout-grid__cell--span-6-desktop{width:auto;grid-column-end:span 6}}.mdc-layout-grid__cell--span-7,.mdc-layout-grid__cell--span-7-desktop{width:calc(58.33333% - 24px);width:calc(58.33333% - 24px);width:calc(58.33333% - 24px);width:calc(58.33333% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display:grid){.mdc-layout-grid__cell--span-7,.mdc-layout-grid__cell--span-7-desktop{width:auto;grid-column-end:span 7}}.mdc-layout-grid__cell--span-8,.mdc-layout-grid__cell--span-8-desktop{width:calc(66.66667% - 24px);width:calc(66.66667% - 24px);width:calc(66.66667% - 24px);width:calc(66.66667% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display:grid){.mdc-layout-grid__cell--span-8,.mdc-layout-grid__cell--span-8-desktop{width:auto;grid-column-end:span 8}}.mdc-layout-grid__cell--span-9,.mdc-layout-grid__cell--span-9-desktop{width:calc(75% - 24px);width:calc(75% - 24px);width:calc(75% - 24px);width:calc(75% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display:grid){.mdc-layout-grid__cell--span-9,.mdc-layout-grid__cell--span-9-desktop{width:auto;grid-column-end:span 9}}.mdc-layout-grid__cell--span-10,.mdc-layout-grid__cell--span-10-desktop{width:calc(83.33333% - 24px);width:calc(83.33333% - 24px);width:calc(83.33333% - 24px);width:calc(83.33333% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display:grid){.mdc-layout-grid__cell--span-10,.mdc-layout-grid__cell--span-10-desktop{width:auto;grid-column-end:span 10}}.mdc-layout-grid__cell--span-11,.mdc-layout-grid__cell--span-11-desktop{width:calc(91.66667% - 24px);width:calc(91.66667% - 24px);width:calc(91.66667% - 24px);width:calc(91.66667% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display:grid){.mdc-layout-grid__cell--span-11,.mdc-layout-grid__cell--span-11-desktop{width:auto;grid-column-end:span 11}}.mdc-layout-grid__cell--span-12,.mdc-layout-grid__cell--span-12-desktop{width:calc(100% - 24px);width:calc(100% - 24px);width:calc(100% - 24px);width:calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports (display:grid){.mdc-layout-grid__cell--span-12,.mdc-layout-grid__cell--span-12-desktop{width:auto;grid-column-end:span 12}}}
@media (min-width:480px) and (max-width:839px){.mdc-layout-grid__cell{width:calc(50% - 16px);width:calc(50% - 16px);width:calc(50% - 16px);width:calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px));-webkit-box-sizing:border-box;box-sizing:border-box;margin:8px;margin:8px;margin:8px;margin:calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2)}@supports (display:grid){.mdc-layout-grid__cell{width:auto;grid-column-end:span 4;margin:0}}.mdc-layout-grid__cell--span-1,.mdc-layout-grid__cell--span-1-tablet{width:calc(12.5% - 16px);width:calc(12.5% - 16px);width:calc(12.5% - 16px);width:calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display:grid){.mdc-layout-grid__cell--span-1,.mdc-layout-grid__cell--span-1-tablet{width:auto;grid-column-end:span 1}}.mdc-layout-grid__cell--span-2,.mdc-layout-grid__cell--span-2-tablet{width:calc(25% - 16px);width:calc(25% - 16px);width:calc(25% - 16px);width:calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display:grid){.mdc-layout-grid__cell--span-2,.mdc-layout-grid__cell--span-2-tablet{width:auto;grid-column-end:span 2}}.mdc-layout-grid__cell--span-3,.mdc-layout-grid__cell--span-3-tablet{width:calc(37.5% - 16px);width:calc(37.5% - 16px);width:calc(37.5% - 16px);width:calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display:grid){.mdc-layout-grid__cell--span-3,.mdc-layout-grid__cell--span-3-tablet{width:auto;grid-column-end:span 3}}.mdc-layout-grid__cell--span-4,.mdc-layout-grid__cell--span-4-tablet{width:calc(50% - 16px);width:calc(50% - 16px);width:calc(50% - 16px);width:calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display:grid){.mdc-layout-grid__cell--span-4,.mdc-layout-grid__cell--span-4-tablet{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-5,.mdc-layout-grid__cell--span-5-tablet{width:calc(62.5% - 16px);width:calc(62.5% - 16px);width:calc(62.5% - 16px);width:calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display:grid){.mdc-layout-grid__cell--span-5,.mdc-layout-grid__cell--span-5-tablet{width:auto;grid-column-end:span 5}}.mdc-layout-grid__cell--span-6,.mdc-layout-grid__cell--span-6-tablet{width:calc(75% - 16px);width:calc(75% - 16px);width:calc(75% - 16px);width:calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display:grid){.mdc-layout-grid__cell--span-6,.mdc-layout-grid__cell--span-6-tablet{width:auto;grid-column-end:span 6}}.mdc-layout-grid__cell--span-7,.mdc-layout-grid__cell--span-7-tablet{width:calc(87.5% - 16px);width:calc(87.5% - 16px);width:calc(87.5% - 16px);width:calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display:grid){.mdc-layout-grid__cell--span-7,.mdc-layout-grid__cell--span-7-tablet{width:auto;grid-column-end:span 7}}.mdc-layout-grid__cell--span-8,.mdc-layout-grid__cell--span-8-tablet{width:calc(100% - 16px);width:calc(100% - 16px);width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display:grid){.mdc-layout-grid__cell--span-8,.mdc-layout-grid__cell--span-8-tablet{width:auto;grid-column-end:span 8}}.mdc-layout-grid__cell--span-9,.mdc-layout-grid__cell--span-9-tablet{width:calc(100% - 16px);width:calc(100% - 16px);width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display:grid){.mdc-layout-grid__cell--span-9,.mdc-layout-grid__cell--span-9-tablet{width:auto;grid-column-end:span 8}}.mdc-layout-grid__cell--span-10,.mdc-layout-grid__cell--span-10-tablet{width:calc(100% - 16px);width:calc(100% - 16px);width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display:grid){.mdc-layout-grid__cell--span-10,.mdc-layout-grid__cell--span-10-tablet{width:auto;grid-column-end:span 8}}.mdc-layout-grid__cell--span-11,.mdc-layout-grid__cell--span-11-tablet{width:calc(100% - 16px);width:calc(100% - 16px);width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display:grid){.mdc-layout-grid__cell--span-11,.mdc-layout-grid__cell--span-11-tablet{width:auto;grid-column-end:span 8}}.mdc-layout-grid__cell--span-12,.mdc-layout-grid__cell--span-12-tablet{width:calc(100% - 16px);width:calc(100% - 16px);width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports (display:grid){.mdc-layout-grid__cell--span-12,.mdc-layout-grid__cell--span-12-tablet{width:auto;grid-column-end:span 8}}}
@media (max-width:479px){.mdc-layout-grid__cell{width:calc(100% - 16px);width:calc(100% - 16px);width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));-webkit-box-sizing:border-box;box-sizing:border-box;margin:8px;margin:8px;margin:8px;margin:calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2)}@supports (display:grid){.mdc-layout-grid__cell{width:auto;grid-column-end:span 4;margin:0}}.mdc-layout-grid__cell--span-1,.mdc-layout-grid__cell--span-1-phone{width:calc(25% - 16px);width:calc(25% - 16px);width:calc(25% - 16px);width:calc(25% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display:grid){.mdc-layout-grid__cell--span-1,.mdc-layout-grid__cell--span-1-phone{width:auto;grid-column-end:span 1}}.mdc-layout-grid__cell--span-2,.mdc-layout-grid__cell--span-2-phone{width:calc(50% - 16px);width:calc(50% - 16px);width:calc(50% - 16px);width:calc(50% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display:grid){.mdc-layout-grid__cell--span-2,.mdc-layout-grid__cell--span-2-phone{width:auto;grid-column-end:span 2}}.mdc-layout-grid__cell--span-3,.mdc-layout-grid__cell--span-3-phone{width:calc(75% - 16px);width:calc(75% - 16px);width:calc(75% - 16px);width:calc(75% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display:grid){.mdc-layout-grid__cell--span-3,.mdc-layout-grid__cell--span-3-phone{width:auto;grid-column-end:span 3}}.mdc-layout-grid__cell--span-4,.mdc-layout-grid__cell--span-4-phone{width:calc(100% - 16px);width:calc(100% - 16px);width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display:grid){.mdc-layout-grid__cell--span-4,.mdc-layout-grid__cell--span-4-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-5,.mdc-layout-grid__cell--span-5-phone{width:calc(100% - 16px);width:calc(100% - 16px);width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display:grid){.mdc-layout-grid__cell--span-5,.mdc-layout-grid__cell--span-5-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-6,.mdc-layout-grid__cell--span-6-phone{width:calc(100% - 16px);width:calc(100% - 16px);width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display:grid){.mdc-layout-grid__cell--span-6,.mdc-layout-grid__cell--span-6-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-7,.mdc-layout-grid__cell--span-7-phone{width:calc(100% - 16px);width:calc(100% - 16px);width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display:grid){.mdc-layout-grid__cell--span-7,.mdc-layout-grid__cell--span-7-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-8,.mdc-layout-grid__cell--span-8-phone{width:calc(100% - 16px);width:calc(100% - 16px);width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display:grid){.mdc-layout-grid__cell--span-8,.mdc-layout-grid__cell--span-8-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-9,.mdc-layout-grid__cell--span-9-phone{width:calc(100% - 16px);width:calc(100% - 16px);width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display:grid){.mdc-layout-grid__cell--span-9,.mdc-layout-grid__cell--span-9-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-10,.mdc-layout-grid__cell--span-10-phone{width:calc(100% - 16px);width:calc(100% - 16px);width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display:grid){.mdc-layout-grid__cell--span-10,.mdc-layout-grid__cell--span-10-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-11,.mdc-layout-grid__cell--span-11-phone{width:calc(100% - 16px);width:calc(100% - 16px);width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display:grid){.mdc-layout-grid__cell--span-11,.mdc-layout-grid__cell--span-11-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-12,.mdc-layout-grid__cell--span-12-phone{width:calc(100% - 16px);width:calc(100% - 16px);width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports (display:grid){.mdc-layout-grid__cell--span-12,.mdc-layout-grid__cell--span-12-phone{width:auto;grid-column-end:span 4}}}
.mdc-layout-grid__cell--order-1{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}
.mdc-layout-grid__cell--order-2{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}
.mdc-layout-grid__cell--order-3{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3}
.mdc-layout-grid__cell--order-4{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4}
.mdc-layout-grid__cell--order-5{-webkit-box-ordinal-group:6;-webkit-order:5;-ms-flex-order:5;order:5}
.mdc-layout-grid__cell--order-6{-webkit-box-ordinal-group:7;-webkit-order:6;-ms-flex-order:6;order:6}
.mdc-layout-grid__cell--order-7{-webkit-box-ordinal-group:8;-webkit-order:7;-ms-flex-order:7;order:7}
.mdc-layout-grid__cell--order-8{-webkit-box-ordinal-group:9;-webkit-order:8;-ms-flex-order:8;order:8}
.mdc-layout-grid__cell--order-9{-webkit-box-ordinal-group:10;-webkit-order:9;-ms-flex-order:9;order:9}
.mdc-layout-grid__cell--order-10{-webkit-box-ordinal-group:11;-webkit-order:10;-ms-flex-order:10;order:10}
.mdc-layout-grid__cell--order-11{-webkit-box-ordinal-group:12;-webkit-order:11;-ms-flex-order:11;order:11}
.mdc-layout-grid__cell--order-12{-webkit-box-ordinal-group:13;-webkit-order:12;-ms-flex-order:12;order:12}
.mdc-layout-grid__cell--align-top{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}
@supports (display:grid){.mdc-layout-grid__cell--align-top{-webkit-align-self:start;-ms-flex-item-align:start;align-self:start}}
.mdc-layout-grid__cell--align-middle{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}
.mdc-layout-grid__cell--align-bottom{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}
@supports (display:grid){.mdc-layout-grid__cell--align-bottom{-webkit-align-self:end;-ms-flex-item-align:end;align-self:end}}
@media (min-width:840px){.mdc-layout-grid--fixed-column-width{width:1176px;width:1176px;width:1176px;width:1176px;width:1176px;width:1176px;width:1176px;width:1176px;width:1176px;width:calc(var(--mdc-layout-grid-column-width-desktop, 72px) * 12 + var(--mdc-layout-grid-gutter-desktop, 24px) * 11 + var(--mdc-layout-grid-margin-desktop, 24px) * 2)}}
@media (min-width:480px) and (max-width:839px){.mdc-layout-grid--fixed-column-width{width:720px;width:720px;width:720px;width:720px;width:720px;width:720px;width:720px;width:720px;width:720px;width:calc(var(--mdc-layout-grid-column-width-tablet, 72px) * 8 + var(--mdc-layout-grid-gutter-tablet, 16px) * 7 + var(--mdc-layout-grid-margin-tablet, 16px) * 2)}}
@media (max-width:479px){.mdc-layout-grid--fixed-column-width{width:368px;width:368px;width:368px;width:368px;width:368px;width:368px;width:368px;width:368px;width:368px;width:calc(var(--mdc-layout-grid-column-width-phone, 72px) * 4 + var(--mdc-layout-grid-gutter-phone, 16px) * 3 + var(--mdc-layout-grid-margin-phone, 16px) * 2)}}
.mdc-layout-grid--align-left{margin-right:auto;margin-left:0}
.mdc-layout-grid--align-right{margin-right:0;margin-left:auto}
@-webkit-keyframes primary-indeterminate-translate{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(.5,0,.70173,.49582);animation-timing-function:cubic-bezier(.5,0,.70173,.49582);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);-webkit-transform:translateX(83.67142%);transform:translateX(83.67142%)}to{-webkit-transform:translateX(200.61106%);transform:translateX(200.61106%)}}
@keyframes primary-indeterminate-translate{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(.5,0,.70173,.49582);animation-timing-function:cubic-bezier(.5,0,.70173,.49582);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);-webkit-transform:translateX(83.67142%);transform:translateX(83.67142%)}to{-webkit-transform:translateX(200.61106%);transform:translateX(200.61106%)}}
@-webkit-keyframes primary-indeterminate-scale{0%{-webkit-transform:scaleX(.08);transform:scaleX(.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(.33473,.12482,.78584,1);animation-timing-function:cubic-bezier(.33473,.12482,.78584,1);-webkit-transform:scaleX(.08);transform:scaleX(.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(.06,.11,.6,1);animation-timing-function:cubic-bezier(.06,.11,.6,1);-webkit-transform:scaleX(.66148);transform:scaleX(.66148)}to{-webkit-transform:scaleX(.08);transform:scaleX(.08)}}
@keyframes primary-indeterminate-scale{0%{-webkit-transform:scaleX(.08);transform:scaleX(.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(.33473,.12482,.78584,1);animation-timing-function:cubic-bezier(.33473,.12482,.78584,1);-webkit-transform:scaleX(.08);transform:scaleX(.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(.06,.11,.6,1);animation-timing-function:cubic-bezier(.06,.11,.6,1);-webkit-transform:scaleX(.66148);transform:scaleX(.66148)}to{-webkit-transform:scaleX(.08);transform:scaleX(.08)}}
@-webkit-keyframes secondary-indeterminate-translate{0%{-webkit-animation-timing-function:cubic-bezier(.15,0,.51506,.40969);animation-timing-function:cubic-bezier(.15,0,.51506,.40969);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(.31033,.28406,.8,.73371);animation-timing-function:cubic-bezier(.31033,.28406,.8,.73371);-webkit-transform:translateX(37.65191%);transform:translateX(37.65191%)}48.35%{-webkit-animation-timing-function:cubic-bezier(.4,.62704,.6,.90203);animation-timing-function:cubic-bezier(.4,.62704,.6,.90203);-webkit-transform:translateX(84.38617%);transform:translateX(84.38617%)}to{-webkit-transform:translateX(160.27778%);transform:translateX(160.27778%)}}
@keyframes secondary-indeterminate-translate{0%{-webkit-animation-timing-function:cubic-bezier(.15,0,.51506,.40969);animation-timing-function:cubic-bezier(.15,0,.51506,.40969);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(.31033,.28406,.8,.73371);animation-timing-function:cubic-bezier(.31033,.28406,.8,.73371);-webkit-transform:translateX(37.65191%);transform:translateX(37.65191%)}48.35%{-webkit-animation-timing-function:cubic-bezier(.4,.62704,.6,.90203);animation-timing-function:cubic-bezier(.4,.62704,.6,.90203);-webkit-transform:translateX(84.38617%);transform:translateX(84.38617%)}to{-webkit-transform:translateX(160.27778%);transform:translateX(160.27778%)}}
@-webkit-keyframes secondary-indeterminate-scale{0%{-webkit-animation-timing-function:cubic-bezier(.20503,.05705,.57661,.45397);animation-timing-function:cubic-bezier(.20503,.05705,.57661,.45397);-webkit-transform:scaleX(.08);transform:scaleX(.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(.15231,.19643,.64837,1.00432);animation-timing-function:cubic-bezier(.15231,.19643,.64837,1.00432);-webkit-transform:scaleX(.4571);transform:scaleX(.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(.25776,-.00316,.21176,1.38179);animation-timing-function:cubic-bezier(.25776,-.00316,.21176,1.38179);-webkit-transform:scaleX(.72796);transform:scaleX(.72796)}to{-webkit-transform:scaleX(.08);transform:scaleX(.08)}}
@keyframes secondary-indeterminate-scale{0%{-webkit-animation-timing-function:cubic-bezier(.20503,.05705,.57661,.45397);animation-timing-function:cubic-bezier(.20503,.05705,.57661,.45397);-webkit-transform:scaleX(.08);transform:scaleX(.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(.15231,.19643,.64837,1.00432);animation-timing-function:cubic-bezier(.15231,.19643,.64837,1.00432);-webkit-transform:scaleX(.4571);transform:scaleX(.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(.25776,-.00316,.21176,1.38179);animation-timing-function:cubic-bezier(.25776,-.00316,.21176,1.38179);-webkit-transform:scaleX(.72796);transform:scaleX(.72796)}to{-webkit-transform:scaleX(.08);transform:scaleX(.08)}}
@-webkit-keyframes buffering{to{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}
@keyframes buffering{to{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}
@-webkit-keyframes primary-indeterminate-translate-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(.5,0,.70173,.49582);animation-timing-function:cubic-bezier(.5,0,.70173,.49582);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);-webkit-transform:translateX(-83.67142%);transform:translateX(-83.67142%)}to{-webkit-transform:translateX(-200.61106%);transform:translateX(-200.61106%)}}
@keyframes primary-indeterminate-translate-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(.5,0,.70173,.49582);animation-timing-function:cubic-bezier(.5,0,.70173,.49582);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);-webkit-transform:translateX(-83.67142%);transform:translateX(-83.67142%)}to{-webkit-transform:translateX(-200.61106%);transform:translateX(-200.61106%)}}
@-webkit-keyframes secondary-indeterminate-translate-reverse{0%{-webkit-animation-timing-function:cubic-bezier(.15,0,.51506,.40969);animation-timing-function:cubic-bezier(.15,0,.51506,.40969);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(.31033,.28406,.8,.73371);animation-timing-function:cubic-bezier(.31033,.28406,.8,.73371);-webkit-transform:translateX(-37.65191%);transform:translateX(-37.65191%)}48.35%{-webkit-animation-timing-function:cubic-bezier(.4,.62704,.6,.90203);animation-timing-function:cubic-bezier(.4,.62704,.6,.90203);-webkit-transform:translateX(-84.38617%);transform:translateX(-84.38617%)}to{-webkit-transform:translateX(-160.27778%);transform:translateX(-160.27778%)}}
@keyframes secondary-indeterminate-translate-reverse{0%{-webkit-animation-timing-function:cubic-bezier(.15,0,.51506,.40969);animation-timing-function:cubic-bezier(.15,0,.51506,.40969);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(.31033,.28406,.8,.73371);animation-timing-function:cubic-bezier(.31033,.28406,.8,.73371);-webkit-transform:translateX(-37.65191%);transform:translateX(-37.65191%)}48.35%{-webkit-animation-timing-function:cubic-bezier(.4,.62704,.6,.90203);animation-timing-function:cubic-bezier(.4,.62704,.6,.90203);-webkit-transform:translateX(-84.38617%);transform:translateX(-84.38617%)}to{-webkit-transform:translateX(-160.27778%);transform:translateX(-160.27778%)}}
@-webkit-keyframes buffering-reverse{to{-webkit-transform:translateX(10px);transform:translateX(10px)}}
@keyframes buffering-reverse{to{-webkit-transform:translateX(10px);transform:translateX(10px)}}
.mdc-linear-progress{position:relative;width:100%;height:4px;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .25s cubic-bezier(.4,0,.6,1) 0ms;-o-transition:opacity .25s cubic-bezier(.4,0,.6,1) 0ms;transition:opacity .25s cubic-bezier(.4,0,.6,1) 0ms;overflow:hidden}
.mdc-linear-progress__bar{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;transition:-webkit-transform .25s cubic-bezier(.4,0,.6,1) 0ms;-webkit-transition:-webkit-transform .25s cubic-bezier(.4,0,.6,1) 0ms;-o-transition:transform .25s cubic-bezier(.4,0,.6,1) 0ms;transition:transform .25s cubic-bezier(.4,0,.6,1) 0ms;transition:transform .25s cubic-bezier(.4,0,.6,1) 0ms, -webkit-transform .25s cubic-bezier(.4,0,.6,1) 0ms;transition:transform .25s cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform .25s cubic-bezier(.4,0,.6,1) 0ms}
.mdc-linear-progress__bar,.mdc-linear-progress__bar-inner{position:absolute;width:100%;height:100%;-webkit-animation:none;animation:none}
.mdc-linear-progress__bar-inner{display:inline-block}
.mdc-linear-progress__buffering-dots{position:absolute;width:100%;height:100%;-webkit-animation:buffering .25s infinite linear;animation:buffering .25s infinite linear;background-repeat:repeat-x;background-size:10px 4px}
.mdc-linear-progress__buffer{position:absolute;width:100%;height:100%;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;transition:-webkit-transform .25s cubic-bezier(.4,0,.6,1) 0ms;-webkit-transition:-webkit-transform .25s cubic-bezier(.4,0,.6,1) 0ms;-o-transition:transform .25s cubic-bezier(.4,0,.6,1) 0ms;transition:transform .25s cubic-bezier(.4,0,.6,1) 0ms;transition:transform .25s cubic-bezier(.4,0,.6,1) 0ms, -webkit-transform .25s cubic-bezier(.4,0,.6,1) 0ms;transition:transform .25s cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform .25s cubic-bezier(.4,0,.6,1) 0ms}
.mdc-linear-progress__primary-bar{-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0)}
.mdc-linear-progress__secondary-bar{visibility:hidden}
.mdc-linear-progress--indeterminate .mdc-linear-progress__bar{-webkit-transition:none;-o-transition:none;transition:none}
.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar{left:-145.166611%;-webkit-animation:primary-indeterminate-translate 2s infinite linear;animation:primary-indeterminate-translate 2s infinite linear}
.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar>.mdc-linear-progress__bar-inner{-webkit-animation:primary-indeterminate-scale 2s infinite linear;animation:primary-indeterminate-scale 2s infinite linear}
.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar{left:-54.888891%;-webkit-animation:secondary-indeterminate-translate 2s infinite linear;animation:secondary-indeterminate-translate 2s infinite linear;visibility:visible}
.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar>.mdc-linear-progress__bar-inner{-webkit-animation:secondary-indeterminate-scale 2s infinite linear;animation:secondary-indeterminate-scale 2s infinite linear}
.mdc-linear-progress--reversed .mdc-linear-progress__bar,.mdc-linear-progress--reversed .mdc-linear-progress__buffer{right:0;-webkit-transform-origin:center right;-ms-transform-origin:center right;transform-origin:center right}
.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar{-webkit-animation-name:primary-indeterminate-translate-reverse;animation-name:primary-indeterminate-translate-reverse}
.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar{-webkit-animation-name:secondary-indeterminate-translate-reverse;animation-name:secondary-indeterminate-translate-reverse}
.mdc-linear-progress--reversed .mdc-linear-progress__buffering-dots{-webkit-animation:buffering-reverse .25s infinite linear;animation:buffering-reverse .25s infinite linear}
.mdc-linear-progress--closed{opacity:0}
.mdc-linear-progress__bar-inner{background-color:#6200ee;background-color:#6200ee;background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee)}
.mdc-linear-progress__buffering-dots{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E")}
.mdc-linear-progress__buffer{background-color:#e6e6e6}
.mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar{right:-145.166611%;left:auto}
.mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar{right:-54.888891%;left:auto}
.mdc-list{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.75rem;font-weight:400;letter-spacing:.04em;text-decoration:inherit;text-transform:inherit;color:rgba(0, 0, 0, .87);color:rgba(0, 0, 0, .87);color:rgba(0, 0, 0, .87);color:var(--mdc-theme-text-primary-on-background,rgba(0, 0, 0, .87));margin:0;padding:8px 0;line-height:1.5rem;list-style-type:none}
.mdc-list-item__secondary-text{color:rgba(0, 0, 0, .54);color:rgba(0, 0, 0, .54);color:rgba(0, 0, 0, .54);color:var(--mdc-theme-text-secondary-on-background,rgba(0, 0, 0, .54))}
.mdc-list-item__graphic{background-color:transparent;color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:var(--mdc-theme-text-icon-on-background,rgba(0, 0, 0, .38))}
.mdc-list-item__meta{color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:var(--mdc-theme-text-hint-on-background,rgba(0, 0, 0, .38))}
.mdc-list--dense{padding-top:4px;padding-bottom:4px;font-size:.812rem}
.mdc-list-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;height:48px;padding:0 16px;overflow:hidden}
.mdc-list-item:focus{outline:none}
.mdc-list-item--activated,.mdc-list-item--activated .mdc-list-item__graphic,.mdc-list-item--selected,.mdc-list-item--selected .mdc-list-item__graphic{color:#6200ee;color:#6200ee;color:#6200ee;color:var(--mdc-theme-primary,#6200ee)}
.mdc-list-item__graphic{margin-left:0;margin-right:32px;width:24px;height:24px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.mdc-list-item[dir=rtl] .mdc-list-item__graphic,[dir=rtl] .mdc-list-item .mdc-list-item__graphic{margin-left:32px;margin-right:0}
.mdc-list-item__meta{margin-left:auto;margin-right:0}
.mdc-list-item[dir=rtl] .mdc-list-item__meta,[dir=rtl] .mdc-list-item .mdc-list-item__meta{margin-left:0;margin-right:auto}
.mdc-list-item__secondary-text,.mdc-list-item__text{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}
.mdc-list-item__secondary-text{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:1.25rem;font-weight:400;letter-spacing:.04em;text-decoration:inherit;text-transform:inherit}
.mdc-list--dense .mdc-list-item__secondary-text{font-size:inherit}
.mdc-list--dense .mdc-list-item{height:40px}
.mdc-list--dense .mdc-list-item__graphic{margin-left:0;margin-right:36px;width:20px;height:20px}
.mdc-list-item[dir=rtl] .mdc-list--dense .mdc-list-item__graphic,[dir=rtl] .mdc-list-item .mdc-list--dense .mdc-list-item__graphic{margin-left:36px;margin-right:0}
.mdc-list--avatar-list .mdc-list-item{height:56px}
.mdc-list--avatar-list .mdc-list-item__graphic{margin-left:0;margin-right:16px;width:40px;height:40px;border-radius:50%}
.mdc-list-item[dir=rtl] .mdc-list--avatar-list .mdc-list-item__graphic,[dir=rtl] .mdc-list-item .mdc-list--avatar-list .mdc-list-item__graphic{margin-left:16px;margin-right:0}
:not(.mdc-list--non-interactive)>.mdc-list-item{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity}
:not(.mdc-list--non-interactive)>.mdc-list-item:after,:not(.mdc-list--non-interactive)>.mdc-list-item:before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}
:not(.mdc-list--non-interactive)>.mdc-list-item:before{-webkit-transition:opacity 15ms linear;-o-transition:opacity 15ms linear;transition:opacity 15ms linear;z-index:1}
:not(.mdc-list--non-interactive)>.mdc-list-item.mdc-ripple-upgraded:before{-webkit-transform:scale(1);-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));-ms-transform:scale(1);transform:scale(1);-ms-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}
:not(.mdc-list--non-interactive)>.mdc-list-item.mdc-ripple-upgraded:after{top:0;left:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
:not(.mdc-list--non-interactive)>.mdc-list-item.mdc-ripple-upgraded--unbounded:after{top:0;top:var(--mdc-ripple-top,0);left:0;left:var(--mdc-ripple-left,0)}
:not(.mdc-list--non-interactive)>.mdc-list-item.mdc-ripple-upgraded--foreground-activation:after{-webkit-animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards;animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards}
:not(.mdc-list--non-interactive)>.mdc-list-item.mdc-ripple-upgraded--foreground-deactivation:after{-webkit-animation:.15s mdc-ripple-fg-opacity-out;animation:.15s mdc-ripple-fg-opacity-out;-webkit-transform:translate(0) scale(1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));-ms-transform:translate(0) scale(1);transform:translate(0) scale(1);-ms-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}
:not(.mdc-list--non-interactive)>.mdc-list-item:after,:not(.mdc-list--non-interactive)>.mdc-list-item:before{top:-50%;left:-50%;width:200%;height:200%}
:not(.mdc-list--non-interactive)>.mdc-list-item.mdc-ripple-upgraded:after{width:100%;width:var(--mdc-ripple-fg-size,100%);height:100%;height:var(--mdc-ripple-fg-size,100%)}
:not(.mdc-list--non-interactive)>.mdc-list-item:after,:not(.mdc-list--non-interactive)>.mdc-list-item:before{background-color:#000}
:not(.mdc-list--non-interactive)>.mdc-list-item:hover:before{opacity:.04}
:not(.mdc-list--non-interactive)>.mdc-list-item.mdc-ripple-upgraded--background-focused:before,:not(.mdc-list--non-interactive)>.mdc-list-item:not(.mdc-ripple-upgraded):focus:before{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.12}
:not(.mdc-list--non-interactive)>.mdc-list-item:not(.mdc-ripple-upgraded):after{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
:not(.mdc-list--non-interactive)>.mdc-list-item:not(.mdc-ripple-upgraded):active:after{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.16}
:not(.mdc-list--non-interactive)>.mdc-list-item.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:.16}
:not(.mdc-list--non-interactive)>.mdc-list-item--activated:before{opacity:.12}
:not(.mdc-list--non-interactive)>.mdc-list-item--activated:after,:not(.mdc-list--non-interactive)>.mdc-list-item--activated:before{background-color:#6200ee}
@supports not (-ms-ime-align:auto){:not(.mdc-list--non-interactive)>.mdc-list-item--activated:after,:not(.mdc-list--non-interactive)>.mdc-list-item--activated:before{background-color:#6200ee;background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee)}}
:not(.mdc-list--non-interactive)>.mdc-list-item--activated:hover:before{opacity:.16}
:not(.mdc-list--non-interactive)>.mdc-list-item--activated.mdc-ripple-upgraded--background-focused:before,:not(.mdc-list--non-interactive)>.mdc-list-item--activated:not(.mdc-ripple-upgraded):focus:before{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.24}
:not(.mdc-list--non-interactive)>.mdc-list-item--activated:not(.mdc-ripple-upgraded):after{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
:not(.mdc-list--non-interactive)>.mdc-list-item--activated:not(.mdc-ripple-upgraded):active:after{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.28}
:not(.mdc-list--non-interactive)>.mdc-list-item--activated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:.28}
:not(.mdc-list--non-interactive)>.mdc-list-item--selected:before{opacity:.08}
:not(.mdc-list--non-interactive)>.mdc-list-item--selected:after,:not(.mdc-list--non-interactive)>.mdc-list-item--selected:before{background-color:#6200ee}
@supports not (-ms-ime-align:auto){:not(.mdc-list--non-interactive)>.mdc-list-item--selected:after,:not(.mdc-list--non-interactive)>.mdc-list-item--selected:before{background-color:#6200ee;background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee)}}
:not(.mdc-list--non-interactive)>.mdc-list-item--selected:hover:before{opacity:.12}
:not(.mdc-list--non-interactive)>.mdc-list-item--selected.mdc-ripple-upgraded--background-focused:before,:not(.mdc-list--non-interactive)>.mdc-list-item--selected:not(.mdc-ripple-upgraded):focus:before{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.2}
:not(.mdc-list--non-interactive)>.mdc-list-item--selected:not(.mdc-ripple-upgraded):after{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
:not(.mdc-list--non-interactive)>.mdc-list-item--selected:not(.mdc-ripple-upgraded):active:after{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.24}
:not(.mdc-list--non-interactive)>.mdc-list-item--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:.24}
.mdc-list--two-line .mdc-list-item{height:72px}
.mdc-list--two-line.mdc-list--dense .mdc-list-item{height:60px}
.mdc-list--avatar-list.mdc-list--dense .mdc-list-item{height:48px}
.mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic{margin-left:0;margin-right:20px;width:36px;height:36px}
.mdc-list-item[dir=rtl] .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic,[dir=rtl] .mdc-list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic{margin-left:20px;margin-right:0}
a.mdc-list-item{color:inherit;text-decoration:none}
.mdc-list-divider{height:0;margin:0;border:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(0, 0, 0, .12)}
.mdc-list-divider--padded{margin:0 16px}
.mdc-list-divider--inset{margin-left:72px;margin-right:0;width:calc(100% - 72px)}
.mdc-list-group[dir=rtl] .mdc-list-divider--inset,[dir=rtl] .mdc-list-group .mdc-list-divider--inset{margin-left:0;margin-right:72px}
.mdc-list-divider--inset.mdc-list-divider--padded{width:calc(100% - 88px)}
.mdc-list-group .mdc-list{padding:0}
.mdc-list-group__subheader{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:1.5rem;font-weight:500;letter-spacing:.04em;text-decoration:inherit;text-transform:inherit;margin:.75rem 16px;color:rgba(0, 0, 0, .87);color:rgba(0, 0, 0, .87);color:rgba(0, 0, 0, .87);color:var(--mdc-theme-text-primary-on-background,rgba(0, 0, 0, .87))}
.mdc-menu{-webkit-box-shadow:0 3px 1px -2px rgba(0, 0, 0, .2),0 2px 2px 0 rgba(0, 0, 0, .14),0 1px 5px 0 rgba(0, 0, 0, .12);box-shadow:0 3px 1px -2px rgba(0, 0, 0, .2),0 2px 2px 0 rgba(0, 0, 0, .14),0 1px 5px 0 rgba(0, 0, 0, .12);background-color:#fff;background-color:#fff;background-color:#fff;background-color:var(--mdc-theme-background,#fff);display:none;position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:170px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);margin:0;padding:0;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;border-radius:2px;opacity:0;white-space:nowrap;overflow-x:hidden;overflow-y:auto;will-change:transform,opacity;z-index:4}
.mdc-menu:focus{outline:none}
.mdc-menu--animating-open{display:inline-block;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);transition:opacity .03s linear,-webkit-transform .12s cubic-bezier(0,0,.2,1);-webkit-transition:opacity .03s linear,-webkit-transform .12s cubic-bezier(0,0,.2,1);-o-transition:opacity .03s linear,transform .12s cubic-bezier(0,0,.2,1);transition:opacity .03s linear,transform .12s cubic-bezier(0,0,.2,1);transition:opacity .03s linear,transform .12s cubic-bezier(0,0,.2,1),-webkit-transform .12s cubic-bezier(0,0,.2,1);opacity:0;overflow-y:hidden}
.mdc-menu--open{display:inline-block;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
.mdc-menu--animating-closed{display:inline-block;-webkit-transition:opacity 75ms linear;-o-transition:opacity 75ms linear;transition:opacity 75ms linear;opacity:0;overflow-y:hidden}
.mdc-menu__items{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);overflow-x:hidden;overflow-y:auto;will-change:transform}
.mdc-menu__items>.mdc-list-item{cursor:pointer}
.mdc-menu--animating .mdc-menu__items{overflow-y:hidden}
.mdc-menu--animating-open>.mdc-menu__items{-webkit-transform:scale(1.25);-ms-transform:scale(1.25);transform:scale(1.25)}
.mdc-menu--open>.mdc-menu__items{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
[dir=rtl] .mdc-menu{-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right}
.mdc-menu .mdc-list,.mdc-menu .mdc-list-group{padding:8px 0}
.mdc-menu .mdc-list-item{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.75rem;font-weight:400;letter-spacing:.04em;text-decoration:inherit;text-transform:inherit;position:relative;outline:none;color:inherit;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.mdc-menu .mdc-list-item__graphic{color:rgba(0, 0, 0, .54);color:rgba(0, 0, 0, .54);color:rgba(0, 0, 0, .54);color:var(--mdc-theme-text-secondary-on-background,rgba(0, 0, 0, .54))}
.mdc-menu .mdc-list-item[aria-disabled=true]{color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:var(--mdc-theme-text-disabled-on-background,rgba(0, 0, 0, .38));cursor:default;pointer-events:none}
.mdc-menu .mdc-list-item[aria-disabled=true]:focus:before{opacity:0}
.mdc-menu-anchor{position:relative;overflow:visible}
.mdc-radio{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;display:inline-block;position:relative;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;width:40px;height:40px;padding:10px;cursor:pointer;will-change:opacity,transform,border-color,background-color,color}
.mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0, 0, 0, .54);border-color:rgba(0, 0, 0, .54);border-color:rgba(0, 0, 0, .54);border-color:var(--mdc-theme-text-secondary-on-background,rgba(0, 0, 0, .54))}
.mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:#018786;border-color:#018786;border-color:#018786;border-color:var(--mdc-theme-secondary,#018786)}
.mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle{background-color:#018786;background-color:#018786;background-color:#018786;background-color:var(--mdc-theme-secondary,#018786)}
.mdc-radio .mdc-radio__background:before{background-color:#018786}
@supports not (-ms-ime-align:auto){.mdc-radio .mdc-radio__background:before{background-color:#018786;background-color:#018786;background-color:var(--mdc-theme-secondary,#018786)}}
.mdc-radio:after,.mdc-radio:before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}
.mdc-radio:before{-webkit-transition:opacity 15ms linear;-o-transition:opacity 15ms linear;transition:opacity 15ms linear;z-index:1}
.mdc-radio.mdc-ripple-upgraded:before{-webkit-transform:scale(1);-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));-ms-transform:scale(1);transform:scale(1);-ms-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}
.mdc-radio.mdc-ripple-upgraded:after{top:0;left:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.mdc-radio.mdc-ripple-upgraded--unbounded:after{top:0;top:var(--mdc-ripple-top,0);left:0;left:var(--mdc-ripple-left,0)}
.mdc-radio.mdc-ripple-upgraded--foreground-activation:after{-webkit-animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards;animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards}
.mdc-radio.mdc-ripple-upgraded--foreground-deactivation:after{-webkit-animation:.15s mdc-ripple-fg-opacity-out;animation:.15s mdc-ripple-fg-opacity-out;-webkit-transform:translate(0) scale(1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));-ms-transform:translate(0) scale(1);transform:translate(0) scale(1);-ms-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}
.mdc-radio:after,.mdc-radio:before{top:0%;left:0%;width:100%;height:100%}
.mdc-radio.mdc-ripple-upgraded:after,.mdc-radio.mdc-ripple-upgraded:before{top:0%;top:var(--mdc-ripple-top,0%);left:0%;left:var(--mdc-ripple-left,0%);width:100%;width:var(--mdc-ripple-fg-size,100%);height:100%;height:var(--mdc-ripple-fg-size,100%)}
.mdc-radio.mdc-ripple-upgraded:after{width:100%;width:var(--mdc-ripple-fg-size,100%);height:100%;height:var(--mdc-ripple-fg-size,100%)}
.mdc-radio:after,.mdc-radio:before{background-color:#018786}
@supports not (-ms-ime-align:auto){.mdc-radio:after,.mdc-radio:before{background-color:#018786;background-color:#018786;background-color:var(--mdc-theme-secondary,#018786)}}
.mdc-radio:hover:before{opacity:.04}
.mdc-radio.mdc-ripple-upgraded--background-focused:before,.mdc-radio:not(.mdc-ripple-upgraded):focus:before{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.12}
.mdc-radio:not(.mdc-ripple-upgraded):after{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.mdc-radio:not(.mdc-ripple-upgraded):active:after{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.16}
.mdc-radio.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:.16}
.mdc-radio__background{display:inline-block;position:absolute;left:10px;-webkit-box-sizing:border-box;box-sizing:border-box;width:50%;height:50%}
.mdc-radio__background:before{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition:opacity .12s cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform .12s cubic-bezier(.4,0,.6,1) 0ms;-webkit-transition:opacity .12s cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform .12s cubic-bezier(.4,0,.6,1) 0ms;-o-transition:opacity .12s cubic-bezier(.4,0,.6,1) 0ms,transform .12s cubic-bezier(.4,0,.6,1) 0ms;transition:opacity .12s cubic-bezier(.4,0,.6,1) 0ms,transform .12s cubic-bezier(.4,0,.6,1) 0ms;transition:opacity .12s cubic-bezier(.4,0,.6,1) 0ms,transform .12s cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform .12s cubic-bezier(.4,0,.6,1) 0ms;opacity:0;pointer-events:none;content:""}
.mdc-radio__background:before,.mdc-radio__outer-circle{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%}
.mdc-radio__outer-circle{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border-color .12s cubic-bezier(.4,0,.6,1) 0ms;-o-transition:border-color .12s cubic-bezier(.4,0,.6,1) 0ms;transition:border-color .12s cubic-bezier(.4,0,.6,1) 0ms;border-width:2px;border-style:solid}
.mdc-radio__inner-circle{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition:background-color .12s cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform .12s cubic-bezier(.4,0,.6,1) 0ms;-webkit-transition:background-color .12s cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform .12s cubic-bezier(.4,0,.6,1) 0ms;-o-transition:transform .12s cubic-bezier(.4,0,.6,1) 0ms,background-color .12s cubic-bezier(.4,0,.6,1) 0ms;transition:transform .12s cubic-bezier(.4,0,.6,1) 0ms,background-color .12s cubic-bezier(.4,0,.6,1) 0ms;transition:transform .12s cubic-bezier(.4,0,.6,1) 0ms,background-color .12s cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform .12s cubic-bezier(.4,0,.6,1) 0ms;border-radius:50%}
.mdc-radio__inner-circle,.mdc-radio__native-control{position:absolute;top:0;left:0;width:100%;height:100%}
.mdc-radio__native-control{margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}
.mdc-radio.mdc-ripple-upgraded .mdc-radio__background:before{content:none}
.mdc-radio__native-control:checked+.mdc-radio__background,.mdc-radio__native-control:disabled+.mdc-radio__background{transition:opacity .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;-webkit-transition:opacity .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;-o-transition:opacity .12s cubic-bezier(0,0,.2,1) 0ms,transform .12s cubic-bezier(0,0,.2,1) 0ms;transition:opacity .12s cubic-bezier(0,0,.2,1) 0ms,transform .12s cubic-bezier(0,0,.2,1) 0ms;transition:opacity .12s cubic-bezier(0,0,.2,1) 0ms,transform .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms}
.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__outer-circle{-webkit-transition:border-color .12s cubic-bezier(0,0,.2,1) 0ms;-o-transition:border-color .12s cubic-bezier(0,0,.2,1) 0ms;transition:border-color .12s cubic-bezier(0,0,.2,1) 0ms}
.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{transition:background-color .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;-webkit-transition:background-color .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;-o-transition:transform .12s cubic-bezier(0,0,.2,1) 0ms,background-color .12s cubic-bezier(0,0,.2,1) 0ms;transition:transform .12s cubic-bezier(0,0,.2,1) 0ms,background-color .12s cubic-bezier(0,0,.2,1) 0ms;transition:transform .12s cubic-bezier(0,0,.2,1) 0ms,background-color .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms}
.mdc-radio--disabled{cursor:default;pointer-events:none}
.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle{-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);transition:background-color .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;-webkit-transition:background-color .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;-o-transition:transform .12s cubic-bezier(0,0,.2,1) 0ms,background-color .12s cubic-bezier(0,0,.2,1) 0ms;transition:transform .12s cubic-bezier(0,0,.2,1) 0ms,background-color .12s cubic-bezier(0,0,.2,1) 0ms;transition:transform .12s cubic-bezier(0,0,.2,1) 0ms,background-color .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms}
.mdc-radio__native-control:disabled+.mdc-radio__background,[aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background{cursor:default}
.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__outer-circle,[aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0, 0, 0, .26)}
.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle,[aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle{background-color:rgba(0, 0, 0, .26)}
.mdc-radio__native-control:focus+.mdc-radio__background:before{-webkit-transform:scale(2);-ms-transform:scale(2);transform:scale(2);transition:opacity .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;-webkit-transition:opacity .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;-o-transition:opacity .12s cubic-bezier(0,0,.2,1) 0ms,transform .12s cubic-bezier(0,0,.2,1) 0ms;transition:opacity .12s cubic-bezier(0,0,.2,1) 0ms,transform .12s cubic-bezier(0,0,.2,1) 0ms;transition:opacity .12s cubic-bezier(0,0,.2,1) 0ms,transform .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;opacity:.26}
.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:none;overflow:hidden}
.mdc-ripple-surface:after,.mdc-ripple-surface:before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}
.mdc-ripple-surface:before{-webkit-transition:opacity 15ms linear;-o-transition:opacity 15ms linear;transition:opacity 15ms linear;z-index:1}
.mdc-ripple-surface.mdc-ripple-upgraded:before{-webkit-transform:scale(1);-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));-ms-transform:scale(1);transform:scale(1);-ms-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}
.mdc-ripple-surface.mdc-ripple-upgraded:after{top:0;left:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.mdc-ripple-surface.mdc-ripple-upgraded--unbounded:after{top:0;top:var(--mdc-ripple-top,0);left:0;left:var(--mdc-ripple-left,0)}
.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation:after{-webkit-animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards;animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards}
.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation:after{-webkit-animation:.15s mdc-ripple-fg-opacity-out;animation:.15s mdc-ripple-fg-opacity-out;-webkit-transform:translate(0) scale(1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));-ms-transform:translate(0) scale(1);transform:translate(0) scale(1);-ms-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}
.mdc-ripple-surface:after,.mdc-ripple-surface:before{background-color:#000}
.mdc-ripple-surface:hover:before{opacity:.04}
.mdc-ripple-surface.mdc-ripple-upgraded--background-focused:before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus:before{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.12}
.mdc-ripple-surface:not(.mdc-ripple-upgraded):after{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.mdc-ripple-surface:not(.mdc-ripple-upgraded):active:after{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.16}
.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:.16}
.mdc-ripple-surface:after,.mdc-ripple-surface:before{top:-50%;left:-50%;width:200%;height:200%}
.mdc-ripple-surface.mdc-ripple-upgraded:after{width:100%;width:var(--mdc-ripple-fg-size,100%);height:100%;height:var(--mdc-ripple-fg-size,100%)}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded]{overflow:visible}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded]:after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]:before{top:0%;left:0%;width:100%;height:100%}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded:after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded:before{top:0%;top:var(--mdc-ripple-top,0%);left:0%;left:var(--mdc-ripple-left,0%);width:100%;width:var(--mdc-ripple-fg-size,100%);height:100%;height:var(--mdc-ripple-fg-size,100%)}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded:after{width:100%;width:var(--mdc-ripple-fg-size,100%);height:100%;height:var(--mdc-ripple-fg-size,100%)}
.mdc-ripple-surface--primary:after,.mdc-ripple-surface--primary:before{background-color:#6200ee}
@supports not (-ms-ime-align:auto){.mdc-ripple-surface--primary:after,.mdc-ripple-surface--primary:before{background-color:#6200ee;background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee)}}
.mdc-ripple-surface--primary:hover:before{opacity:.04}
.mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused:before,.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus:before{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.12}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):after{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active:after{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.16}
.mdc-ripple-surface--primary.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:.16}
.mdc-ripple-surface--accent:after,.mdc-ripple-surface--accent:before{background-color:#018786}
@supports not (-ms-ime-align:auto){.mdc-ripple-surface--accent:after,.mdc-ripple-surface--accent:before{background-color:#018786;background-color:#018786;background-color:var(--mdc-theme-secondary,#018786)}}
.mdc-ripple-surface--accent:hover:before{opacity:.04}
.mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused:before,.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus:before{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.12}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):after{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active:after{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.16}
.mdc-ripple-surface--accent.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:.16}
.mdc-select__label{right:auto;position:absolute;bottom:8px;left:0;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;transition:-webkit-transform .18s cubic-bezier(.4,0,.2,1);-webkit-transition:-webkit-transform .18s cubic-bezier(.4,0,.2,1);-o-transition:transform .18s cubic-bezier(.4,0,.2,1);transition:transform .18s cubic-bezier(.4,0,.2,1);transition:transform .18s cubic-bezier(.4,0,.2,1), -webkit-transform .18s cubic-bezier(.4,0,.2,1);transition:transform .18s cubic-bezier(.4,0,.2,1),-webkit-transform .18s cubic-bezier(.4,0,.2,1);pointer-events:none;will-change:transform}
.mdc-select__label[dir=rtl],[dir=rtl] .mdc-select__label{left:auto;right:0}
.mdc-select[dir=rtl] .mdc-select__label,[dir=rtl] .mdc-select .mdc-select__label{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}
.mdc-select__label--float-above{-webkit-transform:translateY(-100%) scale(.75);-ms-transform:translateY(-100%) scale(.75);transform:translateY(-100%) scale(.75)}
.mdc-select__bottom-line{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom}
.mdc-select__bottom-line,.mdc-select__bottom-line:after{position:absolute;bottom:0;left:0;width:100%;height:1px;transition:-webkit-transform .18s cubic-bezier(.4,0,.2,1);-webkit-transition:-webkit-transform .18s cubic-bezier(.4,0,.2,1);-o-transition:transform .18s cubic-bezier(.4,0,.2,1);transition:transform .18s cubic-bezier(.4,0,.2,1);transition:transform .18s cubic-bezier(.4,0,.2,1), -webkit-transform .18s cubic-bezier(.4,0,.2,1);transition:transform .18s cubic-bezier(.4,0,.2,1),-webkit-transform .18s cubic-bezier(.4,0,.2,1)}
.mdc-select__bottom-line:after{-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);opacity:0;content:"";z-index:2}
.mdc-select__bottom-line--active:after{opacity:1}
.mdc-select{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;letter-spacing:.04em;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='5' viewBox='7 10 10 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%230' fill-rule='evenodd' opacity='.54' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;height:48px;border:none;outline:none;background-repeat:no-repeat;background-position:right 8px bottom 8px;cursor:pointer;overflow:visible}
.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text,.mdc-select:not(.mdc-select--disabled) .mdc-select__surface{color:rgba(0, 0, 0, .87);color:rgba(0, 0, 0, .87);color:rgba(0, 0, 0, .87);color:var(--mdc-theme-text-primary-on-light,rgba(0, 0, 0, .87))}
.mdc-select:not(.mdc-select--disabled) .mdc-select__label{color:rgba(0, 0, 0, .6)}
.mdc-select:not(.mdc-select--disabled) .mdc-select__bottom-line{background-color:rgba(0, 0, 0, .5)}
.mdc-select:not(.mdc-select--disabled).mdc-select--open .mdc-select__bottom-line,.mdc-select:not(.mdc-select--disabled) .mdc-select__bottom-line:after,.mdc-select:not(.mdc-select--disabled) .mdc-select__surface:focus .mdc-select__bottom-line{background-color:#6200ee;background-color:#6200ee;background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee)}
.mdc-select:not(.mdc-select--disabled).mdc-select--open .mdc-select__label,.mdc-select:not(.mdc-select--disabled) .mdc-select__surface:focus .mdc-select__label{color:rgba(98, 0, 238, .87)}
.mdc-select[dir=rtl],[dir=rtl] .mdc-select{background-position:left 8px bottom 8px}
.mdc-select__menu{position:fixed;top:0;left:0;max-height:100%;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;z-index:4}
.mdc-select__surface{padding-left:0;padding-right:26px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:100%;height:48px;padding-bottom:8px;border:none;outline:none;overflow:hidden}
.mdc-select__surface[dir=rtl],[dir=rtl] .mdc-select__surface{padding-left:26px;padding-right:0}
.mdc-select__surface:after,.mdc-select__surface:before{background-color:#000}
.mdc-select__surface:hover:before{opacity:.04}
.mdc-select__surface.mdc-ripple-upgraded--background-focused:before,.mdc-select__surface:not(.mdc-ripple-upgraded):focus:before{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.12}
.mdc-select__surface:not(.mdc-ripple-upgraded):after{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.mdc-select__surface:not(.mdc-ripple-upgraded):active:after{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.16}
.mdc-select__surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:.16}
.mdc-select__selected-text{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:8px;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;transition:opacity 125ms cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform 125ms cubic-bezier(.4,0,.6,1) 0ms;-webkit-transition:opacity 125ms cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform 125ms cubic-bezier(.4,0,.6,1) 0ms;-o-transition:opacity 125ms cubic-bezier(.4,0,.6,1) 0ms,transform 125ms cubic-bezier(.4,0,.6,1) 0ms;transition:opacity 125ms cubic-bezier(.4,0,.6,1) 0ms,transform 125ms cubic-bezier(.4,0,.6,1) 0ms;transition:opacity 125ms cubic-bezier(.4,0,.6,1) 0ms,transform 125ms cubic-bezier(.4,0,.6,1) 0ms,-webkit-transform 125ms cubic-bezier(.4,0,.6,1) 0ms;white-space:nowrap;overflow:hidden}
.mdc-select .mdc-select__surface:focus .mdc-select__bottom-line:after{-webkit-transform:scaleY(2);-ms-transform:scaleY(2);transform:scaleY(2);opacity:1}
.mdc-select--box{height:56px;border-radius:4px 4px 0 0;background-position:right 10px center}
.mdc-select--box:not(.mdc-select--disabled) .mdc-select__surface{background-color:rgba(0, 0, 0, .04)}
.mdc-select--box[dir=rtl],[dir=rtl] .mdc-select--box{background-position:left 10px center}
.mdc-select--box .mdc-select__surface{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.75rem;font-weight:400;letter-spacing:.04em;text-decoration:inherit;text-transform:inherit;padding-left:16px;padding-right:26px;--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;height:56px;padding-bottom:0;border-radius:4px 4px 0 0}
.mdc-select--box .mdc-select__surface[dir=rtl],[dir=rtl] .mdc-select--box .mdc-select__surface{padding-left:26px;padding-right:16px}
.mdc-select--box .mdc-select__surface:after,.mdc-select--box .mdc-select__surface:before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}
.mdc-select--box .mdc-select__surface:before{-webkit-transition:opacity 15ms linear;-o-transition:opacity 15ms linear;transition:opacity 15ms linear;z-index:1}
.mdc-select--box .mdc-select__surface.mdc-ripple-upgraded:before{-webkit-transform:scale(1);-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));-ms-transform:scale(1);transform:scale(1);-ms-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}
.mdc-select--box .mdc-select__surface.mdc-ripple-upgraded:after{top:0;left:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.mdc-select--box .mdc-select__surface.mdc-ripple-upgraded--unbounded:after{top:0;top:var(--mdc-ripple-top,0);left:0;left:var(--mdc-ripple-left,0)}
.mdc-select--box .mdc-select__surface.mdc-ripple-upgraded--foreground-activation:after{-webkit-animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards;animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards}
.mdc-select--box .mdc-select__surface.mdc-ripple-upgraded--foreground-deactivation:after{-webkit-animation:.15s mdc-ripple-fg-opacity-out;animation:.15s mdc-ripple-fg-opacity-out;-webkit-transform:translate(0) scale(1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));-ms-transform:translate(0) scale(1);transform:translate(0) scale(1);-ms-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}
.mdc-select--box .mdc-select__surface:after,.mdc-select--box .mdc-select__surface:before{top:-50%;left:-50%;width:200%;height:200%}
.mdc-select--box .mdc-select__surface.mdc-ripple-upgraded:after{width:100%;width:var(--mdc-ripple-fg-size,100%);height:100%;height:var(--mdc-ripple-fg-size,100%)}
.mdc-select--box .mdc-select__label{left:16px;right:auto;bottom:12px}
.mdc-select--box .mdc-select__label[dir=rtl],[dir=rtl] .mdc-select--box .mdc-select__label{left:auto;right:16px}
.mdc-select--box .mdc-select__label--float-above{-webkit-transform:translateY(-40%) scale(.75);-ms-transform:translateY(-40%) scale(.75);transform:translateY(-40%) scale(.75)}
.mdc-select--box .mdc-select__selected-text{position:inherit;bottom:0;margin-bottom:6px}
.mdc-select--open .mdc-select__surface:before{opacity:.12}
.mdc-select--open .mdc-select__selected-text{-webkit-transform:translateY(8px);-ms-transform:translateY(8px);transform:translateY(8px);transition:opacity 125ms cubic-bezier(0,0,.2,1) 125ms,-webkit-transform 125ms cubic-bezier(0,0,.2,1) 125ms;-webkit-transition:opacity 125ms cubic-bezier(0,0,.2,1) 125ms,-webkit-transform 125ms cubic-bezier(0,0,.2,1) 125ms;-o-transition:opacity 125ms cubic-bezier(0,0,.2,1) 125ms,transform 125ms cubic-bezier(0,0,.2,1) 125ms;transition:opacity 125ms cubic-bezier(0,0,.2,1) 125ms,transform 125ms cubic-bezier(0,0,.2,1) 125ms;transition:opacity 125ms cubic-bezier(0,0,.2,1) 125ms,transform 125ms cubic-bezier(0,0,.2,1) 125ms,-webkit-transform 125ms cubic-bezier(0,0,.2,1) 125ms;opacity:0}
.mdc-select--open .mdc-select__bottom-line:after{-webkit-transform:scaleY(2);-ms-transform:scaleY(2);transform:scaleY(2);opacity:1}
.mdc-select--disabled{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='5' viewBox='7 10 10 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%230' fill-rule='evenodd' opacity='.38' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");border-bottom-width:1px;border-bottom-style:dotted;opacity:.38;cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.mdc-select--disabled .mdc-select__label{color:#000}
.mdc-select--disabled .mdc-select__bottom-line{display:none}
.mdc-select-scroll-lock{overflow:hidden}
@-webkit-keyframes mdc-slider-emphasize{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(.85);transform:scale(.85)}to{-webkit-transform:scale(.571);transform:scale(.571)}}
@keyframes mdc-slider-emphasize{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(.85);transform:scale(.85)}to{-webkit-transform:scale(.571);transform:scale(.571)}}
.mdc-slider{position:relative;width:100%;height:48px;cursor:pointer;-ms-touch-action:pan-x;touch-action:pan-x;-webkit-tap-highlight-color:transparent}
.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track{background-color:#018786;background-color:#018786;background-color:#018786;background-color:var(--mdc-theme-secondary,#018786)}
.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-container{background-color:rgba(1, 135, 134, .26)}
.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-marker-container:after,.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-marker:after{background-color:#018786;background-color:#018786;background-color:#018786;background-color:var(--mdc-theme-secondary,#018786)}
.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb{fill:#018786;fill:#018786;fill:#018786;fill:var(--mdc-theme-secondary,#018786);stroke:#018786;stroke:#018786;stroke:#018786;stroke:var(--mdc-theme-secondary,#018786)}
.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__focus-ring,.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin{background-color:#018786;background-color:#018786;background-color:#018786;background-color:var(--mdc-theme-secondary,#018786)}
.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin{color:#fff;color:#fff;color:#fff;color:var(--mdc-theme-text-primary-on-dark,#fff)}
.mdc-slider--disabled{cursor:auto}
.mdc-slider--disabled .mdc-slider__track{background-color:#9a9a9a}
.mdc-slider--disabled .mdc-slider__track-container{background-color:hsla(0, 0%, 60%, .26)}
.mdc-slider--disabled .mdc-slider__track-marker-container:after,.mdc-slider--disabled .mdc-slider__track-marker:after{background-color:#9a9a9a}
.mdc-slider--disabled .mdc-slider__thumb{fill:#9a9a9a;stroke:#9a9a9a;stroke:#fff;stroke:#fff;stroke:var(--mdc-slider-bg-color-behind-component,#fff)}
.mdc-slider:focus{outline:none}
.mdc-slider__track-container{position:absolute;top:50%;width:100%;height:2px;overflow:hidden}
.mdc-slider__track{position:absolute;width:100%;height:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;will-change:transform}
.mdc-slider[dir=rtl] .mdc-slider__track,[dir=rtl] .mdc-slider .mdc-slider__track{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}
.mdc-slider__track-marker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-right:0;margin-left:-1px;visibility:hidden}
.mdc-slider[dir=rtl] .mdc-slider__track-marker-container,[dir=rtl] .mdc-slider .mdc-slider__track-marker-container{margin-right:-1px;margin-left:0}
.mdc-slider__track-marker-container:after{display:block;width:2px;height:2px;content:""}
.mdc-slider__track-marker{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.mdc-slider__track-marker:after{display:block;width:2px;height:2px;content:""}
.mdc-slider__track-marker:first-child:after{width:3px}
.mdc-slider__thumb-container{position:absolute;top:15px;left:0;width:21px;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;will-change:transform}
.mdc-slider__thumb{position:absolute;top:0;left:0;-webkit-transform:scale(.571);-ms-transform:scale(.571);transform:scale(.571);transition:fill .1s ease-out,stroke .1s ease-out,-webkit-transform .1s ease-out;-webkit-transition:fill .1s ease-out,stroke .1s ease-out,-webkit-transform .1s ease-out;-o-transition:transform .1s ease-out,fill .1s ease-out,stroke .1s ease-out;transition:transform .1s ease-out,fill .1s ease-out,stroke .1s ease-out;transition:transform .1s ease-out,fill .1s ease-out,stroke .1s ease-out,-webkit-transform .1s ease-out;stroke-width:3.5}
.mdc-slider__focus-ring{width:21px;height:21px;transition:opacity .26667s ease-out,background-color .26667s ease-out,-webkit-transform .26667s ease-out;-webkit-transition:opacity .26667s ease-out,background-color .26667s ease-out,-webkit-transform .26667s ease-out;-o-transition:transform .26667s ease-out,opacity .26667s ease-out,background-color .26667s ease-out;transition:transform .26667s ease-out,opacity .26667s ease-out,background-color .26667s ease-out;transition:transform .26667s ease-out,opacity .26667s ease-out,background-color .26667s ease-out,-webkit-transform .26667s ease-out;border-radius:50%;opacity:0}
.mdc-slider__pin{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:26px;height:26px;margin-top:-2px;margin-left:-2px;-webkit-transform:rotate(-45deg) scale(0) translate(0);-ms-transform:rotate(-45deg) scale(0) translate(0);transform:rotate(-45deg) scale(0) translate(0);transition:-webkit-transform .1s ease-out;-webkit-transition:-webkit-transform .1s ease-out;-o-transition:transform .1s ease-out;transition:transform .1s ease-out;transition:transform .1s ease-out, -webkit-transform .1s ease-out;transition:transform .1s ease-out,-webkit-transform .1s ease-out;border-radius:50% 50% 50% 0;z-index:1}
.mdc-slider__pin-value-marker{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.75rem;line-height:1.25rem;font-weight:400;letter-spacing:.08em;text-decoration:inherit;text-transform:inherit;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.mdc-slider--active .mdc-slider__thumb{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}
.mdc-slider--focus .mdc-slider__thumb{-webkit-animation:mdc-slider-emphasize .26667s linear;animation:mdc-slider-emphasize .26667s linear}
.mdc-slider--focus .mdc-slider__focus-ring{-webkit-transform:scale3d(1.55,1.55,1.55);transform:scale3d(1.55,1.55,1.55);opacity:.25}
.mdc-slider--in-transit .mdc-slider__thumb{-webkit-transition-delay:.14s;-o-transition-delay:.14s;transition-delay:.14s}
.mdc-slider--in-transit .mdc-slider__thumb-container,.mdc-slider--in-transit .mdc-slider__track,.mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__thumb-container,.mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__track{transition:-webkit-transform 80ms ease;-webkit-transition:-webkit-transform 80ms ease;-o-transition:transform 80ms ease;transition:transform 80ms ease;transition:transform 80ms ease, -webkit-transform 80ms ease;transition:transform 80ms ease,-webkit-transform 80ms ease}
.mdc-slider--discrete.mdc-slider--active .mdc-slider__thumb{-webkit-transform:scale(0.57143);-ms-transform:scale(0.57143);transform:scale(0.57143)}
.mdc-slider--discrete.mdc-slider--active .mdc-slider__pin{-webkit-transform:rotate(-45deg) scale(1) translate(19px,-20px);-ms-transform:rotate(-45deg) scale(1) translate(19px,-20px);transform:rotate(-45deg) scale(1) translate(19px,-20px)}
.mdc-slider--discrete.mdc-slider--focus .mdc-slider__thumb{-webkit-animation:none;animation:none}
.mdc-slider--discrete.mdc-slider--display-markers .mdc-slider__track-marker-container{visibility:visible}
.mdc-snackbar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:50%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:24px;padding-left:24px;-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);transition:-webkit-transform .25s cubic-bezier(.4,0,1,1) 0ms;-webkit-transition:-webkit-transform .25s cubic-bezier(.4,0,1,1) 0ms;-o-transition:transform .25s cubic-bezier(.4,0,1,1) 0ms;transition:transform .25s cubic-bezier(.4,0,1,1) 0ms;transition:transform .25s cubic-bezier(.4,0,1,1) 0ms, -webkit-transform .25s cubic-bezier(.4,0,1,1) 0ms;transition:transform .25s cubic-bezier(.4,0,1,1) 0ms,-webkit-transform .25s cubic-bezier(.4,0,1,1) 0ms;background-color:#323232;pointer-events:none;will-change:transform}
@media (max-width:599px){.mdc-snackbar{left:0;width:100%;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}}
@media (min-width:600px){.mdc-snackbar{min-width:288px;max-width:568px;border-radius:2px}}
@media (min-width:600px){.mdc-snackbar--align-start{left:24px;right:auto;bottom:24px;-webkit-transform:translateY(200%);-ms-transform:translateY(200%);transform:translateY(200%)}.mdc-snackbar--align-start[dir=rtl],[dir=rtl] .mdc-snackbar--align-start{left:auto;right:24px}}
@media (max-width:599px){.mdc-snackbar--align-start{bottom:0;left:0;width:100%;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}}
.mdc-snackbar--active{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);transition:-webkit-transform .25s cubic-bezier(0,0,.2,1) 0ms;-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.2,1) 0ms;-o-transition:transform .25s cubic-bezier(0,0,.2,1) 0ms;transition:transform .25s cubic-bezier(0,0,.2,1) 0ms;transition:transform .25s cubic-bezier(0,0,.2,1) 0ms, -webkit-transform .25s cubic-bezier(0,0,.2,1) 0ms;transition:transform .25s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .25s cubic-bezier(0,0,.2,1) 0ms;pointer-events:auto}
.mdc-snackbar--active:not(.mdc-snackbar--align-start){-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}
@media (max-width:599px){.mdc-snackbar--active:not(.mdc-snackbar--align-start){bottom:0;left:0;width:100%;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}}
.mdc-snackbar__action-wrapper{padding-left:24px;padding-right:0}
.mdc-snackbar__action-wrapper[dir=rtl],[dir=rtl] .mdc-snackbar__action-wrapper{padding-left:0;padding-right:24px}
.mdc-snackbar--action-on-bottom{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.mdc-snackbar__text{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:1.25rem;font-weight:400;letter-spacing:.04em;text-decoration:inherit;text-transform:inherit;margin-left:0;margin-right:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:48px;-webkit-transition:opacity .3s cubic-bezier(.4,0,1,1) 0ms;-o-transition:opacity .3s cubic-bezier(.4,0,1,1) 0ms;transition:opacity .3s cubic-bezier(.4,0,1,1) 0ms;opacity:0;color:#fff}
.mdc-snackbar[dir=rtl] .mdc-snackbar__text,[dir=rtl] .mdc-snackbar .mdc-snackbar__text{margin-left:auto;margin-right:0}
@media (min-width:600px){.mdc-snackbar__text{padding-left:0;padding-right:24px}.mdc-snackbar__text[dir=rtl],[dir=rtl] .mdc-snackbar__text{padding-left:24px;padding-right:0}}
.mdc-snackbar--action-on-bottom .mdc-snackbar__text{margin-right:inherit}
.mdc-snackbar--action-on-bottom .mdc-snackbar__action-wrapper{margin:-12px 0 8px auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}
.mdc-snackbar--action-on-bottom .mdc-snackbar__action-wrapper[dir=rtl],[dir=rtl] .mdc-snackbar--action-on-bottom .mdc-snackbar__action-wrapper{margin-left:0;margin-right:auto}
.mdc-snackbar--multiline .mdc-snackbar__text{height:80px}
.mdc-snackbar__action-button{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:2.25rem;font-weight:500;letter-spacing:.04em;text-decoration:none;text-transform:uppercase;color:#018786;color:#018786;color:#018786;color:var(--mdc-theme-secondary,#018786);padding:0;-webkit-transition:opacity .3s cubic-bezier(.4,0,1,1) 0ms;-o-transition:opacity .3s cubic-bezier(.4,0,1,1) 0ms;transition:opacity .3s cubic-bezier(.4,0,1,1) 0ms;border:none;outline:none;background-color:transparent;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;visibility:hidden}
.mdc-snackbar__action-button::-moz-focus-inner{border:0}
.mdc-snackbar__action-button:hover{cursor:pointer}
.mdc-snackbar__action-button:not([aria-hidden]){visibility:inherit}
.mdc-snackbar--active .mdc-snackbar__action-button:not([aria-hidden]),.mdc-snackbar--active .mdc-snackbar__text{-webkit-transition:opacity .3s cubic-bezier(.4,0,1,1) 0ms;-o-transition:opacity .3s cubic-bezier(.4,0,1,1) 0ms;transition:opacity .3s cubic-bezier(.4,0,1,1) 0ms;opacity:1}
.mdc-snackbar--multiline.mdc-snackbar--action-on-bottom .mdc-snackbar__text{margin:0}
.mdc-switch{display:inline-block;position:relative}
.mdc-switch__native-control{position:absolute;top:-14px;left:-14px;width:48px;height:48px;display:inline-block;margin-top:-3px;transition:-webkit-transform 90ms cubic-bezier(.4,0,.2,1);-webkit-transition:-webkit-transform 90ms cubic-bezier(.4,0,.2,1);-o-transition:transform 90ms cubic-bezier(.4,0,.2,1);transition:transform 90ms cubic-bezier(.4,0,.2,1);transition:transform 90ms cubic-bezier(.4,0,.2,1), -webkit-transform 90ms cubic-bezier(.4,0,.2,1);transition:transform 90ms cubic-bezier(.4,0,.2,1),-webkit-transform 90ms cubic-bezier(.4,0,.2,1);opacity:0;cursor:pointer;z-index:2}
.mdc-switch__native-control:checked{-webkit-transform:translateX(14px);-ms-transform:translateX(14px);transform:translateX(14px)}
.mdc-switch__native-control:enabled:not(:checked)~.mdc-switch__background:before{background-color:#000}
.mdc-switch__native-control:enabled:not(:checked)~.mdc-switch__background .mdc-switch__knob{background-color:#fafafa}
.mdc-switch__native-control:enabled:not(:checked)~.mdc-switch__background .mdc-switch__knob:before{background-color:#9e9e9e}
.mdc-switch__native-control:enabled:checked~.mdc-switch__background .mdc-switch__knob,.mdc-switch__native-control:enabled:checked~.mdc-switch__background .mdc-switch__knob:before,.mdc-switch__native-control:enabled:checked~.mdc-switch__background:before{background-color:#018786;background-color:#018786;background-color:#018786;background-color:var(--mdc-theme-secondary,#018786)}
.mdc-switch__background{display:block;position:relative;width:34px;height:14px;border-radius:50%;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.mdc-switch__background:before{display:block;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:opacity 90ms cubic-bezier(.4,0,.2,1),background-color 90ms cubic-bezier(.4,0,.2,1);-o-transition:opacity 90ms cubic-bezier(.4,0,.2,1),background-color 90ms cubic-bezier(.4,0,.2,1);transition:opacity 90ms cubic-bezier(.4,0,.2,1),background-color 90ms cubic-bezier(.4,0,.2,1);border-radius:7px;opacity:.38;content:""}
.mdc-switch__knob{-webkit-box-shadow:0 3px 1px -2px rgba(0, 0, 0, .2),0 2px 2px 0 rgba(0, 0, 0, .14),0 1px 5px 0 rgba(0, 0, 0, .12);box-shadow:0 3px 1px -2px rgba(0, 0, 0, .2),0 2px 2px 0 rgba(0, 0, 0, .14),0 1px 5px 0 rgba(0, 0, 0, .12);display:block;top:-3px;left:0;width:20px;height:20px;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:1}
.mdc-switch__knob,.mdc-switch__knob:before{position:absolute;transition:background-color 90ms cubic-bezier(.4,0,.2,1),-webkit-transform 90ms cubic-bezier(.4,0,.2,1);-webkit-transition:background-color 90ms cubic-bezier(.4,0,.2,1),-webkit-transform 90ms cubic-bezier(.4,0,.2,1);-o-transition:transform 90ms cubic-bezier(.4,0,.2,1),background-color 90ms cubic-bezier(.4,0,.2,1);transition:transform 90ms cubic-bezier(.4,0,.2,1),background-color 90ms cubic-bezier(.4,0,.2,1);transition:transform 90ms cubic-bezier(.4,0,.2,1),background-color 90ms cubic-bezier(.4,0,.2,1),-webkit-transform 90ms cubic-bezier(.4,0,.2,1);border-radius:50%}
.mdc-switch__knob:before{top:-14px;left:-14px;width:48px;height:48px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:.2;content:""}
.mdc-switch__native-control:focus~.mdc-switch__background .mdc-switch__knob:before{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.mdc-switch__native-control:checked~.mdc-switch__background:before{opacity:.5}
.mdc-switch__native-control:checked~.mdc-switch__background .mdc-switch__knob{-webkit-transform:translateX(14px);-ms-transform:translateX(14px);transform:translateX(14px)}
.mdc-switch__native-control:checked~.mdc-switch__background .mdc-switch__knob:before{opacity:.15}
.mdc-switch__native-control:disabled{cursor:auto}
.mdc-switch__native-control:disabled~.mdc-switch__background:before{background-color:#000;opacity:.12}
.mdc-switch__native-control:disabled~.mdc-switch__background .mdc-switch__knob{background-color:#bdbdbd}
.mdc-tab{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:1.5rem;font-weight:500;letter-spacing:.04em;text-decoration:inherit;text-transform:inherit;--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;display:table-cell;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:160px;min-height:48px;padding:0 24px;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;overflow:hidden;vertical-align:middle}
.mdc-tab,.mdc-tab .mdc-tab__icon{color:rgba(0, 0, 0, .54);color:rgba(0, 0, 0, .54);color:rgba(0, 0, 0, .54);color:var(--mdc-theme-text-secondary-on-background,rgba(0, 0, 0, .54))}
.mdc-tab:after,.mdc-tab:before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}
.mdc-tab:before{-webkit-transition:opacity 15ms linear;-o-transition:opacity 15ms linear;transition:opacity 15ms linear;z-index:1}
.mdc-tab.mdc-ripple-upgraded:before{-webkit-transform:scale(1);-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));-ms-transform:scale(1);transform:scale(1);-ms-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}
.mdc-tab.mdc-ripple-upgraded:after{top:0;left:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.mdc-tab.mdc-ripple-upgraded--unbounded:after{top:0;top:var(--mdc-ripple-top,0);left:0;left:var(--mdc-ripple-left,0)}
.mdc-tab.mdc-ripple-upgraded--foreground-activation:after{-webkit-animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards;animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards}
.mdc-tab.mdc-ripple-upgraded--foreground-deactivation:after{-webkit-animation:.15s mdc-ripple-fg-opacity-out;animation:.15s mdc-ripple-fg-opacity-out;-webkit-transform:translate(0) scale(1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));-ms-transform:translate(0) scale(1);transform:translate(0) scale(1);-ms-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}
.mdc-tab:after,.mdc-tab:before{background-color:#000}
.mdc-tab:hover:before{opacity:.04}
.mdc-tab.mdc-ripple-upgraded--background-focused:before,.mdc-tab:not(.mdc-ripple-upgraded):focus:before{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.12}
.mdc-tab:not(.mdc-ripple-upgraded):after{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.mdc-tab:not(.mdc-ripple-upgraded):active:after{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.16}
.mdc-tab.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:.16}
.mdc-tab:after,.mdc-tab:before{top:-50%;left:-50%;width:200%;height:200%}
.mdc-tab.mdc-ripple-upgraded:after{width:100%;width:var(--mdc-ripple-fg-size,100%);height:100%;height:var(--mdc-ripple-fg-size,100%)}
.mdc-tab:hover,.mdc-tab:hover .mdc-tab__icon{color:rgba(0, 0, 0, .87);color:rgba(0, 0, 0, .87);color:rgba(0, 0, 0, .87);color:var(--mdc-theme-text-primary-on-background,rgba(0, 0, 0, .87))}
.mdc-tab:focus{outline:none}
@media screen and (max-width:600px){.mdc-tab{min-width:72px;padding:0 12px}}
.mdc-tab__icon{display:block;margin:0 auto;width:24px;height:24px}
.mdc-tab-bar--icons-with-text .mdc-tab__icon{margin-top:4px}
.mdc-tab__icon-text{display:block;margin:0 auto}
.mdc-tab__icon+.mdc-tab__icon-text{padding-top:6px}
.mdc-tab--active,.mdc-tab--active .mdc-tab__icon{color:rgba(0, 0, 0, .87);color:rgba(0, 0, 0, .87);color:rgba(0, 0, 0, .87);color:var(--mdc-theme-text-primary-on-background,rgba(0, 0, 0, .87))}
.mdc-tab--active:before{bottom:0}
.mdc-tab__indicator{background-color:rgba(0, 0, 0, .87);background-color:rgba(0, 0, 0, .87);background-color:rgba(0, 0, 0, .87);background-color:var(--mdc-theme-text-primary-on-light,rgba(0, 0, 0, .87));position:absolute;bottom:0;height:2px;visibility:hidden;left:2px;width:calc(100% - 4px)}
.mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab--active .mdc-tab__indicator,.mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab:active .mdc-tab__indicator,.mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab:hover .mdc-tab__indicator{visibility:visible}
.mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab:not(.mdc-tab--active):hover .mdc-tab__indicator{opacity:.38}
.mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab--active,.mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab:not(.mdc-tab--active):active .mdc-tab__indicator{opacity:.87}
.mdc-tab-bar__indicator,.mdc-tab__indicator{background-color:rgba(0, 0, 0, .87);background-color:rgba(0, 0, 0, .87);background-color:rgba(0, 0, 0, .87);background-color:var(--mdc-theme-text-primary-on-background,rgba(0, 0, 0, .87))}
.mdc-tab-bar{display:table;position:relative;height:48px;margin:0 auto;text-transform:uppercase}
.mdc-tab-bar__indicator{background-color:rgba(0, 0, 0, .87);background-color:rgba(0, 0, 0, .87);background-color:rgba(0, 0, 0, .87);background-color:var(--mdc-theme-text-primary-on-light,rgba(0, 0, 0, .87));position:absolute;bottom:0;height:2px;visibility:hidden;width:100%;left:0;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;transition:-webkit-transform .24s cubic-bezier(0,0,.2,1) 0ms;-webkit-transition:-webkit-transform .24s cubic-bezier(0,0,.2,1) 0ms;-o-transition:transform .24s cubic-bezier(0,0,.2,1) 0ms;transition:transform .24s cubic-bezier(0,0,.2,1) 0ms;transition:transform .24s cubic-bezier(0,0,.2,1) 0ms, -webkit-transform .24s cubic-bezier(0,0,.2,1) 0ms;transition:transform .24s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .24s cubic-bezier(0,0,.2,1) 0ms;will-change:transform}
.mdc-tab-bar--icons-with-text{height:72px}
.mdc-tab-bar-scroller{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;background-color:inherit;overflow:hidden}
.mdc-tab-bar-scroller__scroll-frame{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden}
.mdc-tab-bar-scroller__scroll-frame__tabs{transition:-webkit-transform .24s cubic-bezier(0,0,.2,1) 0ms;-webkit-transition:-webkit-transform .24s cubic-bezier(0,0,.2,1) 0ms;-o-transition:transform .24s cubic-bezier(0,0,.2,1) 0ms;transition:transform .24s cubic-bezier(0,0,.2,1) 0ms;transition:transform .24s cubic-bezier(0,0,.2,1) 0ms, -webkit-transform .24s cubic-bezier(0,0,.2,1) 0ms;transition:transform .24s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .24s cubic-bezier(0,0,.2,1) 0ms;will-change:transform}
.mdc-tab-bar-scroller__indicator{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:48px;cursor:pointer;visibility:hidden;color:rgba(0, 0, 0, .54);color:rgba(0, 0, 0, .54);color:rgba(0, 0, 0, .54);color:var(--mdc-theme-text-secondary-on-background,rgba(0, 0, 0, .54))}
.mdc-tab-bar-scroller__indicator:hover{color:rgba(0, 0, 0, .87);color:rgba(0, 0, 0, .87);color:rgba(0, 0, 0, .87);color:var(--mdc-theme-text-primary-on-background,rgba(0, 0, 0, .87))}
.mdc-tab-bar-scroller__indicator__inner{color:inherit;text-decoration:inherit;cursor:inherit}
.mdc-tab-bar-scroller__indicator__inner:focus{outline-color:inherit}
.mdc-tab-bar-scroller[dir=rtl] .mdc-tab-bar-scroller__indicator__inner,[dir=rtl] .mdc-tab-bar-scroller .mdc-tab-bar-scroller__indicator__inner{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.mdc-tab-bar-scroller__indicator__inner:hover{color:inherit}
.mdc-tab-bar-scroller__indicator--enabled{visibility:visible}
.mdc-floating-label{position:absolute;bottom:8px;left:0;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;transition:color .18s cubic-bezier(.4,0,.2,1),-webkit-transform .18s cubic-bezier(.4,0,.2,1);-webkit-transition:color .18s cubic-bezier(.4,0,.2,1),-webkit-transform .18s cubic-bezier(.4,0,.2,1);-o-transition:transform .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1);transition:transform .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1);transition:transform .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),-webkit-transform .18s cubic-bezier(.4,0,.2,1);cursor:text}
.mdc-floating-label[dir=rtl],[dir=rtl] .mdc-floating-label{right:0;left:auto;-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}
.mdc-floating-label--float-above{cursor:auto;-webkit-transform:translateY(-100%) scale(.75);-ms-transform:translateY(-100%) scale(.75);transform:translateY(-100%) scale(.75)}
.mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-standard .25s 1;animation:mdc-floating-label-shake-float-above-standard .25s 1}
@keyframes mdc-floating-label-shake-float-above-standard{0%{-webkit-transform:translateX(0%) translateY(-100%) scale(.75);transform:translateX(0%) translateY(-100%) scale(.75)}33%{-webkit-animation-timing-function:cubic-bezier(.5,0,.70173,.49582);animation-timing-function:cubic-bezier(.5,0,.70173,.49582);-webkit-transform:translateX(4%) translateY(-100%) scale(.75);transform:translateX(4%) translateY(-100%) scale(.75)}66%{-webkit-animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);-webkit-transform:translateX(-4%) translateY(-100%) scale(.75);transform:translateX(-4%) translateY(-100%) scale(.75)}to{-webkit-transform:translateX(0%) translateY(-100%) scale(.75);transform:translateX(0%) translateY(-100%) scale(.75)}}
.mdc-line-ripple{position:absolute;bottom:0;left:0;width:100%;height:2px;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);transition:opacity .18s cubic-bezier(.4,0,.2,1),-webkit-transform .18s cubic-bezier(.4,0,.2,1);-webkit-transition:opacity .18s cubic-bezier(.4,0,.2,1),-webkit-transform .18s cubic-bezier(.4,0,.2,1);-o-transition:transform .18s cubic-bezier(.4,0,.2,1),opacity .18s cubic-bezier(.4,0,.2,1);transition:transform .18s cubic-bezier(.4,0,.2,1),opacity .18s cubic-bezier(.4,0,.2,1);transition:transform .18s cubic-bezier(.4,0,.2,1),opacity .18s cubic-bezier(.4,0,.2,1),-webkit-transform .18s cubic-bezier(.4,0,.2,1);opacity:0;z-index:2}
.mdc-line-ripple--active{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);opacity:1}
.mdc-line-ripple--deactivating{opacity:0}
.mdc-notched-outline{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:absolute;top:0;left:0;width:calc(100% - 1px);height:calc(100% - 2px);-webkit-transition:opacity .18s cubic-bezier(.4,0,.2,1);-o-transition:opacity .18s cubic-bezier(.4,0,.2,1);transition:opacity .18s cubic-bezier(.4,0,.2,1);opacity:0;overflow:hidden}
.mdc-notched-outline:after,.mdc-notched-outline:before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}
.mdc-notched-outline:before{-webkit-transition:opacity 15ms linear;-o-transition:opacity 15ms linear;transition:opacity 15ms linear;z-index:1}
.mdc-notched-outline.mdc-ripple-upgraded:before{-webkit-transform:scale(1);-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));-ms-transform:scale(1);transform:scale(1);-ms-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}
.mdc-notched-outline.mdc-ripple-upgraded:after{top:0;left:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.mdc-notched-outline.mdc-ripple-upgraded--unbounded:after{top:0;top:var(--mdc-ripple-top,0);left:0;left:var(--mdc-ripple-left,0)}
.mdc-notched-outline.mdc-ripple-upgraded--foreground-activation:after{-webkit-animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards;animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards}
.mdc-notched-outline.mdc-ripple-upgraded--foreground-deactivation:after{-webkit-animation:.15s mdc-ripple-fg-opacity-out;animation:.15s mdc-ripple-fg-opacity-out;-webkit-transform:translate(0) scale(1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));-ms-transform:translate(0) scale(1);transform:translate(0) scale(1);-ms-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}
.mdc-notched-outline:after,.mdc-notched-outline:before{top:-50%;left:-50%;width:200%;height:200%}
.mdc-notched-outline.mdc-ripple-upgraded:after{width:100%;width:var(--mdc-ripple-fg-size,100%);height:100%;height:var(--mdc-ripple-fg-size,100%)}
.mdc-notched-outline:after,.mdc-notched-outline:before{background-color:rgba(0, 0, 0, .87)}
@supports not (-ms-ime-align:auto){.mdc-notched-outline:after,.mdc-notched-outline:before{background-color:rgba(0, 0, 0, .87);background-color:rgba(0, 0, 0, .87);background-color:var(--mdc-theme-text-primary-on-background,rgba(0, 0, 0, .87))}}
.mdc-notched-outline:not(.mdc-ripple-upgraded):after{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.mdc-notched-outline:not(.mdc-ripple-upgraded):active:after{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.16}
.mdc-notched-outline.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:.16}
.mdc-notched-outline svg{position:absolute;width:100%;height:100%}
.mdc-notched-outline__idle{position:absolute;top:0;left:0;width:calc(100% - 4px);height:calc(100% - 4px);-webkit-transition:opacity .1s ease;-o-transition:opacity .1s ease;transition:opacity .1s ease;border:1px solid;opacity:1}
.mdc-notched-outline__path{stroke-width:1px;-webkit-transition:stroke .18s cubic-bezier(.4,0,.2,1),stroke-width .18s cubic-bezier(.4,0,.2,1),opacity .18s cubic-bezier(.4,0,.2,1);-o-transition:stroke .18s cubic-bezier(.4,0,.2,1),stroke-width .18s cubic-bezier(.4,0,.2,1),opacity .18s cubic-bezier(.4,0,.2,1);transition:stroke .18s cubic-bezier(.4,0,.2,1),stroke-width .18s cubic-bezier(.4,0,.2,1),opacity .18s cubic-bezier(.4,0,.2,1);fill:transparent}
.mdc-text-field-helper-text{margin:0;-webkit-transition:opacity .18s cubic-bezier(.4,0,.2,1);-o-transition:opacity .18s cubic-bezier(.4,0,.2,1);transition:opacity .18s cubic-bezier(.4,0,.2,1);opacity:0;font-size:.75rem;will-change:opacity}
.mdc-text-field+.mdc-text-field-helper-text{margin-bottom:8px}
.mdc-text-field-helper-text--persistent{-webkit-transition:none;-o-transition:none;transition:none;opacity:1;will-change:auto}
.mdc-text-field--with-leading-icon .mdc-text-field__icon,.mdc-text-field--with-trailing-icon .mdc-text-field__icon{position:absolute;bottom:16px;cursor:pointer}
.mdc-text-field__icon:not([tabindex]),.mdc-text-field__icon[tabindex="-1"]{cursor:default;pointer-events:none}
.mdc-text-field{display:inline-block;position:relative;margin-bottom:8px;will-change:opacity,transform,color}
.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input{border-bottom-color:rgba(0, 0, 0, .5)}
.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover{border-bottom-color:#000}
.mdc-text-field .mdc-line-ripple{background-color:#6200ee;background-color:#6200ee;background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee)}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input{color:rgba(0, 0, 0, .87);color:rgba(0, 0, 0, .87);color:rgba(0, 0, 0, .87);color:var(--mdc-theme-text-primary-on-background,rgba(0, 0, 0, .87))}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(0, 0, 0, .6)}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder{color:rgba(0, 0, 0, .6)}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder,.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder{color:rgba(0, 0, 0, .6)}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder{color:rgba(0, 0, 0, .6)}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, .6)}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder{color:rgba(0, 0, 0, .6)}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder{color:rgba(0, 0, 0, .6)}
.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-text{color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:var(--mdc-theme-text-hint-on-background,rgba(0, 0, 0, .38))}
.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea){border-bottom-color:rgba(0, 0, 0, .12)}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon{color:#000}
.mdc-text-field__input{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;letter-spacing:.04em;width:100%;padding:20px 0 8px;-webkit-transition:opacity .18s cubic-bezier(.4,0,.2,1);-o-transition:opacity .18s cubic-bezier(.4,0,.2,1);transition:opacity .18s cubic-bezier(.4,0,.2,1);border:none;border-bottom:1px solid;border-radius:0;background:none;font-size:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.mdc-text-field__input::-webkit-input-placeholder{-webkit-transition:color .18s cubic-bezier(.4,0,.2,1);-o-transition:color .18s cubic-bezier(.4,0,.2,1);transition:color .18s cubic-bezier(.4,0,.2,1);opacity:1}
.mdc-text-field__input:-ms-input-placeholder,.mdc-text-field__input::-ms-input-placeholder{-webkit-transition:color .18s cubic-bezier(.4,0,.2,1);-o-transition:color .18s cubic-bezier(.4,0,.2,1);transition:color .18s cubic-bezier(.4,0,.2,1);opacity:1}
.mdc-text-field__input::-webkit-input-placeholder{-webkit-transition:color .18s cubic-bezier(.4,0,.2,1);-o-transition:color .18s cubic-bezier(.4,0,.2,1);transition:color .18s cubic-bezier(.4,0,.2,1);opacity:1}
.mdc-text-field__input:-ms-input-placeholder{-webkit-transition:color .18s cubic-bezier(.4,0,.2,1);-o-transition:color .18s cubic-bezier(.4,0,.2,1);transition:color .18s cubic-bezier(.4,0,.2,1);opacity:1}
.mdc-text-field__input::-ms-input-placeholder{-webkit-transition:color .18s cubic-bezier(.4,0,.2,1);-o-transition:color .18s cubic-bezier(.4,0,.2,1);transition:color .18s cubic-bezier(.4,0,.2,1);opacity:1}
.mdc-text-field__input::placeholder{-webkit-transition:color .18s cubic-bezier(.4,0,.2,1);-o-transition:color .18s cubic-bezier(.4,0,.2,1);transition:color .18s cubic-bezier(.4,0,.2,1);opacity:1}
.mdc-text-field__input:focus{outline:none}
.mdc-text-field__input:invalid{-webkit-box-shadow:none;box-shadow:none}
.mdc-text-field__input:-webkit-autofill+.mdc-floating-label{-webkit-transform:translateY(-100%) scale(.75);transform:translateY(-100%) scale(.75);cursor:auto}
.mdc-text-field--outlined{height:56px;border:none}
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__idle{border-color:rgba(0, 0, 0, .12)}
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__path{stroke:rgba(0, 0, 0, .12)}
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline__idle,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline__idle{border-color:rgba(0, 0, 0, .87)}
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__path,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__path{stroke:rgba(0, 0, 0, .87)}
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__path{stroke:#6200ee;stroke:#6200ee;stroke:#6200ee;stroke:var(--mdc-theme-primary,#6200ee)}
.mdc-text-field--outlined .mdc-floating-label--float-above{-webkit-transform:translateY(-130%) scale(.75);-ms-transform:translateY(-130%) scale(.75);transform:translateY(-130%) scale(.75)}
.mdc-text-field--outlined .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-text-field-outlined .25s 1;animation:mdc-floating-label-shake-float-above-text-field-outlined .25s 1}
.mdc-text-field--outlined .mdc-notched-outline,.mdc-text-field--outlined .mdc-notched-outline__idle{border-radius:4px}
.mdc-text-field--outlined .mdc-text-field__input{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:30px;padding:12px;border:none;background-color:transparent;z-index:1}
.mdc-text-field--outlined .mdc-floating-label{left:16px;right:auto;position:absolute;bottom:20px;transition:-webkit-transform .26s ease;-webkit-transition:-webkit-transform .26s ease;-o-transition:transform .26s ease;transition:transform .26s ease;transition:transform .26s ease, -webkit-transform .26s ease;transition:transform .26s ease,-webkit-transform .26s ease}
.mdc-text-field--outlined .mdc-floating-label[dir=rtl],[dir=rtl] .mdc-text-field--outlined .mdc-floating-label{left:auto;right:16px}
.mdc-text-field--outlined .mdc-text-field__icon{z-index:2}
.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__path{stroke-width:2px}
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input{color:rgba(0, 0, 0, .38)}
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__idle{border-color:rgba(0, 0, 0, .06)}
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__path{stroke:rgba(0, 0, 0, .06)}
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input{border-bottom:none}
.mdc-text-field--outlined.mdc-text-field--dense{height:48px}
.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above{-webkit-transform:translateY(-145%) scale(.923);-ms-transform:translateY(-145%) scale(.923);transform:translateY(-145%) scale(.923)}
.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-text-field-outlined-dense .25s 1;animation:mdc-floating-label-shake-float-above-text-field-outlined-dense .25s 1}
.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__input{padding:12px 12px 7px}
.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label{bottom:18px}
.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__icon{top:12px}
.mdc-text-field--box{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;border-radius:4px 4px 0 0;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;height:56px;margin-top:16px;overflow:hidden}
.mdc-text-field--box:after,.mdc-text-field--box:before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}
.mdc-text-field--box:before{-webkit-transition:opacity 15ms linear;-o-transition:opacity 15ms linear;transition:opacity 15ms linear;z-index:1}
.mdc-text-field--box.mdc-ripple-upgraded:before{-webkit-transform:scale(1);-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));-ms-transform:scale(1);transform:scale(1);-ms-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}
.mdc-text-field--box.mdc-ripple-upgraded:after{top:0;left:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.mdc-text-field--box.mdc-ripple-upgraded--unbounded:after{top:0;top:var(--mdc-ripple-top,0);left:0;left:var(--mdc-ripple-left,0)}
.mdc-text-field--box.mdc-ripple-upgraded--foreground-activation:after{-webkit-animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards;animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards}
.mdc-text-field--box.mdc-ripple-upgraded--foreground-deactivation:after{-webkit-animation:.15s mdc-ripple-fg-opacity-out;animation:.15s mdc-ripple-fg-opacity-out;-webkit-transform:translate(0) scale(1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));-ms-transform:translate(0) scale(1);transform:translate(0) scale(1);-ms-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}
.mdc-text-field--box:after,.mdc-text-field--box:before{background-color:rgba(0, 0, 0, .87)}
@supports not (-ms-ime-align:auto){.mdc-text-field--box:after,.mdc-text-field--box:before{background-color:rgba(0, 0, 0, .87);background-color:rgba(0, 0, 0, .87);background-color:var(--mdc-theme-text-primary-on-background,rgba(0, 0, 0, .87))}}
.mdc-text-field--box:hover:before{opacity:.04}
.mdc-text-field--box.mdc-ripple-upgraded--background-focused:before,.mdc-text-field--box:not(.mdc-ripple-upgraded):focus-within:before,.mdc-text-field--box:not(.mdc-ripple-upgraded):focus:before{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.12}
.mdc-text-field--box:not(.mdc-ripple-upgraded):after{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.mdc-text-field--box:not(.mdc-ripple-upgraded):active:after{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.16}
.mdc-text-field--box.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:.16}
.mdc-text-field--box:after,.mdc-text-field--box:before{top:-50%;left:-50%;width:200%;height:200%}
.mdc-text-field--box.mdc-ripple-upgraded:after{width:100%;width:var(--mdc-ripple-fg-size,100%);height:100%;height:var(--mdc-ripple-fg-size,100%)}
.mdc-text-field--box:not(.mdc-text-field--disabled){background-color:rgba(0, 0, 0, .04)}
.mdc-text-field--box .mdc-floating-label--float-above{-webkit-transform:translateY(-50%) scale(.75);-ms-transform:translateY(-50%) scale(.75);transform:translateY(-50%) scale(.75)}
.mdc-text-field--box .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-text-field-box .25s 1;animation:mdc-floating-label-shake-float-above-text-field-box .25s 1}
.mdc-text-field--box .mdc-text-field__input{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;padding:20px 16px 0}
.mdc-text-field--box .mdc-floating-label{left:16px;right:auto;position:absolute;bottom:20px;width:calc(100% - 48px);-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;overflow:hidden;will-change:transform}
.mdc-text-field--box .mdc-floating-label[dir=rtl],[dir=rtl] .mdc-text-field--box .mdc-floating-label{left:auto;right:16px}
.mdc-text-field--box.mdc-text-field--disabled{background-color:rgba(0, 0, 0, .02);border-bottom:none}
.mdc-text-field--box.mdc-text-field--disabled .mdc-text-field__input{border-bottom-color:rgba(0, 0, 0, .06)}
.mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:var(--mdc-theme-text-hint-on-background,rgba(0, 0, 0, .38))}
.mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder{color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:var(--mdc-theme-text-hint-on-background,rgba(0, 0, 0, .38))}
.mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder,.mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder{color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:var(--mdc-theme-text-hint-on-background,rgba(0, 0, 0, .38))}
.mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder{color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:var(--mdc-theme-text-hint-on-background,rgba(0, 0, 0, .38))}
.mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:var(--mdc-theme-text-hint-on-background,rgba(0, 0, 0, .38))}
.mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder{color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:var(--mdc-theme-text-hint-on-background,rgba(0, 0, 0, .38))}
.mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder{color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:var(--mdc-theme-text-hint-on-background,rgba(0, 0, 0, .38))}
.mdc-text-field--box.mdc-text-field--dense .mdc-floating-label--float-above{-webkit-transform:translateY(-90%) scale(.923);-ms-transform:translateY(-90%) scale(.923);transform:translateY(-90%) scale(.923)}
.mdc-text-field--box.mdc-text-field--dense .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-text-field-box-dense .25s 1;animation:mdc-floating-label-shake-float-above-text-field-box-dense .25s 1}
.mdc-text-field--box.mdc-text-field--dense .mdc-text-field__input{padding:12px 12px 0}
.mdc-text-field--with-leading-icon .mdc-text-field__icon{left:15px;right:auto}
.mdc-text-field--with-leading-icon .mdc-text-field__icon[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon .mdc-text-field__icon{left:auto;right:15px}
.mdc-text-field--with-leading-icon .mdc-text-field__input{padding-left:48px;padding-right:15px}
.mdc-text-field--with-leading-icon .mdc-text-field__input[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon .mdc-text-field__input{padding-left:15px;padding-right:48px}
.mdc-text-field--with-leading-icon .mdc-floating-label{left:48px;right:auto}
.mdc-text-field--with-leading-icon .mdc-floating-label[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon .mdc-floating-label{left:auto;right:48px}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{-webkit-transform:translateY(-130%) translateX(-32px) scale(.75);-ms-transform:translateY(-130%) translateX(-32px) scale(.75);transform:translateY(-130%) translateX(-32px) scale(.75)}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{-webkit-transform:translateY(-130%) translateX(32px) scale(.75);-ms-transform:translateY(-130%) translateX(32px) scale(.75);transform:translateY(-130%) translateX(32px) scale(.75)}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon .25s 1;animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon .25s 1}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above{-webkit-transform:translateY(-145%) translateX(-21px) scale(.923);-ms-transform:translateY(-145%) translateX(-21px) scale(.923);transform:translateY(-145%) translateX(-21px) scale(.923)}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above{-webkit-transform:translateY(-145%) translateX(21px) scale(.923);-ms-transform:translateY(-145%) translateX(21px) scale(.923);transform:translateY(-145%) translateX(21px) scale(.923)}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense .25s 1;animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense .25s 1}
.mdc-text-field--with-trailing-icon .mdc-text-field__icon{left:auto;right:15px}
.mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir=rtl],[dir=rtl] .mdc-text-field--with-trailing-icon .mdc-text-field__icon{left:15px;right:auto}
.mdc-text-field--with-trailing-icon .mdc-text-field__input{padding-left:15px;padding-right:48px}
.mdc-text-field--with-trailing-icon .mdc-text-field__input[dir=rtl],[dir=rtl] .mdc-text-field--with-trailing-icon .mdc-text-field__input{padding-left:48px;padding-right:15px}
.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon,.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon{bottom:16px;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}
.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon{left:12px;right:auto}
.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon{left:auto;right:12px}
.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input{padding-left:38px;padding-right:12px}
.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input{padding-left:12px;padding-right:38px}
.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label{left:38px;right:auto}
.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label{left:auto;right:38px}
.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon{left:auto;right:12px}
.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl],[dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon{left:12px;right:auto}
.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input{padding-left:12px;padding-right:38px}
.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl],[dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input{padding-left:38px;padding-right:12px}
.mdc-text-field--upgraded:not(.mdc-text-field--fullwidth):not(.mdc-text-field--box){display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:16px}
.mdc-text-field--upgraded:not(.mdc-text-field--fullwidth):not(.mdc-text-field--box):not(.mdc-text-field--textarea):not(.mdc-text-field--outlined){height:48px}
.mdc-text-field--dense{margin-top:12px;margin-bottom:4px;font-size:.813rem}
.mdc-text-field--dense .mdc-floating-label--float-above{-webkit-transform:translateY(-110%) scale(.923);-ms-transform:translateY(-110%) scale(.923);transform:translateY(-110%) scale(.923)}
.mdc-text-field__input:required+.mdc-floating-label:after{margin-left:1px;content:"*"}
.mdc-text-field--textarea{border-radius:4px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:auto;-webkit-transition:none;-o-transition:none;transition:none;border:1px solid;overflow:hidden}
.mdc-text-field--textarea .mdc-floating-label{border-radius:4px 4px 0 0}
.mdc-text-field--textarea .mdc-text-field__input{border-radius:2px}
.mdc-text-field--textarea:not(.mdc-text-field--disabled),.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus{border-color:rgba(0, 0, 0, .73)}
.mdc-text-field--textarea .mdc-floating-label--float-above{-webkit-transform:translateY(-50%) scale(.923);-ms-transform:translateY(-50%) scale(.923);transform:translateY(-50%) scale(.923)}
.mdc-text-field--textarea .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-textarea .25s 1;animation:mdc-floating-label-shake-float-above-textarea .25s 1}
.mdc-text-field--textarea .mdc-text-field__input{margin:0;padding:16px;padding-top:32px;border:1px solid transparent}
.mdc-text-field--textarea .mdc-floating-label{left:1px;right:auto;background-color:#fff;top:18px;bottom:auto;margin-top:2px;margin-left:8px;padding:8px;line-height:1.15}
.mdc-text-field--textarea .mdc-floating-label[dir=rtl],[dir=rtl] .mdc-text-field--textarea .mdc-floating-label{left:auto;right:1px}
.mdc-text-field--fullwidth{width:100%}
.mdc-text-field--fullwidth .mdc-text-field__input{resize:vertical}
.mdc-text-field--fullwidth:not(.mdc-text-field--textarea){display:block;-webkit-box-sizing:border-box;box-sizing:border-box;height:56px;margin:0;border:none;border-bottom:1px solid;outline:none}
.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input{width:100%;height:100%;padding:0;resize:none;border:none!important}
.mdc-text-field--fullwidth.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea){border-bottom-color:#d50000}
.mdc-text-field--dense+.mdc-text-field-helper-text{margin-bottom:4px}
.mdc-text-field--box+.mdc-text-field-helper-text,.mdc-text-field--outlined+.mdc-text-field-helper-text{margin-right:16px;margin-left:16px}
.mdc-form-field>.mdc-text-field+label{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{color:#6200ee;color:#6200ee;color:#6200ee;color:var(--mdc-theme-primary,#6200ee)}
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder{color:#6200ee;color:#6200ee;color:#6200ee;color:var(--mdc-theme-primary,#6200ee)}
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder,.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder{color:#6200ee;color:#6200ee;color:#6200ee;color:var(--mdc-theme-primary,#6200ee)}
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder{color:#6200ee;color:#6200ee;color:#6200ee;color:var(--mdc-theme-primary,#6200ee)}
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder{color:#6200ee;color:#6200ee;color:#6200ee;color:var(--mdc-theme-primary,#6200ee)}
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder{color:#6200ee;color:#6200ee;color:#6200ee;color:var(--mdc-theme-primary,#6200ee)}
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder{color:#6200ee;color:#6200ee;color:#6200ee;color:var(--mdc-theme-primary,#6200ee)}
.mdc-text-field--focused .mdc-text-field__input:required+.mdc-floating-label:after{color:#d50000}
.mdc-text-field--focused+.mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg){opacity:1}
.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled),.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:focus{border-color:#6200ee;border-color:#6200ee;border-color:#6200ee;border-color:var(--mdc-theme-primary,#6200ee)}
.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover{border-bottom-color:#d50000}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple{background-color:#d50000}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label{color:#d50000}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder{color:#d50000}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder{color:#d50000}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder{color:#d50000}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder{color:#d50000}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder{color:#d50000}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder{color:#d50000}
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-text--validation-msg{color:#d50000}
.mdc-text-field--invalid+.mdc-text-field-helper-text--validation-msg{opacity:1}
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__idle,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled),.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:focus{border-color:#d50000}
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__path{stroke:#d50000}
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline__idle,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline__idle{border-color:#d50000}
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__path,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__path,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__path{stroke:#d50000}
.mdc-text-field--disabled{pointer-events:none}
.mdc-text-field--disabled .mdc-text-field__input{border-bottom-color:rgba(35, 31, 32, .26)}
.mdc-text-field--disabled .mdc-floating-label,.mdc-text-field--disabled .mdc-text-field__input{color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:var(--mdc-theme-text-disabled-on-background,rgba(0, 0, 0, .38))}
.mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder{color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:var(--mdc-theme-text-disabled-on-background,rgba(0, 0, 0, .38))}
.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder,.mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder{color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:var(--mdc-theme-text-disabled-on-background,rgba(0, 0, 0, .38))}
.mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder{color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:var(--mdc-theme-text-disabled-on-background,rgba(0, 0, 0, .38))}
.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:var(--mdc-theme-text-disabled-on-background,rgba(0, 0, 0, .38))}
.mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder{color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:var(--mdc-theme-text-disabled-on-background,rgba(0, 0, 0, .38))}
.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:var(--mdc-theme-text-disabled-on-background,rgba(0, 0, 0, .38))}
.mdc-text-field--disabled+.mdc-text-field-helper-text{color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:rgba(0, 0, 0, .38);color:var(--mdc-theme-text-disabled-on-background,rgba(0, 0, 0, .38))}
.mdc-text-field--disabled .mdc-text-field__icon{color:rgba(0, 0, 0, .3)}
.mdc-text-field--disabled:not(.mdc-text-field--textarea){border-bottom-color:rgba(0, 0, 0, .12)}
.mdc-text-field--disabled .mdc-text-field__input{border-bottom:1px dotted}
.mdc-text-field--disabled .mdc-floating-label{cursor:default}
.mdc-text-field--textarea.mdc-text-field--disabled{border-color:rgba(35, 31, 32, .26);background-color:#f9f9f9;border-style:solid}
.mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input:focus{border-color:rgba(35, 31, 32, .26)}
.mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input{border:1px solid transparent}
.mdc-text-field--textarea.mdc-text-field--disabled .mdc-floating-label{background-color:#f9f9f9}
.mdc-floating-label--float-above~.mdc-notched-outline__idle{opacity:0}
.mdc-floating-label--float-above~.mdc-notched-outline{opacity:1}
@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-box{0%{-webkit-transform:translateX(0%) translateY(-50%) scale(.75);transform:translateX(0%) translateY(-50%) scale(.75)}33%{-webkit-animation-timing-function:cubic-bezier(.5,0,.70173,.49582);animation-timing-function:cubic-bezier(.5,0,.70173,.49582);-webkit-transform:translateX(4%) translateY(-50%) scale(.75);transform:translateX(4%) translateY(-50%) scale(.75)}66%{-webkit-animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);-webkit-transform:translateX(-4%) translateY(-50%) scale(.75);transform:translateX(-4%) translateY(-50%) scale(.75)}to{-webkit-transform:translateX(0%) translateY(-50%) scale(.75);transform:translateX(0%) translateY(-50%) scale(.75)}}
@keyframes mdc-floating-label-shake-float-above-text-field-box{0%{-webkit-transform:translateX(0%) translateY(-50%) scale(.75);transform:translateX(0%) translateY(-50%) scale(.75)}33%{-webkit-animation-timing-function:cubic-bezier(.5,0,.70173,.49582);animation-timing-function:cubic-bezier(.5,0,.70173,.49582);-webkit-transform:translateX(4%) translateY(-50%) scale(.75);transform:translateX(4%) translateY(-50%) scale(.75)}66%{-webkit-animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);-webkit-transform:translateX(-4%) translateY(-50%) scale(.75);transform:translateX(-4%) translateY(-50%) scale(.75)}to{-webkit-transform:translateX(0%) translateY(-50%) scale(.75);transform:translateX(0%) translateY(-50%) scale(.75)}}
@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-box-dense{0%{-webkit-transform:translateX(0%) translateY(-90%) scale(.923);transform:translateX(0%) translateY(-90%) scale(.923)}33%{-webkit-animation-timing-function:cubic-bezier(.5,0,.70173,.49582);animation-timing-function:cubic-bezier(.5,0,.70173,.49582);-webkit-transform:translateX(4%) translateY(-90%) scale(.923);transform:translateX(4%) translateY(-90%) scale(.923)}66%{-webkit-animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);-webkit-transform:translateX(-4%) translateY(-90%) scale(.923);transform:translateX(-4%) translateY(-90%) scale(.923)}to{-webkit-transform:translateX(0%) translateY(-90%) scale(.923);transform:translateX(0%) translateY(-90%) scale(.923)}}
@keyframes mdc-floating-label-shake-float-above-text-field-box-dense{0%{-webkit-transform:translateX(0%) translateY(-90%) scale(.923);transform:translateX(0%) translateY(-90%) scale(.923)}33%{-webkit-animation-timing-function:cubic-bezier(.5,0,.70173,.49582);animation-timing-function:cubic-bezier(.5,0,.70173,.49582);-webkit-transform:translateX(4%) translateY(-90%) scale(.923);transform:translateX(4%) translateY(-90%) scale(.923)}66%{-webkit-animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);-webkit-transform:translateX(-4%) translateY(-90%) scale(.923);transform:translateX(-4%) translateY(-90%) scale(.923)}to{-webkit-transform:translateX(0%) translateY(-90%) scale(.923);transform:translateX(0%) translateY(-90%) scale(.923)}}
@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined{0%{-webkit-transform:translateX(0%) translateY(-130%) scale(.75);transform:translateX(0%) translateY(-130%) scale(.75)}33%{-webkit-animation-timing-function:cubic-bezier(.5,0,.70173,.49582);animation-timing-function:cubic-bezier(.5,0,.70173,.49582);-webkit-transform:translateX(4%) translateY(-130%) scale(.75);transform:translateX(4%) translateY(-130%) scale(.75)}66%{-webkit-animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);-webkit-transform:translateX(-4%) translateY(-130%) scale(.75);transform:translateX(-4%) translateY(-130%) scale(.75)}to{-webkit-transform:translateX(0%) translateY(-130%) scale(.75);transform:translateX(0%) translateY(-130%) scale(.75)}}
@keyframes mdc-floating-label-shake-float-above-text-field-outlined{0%{-webkit-transform:translateX(0%) translateY(-130%) scale(.75);transform:translateX(0%) translateY(-130%) scale(.75)}33%{-webkit-animation-timing-function:cubic-bezier(.5,0,.70173,.49582);animation-timing-function:cubic-bezier(.5,0,.70173,.49582);-webkit-transform:translateX(4%) translateY(-130%) scale(.75);transform:translateX(4%) translateY(-130%) scale(.75)}66%{-webkit-animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);-webkit-transform:translateX(-4%) translateY(-130%) scale(.75);transform:translateX(-4%) translateY(-130%) scale(.75)}to{-webkit-transform:translateX(0%) translateY(-130%) scale(.75);transform:translateX(0%) translateY(-130%) scale(.75)}}
@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense{0%{-webkit-transform:translateX(0%) translateY(-145%) scale(.923);transform:translateX(0%) translateY(-145%) scale(.923)}33%{-webkit-animation-timing-function:cubic-bezier(.5,0,.70173,.49582);animation-timing-function:cubic-bezier(.5,0,.70173,.49582);-webkit-transform:translateX(4%) translateY(-145%) scale(.923);transform:translateX(4%) translateY(-145%) scale(.923)}66%{-webkit-animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);-webkit-transform:translateX(-4%) translateY(-145%) scale(.923);transform:translateX(-4%) translateY(-145%) scale(.923)}to{-webkit-transform:translateX(0%) translateY(-145%) scale(.923);transform:translateX(0%) translateY(-145%) scale(.923)}}
@keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense{0%{-webkit-transform:translateX(0%) translateY(-145%) scale(.923);transform:translateX(0%) translateY(-145%) scale(.923)}33%{-webkit-animation-timing-function:cubic-bezier(.5,0,.70173,.49582);animation-timing-function:cubic-bezier(.5,0,.70173,.49582);-webkit-transform:translateX(4%) translateY(-145%) scale(.923);transform:translateX(4%) translateY(-145%) scale(.923)}66%{-webkit-animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);-webkit-transform:translateX(-4%) translateY(-145%) scale(.923);transform:translateX(-4%) translateY(-145%) scale(.923)}to{-webkit-transform:translateX(0%) translateY(-145%) scale(.923);transform:translateX(0%) translateY(-145%) scale(.923)}}
@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon{0%{-webkit-transform:translateX(-32px) translateY(-130%) scale(.75);transform:translateX(-32px) translateY(-130%) scale(.75)}33%{-webkit-animation-timing-function:cubic-bezier(.5,0,.70173,.49582);animation-timing-function:cubic-bezier(.5,0,.70173,.49582);-webkit-transform:translateX(calc(4% - 32px)) translateY(-130%) scale(.75);transform:translateX(calc(4% - 32px)) translateY(-130%) scale(.75)}66%{-webkit-animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);-webkit-transform:translateX(calc(-4% - 32px)) translateY(-130%) scale(.75);transform:translateX(calc(-4% - 32px)) translateY(-130%) scale(.75)}to{-webkit-transform:translateX(-32px) translateY(-130%) scale(.75);transform:translateX(-32px) translateY(-130%) scale(.75)}}
@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon{0%{-webkit-transform:translateX(-32px) translateY(-130%) scale(.75);transform:translateX(-32px) translateY(-130%) scale(.75)}33%{-webkit-animation-timing-function:cubic-bezier(.5,0,.70173,.49582);animation-timing-function:cubic-bezier(.5,0,.70173,.49582);-webkit-transform:translateX(calc(4% - 32px)) translateY(-130%) scale(.75);transform:translateX(calc(4% - 32px)) translateY(-130%) scale(.75)}66%{-webkit-animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);-webkit-transform:translateX(calc(-4% - 32px)) translateY(-130%) scale(.75);transform:translateX(calc(-4% - 32px)) translateY(-130%) scale(.75)}to{-webkit-transform:translateX(-32px) translateY(-130%) scale(.75);transform:translateX(-32px) translateY(-130%) scale(.75)}}
@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense{0%{-webkit-transform:translateX(-21px) translateY(-145%) scale(.923);transform:translateX(-21px) translateY(-145%) scale(.923)}33%{-webkit-animation-timing-function:cubic-bezier(.5,0,.70173,.49582);animation-timing-function:cubic-bezier(.5,0,.70173,.49582);-webkit-transform:translateX(calc(4% - 21px)) translateY(-145%) scale(.923);transform:translateX(calc(4% - 21px)) translateY(-145%) scale(.923)}66%{-webkit-animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);-webkit-transform:translateX(calc(-4% - 21px)) translateY(-145%) scale(.923);transform:translateX(calc(-4% - 21px)) translateY(-145%) scale(.923)}to{-webkit-transform:translateX(-21px) translateY(-145%) scale(.923);transform:translateX(-21px) translateY(-145%) scale(.923)}}
@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense{0%{-webkit-transform:translateX(-21px) translateY(-145%) scale(.923);transform:translateX(-21px) translateY(-145%) scale(.923)}33%{-webkit-animation-timing-function:cubic-bezier(.5,0,.70173,.49582);animation-timing-function:cubic-bezier(.5,0,.70173,.49582);-webkit-transform:translateX(calc(4% - 21px)) translateY(-145%) scale(.923);transform:translateX(calc(4% - 21px)) translateY(-145%) scale(.923)}66%{-webkit-animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);-webkit-transform:translateX(calc(-4% - 21px)) translateY(-145%) scale(.923);transform:translateX(calc(-4% - 21px)) translateY(-145%) scale(.923)}to{-webkit-transform:translateX(-21px) translateY(-145%) scale(.923);transform:translateX(-21px) translateY(-145%) scale(.923)}}
@-webkit-keyframes mdc-floating-label-shake-float-above-textarea{0%{-webkit-transform:translateX(0%) translateY(-50%) scale(.923);transform:translateX(0%) translateY(-50%) scale(.923)}33%{-webkit-animation-timing-function:cubic-bezier(.5,0,.70173,.49582);animation-timing-function:cubic-bezier(.5,0,.70173,.49582);-webkit-transform:translateX(4%) translateY(-50%) scale(.923);transform:translateX(4%) translateY(-50%) scale(.923)}66%{-webkit-animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);-webkit-transform:translateX(-4%) translateY(-50%) scale(.923);transform:translateX(-4%) translateY(-50%) scale(.923)}to{-webkit-transform:translateX(0%) translateY(-50%) scale(.923);transform:translateX(0%) translateY(-50%) scale(.923)}}
@keyframes mdc-floating-label-shake-float-above-textarea{0%{-webkit-transform:translateX(0%) translateY(-50%) scale(.923);transform:translateX(0%) translateY(-50%) scale(.923)}33%{-webkit-animation-timing-function:cubic-bezier(.5,0,.70173,.49582);animation-timing-function:cubic-bezier(.5,0,.70173,.49582);-webkit-transform:translateX(4%) translateY(-50%) scale(.923);transform:translateX(4%) translateY(-50%) scale(.923)}66%{-webkit-animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);-webkit-transform:translateX(-4%) translateY(-50%) scale(.923);transform:translateX(-4%) translateY(-50%) scale(.923)}to{-webkit-transform:translateX(0%) translateY(-50%) scale(.923);transform:translateX(0%) translateY(-50%) scale(.923)}}
:root{--mdc-theme-primary:#6200ee;--mdc-theme-primary-light:#b37eff;--mdc-theme-primary-dark:#8936ff;--mdc-theme-secondary:#018786;--mdc-theme-secondary-light:#02cecc;--mdc-theme-secondary-dark:#004040;--mdc-theme-background:#fff;--mdc-theme-text-primary-on-primary:#fff;--mdc-theme-text-secondary-on-primary:hsla(0, 0%, 100%, .7);--mdc-theme-text-hint-on-primary:hsla(0, 0%, 100%, .5);--mdc-theme-text-disabled-on-primary:hsla(0, 0%, 100%, .5);--mdc-theme-text-icon-on-primary:hsla(0, 0%, 100%, .5);--mdc-theme-text-primary-on-primary-light:rgba(0, 0, 0, .87);--mdc-theme-text-secondary-on-primary-light:rgba(0, 0, 0, .54);--mdc-theme-text-hint-on-primary-light:rgba(0, 0, 0, .38);--mdc-theme-text-disabled-on-primary-light:rgba(0, 0, 0, .38);--mdc-theme-text-icon-on-primary-light:rgba(0, 0, 0, .38);--mdc-theme-text-primary-on-primary-dark:#fff;--mdc-theme-text-secondary-on-primary-dark:hsla(0, 0%, 100%, .7);--mdc-theme-text-hint-on-primary-dark:hsla(0, 0%, 100%, .5);--mdc-theme-text-disabled-on-primary-dark:hsla(0, 0%, 100%, .5);--mdc-theme-text-icon-on-primary-dark:hsla(0, 0%, 100%, .5);--mdc-theme-text-primary-on-secondary:#fff;--mdc-theme-text-secondary-on-secondary:hsla(0, 0%, 100%, .7);--mdc-theme-text-hint-on-secondary:hsla(0, 0%, 100%, .5);--mdc-theme-text-disabled-on-secondary:hsla(0, 0%, 100%, .5);--mdc-theme-text-icon-on-secondary:hsla(0, 0%, 100%, .5);--mdc-theme-text-primary-on-secondary-light:rgba(0, 0, 0, .87);--mdc-theme-text-secondary-on-secondary-light:rgba(0, 0, 0, .54);--mdc-theme-text-hint-on-secondary-light:rgba(0, 0, 0, .38);--mdc-theme-text-disabled-on-secondary-light:rgba(0, 0, 0, .38);--mdc-theme-text-icon-on-secondary-light:rgba(0, 0, 0, .38);--mdc-theme-text-primary-on-secondary-dark:#fff;--mdc-theme-text-secondary-on-secondary-dark:hsla(0, 0%, 100%, .7);--mdc-theme-text-hint-on-secondary-dark:hsla(0, 0%, 100%, .5);--mdc-theme-text-disabled-on-secondary-dark:hsla(0, 0%, 100%, .5);--mdc-theme-text-icon-on-secondary-dark:hsla(0, 0%, 100%, .5);--mdc-theme-text-primary-on-background:rgba(0, 0, 0, .87);--mdc-theme-text-secondary-on-background:rgba(0, 0, 0, .54);--mdc-theme-text-hint-on-background:rgba(0, 0, 0, .38);--mdc-theme-text-disabled-on-background:rgba(0, 0, 0, .38);--mdc-theme-text-icon-on-background:rgba(0, 0, 0, .38);--mdc-theme-text-primary-on-light:rgba(0, 0, 0, .87);--mdc-theme-text-secondary-on-light:rgba(0, 0, 0, .54);--mdc-theme-text-hint-on-light:rgba(0, 0, 0, .38);--mdc-theme-text-disabled-on-light:rgba(0, 0, 0, .38);--mdc-theme-text-icon-on-light:rgba(0, 0, 0, .38);--mdc-theme-text-primary-on-dark:#fff;--mdc-theme-text-secondary-on-dark:hsla(0, 0%, 100%, .7);--mdc-theme-text-hint-on-dark:hsla(0, 0%, 100%, .5);--mdc-theme-text-disabled-on-dark:hsla(0, 0%, 100%, .5);--mdc-theme-text-icon-on-dark:hsla(0, 0%, 100%, .5)}
.mdc-theme--background{background-color:#fff;background-color:#fff;background-color:#fff;background-color:var(--mdc-theme-background,#fff)}
.mdc-theme--primary{color:#6200ee!important;color:#6200ee!important;color:#6200ee!important;color:var(--mdc-theme-primary,#6200ee)!important}
.mdc-theme--primary-light{color:#b37eff!important;color:#b37eff!important;color:#b37eff!important;color:var(--mdc-theme-primary-light,#b37eff)!important}
.mdc-theme--primary-dark{color:#8936ff!important;color:#8936ff!important;color:#8936ff!important;color:var(--mdc-theme-primary-dark,#8936ff)!important}
.mdc-theme--secondary{color:#018786!important;color:#018786!important;color:#018786!important;color:var(--mdc-theme-secondary,#018786)!important}
.mdc-theme--secondary-light{color:#02cecc!important;color:#02cecc!important;color:#02cecc!important;color:var(--mdc-theme-secondary-light,#02cecc)!important}
.mdc-theme--secondary-dark{color:#004040!important;color:#004040!important;color:#004040!important;color:var(--mdc-theme-secondary-dark,#004040)!important}
.mdc-theme--text-primary-on-primary{color:#fff!important;color:#fff!important;color:#fff!important;color:var(--mdc-theme-text-primary-on-primary,#fff)!important}
.mdc-theme--text-secondary-on-primary{color:hsla(0, 0%, 100%, .7)!important;color:hsla(0, 0%, 100%, .7)!important;color:hsla(0, 0%, 100%, .7)!important;color:var(--mdc-theme-text-secondary-on-primary,hsla(0, 0%, 100%, .7))!important}
.mdc-theme--text-hint-on-primary{color:hsla(0, 0%, 100%, .5)!important;color:hsla(0, 0%, 100%, .5)!important;color:hsla(0, 0%, 100%, .5)!important;color:var(--mdc-theme-text-hint-on-primary,hsla(0, 0%, 100%, .5))!important}
.mdc-theme--text-disabled-on-primary{color:hsla(0, 0%, 100%, .5)!important;color:hsla(0, 0%, 100%, .5)!important;color:hsla(0, 0%, 100%, .5)!important;color:var(--mdc-theme-text-disabled-on-primary,hsla(0, 0%, 100%, .5))!important}
.mdc-theme--text-icon-on-primary{color:hsla(0, 0%, 100%, .5)!important;color:hsla(0, 0%, 100%, .5)!important;color:hsla(0, 0%, 100%, .5)!important;color:var(--mdc-theme-text-icon-on-primary,hsla(0, 0%, 100%, .5))!important}
.mdc-theme--text-primary-on-primary-light{color:rgba(0, 0, 0, .87)!important;color:rgba(0, 0, 0, .87)!important;color:rgba(0, 0, 0, .87)!important;color:var(--mdc-theme-text-primary-on-primary-light,rgba(0, 0, 0, .87))!important}
.mdc-theme--text-secondary-on-primary-light{color:rgba(0, 0, 0, .54)!important;color:rgba(0, 0, 0, .54)!important;color:rgba(0, 0, 0, .54)!important;color:var(--mdc-theme-text-secondary-on-primary-light,rgba(0, 0, 0, .54))!important}
.mdc-theme--text-hint-on-primary-light{color:rgba(0, 0, 0, .38)!important;color:rgba(0, 0, 0, .38)!important;color:rgba(0, 0, 0, .38)!important;color:var(--mdc-theme-text-hint-on-primary-light,rgba(0, 0, 0, .38))!important}
.mdc-theme--text-disabled-on-primary-light{color:rgba(0, 0, 0, .38)!important;color:rgba(0, 0, 0, .38)!important;color:rgba(0, 0, 0, .38)!important;color:var(--mdc-theme-text-disabled-on-primary-light,rgba(0, 0, 0, .38))!important}
.mdc-theme--text-icon-on-primary-light{color:rgba(0, 0, 0, .38)!important;color:rgba(0, 0, 0, .38)!important;color:rgba(0, 0, 0, .38)!important;color:var(--mdc-theme-text-icon-on-primary-light,rgba(0, 0, 0, .38))!important}
.mdc-theme--text-primary-on-primary-dark{color:#fff!important;color:#fff!important;color:#fff!important;color:var(--mdc-theme-text-primary-on-primary-dark,#fff)!important}
.mdc-theme--text-secondary-on-primary-dark{color:hsla(0, 0%, 100%, .7)!important;color:hsla(0, 0%, 100%, .7)!important;color:hsla(0, 0%, 100%, .7)!important;color:var(--mdc-theme-text-secondary-on-primary-dark,hsla(0, 0%, 100%, .7))!important}
.mdc-theme--text-hint-on-primary-dark{color:hsla(0, 0%, 100%, .5)!important;color:hsla(0, 0%, 100%, .5)!important;color:hsla(0, 0%, 100%, .5)!important;color:var(--mdc-theme-text-hint-on-primary-dark,hsla(0, 0%, 100%, .5))!important}
.mdc-theme--text-disabled-on-primary-dark{color:hsla(0, 0%, 100%, .5)!important;color:hsla(0, 0%, 100%, .5)!important;color:hsla(0, 0%, 100%, .5)!important;color:var(--mdc-theme-text-disabled-on-primary-dark,hsla(0, 0%, 100%, .5))!important}
.mdc-theme--text-icon-on-primary-dark{color:hsla(0, 0%, 100%, .5)!important;color:hsla(0, 0%, 100%, .5)!important;color:hsla(0, 0%, 100%, .5)!important;color:var(--mdc-theme-text-icon-on-primary-dark,hsla(0, 0%, 100%, .5))!important}
.mdc-theme--text-primary-on-secondary{color:#fff!important;color:#fff!important;color:#fff!important;color:var(--mdc-theme-text-primary-on-secondary,#fff)!important}
.mdc-theme--text-secondary-on-secondary{color:hsla(0, 0%, 100%, .7)!important;color:hsla(0, 0%, 100%, .7)!important;color:hsla(0, 0%, 100%, .7)!important;color:var(--mdc-theme-text-secondary-on-secondary,hsla(0, 0%, 100%, .7))!important}
.mdc-theme--text-hint-on-secondary{color:hsla(0, 0%, 100%, .5)!important;color:hsla(0, 0%, 100%, .5)!important;color:hsla(0, 0%, 100%, .5)!important;color:var(--mdc-theme-text-hint-on-secondary,hsla(0, 0%, 100%, .5))!important}
.mdc-theme--text-disabled-on-secondary{color:hsla(0, 0%, 100%, .5)!important;color:hsla(0, 0%, 100%, .5)!important;color:hsla(0, 0%, 100%, .5)!important;color:var(--mdc-theme-text-disabled-on-secondary,hsla(0, 0%, 100%, .5))!important}
.mdc-theme--text-icon-on-secondary{color:hsla(0, 0%, 100%, .5)!important;color:hsla(0, 0%, 100%, .5)!important;color:hsla(0, 0%, 100%, .5)!important;color:var(--mdc-theme-text-icon-on-secondary,hsla(0, 0%, 100%, .5))!important}
.mdc-theme--text-primary-on-secondary-light{color:rgba(0, 0, 0, .87)!important;color:rgba(0, 0, 0, .87)!important;color:rgba(0, 0, 0, .87)!important;color:var(--mdc-theme-text-primary-on-secondary-light,rgba(0, 0, 0, .87))!important}
.mdc-theme--text-secondary-on-secondary-light{color:rgba(0, 0, 0, .54)!important;color:rgba(0, 0, 0, .54)!important;color:rgba(0, 0, 0, .54)!important;color:var(--mdc-theme-text-secondary-on-secondary-light,rgba(0, 0, 0, .54))!important}
.mdc-theme--text-hint-on-secondary-light{color:rgba(0, 0, 0, .38)!important;color:rgba(0, 0, 0, .38)!important;color:rgba(0, 0, 0, .38)!important;color:var(--mdc-theme-text-hint-on-secondary-light,rgba(0, 0, 0, .38))!important}
.mdc-theme--text-disabled-on-secondary-light{color:rgba(0, 0, 0, .38)!important;color:rgba(0, 0, 0, .38)!important;color:rgba(0, 0, 0, .38)!important;color:var(--mdc-theme-text-disabled-on-secondary-light,rgba(0, 0, 0, .38))!important}
.mdc-theme--text-icon-on-secondary-light{color:rgba(0, 0, 0, .38)!important;color:rgba(0, 0, 0, .38)!important;color:rgba(0, 0, 0, .38)!important;color:var(--mdc-theme-text-icon-on-secondary-light,rgba(0, 0, 0, .38))!important}
.mdc-theme--text-primary-on-secondary-dark{color:#fff!important;color:#fff!important;color:#fff!important;color:var(--mdc-theme-text-primary-on-secondary-dark,#fff)!important}
.mdc-theme--text-secondary-on-secondary-dark{color:hsla(0, 0%, 100%, .7)!important;color:hsla(0, 0%, 100%, .7)!important;color:hsla(0, 0%, 100%, .7)!important;color:var(--mdc-theme-text-secondary-on-secondary-dark,hsla(0, 0%, 100%, .7))!important}
.mdc-theme--text-hint-on-secondary-dark{color:hsla(0, 0%, 100%, .5)!important;color:hsla(0, 0%, 100%, .5)!important;color:hsla(0, 0%, 100%, .5)!important;color:var(--mdc-theme-text-hint-on-secondary-dark,hsla(0, 0%, 100%, .5))!important}
.mdc-theme--text-disabled-on-secondary-dark{color:hsla(0, 0%, 100%, .5)!important;color:hsla(0, 0%, 100%, .5)!important;color:hsla(0, 0%, 100%, .5)!important;color:var(--mdc-theme-text-disabled-on-secondary-dark,hsla(0, 0%, 100%, .5))!important}
.mdc-theme--text-icon-on-secondary-dark{color:hsla(0, 0%, 100%, .5)!important;color:hsla(0, 0%, 100%, .5)!important;color:hsla(0, 0%, 100%, .5)!important;color:var(--mdc-theme-text-icon-on-secondary-dark,hsla(0, 0%, 100%, .5))!important}
.mdc-theme--text-primary-on-background{color:rgba(0, 0, 0, .87)!important;color:rgba(0, 0, 0, .87)!important;color:rgba(0, 0, 0, .87)!important;color:var(--mdc-theme-text-primary-on-background,rgba(0, 0, 0, .87))!important}
.mdc-theme--text-secondary-on-background{color:rgba(0, 0, 0, .54)!important;color:rgba(0, 0, 0, .54)!important;color:rgba(0, 0, 0, .54)!important;color:var(--mdc-theme-text-secondary-on-background,rgba(0, 0, 0, .54))!important}
.mdc-theme--text-hint-on-background{color:rgba(0, 0, 0, .38)!important;color:rgba(0, 0, 0, .38)!important;color:rgba(0, 0, 0, .38)!important;color:var(--mdc-theme-text-hint-on-background,rgba(0, 0, 0, .38))!important}
.mdc-theme--text-disabled-on-background{color:rgba(0, 0, 0, .38)!important;color:rgba(0, 0, 0, .38)!important;color:rgba(0, 0, 0, .38)!important;color:var(--mdc-theme-text-disabled-on-background,rgba(0, 0, 0, .38))!important}
.mdc-theme--text-icon-on-background{color:rgba(0, 0, 0, .38)!important;color:rgba(0, 0, 0, .38)!important;color:rgba(0, 0, 0, .38)!important;color:var(--mdc-theme-text-icon-on-background,rgba(0, 0, 0, .38))!important}
.mdc-theme--text-primary-on-light{color:rgba(0, 0, 0, .87)!important;color:rgba(0, 0, 0, .87)!important;color:rgba(0, 0, 0, .87)!important;color:var(--mdc-theme-text-primary-on-light,rgba(0, 0, 0, .87))!important}
.mdc-theme--text-secondary-on-light{color:rgba(0, 0, 0, .54)!important;color:rgba(0, 0, 0, .54)!important;color:rgba(0, 0, 0, .54)!important;color:var(--mdc-theme-text-secondary-on-light,rgba(0, 0, 0, .54))!important}
.mdc-theme--text-hint-on-light{color:rgba(0, 0, 0, .38)!important;color:rgba(0, 0, 0, .38)!important;color:rgba(0, 0, 0, .38)!important;color:var(--mdc-theme-text-hint-on-light,rgba(0, 0, 0, .38))!important}
.mdc-theme--text-disabled-on-light{color:rgba(0, 0, 0, .38)!important;color:rgba(0, 0, 0, .38)!important;color:rgba(0, 0, 0, .38)!important;color:var(--mdc-theme-text-disabled-on-light,rgba(0, 0, 0, .38))!important}
.mdc-theme--text-icon-on-light{color:rgba(0, 0, 0, .38)!important;color:rgba(0, 0, 0, .38)!important;color:rgba(0, 0, 0, .38)!important;color:var(--mdc-theme-text-icon-on-light,rgba(0, 0, 0, .38))!important}
.mdc-theme--text-primary-on-dark{color:#fff!important;color:#fff!important;color:#fff!important;color:var(--mdc-theme-text-primary-on-dark,#fff)!important}
.mdc-theme--text-secondary-on-dark{color:hsla(0, 0%, 100%, .7)!important;color:hsla(0, 0%, 100%, .7)!important;color:hsla(0, 0%, 100%, .7)!important;color:var(--mdc-theme-text-secondary-on-dark,hsla(0, 0%, 100%, .7))!important}
.mdc-theme--text-hint-on-dark{color:hsla(0, 0%, 100%, .5)!important;color:hsla(0, 0%, 100%, .5)!important;color:hsla(0, 0%, 100%, .5)!important;color:var(--mdc-theme-text-hint-on-dark,hsla(0, 0%, 100%, .5))!important}
.mdc-theme--text-disabled-on-dark{color:hsla(0, 0%, 100%, .5)!important;color:hsla(0, 0%, 100%, .5)!important;color:hsla(0, 0%, 100%, .5)!important;color:var(--mdc-theme-text-disabled-on-dark,hsla(0, 0%, 100%, .5))!important}
.mdc-theme--text-icon-on-dark{color:hsla(0, 0%, 100%, .5)!important;color:hsla(0, 0%, 100%, .5)!important;color:hsla(0, 0%, 100%, .5)!important;color:var(--mdc-theme-text-icon-on-dark,hsla(0, 0%, 100%, .5))!important}
.mdc-theme--primary-bg{background-color:#6200ee!important;background-color:#6200ee!important;background-color:#6200ee!important;background-color:var(--mdc-theme-primary,#6200ee)!important}
.mdc-theme--primary-light-bg{background-color:#b37eff!important;background-color:#b37eff!important;background-color:#b37eff!important;background-color:var(--mdc-theme-primary-light,#b37eff)!important}
.mdc-theme--primary-dark-bg{background-color:#8936ff!important;background-color:#8936ff!important;background-color:#8936ff!important;background-color:var(--mdc-theme-primary-dark,#8936ff)!important}
.mdc-theme--secondary-bg{background-color:#018786!important;background-color:#018786!important;background-color:#018786!important;background-color:var(--mdc-theme-secondary,#018786)!important}
.mdc-theme--secondary-light-bg{background-color:#02cecc!important;background-color:#02cecc!important;background-color:#02cecc!important;background-color:var(--mdc-theme-secondary-light,#02cecc)!important}
.mdc-theme--secondary-dark-bg{background-color:#004040!important;background-color:#004040!important;background-color:#004040!important;background-color:var(--mdc-theme-secondary-dark,#004040)!important}
.mdc-toolbar{background-color:#6200ee;background-color:#6200ee;background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee);color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}
.mdc-toolbar .mdc-toolbar__icon{color:#fff}
.mdc-toolbar .mdc-toolbar__icon:after,.mdc-toolbar .mdc-toolbar__icon:before{background-color:#fff}
.mdc-toolbar .mdc-toolbar__icon:hover:before{opacity:.08}
.mdc-toolbar .mdc-toolbar__icon.mdc-ripple-upgraded--background-focused:before,.mdc-toolbar .mdc-toolbar__icon:not(.mdc-ripple-upgraded):focus:before{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.24}
.mdc-toolbar .mdc-toolbar__icon:not(.mdc-ripple-upgraded):after{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.mdc-toolbar .mdc-toolbar__icon:not(.mdc-ripple-upgraded):active:after{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.32}
.mdc-toolbar .mdc-toolbar__icon.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:.32}
.mdc-toolbar__row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:auto;min-height:64px}
@media (max-width:959px) and (orientation:landscape){.mdc-toolbar__row{min-height:48px}}
@media (max-width:599px){.mdc-toolbar__row{min-height:56px}}
.mdc-toolbar__section{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-align:start;-webkit-align-items:start;-ms-flex-align:start;align-items:start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:0;height:100%;padding:8px;z-index:1}
@media (max-width:959px) and (orientation:landscape){.mdc-toolbar__section{padding:0}}
@media (max-width:599px){.mdc-toolbar__section{padding:4px 0}}
.mdc-toolbar__section--align-start{padding-left:12px;padding-right:0;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}
.mdc-toolbar__section--align-start[dir=rtl],[dir=rtl] .mdc-toolbar__section--align-start{padding-left:0;padding-right:12px}
@media (max-width:959px) and (orientation:landscape){.mdc-toolbar__section--align-start{padding-left:4px;padding-right:0}.mdc-toolbar__section--align-start[dir=rtl],[dir=rtl] .mdc-toolbar__section--align-start{padding-left:0;padding-right:4px}}
@media (max-width:599px){.mdc-toolbar__section--align-start{padding-left:4px;padding-right:0}.mdc-toolbar__section--align-start[dir=rtl],[dir=rtl] .mdc-toolbar__section--align-start{padding-left:0;padding-right:4px}}
.mdc-toolbar__section--align-end{padding-left:0;padding-right:12px;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}
.mdc-toolbar__section--align-end[dir=rtl],[dir=rtl] .mdc-toolbar__section--align-end{padding-left:12px;padding-right:0}
@media (max-width:959px) and (orientation:landscape){.mdc-toolbar__section--align-end{padding-left:0;padding-right:4px}.mdc-toolbar__section--align-end[dir=rtl],[dir=rtl] .mdc-toolbar__section--align-end{padding-left:4px;padding-right:0}}
@media (max-width:599px){.mdc-toolbar__section--align-end{padding-left:0;padding-right:4px}.mdc-toolbar__section--align-end[dir=rtl],[dir=rtl] .mdc-toolbar__section--align-end{padding-left:4px;padding-right:0}}
.mdc-toolbar__title{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1.25rem;line-height:2rem;font-weight:500;letter-spacing:.02em;text-decoration:inherit;text-transform:inherit;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-left:24px;margin-right:0;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;padding:12px 0;line-height:1.5rem;z-index:1}
.mdc-toolbar__title[dir=rtl],[dir=rtl] .mdc-toolbar__title{margin-left:0;margin-right:24px}
.mdc-toolbar__icon,.mdc-toolbar__menu-icon{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:start;-webkit-align-items:start;-ms-flex-align:start;align-items:start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;padding:12px;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer}
.mdc-toolbar__icon:after,.mdc-toolbar__icon:before,.mdc-toolbar__menu-icon:after,.mdc-toolbar__menu-icon:before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}
.mdc-toolbar__icon:before,.mdc-toolbar__menu-icon:before{-webkit-transition:opacity 15ms linear;-o-transition:opacity 15ms linear;transition:opacity 15ms linear;z-index:1}
.mdc-toolbar__icon.mdc-ripple-upgraded:before,.mdc-toolbar__menu-icon.mdc-ripple-upgraded:before{-webkit-transform:scale(1);-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));-ms-transform:scale(1);transform:scale(1);-ms-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}
.mdc-toolbar__icon.mdc-ripple-upgraded:after,.mdc-toolbar__menu-icon.mdc-ripple-upgraded:after{top:0;left:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.mdc-toolbar__icon.mdc-ripple-upgraded--unbounded:after,.mdc-toolbar__menu-icon.mdc-ripple-upgraded--unbounded:after{top:0;top:var(--mdc-ripple-top,0);left:0;left:var(--mdc-ripple-left,0)}
.mdc-toolbar__icon.mdc-ripple-upgraded--foreground-activation:after,.mdc-toolbar__menu-icon.mdc-ripple-upgraded--foreground-activation:after{-webkit-animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards;animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards}
.mdc-toolbar__icon.mdc-ripple-upgraded--foreground-deactivation:after,.mdc-toolbar__menu-icon.mdc-ripple-upgraded--foreground-deactivation:after{-webkit-animation:.15s mdc-ripple-fg-opacity-out;animation:.15s mdc-ripple-fg-opacity-out;-webkit-transform:translate(0) scale(1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));-ms-transform:translate(0) scale(1);transform:translate(0) scale(1);-ms-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}
.mdc-toolbar__icon:after,.mdc-toolbar__icon:before,.mdc-toolbar__menu-icon:after,.mdc-toolbar__menu-icon:before{top:0%;left:0%;width:100%;height:100%}
.mdc-toolbar__icon.mdc-ripple-upgraded:after,.mdc-toolbar__icon.mdc-ripple-upgraded:before,.mdc-toolbar__menu-icon.mdc-ripple-upgraded:after,.mdc-toolbar__menu-icon.mdc-ripple-upgraded:before{top:0%;top:var(--mdc-ripple-top,0%);left:0%;left:var(--mdc-ripple-left,0%);width:100%;width:var(--mdc-ripple-fg-size,100%);height:100%;height:var(--mdc-ripple-fg-size,100%)}
.mdc-toolbar__icon.mdc-ripple-upgraded:after,.mdc-toolbar__menu-icon.mdc-ripple-upgraded:after{width:100%;width:var(--mdc-ripple-fg-size,100%);height:100%;height:var(--mdc-ripple-fg-size,100%)}
.mdc-toolbar__menu-icon+.mdc-toolbar__title{margin-left:8px;margin-right:0}
.mdc-toolbar__menu-icon+.mdc-toolbar__title[dir=rtl],[dir=rtl] .mdc-toolbar__menu-icon+.mdc-toolbar__title{margin-left:0;margin-right:8px}
@media (max-width:599px){.mdc-toolbar__title{margin-left:16px;margin-right:0}.mdc-toolbar__title[dir=rtl],[dir=rtl] .mdc-toolbar__title{margin-left:0;margin-right:16px}}
.mdc-toolbar--fixed{-webkit-box-shadow:0 2px 4px -1px rgba(0, 0, 0, .2),0 4px 5px 0 rgba(0, 0, 0, .14),0 1px 10px 0 rgba(0, 0, 0, .12);box-shadow:0 2px 4px -1px rgba(0, 0, 0, .2),0 4px 5px 0 rgba(0, 0, 0, .14),0 1px 10px 0 rgba(0, 0, 0, .12);position:fixed;top:0;left:0;z-index:4}
.mdc-toolbar--flexible{--mdc-toolbar-ratio-to-extend-flexible:4}
.mdc-toolbar--flexible .mdc-toolbar__row:first-child{height:256px;height:256px;height:calc(64px * var(--mdc-toolbar-ratio-to-extend-flexible, 4))}
@media (max-width:599px){.mdc-toolbar--flexible .mdc-toolbar__row:first-child{height:224px;height:224px;height:calc(56px * var(--mdc-toolbar-ratio-to-extend-flexible, 4))}}
.mdc-toolbar--flexible .mdc-toolbar__row:first-child:after{position:absolute;content:""}
.mdc-toolbar--flexible-default-behavior .mdc-toolbar__title{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:2.125rem;line-height:2.5rem;font-weight:400;letter-spacing:normal;text-decoration:inherit;text-transform:inherit;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;line-height:1.5rem}
.mdc-toolbar--flexible-default-behavior .mdc-toolbar__row:first-child:after{top:0;left:0;width:100%;height:100%;-webkit-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease;opacity:1}
.mdc-toolbar--flexible-default-behavior.mdc-toolbar--flexible-space-minimized .mdc-toolbar__row:first-child:after{opacity:0}
.mdc-toolbar--flexible-default-behavior.mdc-toolbar--flexible-space-minimized .mdc-toolbar__title{font-weight:500}
.mdc-toolbar--waterfall.mdc-toolbar--fixed{-webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, .2),0 0 0 0 rgba(0, 0, 0, .14),0 0 0 0 rgba(0, 0, 0, .12);box-shadow:0 0 0 0 rgba(0, 0, 0, .2),0 0 0 0 rgba(0, 0, 0, .14),0 0 0 0 rgba(0, 0, 0, .12);-webkit-transition:-webkit-box-shadow .28s cubic-bezier(.4,0,.2,1);transition:-webkit-box-shadow .28s cubic-bezier(.4,0,.2,1);-o-transition:box-shadow .28s cubic-bezier(.4,0,.2,1);transition:box-shadow .28s cubic-bezier(.4,0,.2,1);transition:box-shadow .28s cubic-bezier(.4,0,.2,1), -webkit-box-shadow .28s cubic-bezier(.4,0,.2,1);will-change:box-shadow}
.mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--flexible-space-minimized{-webkit-box-shadow:0 2px 4px -1px rgba(0, 0, 0, .2),0 4px 5px 0 rgba(0, 0, 0, .14),0 1px 10px 0 rgba(0, 0, 0, .12);box-shadow:0 2px 4px -1px rgba(0, 0, 0, .2),0 4px 5px 0 rgba(0, 0, 0, .14),0 1px 10px 0 rgba(0, 0, 0, .12)}
.mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--fixed-lastrow-only.mdc-toolbar--flexible-space-minimized{-webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, .2),0 0 0 0 rgba(0, 0, 0, .14),0 0 0 0 rgba(0, 0, 0, .12);box-shadow:0 0 0 0 rgba(0, 0, 0, .2),0 0 0 0 rgba(0, 0, 0, .14),0 0 0 0 rgba(0, 0, 0, .12)}
.mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--fixed-lastrow-only.mdc-toolbar--fixed-at-last-row{-webkit-box-shadow:0 2px 4px -1px rgba(0, 0, 0, .2),0 4px 5px 0 rgba(0, 0, 0, .14),0 1px 10px 0 rgba(0, 0, 0, .12);box-shadow:0 2px 4px -1px rgba(0, 0, 0, .2),0 4px 5px 0 rgba(0, 0, 0, .14),0 1px 10px 0 rgba(0, 0, 0, .12)}
.mdc-toolbar-fixed-adjust{margin-top:64px}
@media (max-width:959px) and (max-height:599px){.mdc-toolbar-fixed-adjust{margin-top:48px}}
@media (max-width:599px){.mdc-toolbar-fixed-adjust{margin-top:56px}}
.mdc-toolbar__section--shrink-to-fit{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}
.mdc-top-app-bar{background-color:#6200ee;background-color:#6200ee;background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee);color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}
.mdc-top-app-bar .mdc-top-app-bar__action-item,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon{color:#fff;color:#fff;color:#fff;color:var(--mdc-theme-text-primary-on-primary,#fff)}
.mdc-top-app-bar .mdc-top-app-bar__action-item:after,.mdc-top-app-bar .mdc-top-app-bar__action-item:before,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:after,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:before{background-color:#fff}
@supports not (-ms-ime-align:auto){.mdc-top-app-bar .mdc-top-app-bar__action-item:after,.mdc-top-app-bar .mdc-top-app-bar__action-item:before,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:after,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:before{background-color:#fff;background-color:#fff;background-color:var(--mdc-theme-text-primary-on-primary,#fff)}}
.mdc-top-app-bar .mdc-top-app-bar__action-item:hover:before,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover:before{opacity:.08}
.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded--background-focused:before,.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):focus:before,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused:before,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus:before{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.24}
.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):after,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):after{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active:after,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active:after{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:.32}
.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:.32}
.mdc-top-app-bar__row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:64px}
.mdc-top-app-bar__section{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;min-width:0;padding:8px 12px;z-index:1}
.mdc-top-app-bar__section--align-start{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}
.mdc-top-app-bar__section--align-end{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}
.mdc-top-app-bar__title{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1.25rem;line-height:2rem;font-weight:500;letter-spacing:.02em;text-decoration:inherit;text-transform:inherit;padding-left:20px;padding-right:0;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;z-index:1}
.mdc-top-app-bar__title[dir=rtl],[dir=rtl] .mdc-top-app-bar__title{padding-left:0;padding-right:20px}
.mdc-top-app-bar__action-item,.mdc-top-app-bar__navigation-icon{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;padding:12px;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer}
.mdc-top-app-bar__action-item:after,.mdc-top-app-bar__action-item:before,.mdc-top-app-bar__navigation-icon:after,.mdc-top-app-bar__navigation-icon:before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}
.mdc-top-app-bar__action-item:before,.mdc-top-app-bar__navigation-icon:before{-webkit-transition:opacity 15ms linear;-o-transition:opacity 15ms linear;transition:opacity 15ms linear;z-index:1}
.mdc-top-app-bar__action-item.mdc-ripple-upgraded:before,.mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded:before{-webkit-transform:scale(1);-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));-ms-transform:scale(1);transform:scale(1);-ms-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}
.mdc-top-app-bar__action-item.mdc-ripple-upgraded:after,.mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded:after{top:0;left:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.mdc-top-app-bar__action-item.mdc-ripple-upgraded--unbounded:after,.mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--unbounded:after{top:0;top:var(--mdc-ripple-top,0);left:0;left:var(--mdc-ripple-left,0)}
.mdc-top-app-bar__action-item.mdc-ripple-upgraded--foreground-activation:after,.mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--foreground-activation:after{-webkit-animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards;animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards}
.mdc-top-app-bar__action-item.mdc-ripple-upgraded--foreground-deactivation:after,.mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--foreground-deactivation:after{-webkit-animation:.15s mdc-ripple-fg-opacity-out;animation:.15s mdc-ripple-fg-opacity-out;-webkit-transform:translate(0) scale(1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));-ms-transform:translate(0) scale(1);transform:translate(0) scale(1);-ms-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}
.mdc-top-app-bar__action-item:after,.mdc-top-app-bar__action-item:before,.mdc-top-app-bar__navigation-icon:after,.mdc-top-app-bar__navigation-icon:before{top:0%;left:0%;width:100%;height:100%}
.mdc-top-app-bar__action-item.mdc-ripple-upgraded:after,.mdc-top-app-bar__action-item.mdc-ripple-upgraded:before,.mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded:after,.mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded:before{top:0%;top:var(--mdc-ripple-top,0%);left:0%;left:var(--mdc-ripple-left,0%);width:100%;width:var(--mdc-ripple-fg-size,100%);height:100%;height:var(--mdc-ripple-fg-size,100%)}
.mdc-top-app-bar__action-item.mdc-ripple-upgraded:after,.mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded:after{width:100%;width:var(--mdc-ripple-fg-size,100%);height:100%;height:var(--mdc-ripple-fg-size,100%)}
.mdc-top-app-bar--short{position:fixed;top:0;right:auto;left:0;width:100%;-webkit-transition:width .25s cubic-bezier(.4,0,.2,1);-o-transition:width .25s cubic-bezier(.4,0,.2,1);transition:width .25s cubic-bezier(.4,0,.2,1);z-index:4}
.mdc-top-app-bar--short[dir=rtl],[dir=rtl] .mdc-top-app-bar--short{right:0;left:auto}
.mdc-top-app-bar--short .mdc-top-app-bar__row{height:56px}
.mdc-top-app-bar--short .mdc-top-app-bar__section{padding:4px}
.mdc-top-app-bar--short .mdc-top-app-bar__title{-webkit-transition:opacity .2s cubic-bezier(.4,0,.2,1);-o-transition:opacity .2s cubic-bezier(.4,0,.2,1);transition:opacity .2s cubic-bezier(.4,0,.2,1);opacity:1}
.mdc-top-app-bar--short-collapsed{border-bottom-left-radius:0;border-bottom-right-radius:4px;-webkit-box-shadow:0 2px 4px -1px rgba(0, 0, 0, .2),0 4px 5px 0 rgba(0, 0, 0, .14),0 1px 10px 0 rgba(0, 0, 0, .12);box-shadow:0 2px 4px -1px rgba(0, 0, 0, .2),0 4px 5px 0 rgba(0, 0, 0, .14),0 1px 10px 0 rgba(0, 0, 0, .12);width:56px;-webkit-transition:width .3s cubic-bezier(.4,0,.2,1);-o-transition:width .3s cubic-bezier(.4,0,.2,1);transition:width .3s cubic-bezier(.4,0,.2,1)}
.mdc-top-app-bar--short-collapsed[dir=rtl],[dir=rtl] .mdc-top-app-bar--short-collapsed{border-bottom-left-radius:4px;border-bottom-right-radius:0}
.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__title{display:none}
.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__action-item{-webkit-transition:padding .15s cubic-bezier(.4,0,.2,1);-o-transition:padding .15s cubic-bezier(.4,0,.2,1);transition:padding .15s cubic-bezier(.4,0,.2,1)}
.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item{width:112px}
.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end{padding-left:0;padding-right:12px}
.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end[dir=rtl],[dir=rtl] .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end{padding-left:12px;padding-right:0}
.mdc-top-app-bar--prominent .mdc-top-app-bar__row{height:128px}
.mdc-top-app-bar--prominent .mdc-top-app-bar__title{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;padding-bottom:2px}
.mdc-top-app-bar--prominent .mdc-top-app-bar__action-item,.mdc-top-app-bar--prominent .mdc-top-app-bar__navigation-icon{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}
@media (max-width:599px){.mdc-top-app-bar__row{height:56px}.mdc-top-app-bar__section{padding:4px}.mdc-top-app-bar--short{-webkit-transition:width .2s cubic-bezier(.4,0,.2,1);-o-transition:width .2s cubic-bezier(.4,0,.2,1);transition:width .2s cubic-bezier(.4,0,.2,1)}.mdc-top-app-bar--short-collapsed{-webkit-transition:width .25s cubic-bezier(.4,0,.2,1);-o-transition:width .25s cubic-bezier(.4,0,.2,1);transition:width .25s cubic-bezier(.4,0,.2,1)}.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end{padding-left:0;padding-right:12px}.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end[dir=rtl],[dir=rtl] .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end{padding-left:12px;padding-right:0}.mdc-top-app-bar--prominent .mdc-top-app-bar__title{padding-bottom:6px}}
.mdc-typography,.mdc-typography--display4{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}
.mdc-typography--display4{font-size:7rem;line-height:7rem;font-weight:300;letter-spacing:-.04em;text-decoration:inherit;text-transform:inherit}
.mdc-typography--adjust-margin.mdc-typography--display4{margin:-1rem 0 3.5rem -.085em}
.mdc-typography--display3{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:3.5rem;line-height:3.5rem;font-weight:400;letter-spacing:-.02em;text-decoration:inherit;text-transform:inherit}
.mdc-typography--adjust-margin.mdc-typography--display3{margin:-8px 0 64px -.07em}
.mdc-typography--display2{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:2.8125rem;line-height:3rem;font-weight:400;letter-spacing:normal;text-decoration:inherit;text-transform:inherit}
.mdc-typography--adjust-margin.mdc-typography--display2{margin:-.5rem 0 4rem -.07em}
.mdc-typography--display1{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:2.125rem;line-height:2.5rem;font-weight:400;letter-spacing:normal;text-decoration:inherit;text-transform:inherit}
.mdc-typography--adjust-margin.mdc-typography--display1{margin:-.5rem 0 4rem -.07em}
.mdc-typography--headline{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1.5rem;line-height:2rem;font-weight:400;letter-spacing:normal;text-decoration:inherit;text-transform:inherit}
.mdc-typography--adjust-margin.mdc-typography--headline{margin:-.5rem 0 1rem -.06em}
.mdc-typography--title{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1.25rem;line-height:2rem;font-weight:500;letter-spacing:.02em;text-decoration:inherit;text-transform:inherit}
.mdc-typography--adjust-margin.mdc-typography--title{margin:-.5rem 0 1rem -.05em}
.mdc-typography--subheading2{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.75rem;font-weight:400;letter-spacing:.04em;text-decoration:inherit;text-transform:inherit}
.mdc-typography--adjust-margin.mdc-typography--subheading2{margin:-.5rem 0 1rem -.06em}
.mdc-typography--subheading1{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.938rem;line-height:1.5rem;font-weight:400;letter-spacing:.04em;text-decoration:inherit;text-transform:inherit}
.mdc-typography--adjust-margin.mdc-typography--subheading1{margin:-.313rem 0 .813rem -.06em}
.mdc-typography--body2{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:1.5rem;font-weight:500;letter-spacing:.04em;text-decoration:inherit;text-transform:inherit}
.mdc-typography--adjust-margin.mdc-typography--body2{margin:-.25rem 0 .75rem}
.mdc-typography--body1{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:1.25rem;font-weight:400;letter-spacing:.04em;text-decoration:inherit;text-transform:inherit}
.mdc-typography--adjust-margin.mdc-typography--body1{margin:-.25rem 0 .75rem}
.mdc-typography--caption{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.75rem;line-height:1.25rem;font-weight:400;letter-spacing:.08em;text-decoration:inherit;text-transform:inherit}
.mdc-typography--adjust-margin.mdc-typography--caption{margin:-.5rem 0 1rem -.04em}
.mdc-typography--button{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:2.25rem;font-weight:500;letter-spacing:.04em;text-decoration:none;text-transform:uppercase}
.mdc-typography--adjust-margin.mdc-typography--button{margin:inherit}.diy-tutorial {
    border-radius: 10px;
    position : absolute;
    top: 50px;
    right: 10px;
    background-color :#ffffff;
    width:300px;
    -webkit-animation:slideIn 1s 1;
            animation:slideIn 1s 1;
    font-weight: 200;
    font-family: SimHei;
    font-size: 16px;
    z-index: 90;
}
.cursor {
    cursor: move;
}
@-webkit-keyframes slideIn
{
    from {right:  -300px;}
    to {right: 10px;}
}
@keyframes slideIn
{
    from {right:  -300px;}
    to {right: 10px;}
}
.tip-process {
    padding: 14px;
}
.tip-process .process{
    color: #1fa1ff;
}
.tip-process .process i {
    width: 21px;
    height: 16px;
    background-image: url(//other.wkcoding.com/st_ide/pro/2023112501/img/tutorial-monkey-42e89e9b.svg);
    display: inline-block;
    vertical-align: middle;
}
.tip-process .process p{
    margin-left: 8px;
    display: inline-block;
    word-wrap : break-word;  
}
.tip-process .title{
    line-height: 1.2;
    color: #5a5a5a;
    margin: 14px 0 0 0;
}
.diy-tutorial .tutorial-content{
    padding : 0 16px 0 13px;
    border-left : 3px solid #29a3ff;
    background-color : #f1f1f1;
    overflow-y:scroll;
    height: 0;
}
.tutorial-content.show{
    -webkit-animation: showContent .3s 1;
            animation: showContent .3s 1;
    height: 362px;
    border-top : 1px dotted #999999;
}
@-webkit-keyframes showContent{
    from{height: 0}
    to{ height: 362px;}
}
@keyframes showContent{
    from{height: 0}
    to{ height: 362px;}
}
.tutorial-content.hide{
    -webkit-animation: hideContent .3s 1;
            animation: hideContent .3s 1;
    height : 0px;
    border-top : none;

}
@-webkit-keyframes hideContent{
    from{height: 362px;}
    to{height: 0px;}
}
@keyframes hideContent{
    from{height: 362px;}
    to{height: 0px;}
}
@media screen and (max-width :750px){
    .tutorial-content.show{
        -webkit-animation: showContent .3s 1;
                animation: showContent .3s 1;
        height: 200px;
        border-top : 1px dotted #999999;
    
    }
    
    @-webkit-keyframes showContent{
        from{height: 0}
        to{ height: 200px;}
    }
    
    @keyframes showContent{
        from{height: 0}
        to{ height: 200px;}
    }
    
    .tutorial-content.hide{
        -webkit-animation: hideContent .3s 1;
                animation: hideContent .3s 1;
        height : 0px;
        border-top : none;
    
    }
    
    @-webkit-keyframes hideContent{
        from{height: 200px;}
        to{height: 0px;}
    }
    
    @keyframes hideContent{
        from{height: 200px;}
        to{height: 0px;}
    }
}
.tutorial-content .tutorial-content-box{
    margin:16px 0 ;
    padding : 8px;
    position: relative;

}
.tutorial-content-box.text {
    border-radius: 5px;
    background-color : #60aeff;
    color: white;
    line-height: 1.3;   
    word-break: break-word;
    border:1px solid #60aeff;
}
.tutorial-content-box.text p b{
    color: #ff2740;
    padding : 0 2px;
}
.tutorial-content-box i{
    left: -11px;
    top: calc(50% - 9px);
    width: 18px;
    height: 18px;
    position: absolute;
}
.tutorial-content-box.text i{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8bWV0YWRhdGE+PD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/PjwvbWV0YWRhdGE+CjxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6IG5vbmU7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogIzQ4YWVmZjsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIGlkPSJJY29uczI0X2JsYWNrX+eureWktC3kuItf5ou36LSdIiBkYXRhLW5hbWU9Ikljb25zMjQvYmxhY2sv566t5aS0LeS4iyDmi7fotJ0iPgogICAgPGcgaWQ9Ikljb25zMjRfYmxhY2tf566t5aS0IiBkYXRhLW5hbWU9Ikljb25zMjQvYmxhY2sv566t5aS0Ij4KICAgICAgPHJlY3QgaWQ9IuefqeW9ol8yMCIgZGF0YS1uYW1lPSLnn6nlvaIgMjAiIGNsYXNzPSJjbHMtMSIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4Ii8+CiAgICA8L2c+CiAgICA8cGF0aCBpZD0i55+p5b2iXzJf5ou36LSdXzIiIGRhdGEtbmFtZT0i55+p5b2iIDIg5ou36LSdIDIiIGNsYXNzPSJjbHMtMiIgZD0iTTM3NjksMTU5Ni45OGwtMy45OC0yLjk4LDMuOTgtMi45OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM3NTggLTE1ODUpIi8+CiAgPC9nPgo8L3N2Zz4K);
}
.tutorial-content-box.project {
    border-radius: 10px;
    border:1px solid #d2d2d2;
    padding: 16px 8px;
    background-color : #e9e9e9;
}
.tutorial-content-box.project i{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8bWV0YWRhdGE+PD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/PjwvbWV0YWRhdGE+CjxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6IG5vbmU7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogI2QyZDJkMjsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIGlkPSJJY29uczI0X2JsYWNrX+eureWktC3kuItf5ou36LSdIiBkYXRhLW5hbWU9Ikljb25zMjQvYmxhY2sv566t5aS0LeS4iyDmi7fotJ0iPgogICAgPGcgaWQ9Ikljb25zMjRfYmxhY2tf566t5aS0IiBkYXRhLW5hbWU9Ikljb25zMjQvYmxhY2sv566t5aS0Ij4KICAgICAgPHJlY3QgaWQ9IuefqeW9ol8yMCIgZGF0YS1uYW1lPSLnn6nlvaIgMjAiIGNsYXNzPSJjbHMtMSIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4Ii8+CiAgICA8L2c+CiAgICA8cGF0aCBpZD0i55+p5b2iXzJf5ou36LSdXzIiIGRhdGEtbmFtZT0i55+p5b2iIDIg5ou36LSdIDIiIGNsYXNzPSJjbHMtMiIgZD0iTTM3NjksMTU5Ni45OGwtMy45OC0yLjk4LDMuOTgtMi45OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM3NTggLTE1ODUpIi8+CiAgPC9nPgo8L3N2Zz4K);
}
.tutorial-content-box.project img{
    width: 245px;
    height: 141px;
    margin: 16px auto 0 auto;
}
.tutorial-content-box.project a{
    text-decoration: underline;
    cursor: pointer;
}
.tutorial-content-box.project .img-wrapper{
    position: relative;
}
.tutorial-content-box.project a .play{
    width: 48px;
    height: 48px;
    position: absolute;
    left : calc(50% - 24px);
    top: calc(50% - 24px);
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iSWNvbnMyNF9ibGFja1/mjInpkq4iIGRhdGEtbmFtZT0iSWNvbnMyNC9ibGFjay/mjInpkq4iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgNDggNDgiPgogIDxtZXRhZGF0YT48P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MCA3OS4xNjA0NTEsIDIwMTcvMDUvMDYtMDE6MDg6MjEgICAgICAgICI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiLz4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+PC9tZXRhZGF0YT4KPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogbm9uZTsKICAgICAgfQoKICAgICAgLmNscy0yLCAuY2xzLTMgewogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQoKICAgICAgLmNscy0yIHsKICAgICAgICBvcGFjaXR5OiAwLjU7CiAgICAgIH0KCiAgICAgIC5jbHMtMyB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHJlY3QgaWQ9IuefqeW9ol8yMCIgZGF0YS1uYW1lPSLnn6nlvaIgMjAiIGNsYXNzPSJjbHMtMSIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4Ii8+CiAgPHBhdGggaWQ9IuWkmui+ueW9ol8xIiBkYXRhLW5hbWU9IuWkmui+ueW9oiAxIiBjbGFzcz0iY2xzLTIiIGQ9Ik0zNTU3LDE2MTcuOTJsLTE1LDguMDktMTUtOC4wOXYtMTcuODFsMTUtOC4xLDE1LDguMXYxNy44MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNTE4IC0xNTg1KSIvPgogIDxwYXRoIGlkPSLlvaLnirZfNzE2X+aLt+i0nSIgZGF0YS1uYW1lPSLlvaLnirYgNzE2IOaLt+i0nSIgY2xhc3M9ImNscy0zIiBkPSJNMzUzNy45OCwxNjAzLjE1djExLjcxYTEuMDg3LDEuMDg3LDAsMCwwLDEuNjcuOTZsOC44Mi01Ljg2YTEuMTU5LDEuMTU5LDAsMCwwLDAtMS45MWwtOC44Mi01Ljg1QTEuMDg1LDEuMDg1LDAsMCwwLDM1MzcuOTgsMTYwMy4xNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNTE4IC0xNTg1KSIvPgo8L3N2Zz4K);
}
.tutorial-content-box.image{
    padding-left: 0;
    cursor: pointer;
}
.tutorial-content-box.image img{
    width: 211px;
}
.diy-tutorial .tutorial-btn-group{
    padding-bottom : 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;

}
.tutorial-btn-group.show-content{
    padding-top: 16px;
}
.tutorial-btn-group .tutorial-btn{
    font-family : SimHei;
    color : #46a1ff;
    background-color : #ffffff;
    border-radius: 3px;
    padding: 0 6px;
    
}
.tutorial-btn-group .tutorial-btn.next{
    background-color : #46a1ff;
    color : #ffffff;
    --mdc-theme-primary : #ffffff;
}
.tutorial-btn-group .tutorial-btn.previous{
    --mdc-theme-primary : #46a1ff;
    border: 1px solid #46a1ff;
}
.tutorial-btn-group .tutorial-btn.previous.show-tutorial-btn{
    opacity: 1;
}
.tutorial-btn-group .tutorial-btn.previous.hide-tutorial-btn{
    opacity: 0;
}
.tutorial-btn-group .tutorial-btn.toggle{
    --mdc-theme-primary : #46a1ff;
}
.tutorial-btn-group .tutorial-btn i{
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    line-height: 36px;
    background-position: center;
    background-repeat: no-repeat;
}
.tutorial-btn.previous i{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8bWV0YWRhdGE+PD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/PjwvbWV0YWRhdGE+CjxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6IG5vbmU7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogIzQ2YTFmZjsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIGlkPSJJY29uczI0X2JsYWNrX+eureWktC3lt6YiIGRhdGEtbmFtZT0iSWNvbnMyNC9ibGFjay/nrq3lpLQt5bemIj4KICAgIDxnIGlkPSJJY29uczI0X2JsYWNrX+eureWktCIgZGF0YS1uYW1lPSJJY29uczI0L2JsYWNrL+eureWktCI+CiAgICAgIDxyZWN0IGlkPSLnn6nlvaJfMjAiIGRhdGEtbmFtZT0i55+p5b2iIDIwIiBjbGFzcz0iY2xzLTEiIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIvPgogICAgICA8cGF0aCBpZD0i55+p5b2iXzRf5ou36LSdIiBkYXRhLW5hbWU9IuefqeW9oiA0IOaLt+i0nSIgY2xhc3M9ImNscy0yIiBkPSJNMzcwNS45OSwxNTk3Ljk5bC00Ljk4LTQsNC45OC00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzY5NSAtMTU4NSkiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=);
}
.tutorial-btn.toggle i.up{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8bWV0YWRhdGE+PD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/PjwvbWV0YWRhdGE+CjxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6IG5vbmU7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogIzQ2YTFmZjsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIGlkPSJJY29uczI0X2JsYWNrX+eureWktC3kuIoiIGRhdGEtbmFtZT0iSWNvbnMyNC9ibGFjay/nrq3lpLQt5LiKIj4KICAgIDxnIGlkPSJJY29uczI0X2JsYWNrX+eureWktCIgZGF0YS1uYW1lPSJJY29uczI0L2JsYWNrL+eureWktCI+CiAgICAgIDxyZWN0IGlkPSLnn6nlvaJfMjAiIGRhdGEtbmFtZT0i55+p5b2iIDIwIiBjbGFzcz0iY2xzLTEiIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIvPgogICAgICA8cGF0aCBpZD0i55+p5b2iXzRf5ou36LSdIiBkYXRhLW5hbWU9IuefqeW9oiA0IOaLt+i0nSIgY2xhc3M9ImNscy0yIiBkPSJNMzY3MS4wMSwxNTk1Ljk5bDQtNS4wMSw0LDUuMDEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNjY2IC0xNTg1KSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==);

}
.tutorial-btn.toggle i.down{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8bWV0YWRhdGE+PD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/PjwvbWV0YWRhdGE+CjxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6IG5vbmU7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogIzQ2YTFmZjsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIGlkPSJJY29uczI0X2JsYWNrX+eureWktC3kuIsiIGRhdGEtbmFtZT0iSWNvbnMyNC9ibGFjay/nrq3lpLQt5LiLIj4KICAgIDxnIGlkPSJJY29uczI0X2JsYWNrX+eureWktCIgZGF0YS1uYW1lPSJJY29uczI0L2JsYWNrL+eureWktCI+CiAgICAgIDxyZWN0IGlkPSLnn6nlvaJfMjAiIGRhdGEtbmFtZT0i55+p5b2iIDIwIiBjbGFzcz0iY2xzLTEiIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIvPgogICAgICA8cGF0aCBpZD0i55+p5b2iXzRf5ou36LSdIiBkYXRhLW5hbWU9IuefqeW9oiA0IOaLt+i0nSIgY2xhc3M9ImNscy0yIiBkPSJNMzY1Mi45OSwxNTkyLjAxbC00LDQuOTgtNC00Ljk4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzY0MCAtMTU4NSkiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=);
}.lock-modal {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9;
  color: white;
  background: rgba(0, 0, 0, .81);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 30px;
  z-index: 9999;
  pointer-events: auto;
}

.lock-modal .paysage {
  background: url(//other.wkcoding.com/st_ide/pro/2023112501/img/student-lock-f749f957.svg) center / contain no-repeat;
  width: 800px;
  height: 520px;
}
.notification-toast {
  position: absolute;
  top: 50%;
  left: 50%;
  /*padding: 40px 50px;*/
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #e7e9ea;
  z-index: 4;
}
.notification-toast p {
  line-height: 30px;
  font-size: 16px;
  color: #999;
  padding: 10px 10px;
}
.notification-toast .toast-error-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: bottom;
  margin-right: 10px;
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i57uEXzEiIGRhdGEtbmFtZT0i57uEIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI2IiBoZWlnaHQ9IjI2IiB2aWV3Qm94PSIwIDAgMjYgMjYiPgogIDxtZXRhZGF0YT48P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzEzOCA3OS4xNTk4MjQsIDIwMTYvMDkvMTQtMDE6MDk6MDEgICAgICAgICI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiLz4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+PC9tZXRhZGF0YT4KPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2VmNmY2ZjsKICAgICAgfQoKICAgICAgLmNscy0yLCAuY2xzLTMgewogICAgICAgIGZpbGw6ICNmZmY7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8Y2lyY2xlIGlkPSLmpK3lnIZfMSIgZGF0YS1uYW1lPSLmpK3lnIYgMSIgY2xhc3M9ImNscy0xIiBjeD0iMTMiIGN5PSIxMyIgcj0iMTMiLz4KICA8cGF0aCBpZD0i5ZyG6KeS55+p5b2iXzYyN1/mi7fotJ1fMiIgZGF0YS1uYW1lPSLlnIbop5Lnn6nlvaIgNjI3IOaLt+i0nSAyIiBjbGFzcz0iY2xzLTIiIGQ9Ik05MzQuNSw2NDhoMWExLjUsMS41LDAsMCwxLDEuNSwxLjV2NS4xNjdhMS41LDEuNSwwLDAsMS0xLjUsMS41aC0xYTEuNSwxLjUsMCwwLDEtMS41LTEuNVY2NDkuNUExLjUsMS41LDAsMCwxLDkzNC41LDY0OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05MjIgLTY0MikiLz4KICA8cmVjdCBpZD0i5ZyG6KeS55+p5b2iXzYyN1/mi7fotJ1fMi0yIiBkYXRhLW5hbWU9IuWchuinkuefqeW9oiA2Mjcg5ou36LSdIDIiIGNsYXNzPSJjbHMtMyIgeD0iMTEiIHk9IjE3IiB3aWR0aD0iNCIgaGVpZ2h0PSI0IiByeD0iMS43NSIgcnk9IjEuNzUiLz4KPC9zdmc+Cg==) no-repeat center;
}
.notification-toast .toast-reward-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: bottom;
  margin-right: 10px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTY3MzkzNTY2MTkxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjU2NyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48ZGVmcz48c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik00NzguMjA4IDY0OS4yMTZMMzU4LjQgODE5LjJsLTMwLjcyLTgxLjkyaC04MS45MmwxMDQuNDQ4LTE0Mi4zMzZjMjAuNDggMTIuMjg4IDQxLjk4NCAxNC4zMzYgNTcuMzQ0IDE3LjQwOCA1LjEyIDEuMDI0IDExLjI2NCAyLjA0OCAxNC4zMzYgMi4wNDggMi4wNDggMS4wMjQgNy4xNjggNS4xMiAxMC4yNCA4LjE5MiAxMi4yODggOC4xOTIgMjcuNjQ4IDIwLjQ4IDQ2LjA4IDI2LjYyNHogbTE5NS41ODQtNTQuMjcyYy0yMC40OCAxMi4yODgtNDEuOTg0IDE0LjMzNi01Ny4zNDQgMTcuNDA4LTUuMTIgMS4wMjQtMTIuMjg4IDIuMDQ4LTE1LjM2IDIuMDQ4LTIuMDQ4IDEuMDI0LTcuMTY4IDUuMTItMTAuMjQgOC4xOTItMTEuMjY0IDguMTkyLTI1LjYgMjAuNDgtNDUuMDU2IDI2LjYyNEw2NjUuNiA4MTkuMmwzMC43Mi04MS45Mmg4MS45Mkw2NzMuNzkyIDU5NC45NDR6TTUxMiAzMjcuNjhjLTM5LjkzNiAwLTcxLjY4IDMxLjc0NC03MS42OCA3MS42OHMzMS43NDQgNzEuNjggNzEuNjggNzEuNjggNzEuNjgtMzEuNzQ0IDcxLjY4LTcxLjY4LTMxLjc0NC03MS42OC03MS42OC03MS42OHogbTE5NC41NiA3MS42OGMwIDI0LjU3Ni0yNi42MjQgNDQuMDMyLTM1Ljg0IDY1LjUzNi05LjIxNiAyMi41MjgtNC4wOTYgNTUuMjk2LTIxLjUwNCA3MS42OC0xNi4zODQgMTYuMzg0LTQ5LjE1MiAxMi4yODgtNzEuNjggMjEuNTA0LTIxLjUwNCA5LjIxNi00MC45NiAzNS44NC02NS41MzYgMzUuODRzLTQ0LjAzMi0yNi42MjQtNjUuNTM2LTM1Ljg0Yy0yMi41MjgtOS4yMTYtNTUuMjk2LTQuMDk2LTcxLjY4LTIxLjUwNC0xNi4zODQtMTYuMzg0LTEyLjI4OC00OS4xNTItMjEuNTA0LTcxLjY4LTkuMjE2LTIxLjUwNC0zNS44NC00MC45Ni0zNS44NC02NS41MzYgMC0yNC41NzYgMjYuNjI0LTQ0LjAzMiAzNS44NC02NS41MzYgOS4yMTYtMjIuNTI4IDQuMDk2LTU1LjI5NiAyMS41MDQtNzEuNjggMTYuMzg0LTE2LjM4NCA0OS4xNTItMTIuMjg4IDcxLjY4LTIxLjUwNCAyMS41MDQtOS4yMTYgNDAuOTYtMzUuODQgNjUuNTM2LTM1Ljg0czQ0LjAzMiAyNi42MjQgNjUuNTM2IDM1Ljg0YzIyLjUyOCA5LjIxNiA1NS4yOTYgNC4wOTYgNzEuNjggMjEuNTA0IDE2LjM4NCAxNi4zODQgMTIuMjg4IDQ5LjE1MiAyMS41MDQgNzEuNjggOS4yMTYgMjEuNTA0IDM1Ljg0IDQwLjk2IDM1Ljg0IDY1LjUzNnogbS02MS40NCAwYzAtNzMuNzI4LTU5LjM5Mi0xMzMuMTItMTMzLjEyLTEzMy4xMnMtMTMzLjEyIDU5LjM5Mi0xMzMuMTIgMTMzLjEyIDU5LjM5MiAxMzMuMTIgMTMzLjEyIDEzMy4xMiAxMzMuMTItNTkuMzkyIDEzMy4xMi0xMzMuMTJ6IiBwLWlkPSI1NjgiIGZpbGw9IiNkY2M1NDkiPjwvcGF0aD48L3N2Zz4=) no-repeat center;
  background-size: 38px 38px;
}
.fade-enter.notification-toast {
  opacity: 1;
  -webkit-transform: translate(-50%, -250%);
      -ms-transform: translate(-50%, -250%);
          transform: translate(-50%, -250%);
}
.fade-enter-active.notification-toast {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.fade-exit.notification-toast {
  -webkit-transform: translate(-50%, -250%);
      -ms-transform: translate(-50%, -250%);
          transform: translate(-50%, -250%);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.fade-exit-active.notification-toast {
  opacity: 1;
  -webkit-transform: translate(-50%, -250%);
      -ms-transform: translate(-50%, -250%);
          transform: translate(-50%, -250%);
}
.fade-enter-done.notification-toast {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

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

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

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

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

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

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

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

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

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

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

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

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

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

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

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

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

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

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

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

b,
strong {
  font-weight: bolder;
}

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

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

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

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

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

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

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

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

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

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

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

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

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

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

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

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

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

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

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

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

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

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

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

textarea {
  overflow: auto;
}

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

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

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

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

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

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

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

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

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

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

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

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

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

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

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

template {
  display: none;
}

/* Hidden
   ========================================================================== */

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

[hidden] {
  display: none;
}
*, *:before, *:after{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* For react component   InlineSvg */

.isvg {
  width: 100%;
}

.isvg > svg {
  vertical-align: middle;
}

/* For react component   InlineSvg */

[role="button"] {
  cursor: pointer;
}

[tabindex] {
  outline: none;
}
/*==============================
 * Description: coding-monkey
 * Time：2016.12.25
=================================*/

@charset "utf-8";

html{overflow-x: hidden}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td,figure{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset, img{border:0;}

address, caption, cite, code, dfn, em, strong, th, var, b, i{font-style:normal;font-weight:normal;}

ol, ul{list-style:none;}

caption, th{text-align:left;}

h1, h2, h3, h4, h5, h6{font-size:100%}

q:before, q:after{content:'';}

abbr, acronym{border:0;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;}

sup{vertical-align:text-top;}

sub{vertical-align:text-bottom;}

input, textarea, select,button{font-family:inherit;font-size:inherit;font-weight:inherit;}

input, textarea, select{#font-size:100%;}

legend{color:#000;}

iframe{overflow:hidden;}

/*TT啊,你个2B TT下面才有这个滚动条*/

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}

iframe {border:0;}

textarea{resize:vertical;overflow-y:auto;}

/*resize风险未知,避免布局错乱先写上|auto为了ie下去掉默认侧边*/

a{text-decoration:none;}

a:hover{text-decoration:underline;}

a div,a strong, a span, a i,a s{#cursor: hand}

/*
.os-mac{font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande", "Hiragino Sans GB", "Hiragino Sans GB W3";}
.os-vista input, .os-vista textarea, .os-vista select, .os-vista button,
.os-win7 input, .os-win7 textarea, .os-win7 select, .os-win7 button,
.os-win8 input, .os-win8 textarea, .os-win8 select, .os-win8 button,
.os-vista, .os-win7, .os-win8{font-family:'微软雅黑'}
.os-ios{font-family:HelveticaNeue}
*/

/* 重置标点字体：逗号，句号，冒号，分号，问号，顿号，省略号，间隔号 */

@font-face{
	font-family:punctuation;
	unicode-range:U+FF0C, U+3002, U+FF1A, U+FF1B, U+FF1F, U+3001, U+2026, U+00B7;
	src:local(Simhei), local(Simsun);
}

/* 重置标点字体：单、双引号“”‘’ */

@font-face{
	font-family:punctuation;
	unicode-range:U+201C-201D, U+2018-2019;
	src:local(STHeiti), local(Simhei);
}

/* 重置标点字体：破折号 */

@font-face{
	font-family:punctuation;
	unicode-range:U+2014;
	src:local("Microsoft Yahei"), local(Simhei);
}

/* --------------------------------------------------------------------------
   修复 Firefox 不支持 unicode-range 导致样式失效的问题
   -------------------------------------------------------------------------- */

/**
 * @bug: https://bugzilla.mozilla.org/show_bug.cgi?id=unicode-range
 * @doc: http://newhtml.net/custom-font-stacks-with-unicode-range/
 */

@font-face {
    font-family:punctuation;
    src: local('Fix Firefox');
    unicode-range: U+270C;
}

/*
字体调整 by ytzong
由于V8默认为雅黑，通过class调整字体已无必要
*/

body,
input,
textarea,
select,
button{font-family:punctuation,"PingFangSC-Regular","Microsoft Yahei","sans-serif";-webkit-font-smoothing: subpixel-antialiased;}

html,
body {
    height: 100%;
    overflow: hidden;
    -ms-touch-action: manipulation;
        touch-action: manipulation;
}

body {
    font-family: sans-serif;
    min-width: 1000px;
}

.coding-monkey {
}

.coding-monkey .head {
    height: 50px;
    background-color: #71419a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	position: relative;
    z-index: 41;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.coding-monkey .head .left-panel {
	margin: 8px 10px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.coding-monkey .head .left-panel > *{
	margin-right: 16px;

}

.coding-monkey .btn {
	min-width: 70px;
	min-height: 30px;
	border-radius: 4px;
	background-color: #feac2a;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	cursor: pointer;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: white;
}

.coding-monkey .btn:hover{
	background: #f7930c;
}

.coding-monkey .btn.btn-huge {
	width: 130px;
	height: 40px;

}

.coding-monkey .head .right-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.coding-monkey .head .right-panel-item {
	width: 130px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
    cursor: pointer;

}

.coding-monkey .head .right-panel-item:first-child {
    width: 140px;
}

.coding-monkey .head .right-panel-item .name {
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.coding-monkey .head .right-panel-item:hover {
	background: #673692;


}

.coding-monkey .head .right-panel  * {
    color: white;
    text-decoration: none;

}

.coding-monkey .head .right-panel .user-info-card {
    position: relative;

}

.coding-monkey .head .right-panel .user-info-card:hover {


}

.coding-monkey .head .right-panel .icon {
	width: 24px;
	height: 24px;

}

.coding-monkey .head .right-panel .user-info-card .avatar{
	border-radius: 50%;
    width: 35px;
    margin:0 0 0 10px;
	height: 35px;

}

.coding-monkey .head .right-panel img {
	margin-right: 10px;

}

.coding-monkey .head .right-panel .share-card {

}

.coding-monkey .head img{
    height: 100%;
    max-width: 120px;
    max-height: 34px;
}

.coding-monkey .head .project-name-input *{
	color: inherit;
}

.coding-monkey .head .setting-list-container {
	position: absolute;
	width: 260px;
	right: 0;
	top: 50px;
	display: none;
	background: #71419a;
	cursor: pointer;
}

.coding-monkey .head .setting-list-container.small {
    width: 140px;
}

.coding-monkey .head .setting-list-container .setting-list-item {
	height: 60px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;

}

.coding-monkey .head .setting-list-container .setting-list-item > * {
	color: white;
	width: 75px;
}

.coding-monkey .head .setting-list-container .setting-list-item:hover{
	background: #673692;
}

.coding-monkey .head .setting-list-container .setting-list-item .switcher-container{
	height: 26px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MiIgaGVpZ2h0PSIyNyIgdmlld0JveD0iMCAwIDYyIDI3Ij4KICA8bWV0YWRhdGE+PD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/PjwvbWV0YWRhdGE+CjxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICM1YzJkODU7CiAgICAgICAgc3Ryb2tlOiAjNWMyZDg1OwogICAgICAgIHN0cm9rZS13aWR0aDogMnB4OwogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9IuWchuinkuefqeW9ol8xMDc2X+aLt+i0nV81IiBkYXRhLW5hbWU9IuWchuinkuefqeW9oiAxMDc2IOaLt+i0nSA1IiBjbGFzcz0iY2xzLTEiIGQ9Ik0xNzAyLjgxLDM3My4zMTZsLTguNDksOC41YTQsNCwwLDAsMS0zLjMyLDEuMTI3VjM4M2gtMzR2LTAuMDY0YTMuOTk0LDMuOTk0LDAsMCwxLTMuMzUtMS4xMjRsLTguNDktOC41YTMuOTk0LDMuOTk0LDAsMCwxLDAtNS42NjRsOC40OS04LjVhMy45OTQsMy45OTQsMCwwLDEsMy4zNS0xLjEyNFYzNThoMzR2MC4wM2EzLjk5MiwzLjk5MiwwLDAsMSwzLjMyLDEuMTI3bDguNDksOC41QTMuOTk0LDMuOTk0LDAsMCwxLDE3MDIuODEsMzczLjMxNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNjQzIC0zNTcpIi8+Cjwvc3ZnPgo=);
	background-size: 100% 100%;
	background-repeat: no-repeat;

}

.coding-monkey .head .setting-list-container .setting-list-item .switcher-container .switcher-left{
	margin-right: 30px;
    height: 20px;
    width: 20px;
	margin-top: 3px;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	transition: all ease-in-out .3s;
}

.coding-monkey .head .setting-list-container .setting-list-item .switcher-container .switcher-right{
	margin-left: 30px;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	transition: all ease-in-out .3s;
    height: 20px;
    width: 20px;
    margin-top: 3px;

}

.coding-monkey .head .project-name-input{
	width: 230px;
	margin-right: 10px;
	height: 32px;
	background-color: #5e2e87;
	padding: 10px 20px;
	color: #bfabe8;
	border-radius: 4px;
	border: solid 1px #55287b;
}

.coding-monkey .head .project-name-input:focus{
    outline: none !important;
    border: solid 2px #55287b;
}

.con {
    overflow: hidden;
}

.con .fl {
    float: left;
    width: 55.1617%;
    height: 100%;
}

.con   .fr {
    float: right;
    width: 44.8383%;
    height: 100%;
}

.con .show {
    width: 100%;
}

.con  .show.fullscreen .wrapper {
    -webkit-box-shadow: 2px 0 5px 0 rgb(40, 40, 40);
            box-shadow: 2px 0 5px 0 rgb(40, 40, 40);

}

.con   .handle {
    height: 60px;
    background-color: #39436b;
    overflow: hidden;
    padding: 10px 10px 10px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.con   .handle .stage-related-icons{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.con   .handle  .submit-related-icons{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

/* .con   .handle li {
    float: left;
    height: 50px;
} */

.con   .handle .btn-play {
    width: 100px;
    height: 30px;
}

.con   .handle .inner{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
}

.con .handle .btn-submit {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    width: 100px;
    height: 30px;
    background-color: #85d857;
    text-align: center;
    margin-right: 10px;
    line-height: 40px;
    text-decoration: none;
}

.con   .handle .btn-play:hover {
    opacity: 0.85;
}

.con   .handle .btn-pause {
    width: 100px;
    height: 30px;
    background-color: #f54734;
}

.con   .handle .btn-pause:hover {
    opacity: 0.85;
}

.con   .handle .btn-pause:hover .icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i57uEXzciIGRhdGEtbmFtZT0i57uEIDciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMwIiBoZWlnaHQ9IjM0IiB2aWV3Qm94PSIwIDAgMzAgMzQiPgogIDxtZXRhZGF0YT48P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzEzOCA3OS4xNTk4MjQsIDIwMTYvMDkvMTQtMDE6MDk6MDEgICAgICAgICI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiLz4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+PC9tZXRhZGF0YT4KPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2M3NGEzYzsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9IuWkmui+ueW9ol8xIiBkYXRhLW5hbWU9IuWkmui+ueW9oiAxIiBjbGFzcz0iY2xzLTEiIGQ9Ik01ODgsNTk1LjkxNmwtMTUsOC4wOTUtMTUtOC4wOTVWNTc4LjEwN2wxNS04LjEsMTUsOC4xdjE3LjgwOVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NTggLTU3MCkiLz4KICA8cmVjdCBpZD0iaWNvbiIgY2xhc3M9ImNscy0yIiB4PSIxMCIgeT0iMTIiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgcng9IjIiIHJ5PSIyIi8+Cjwvc3ZnPgo=);
}

.con   .handle .btn-play:hover .icon{
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i57uEXzUiIGRhdGEtbmFtZT0i57uEIDUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMwIiBoZWlnaHQ9IjM0IiB2aWV3Qm94PSIwIDAgMzAgMzQiPgogIDxtZXRhZGF0YT48P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzEzOCA3OS4xNTk4MjQsIDIwMTYvMDkvMTQtMDE6MDk6MDEgICAgICAgICI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiLz4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+PC9tZXRhZGF0YT4KPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2UwODEwMDsKICAgICAgfQoKICAgICAgLmNscy0xLCAuY2xzLTIgewogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQoKICAgICAgLmNscy0yIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBpZD0i5aSa6L655b2iXzEiIGRhdGEtbmFtZT0i5aSa6L655b2iIDEiIGNsYXNzPSJjbHMtMSIgZD0iTTcyOCw1NDguOTE2bC0xNSw4LjA5NS0xNS04LjA5NVY1MzEuMTA3bDE1LTguMSwxNSw4LjF2MTcuODA5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY5OCAtNTIzKSIvPgogIDxwYXRoIGlkPSLlvaLnirZfMjAxMiIgZGF0YS1uYW1lPSLlvaLnirYgMjAxMiIgY2xhc3M9ImNscy0yIiBkPSJNNzE4LjYsNTM3LjYzbC03LjIyNi00LjNhMi4yLDIuMiwwLDAsMC0zLjM3NSwxLjd2OS45NDJhMi4yLDIuMiwwLDAsMCwzLjM3NSwxLjdsNy4yMjYtNC4zQTIuNzEsMi43MSwwLDAsMCw3MTguNiw1MzcuNjNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjk4IC01MjMpIi8+Cjwvc3ZnPgo=);
}

.con   .handle .btn-play .icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i57uEXzUiIGRhdGEtbmFtZT0i57uEIDUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMwIiBoZWlnaHQ9IjM0IiB2aWV3Qm94PSIwIDAgMzAgMzQiPgogIDxtZXRhZGF0YT48P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzEzOCA3OS4xNTk4MjQsIDIwMTYvMDkvMTQtMDE6MDk6MDEgICAgICAgICI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiLz4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+PC9tZXRhZGF0YT4KPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2VjOGEwNjsKICAgICAgfQoKICAgICAgLmNscy0xLCAuY2xzLTIgewogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQoKICAgICAgLmNscy0yIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBpZD0i5aSa6L655b2iXzEiIGRhdGEtbmFtZT0i5aSa6L655b2iIDEiIGNsYXNzPSJjbHMtMSIgZD0iTTcyOCw1NDguOTE2bC0xNSw4LjA5NS0xNS04LjA5NVY1MzEuMTA3bDE1LTguMSwxNSw4LjF2MTcuODA5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY5OCAtNTIzKSIvPgogIDxwYXRoIGlkPSLlvaLnirZfMjAxMiIgZGF0YS1uYW1lPSLlvaLnirYgMjAxMiIgY2xhc3M9ImNscy0yIiBkPSJNNzE4LjYsNTM3LjYzbC03LjIyNi00LjNhMi4yLDIuMiwwLDAsMC0zLjM3NSwxLjd2OS45NDJhMi4yLDIuMiwwLDAsMCwzLjM3NSwxLjdsNy4yMjYtNC4zQTIuNzEsMi43MSwwLDAsMCw3MTguNiw1MzcuNjNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjk4IC01MjMpIi8+Cjwvc3ZnPgo=);
    background-position: center;
    vertical-align: text-bottom;
    margin-right: 6px;
    background-size: contain;
    background-repeat: no-repeat
}

.con   .handle .btn-pause .icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i57uEXzYiIGRhdGEtbmFtZT0i57uEIDYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMwIiBoZWlnaHQ9IjM0IiB2aWV3Qm94PSIwIDAgMzAgMzQiPgogIDxtZXRhZGF0YT48P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzEzOCA3OS4xNTk4MjQsIDIwMTYvMDkvMTQtMDE6MDk6MDEgICAgICAgICI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiLz4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+PC9tZXRhZGF0YT4KPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2Q0NTE0MjsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9IuWkmui+ueW9ol8xIiBkYXRhLW5hbWU9IuWkmui+ueW9oiAxIiBjbGFzcz0iY2xzLTEiIGQ9Ik01ODgsNTQ4LjkxNmwtMTUsOC4wOTUtMTUtOC4wOTVWNTMxLjEwN2wxNS04LjEsMTUsOC4xdjE3LjgwOVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NTggLTUyMykiLz4KICA8cmVjdCBpZD0iaWNvbiIgY2xhc3M9ImNscy0yIiB4PSIxMCIgeT0iMTIiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgcng9IjIiIHJ5PSIyIi8+Cjwvc3ZnPgo=);
    background-position: center;
    vertical-align: text-bottom;
    margin-right: 6px;
    background-size: contain;
    background-repeat: no-repeat
}

.con   .handle .btn-submit .icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAABCUlEQVRIibXVUUoDMRDG8W/VFw8onsAiRaWVUkqRgq+KgkgRLZUi1uN4kV6h7r8vhoaQSVY3O5CnZPJLwgypAHUY95I2ku4kSUBX44F9TIDOMB9yMT0q/GyVpEdJg8jcccnbVMBT5EYAtyWfsQKeDWjm1pWC5jkoxE6As39ALwZ0E673oS1QA70C0DSWI+D0F3JRA+cNoFcDmlh5AtaRhBroJ6CFAY1ThxRwCHwZ4EWQcAAsDWiUghzmwE8DvPTWvBvQdQ7yMbfZhwEOgZUBDZtAIeZAa9PYIQZNoRiWey4fuvoLZGG5QogVTivMlXgIplqiFRb2VJNmT47cf4aknqQfSd+S3tp8djs9aO3DWeA5CgAAAABJRU5ErkJggg==) no-repeat;
    background-position: center;
    vertical-align: text-bottom;
    margin-right: 6px;
    background-size: contain;
}

.con   .handle .btn-submit-disable {
    background-color: #999;
}

.con   .handle .btn-submit-disable .icon {
    display: none;
}

.con   .handle .btn-submit .txt,
.con   .handle .btn-play .txt,
.con   .handle .btn-pause .txt {
    color: #fff;
    font-size: 16px;
}

.con   .handle .btn-extend {
    display: block;
    opacity: .5;
    width: 23px;
    height: 18px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i57uEXzMiIGRhdGEtbmFtZT0i57uEIDMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIzIiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMjMgMTgiPgogIDxtZXRhZGF0YT48P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzEzOCA3OS4xNTk4MjQsIDIwMTYvMDkvMTQtMDE6MDk6MDEgICAgICAgICI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiLz4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+PC9tZXRhZGF0YT4KPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGlkPSJfMiIgZGF0YS1uYW1lPSIyIiBjbGFzcz0iY2xzLTEiIGQ9Ik0yNC40LDU1Ni45OTRINDIuNkEyLjM4OCwyLjM4OCwwLDAsMSw0NSw1NTkuMzd2MTMuMjZhMi4zODgsMi4zODgsMCwwLDEtMi40LDIuMzc2SDI0LjRBMi4zODgsMi4zODgsMCwwLDEsMjIsNTcyLjYzVjU1OS4zN0EyLjM4OCwyLjM4OCwwLDAsMSwyNC40LDU1Ni45OTRabTEuOTcxLDJINDAuNjNhMi4zNTYsMi4zNTYsMCwwLDEsMi4zNzcsMi4zMzV2OS4zNGEyLjM1NiwyLjM1NiwwLDAsMS0yLjM3NiwyLjMzNUgyNi4zNzFhMi4zNTYsMi4zNTYsMCwwLDEtMi4zNzctMi4zMzV2LTkuMzRBMi4zNTYsMi4zNTYsMCwwLDEsMjYuMzcxLDU1OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMiAtNTU3KSIvPgogIDxwYXRoIGlkPSJfMl/mi7fotJ1fNCIgZGF0YS1uYW1lPSIyIOaLt+i0nSA0IiBjbGFzcz0iY2xzLTEiIGQ9Ik0yNC45ODYsNTY0Ljk5aDQuMDA3djMuMDJIMjQuOTg2di0zLjAyWm0xNy4wMjgsMEgzOC4wMDd2My4wMmg0LjAwN3YtMy4wMlptLTEwLjAyNC00djQuMDA3SDM1LjAxdi00LjAwN0gzMS45OVptMCwxMS4wMjh2LTQuMDA3SDM1LjAxdjQuMDA3SDMxLjk5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIyIC01NTcpIi8+CiAgPHBhdGggaWQ9Il8yX+aLt+i0nV8zIiBkYXRhLW5hbWU9IjIg5ou36LSdIDMiIGNsYXNzPSJjbHMtMSIgZD0iTTIyLjk5Myw1NjYuNUwyNyw1NjN2N1ptMjEuMDE0LDBMNDAsNTYzdjdaTTMzLjUsNTU4Ljk5M0wzMCw1NjNoN1ptMCwxNS4wMTRMMzAsNTcwaDdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjIgLTU1NykiLz4KPC9zdmc+Cg==);
    margin-right: 20px;
    background-size: contain;
    margin-top: 8px;
    background-repeat: no-repeat;
    background-position: center;
}

.con   .handle .btn-extend:hover {
    opacity: 1;

}

.con   .handle .btn-fullscreen {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbi3mlLblm55fcHJlc3MiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE5IiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTkgMTgiPgogIDxtZXRhZGF0YT48P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzEzOCA3OS4xNTk4MjQsIDIwMTYvMDkvMTQtMDE6MDk6MDEgICAgICAgICI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiLz4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+PC9tZXRhZGF0YT4KPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGlkPSJfMiIgZGF0YS1uYW1lPSIyIiBjbGFzcz0iY2xzLTEiIGQ9Ik00Ny40ODIsNzMuNzNsMy41MTEtMy41MjEtMi4xOTQtMi4yLTMuNTExLDMuNTIxWm0tMy41LDEuMjg1LDUuODg5LS4yLTUuNjgtNS42NTdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzIgLTY4KSIvPgogIDxwYXRoIGlkPSJfMi0yIiBkYXRhLW5hbWU9IjIiIGNsYXNzPSJjbHMtMSIgZD0iTTQ3LjQ4Miw4MC4yN2wzLjUxMSwzLjUyMS0yLjE5NCwyLjItMy41MTEtMy41MjFabS0zLjUtMS4yODYsNS44ODksMC4yLTUuNjgsNS42NTdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzIgLTY4KSIvPgogIDxwYXRoIGlkPSJfMi0zIiBkYXRhLW5hbWU9IjIiIGNsYXNzPSJjbHMtMSIgZD0iTTM1LjUxOCw4MC4yN2wtMy41MTEsMy41MjEsMi4xOTQsMi4yLDMuNTExLTMuNTIxWm0zLjUtMS4yODYtNS44ODkuMiw1LjY4LDUuNjU3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMyIC02OCkiLz4KICA8cGF0aCBpZD0iXzItNCIgZGF0YS1uYW1lPSIyIiBjbGFzcz0iY2xzLTEiIGQ9Ik0zNS41MTgsNzMuNzNsLTMuNTExLTMuNTIxLDIuMTk0LTIuMiwzLjUxMSwzLjUyMVptMy41LDEuMjg1LTUuODg5LS4yLDUuNjgtNS42NTdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzIgLTY4KSIvPgo8L3N2Zz4K);
}

.con   .handle .btn-arrange {
    display: block;
    opacity: .5;
    width: 21px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i57uEXzFf5ou36LSdIiBkYXRhLW5hbWU9Iue7hCAxIOaLt+i0nSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCI+CiAgPG1ldGFkYXRhPjw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIvPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz48L21ldGFkYXRhPgo8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9Iue9keagvF/mi7fotJ1fMiIgZGF0YS1uYW1lPSLnvZHmoLwg5ou36LSdIDIiIGNsYXNzPSJjbHMtMSIgZD0iTTgwLDU1N2gxdjIwSDgwVjU1N1ptLTE1LDVIODZ2MUg2NXYtMVptMCwxMEg4NnYxSDY1di0xWm01LTE1aDF2MjBINzBWNTU3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY1IC01NTcpIi8+CiAgPHBhdGggaWQ9Iue9keagvF/mi7fotJ1fMyIgZGF0YS1uYW1lPSLnvZHmoLwg5ou36LSdIDMiIGNsYXNzPSJjbHMtMSIgZD0iTTgwLjUsNTYwYTIuNSwyLjUsMCwxLDEtMi41LDIuNUEyLjUsMi41LDAsMCwxLDgwLjUsNTYwWm0wLDEwYTIuNSwyLjUsMCwxLDEtMi41LDIuNUEyLjUsMi41LDAsMCwxLDgwLjUsNTcwWm0tMTAtMTBhMi41LDIuNSwwLDEsMS0yLjUsMi41QTIuNSwyLjUsMCwwLDEsNzAuNSw1NjBabTAsMTBhMi41LDIuNSwwLDEsMS0yLjUsMi41QTIuNSwyLjUsMCwwLDEsNzAuNSw1NzBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjUgLTU1NykiLz4KPC9zdmc+Cg==);
    margin-right: 20px;
    background-size: contain;
    margin-top: 8px;
    background-repeat: no-repeat;
    background-position: center;
}

.con   .handle .btn-arrange:hover {
    opacity: 1;
}

.con   .add-actor-wrap {
    padding: 8px ;
    background-color: #45507c;
}

.con   .add-actor-wrap .btn-add-actor {
    display: block;
    width: 85px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    margin-left: 10px;
    background-color: #59bf5d;
    border-radius: 3px;
    text-decoration: none;
}

.con   .add-actor-wrap .btn-add-actor:hover {
    opacity: 0.85;
}

.con   .add-actor-wrap .btn-add-actor .icon-add {
    display: inline-block;
    width: 11px;
    height: 11px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NjgyZDdjMC0zYTU3LTRkODktYTFlYS00ZjFmYjE1ZTIzOWMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTM3MEIyQUFDQUEwMTFFNjkxMkRFNzFFMzM0MzhFOTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTM3MEIyQTlDQUEwMTFFNjkxMkRFNzFFMzM0MzhFOTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyNjdCQTA4RTgxQ0FFNjExQURGOEZDNDFBRkRGODlDMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NjgyZDdjMC0zYTU3LTRkODktYTFlYS00ZjFmYjE1ZTIzOWMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6aa/62AAAAZ0lEQVR42mL4//8/AxpuBeLPUBpFjhFEoIE/QMwMxL+AmB1ZAptiZAFGZAkmBhIASHErEP+Emvgfiy3/ofKtIGeAGGxEGPwFZHIP1DP4wG8gnkRbD6KDv1D6FzGKO4H4K9QvKAAgwAD080LgNlhdkgAAAABJRU5ErkJggg==);
    vertical-align: middle;
    margin-right: 3px;
}

.con   .add-actor-wrap .btn-add-actor .txt {
    font-size: 12px;
    color: #fff;
    vertical-align: middle;
}

.con   .actor-wrap {
    background-color: #323b60;
    height: 100%;
    overflow-x: auto;
}

.con .actor-wrap::-webkit-scrollbar{
    width: 6px;
}

.con .actor-wrap::-webkit-scrollbar-thumb{
    background-color: #3a446e;
}

.con   .actor-wrap .actor-inner {
    background-color: #323b60;
    border-radius: 3px 3px 0 0;
    height: 100%;
    margin:0 20px 0 10px;
}

.con   .actor-wrap .actor-inner.portrait {
    overflow-y: hidden;
}

/* 竖屏滑块样式 */

.con .actor-wrap .actor-inner.portrait::-webkit-scrollbar{
    height: 6px;
}

.con .actor-wrap .actor-inner.portrait .actor-list{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
}

.con .actor-wrap .actor-inner.portrait .actor-list .item{
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}

.con .actor-wrap .actor-inner.portrait::-webkit-scrollbar-thumb{
    background-color: #3a446e;
}

.con   .actor-wrap ul {
    overflow-y: auto;
    height: 100%;
}

.con .actor-wrap .add-container{
    width: 106px;
    height: 100px;
    margin:20px 4px 0 10px;
    border-right: 2px solid rgba(39, 46, 85, 0.63137);
}

/* 添加角色按钮浮动 */

.con .actor-wrap .actor-inner.portrait .add-container{
    position: fixed;
    z-index: 100;
}

.con .actor-wrap .actor-inner>.item:nth-child(2){
    margin-left: 0;
}

.con .actor-wrap .actor-inner.portrait>.item:nth-child(2){
    margin-left: 118px;
}

.con   .actor-wrap .actor-list .item{
    cursor: move;
}

.con   .actor-wrap .item {
    position: relative;
    width: 100px;
    height: 100px;
    background-color: #474d74;
    border-radius: 3px;
    margin-left: 10px;
    margin-top: 20px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}

.con   .actor-wrap .item:hover {
    background-color: #49547f;
}

.con   .actor-wrap .item.add {
    margin: 0;
    background: #59bf5d;
    border-radius: 3px;
    width: 100px;
    height: 100px;
    padding-top: 10px;
    margin-right: 6px;
}

.con   .actor-wrap .item.add .text{
    color: white;
    font-size: 12px;
    text-align: center;
    margin-top: 15px;
}

.con   .actor-wrap .item.add:hover {
    background: #49a94d;
}

.con   .actor-wrap .item .img {
    margin: 5px auto;
    width: 80%;
    height: 72px;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    z-index: 2;
}

.con   .actor-wrap .item.add .img {
    width: 43px;
    height: 43px;
    margin: 8px auto;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAABWCAYAAABVVmH3AAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAB2BJREFUeJztnXmME1Ucxz+dbopc/0ArC5uAEGCBhXUBEUURkaAcIpeisGqiJiZG5Yp/Iyb+ZwRECDFGNCKsIIeoEJGIihGU+9pyyJE1IenSuomRXbRxt/7xa9nS7THtzJuZDv0kTXa2b977zjfTN+/4vTeeqZtn4AA8wCCgGhgODAD6A36gJ9AZ6BZPex24AfwJRIAr8c8Z4CTwOxCzUHtaymwseyAwBXgMGAf00Hlet/gnED9+MOX7JuAAsAf4FrhoWGkBWG1sX+A54GlghKIyegCPxz8Ap4HNwAbgD0VldkCzoAwPcld+g/xk30adqekYES/zCrArrsWjulCVxnqAOcAJ5Cc5XXF5udCAaXEtJxBtygxWdaEPAIeBbcgDyWlUI9oO07GONgWzjQ0gddnPwGiT81bBaGA/ojmQI21emGnsk0AQeBYL6jAT8SCag8A8szI1w9guwEfAF0i7s1jxI62H9cg1GcKosQOAX4AXjQpxEC8g1zTASCZGjL0POAjUGBHgUGqAX5FrLIhCjZ0O7APuLLTgIiCAXOP0Qk4uxNi5wHak/+52OiPXOjffE/M1dhqwCfDlW1AR40OuOa87Nx9jxyJP/tvJ1AQ+YAvigS70Gtsf+BoTmiFFTBfEA12tBT3G+pD2nak9kyIlgHSFc95geox9BxhjVJGLqAFW50qUy9hZwOumyHEXLyFd+IxkM9YPfEhx9futZB1ZuvDZjF2Z7cQS+IFVmb7MZOx4oFaJHHexAPGqA+nmvDzAuzikChjacwi1VfMZHqgC4Ey4no3BOs5GztmsDGj3aiwpM8PeQU9VpiaeAyyxRld2JvQdz/Lxy+jTvQ9ezYtX89K7W28m3zWJq9ev0vCXZXOD2agATgFnk/+ZWhV4gGVWKcpGeddyFo9ZiObpWFtpHo3FYxZS3rXcBmVpeZOUX3iq6keBuy2Tk4XZlTPp5O2U8ftO3k7MGvyEhYqyUo14d5NUY1+zTkt2RvXKPcw7unykBUp0szD5INnYO5HIFEcQ6JK7B60njYVMAfolDpKNXYC9IUe34PPmHkTTk8ZCNGRS8uZBguet1+I6nk78kTB2IOCoCqtIGYFETd40dpp9WlzHVGg3drKNQtzGZBBjPUh8aglzGAd4NKRO0Bv0WyI3PYBBGtBhsKCEYao1YIjdKlxIdemOVUP/MuLtLlWUdy1nduVMRvWqIdAlYHpvafe8r3Sli7ZGCbeEOdZ4gh3ndxJqDpmqI4V+ZUAvVbk/0m8iC+951RFdT5/XR0X3Ciq6V/BY/8msPrKWfQ0/qCqul4asozKdof4hLL13kSNMTcXn9bH03kUM9St7vPTQgMyDngaoHTY/7SC1U9A8GrXD5qvK/g4N6K4i56rAMBXZmopCjd2U3VIeZ8xF2oYG/K0i4zPhehXZmkp9OKgq6+sa8K+KnDcG62iLtanI2hTaYm1sDNapyv4fDVlFbTpnI+dYcWgV0daoiuwNEW2NsuLQKpWxCU1lQCOKel/7Gn4kGDnH7MqZjC4fib+z37bmV7Q1SuRGhKOh41Z0EBrLkPX9D6kqIdQcYt2xD/I+T2+PatoWx0yBJ9OgAeftVuFCrmiAI4KgXMbp0h2rhlMaUsc22a3ERTQBFzQk/PCAzWLcxAEglujS7rVTicvYC+3T37ttFOI29kC7sReB4/ZpcQ1niDcGkke3PrVHi6vYnPgj2dhNwH/Wa0mPnjEGh41DtCF7ywC3GnuNeP3gBMItYVPSWMgeoCFxkDrQ/b61WjJzrPFEzjRHQ456LLyXfJBq7HfIChDb2XF+Z9aferQ1ypcX9A3UWMBpxLubpBobA96yTE4WQs0hVh9Zk3awvC3Wxuoja1UP/eXDclLWeaULjd8BHMUBG5Lta/iRUHMjtVXzqfLLxF99JMjG+jqCkbM5zraMI4hnt+DJsH/seOAnHLI60cHEgAnIzni3kGmW9mek+VUiO5+TxlTIvvp7CbKjcIn0RIBFmb7MZmwYeBkHbMvsUF5BPEpLroCNHcAaU+W4g4+BrdkS6ImEeQN58pUQTqJjaaweY6PI9p+O6j/aRBjZdqAlV0K9sVtXgBl6MnQxLYgHl/Ukzico7jfkznXUkJJFJH61v+k9Id9ow13IYubbydwocs278jmpkDDObUg9c6OAc4uNG8i1bsv3xELjY3cBk3D3Ay2CXGNed2oCI4HHB4H7kXcKuI2TtO/oXBBGI7ovIe88WG8wHyfxCbIe9pKRTMwIlW9B9vp7CkWxthbxJ/AMsvm54WalmWsQtgJDgc8orvGFGKJ5GEmzrEYxe3FHGHn70cPIYLnTOQpMRDRfMzNjVatm9iN7zs7FIXNoKZxCtI1BBvRNR+UKtxiyI3sNsnXSbqBVYXm5aI1rmBLXtB2FVZYV20HFkDn3PcjeXrXINkqjLCgbJHRqAzIj0mhRmRnnvKygEtnkZxLSHjZrl48mpP35PXKH2hJYbecGZufjn5XIpOVgZF/FKtK/jLJr/LxmOr6M8jJQjzTsL+CAVsn/wcqNS3wIhdIAAAAASUVORK5CYII=)
}

.con   .actor-wrap .item.add:hover .img {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAABWCAYAAABVVmH3AAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAB2JJREFUeJztnXlsFFUcxz87bEqBCgm0BcolhEOFLiiXcgiIHBZMDFhqQEUwMZp4hEiQhMQjkaAIwSvBxEhFDJHTPxRiIYoUBDka6BYQEGiwsUCBJiKHbdquf/xmadnuMbs7b2Y67CfZpLv75r3vfPv27Tt/6xm9ehwOwAP0A3zAIKAP0BvIBDoBbYAMPe114BZwFbgClOuPY0Ap8CcQsFB7WLw2lt0XmApMAUYBHQ1el6E/svTnY0Lerwb2AUXAT8CZpJUmgNXG9gSeAwqAXEVldASm6w+AMmADsA74S1GZzdAsKMOD1MofkY/s+6gzNRy5epnlwDZdi0d1oSqN9QAzgKPIR3Ka4vJioQF5upajiDZlBqu60dHAIWAL8oXkNHyItkM0b6NNwWxjs5C2bA8w1OS8VTAUKEY0Z8VIGxdmGvs0cAJ4FgvaMBPxIJpPALPMytQMY9sCXwGbkH5nSyUT6T2sQe4pKZI1tg/wGzA/WSEOYh5yT32SySQZYx8G9gNDkhHgUIYAvyP3mBCJGjsN+AXITrTgFkAWco/TErk4EWNnAluR8bvbaYPc68x4L4zX2DxgPZAWb0EtmDTknuOqufEYOxL55r+bTA2SBmxEPDCEUWN7Az9gQjekBdMW8cBQb8GIsWlI/87UkUkLJQsZCsesYEaM/QgYnqwiFzEE+DRWoljGPgW8Zoocd/EiMoSPSDRjM4EvaVnjfitZTZQhfDRjV0W7MAWZwMeR3oxk7FhgjhI57mI24lUzwq15eYCVOKQJGNR5IPOHvcDgrjJfXnrBT2HJWsouHrNZGdDo1UhCVoZb9Zx+b2jiGcACS2TF4PG+j7E87wO6d+iOV/Pi1bx069CNvAFTqfingnPV5XZLBOgG+IE/mr4Y2hR4gLetUhSNnPY5LB6/CM3TvLXSPBqLxy8ip32ODcrC8g4hn/BQ1ZOBwZbJiUKBL590b3rE99O96czyRe3xWIkP8e42oca+ap2W6IzoMSxmmpE9HDVueb3pk6bGZiM7UxxB54zOpqSxkKlAr+CTpsbOxt4tR3eQ1ir2JJqRNBaiIYuSt58Eed56La6jIPhH0Ni+wIP2aHEVuciuydvG5tmnxXU8AY3GTrJRiNuYBGKsB9mfmsIcRgEeDWkTjG76TRGbjkA/DRhgtxIX4tOA++xW4UJ8qRqrht5e9H6XKnLa51Dgy2dEj2Fkt8umtbe1qfnvfflXQ+lq6mqoulHFwYrDbPBvovJapak6QujlGb163EkU1dop/Sfz1riFTht6Ultfy4e7V1B0eoeqIk5ryDkq08ntMoglExY7zlSQOYYlExaT22WQqiI6aoC5n02deUPnhp2kdgqaR2Pe0Lmqsk/XgHtU5OzrauWJo8RQqDFDWZXyOGMt0jY04F8VGZde8KvI1lT8F8pUZX1dA2pU5FxYspaGQIOKrE2hIdBAYclaVdn/pyGnqE2n7OIxlu5aRk2dkv9bUtTU1bB01zKVexOqvcAlFPVji07vpOzicQp8+YzsMZzsjGzbul+19bVUXa/iQMUhKwYIl7zI+f5HVZVQea2SVXs/ifs6oyOqMV+MjztvCzivAafsVuFCyjXgpN0qXEhZqsaqwa8hbWy13UpcRDX6JEwAiaGSwhz2AYHgkHannUpcxk5oXP7ebqMQt1EEjcaeAY7Yp8U1HEPvDDSd3frGHi2uYkPwj6bGrgfqrNcSntr6WlPSWEgDElsGuNPYKvT2wQlcun7JlDQWUgScDz4Jnej+zFotkTlYcThmmgMVhyxQYpg7JkRCjd2BnACxnQ3+TVGnHGvqatjo32yhoqiUId7dJtTYAPCeZXKiUHmtkuXFK8JOljcEGlhevFL11F88vIuBc14nkYCLtp/1OXv1HIf/LqFzRjaZbTtR31DPkcqjLN21jH3n99stL8hh4M3QFz0R4seOBXbjkNOJDiYAjEMi491BpFXaPUj3K0V0viOMqRD99PcCJKJwivBcAd6I9GY0Yy8DL+GAsMwO5RXEo7DE2rDxPfC5qXLcQSEQta9nZCfMQuSbL4VQioGjsUaMrUXCf0as9ncRl5GwAzdjJTS6d6sceNJIhi7mJuLBOSOJ49kUdwCpuY6aUrKI4Kf2gNEL4t1tuA05zHw3mVuL3PO2eC5KZBvnFqSduZXAtS2NW8i9bon3wkT3x24DJuLuL7QryD3GVVODJLPxeD/wCPKbAm6jlMaIzgmR7I7us8hvHqxJMh8n8TVyHvZsMpmYsVX+JhLrLx9Fe20t4irwDBL8POlupZlnEDYD9wPf0rLmFwKI5gdossqaLGYf7riM/PrReKDE5LxVUAJMQDRXmZmxqlMzxUjM2Zk4ZA0tBD+ibTgyoW86Kk+4BZCI7EOQ0EnbgXqF5cWiXtcwVde0FYVNlhXhoALImnsREttrDhJG6SELygbZOrUOWRGxbCNCpDUvKxiABPmZiPSHzYryUY30P39GaqgtG6vtDGB2Sn+sQhYt+yNxFQcS/sco2+nX3aD5j1GeA44jHfvTOKBX8j92uZKgj3XG7gAAAABJRU5ErkJggg==)
}

.con   .actor-wrap .item .name {
    width: 100%;
    text-align: center;
    color: #999;
    position: absolute;
    bottom: 7px;
    z-index: 3;
    font-size: 12px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.con   .actor-wrap .item.active .name {
    bottom: 5px
}

.con   .actor-wrap .item .name span {
    display: inline-block;
    max-width: 60px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.con   .actor-wrap .item .name input {
    display: none;
}

.con   .actor-wrap .item.active {
    border: solid 3px #47b4ff;
}

.con   .actor-wrap .item.active .name.edit input {
    display: block;
    width: 70px;
    border: 1px solid #ccc;
    margin: 0 auto;
    color: #777;
}

.con   .actor-wrap .item.active .name.edit span {
    display: none;
}

.con   .actor-wrap .item.active .name.edit .icon-edit {
    display: none;
}

.con   .actor-wrap .item.active {
    background-color: #fff;
}

.con   .actor-wrap .item.active .active-border {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    border: 3px solid #47b4ff;
    border-radius: 3px;
    z-index: 1px;
}

.con   .actor-wrap .item.active .btn-set {
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 13px;
    height: 13px;
    padding: 5px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NjgyZDdjMC0zYTU3LTRkODktYTFlYS00ZjFmYjE1ZTIzOWMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUY0MkVDQUFDQUIwMTFFNjlDQTdERjg2QTU5MjMwOUMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUY0MkVDQTlDQUIwMTFFNjlDQTdERjg2QTU5MjMwOUMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowREI3NjI2M0VGQzlFNjExQUZFQzhDMkRFMjhCNDAwQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NjgyZDdjMC0zYTU3LTRkODktYTFlYS00ZjFmYjE1ZTIzOWMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Ds9BkAAAA+0lEQVR42mJ03/KfAQvoBuIsIJ4GxKXokkxQOh2IvwNxJZSfD8RcUBoEaoH4KxDHgDiMUJtAGjigCjYAcQCSwZuB2BfKfgvEIjCbGpEUBaC5xheJ3YbsvA4gXg9lPwBiGyBmB2JnKB8E1gJxH0wTyNO/gDgQKpkKxEehYvugfBAIhop1g/z0FeppGOAH4k9IfD4g/ojE/8YEDdbfSILmaH4yQ2KD1E1jgsYDGxDvhErMQvPTXKRQBakrhQVEJxC7Q9kKQHwYiH8A8R4glkMK1Qrk0MuB0qBIW4HmvA1I7BJkTaAk8wZKRyL58Tc0VCugEZuJnCJISnsAAQYAAGU7LyAJ68QAAAAASUVORK5CYII=) no-repeat left top;
    z-index: 4;
}

.con   .actor-wrap .item.active .btn-del {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    display: block;
    position: absolute;
    padding: 5px;
    right: 2px;
    top: 2px;
    width: 13px;
    height: 13px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NjgyZDdjMC0zYTU3LTRkODktYTFlYS00ZjFmYjE1ZTIzOWMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUY0MkVDQUVDQUIwMTFFNjlDQTdERjg2QTU5MjMwOUMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUY0MkVDQURDQUIwMTFFNjlDQTdERjg2QTU5MjMwOUMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowREI3NjI2M0VGQzlFNjExQUZFQzhDMkRFMjhCNDAwQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NjgyZDdjMC0zYTU3LTRkODktYTFlYS00ZjFmYjE1ZTIzOWMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6+9ecDAAAAu0lEQVR42mL8//8/A6mABZnjsZWhDUgVAPEqIE4D4l9AzAbEi4DYD4i7d3gz1DOhGVIIxJxAHA/EK4CYB4g3AHE4VLwYpAhd0zokdiAQ3wdiTySxldg0JUJNhgERJDbMyRiaQH6IA+K3aOIvgDgBiP9i08QOdYIwmrgEEC+FBgqGpkVofniO5sfp2DT5oXlaGYjXI4mFYdPUBcQfgHgOEEcD8XcgjgDi+VDxdpAiRnJSBBMDGYAsTQABBgB4ASXpul8z3wAAAABJRU5ErkJggg==) no-repeat right top;
    z-index: 4;
}

.con   .actor-wrap .item.active .name .icon-edit {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NjgyZDdjMC0zYTU3LTRkODktYTFlYS00ZjFmYjE1ZTIzOWMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUZDOTA1OUFDQUIwMTFFNjlDQTdERjg2QTU5MjMwOUMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUZDOTA1OTlDQUIwMTFFNjlDQTdERjg2QTU5MjMwOUMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowREI3NjI2M0VGQzlFNjExQUZFQzhDMkRFMjhCNDAwQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NjgyZDdjMC0zYTU3LTRkODktYTFlYS00ZjFmYjE1ZTIzOWMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5Pm5FSAAAAl0lEQVR42mL8//8/AymABUSsXr0alzwnEK8BYjEg9goNDX3NQsDAEJBCKHsnEBsx4TE5GogXA3EDVOwV3ElYFG8AYjcgVgHiRiC+C8TrsGngAuL1UMUMUNMfAPFCmAImPIpBYC8oTJBNZMKjeA8Q+wHxN2wa8rAo9kdXjKxBlxjFyJ6WB+LlQHwFiCfgUgwCjKQmDYAAAwAbfSKtiPKyhgAAAABJRU5ErkJggg==);
    vertical-align: middle;
    margin-left: 3px;
}

.coding-monkey .media-library {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
}

.coding-monkey .media-library .media-inner {
    position: absolute;
    width: 76%;
    height: 90%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}

.coding-monkey .media-library .media-head {
    height: 48px;
    line-height: 48px;
    background-color: #8a53aa;
    overflow: hidden;
}

.coding-monkey .media-library .media-head h1 {
    font-size: 16px;
    float: left;
    margin: 0 20px;
    color: #ffffff;
    min-width: 10%;
    text-align: center;
}

.coding-monkey .media-library .media-head .search {
    float: left;
    width: 240px;
    height: 32px;
    margin-top: 8px;
    background-color: #fff;
    border-radius: 3px;
}

.coding-monkey .media-library .media-head .search .btn-search {
    float: left;
    width: 13px;
    height: 13px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NjgyZDdjMC0zYTU3LTRkODktYTFlYS00ZjFmYjE1ZTIzOWMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTdBMDQ2MURDQjYwMTFFNkE1MjZEQjg1NTUzRDM4RUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTdBMDQ2MUNDQjYwMTFFNkE1MjZEQjg1NTUzRDM4RUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGOEJDQTlBNUVFQzlFNjExQTIzN0I2N0RCQzM5MTgzOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NjgyZDdjMC0zYTU3LTRkODktYTFlYS00ZjFmYjE1ZTIzOWMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5nJ8EQAAAA7UlEQVR42ozSMUsCYRzH8SfJnGoLhcBcGsJam8PJ3PXegu/AHKRo0bcgBK3e0awu1XsousXFw+Vq1K2p7wM/4Y/cgX/48H988KtwenAbrp3mHPdooYIUU4yQODMF7Sa+0EUVR9pd3Td3oxpCHCPCFUrakbmv2aiPE7wiwDf+tAMT9mx0p/Ojy54n7ZaNyjovcqLtfcVGPzpf5ETb+9RGM50fcqKB9txGQ2zQxgSXKGpP9DD8PNtoiY5C/4ZYTy82gZ8XnNof13/1NcZYKVrp9Y0efx0fPjw0n5ToH5A1DbwrfCu4/eZX4SfO/gUYAKTYMRfuaKmcAAAAAElFTkSuQmCC);
    margin: 9px 7px;
}

.coding-monkey .media-library .media-head .search input {
    border: none;
    outline: none;
    float: left;
    width: 180px;
    font-size: 14px;
    height: 18px;
    line-height: 18px;
    margin-top: 7px;
    color: #000;
}

.coding-monkey .media-library .media-head .search .btn-del-input {
    float: right;
    width: 13px;
    height: 13px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NjgyZDdjMC0zYTU3LTRkODktYTFlYS00ZjFmYjE1ZTIzOWMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTdGNTQzRUFDQjYwMTFFNkE1MjZEQjg1NTUzRDM4RUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTdBMDQ2MjRDQjYwMTFFNkE1MjZEQjg1NTUzRDM4RUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGOEJDQTlBNUVFQzlFNjExQTIzN0I2N0RCQzM5MTgzOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NjgyZDdjMC0zYTU3LTRkODktYTFlYS00ZjFmYjE1ZTIzOWMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7JxvPjAAAAtklEQVR42mL8//8/A6mAiYEMwAJj+AVGtQGpAiBeBcRpQPwLiNmAeBFIGoi7N61fVo9uUyEQcwJxPBCvAGIeIN4AxOFQ8WJszluHxA4E4vtA7IkkthKbpkSoyTAggsSGORlDE8gPcUD8Fs3fL4A4AYj/YtPEDnWCMJomCSBeCg0UDE2L0PzwHM2P07Fp8kPztDIQr0cSC8OmqQuIPwDxHCCOBuLvQBwBxPOh4u0whYx0S0YAAQYA2Pwm6dnz83YAAAAASUVORK5CYII=);
    margin: 9px 9px 0 9px;
}

.coding-monkey .media-library .media-head .close-media {
    float: right;
    width: 24px;
    height: 24px;
    margin-right: 13px;
    margin-top: 12px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NjgyZDdjMC0zYTU3LTRkODktYTFlYS00ZjFmYjE1ZTIzOWMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTY5RENBM0JDQjYwMTFFNkE1MjZEQjg1NTUzRDM4RUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTY5RENBM0FDQjYwMTFFNkE1MjZEQjg1NTUzRDM4RUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGOEJDQTlBNUVFQzlFNjExQTIzN0I2N0RCQzM5MTgzOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NjgyZDdjMC0zYTU3LTRkODktYTFlYS00ZjFmYjE1ZTIzOWMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4r2Zh8AAAB/klEQVR42qyWOy8FQRTH7Vr3KrxCQ+fxAVBxReXVuFeh8C08EtGISDR8A8FeormJ29ChoaWjYFui8Cw8gktj/Uf+E5PJzN71mOSX2T1zHrMzO+eME4ZhiaW5oAcMgxRoBDXgAZyDA7AJ9sGHzUmJCGAgDU7DeO2U+kZfuiABlhTjM7AAukEDKGPfTfm5ortMe2sAMbhD5RcwBjzbzIgIOE79kPYJW4AVKl2D1iKOddrBLe19U4BBDhZAxw+dS4TdO/2k1QAuOOHA+C+dSyboJ6DfrwB9yobqaz4PXsG6srai36B8TtP36Ee0fhlgkYIZw4wKyl+yCSrAtiJ7NtjMcmxRBjimoNOgnNP++TvtfdVgk+LYkQxwT0G1QVksx5blgOVBqcGmluMP4t0Jv3OFYznsleAM1Cmya9AMCrYEIX26zC2iVRsUkyCvORetHuRAwmBTy/5R5iK5BynD5+a1ZbmMsQdd6h64zIqipQ2zGVKexZe0gC1FNmKwybA/lF8gz4FIXEltNnP8CXxlQ8XGr1E+remXgwv6G1BPckDh5B9P8pTpJMv8H/J0/iUXvdFPxpRNfQ5e/SKbtoEb2mfj1oPRGPXAY92Q9WA3qh7IIH5ERfMiKlq2WEXTa3IQsyYHUTXZKXKr6FVuFU2gCjwxdchbxV7UrSIqwL+0TwEGAO22wZB4HZvIAAAAAElFTkSuQmCC);
}

.coding-monkey .media-library .media-body {
    height: 90%;
    background-color: #f2f7f9;
    overflow: hidden;
}

.coding-monkey .media-library .media-body .type-wrap {
    float: left;
    min-width: 168px;
    height: 100%;
    background-color: #fff;
    overflow: scroll;
}

.coding-monkey .media-library .media-body .type-list {
    margin-top: 16px;
    overflow: auto;
}

.coding-monkey .media-library .media-body .type-list .item {
    background-color: #fff;
}

.coding-monkey .media-library .media-body .type-list .item.cur {
    background-color: #f2f7f9;
}

.coding-monkey .media-library .media-body .type-list .item:hover {
    background-color: #f2f7f9;
}

.coding-monkey .media-library .media-body .type-list .item a {
    display: block;
    padding: 14px 0 14px 20px;
    overflow: hidden;
}

.coding-monkey .media-library .media-body .type-list .item .type-img {
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    background-size: contain;
}

.coding-monkey .media-library .media-body .type-list .item .type-name {
    font-size: 14px;
    float: left;
    color: #000;
    height: 20px;
    line-height: 20px;
    margin-top: 15px;
    max-width: 100px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
}

.coding-monkey .media-library .media-body .media-wrap {
    height: 100%;
    overflow-y: auto;
}

.coding-monkey .media-library .media-body .media-wrap .media-list {
    margin: 30px auto 0;
}

.coding-monkey .media-library .media-body .media-wrap .media-list:after {
    clear: both;
    content: "";
    display: block;
}

.coding-monkey .media-library .media-body .media-wrap h2 {
    color: #8a53aa;
    font-size: 16px;
    padding-top: 30px;
    padding-left: 30px;
}

.coding-monkey .media-library .media-body .media-list .media-item {
    position: relative;
    float: left;
    margin: 0 0 50px 30px;
    width: 138px;
    height: 130px;
    padding-top: 18px;
    border: 1px solid #e7e9ea;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
}

.coding-monkey .media-library .media-body .media-list .media-item.my-material {
    height: 150px;
    padding-top: 30px;
}

.coding-monkey
    .media-library
    .media-body
    .media-list
    .media-item.my-material
    a {
    top: 30px;
    height: 120px;
}

.coding-monkey
    .media-library
    .media-body
    .media-list
    .media-item
    .delete-material {
    position: absolute;
    display: block;
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i57uEXzIiIGRhdGEtbmFtZT0i57uEIDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMyIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDIzIDIzIj4KICA8bWV0YWRhdGE+PD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/PjwvbWV0YWRhdGE+CjxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICM0ZDUwNTk7CiAgICAgICAgZmlsdGVyOiB1cmwoI2ZpbHRlcik7CiAgICAgIH0KCiAgICAgIC5jbHMtMSwgLmNscy0yIHsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogIzU5YmJmZjsKICAgICAgICBmaWx0ZXI6IHVybCgjZmlsdGVyLTIpOwogICAgICB9CiAgICA8L3N0eWxlPgogICAgPGZpbHRlciBpZD0iZmlsdGVyIiB4PSI5OTkiIHk9IjI1NiIgd2lkdGg9IjkiIGhlaWdodD0iOSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPGZlRmxvb2QgcmVzdWx0PSJmbG9vZCIgZmxvb2QtY29sb3I9IiNiYWJhYmEiLz4KICAgICAgPGZlQ29tcG9zaXRlIHJlc3VsdD0iY29tcG9zaXRlIiBvcGVyYXRvcj0iaW4iIGluMj0iU291cmNlR3JhcGhpYyIvPgogICAgICA8ZmVCbGVuZCByZXN1bHQ9ImJsZW5kIiBpbjI9IlNvdXJjZUdyYXBoaWMiLz4KICAgIDwvZmlsdGVyPgogICAgPGZpbHRlciBpZD0iZmlsdGVyLTIiIHg9Ijk5MiIgeT0iMjQ5IiB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgIDxmZUZsb29kIHJlc3VsdD0iZmxvb2QiIGZsb29kLWNvbG9yPSIjYmFiYWJhIi8+CiAgICAgIDxmZUNvbXBvc2l0ZSByZXN1bHQ9ImNvbXBvc2l0ZSIgb3BlcmF0b3I9ImluIiBpbjI9IlNvdXJjZUdyYXBoaWMiLz4KICAgICAgPGZlQmxlbmQgcmVzdWx0PSJibGVuZCIgaW4yPSJTb3VyY2VHcmFwaGljIi8+CiAgICA8L2ZpbHRlcj4KICA8L2RlZnM+CiAgPHBhdGggaWQ9Inhf5ou36LSdIiBkYXRhLW5hbWU9Ingg5ou36LSdIiBjbGFzcz0iY2xzLTEiIGQ9Ik0xMDA1LjY5LDI2MC40ODRsMS44NCwxLjgzOGExLjU2MSwxLjU2MSwwLDAsMS0yLjIxLDIuMmwtMS44NC0xLjgzOC0xLjgzLDEuODM4YTEuNTYxLDEuNTYxLDAsMCwxLTIuMjEtMi4ybDEuODQtMS44MzgtMS44NC0xLjgzOGExLjU2MSwxLjU2MSwwLDAsMSwyLjIxLTIuMjA2bDEuODMsMS44MzgsMS44NC0xLjgzOGExLjU2MSwxLjU2MSwwLDAsMSwyLjIxLDIuMjA2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk5MiAtMjQ5KSIvPgogIDxwYXRoIGlkPSLlvaLnirZfM1/mi7fotJ0iIGRhdGEtbmFtZT0i5b2i54q2IDMg5ou36LSdIiBjbGFzcz0iY2xzLTIiIGQ9Ik0xMDAzLjUsMjcyYTExLjUsMTEuNSwwLDEsMSwxMS41LTExLjVBMTEuNSwxMS41LDAsMCwxLDEwMDMuNSwyNzJabTAtMjFhOS41LDkuNSwwLDEsMCw5LjUsOS41QTkuNSw5LjUsMCwwLDAsMTAwMy41LDI1MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05OTIgLTI0OSkiLz4KPC9zdmc+Cg==) no-repeat center;
    background-size: 23px;
    width: 23px;
    height: 23px;
    top: 5px;
    right: 5px;
    z-index: 3;
}

.coding-monkey
    .media-library
    .media-body
    .media-list
    .media-item
    .delete-material:hover {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsdGVyOiB1cmwoI2ZpbHRlcik7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogIzRkNTA1OTsKICAgICAgfQoKICAgICAgLmNscy0yLCAuY2xzLTMgewogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQoKICAgICAgLmNscy0zIHsKICAgICAgICBmaWxsOiAjNTliYmZmOwogICAgICB9CiAgICA8L3N0eWxlPgogICAgPGZpbHRlciBpZD0iZmlsdGVyIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8ZmVGbG9vZCByZXN1bHQ9ImZsb29kIiBmbG9vZC1jb2xvcj0iI2FjNjRkNSIvPgogICAgICA8ZmVDb21wb3NpdGUgcmVzdWx0PSJjb21wb3NpdGUiIG9wZXJhdG9yPSJpbiIgaW4yPSJTb3VyY2VHcmFwaGljIi8+CiAgICAgIDxmZUJsZW5kIHJlc3VsdD0iYmxlbmQiIGluMj0iU291cmNlR3JhcGhpYyIvPgogICAgPC9maWx0ZXI+CiAgPC9kZWZzPgogIDxnIGlkPSJ4IiBjbGFzcz0iY2xzLTEiPgogICAgPHBhdGggaWQ9Inhf5ou36LSdIiBkYXRhLW5hbWU9Ingg5ou36LSdIiBjbGFzcz0iY2xzLTIiIGQ9Ik0xNjA1LjY5LDI2MC40ODRsMS44NCwxLjgzOGExLjU2MSwxLjU2MSwwLDAsMS0yLjIxLDIuMmwtMS44NC0xLjgzOC0xLjgzLDEuODM4YTEuNTYxLDEuNTYxLDAsMCwxLTIuMjEtMi4ybDEuODQtMS44MzgtMS44NC0xLjgzOGExLjU2MSwxLjU2MSwwLDAsMSwyLjIxLTIuMjA2bDEuODMsMS44MzgsMS44NC0xLjgzOGExLjU2MSwxLjU2MSwwLDAsMSwyLjIxLDIuMjA2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1OTIgLTI0OSkiLz4KICAgIDxwYXRoIGlkPSLlvaLnirZfM1/mi7fotJ0iIGRhdGEtbmFtZT0i5b2i54q2IDMg5ou36LSdIiBjbGFzcz0iY2xzLTMiIGQ9Ik0xNjAzLjUsMjQ5YTExLjUsMTEuNSwwLDEsMS0xMS41LDExLjVBMTEuNSwxMS41LDAsMCwxLDE2MDMuNSwyNDlabTAsMmE5LjUsOS41LDAsMSwxLTkuNTEsOS41QTkuNTA2LDkuNTA2LDAsMCwxLDE2MDMuNSwyNTFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTU5MiAtMjQ5KSIvPgogIDwvZz4KPC9zdmc+Cg==);
}

.coding-monkey
    .media-library
    .media-body
    .media-list
    .media-item
    .upload-label {
    display: block;
    cursor: pointer;
}

.coding-monkey .media-library .media-body .media-list .media-item .uploadIcon {
    display: block;
    width: 100%;
    height: 90%;
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbi3mnKzlnLDkuIrkvKAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiB1cmwoI2xpbmVhci1ncmFkaWVudCk7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjQzLjgzOSIgeTE9IjUwIiB4Mj0iNi4xNjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZDA3OGVkIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMC4xNTMiIHN0b3AtY29sb3I9IiNhZjViZWEiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjg4IiBzdG9wLWNvbG9yPSIjZDg5ZGZjIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2RmYThmZiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPGNpcmNsZSBpZD0i5qSt5ZyGXzYyMV/mi7fotJ0iIGRhdGEtbmFtZT0i5qSt5ZyGIDYyMSDmi7fotJ0iIGNsYXNzPSJjbHMtMSIgY3g9IjI1IiBjeT0iMjUiIHI9IjI1Ii8+CiAgPHBhdGggaWQ9IuWchuinkuefqeW9ol82MjRf5ou36LSdIiBkYXRhLW5hbWU9IuWchuinkuefqeW9oiA2MjQg5ou36LSdIiBjbGFzcz0iY2xzLTIiIGQ9Ik01NTksMzA5aC02djZhMiwyLDAsMCwxLTQsMHYtNmgtNmEyLDIsMCwwLDEsMC00aDZ2LTZhMiwyLDAsMCwxLDQsMHY2aDZBMiwyLDAsMCwxLDU1OSwzMDlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTI2IC0yODEpIi8+Cjwvc3ZnPgo=) no-repeat center;
}

.coding-monkey
    .media-library
    .media-body
    .media-list
    .media-item.much-item
    .much-item-flag {
    position: absolute;
    width: 162px;
    height: 170px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKIAAACqCAYAAAAuoZR2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NjgyZDdjMC0zYTU3LTRkODktYTFlYS00ZjFmYjE1ZTIzOWMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTMzMUY2MkRGNEI2MTFFNjk4QzVDOTcwMzQ3QzBDN0YiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTMzMUY2MkNGNEI2MTFFNjk4QzVDOTcwMzQ3QzBDN0YiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MTQ2ZWFjZC03OThmLTQzMmEtODViYi0xMTdkNGExY2ViODEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTY4MmQ3YzAtM2E1Ny00ZDg5LWExZWEtNGYxZmIxNWUyMzljIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+q1sexwAACv9JREFUeNrsnU1vHFkVhqvqVsVx2x6PBmw8DAqxJxNIsN0W0sySDRJLBGLDErFgw4J/wIKfgMQGaaQRa0aaNRJskUBIieNJmBAmJuLD2Awi/rarqptzqm/Z1eVyp2/1uV3V3e8rXXW1k1S7q5+cc957b5122+220492dvccaCzk0Vim0aSxpgcfr/hKeUxDHMef0cMHNH5GY1/iRZcWF3r+uQsQx1pvZGBb1+NrSqnZwPcd31c0fIeP6WcX/6jVajlHxyc0jj+lp9+ksW0bRB+f1VgooPHVHHBrnud+yVd+AlsHuA54ruv2Dpme58zNztCju3JwePQR/eg9Guc23wBAHD19MZNO02h3jwC7wREu8C/BU5430AvNNBpOFMXNk9PT79PTXwHEyVSD06gGbjWFj6LV5y5hUzqtcpSz80vcnJpyCMTvAcTxFyO0kqbTTLR7Owh8L0mp6hI8b8AoZ5zzgwSRd22/DkAcrl7PAJfWcquvMg+VWmwCn8abZGDYbewBxNEzD1/JAJdEOs91b/m+uXmoWvwf5Py8xe/hdwCxvnqzwDzcv2IeFEc5byTfIP/+5+chQKyJprV56KrlKG19PmseUuhqHuTMwrtKMFlDjTh887CcA46P7xBwKp9Wh20eKomIHcPSBIh2zcNagXmYy5qHTpRTE3uR9HvnbMAHMUAc7H3ezddyZB6+PIrmYegpgq4HwTgdxfEdevoJQOxPS8XmQU2lUyOdZS9VmymSUTEsBOIaQLyqmznzkKRWqtkWLoC7MA8KUU4AROfsjK/zrycZxOWCWu6dSTUP1YCYZI/1STEr8073MteaNg+v5Rf0faTVoYqvvU3nXBWI/Lrv5Gs5Sp+3A5iHWkrX07dpzNE4GEUQFzPpNE2tbB5usmnITgbDPNQ8KgaBG4Yh7wT6fZ1BZPNwv8A8LGajG8zDKKdn5RCIa3UC8XZBLcfmwYd5GHPnbGmpryeIO7t7r6WGIVvLUQqdz25ZSufloIkAccM6iATePXrg3bjvavOwnF/qCmAeJt0524uIBCDvLPk5jR/OzjS8wA9gHqAr4gCklDcfx61b9PSFKIgEIRdxH800pr81NzuLqw31BobKsDg+X5MGkSH8UWMaEELVGhYG8ceN6Zu4wpBJnShuWDzPdVc15RBUXUR0PThgyATExMDy3s4pURDJAcW4vJBheuaweE+6RnwWxWARqjY9M4iPoijC1YVMQdwAiFDFqVnZiohIzVD1qflhiIgImUDT6YfDN6ktSIL4PI7jg347x0JQJyrKpmdvaXGBCdxCnQiZ1Ymy97Cku1YfhagTIfM6cV0cREREqErDkoK4CRAhIxA7e1X5HiUlCSKcM2SktB8OHd4RA5EMy0tyzS/iuIUrDFVSJ2ZvsXsUxYiKkDGITXkQkZ4hA0neTJUFcRN1ImQWEZUVEB8iIkImyvXDEQPxaRTFZ1jqg4zScxDwFv9VMRDJOXM4fIJNslCJOnFDDEQYFqjKOrEAREREyARE3wqID+CcoRKp2UZEBIhQ/0r74dDhLTEQybDstFqtPRq4wpBpet4QAxF1IlRVer4GRKRnyCAiKjsgwrBAQ3fOiIiQAIiD98MpAvFxiCIRMq8TOSyuioFIzvnEQT8caMjp+brvnkB6hmoBIraEQYapWVkBEZtkobqkZtSIkAFIl/1wviAJ4jb64UAlo+K6GIjohwMNu07s9Y2Nm+iHAw2rTuwFIpwzVAsQMZcImYF42Q/HFwURUziQiZJ+OH7SD+euGIjohwMNMz2/6uvl0a4OMkzPdkBEuzrISIGliIgOYZBhalaWQEREhAzE/XDItCzT4bwkiOiHAw0lPfcEUffDeYxNspBt5+z18XewwgJZrxP7ARF1IlQmIq6Lg4jND1CJGpFBdBERocrU6YejuIvsbTEQ0Q8HGkad6PX59x4gKkIl0rM4iKgTIbOIqCyBiIgIGYEYmLWqA4iQpYiY1Ij8PX3TkiCiHw5Upk5kGu+Lgaj74TwFi5CZc+6/TvQMzotNslAtQMTeRMgwNSd1YlMcROzWhkpExHVxEFEjQibS/XAW2GZIgsj9cPaxSRayUSeagMgEol0dVKZOFAVRp2eACMnXiSVARJ0IGYPYtAAiIiJkAGJnqe/ezu6eLwni5nkYwq1AfUv3w+HvX7krCeK+ds+4wpCoc/ZKnBd1ImSYni2BiCkcyERBH3sTy0VErDlDNYiI2IUDGUkpj03LLXLO85Ig8r7EEyz1QUbp+RWGpQyI7FTQDwcq45zXJUHUzhnpGTIGsQkQoYpTsxJPzQmIuM8ZKhERV8mwuJIgovMDZKRX9cMpCyL3wtlBPxzILCpen569Ac6LOhEyrBOvX2EZCETUiVCJOhERERpPENFbGzIDUffDIec8LQki98MBiZBpnVjYD2cQEM8c9MOByqXnpiSIqBOhss55XR5E7E2EBAzLoCDi20shQxCVFRCxSRYyUtoPh5zzkiSI/A33L7FJFhq0TvQEzoubqaCBnbMIiEjP0KB1ogSIWGGBBnbOEiBuYvMDZARiQT8cCRC3QvTDgQxU1A9HAsQDB/1woHLpeUMSRG1YACLUv/L3OUuBiJbG0ECGRQpEOGfI0LDYARFziZCRuB+O1+mH87okiM+iGP1woFLpuSkJIvrhQAPViZ7geZGeoVqA+ADOGTJRth+Oj4gIVRwRk344wqkZNSLUvzL9cN6WBBH9cKAS6blTJ3rC50V6hgzTs7ICIgwLVMo5W4iIqBOhWoCIiAgZgKj74UiD+AT9cCBTKeUpaRDRDwcyVrvVdjwL58WWMKhvMSutdnvLBojYJAv1reOTU374hQ0QYVigvnRweEggnvyGDn/pWwERHcKgAvENduwfwih0Do+OefPq+zR+srS40LIBYtoPZ57XEqEJNB/ttsPlWaQH3/eubzne5kBF4480PiQAn6T/xrf0u3C7um/cCAJ8KmNvNijKxVEGvJgj30sNHI+H+nGLwNu/7jy2QOR2dQBxjMSbWdLodhnpEjPwlxxwj3Tk6xJB2PP8tkCEYRnhtBrFcVdaTaZYWq1/a8g2M4+PaZxKvK41ENEPZ3TMg45uSYql56casCxwPHZt/i62QEz74cCt1Mo8dKVV/vl2QS3HqXbo6cwWiNwP5zn9j1tRnUVtaFjmIe6GTZuH/dQw5Gq5l3X5vX2L52bnDBCHax5iHdE2M6mVx/O6vx+bIPLexO86U4BGzjzEF9MkBOJeDjh+/FjKPIwZiHDOpcxD97zcmQZsK1fL7YzTeweIVUW5XFrVu1D+VmAenlZhHsYJRO6Hc0wXvTHJS31Z85CmVop8BzrC5Wu5/03qdbIJIhfOW3Tx3wsCf+wvZA/z8My5OhHM5gEdq4YEYpqexwpEbnjWmfiNuiaDCcT/5KZGUvNwAsxqAGJIH9r0yJqH1gV0mQnhc6ez8pCv5f4FnOodEUfZPLwoqOU+oRECnZEDsV5rzjxFEl41D4cFwG1OsnkYNxC5H84/4lbrLeV5Q31jHfPQPScXhhE35vlrQS33KczDeIPI+lMURm+pqRvWzEMcd9VwqXn4TAOXnQhm83CMj30yQfzw9Ozs21MCIMZ6iqTAPDwpMA//xMc7OnL7bcC+s7tX9jWYwD/Mzc40ZxqNcuYhTtdX2393uvfI8fGfYR7qr6p2aGfFEes7B4dHvyWQVhhGz3P7MQ8fO92rDnz8X3ykSM2DaJvG14+Oj39K4wdKqTcYxYgn6jpG4WEutfLKAzp+TpD+L8AA9qOFlsXi3V0AAAAASUVORK5CYII=);
    left: -12px;
    top: -11px;
    z-index: 0;
}

.coding-monkey .media-library .media-body .scenes-wrap .media-list .media-item {
    width: 228px;
    height: 168px;
}

.coding-monkey .media-library .media-body .music-wrap .media-list .media-item {
    width: 120px;
    height: 155px;
    border: 0 none;
    border-radius: 0;
    background-color: transparent;
}

.coding-monkey .media-library .media-body .media-list .media-item.media-music-item {
    height: 155px;
    border: 0 none;
    border-radius: 0;
    background-color: transparent;
}

.coding-monkey .media-library .media-body .media-list .media-item a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 18px;
    text-decoration: none;
    z-index: 2;
}

.coding-monkey
    .media-library
    .media-body
    .media-list
    .media-item
    .uploading-shadow {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    background: url(data:image/gif;base64,R0lGODlhUABQAPeqAO/09v///wSN//H19/j6+/7///D199To9/r8/P7+/vX4+fn7/P3+/vP3+Fex/PL2+PH29/D09vD19vb5+sbi+AaO/2S3+/7+//L290Go/UWp/R2Y/gWN/4HE+g+S/6TT+dbp9/P3+YPF+iCZ/mK2+0aq/NXp9wqQ//v8/Ony9lWx/KnV+YXG+vX4+vf6+/v8/RCS/+Hu9/z9/ujx9v39/onH+t3s99Po96rW+aXU+Sqe/tLn95rP+SOb/nS++8Df+Obw9u709vT4+VCu/Fax/Nnq9+nx9mW3+wmP/6fV+Z7R+Viy/Ory9uXw9mO3+4fG+t/t95/R+eDt953Q+fP2+BOT/lmy/AqP/zym/eDu9yKa/qjV+cPh+IjH+luz/KbU+dzs90yt/Ga4+9fp94TF+kus/BGT//T3+X7C+oLE+qLS+aPT+Tik/W27+8jj+OLu9tHn91qz/BqX/h6Y/pHL+iid/uPv9pzQ+b3e+Ozz9jGh/dDm963X+QeO/ySb/lyz/OTv9s/m9161/Pr7/Mfj+ESp/SGa/sjj90Oo/Wm5+9jq90mr/Ovy9kqs/Cue/ufw9k6t/H3C+qDR+RSU/my7++3z9ovI+i6g/Tej/ZfN+UWq/Gq6+83l92i5+7LZ+Nrr96fU+Sye/XzC+obG+oDE+iac/me4+2G2+ymd/rTa+P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2Yzk2YWIyOS03NWZiLTRhMmItOTAwOC05Y2IyMDYwYzMwMDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjVCN0E4RTZDNDdFMTFFN0IwMjE4MTgwNjcwMjJEODEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjVCN0E4RTVDNDdFMTFFN0IwMjE4MTgwNjcwMjJEODEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MThkZjRlYi0wMDA1LTQ3N2UtODYzOC1hZjNlNmFjNjM0NjIiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpjODUyNjk3NS0wY2U2LTExN2ItODcxNS1kNzhjODA5MjAxYmUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQFCgCqACwAAAAAUABQAAAI/wADCBxIsKDBgwMTvCAwoQEGAxIAADAw4EGDCQReJEDIsaPHjwgLIJjwQKLJkyhPPpiAoADIlzA7olAQIaXNmyYjKEARs+fLCwQG4BxKdACBCz6TFixAwADRp0QNEHCp1OcCoVCzDh2woCpMBme0iiUagoFXjwsijl17U0LXswYLKGBLF6cCqnADJKBSt69NKhvhMoDgtzBKCGa9ysBquDGAATKq0mDsuPEAGkkTEK7MGULgmCU5i37Qc67o0wpgLjjNGsBbjwzUtuYsIXHHELNZh0Cbu/XruJR7Vx6AtyAB4a0JHLzgNPcMKTFOG0BqvHUQPn+0CNgOI0MNKZWVF/8M7piLnu0CTlQxgx7GkyCWC6JgTeeEADZoApl8o6bM9hJ2NIYAQaZxNgUHAgiC0wc9CJBBHoYJMVABNXF2gAcCWEDUDXUIkIZhEVCFwGltCEAEVFsIUAUghg0YQAuiBSGHAHhkVYIAaxjWgkCb1XVABxrMYR96WGjVhQBhwFEYBHr1dQARfaAnJRZuaAXFBgJUQMQBfiUwIl1JwLCdAzgcMENdUMSxnQdT9IWAC3TVUIEADnDZ2AEOCMDBE3W5UKBYUSDoxGkW6BkFXQo0sNaFGbZWqAd2juXQWnk6kFueKrD10Fg3zBkpayZkecNaEI3VgQBLCLeEAB2sJZtWN67/INwKApQgHJYgCAeCABuw1ZxW9p3ZmxECXOEqeUQFKxyxxo5lQGha4TpWChQQkoJYu/Y6FgaKiqWBALJqRe0PP1BwbVa02irpn1CdaoW4FJBLrrlZWcHqWgrAKdYOc5oA1bgUcMFFvPQSFWoFO6zlwpdiqUDnUwBTay7B5+KEKVsIJLAohhriFDEAFFAAwMc3PfqpVhv1qJUSgt5EcsgSkYxSoRwowRaTL7IlJ53+niQzzDFTfJIJeXLAAl07BsDwWGGOiQMITABASLkVgyyySeMSwgQIOHix5h11uUghXQeoMKeUnFiLEtBYHyJlliqcLFaIAwnhJJAbICHATWyf3CQAEhto0MEefkk40NKs9c2aiwMhW5niog1g0HGzQc6ZeAQxV/nVrE13EOWJc34a5ks5bpjllhVX0Gqh++YRbqehXlgDH8UWu+iO1QYS65wdcshpv3nErmGVVCJaaqAh19cDqn+kmfI3fxbTZNCLdVlVi1UPFWRnMYCB9kNhYJtXCXQLPkoNSA/XBOefNEFeBiHwa/UGDAL/QQzADn1Z93N0FXJc6Z9HmDI/0UileQJcTlAid5QE9mQmFeqLTnjiQKWIhCRrWUlLKgg/hTDEIQaoUAQMwC2MaMSBAQEAIfkEBQoAqgAsHwAqABIAFwAACIMAAQgcCKDJly1NCCok2CQHDx45Ei5k6PAhRCATBTbk8UWSpC8XJ278AuTDByAOc2CkyBGjSQAoQ2p0SFLgS5gpMY5cCeAmzougZNr8QDDmFk9beA5VCGRFqow+CQqASnTh1IlRMxLMqnVpV4Vcu4bVOpbqV7BVzwrEgUPtQEaM3J4NCAAh+QQFAACqACwfACgAEgAYAAAIgQABCBwIIMuoGlkIKiSYhYwPHywSLmTo8CHEGBMFNoQYKRKLixM3soghQkSMjyMVisRYEsBJkBodpgTQ0iVKjCsH1rR5sQtMgTt51sjUBSPBoC5r8MiINKNOEU4nNgUggCnUhVWlXo16dCtXoF6/TnU61upXgpYsnR2YIsXat28DAgAh+QQFCgCqACwfACcAEgAXAAAIfQABCBwIAIypRDYIKiQIxsKQIUcSLmTo8CFEiRMbDhHjxYuYixkdirFBgoSNIyApbkxYEsDJlAVFSmzpEmVElzIH0qx5sRNMADt5JhKFUGFQl5tITQRKYunSo04FQo06VcDTpgutTpzqlOvVqAu9bsUKdiAlSmUJGjGSNm1AACH5BAUAAKoALB8AJQASABgAAAiEAAEIHAhgTIlGiggqJDgGkQ4dGhIuZOjwIcQiEwU2hIgJk4aLE8cUgvgpQ4YiHzVgZDhSJQCTAFCC1NhyJcyYKTEqqjnwJs6Li2YK9Pmz0alFK3tmUFikjJiMRDMSjCp16NKqCqlW1SpVqwCoVxV+ncgVLNasYc8CgARJ7cBHj9zKlRsQACH5BAUyAKoALB8AJAASABcAAAiDAAEIHAhgRylHNwgqJLjDkAABPRIuZOjwIcQDEwU2FOBn0iQ/Fyfu0MLRxIgRB3qEZEjSD8aTAFKuLNgSIwCYMVX2wHij5kCcOS+imnlzBEGZjjTpsPnT6NFQYTICzahwKtWmVxdazbr1aleqXQVIdapQ7MSvY7MqvHRJLcEmTdy6DQgAOw==) no-repeat center;
}

.coding-monkey
    .media-library
    .media-body
    .music-wrap
    .media-list
    .media-item
    a,
.coding-monkey
    .media-library
    .media-body
    .media-list
    .media-item.media-music-item
    a {
    width: 118px;
    height: 118px;
    border: 1px solid #e7e9ea;
    border-radius: 4px;
    background-color: #fff;
    position: relative;
}

.coding-monkey .media-library .media-body .media-list .media-item.media-music-item a {
    width: 138px;}

.coding-monkey
    .media-library
    .media-body
    .music-wrap
    .media-list
    .media-item
    a.cur,
.coding-monkey
    .media-library
    .media-body
    .media-list
    .media-item.media-music-item
    a.cur{
    border-color: #3196ff;
}

.coding-monkey
    .media-library
    .media-body
    .music-wrap
    .media-list
    .media-item
    a:hover,
.coding-monkey
    .media-library
    .media-body
    .media-list
    .media-item.media-music-item
    a:hover {
    border-color: #3196ff;
}

.coding-monkey
    .media-library
    .media-body
    .music-wrap
    .media-list
    .media-item
    .btn-play,
.coding-monkey
    .media-library
    .media-body
    .media-list
    .media-item.media-music-item
    .btn-play {
    display: block;
    width: 58px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #3196ff;
    background-color: #fff;
    border: 1px solid #e7e9ea;
    border-radius: 3px;
    margin: 11px auto 0;
    font-size: 12px;
}

.coding-monkey
    .media-library
    .media-body
    .music-wrap
    .media-list
    .media-item
    .btn-stop,

.coding-monkey
    .media-library
    .media-body
    .media-list
    .media-item.media-music-item
    .btn-stop {
    border-color: #3196ff;
    background-color: #3196ff;
    color: #fff;
}

.coding-monkey .media-library .media-body .media-list .media-item img {
    display: block;
    max-height: 85px;
    max-width: 130px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.coding-monkey .media-library .media-body .media-list .media-item .img {
    width: 90px;
    height: 90px;
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.coding-monkey
    .media-library
    .media-body
    .music-wrap
    .media-list
    .media-item
    .img,
.coding-monkey
    .media-library
    .media-body
    .media-list
    .media-item.media-music-item
    .img{
    width: 60px;
    height: 60px;
    margin: 10px auto;
}

.coding-monkey
    .media-library
    .media-body
    .music-wrap
    .media-list
    .media-item
    img,
.coding-monkey
    .media-library
    .media-body
    .media-list
    .media-item.media-music-item
    img {
    display: block;
    width: 60px;
    height: 60px;
    margin: 10px auto;
}

.coding-monkey
    .media-library
    .media-body
    .scenes-wrap
    .media-list
    .media-item
    .img {
    width: 214px;
    height: 120px;
    max-width: none;
}

.coding-monkey
    .media-library
    .media-body
    .scenes-wrap
    .media-list
    .media-item
    img {
    width: 214px;
    height: 120px;
    max-width: none;
}

.coding-monkey .media-library .media-body .media-list .media-item .name {
    font-size: 14px;
    color: #999;
    width: 110px;
    margin: 7px auto;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.coding-monkey .media-library .media-body .media-list .much-item .name {
    padding-top: 12px;
}

.coding-monkey .media-library .media-body .scenes-wrap .media-list .name {
    padding-top: 6px;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/

::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
}

.coding-monkey .costume-sounds {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .5);
}

.coding-monkey .costume-sounds .costume-sounds-inner {
    position: absolute;
    width: 860px;
    height: 90%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}

.coding-monkey .costume-sounds .costume-sounds-head {
    height: 48px;
    background-color: #8a53aa;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.coding-monkey .costume-sounds .costume-sounds-head .close-costume-sounds {
    float: right;
    width: 24px;
    height: 24px;
    margin-right: 13px;
    margin-top: 12px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NjgyZDdjMC0zYTU3LTRkODktYTFlYS00ZjFmYjE1ZTIzOWMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTY5RENBM0JDQjYwMTFFNkE1MjZEQjg1NTUzRDM4RUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTY5RENBM0FDQjYwMTFFNkE1MjZEQjg1NTUzRDM4RUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGOEJDQTlBNUVFQzlFNjExQTIzN0I2N0RCQzM5MTgzOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NjgyZDdjMC0zYTU3LTRkODktYTFlYS00ZjFmYjE1ZTIzOWMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4r2Zh8AAAB/klEQVR42qyWOy8FQRTH7Vr3KrxCQ+fxAVBxReXVuFeh8C08EtGISDR8A8FeormJ29ChoaWjYFui8Cw8gktj/Uf+E5PJzN71mOSX2T1zHrMzO+eME4ZhiaW5oAcMgxRoBDXgAZyDA7AJ9sGHzUmJCGAgDU7DeO2U+kZfuiABlhTjM7AAukEDKGPfTfm5ortMe2sAMbhD5RcwBjzbzIgIOE79kPYJW4AVKl2D1iKOddrBLe19U4BBDhZAxw+dS4TdO/2k1QAuOOHA+C+dSyboJ6DfrwB9yobqaz4PXsG6srai36B8TtP36Ee0fhlgkYIZw4wKyl+yCSrAtiJ7NtjMcmxRBjimoNOgnNP++TvtfdVgk+LYkQxwT0G1QVksx5blgOVBqcGmluMP4t0Jv3OFYznsleAM1Cmya9AMCrYEIX26zC2iVRsUkyCvORetHuRAwmBTy/5R5iK5BynD5+a1ZbmMsQdd6h64zIqipQ2zGVKexZe0gC1FNmKwybA/lF8gz4FIXEltNnP8CXxlQ8XGr1E+remXgwv6G1BPckDh5B9P8pTpJMv8H/J0/iUXvdFPxpRNfQ5e/SKbtoEb2mfj1oPRGPXAY92Q9WA3qh7IIH5ERfMiKlq2WEXTa3IQsyYHUTXZKXKr6FVuFU2gCjwxdchbxV7UrSIqwL+0TwEGAO22wZB4HZvIAAAAAElFTkSuQmCC);
}

.coding-monkey .costume-sounds .costume-sounds-head .tab {
    float: left;
    height: 40px;
    width: 270px;
    margin-left: 8px;
    margin-top: 8px;
    border-radius: 3px 3px 0 0;
}

.coding-monkey .costume-sounds .costume-sounds-head .tab .tab-costume,
.coding-monkey .costume-sounds .costume-sounds-head .tab .tab-sounds {
    float: left;
    width: 50%;
    height: 100%;
    background-color: #af74d1;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

.coding-monkey .costume-sounds .costume-sounds-head .tab .tab-costume {
    border-radius: 3px 0 0 0;
}

.coding-monkey .costume-sounds .costume-sounds-head .tab .tab-sounds {
    border-radius: 0 3px 0 0;
}

.coding-monkey .costume-sounds .costume-sounds-head .tab .cur-tab {
    background-color: #f2f7f9;
    color: #8a53aa;
    border-radius: 3px 3px 0 0;
}

.coding-monkey .costume-sounds .costume-sounds-body {
    background-color: #f2f7f9;
    height: 100%;
    padding-top: 48px;
    position: relative;
    z-index: 1;
    top: -48px;
    overflow-y: auto;
}

.coding-monkey .costume-sounds .costume-sounds-body ul {
    padding: 20px 30px 0;
    overflow: auto;
}

.coding-monkey .costume-sounds .costume-sounds-body .item {
    height: 78px;
    border: 1px solid #e7e9ea;
    background-color: transparent;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 12px;
    cursor: pointer;
}

.coding-monkey .costume-sounds .costume-sounds-body .item.cur {
    background-color: #fff;
}

.coding-monkey .costume-sounds .costume-sounds-body .item.add-item {
    background-color: transparent;
    border: 3px dashed #c5c8c9;
    height: 74px;
}

.coding-monkey
    .costume-sounds
    .costume-sounds-body
    .item.add-item
    .btn-add-costume {
    width: 100%;
    height: 100%;
    display: block;
    color: #999;
    text-decoration: none;
    font-size: 16px;
}

.coding-monkey .costume-sounds .costume-sounds-body .item.add-item .icon-add {
    float: left;
    width: 23px;
    height: 23px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NjgyZDdjMC0zYTU3LTRkODktYTFlYS00ZjFmYjE1ZTIzOWMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjA3RTUyMDFEN0NBMTFFNkFERjlCQ0E2MEQ4QkY2M0EiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjA3RTUyMDBEN0NBMTFFNkFERjlCQ0E2MEQ4QkY2M0EiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCOEVBMTBENzZGRDZFNjExOEM4MTlFOTk5RThGNDQ5OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NjgyZDdjMC0zYTU3LTRkODktYTFlYS00ZjFmYjE1ZTIzOWMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6bVXp6AAACW0lEQVR42oyVS2hTQRSGkxizCGJbhWoVbBFBV8UXaupj46NVBF8r90WU6lqsoAgquJUKBt13FVQQ9Na4Uyz4pLtq0XYh6kKNJbiIFf1P+a6Mw0zIgY/JzD3z58yZmTPZcrmciVhW7BFHxBaxQnSKuvggnok7oir+hATyEeF94orYHPjWJtbDKfFCnBdjvmPO6xeELSVBeFpcFCXRJRbSlhifwS9hXiEWuX24JwbET3FW3BRzXgCfYVxcFSfFNXFCrBKHRMOP/AbCn8R2MRIQ9m0Ovx3MG0Dnv7T0i0EiNoc3AaECeS4Evr12VjyI3ry4nYrLOA2LiUiUVUQeRb5PsLEZ0pU18d1syoy7pMAJ2cnvXWJRxG8EnY2ma+JH+TDaQo5TW9BkD0b5fSzHBTG7H4m4Q7R74+2MtwXmPKAtmfhKOlPe5j0VNfGN8+7aNOM1/NxNnqTtMfEldL46DmtEX4sp6sM/te/pqnNEYLbUcXgbus4RM793Tr+D9ofd0I9iOf/+xdmYfk6FXfnFXmp6xKz4RSFzbW2aOov8OZ2DgajqLLPmjdcYrwfm7KcdN/EKneNNqqRfUn9H/PLomFVM/LF4JbrF6cikWWcPxiIRZ5jfzU2u5ohqmI9Ww3sjEw+IdbQh62W+2TnTTQuX1ePboigeUqAygVRMRlKygRUV0Un8kjuEcBcX40yTPXBzbH5PxDLmD4VeogaF/hYRXOf8XhBbOa552m2MT+FXZN6/hyL0hjZ4USrkb5O4BDF7SalNWn2gE3K4VxzmzVzNZbKT857X/y71Pfj6/xVgAEhXjQpkUZznAAAAAElFTkSuQmCC);
    margin-top: 25px;
    margin-left: 25px;
    margin-right: 28px;
}

.coding-monkey
    .costume-sounds
    .costume-sounds-body
    .item.add-item
    .btn-add-costume
    span {
    float: left;
    margin-top: 26px;
}

.coding-monkey .costume-sounds .costume-sounds-body .item .img {
    float: left;
    width: 60px;
    height: 60px;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin: 9px 10px;
}

.coding-monkey .costume-sounds .costume-sounds-body .item input {
    float: left;
    width: 198px;
    height: 32px;
    background-color: transparent;
    outline: 0 none;
    text-indent: 1em;
    font-size: 14px;
    color: #999;
    border: 1px solid transparent;
    line-height: 32px;
    border-radius: 5px;
    margin-top: 22px;
}

.coding-monkey .costume-sounds .costume-sounds-body .item.cur input {
    background-color: #f5f5f5;
    border: 1px solid #e7e9ea;
}

.coding-monkey .costume-sounds .costume-sounds-body .item .close-item {
    display: none;
    float: right;
    width: 23px;
    height: 23px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NjgyZDdjMC0zYTU3LTRkODktYTFlYS00ZjFmYjE1ZTIzOWMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0M0NDZBRjZGNDE0MTFFNjhDRkNBQTcyODA0OTk3MTkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0M0NDZBRjVGNDE0MTFFNjhDRkNBQTcyODA0OTk3MTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozZDBlYjgyOC03YjkxLTQxNmMtYmUwYy02YjJhNzMzMGQyMDYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTY4MmQ3YzAtM2E1Ny00ZDg5LWExZWEtNGYxZmIxNWUyMzljIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+xNzkXQAAAnRJREFUeNqklV1oj1Ecx5//07zmLRu5s3EztsKV5gq7QLZpLrzkQsqorWnylks3k5VEXkpbpNQo2/hPkZeiGJdY/lxoc4W4wMVI8vf5/fsenR7n2d/s1Kffc85zft/z8vudczL5fD4KlcFXwzFmNWyEGiiHWfAZhmEAeuB+dWX5r5BGJiSOcB3mGCyOipeXcIgB+kcVR3Qi5hTsVpPNsBtuwhv4BGWwENbDVpivvuehlUF+/CUu4euwFkbgMJyl88+0KeMzAdMM7TAVbsEGN4AvbiM3wQdYQ4dn0T8WfJdhbsMc6MS36Y84P22JtmffYSU/n0ZjLGgsxzwE24F6i0HmRW7IsuI5VEEbjSej/ywM0IY5ATmodulWpeCdSXRuhxG4qJgUYgPdaj+S0D8tnUVQGyuPrXQFgrcXpsB2yxrEpmH7YLPa9/md5X9B1UYTX6HK3cBKe7zvRhiCdV7blYDPHdma2MvTXKDjDs3UlTLv+yrsCvi8lq2wgOa1pExKkKZrxqVe83tYgM+3FJ+CZqy7whpmBjpN0tJLE7/mwWUX5ITPbH1+MfG3qoTukUuJPX6XiMG5gE+lbCHHB1SpC3RsSATP7pRer21TwKde9omJX1Nlm7bBLx3atk77rz3eonSz9qOJLZls/VTtdSd0UIm/H4Hj4zihBzShwgl1d4ttSRZsZqvGcbc8AFt9AxrZWGnYr6Xbqeuj45IxCi/F3JCwnfSsS0VXWnQfW5o9xqEVSoqIlsAePh/BXF27zaO9RHZ57Ux5iT7qzg69RF0mHHyJAm9oh4JcrFjwDhZ9QwOvf633+lfADPiq68C9/vfSXv/fAgwAI/QOJaHPexsAAAAASUVORK5CYII=);
    margin-right: 20px;
    margin-top: 25px;
}

.coding-monkey .costume-sounds .costume-sounds-body .item .close-item:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NjgyZDdjMC0zYTU3LTRkODktYTFlYS00ZjFmYjE1ZTIzOWMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkI2QjU3MzZGNDE0MTFFNkI4RkM4ODY1RDIyNDdDRUIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkI2QjU3MzVGNDE0MTFFNkI4RkM4ODY1RDIyNDdDRUIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozZDBlYjgyOC03YjkxLTQxNmMtYmUwYy02YjJhNzMzMGQyMDYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTY4MmQ3YzAtM2E1Ny00ZDg5LWExZWEtNGYxZmIxNWUyMzljIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+LExz7wAAAnFJREFUeNqclUloVEEQhmceOlERIxpF5qLBixvoTRI8mYtiosSDC4ILuIBiQNyPEohkwIMhoyAOiiCoYBJ1BMXl5pKTCGLwINHDjIoLxoNK1Ixfyf+gaXsymRR89Hv9qv/u11VdnSyVSomQFYvFiGYlrIcGmAfT4Su8gSfQAw9hJKSRDIkj3EzTCYsSle0lHIX8qOKIpmi6YI+6bIVX4Da8hk9QB/NhDWyGufI9B/th+D9xCd+AVfAdjsMZ+D3KqifCXuiAKXAH1sUTRI5jt4Q/QGM6ne6qIGz2C07DCvio8dn4Y6RV2y/ugp82M8LPE9XZM2jRindC8z9xZUWnnI4h3J8Yn/UrsGYZ047TbbGCl/UGdGj/L0JKfSkF2fpPeP7d0lkITZHy2CzHqv09PgCTYZsEp0IfbFT/Qc/fxl/Qc6uJN+rlfuBXe5znVhiE1U7f1cCYe2obIidPBwKOO7TS2Oqc52uwOzDmldr6SEc6wZYMBRwt+lvhs9f/HrbDn8CYL2prI9UKS8fagGONfn2m1z8HLjtBdm2G2iETf6uXUB255O3xOy8GZwNjFqgdjFTdEnHie7bWC57VlF6nb0NgTIvapyZ+XS9b2JoazzGjbTtv3+EHbFK6Wf9Jz3+S/Mx6k4VCwSZ4ocQ/RGBPOVWy2lN6WAuyzFsSIWaF/og+tiO4fJzH38a169nKwEikNMzr1+3U9THB0iqFl8FNZVcObvkld5/qsaXZYyawwj+hgqh9b4NHMBvuqr6XvYmyKpuhm8hq9qwyN1FOwsNjuUMzCnIlG1DM8mO6oJ3bv8m5/ethGnxTAYtv/wflbv+/AgwAD47AfVKXYokAAAAASUVORK5CYII=);
}

.coding-monkey .costume-sounds .costume-sounds-body .item.cur .close-item {
    display: block;
}

::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

/* 滚动条的滑轨背景颜色 */

::-webkit-scrollbar-thumb {
    height: 11px;
    width: 6px;
    background-color: #d3d7df;
}

/* 滑块颜色 */

.left {
    float: left;
}

.sortable-drag-start .btn-set{
    opacity: 0;
}

.sortable-drag-start .btn-del{
    opacity: 0

}

.sortable-drag-end .btn-set{
    opacity: 1;
}

.sortable-drag.end .btn-del{
    opacity: 1;
}

.actor-info-modifier {
    width: 100%;
    height: 36px;
    background-color: #30395d;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
}

.actor-info-modifier .error-tips{
    border:1px solid red;
}

.actor-info-box {
    margin-left: 22px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.actor-info-box input{
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    padding-left: 10px;
    width: 55px;
    margin-left: 8px;
    outline: none;
    width: 55px;
    border-radius: 4px;
    color: rgb(196, 197, 201);
    background-color: #2a3255;
    border: none;
}

.actor-info-box .angle{
    position: absolute;
    right: -8px;
    top: 0px;
    color:#ffffff;
}

.info-box-name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.info-box-name label{
    margin-left: 6px;
    color: rgb(196, 197, 201);
    font-size: 12px;
}

.info-box-name .icon{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 15px;
    height: 15px;
}

.pc-info-box-wrapper{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.pad-toggle-box-btn-wrapper {
    width: 26px;
    height: 26px;
    margin-left: 10px;
    border-radius: 4px;
    background-color: #2a3255;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.pad-info-box-wrapper {
    border-radius: 2px;
    padding: 0 20px 20px 0;
    background-color: #30395d;
    position: absolute;
    bottom: 37px;
    left: 86px;
    z-index: 100;

}

.pad-info-box-wrapper .actor-info-box {
    margin-top: 20px;
    -webkit-box-pack : justify;
    -webkit-justify-content : space-between;
        -ms-flex-pack : justify;
            justify-content : space-between;
}

.pad-toggle-box-btn-wrapper .toggle-box-btn {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMTAgNiI+CiAgPG1ldGFkYXRhPjw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIvPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz48L21ldGFkYXRhPgo8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjNGM5N2ZmOwogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9IuWchuinkuefqeW9ol8xMDMyX+aLt+i0nSIgZGF0YS1uYW1lPSLlnIbop5Lnn6nlvaIgMTAzMiDmi7fotJ0iIGNsYXNzPSJjbHMtMSIgZD0iTTY5OC43MTQsNzUyLjcyYTAuOTYzLDAuOTYzLDAsMCwxLTEuMzYyLDBMNjk0LDc0OS4zNzJsLTMuMzUyLDMuMzQzYTAuOTYxLDAuOTYxLDAsMCwxLTEuMzYyLTEuMzU3bDMuNzY5LTMuNzU5YTEuMDE2LDEuMDE2LDAsMCwxLDEuODcxLS4wMjJsMy43ODksMy43ODNBMC45NTksMC45NTksMCwwLDEsNjk4LjcxNCw3NTIuNzJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjg5IC03NDcpIi8+Cjwvc3ZnPgo=);
    width: 15px;
    height: 15px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.actor-name-box {
    margin-left : 10px;
}

.actor-name-box input{
    width: 105px;
    -o-text-overflow : ellipsis;
       text-overflow : ellipsis;
    margin-left: 0px;
}

.actor-name-box.ipad input{
    width: 145px;
}

.actor-name-box .toggle-icon {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 10px;
    top: 6px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.actor-name-box .toggle-icon.show{
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTQgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3LjEgKDQ1NDIyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5hY2M2YzI5YjVlZWU2N2JjNmIyYWE4NTg1NGQ5YmIzYTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJhY2M2YzI5YjVlZWU2N2JjNmIyYWE4NTg1NGQ5YmIzYSIgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSIjNEM5N0ZGIj4KICAgICAgICAgICAgPHBhdGggZD0iTTEzLjUwOTEyOTUsNC4zNjQ3MDk4NyBDMTQuMTUwNTE5NSw1LjI2Nzg1NTY2IDE0LjE3NjU5NzYsNi43NTMyMTkyNSAxMy41MDkxMjk1LDcuNjM1MjkwMDkgQzEzLjUwOTEyOTUsNy42MzUyOTAwOSAxMS40NzQ0NDAxLDExLjUgNi45OTk5OTk5OSwxMS41IEMyLjUyNTU1OTg2LDExLjUgMC40OTA4NzA0NCw3LjYzNTI5MDA5IDAuNDkwODcwNDQsNy42MzUyOTAwOSBDLTAuMTUwNTE5NTE4LDYuNzMyMTQ0MyAtMC4xNzY1OTc1NzEsNS4yNDY3ODA3MSAwLjQ5MDg3MDQ0LDQuMzY0NzA5ODcgQzAuNDkwODcwNDQsNC4zNjQ3MDk4NyAyLjUyNTU1OTg2LDAuNSA2Ljk5OTk5OTk5LDAuNSBDMTEuNDc0NDQwMSwwLjUgMTMuNTA5MTI5NSw0LjM2NDcwOTg3IDEzLjUwOTEyOTUsNC4zNjQ3MDk4NyBaIE02Ljk5ODg5NDEyLDkuOTk4ODk0MTIgQzkuMjA3NzI3Nyw5Ljk5ODg5NDEyIDEwLjk5ODM0MTIsOC4yMDgyODA2OCAxMC45OTgzNDEyLDUuOTk5NDQ3MDYgQzEwLjk5ODM0MTIsMy43OTA2MTM0NCA5LjIwNzcyNzcsMiA2Ljk5ODg5NDEyLDIgQzQuNzkwMDYwNSwyIDIuOTk5NDQ3MDYsMy43OTA2MTM0NCAyLjk5OTQ0NzA2LDUuOTk5NDQ3MDYgQzIuOTk5NDQ3MDYsOC4yMDgyODA2OCA0Ljc5MDA2MDUsOS45OTg4OTQxMiA2Ljk5ODg5NDEyLDkuOTk4ODk0MTIgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGN4PSI3IiBjeT0iNiIgcj0iMiI+PC9jaXJjbGU+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
}

.actor-name-box .toggle-icon.hide{
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTQgMTMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3LjEgKDQ1NDIyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT42OGQ5ZGRiYjJhYTYzMzEwYjg4Yzc2OTdlNWIwYzZjOTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSI2OGQ5ZGRiYjJhYTYzMzEwYjg4Yzc2OTdlNWIwYzZjOSIgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSIjNEM5N0ZGIj4KICAgICAgICAgICAgPHBhdGggZD0iTTIuMDY2NzU1MzcsMTAuNTY2OTUzMSBDMC45OTkyOTk5NDcsOS42MDEwMDYzIDAuNDkwODcwNDQsOC42MzUyOTAwOSAwLjQ5MDg3MDQ0LDguNjM1MjkwMDkgQy0wLjE1MDUxOTUxOCw3LjczMjE0NDMgLTAuMTc2NTk3NTcxLDYuMjQ2NzgwNzEgMC40OTA4NzA0NCw1LjM2NDcwOTg3IEMwLjQ5MDg3MDQ0LDUuMzY0NzA5ODcgMi41MjU1NTk4NiwxLjUgNi45OTk5OTk5OSwxLjUgQzguMzE2NzIxMTgsMS41IDkuNDIyMTYzNjgsMS44MzQ2Nzc5OCAxMC4zMjY2NSwyLjMwNzA1ODQyIEwxMS45NzM3MDg1LDAuNjU5OTk5OTY3IEwxMi42ODA4MTUyLDEuMzY3MTA2NzUgTDEuMzY3MTA2NzUsMTIuNjgwODE1MiBMMC42NTk5OTk5NjcsMTEuOTczNzA4NSBMMi4wNjY3NTUzNywxMC41NjY5NTMxIFogTTkuMDYxNTA0NDcsMy41NzIyMDM5NiBDOC40NTkyNTMxLDMuMjA4OTczMjEgNy43NTM0Nzc3NiwzIDYuOTk4ODk0MTIsMyBDNC43OTAwNjA1LDMgMi45OTk0NDcwNiw0Ljc5MDYxMzQ0IDIuOTk5NDQ3MDYsNi45OTk0NDcwNiBDMi45OTk0NDcwNiw3Ljc1NDAzMDcxIDMuMjA4NDIwMjcsOC40NTk4MDYwNSAzLjU3MTY1MTAyLDkuMDYyMDU3NDEgTDUuMDc4MTY2NDUsNy41NTU1NDE5OCBDNS4wMjcyNzEzOSw3LjM3OTE2MjcxIDUsNy4xOTI3NjYxNCA1LDcgQzUsNS44OTU0MzA1IDUuODk1NDMwNSw1IDcsNSBDNy4xOTI3NjYxNCw1IDcuMzc5MTYyNzEsNS4wMjcyNzEzOSA3LjU1NTU0MTk4LDUuMDc4MTY2NDUgTDkuMDYxNTA0NDcsMy41NzIyMDM5NiBaIE0zLjY4NzU3MjQ0LDExLjcwMDM0OTUgTDQuOTUxODc2MDEsMTAuNDM2MDQ1OSBDNS41NTA3MDI0MSwxMC43OTM1MDY5IDYuMjUwODEyODksMTAuOTk4ODk0MSA2Ljk5ODg5NDEyLDEwLjk5ODg5NDEgQzkuMjA3NzI3NywxMC45OTg4OTQxIDEwLjk5ODM0MTIsOS4yMDgyODA2OCAxMC45OTgzNDEyLDYuOTk5NDQ3MDYgQzEwLjk5ODM0MTIsNi4yNTEzNjU4MyAxMC43OTI5NTQsNS41NTEyNTUzNSAxMC40MzU0OTMsNC45NTI0Mjg5NSBMMTEuOTQ0NTg5NywzLjQ0MzMzMjIxIEMxMy4wMDQzMDI4LDQuNDA1ODM2NzYgMTMuNTA5MTI5NSw1LjM2NDcwOTg3IDEzLjUwOTEyOTUsNS4zNjQ3MDk4NyBDMTQuMTUwNTE5NSw2LjI2Nzg1NTY2IDE0LjE3NjU5NzYsNy43NTMyMTkyNSAxMy41MDkxMjk1LDguNjM1MjkwMDkgQzEzLjUwOTEyOTUsOC42MzUyOTAwOSAxMS40NzQ0NDAxLDEyLjUgNi45OTk5OTk5OSwxMi41IEM1LjY5MDE3MjMyLDEyLjUgNC41ODk0MTY4OCwxMi4xNjg4MTcyIDMuNjg3NTcyNDQsMTEuNzAwMzQ5NSBaIE02LjQ2MTMwNjk2LDguOTI2NjE0OTQgTDguOTI2NjE0OTQsNi40NjEzMDY5NiBDOC45NzQ0MzQ3LDYuNjMyNjkyOTkgOSw2LjgxMzM2MDk1IDksNyBDOSw4LjEwNDU2OTUgOC4xMDQ1Njk1LDkgNyw5IEM2LjgxMzM2MDk1LDkgNi42MzI2OTI5OSw4Ljk3NDQzNDcgNi40NjEzMDY5Niw4LjkyNjYxNDk0IFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);

}

.actor-x  .icon{
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ieCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPG1ldGFkYXRhPjw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIvPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz48L21ldGFkYXRhPgo8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiBub25lOwogICAgICAgIG9wYWNpdHk6IDAuNjsKICAgICAgfQoKICAgICAgLmNscy0yIHsKICAgICAgICBmaWxsOiAjNGM5N2ZmOwogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHJlY3QgaWQ9IuefqeW9ol8yMzAxIiBkYXRhLW5hbWU9IuefqeW9oiAyMzAxIiBjbGFzcz0iY2xzLTEiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIvPgogIDxwYXRoIGlkPSLnn6nlvaJfNTMwIiBkYXRhLW5hbWU9IuefqeW9oiA1MzAiIGNsYXNzPSJjbHMtMiIgZD0iTTYzNCw1NjNoLTF2LTNoLTd2M2gtMWwtNC0zLjU1NnYtMC44ODhMNjI1LDU1NWgxdjNoN3YtM2gxbDQsMy41NTZ2MC44ODhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjE4IC01NDcpIi8+Cjwvc3ZnPgo=);

}

.actor-y .icon{
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iWSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPG1ldGFkYXRhPjw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIvPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz48L21ldGFkYXRhPgo8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjNGM5N2ZmOwogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQoKICAgICAgLmNscy0yIHsKICAgICAgICBmaWxsOiBub25lOwogICAgICAgIG9wYWNpdHk6IDAuNjsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9IuefqeW9ol81MzBf5ou36LSdXzIiIGRhdGEtbmFtZT0i55+p5b2iIDUzMCDmi7fotJ0gMiIgY2xhc3M9ImNscy0xIiBkPSJNNjMwLDYwOXYxbC0zLjU1Niw0aC0wLjg4OUw2MjIsNjEwdi0xaDN2LTdoLTN2LTFsMy41NTUtNGgwLjg4OUw2MzAsNjAxdjFoLTN2N2gzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYxOCAtNTkzKSIvPgogIDxyZWN0IGlkPSLnn6nlvaJfMjMwMV/mi7fotJ0iIGRhdGEtbmFtZT0i55+p5b2iIDIzMDEg5ou36LSdIiBjbGFzcz0iY2xzLTIiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIvPgo8L3N2Zz4K);
}

.actor-size .icon{
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3LjEgKDQ1NDIyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5TbGljZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJpY29uLXNoYXJlIj4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS04IiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjwvcmVjdD4KICAgICAgICAgICAgPHBhdGggZD0iTTIwLDE3IEwyMCwxOCBDMjAsMTkuMTA0NTY5NSAxOS4xMDQ1Njk1LDIwIDE4LDIwIEw2LDIwIEM0Ljg5NTQzMDUsMjAgNCwxOS4xMDQ1Njk1IDQsMTggTDQsNiBMNCw2IEM0LDQuODk1NDMwNSA0Ljg5NTQzMDUsNCA2LDQgTDYsNCBMNyw0IEw4LDQgQzguNTUyMjg0NzUsNCA5LDQuNDQ3NzE1MjUgOSw1IEw5LDUgQzksNS41NTIyODQ3NSA4LjU1MjI4NDc1LDYgOCw2IEw3LDYgQzYuNDQ3NzE1MjUsNiA2LDYuNDQ3NzE1MjUgNiw3IEw2LDE3IEM2LDE3LjU1MjI4NDcgNi40NDc3MTUyNSwxOCA3LDE4IEwxNywxOCBDMTcuNTUyMjg0NywxOCAxOCwxNy41NTIyODQ3IDE4LDE3IEwxOCwxNiBDMTgsMTUuNDQ3NzE1MyAxOC40NDc3MTUzLDE1IDE5LDE1IEMxOS41NTIyODQ3LDE1IDIwLDE1LjQ0NzcxNTMgMjAsMTYgTDIwLDE3IFogTTE4LDYuMzAxNjY2NDggTDEyLjMwMTY2NjUsMTIgTDE2LjEyNSwxMiBDMTYuNjA4MjQ5MiwxMiAxNywxMi40NDc3MTUzIDE3LDEzIEMxNywxMy41NTIyODQ3IDE2LjYwODI0OTIsMTQgMTYuMTI1LDE0IEwxMC44NzUsMTQgQzEwLjY0MjA3NDgsMTQgMTAuNDMwNDA2NywxMy44OTU5ODU4IDEwLjI3MzYxNzYsMTMuNzI2MzgyNCBDMTAuMTA0MDE0MiwxMy41Njk1OTMzIDEwLDEzLjM1NzkyNTIgMTAsMTMuMTI1IEwxMCw3Ljg3NSBDMTAsNy4zOTE3NTA4NCAxMC40NDc3MTUzLDcgMTEsNyBDMTEuNTUyMjg0Nyw3IDEyLDcuMzkxNzUwODQgMTIsNy44NzUgTDEyLDkuNjk4MzMzNTIgTDE1LjY5ODMzMzUsNiBMMTMuODc1LDYgQzEzLjM5MTc1MDgsNiAxMyw1LjU1MjI4NDc1IDEzLDUgQzEzLDQuNDQ3NzE1MjUgMTMuMzkxNzUwOCw0IDEzLjg3NSw0IEwxOS4xMjUsNCBDMTkuMzU3OTI1Miw0IDE5LjU2OTU5MzMsNC4xMDQwMTQyMiAxOS43MjYzODI0LDQuMjczNjE3NTcgQzE5Ljg5NTk4NTgsNC40MzA0MDY2NSAyMCw0LjY0MjA3NDc4IDIwLDQuODc1IEwyMCwxMC4xMjUgQzIwLDEwLjYwODI0OTIgMTkuNTUyMjg0NywxMSAxOSwxMSBDMTguNDQ3NzE1MywxMSAxOCwxMC42MDgyNDkyIDE4LDEwLjEyNSBMMTgsNi4zMDE2NjY0OCBaIiBpZD0iQ29tYmluZWQtU2hhcGUtQ29weSIgZmlsbD0iIzRDOTdGRiI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);

}

.actor-direction .icon{
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i57uEXzIiIGRhdGEtbmFtZT0i57uEIDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxtZXRhZGF0YT48P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzEzOCA3OS4xNTk4MjQsIDIwMTYvMDkvMTQtMDE6MDk6MDEgICAgICAgICI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiLz4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+PC9tZXRhZGF0YT4KPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogbm9uZTsKICAgICAgfQoKICAgICAgLmNscy0yIHsKICAgICAgICBmaWxsOiAjNGM5N2ZmOwogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHJlY3QgaWQ9IuefqeW9ol8yMzAwIiBkYXRhLW5hbWU9IuefqeW9oiAyMzAwIiBjbGFzcz0iY2xzLTEiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIvPgogIDxwYXRoIGlkPSLlvaLnirZfNTI5X+aLt+i0nSIgZGF0YS1uYW1lPSLlvaLnirYgNTI5IOaLt+i0nSIgY2xhc3M9ImNscy0yIiBkPSJNNjM0LDcwNmwtMTAsNC0xLTEsNC0xMCwxMC00LDEsMVptLTMuNS01YTEuNSwxLjUsMCwxLDAsMS41LDEuNUExLjUsMS41LDAsMCwwLDYzMC41LDcwMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MTggLTY5MSkiLz4KPC9zdmc+Cg==);
}

.save-success-tips{
    width: 240px;
    height: 48px;
    background-color: rgb(130, 88, 242);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    color: rgb(254, 254, 254);
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    top: 5px;
    left:calc(50% - 120px);
    z-index : 100;
}

.reset-diy-tips{
    width: 380px;
    background-color: rgb(255, 255, 255);
    border-radius: 8px;
    position: absolute;
    top:calc(50% - 126px);
    left:calc(50% - 190px);
    padding: 35px;
    z-index: 100;
}

.reset-diy-tips .title{
    font-size: 20px;
    color: rgb(138, 83, 170);
}

.reset-diy-tips .content{
    margin-top: 10px;
    width: 225px;
    line-height: 1.5;
    font-size: 16px;
    color:rgb(153, 153, 153);

}

.reset-diy-tips .btn-group{
    margin-top: 30px;
}

.reset-diy-tips .btn{
    display: block;
    float: left;
    border-radius: 18px;
    width: 110px;
    height: 38px;
    font-size: 16px;
    text-align: center;
}

.reset-diy-tips .btn.cancel{
    color : rgb(255, 255, 255);
    background-color: rgb(49, 150, 255);
    border: 2px solid rgb(49, 150, 255);
}

.reset-diy-tips .btn.reset{
    width:120px;
    margin-left:30px;
    color: rgb(49, 150, 255);
    background-color: rgb(255, 255, 255);
    border:2px solid rgb(49, 150, 255);

}

.reset-diy-tips .close{
    display: block;
    width: 23px;
    height: 23px;
    position: absolute;
    right: 10px;
    top: 10px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ieCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyI+CiAgPG1ldGFkYXRhPjw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIvPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz48L21ldGFkYXRhPgo8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjY2NjOwogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9IngtMiIgZGF0YS1uYW1lPSJ4IiBjbGFzcz0iY2xzLTEiIGQ9Ik02ODIuNjg5LDQwOC40ODRsMS44MzgsMS44MzhhMS41NTksMS41NTksMCwxLDEtMi4yMDUsMi4ybC0xLjgzOC0xLjgzOC0xLjgzOCwxLjgzOGExLjU2LDEuNTYsMCwwLDEtMi4yMDYtMi4ybDEuODM4LTEuODM4LTEuODM4LTEuODM4YTEuNTYsMS41NiwwLDAsMSwyLjIwNi0yLjIwNmwxLjgzOCwxLjgzOCwxLjgzOC0xLjgzOGExLjU2LDEuNTYsMCwxLDEsMi4yMDUsMi4yMDZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjY5IC0zOTcpIi8+CiAgPHBhdGggaWQ9IuW9oueKtl8zIiBkYXRhLW5hbWU9IuW9oueKtiAzIiBjbGFzcz0iY2xzLTEiIGQ9Ik02ODAuNSwzOTdBMTEuNSwxMS41LDAsMSwxLDY2OSw0MDguNSwxMS41LDExLjUsMCwwLDEsNjgwLjUsMzk3Wm0wLDJhOS41LDkuNSwwLDEsMS05LjUsOS41QTkuNSw5LjUsMCwwLDEsNjgwLjUsMzk5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY2OSAtMzk3KSIvPgo8L3N2Zz4K);
}

.save-error-box{
    width: 380px;
    height: 198px;
    position: absolute;
    top: calc(50% - 190px);
    left:  calc(50% - 99px);
    background-color : rgb(255, 255, 255);
    border-radius: 8px;
    font-size: 16px;
    padding: 40px;
    z-index: 100;
}

.save-error-box .text{
    color : rgb(153, 153, 153);
    text-align: center;
    line-height: 1.5;

}

.save-error-box .btn{
    width: 200px;
    height: 38px;
    background-color: rgb(70, 161, 255);
    border-radius: 19px;
    margin: 38px auto 0 auto;
    color: rgb(255, 255, 255);
}

.save-error-box .btn:hover{
    background-color: rgb(70, 161, 255);
    text-decoration: none;
}


body {
    overflow: hidden;
}

.fl {
    position: relative;
}

#blocks {
    position: relative;
    left: 0%;
    height: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
}

.actor-group {
    position: relative;
    -webkit-box-shadow: rgba(24, 27, 36, .3) 2px 8px 17px 0px;
            box-shadow: rgba(24, 27, 36, .3) 2px 8px 17px 0px;
    z-index: 40;
}

.actor-shadow {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
}

.redo-undo {
    position: absolute;
    top: 0;
    z-index: 1;
}

.puzzle .redo-undo {
    top: 10px;
}

.redo-undo div {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 4px;
    margin: 8px 0 0 8px;
    opacity: 0.5;
    cursor: pointer;
}

.redo-undo .redo {
    margin-left: 10px;
}

.redo-undo div:hover {
    opacity: 0.7;
}

.redo-undo div.disable {
    opacity: 0.2;
    cursor: auto;
}

.redo-undo .undo {
    background: rgba(0, 0, 0, .5) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMi4wMzEiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMi4wMzEgMTkiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICNmZmY7CiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBpZD0i5b2i54q2XzIwMTBf5ou36LSdXzIiIGRhdGEtbmFtZT0i5b2i54q2IDIwMTAg5ou36LSdIDIiIGNsYXNzPSJjbHMtMSIgZD0iTTM5MS4zODMsMTA2LjU4M2gtOC41NjFsMS45ODMtMS44YTEuNiwxLjYsMCwwLDAsLjExLTIuMjY1aDBhMS42MDcsMS42MDcsMCwwLDAtMi4yNjctLjEwOGwtNS4yMjksNC43NWExLjM2OCwxLjM2OCwwLDAsMCwwLDIuMDI0bDUuMjI5LDQuNzQ5YTEuNjA2LDEuNjA2LDAsMCwwLDIuMjY3LS4xMDhoMGExLjYsMS42LDAsMCwwLS4xMDktMi4yNjRsLTEuOTUtMS43NzFoOC41MjZhNC4wMDksNC4wMDksMCwxLDEsLjU4NSw4LDQuMDc5LDQuMDc5LDAsMCwxLS41ODUsMEgzODkuNTFhMS42LDEuNiwwLDAsMC0xLjYwNSwxLjZoMGExLjYsMS42LDAsMCwwLDEuNjA1LDEuNmgxLjg3M2E3LjIxNyw3LjIxNywwLDEsMCwuNzg2LTE0LjQxMkE3LjM2LDcuMzYsMCwwLDAsMzkxLjM4MywxMDYuNTgzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM3Ni45NjkgLTEwMikiLz4KPC9zdmc+Cg==) no-repeat center;
}

.redo-undo .redo {
    background: rgba(0, 0, 0, .5) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMi4wMzEiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMi4wMzEgMTkiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICNmZmY7CiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBpZD0i5b2i54q2XzIwMTFf5ou36LSdIiBkYXRhLW5hbWU9IuW9oueKtiAyMDExIOaLt+i0nSIgY2xhc3M9ImNscy0xIiBkPSJNNTA4LjgyLDYyLjU4OWE3LjIxLDcuMjEsMCwxLDAsLjc4NSwxNC40aDEuODdhMS42LDEuNiwwLDAsMCwxLjYtMS42aDBhMS42LDEuNiwwLDAsMC0xLjYtMS42aC0xLjg3YTQuMDA2LDQuMDA2LDAsMSwxLDAtNy45OWg4LjUxNWwtMS45NDgsMS43N2ExLjYsMS42LDAsMCwwLS4xMDgsMi4yNjJoMGExLjYsMS42LDAsMCwwLDIuMjYzLjEwOGw1LjIyMy00Ljc0NWExLjM2NiwxLjM2NiwwLDAsMCwwLTIuMDIybC01LjIyMy00Ljc0NWExLjYsMS42LDAsMCwwLTIuMjYzLjEwOGgwYTEuNiwxLjYsMCwwLDAsLjEwOSwyLjI2M2wxLjk4MSwxLjhoLTguNTVBNy4xODcsNy4xODcsMCwwLDAsNTA4LjgyLDYyLjU4OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MDIgLTU4KSIvPgo8L3N2Zz4K) no-repeat center;
}

#vm-devtools {
    color: rgb(217, 217, 217);
    position: absolute;
    left: 1%;
    right: 60%;
    top: 1%;
    bottom: 0;
    width: 35%;
    height: 100%;
}

.canvas {
    position: relative;
}

#scratch-stage {
    display: block;
    width: 100%;
    height: 100%;
}

.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    background: #3d3f44;
    height: 100%;
    text-align: center;
    z-index: 91;
}

.fullscreen .canvas, .fullscreen .handle {
    margin: 0 auto;
}

.con {
    position: relative;
}

.tutorial-module {
    position: absolute;
    left: 0;
    top: 2px;
    z-index: 100;
}

.tutorial-tab {
    width: 250px;
    height: 38px;
    text-align: center;
    line-height: 50px;
}

.tuto-tab-item {
    padding: 6px 35px;
    margin-right: 5%;
    background-color: #444e74;
    border-radius: 5px 5px 0 0;
    color: #fff;
    cursor: pointer;
}

.tuto-tab-active {
    background-color: #fff;
    color: #444e74;
}

.tutorial-content {
    position: relative;
    padding: 14px 0;
    background-color: #fff;
    padding-bottom: 40px;
}

.tuto-btns {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 40px;
}

.tuto-btn-back {
    margin-right: 80px;
    color: #444e74;
}

.tuto-btn-next {
    padding: 5px 20px;
    background-color: #76bc68;
    border-radius: 10px;
    color: #fff;
}

.coordinate-value {
    height: 50px;
    color: #999;
    line-height: 40px;
    margin-right: 10px;
    font-size: 12px;
}

.tuto_text {
    margin-bottom: 20px;
    word-break: break-word;
}

.tuto_image {
    width: 100%;
    margin-bottom: 20px;
}

.tuto-btns span {
    cursor: pointer;
}

.tuto-steps {
    margin: 0 8px 4px;
    color: #ccc;
}

.tuto-paragraph {
    margin: 14px 0;
    padding: 0 20px;
    height: 97%;
    overflow: scroll;
}

.coding-monkey .media-library, .coding-monkey .costume-sounds {
    z-index: 100 !important;
}

.resize-active-layer {
    position: absolute;
    width: 20px;
    height: 30px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAcCAYAAABh2p9gAAAAhElEQVRIie3WwQnCQBCF4S+LhJQg2IKx/zqMLQgpQYO4HpxAsiQnj+6Ducz/5j9Pk3OGE854Y8BonSN6JNxw3+MJDS5o0QUo0wdro9vs8YRDzJxuQ7jclf0VTxvHP6UKq7AKq7AKq/C/hK+YOY+N3nJX9lc8IeOKCU/fV6TMEGyKbt7jH+hXHH/w0ve7AAAAAElFTkSuQmCC)  center / 50% 50% no-repeat;
    top: 100px;
    border: 1px solid #303864;
    background-color: #3e4874;
    z-index: 90;
    -webkit-transform: translate(-100%, -50%);
        -ms-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%);
    border-radius: 5px 0 0 5px;
}

.resize-active-layer:hover {
    cursor: ew-resize;
    background-color: #4d5681;


}

.blocklySvg {
    background-image:
      -o-radial-gradient(rgb(48, 55, 91) 15%, transparent 0);
    background-image:
      radial-gradient(rgb(48, 55, 91) 15%, transparent 0);
    background-size: 20px 20px;
}

.blocklyToolboxDiv::-webkit-scrollbar-thumb {
    background-color: #24324D;
}

/*# sourceMappingURL=app-242605fa.css.map*/