:root {
  --font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier", monospace;
}

@font-face {
  font-family: "Courier";
  src: url("../fonts/CourierNewPSMT.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Courier";
  src: url("../fonts/CourierNewPS-BoldMT.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
body, html {
  margin: 0px;
  padding: 0px;
  background-color: #000;
  min-height: 100vh;
  overflow-x: hidden;
}

body * {
  font-family: "Courier", monospace;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.hidden__header {
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 24px;
  padding-bottom: 24px;
}
.hidden__header .grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 32px 1fr 32px 1fr;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 32px;
  grid-auto-row: 1fr;
  margin-top: 24px;
}
.hidden__header .grid .elem:nth-child(3) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.hidden__header .grid .elem .unlock__insights {
  width: 100%;
  padding: 16px;
  cursor: pointer;
  border: 1px solid rgba(217, 118, 87, 0.3);
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
  background: -webkit-gradient(linear, left top, right bottom, color-stop(30%, rgba(217, 118, 87, 0.2)), to(rgba(217, 118, 87, 0.1)));
  background: linear-gradient(to bottom right, rgba(217, 118, 87, 0.2) 30%, rgba(217, 118, 87, 0.1));
}
.hidden__header .grid .elem .unlock__insights:hover {
  border-color: rgba(217, 118, 87, 0.6);
}
.hidden__header .grid .elem .unlock__insights:hover .view__pricing > span span {
  padding-left: 5px;
}
.hidden__header .grid .elem .unlock__insights .view__pricing {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hidden__header .grid .elem .unlock__insights .view__pricing > span {
  font-size: 10px;
  line-height: 14px;
  color: #d97657;
}
.hidden__header .grid .elem .unlock__insights .view__pricing > span span {
  position: relative;
  top: -2px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-left: 12px;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
  font-size: 9px;
}
.hidden__header .grid .elem .unlock__insights > .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.hidden__header .grid .elem .unlock__insights > .top .desc > p {
  margin-top: 0px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 4px;
}
.hidden__header .grid .elem .unlock__insights > .top .desc .pay > span {
  color: rgba(217, 118, 87, 0.7019607843);
  font-size: 10px;
  line-height: 12px;
}
.hidden__header .grid .elem .unlock__insights > .top .desc > span {
  margin-bottom: 5px;
  display: block;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.5);
}
.hidden__header .grid .elem .unlock__insights > .top > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1px solid rgba(217, 118, 87, 0.3019607843);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 34px;
  max-width: 34px;
  min-height: 34px;
  max-height: 34px;
  background-color: rgba(217, 118, 87, 0.2);
  margin-right: 12px;
}
.hidden__header .grid .elem .unlock__insights > .top > span svg {
  width: 16px;
  color: #d97657;
}
.hidden__header .grid .elem .unlock__insights .view__pricing > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.hidden__header .grid .elem .avg__month > p, .hidden__header .grid .elem .folders__tracker > p, .hidden__header .grid .elem .words__spoken > p {
  margin: 0px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  font-weight: 600;
}
.hidden__header .grid .elem .total__filesize > p {
  margin: 0px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.4);
  font-weight: 600;
}
.hidden__header .grid .elem .total__time > p {
  margin: 0px;
  color: #fff;
  font-size: 14px;
  line-height: 21px;
  font-weight: 600;
}
.hidden__header .grid .elem .total > p {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 26px;
  margin-top: 8px;
  color: #fff;
  font-weight: 600;
}
.hidden__header .grid .elem > div {
  margin-bottom: 20px;
}
.hidden__header .grid .elem > div:last-child {
  margin-bottom: 0px;
}
.hidden__header .grid .elem > div > span:nth-child(1) {
  color: rgba(255, 255, 255, 0.4);
  font-size: 10px;
  display: block;
  line-height: 14px;
  margin-bottom: 7px;
  letter-spacing: 0.1em;
}
.hidden__header .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.hidden__header .top > p {
  margin: 0px;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.4);
}
.hidden__header .top > span {
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.1em;
  font-size: 12px;
  line-height: 16px;
}

header .filter__wrapper {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 15px;
  padding-right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
header .filter__wrapper .range__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
header .filter__wrapper .range__wrapper > p {
  margin: 0px;
  color: rgba(255, 255, 255, 0.4);
  font-size: 11px;
  min-width: 95px;
  font-weight: 400;
}
header .filter__wrapper .range__wrapper > p:nth-child(1) {
  text-align: left;
}
header .filter__wrapper .range__wrapper > p:nth-child(3) {
  text-align: right;
}
header .filter__wrapper .filter__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
header .filter__wrapper .filter__buttons .tags__wrapper > .tags svg {
  margin-right: 6px;
  margin-left: 0px;
  top: 0px;
}
header .filter__wrapper .filter__buttons > a, header .filter__wrapper .filter__buttons > .tags__wrapper > a {
  margin-right: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  outline: none;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 10px;
  background-color: rgb(15, 15, 15);
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
header .filter__wrapper .filter__buttons > a svg, header .filter__wrapper .filter__buttons > .tags__wrapper > a svg {
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
header .filter__wrapper .filter__buttons > a.type p, header .filter__wrapper .filter__buttons > .tags__wrapper > a.type p {
  margin: 0px;
}
header .filter__wrapper .filter__buttons > a.type.active, header .filter__wrapper .filter__buttons > .tags__wrapper > a.type.active {
  color: #d97657 !important;
  border-color: rgba(217, 118, 87, 0.5019607843) !important;
}
header .filter__wrapper .filter__buttons > a.type.active span, header .filter__wrapper .filter__buttons > .tags__wrapper > a.type.active span {
  border-color: #d97657 !important;
}
header .filter__wrapper .filter__buttons > a.type .landscape, header .filter__wrapper .filter__buttons > .tags__wrapper > a.type .landscape {
  margin-right: 6px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
header .filter__wrapper .filter__buttons > a.type .landscape span, header .filter__wrapper .filter__buttons > .tags__wrapper > a.type .landscape span {
  min-width: 20px;
  max-width: 20px;
  min-height: 12px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
header .filter__wrapper .filter__buttons > a.type .portrait, header .filter__wrapper .filter__buttons > .tags__wrapper > a.type .portrait {
  margin-right: 6px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
header .filter__wrapper .filter__buttons > a.type .portrait span, header .filter__wrapper .filter__buttons > .tags__wrapper > a.type .portrait span {
  min-width: 12px;
  max-width: 12px;
  min-height: 20px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
header .filter__wrapper .filter__buttons > a.type .square, header .filter__wrapper .filter__buttons > .tags__wrapper > a.type .square {
  margin-right: 6px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
header .filter__wrapper .filter__buttons > a.type .square span, header .filter__wrapper .filter__buttons > .tags__wrapper > a.type .square span {
  min-width: 16px;
  max-width: 16px;
  min-height: 16px;
  max-height: 16px;
  border: 2px solid #d97657;
  border-radius: 3px;
}
header .filter__wrapper .filter__buttons > a.type .both, header .filter__wrapper .filter__buttons > .tags__wrapper > a.type .both {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-right: 6px;
}
header .filter__wrapper .filter__buttons > a.type .both .vertical, header .filter__wrapper .filter__buttons > .tags__wrapper > a.type .both .vertical {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 10px;
  max-width: 10px;
  min-height: 16px;
  max-height: 16px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
header .filter__wrapper .filter__buttons > a.type .both .horizontal, header .filter__wrapper .filter__buttons > .tags__wrapper > a.type .both .horizontal {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 2px;
  min-width: 16px;
  max-width: 16px;
  height: 10px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
header .filter__wrapper .filter__buttons > a:last-child, header .filter__wrapper .filter__buttons > .tags__wrapper > a:last-child {
  margin-right: 0px;
}
header .filter__wrapper .filter__buttons > a:hover, header .filter__wrapper .filter__buttons > .tags__wrapper > a:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.4);
}
header .filter__wrapper .filter__buttons > a svg, header .filter__wrapper .filter__buttons > .tags__wrapper > a svg {
  width: 14px;
  margin-left: 6px;
  position: relative;
  top: -1px;
}
header .filter__wrapper .spacer {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 1px;
  margin: 0px 12px;
  min-height: 24px;
  background-color: rgba(255, 255, 255, 0.1);
}
header .filter__wrapper .group__input {
  width: 100%;
  max-width: 448px;
  position: relative;
}
header .filter__wrapper .group__input > svg {
  position: absolute;
  width: 14px;
  left: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.4);
}
header .filter__wrapper .group__input input {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  outline: none;
  color: #fff;
  padding-left: 36px;
  padding-right: 36px;
  font-size: 11px;
  line-height: 14px;
  background-color: #0F0F0F;
  height: 30px;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
header .filter__wrapper .group__input input:focus {
  border-color: rgba(217, 118, 87, 0.5019607843);
}
header .top__part {
  padding: 8px 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
header .top__part .date__time {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
header .top__part .date__time > .time {
  color: rgba(255, 255, 255, 0.9);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.3em;
  cursor: pointer;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
header .top__part .date__time > .time:hover {
  color: #d97657;
}
header .top__part .date__time > .spacer {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 16px;
  background-color: rgba(255, 255, 255, 0.2);
  min-width: 1px;
  margin: 0px 16px;
}
header .top__part .date__time > p.date {
  letter-spacing: 0.3em;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  font-size: 13px;
}
header .top__part .date__time > svg {
  margin-right: 16px;
  width: 20px;
  height: 20px;
}
header .top__part .folder__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
header .top__part .folder__info .folder {
  color: rgba(255, 255, 255, 0.2);
  font-size: 10px;
  line-height: 14px;
  position: relative;
  top: 1px;
}
header .top__part .folder__info .website {
  color: rgba(255, 255, 255, 0.4);
  margin-right: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 10px;
  line-height: 14px;
  position: relative;
  top: 1px;
}
header .top__part .folder__info .folders__quantity {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.4);
  margin-right: 10px;
}
header .top__part .folder__info .folders__quantity svg {
  width: 14px;
}
header .top__part .folder__info .folders__quantity span {
  font-size: 10px;
  margin-left: 4px;
}

.filter__buttons > .age.active {
  color: #d97657 !important;
  border-color: rgba(217, 118, 87, 0.5019607843) !important;
}
.filter__buttons > .age.active svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.tags__wrapper .tags__box ul > li .tag__check .container__check p > span:nth-child(1) {
  padding-top: 1px;
}

.tags__wrapper {
  position: relative;
}
.tags__wrapper .tags__box {
  position: absolute;
  left: 0px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: rgb(15, 15, 15);
  top: 40px;
  min-width: 240px;
  display: none;
  z-index: 10;
}
.tags__wrapper .tags__box > p {
  text-align: center;
  margin: 15px 0px;
  padding: 0px;
  font-size: 12px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.5);
}
.tags__wrapper .tags__box ul {
  padding: 0px;
  list-style-type: none;
  margin: 0px;
  padding: 8px;
  max-height: 240px;
  min-width: 240px;
  display: none;
  overflow-y: auto;
}
.tags__wrapper .tags__box ul::-webkit-scrollbar {
  width: 3px;
}
.tags__wrapper .tags__box ul::-webkit-scrollbar-track {
  background-color: transparent;
}
.tags__wrapper .tags__box ul::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(217, 118, 87, 0.6);
}
.tags__wrapper .tags__box ul > li {
  margin-bottom: 4px;
}
.tags__wrapper .tags__box ul > li .tag__check .container__check {
  padding: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tags__wrapper .tags__box ul > li .tag__check .container__check p {
  margin: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 8px;
}
.tags__wrapper .tags__box ul > li .tag__check .container__check p > span:nth-child(2) {
  font-size: 10px;
  line-height: 13px;
  color: rgba(255, 255, 255, 0.4);
}
.tags__wrapper .tags__box ul > li .tag__check .container__check p > span:nth-child(1) {
  font-size: 12px;
  line-height: 15px;
  display: block;
  width: 100%;
  margin-right: 5px;
  color: rgba(255, 255, 255, 0.8);
}
.tags__wrapper .tags__box .tag__name .inn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding: 8px;
}
.tags__wrapper .tags__box .tag__name .inn .btns > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 28px;
  max-width: 28px;
  min-width: 28px;
  margin-right: 8px;
  border-radius: 3px;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
  max-height: 28px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.tags__wrapper .tags__box .tag__name .inn .btns > a:last-child {
  margin-right: 0px;
}
.tags__wrapper .tags__box .tag__name .inn .btns > a:hover {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.6);
}
.tags__wrapper .tags__box .tag__name .inn .btns > a:hover svg {
  color: rgba(255, 255, 255, 0.6);
}
.tags__wrapper .tags__box .tag__name .inn .btns > a svg {
  width: 14px;
  color: rgba(255, 255, 255, 0.2);
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.tags__wrapper .tags__box .tag__name .inn .btns > a svg path {
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.tags__wrapper .tags__box .tag__name .inn > input {
  width: 100%;
  height: 28px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 0px;
  outline: none;
  font-size: 13px;
  margin-right: 8px;
  line-height: 16px;
  color: #fff;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.tags__wrapper .tags__box .tag__name .inn > input:focus {
  border-color: rgba(217, 118, 87, 0.5019607843);
}
.tags__wrapper .tags__box .tag__name .inn .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.tags__wrapper .tags__box .bottom__controls {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.tags__wrapper .tags__box .bottom__controls > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-height: 32px;
  text-decoration: none;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.tags__wrapper .tags__box .bottom__controls > a:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.7);
}
.tags__wrapper .tags__box .bottom__controls > a:hover span svg {
  color: rgba(255, 255, 255, 0.7);
}
.tags__wrapper .tags__box .bottom__controls > a span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tags__wrapper .tags__box .bottom__controls > a span svg {
  width: 14px;
  margin-right: 4px;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
  color: rgba(255, 255, 255, 0.4);
}

.container__check {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.container__check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: relative;
  min-width: 16px;
  max-width: 16px;
  min-height: 16px;
  max-height: 16px;
  background-color: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 3px;
}

.container__check input:checked ~ .checkmark {
  background-color: #000;
  border-color: #d97657;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.container__check input:checked ~ .checkmark:after {
  display: block;
}

.container__check .checkmark:after {
  left: 5px;
  top: 2px;
  width: 3px;
  height: 6px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.tags__wrapper > .tags {
  min-width: 75px;
}
.tags__wrapper > .tags.active__filter {
  color: #d97657 !important;
  border-color: rgba(217, 118, 87, 0.5019607843) !important;
}
.tags__wrapper > .tags p {
  margin: 0px;
}

.pricing__popup {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 13;
}
.pricing__popup:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 99px;
  width: 100%;
  height: 150px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0));
  z-index: 3;
  pointer-events: none;
}
.pricing__popup .container {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}
.pricing__popup .content {
  padding-top: 150px;
  width: 100%;
  height: calc(100% - 99px);
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(3px);
  position: relative;
  padding-bottom: 20px;
}
.pricing__popup .content > .elem {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px;
  background-color: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
  position: relative;
  margin-bottom: 16px;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.pricing__popup .content > .elem:last-child {
  margin-bottom: 0px;
}
.pricing__popup .content > .elem:hover .float {
  opacity: 1;
}
.pricing__popup .content > .elem .float {
  position: absolute;
  left: 24px;
  top: -11px;
  min-height: 22px;
  font-size: 12px;
  line-height: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 12px;
  padding-right: 12px;
  opacity: 0;
  -webkit-transition: 0.4s ease all;
  transition: 0.4s ease all;
  color: #000;
}
.pricing__popup .content > .elem .float.partial {
  background-color: #f0b100;
}
.pricing__popup .content > .elem .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pricing__popup .content > .elem .btn > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-decoration: none;
  font-size: 11px;
  line-height: 14px;
  padding: 12px 24px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(240, 177, 0, 0.45);
  width: 100%;
  min-height: 42px;
  color: rgba(255, 255, 255, 0.7);
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.pricing__popup .content > .elem .btn > a:hover {
  border-color: rgba(240, 177, 0, 0.65);
  background-color: rgba(240, 177, 0, 0.25);
}
.pricing__popup .content > .elem .grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 15px 1fr;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 15px;
  grid-row-gap: 8px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.pricing__popup .content > .elem .grid .elem > p {
  margin: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 10px;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.7);
}
.pricing__popup .content > .elem .grid .elem > p span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 8px;
  color: #05df72;
}
.pricing__popup .content > .elem .grid .elem > p span svg {
  height: 12px;
  width: 12px;
}
.pricing__popup .content > .elem .coverage {
  margin-bottom: 16px;
}
.pricing__popup .content > .elem .coverage .progress {
  position: relative;
  height: 8px;
  background-color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.pricing__popup .content > .elem .coverage .progress .active {
  position: absolute;
  height: 100%;
  left: 0px;
  top: 0px;
  pointer-events: none;
  background-color: #f0b100;
}
.pricing__popup .content > .elem .coverage .progress .active.covered {
  background-color: #00c951;
}
.pricing__popup .content > .elem .coverage > .need {
  margin-top: 5px;
}
.pricing__popup .content > .elem .coverage > .need > p {
  margin: 0px;
  color: #fdc700;
  font-size: 10px;
  line-height: 14px;
}
.pricing__popup .content > .elem .coverage > .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 4px;
}
.pricing__popup .content > .elem .coverage > .top > span {
  display: block;
  color: rgba(255, 255, 255, 0.5);
  font-size: 10px;
  line-height: 14px;
}
.pricing__popup .content > .elem .coverage > .top > p {
  margin: 0px;
  color: #fdc700;
  font-size: 10px;
  line-height: 14px;
}
.pricing__popup .content > .elem .coverage > .top > p.covered {
  color: #05df72;
}
.pricing__popup .content > .elem .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.pricing__popup .content > .elem .top > .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.pricing__popup .content > .elem .top > .left > p {
  margin-top: 0px;
  margin-bottom: 4px;
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
}
.pricing__popup .content > .elem .top > .left > span {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  line-height: 16px;
  display: block;
}
.pricing__popup .content > .elem .top > .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pricing__popup .content > .elem .top > .right .save {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 4px;
}
.pricing__popup .content > .elem .top > .right .save > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #05df72;
  font-size: 10px;
  line-height: 13px;
}
.pricing__popup .content > .elem .top > .right > p {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  line-height: 15px;
  margin: 0px;
}
.pricing__popup .content > .elem .top > .right > span {
  display: block;
  color: #fff;
  font-size: 36px;
  line-height: 44px;
  font-weight: 600;
}
.pricing__popup .content > .elem.default {
  border: 2px solid rgba(255, 255, 255, 0.3);
}
.pricing__popup .content > .elem.default:hover {
  border-color: rgba(255, 255, 255, 0.5);
}
.pricing__popup .content > .elem.recommended {
  border: 2px solid #d97657;
}
.pricing__popup .content > .elem.recommended .btn > a {
  background-color: #d97657;
  color: #fff;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.pricing__popup .content > .elem.recommended .btn > a:hover {
  background-color: rgba(217, 118, 87, 0.8);
}
.pricing__popup .content > .elem.recommended .float {
  opacity: 1;
  background-color: #d97657;
  color: #fff;
}
.pricing__popup .head {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  background-color: #000;
  padding-top: 22px;
  padding-bottom: 22px;
}
.pricing__popup .head .outer__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.pricing__popup .head .outer__head .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.pricing__popup .head .outer__head .left .spacer {
  margin: 0px 24px;
  min-width: 1px;
  height: 51px;
  background-color: rgba(255, 255, 255, 0.2);
}
.pricing__popup .head .outer__head .left .library {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.pricing__popup .head .outer__head .left .library > .total__library--mins {
  margin: 0px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 11px;
  line-height: 14px;
  font-weight: 600;
}
.pricing__popup .head .outer__head .left .library > p {
  margin-top: 0px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 11px;
  line-height: 14px;
  font-weight: 600;
  margin-bottom: 2px;
}
.pricing__popup .head .outer__head .left .library > span.total__library--hours {
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
.pricing__popup .head .outer__head .left .desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.pricing__popup .head .outer__head .left .desc > span {
  white-space: nowrap;
  font-size: 10px;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.5);
}
.pricing__popup .head .outer__head .left .desc > p {
  margin-top: 0px;
  color: #fff;
  margin-bottom: 2px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}
.pricing__popup .head .outer__head .left > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1px solid rgba(217, 118, 87, 0.3019607843);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 38px;
  max-width: 38px;
  min-height: 38px;
  max-height: 38px;
  background-color: rgba(217, 118, 87, 0.2);
  margin-right: 12px;
}
.pricing__popup .head .outer__head .left > span svg {
  width: 20px;
  color: #d97657;
}
.pricing__popup .head .outer__head .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.pricing__popup .head .outer__head .right .desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-right: 24px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.pricing__popup .head .outer__head .right .desc span {
  display: block;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  margin-bottom: 2px;
}
.pricing__popup .head .outer__head .right .desc > p {
  font-size: 12px;
  line-height: 14px;
  margin: 0px;
  color: rgba(255, 255, 255, 0.6);
}
.pricing__popup .head .outer__head .right > a {
  min-width: 36px;
  max-width: 36px;
  min-height: 36px;
  max-height: 36px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pricing__popup .head .outer__head .right > a svg {
  color: rgba(217, 118, 87, 0.6);
}

.bottom__timeline {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.96);
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.bottom__timeline .clips__wrapper {
  display: none;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.bottom__timeline .clips__wrapper .no__clips {
  text-align: center;
  padding: 46px 15px;
}
.bottom__timeline .clips__wrapper .no__clips > span {
  display: block;
  font-size: 11px;
  margin-bottom: 6px;
  color: rgba(255, 255, 255, 0.3);
}
.bottom__timeline .clips__wrapper .no__clips > p {
  margin: 0px;
  color: rgba(255, 255, 255, 0.2);
  font-size: 10px;
  line-height: 13px;
}
.bottom__timeline .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  cursor: pointer;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
  width: 100%;
  padding: 12px 16px;
}
.bottom__timeline .controls:hover {
  background-color: rgba(255, 255, 255, 0.04);
}
.bottom__timeline .controls .timeline {
  position: relative;
}
.bottom__timeline .controls .timeline .timeline__popup {
  position: absolute;
  right: -30px;
  max-height: 340px;
  overflow-y: auto;
  width: 100%;
  min-width: 290px;
  max-width: 290px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.98);
  padding: 4px;
  bottom: 34px;
  display: none;
}
.bottom__timeline .controls .timeline .timeline__popup .delete__template {
  margin-top: 4px;
}
.bottom__timeline .controls .timeline .timeline__popup .delete__template > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-decoration: none;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 11px;
  line-height: 14px;
  color: #fb2c36;
  border-radius: 4px;
  -webkit-transition: 0.4s ease all;
  transition: 0.4s ease all;
}
.bottom__timeline .controls .timeline .timeline__popup .delete__template > a:hover {
  background-color: rgba(251, 44, 54, 0.2);
}
.bottom__timeline .controls .timeline .timeline__popup .delete__template > a span {
  margin-right: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bottom__timeline .controls .timeline .timeline__popup .delete__template > a svg {
  width: 16px;
  height: 16px;
  color: #fb2c36;
}
.bottom__timeline .controls .timeline .timeline__popup .new__timeline {
  margin-top: 4px;
  width: 100%;
}
.bottom__timeline .controls .timeline .timeline__popup .new__timeline > a {
  text-decoration: none;
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: 0.4s ease all;
  transition: 0.4s ease all;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 4px;
}
.bottom__timeline .controls .timeline .timeline__popup .new__timeline > a:hover {
  background-color: rgba(217, 118, 87, 0.4) !important;
}
.bottom__timeline .controls .timeline .timeline__popup .new__timeline > a:hover > p {
  color: #fff;
}
.bottom__timeline .controls .timeline .timeline__popup .new__timeline > a:hover > p span svg {
  color: rgba(255, 255, 255, 0.5);
}
.bottom__timeline .controls .timeline .timeline__popup .new__timeline > a > p {
  -webkit-transition: 0.4s ease all;
  transition: 0.4s ease all;
  margin: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #d97657;
  font-size: 11px;
  line-height: 14px;
}
.bottom__timeline .controls .timeline .timeline__popup .new__timeline > a > p span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 8px;
}
.bottom__timeline .controls .timeline .timeline__popup .new__timeline > a > p span svg {
  width: 16px;
  height: 16px;
  -webkit-transition: 0.4s ease all;
  transition: 0.4s ease all;
  color: rgba(255, 255, 255, 0.3);
}
.bottom__timeline .controls .timeline .timeline__popup .new__timeline > a > span {
  font-size: 9px;
  color: rgba(255, 255, 255, 0.3);
}
.bottom__timeline .controls .timeline .timeline__popup .timeline__list > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 12px;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
  border-radius: 4px;
  text-decoration: none;
}
.bottom__timeline .controls .timeline .timeline__popup .timeline__list > a:hover {
  background-color: rgba(217, 118, 87, 0.4) !important;
}
.bottom__timeline .controls .timeline .timeline__popup .timeline__list > a.current .left > p:before {
  content: "";
  min-width: 6px;
  max-width: 6px;
  min-height: 6px;
  max-height: 6px;
  border-radius: 250px;
  background-color: #d97657;
  top: 3px;
  right: 3px;
  position: absolute;
}
.bottom__timeline .controls .timeline .timeline__popup .timeline__list > a .right {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bottom__timeline .controls .timeline .timeline__popup .timeline__list > a .right > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: rgba(255, 255, 255, 0.3);
  font-size: 9px;
  line-height: 12px;
}
.bottom__timeline .controls .timeline .timeline__popup .timeline__list > a .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.bottom__timeline .controls .timeline .timeline__popup .timeline__list > a .left > span {
  display: block;
  color: rgba(255, 255, 255, 0.6);
  font-size: 9px;
  line-height: 12px;
}
.bottom__timeline .controls .timeline .timeline__popup .timeline__list > a .left > p {
  padding-right: 15px;
  margin: 0px;
  font-size: 11px;
  line-height: 14px;
  position: relative;
  color: #fff;
}
.bottom__timeline .controls .timeline .timeline__popup .timeline__list > a.current {
  background-color: rgba(217, 118, 87, 0.2);
}
.bottom__timeline .controls .timeline > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 12px;
  padding-right: 12px;
  min-height: 30px;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.bottom__timeline .controls .timeline > a.opened {
  border-color: rgba(217, 118, 87, 0.5019607843);
  background-color: rgba(255, 255, 255, 0.1);
}
.bottom__timeline .controls .timeline > a.opened .arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.bottom__timeline .controls .timeline > a:hover {
  border-color: rgba(217, 118, 87, 0.5019607843);
  background-color: rgba(255, 255, 255, 0.1);
}
.bottom__timeline .controls .timeline > a .arrow {
  margin-left: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.4s ease all;
  transition: 0.4s ease all;
}
.bottom__timeline .controls .timeline > a .arrow svg {
  width: 12px;
  height: 12px;
  color: rgba(255, 255, 255, 0.5);
}
.bottom__timeline .controls .timeline > a .name {
  color: rgba(255, 255, 255, 0.9);
  font-size: 11px;
  position: relative;
  top: 1px;
  line-height: 13px;
}
.bottom__timeline .controls .timeline > a .icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 8px;
}
.bottom__timeline .controls .timeline > a .icon svg {
  color: #d97657;
  width: 14px;
  height: 14px;
}
.bottom__timeline .controls .clips > p {
  font-size: 11px;
  line-height: 14px;
  margin: 0px;
  color: rgba(255, 255, 255, 0.5);
}
.bottom__timeline .controls .spacer {
  margin: 0px 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 16px;
  min-width: 1px;
  background-color: rgba(255, 255, 255, 0.2);
}

*::-webkit-scrollbar {
  width: 3px;
}

*::-webkit-scrollbar-track {
  background-color: transparent;
  width: 3px;
}

*::-webkit-scrollbar-thumb {
  background-color: #d97657;
  width: 3px;
}

.video__container {
  padding-bottom: 55px;
}

.video__container {
  display: -ms-grid;
  display: grid;
  grid-auto-rows: 1fr;
  /*	padding:0px 80px;*/
}
.video__container .elem {
  padding-bottom: 100%;
  position: relative;
}
.video__container .elem.preloading .preview__float {
  opacity: 0 !important;
}
.video__container .elem .loading {
  background-color: #E8E8E8;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.video__container .elem .loading .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  width: 100%;
}
.video__container .elem .loading .inner .circle__wrapper .circle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.video__container .elem .loading .inner .circle__wrapper .circle canvas {
  width: 60px !important;
  height: 60px !important;
}
.video__container .elem .loading .inner .info {
  margin-top: 5px;
}
.video__container .elem .loading .inner .info .video__info {
  text-align: center;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  position: absolute;
  left: 0px;
  bottom: 25px;
}
.video__container .elem .loading .inner .info .video__info > span {
  display: block;
  text-align: center;
  font-size: 8px;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 6px;
}
.video__container .elem .loading .inner .info .video__info > p {
  margin: 0px;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 9px;
  line-height: 12px;
  color: #000;
}
.video__container .elem .loading .inner .info > span {
  display: block;
  text-align: center;
  margin-bottom: 0px;
  font-size: 11px;
  line-height: 12px;
  color: rgb(217, 118, 87);
  margin-top: 5px;
  font-weight: 400;
  text-transform: uppercase;
}
.video__container .elem .loading .inner .circle__wrapper {
  position: relative;
}
.video__container .elem .loading .inner .circle__wrapper > p {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 11px;
  line-height: 14px;
  color: #000;
  z-index: 2;
}
.video__container .elem:hover .preview__float {
  pointer-events: initial;
  opacity: 1;
}
.video__container .elem .preview__float {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0px;
  z-index: 5;
  opacity: 0;
  -webkit-transition: 0.3s ease opacity;
  transition: 0.3s ease opacity;
  pointer-events: none;
}
.video__container .elem .preview__float .progress__bar {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  cursor: pointer;
  height: 2px;
  background-color: transparent;
}
.video__container .elem .preview__float .progress__bar .active {
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 100%;
  background-color: rgb(217, 118, 87);
  /*					transition: width 0.05s linear;*/
}
.video__container .elem .preview__float img {
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.video__container .elem .preview__float.landscape {
  width: 170%;
  height: 100%;
}
.video__container .elem .preview__float.portrait {
  width: 100%;
  height: 150%;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}
.video__container .elem .preview__float.square {
  width: 140%;
  height: 140%;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}
.video__container .elem .preview {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.video__container .elem .preview img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.header__main.fixed {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 12;
  background-color: #000;
}

.video__container {
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
}

.video__container .elem .loading .inner .info .video__info > p {
  white-space: nowrap;
}

.video__container .elem .preview {
  background-repeat: no-repeat !important;
}

.tags__wrapper .tags__box ul > li:last-child {
  margin-bottom: 0px;
}

.video__container .elem .loading {
  z-index: 7;
}

.video__container .elem .check__pick {
  opacity: 0;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 48px;
  height: 48px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 6;
}
.video__container .elem .check__pick.visible {
  opacity: 1;
}
.video__container .elem .check__pick:hover {
  opacity: 1;
}
.video__container .elem .check__pick .checkmark {
  min-width: 24px;
  max-width: 24px;
  min-height: 24px;
  max-height: 24px;
  background-color: rgba(0, 0, 0, 0.45);
  border: 1px solid rgb(217, 118, 87);
}
.video__container .elem .check__pick .checkmark:after {
  width: 6px;
  left: 8px;
  top: 2px;
  height: 12px;
}
.video__container .elem .check__pick input:checked ~ .checkmark {
  background-color: rgb(217, 118, 87);
}

.add__tag.disabled {
  opacity: 0.3;
  pointer-events: none;
}

.elem.indexed {
  z-index: 9;
}

.add__to--tags {
  padding: 8px;
  display: none;
}
.add__to--tags > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  background-color: #C96A4A;
  padding: 12px 10px;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 15px;
  text-decoration: none;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.add__to--tags > a p {
  margin: 0px;
}
.add__to--tags > a:hover {
  opacity: 0.7;
}

.tags__wrapper .tags__box {
  overflow: hidden;
}
.tags__wrapper .tags__box .add__selected {
  display: none;
  background: -webkit-gradient(linear, left top, right bottom, color-stop(30%, rgba(217, 118, 87, 0.2)), to(rgba(217, 118, 87, 0.1)));
  background: linear-gradient(to bottom right, rgba(217, 118, 87, 0.2) 30%, rgba(217, 118, 87, 0.1));
  border-bottom: 1px solid rgba(217, 118, 87, 0.3);
  padding: 8px 14px;
}
.tags__wrapper .tags__box .add__selected > p {
  margin: 0px;
  color: #d97657;
  font-size: 11px;
  line-height: 14px;
  text-transform: uppercase;
}

.tag__check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.tag__check:hover .remove__tag {
  opacity: 1;
  width: 16px;
  margin-left: 4px;
}

.tag__check .remove__tag img {
  max-width: 16px;
  min-width: 16px;
}

.tags__wrapper .tags__box ul > li .tag__check .container__check {
  width: 100%;
}

.tag__check .remove__tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 0px;
  margin-left: 0px;
  opacity: 0;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}

.remove__tag--wrapper {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 12;
}
.remove__tag--wrapper .inn {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(0, 0, 0, 0.8);
}
.remove__tag--wrapper .inn .box {
  max-width: 340px;
  text-align: center;
  border: 2px solid rgba(255, 255, 255, 0.3);
  background-color: rgba(0, 0, 0, 0.2);
  padding: 35px 15px;
  border-radius: 8px;
  width: 100%;
}
.remove__tag--wrapper .inn .box .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.remove__tag--wrapper .inn .box .btns > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 12px;
  padding: 5px 10px;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
  border-radius: 4px;
}
.remove__tag--wrapper .inn .box .btns > a:hover {
  opacity: 0.7;
}
.remove__tag--wrapper .inn .box .btns > a.delete {
  background-color: #9d1515;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  line-height: 16px;
}
.remove__tag--wrapper .inn .box .btns > a.cancel {
  background-color: rgb(255, 255, 255);
  color: #000;
  text-decoration: none;
  font-size: 12px;
  line-height: 16px;
}
.remove__tag--wrapper .inn .box > p {
  color: rgba(255, 255, 255, 0.6);
  margin-top: 0px;
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 17px;
}
.remove__tag--wrapper .inn .box > p span {
  color: rgb(255, 255, 255);
}

.video__container .elem.not__supported .circle__wrapper > p {
  text-align: center !important;
  color: red !important;
}

.video__container .elem.not__supported .loading {
  display: block !important;
}

.video__container .elem.not__supported .circle__wrapper > p {
  line-height: 19px !important;
}

.video__container .elem.removing .loading > .inner > .circle__wrapper > .circle > canvas, .video__container .elem.not__supported .loading > .inner > .circle__wrapper > .circle > canvas {
  display: none;
}

.video__container .elem.removing .loading > .inner > .circle__wrapper {
  -webkit-animation: blink 2s ease-in-out infinite alternate;
          animation: blink 2s ease-in-out infinite alternate;
}

.video__container .elem .loading .inner .circle__wrapper .circle {
  width: 60px;
  height: 60px;
}

@-webkit-keyframes blink {
  0% {
    background-color: #ffffff;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    background-color: #ff7777;
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
  100% {
    background-color: #ffffff;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes blink {
  0% {
    background-color: #ffffff;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    background-color: #ff7777;
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
  100% {
    background-color: #ffffff;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.video__container .elem.not__supported .loading .inner .circle__wrapper {
  border-radius: 250px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.preview__float {
  cursor: pointer;
}

.video__popup {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(6px);
  z-index: 100;
}
.video__popup > .inner {
  padding: 25px 20px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.video__popup > .inner .main__box {
  border: 1px solid #132319;
  background-color: rgba(0, 0, 0, 0.95);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1240px;
}
.video__popup > .inner .main__box .main__area {
  position: relative;
}
.video__popup > .inner .main__box .main__area > .left__part {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  overflow-y: auto;
  min-width: 230px;
  max-width: 230px;
  border-right: 1px solid #132319;
}
.video__popup > .inner .main__box .main__area > .left__part .one__time {
  padding: 12px 10px;
  padding-top: 0px;
}
.video__popup > .inner .main__box .main__area > .left__part .one__time > p {
  padding-top: 12px;
  margin-top: 0px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  color: oklab(67.0803% 0.103629 0.0813197/0.6);
  font-size: 10px;
  line-height: 14px;
  margin-bottom: 5px;
}
.video__popup > .inner .main__box .main__area > .left__part .one__time > span {
  display: block;
  font-size: 10px;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.4);
}
.video__popup > .inner .main__box .main__area > .left__part .one__time .desc {
  margin-top: 7px;
}
.video__popup > .inner .main__box .main__area > .left__part .one__time .desc > p {
  margin: 0px;
  color: rgba(255, 255, 255, 0.3);
  font-size: 11px;
  line-height: 14px;
}
.video__popup > .inner .main__box .main__area > .left__part .benefits {
  padding: 12px 10px;
}
.video__popup > .inner .main__box .main__area > .left__part .benefits > p {
  margin-top: 0px;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 12px;
}
.video__popup > .inner .main__box .main__area > .left__part .benefits .elems > .elem {
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.video__popup > .inner .main__box .main__area > .left__part .benefits .elems > .elem:last-child {
  margin-bottom: 0px;
}
.video__popup > .inner .main__box .main__area > .left__part .benefits .elems > .elem .desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.video__popup > .inner .main__box .main__area > .left__part .benefits .elems > .elem .desc > p {
  margin-top: 0px;
  margin-bottom: 4px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 10px;
  line-height: 14px;
  letter-spacing: 0.3px;
}
.video__popup > .inner .main__box .main__area > .left__part .benefits .elems > .elem .desc > span {
  font-size: 10px;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.4);
}
.video__popup > .inner .main__box .main__area > .left__part .benefits .elems > .elem > span {
  margin-right: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.video__popup > .inner .main__box .main__area > .left__part .benefits .elems > .elem > span svg {
  width: 16px;
  height: 16px;
  min-width: 16px;
  color: oklab(67.0803% 0.103629 0.0813197/0.7);
}
.video__popup > .inner .main__box .main__area > .left__part .benefits .elems > .elem:last-child {
  margin-bottom: 0px;
}
.video__popup > .inner .main__box .main__area > .left__part .transcript__main {
  padding: 12px 10px;
}
.video__popup > .inner .main__box .main__area > .left__part .transcript__main > .inn {
  padding: 12px;
  background-color: oklab(67.0803% 0.103629 0.0813197/0.1);
  border: 1px solid oklab(67.0803% 0.103629 0.0813197/0.3);
}
.video__popup > .inner .main__box .main__area > .left__part .transcript__main > .inn > span.subtext {
  color: rgba(255, 255, 255, 0.6);
  display: block;
  font-size: 10px;
  line-height: 14px;
  margin-bottom: 8px;
}
.video__popup > .inner .main__box .main__area > .left__part .transcript__main > .inn .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 12px;
}
.video__popup > .inner .main__box .main__area > .left__part .transcript__main > .inn .btn > a {
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 30px;
  color: #fff;
  font-size: 10px;
  line-height: 14px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  text-decoration: none;
  background-color: #d97657;
}
.video__popup > .inner .main__box .main__area > .left__part .transcript__main > .inn .btn > a:hover {
  opacity: 0.7;
}
.video__popup > .inner .main__box .main__area > .left__part .transcript__main > .inn .btn > a svg {
  width: 14px;
  height: 14px;
}
.video__popup > .inner .main__box .main__area > .left__part .transcript__main > .inn .btn > a span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 6px;
}
.video__popup > .inner .main__box .main__area > .left__part .transcript__main > .inn .this__video {
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 10px;
}
.video__popup > .inner .main__box .main__area > .left__part .transcript__main > .inn .this__video > p {
  margin: 0px;
  color: oklab(67.0803% 0.103629 0.0813197/0.9);
  font-size: 11px;
  line-height: 14px;
}
.video__popup > .inner .main__box .main__area > .left__part .transcript__main > .inn .this__video > span {
  display: block;
  margin-bottom: 3px;
  font-size: 10px;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.5);
}
.video__popup > .inner .main__box .main__area > .left__part .transcript__main > .inn > p {
  margin-top: 0px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 11px;
  line-height: 14px;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.video__popup > .inner .main__box .main__area > .left__part .transcript__main > .inn > span.main__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #d97657;
}
.video__popup > .inner .main__box .main__area > .left__part .transcript__main > .inn > span.main__icon svg {
  width: 20px;
  height: 20px;
  color: #d97657;
}
.video__popup > .inner .main__box .main__area > .left__part .transcript__head {
  border-bottom: 1px solid #132319;
  padding: 10px 10px;
}
.video__popup > .inner .main__box .main__area > .left__part .transcript__head > p {
  margin: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: oklab(67.0803% 0.103629 0.0813197/0.8);
  text-transform: uppercase;
  font-size: 12px;
  line-height: 14px;
}
.video__popup > .inner .main__box .main__area > .left__part .transcript__head > p span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 5px;
}
.video__popup > .inner .main__box .main__area > .left__part .transcript__head > p svg {
  width: 15px;
  height: 15px;
}
.video__popup > .inner .main__box .main__area .main__video--box {
  width: calc(100% - 230px);
  margin-left: auto;
  padding: 12px;
}
.video__popup > .inner .main__box .main__area .main__video {
  position: relative;
  border: 1px solid #132319;
  padding-bottom: 56.25%;
}
.video__popup > .inner .main__box .main__area .main__video .video__controls {
  padding: 8px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  border-top: 1px solid oklab(67.0803% 0.103629 0.0813197/0.2);
  z-index: 2;
}
.video__popup > .inner .main__box .main__area .main__video .video__controls .progress {
  position: relative;
  height: 4px;
  background-color: oklab(67.0803% 0.103629 0.0813197/0.2);
}
.video__popup > .inner .main__box .main__area .main__video .video__controls .progress > .active {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 40px;
  background-color: #d97657;
}
.video__popup > .inner .main__box .main__area .main__video .video__controls .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.video__popup > .inner .main__box .main__area .main__video .video__controls .bottom > .duration {
  color: oklab(67.0803% 0.103629 0.0813197/0.6);
  font-size: 11px;
  line-height: 14px;
}
.video__popup > .inner .main__box .main__area .main__video .video__controls .bottom > a {
  text-decoration: none;
  color: oklab(67.0803% 0.103629 0.0813197/0.6);
  font-size: 11px;
  line-height: 14px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.video__popup > .inner .main__box .main__area .main__video .status {
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: 2;
  padding: 7px 10px;
  background-color: rgba(0, 0, 0, 0.8);
  border: 1px solid oklab(67.0803% 0.103629 0.0813197/0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.video__popup > .inner .main__box .main__area .main__video .status span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 8px;
  max-width: 8px;
  min-height: 8px;
  max-height: 8px;
  margin-right: 6px;
  background-color: #d97657;
}
.video__popup > .inner .main__box .main__area .main__video .status p {
  margin: 0px;
  color: #d97657;
  font-size: 11px;
  line-height: 14px;
}
.video__popup > .inner .main__box .main__area .main__video video {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
}
.video__popup > .inner .main__box .top__part {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px;
  border-bottom: 1px solid #132319;
}
.video__popup > .inner .main__box .top__part .top {
  margin: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -8px;
}
.video__popup > .inner .main__box .top__part .top > span {
  color: oklab(67.0803% 0.103629 0.0813197/0.8);
  font-size: 12px;
  line-height: 14px;
  margin: 4px 8px;
}
.video__popup > .inner .main__box .top__part .top > span.weight {
  opacity: 0.7;
}
.video__popup > .inner .main__box .top__part .right {
  margin-left: 15px;
  margin-bottom: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.video__popup > .inner .main__box .top__part .right > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.video__popup > .inner .main__box .top__part .right > a:hover svg path {
  stroke: rgb(217, 118, 87);
}
.video__popup > .inner .main__box .top__part .right > a svg path {
  stroke: rgba(217, 118, 87, 0.6);
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.video__popup > .inner .box {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
}

.video__popup > .inner .main__box .main__area .main__video .video__controls .progress {
  cursor: pointer;
}

@media (min-width: 1024px) {
  .video__container {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 1200px) {
  .video__container {
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 1400px) {
  .video__container {
    -ms-grid-columns: (1fr)[7];
    grid-template-columns: repeat(7, 1fr);
  }
}
@media (min-width: 1600px) {
  .video__container {
    -ms-grid-columns: (1fr)[8];
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (min-width: 1800px) {
  .video__container {
    -ms-grid-columns: (1fr)[9];
    grid-template-columns: repeat(9, 1fr);
  }
}
@media (min-width: 2000px) {
  .video__container {
    -ms-grid-columns: (1fr)[10];
    grid-template-columns: repeat(10, 1fr);
  }
}
@media (min-width: 2200px) {
  .video__container {
    -ms-grid-columns: (1fr)[11];
    grid-template-columns: repeat(11, 1fr);
  }
}
@media (min-width: 2400px) {
  .video__container {
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 2600px) {
  .video__container {
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr);
  }
}
.range__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  width: auto;
  color: #fff;
  font-family: monospace;
}

.range {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}

.irs-from, .irs-to {
  display: none;
}

.range__graphs {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 2px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  pointer-events: none;
}

.range {
  min-width: 320px;
  max-width: 320px;
}

.range__bar {
  background-color: #ff8800;
  width: 2px;
}

.irs--flat .irs-bar {
  height: 16px;
  background-color: rgba(255, 255, 255, 0.2);
}

.irs--flat .irs-line {
  height: 16px;
  border-radius: 250px;
  background-color: rgba(255, 255, 255, 0.1);
}

.irs--flat .irs-handle {
  min-width: 16px;
  max-width: 16px;
  min-height: 16px;
  max-height: 16px;
  cursor: pointer;
  margin-top: 3px;
  border-radius: 250px;
  background-color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.irs-handle > i {
  display: none !important;
}

.range > .irs {
  margin-top: 0px;
}

.choose__folder {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 20;
  background-color: rgb(0, 0, 0);
}
.choose__folder .inner {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.choose__folder .inner .box {
  width: 100%;
  max-width: 340px;
  padding: 50px 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  position: relative;
}
.choose__folder .inner .box .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.choose__folder .inner .box .btn > a {
  background-color: #fff;
  color: #000;
  border-radius: 4px;
  min-height: 32px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  font-size: 12px;
  line-height: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.choose__folder .inner .box > input {
  position: absolute;
  left: -25000px;
}
.choose__folder .inner .box > p {
  text-align: center;
  margin-top: 0px;
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.6);
}

.main__video .status > span {
  -webkit-transition: 0.9s ease all;
  transition: 0.9s ease all;
}

.main__video .status.playing > span {
  opacity: 0.7;
}