.font-artlist[data-v-2a5a8e45] {
  font-family: "Artlist Sans";
  line-height: 1.5;
  letter-spacing: 0.2px;
}
.mx-icon-left:before, .mx-icon-right:before, .mx-icon-double-left:before, .mx-icon-double-right:before, .mx-icon-double-left:after, .mx-icon-double-right:after{
  content:"";
  position:relative;
  top:-1px;
  display:inline-block;
  width:10px;
  height:10px;
  vertical-align:middle;
  border-style:solid;
  border-color:currentColor;
  border-width:2px 0 0 2px;
  border-radius:1px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-transform-origin:center;
  transform-origin:center;
  -webkit-transform:rotate(-45deg) scale(0.7);
  transform:rotate(-45deg) scale(0.7)
}

.mx-icon-double-left:after{
  left:-4px
}

.mx-icon-double-right:before{
  left:4px
}

.mx-icon-right:before, .mx-icon-double-right:before, .mx-icon-double-right:after{
  -webkit-transform:rotate(135deg) scale(0.7);
  transform:rotate(135deg) scale(0.7)
}

.mx-btn{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  line-height:1;
  font-size:14px;
  font-weight:500;
  padding:7px 15px;
  margin:0;
  cursor:pointer;
  background-color:transparent;
  outline:none;
  border:1px solid rgba(0,0,0,.1);
  border-radius:4px;
  color:#73879c;
  white-space:nowrap
}

.mx-btn:hover{
  border-color:#1284e7;
  color:#1284e7
}

.mx-btn-text{
  border:0;
  padding:0 4px;
  text-align:left;
  line-height:inherit
}

.mx-scrollbar{
  height:100%
}

.mx-scrollbar:hover .mx-scrollbar-track{
  opacity:1
}

.mx-scrollbar-wrap{
  height:100%;
  overflow-x:hidden;
  overflow-y:auto
}

.mx-scrollbar-track{
  position:absolute;
  top:2px;
  right:2px;
  bottom:2px;
  width:6px;
  z-index:1;
  border-radius:4px;
  opacity:0;
  -webkit-transition:opacity .24s ease-out;
  transition:opacity .24s ease-out
}

.mx-scrollbar-track .mx-scrollbar-thumb{
  position:absolute;
  width:100%;
  height:0;
  cursor:pointer;
  border-radius:inherit;
  background-color:rgba(144,147,153,.3);
  -webkit-transition:background-color .3s;
  transition:background-color .3s
}

.mx-zoom-in-down-enter-active, .mx-zoom-in-down-leave-active{
  opacity:1;
  -webkit-transform:scaleY(1);
  transform:scaleY(1);
  -webkit-transition:opacity .3s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform .3s cubic-bezier(0.23, 1, 0.32, 1);
  transition:opacity .3s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform .3s cubic-bezier(0.23, 1, 0.32, 1);
  transition:transform .3s cubic-bezier(0.23, 1, 0.32, 1),opacity .3s cubic-bezier(0.23, 1, 0.32, 1);
  transition:transform .3s cubic-bezier(0.23, 1, 0.32, 1),opacity .3s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform .3s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform-origin:center top;
  transform-origin:center top
}

.mx-zoom-in-down-enter, .mx-zoom-in-down-enter-from, .mx-zoom-in-down-leave-to{
  opacity:0;
  -webkit-transform:scaleY(0);
  transform:scaleY(0)
}

.mx-datepicker{
  position:relative;
  display:inline-block;
  width:210px
}

.mx-datepicker svg{
  width:1em;
  height:1em;
  vertical-align:-0.15em;
  fill:currentColor;
  overflow:hidden
}

.mx-datepicker-range{
  width:320px
}

.mx-datepicker-inline{
  width:auto
}

.mx-input-wrapper{
  position:relative
}

.mx-input-wrapper .mx-icon-clear{
  display:none
}

.mx-input-wrapper:hover .mx-icon-clear{
  display:block
}

.mx-input-wrapper:hover .mx-icon-clear+.mx-icon-calendar{
  display:none
}

.mx-input{
  display:inline-block;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:100%;
  height:34px;
  padding:6px 30px;
  padding-left:10px;
  font-size:14px;
  line-height:1.4;
  color:#555;
  background-color:#fff;
  border:1px solid #ccc;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}

.mx-input:hover, .mx-input:focus{
  border-color:#409aff
}

.mx-input:disabled, .mx-input.disabled{
  color:#ccc;
  background-color:#f3f3f3;
  border-color:#ccc;
  cursor:not-allowed
}

.mx-input:focus{
  outline:none
}

.mx-input::-ms-clear{
  display:none
}

.mx-icon-calendar, .mx-icon-clear{
  position:absolute;
  top:50%;
  right:8px;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  font-size:16px;
  line-height:1;
  color:rgba(0,0,0,.5);
  vertical-align:middle
}

.mx-icon-clear{
  cursor:pointer
}

.mx-icon-clear:hover{
  color:rgba(0,0,0,.8)
}

.mx-datepicker-main{
  font:14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei",sans-serif;
  color:#73879c;
  background-color:#fff;
  border:1px solid #e8e8e8
}

.mx-datepicker-popup{
  position:absolute;
  margin-top:1px;
  margin-bottom:1px;
  -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
  box-shadow:0 6px 12px rgba(0,0,0,.175);
  z-index:2001
}

.mx-datepicker-sidebar{
  float:left;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:100px;
  padding:6px;
  overflow:auto
}

.mx-datepicker-sidebar+.mx-datepicker-content{
  margin-left:100px;
  border-left:1px solid #e8e8e8
}

.mx-datepicker-body{
  position:relative;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}

.mx-btn-shortcut{
  display:block;
  padding:0 6px;
  line-height:24px
}

.mx-range-wrapper{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}

@media(max-width: 750px){
  .mx-range-wrapper{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
  }
}

.mx-datepicker-header{
  padding:6px 8px;
  border-bottom:1px solid #e8e8e8
}

.mx-datepicker-footer{
  padding:6px 8px;
  text-align:right;
  border-top:1px solid #e8e8e8
}

.mx-calendar{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:248px;
  padding:6px 12px
}

.mx-calendar+.mx-calendar{
  border-left:1px solid #e8e8e8
}

.mx-calendar-header, .mx-time-header{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  height:34px;
  line-height:34px;
  text-align:center;
  overflow:hidden
}

.mx-btn-icon-left, .mx-btn-icon-double-left{
  float:left
}

.mx-btn-icon-right, .mx-btn-icon-double-right{
  float:right
}

.mx-calendar-header-label{
  font-size:14px
}

.mx-calendar-decade-separator{
  margin:0 2px
}

.mx-calendar-decade-separator:after{
  content:"~"
}

.mx-calendar-content{
  position:relative;
  height:224px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}

.mx-calendar-content .cell{
  cursor:pointer
}

.mx-calendar-content .cell:hover{
  color:#73879c;
  background-color:#f3f9fe
}

.mx-calendar-content .cell.active{
  color:#fff;
  background-color:#1284e7
}

.mx-calendar-content .cell.in-range, .mx-calendar-content .cell.hover-in-range{
  color:#73879c;
  background-color:#dbedfb
}

.mx-calendar-content .cell.disabled{
  cursor:not-allowed;
  color:#ccc;
  background-color:#f3f3f3
}

.mx-calendar-week-mode .mx-date-row{
  cursor:pointer
}

.mx-calendar-week-mode .mx-date-row:hover{
  background-color:#f3f9fe
}

.mx-calendar-week-mode .mx-date-row.mx-active-week{
  background-color:#dbedfb
}

.mx-calendar-week-mode .mx-date-row .cell:hover{
  color:inherit;
  background-color:transparent
}

.mx-calendar-week-mode .mx-date-row .cell.active{
  color:inherit;
  background-color:transparent
}

.mx-week-number{
  opacity:.5
}

.mx-table{
  table-layout:fixed;
  border-collapse:separate;
  border-spacing:0;
  width:100%;
  height:100%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  text-align:center
}

.mx-table th{
  padding:0;
  font-weight:500;
  vertical-align:middle
}

.mx-table td{
  padding:0;
  vertical-align:middle
}

.mx-table-date td, .mx-table-date th{
  height:32px;
  font-size:12px
}

.mx-table-date .today{
  color:#2a90e9
}

.mx-table-date .cell.not-current-month{
  color:#ccc;
  background:none
}

.mx-time{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  width:224px;
  background:#fff
}

.mx-time+.mx-time{
  border-left:1px solid #e8e8e8
}

.mx-calendar-time{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}

.mx-time-header{
  border-bottom:1px solid #e8e8e8
}

.mx-time-content{
  height:224px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  overflow:hidden
}

.mx-time-columns{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width:100%;
  height:100%;
  overflow:hidden
}

.mx-time-column{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  position:relative;
  border-left:1px solid #e8e8e8;
  text-align:center
}

.mx-time-column:first-child{
  border-left:0
}

.mx-time-column .mx-time-list{
  margin:0;
  padding:0;
  list-style:none
}

.mx-time-column .mx-time-list::after{
  content:"";
  display:block;
  height:192px
}

.mx-time-column .mx-time-item{
  cursor:pointer;
  font-size:12px;
  height:32px;
  line-height:32px
}

.mx-time-column .mx-time-item:hover{
  color:#73879c;
  background-color:#f3f9fe
}

.mx-time-column .mx-time-item.active{
  color:#1284e7;
  background-color:transparent;
  font-weight:700
}

.mx-time-column .mx-time-item.disabled{
  cursor:not-allowed;
  color:#ccc;
  background-color:#f3f3f3
}

.mx-time-option{
  cursor:pointer;
  padding:8px 10px;
  font-size:14px;
  line-height:20px
}

.mx-time-option:hover{
  color:#73879c;
  background-color:#f3f9fe
}

.mx-time-option.active{
  color:#1284e7;
  background-color:transparent;
  font-weight:700
}

.mx-time-option.disabled{
  cursor:not-allowed;
  color:#ccc;
  background-color:#f3f3f3
}
.loader[data-v-5b14ae6f]{
  border-bottom: solid 2px #fff;
}
.right-\[24px\][data-v-5b14ae6f] {
  right: 24px;
}
.modal-container .close[data-v-38f0bc5c] {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.modal-container .close[data-v-38f0bc5c]::before, .modal-container .close[data-v-38f0bc5c]::after {
  content: '';
  width: 20px;
  height: 2px;
  background: #999999;
  position: absolute;
  display: block;
  top: 10px;
}
.modal-container .close[data-v-38f0bc5c]::before {
  transform: rotate(-45deg);
}
.modal-container .close[data-v-38f0bc5c]::after {
  transform: rotate(45deg);
}
@media (min-width: 768px) {
.modal-container .close[data-v-38f0bc5c] {
    right: 20px;
    top: 20px;
}
}
.font-artlist[data-v-3a040c62] {
  font-family: 'Artlist Sans';
}
.al-btn[data-v-3a040c62] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding-left: 45px;
  padding-right: 45px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 15px;
  transition: all 250ms;
  border: none;
}
.al-btn--primary-dark[data-v-3a040c62] {
  --bg-opacity: 1;
  background-color: #00011D;
  background-color: rgba(0, 1, 29, var(--bg-opacity));
  --text-opacity: 1;
  color: #FFF9EE;
  color: rgba(255, 249, 238, var(--text-opacity));
}
.al-btn--primary-dark-outline[data-v-3a040c62] {
  border-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #00011D;
  border-color: rgba(0, 1, 29, var(--border-opacity));
  background-color: transparent;
  --text-opacity: 1;
  color: #00011D;
  color: rgba(0, 1, 29, var(--text-opacity));
}
.al-btn--primary-dark-outline[data-v-3a040c62]:hover {
  --bg-opacity: 1;
  background-color: #00011D;
  background-color: rgba(0, 1, 29, var(--bg-opacity));
  --text-opacity: 1;
  color: #FFF9EE;
  color: rgba(255, 249, 238, var(--text-opacity));
}
.al-btn--primary[data-v-3a040c62] {
  --bg-opacity: 1;
  background-color: #00011D;
  background-color: rgba(0, 1, 29, var(--bg-opacity));
  --text-opacity: 1;
  color: #FFF9EE;
  color: rgba(255, 249, 238, var(--text-opacity));
}
.al-btn--primary[data-v-3a040c62]:hover {
  --bg-opacity: 1;
  background-color: #212139;
  background-color: rgba(33, 33, 57, var(--bg-opacity));
}
.login-container[data-v-3a040c62] {
  height: 100%;
  width: 100%;
  overflow-y: auto;
}
.social-btn[data-v-3a040c62] {
  width: 155px;
  transition: 0.3s all;
}
.social-btn[data-v-3a040c62]:hover {
  opacity: 0.9;
}
.or[data-v-3a040c62] {
  --text-opacity: 1;
  color: #00011D;
  color: rgba(0, 1, 29, var(--text-opacity));
}
.or[data-v-3a040c62]:before {
  content: '';
  width: 100%;
  display: block;
  height: 1px;
  background-color: rgba(0, 1, 29, 0.20);
  position: absolute;
  top: 50%;
  z-index: -1;
}
.forgot-password[data-v-3a040c62]:hover {
  opacity: 1;
  --text-opacity: 1;
  color: #00011D;
  color: rgba(0, 1, 29, var(--text-opacity));
}
[data-v-3a040c62] .checkbox > span {
  margin-right: 10px;
}
.text-808080[data-v-3a040c62] {
  color: #808080;
}
.text-\[rgba\(0\,1\,29\,0\.50\)\][data-v-3a040c62] {
  color: rgba(0, 1, 29, 0.50);
}
.text-4D4D4D[data-v-3a040c62] {
  color: #4d4d4d;
}
@media (min-width: 640px) {
.login-container[data-v-3a040c62] {
    max-width: 475px;
}
.social-btn[data-v-3a040c62] {
    width: 180px;
}
}

/* Modal styling */
.modal-mask[data-v-3a040c62] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 42px;
  z-index: 999;
  overflow-y: auto;
}
[data-v-3a040c62] .modal-container {
  position: relative;
  margin: 0;
  padding: 0;
  max-width: 1100px;
  background-color: #fff;
  border-radius: 0;
  transition: all 0.3s ease;
  width: 100%;
  height: 100%;
  margin-top: 6px;
}
[data-v-3a040c62] .modal-body {
  height: auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  --bg-opacity: 1;
  background-color: #FFF9EE;
  background-color: rgba(255, 249, 238, var(--bg-opacity));
}
[data-v-3a040c62] .modal-container {
  margin-top: 0;
  padding-top: 6px;
}
[data-v-3a040c62] .close {
  top: 16px !important;
  right: 24px !important;
}
[data-v-3a040c62] .close:before,[data-v-3a040c62] .close:after {
  background: #828282 !important;
  width: 24px !important;
}
@media (min-width: 640px) {
[data-v-3a040c62] .close {
    right: -20px !important;
    top: -20px !important;
}
[data-v-3a040c62] .close:before,[data-v-3a040c62] .close:after {
    background: white !important;
}
[data-v-3a040c62] .modal-container {
    width: auto;
    height: auto;
    border-radius: 12px;
    overflow-y: initial;
    max-height: 100%;
    margin-top: 6px;
    padding-top: 0;
}
.modal-mask[data-v-3a040c62] {
    margin-top: 0;
    background-color: rgba(0, 0, 0, 0.8);
}
}
@media (orientation: landscape) and (max-height: 480px) {
.modal-mask[data-v-3a040c62] {
    z-index: 1000;
}
[data-v-3a040c62] .modal-container {
    height: 100%;
    border-radius: 0;
    margin-top: 0;
}
[data-v-3a040c62] .close {
    top: 0 !important;
    right: -24px !important;
}
}
.text-\[\#534cda\][data-v-3a79b6cf] {
  color: #534cda;
}
.text-\[\#808080\][data-v-3a79b6cf] {
  color: #808080;
}
.font-artlist[data-v-3a79b6cf] {
  font-family: 'Artlist Sans';
}
.al-btn[data-v-3a79b6cf] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding-left: 45px;
  padding-right: 45px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 15px;
  transition: all 250ms;
  border: none;
}
.al-btn--primary-dark[data-v-3a79b6cf] {
  --bg-opacity: 1;
  background-color: #00011D;
  background-color: rgba(0, 1, 29, var(--bg-opacity));
  --text-opacity: 1;
  color: #FFF9EE;
  color: rgba(255, 249, 238, var(--text-opacity));
}
.al-btn--primary-dark-outline[data-v-3a79b6cf] {
  border-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #00011D;
  border-color: rgba(0, 1, 29, var(--border-opacity));
  background-color: transparent;
  --text-opacity: 1;
  color: #00011D;
  color: rgba(0, 1, 29, var(--text-opacity));
}
.al-btn--primary-dark-outline[data-v-3a79b6cf]:hover {
  --bg-opacity: 1;
  background-color: #00011D;
  background-color: rgba(0, 1, 29, var(--bg-opacity));
  --text-opacity: 1;
  color: #FFF9EE;
  color: rgba(255, 249, 238, var(--text-opacity));
}
.al-btn--primary[data-v-3a79b6cf] {
  --bg-opacity: 1;
  background-color: #00011D;
  background-color: rgba(0, 1, 29, var(--bg-opacity));
  --text-opacity: 1;
  color: #FFF9EE;
  color: rgba(255, 249, 238, var(--text-opacity));
}
.al-btn--primary[data-v-3a79b6cf]:hover {
  --bg-opacity: 1;
  background-color: #212139;
  background-color: rgba(33, 33, 57, var(--bg-opacity));
}
.features-ul li[data-v-3a79b6cf] {
  margin-top: 15px;
  --text-opacity: 1;
  color: #00011D;
  color: rgba(0, 1, 29, var(--text-opacity));
  font-variant-numeric: lining-nums;
}
.features-ul i[data-v-3a79b6cf] {
  padding-right: 15px;
  font-size: 16px;
}
.social-btn[data-v-3a79b6cf] {
  width: 155px;
  transition: 0.3s all;
}
.social-btn[data-v-3a79b6cf]:hover {
  opacity: 0.9;
}
.or[data-v-3a79b6cf] {
  --text-opacity: 1;
  color: #00011D;
  color: rgba(0, 1, 29, var(--text-opacity));
}
.text-\[40px\][data-v-3a79b6cf] {
  font-size: 40px;
}
.text-\[50px\][data-v-3a79b6cf] {
  font-size: 50px;
}
.leading-\[50px\][data-v-3a79b6cf] {
  line-height: 50px;
}
.or[data-v-3a79b6cf]:before {
  content: '';
  width: 100%;
  display: block;
  height: 1px;
  background-color: rgba(0, 1, 29, 0.20);
  position: absolute;
  top: 50%;
  z-index: -1;
}
.text-4d4d4d[data-v-3a79b6cf] {
  color: #4d4d4d;
}
@media (min-width: 640px) {
.social-btn[data-v-3a79b6cf] {
    width: 180px;
}
.right-side[data-v-3a79b6cf] {
    max-width: 500px;
}
}
@media (orientation: landscape) and (max-height: 480px) {
.left-side[data-v-3a79b6cf] {
    display: none;
}
}

/* Modal styling */
.modal-mask[data-v-3a79b6cf] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 42px;
  z-index: 999;
  overflow-y: auto;
}
[data-v-3a79b6cf] .modal-container {
  position: relative;
  margin: 0;
  padding: 0;
  max-width: 1100px;
  border-radius: 0;
  transition: all 0.3s ease;
  width: 100%;
  height: 100%;
  margin-top: 6px;
}
[data-v-3a79b6cf] .modal-body {
  height: auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  --bg-opacity: 1;
  background-color: #FFF9EE;
  background-color: rgba(255, 249, 238, var(--bg-opacity));
  border-radius: 12px;
}
[data-v-3a79b6cf] .modal-container {
  margin-top: 0;
  padding-top: 6px;
}
[data-v-3a79b6cf] .close {
  top: 16px !important;
  right: 24px !important;
}
[data-v-3a79b6cf] .close:before,[data-v-3a79b6cf] .close:after {
  background: #828282 !important;
  width: 24px !important;
}
@media (min-width: 640px) {
[data-v-3a79b6cf] .close {
    right: -20px !important;
    top: -20px !important;
}
[data-v-3a79b6cf] .close:before,[data-v-3a79b6cf] .close:after {
    background: white !important;
}
[data-v-3a79b6cf] .modal-container {
    width: auto;
    height: auto;
    border-radius: 12px;
    overflow-y: initial;
    max-height: 100%;
    margin-top: 6px;
    padding-top: 0;
}
.modal-mask[data-v-3a79b6cf] {
    margin-top: 0;
    background-color: rgba(0,0,0,0.8);
}
}
@media (orientation: landscape) and (max-height: 480px) {
.modal-mask[data-v-3a79b6cf] {
    z-index: 1000;
}
[data-v-3a79b6cf] .modal-container {
    height: 100%;
    border-radius: 0;
    margin-top: 0;
}
[data-v-3a79b6cf] .close {
    top: 0 !important;
    right: -24px !important;
}
}
:root{
  --vs-colors--lightest:rgba(60,60,60,0.26);
  --vs-colors--light:rgba(60,60,60,0.5);
  --vs-colors--dark:#333;
  --vs-colors--darkest:rgba(0,0,0,0.15);
  --vs-search-input-color:inherit;
  --vs-search-input-placeholder-color:inherit;
  --vs-font-size:1rem;
  --vs-line-height:1.4;
  --vs-state-disabled-bg:#f8f8f8;
  --vs-state-disabled-color:var(--vs-colors--light);
  --vs-state-disabled-controls-color:var(--vs-colors--light);
  --vs-state-disabled-cursor:not-allowed;
  --vs-border-color:var(--vs-colors--lightest);
  --vs-border-width:1px;
  --vs-border-style:solid;
  --vs-border-radius:4px;
  --vs-actions-padding:4px 6px 0 3px;
  --vs-controls-color:var(--vs-colors--light);
  --vs-controls-size:1;
  --vs-controls--deselect-text-shadow:0 1px 0 #fff;
  --vs-selected-bg:#f0f0f0;
  --vs-selected-color:var(--vs-colors--dark);
  --vs-selected-border-color:var(--vs-border-color);
  --vs-selected-border-style:var(--vs-border-style);
  --vs-selected-border-width:var(--vs-border-width);
  --vs-dropdown-bg:#fff;
  --vs-dropdown-color:inherit;
  --vs-dropdown-z-index:1000;
  --vs-dropdown-min-width:160px;
  --vs-dropdown-max-height:350px;
  --vs-dropdown-box-shadow:0px 3px 6px 0px var(--vs-colors--darkest);
  --vs-dropdown-option-bg:#000;
  --vs-dropdown-option-color:var(--vs-dropdown-color);
  --vs-dropdown-option-padding:3px 20px;
  --vs-dropdown-option--active-bg:#5897fb;
  --vs-dropdown-option--active-color:#fff;
  --vs-dropdown-option--deselect-bg:#fb5858;
  --vs-dropdown-option--deselect-color:#fff;
  --vs-transition-timing-function:cubic-bezier(1,-0.115,0.975,0.855);
  --vs-transition-duration:150ms
}

.v-select{
  font-family:inherit;
  position:relative
}

.v-select, .v-select *{
  box-sizing:border-box
}

:root{
  --vs-transition-timing-function:cubic-bezier(1,0.5,0.8,1);
  --vs-transition-duration:0.15s
}

@-webkit-keyframes vSelectSpinner{
  0%{
    transform:rotate(0deg)
  }

  to{
    transform:rotate(1turn)
  }
}

@keyframes vSelectSpinner{
  0%{
    transform:rotate(0deg)
  }

  to{
    transform:rotate(1turn)
  }
}

.vs__fade-enter-active, .vs__fade-leave-active{
  pointer-events:none;
  transition:opacity var(--vs-transition-duration) var(--vs-transition-timing-function)
}

.vs__fade-enter, .vs__fade-leave-to{
  opacity:0
}

:root{
  --vs-disabled-bg:var(--vs-state-disabled-bg);
  --vs-disabled-color:var(--vs-state-disabled-color);
  --vs-disabled-cursor:var(--vs-state-disabled-cursor)
}

.vs--disabled .vs__clear, .vs--disabled .vs__dropdown-toggle, .vs--disabled .vs__open-indicator, .vs--disabled .vs__search, .vs--disabled .vs__selected{
  background-color:var(--vs-disabled-bg);
  cursor:var(--vs-disabled-cursor)
}

.v-select[dir=rtl] .vs__actions{
  padding:0 3px 0 6px
}

.v-select[dir=rtl] .vs__clear{
  margin-left:6px;
  margin-right:0
}

.v-select[dir=rtl] .vs__deselect{
  margin-left:0;
  margin-right:2px
}

.v-select[dir=rtl] .vs__dropdown-menu{
  text-align:right
}

.vs__dropdown-toggle{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background:none;
  border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);
  border-radius:var(--vs-border-radius);
  display:flex;
  padding:0 0 4px;
  white-space:normal
}

.vs__selected-options{
  display:flex;
  flex-basis:100%;
  flex-grow:1;
  flex-wrap:wrap;
  padding:0 2px;
  position:relative
}

.vs__actions{
  align-items:center;
  display:flex;
  padding:var(--vs-actions-padding)
}

.vs--searchable .vs__dropdown-toggle{
  cursor:text
}

.vs--unsearchable .vs__dropdown-toggle{
  cursor:pointer
}

.vs--open .vs__dropdown-toggle{
  border-bottom-color:transparent;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0
}

.vs__open-indicator{
  fill:var(--vs-controls-color);
  transform:scale(var(--vs-controls-size));
  transition:transform var(--vs-transition-duration) var(--vs-transition-timing-function);
  transition-timing-function:var(--vs-transition-timing-function)
}

.vs--open .vs__open-indicator{
  transform:rotate(180deg) scale(var(--vs-controls-size))
}

.vs--loading .vs__open-indicator{
  opacity:0
}

.vs__clear{
  fill:var(--vs-controls-color);
  background-color:transparent;
  border:0;
  cursor:pointer;
  margin-right:8px;
  padding:0
}

.vs__dropdown-menu{
  background:var(--vs-dropdown-bg);
  border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);
  border-radius:0 0 var(--vs-border-radius) var(--vs-border-radius);
  border-top-style:none;
  box-shadow:var(--vs-dropdown-box-shadow);
  box-sizing:border-box;
  color:var(--vs-dropdown-color);
  display:block;
  left:0;
  list-style:none;
  margin:0;
  max-height:var(--vs-dropdown-max-height);
  min-width:var(--vs-dropdown-min-width);
  overflow-y:auto;
  padding:5px 0;
  position:absolute;
  text-align:left;
  top:calc(100% - var(--vs-border-width));
  width:100%;
  z-index:var(--vs-dropdown-z-index)
}

.vs__no-options{
  text-align:center
}

.vs__dropdown-option{
  clear:both;
  color:var(--vs-dropdown-option-color);
  cursor:pointer;
  display:block;
  line-height:1.42857143;
  padding:var(--vs-dropdown-option-padding);
  white-space:nowrap
}

.vs__dropdown-option--highlight{
  background:var(--vs-dropdown-option--active-bg);
  color:var(--vs-dropdown-option--active-color)
}

.vs__dropdown-option--deselect{
  background:var(--vs-dropdown-option--deselect-bg);
  color:var(--vs-dropdown-option--deselect-color)
}

.vs__dropdown-option--disabled{
  background:var(--vs-state-disabled-bg);
  color:var(--vs-state-disabled-color);
  cursor:var(--vs-state-disabled-cursor)
}

.vs__selected{
  align-items:center;
  background-color:var(--vs-selected-bg);
  border:var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);
  border-radius:var(--vs-border-radius);
  color:var(--vs-selected-color);
  display:flex;
  line-height:var(--vs-line-height);
  margin:4px 2px 0;
  padding:0 .25em;
  z-index:0
}

.vs__deselect{
  fill:var(--vs-controls-color);
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background:none;
  border:0;
  cursor:pointer;
  display:inline-flex;
  margin-left:4px;
  padding:0;
  text-shadow:var(--vs-controls--deselect-text-shadow)
}

.vs--single .vs__selected{
  background-color:transparent;
  border-color:transparent
}

.vs--single.vs--loading .vs__selected, .vs--single.vs--open .vs__selected{
  opacity:.4;
  position:absolute
}

.vs--single.vs--searching .vs__selected{
  display:none
}

.vs__search::-webkit-search-cancel-button{
  display:none
}

.vs__search::-ms-clear, .vs__search::-webkit-search-decoration, .vs__search::-webkit-search-results-button, .vs__search::-webkit-search-results-decoration{
  display:none
}

.vs__search, .vs__search:focus{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background:none;
  border:1px solid transparent;
  border-left:none;
  box-shadow:none;
  color:var(--vs-search-input-color);
  flex-grow:1;
  font-size:var(--vs-font-size);
  line-height:var(--vs-line-height);
  margin:4px 0 0;
  max-width:100%;
  outline:none;
  padding:0 7px;
  width:0;
  z-index:1
}

.vs__search::-moz-placeholder{
  color:var(--vs-search-input-placeholder-color)
}

.vs__search:-ms-input-placeholder{
  color:var(--vs-search-input-placeholder-color)
}

.vs__search::placeholder{
  color:var(--vs-search-input-placeholder-color)
}

.vs--unsearchable .vs__search{
  opacity:1
}

.vs--unsearchable:not(.vs--disabled) .vs__search{
  cursor:pointer
}

.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{
  opacity:.2
}

.vs__spinner{
  align-self:center;
  -webkit-animation:vSelectSpinner 1.1s linear infinite;
  animation:vSelectSpinner 1.1s linear infinite;
  border:.9em solid hsla(0,0%,39%,.1);
  border-left-color:rgba(60,60,60,.45);
  font-size:5px;
  opacity:0;
  overflow:hidden;
  text-indent:-9999em;
  transform:translateZ(0) scale(var(--vs-controls--spinner-size,var(--vs-controls-size)));
  transition:opacity .1s
}

.vs__spinner, .vs__spinner:after{
  border-radius:50%;
  height:5em;
  transform:scale(var(--vs-controls--spinner-size,var(--vs-controls-size)));
  width:5em
}

.vs--loading .vs__spinner{
  opacity:1
}.font-artlist[data-v-191c1834] {
  font-family: "Artlist Sans";
  line-height: 1.5;
  letter-spacing: 0.2px;
}
.fa-check-square[data-v-15503b17], .fa-square[data-v-15503b17] {
  --text-opacity: 1;
  color: #00011D;
  color: rgba(0, 1, 29, var(--text-opacity));
}
.font-artlist[data-v-b85b0412] {
  font-family: "Artlist Sans";
}
.input-field[data-v-b85b0412] {
  width: 100%;
  border-radius: 0.25rem;
  padding-left: 15px;
  padding-right: 15px;
  padding-right: 40px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  background-color: transparent;
  float: none;
  box-shadow: none;
  --text-opacity: 1;
  color: #00011D;
  color: rgba(0, 1, 29, var(--text-opacity));
  border-width: 1px;
  --border-opacity: 1;
  border-color: #00011D;
  border-color: rgba(0, 1, 29, var(--border-opacity));
  height: 48px;
  font-style: normal;
}
.input-field[data-v-b85b0412]::-moz-placeholder {
  --text-opacity: 1;
  color: #00011D;
  color: rgba(0, 1, 29, var(--text-opacity));
  opacity:  1;
}
.input-field[data-v-b85b0412]:-ms-input-placeholder {
  --text-opacity: 1;
  color: #00011D;
  color: rgba(0, 1, 29, var(--text-opacity));
}
.input-field[data-v-b85b0412]::placeholder {
  --text-opacity: 1;
  color: #00011D;
  color: rgba(0, 1, 29, var(--text-opacity));
}
.floating-label[data-v-b85b0412] {
  position: absolute;
  pointer-events: none;
  --text-opacity: 1;
  color: #00011D;
  color: rgba(0, 1, 29, var(--text-opacity));
  left: 12px;
  top: calc(50% - 12px);
  transition: all 0.3s;
}
input:focus + .floating-label[data-v-b85b0412], input.value + .floating-label[data-v-b85b0412] {
  --bg-opacity: 1;
  background-color: #FFF9EE;
  background-color: rgba(255, 249, 238, var(--bg-opacity));
  left: 0px;
  transform: scale(0.75) translateY(-32px);
  padding-left: 6px;
  padding-right: 6px;
}
input:focus + .floating-label.dark[data-v-b85b0412], input.value + .floating-label.dark[data-v-b85b0412] {
  --bg-opacity: 1;
  background-color: #00011D;
  background-color: rgba(0, 1, 29, var(--bg-opacity));
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
}
input[data-v-b85b0412]:focus {
  border-color: #333333;
}
.floating-check[data-v-b85b0412] {
  --text-opacity: 1;
  color: #00011D;
  color: rgba(0, 1, 29, var(--text-opacity));
  position: absolute;
  top: calc(50% - 8px);
  right: 12px;
}
input.error[data-v-b85b0412] {
  border-color: #ee5951;
}
input.error + label[data-v-b85b0412], .error-icon[data-v-b85b0412], .error-msg[data-v-b85b0412] {
  color: #ee5951 !important;
}
.nav-arrow {
  font-size: 14px;
  --text-opacity: 1;
  color: #FFF9EE;
  color: rgba(255, 249, 238, var(--text-opacity));
}
.subcat {
  margin: 22px 16px 12px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 16px;
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
}
.account-links {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 10px;
}
.account-link {
  height: 45px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  border-radius: 4px;
}
.drawer-link {
  display: block;
  padding-left: 16px;
  padding-right: 16px;
  cursor: pointer;
}
.drawer-link__content {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
  margin-left: 0;
  margin-right: 0;
  border-bottom-width: 1px;
  --border-opacity: 1;
  border-color: #DFE0FF;
  border-color: rgba(223, 224, 255, var(--border-opacity));
  --text-opacity: 1;
  color: #DFE0FF;
  color: rgba(223, 224, 255, var(--text-opacity));
}
.subcategory-icon {
  display: flex;
  align-items: center;
}
.subcategory-icon > svg > path:first-child {
  fill: #b2b2b2;
}
.subcategory-icon > svg > path:last-child {
  fill: #fff;
}
.selected-category {
  color: #666666;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.account-link--outline {
  border-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #FFFDFA;
  border-color: rgba(255, 253, 250, var(--border-opacity));
  --text-opacity: 1;
  color: #FFFDFA;
  color: rgba(255, 253, 250, var(--text-opacity));
}
.account-link--outline:hover {
  --text-opacity: 1;
  color: #FFFDFA;
  color: rgba(255, 253, 250, var(--text-opacity));
}
.account-link--primary {
  --bg-opacity: 1;
  background-color: #DBFF00;
  background-color: rgba(219, 255, 0, var(--bg-opacity));
  --text-opacity: 1;
  color: #00011D;
  color: rgba(0, 1, 29, var(--text-opacity));
}
.account-link--primary:hover {
  --bg-opacity: 1;
  background-color: #CAEB00;
  background-color: rgba(202, 235, 0, var(--bg-opacity));
  --text-opacity: 1;
  color: #00011D;
  color: rgba(0, 1, 29, var(--text-opacity));
}
.text-\[10px\] {
  font-size: 10px;
}
.py-\[2px\] {
  padding-top: 2px;
  padding-bottom: 2px;
}
.mr-\[6px\] {
  margin-right: 6px;
}
.px-\[4px\] {
  padding-right: 4px;
  padding-left: 4px;
}
.title[data-v-2906f4dc] {
  margin: 40px 16px 25px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 16px;
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
}
.icon[data-v-2906f4dc] {
  --text-opacity: 1;
  color: #FFF9EE;
  color: rgba(255, 249, 238, var(--text-opacity));
}
.link[data-v-7d96e09c] {
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 16px;
  cursor: pointer;
  --text-opacity: 1;
  color: #CCCBCE;
  color: rgba(204, 203, 206, var(--text-opacity));
}
.text-\[10px\][data-v-7d96e09c] {
  font-size: 10px;
}
.py-\[2px\][data-v-7d96e09c] {
  padding-top: 2px;
  padding-bottom: 2px;
}
.px-\[4px\][data-v-7d96e09c] {
  padding-right: 4px;
  padding-left: 4px;
}
.mr-\[6px\][data-v-7d96e09c] {
  margin-right: 6px;
}
.category[data-v-7d96e09c] {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  position: relative;
}
.link[data-v-7d96e09c]:hover, .link.category--active[data-v-7d96e09c] {
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
  box-shadow: 0px -5px 0px 0px #534CDA inset;
}
@media (min-width: 1440px) {
.category[data-v-7d96e09c] {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
}
}
.user-links[data-v-01119d8a] {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.user-links > * + *[data-v-01119d8a] {
  margin-left: 20px;
}
.cta[data-v-01119d8a] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 27px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 8px;
  --bg-opacity: 1;
  background-color: #DBFF00;
  background-color: rgba(219, 255, 0, var(--bg-opacity));
  --text-opacity: 1;
  color: #00011D;
  color: rgba(0, 1, 29, var(--text-opacity));
  font-size: 12px;
  font-weight: 700;
}
.grey-btn[data-v-31c8567e] {
  width: 15px;
  line-height: 1.2;
  font-size: 16px;
  padding: 0;
  --text-opacity: 1;
  color: #CCCCE2;
  color: rgba(204, 204, 226, var(--text-opacity));
}
.bottom-block[data-v-0dec1e72] {
  height: 50px;
  --bg-opacity: 1;
  background-color: #212139;
  background-color: rgba(33, 33, 57, var(--bg-opacity));
}
.bottom-block__link[data-v-0dec1e72] {
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 14px;
  --text-opacity: 1;
  color: #B2B2B2;
  color: rgba(178, 178, 178, var(--text-opacity));
}
.bottom-block__link--selected[data-v-0dec1e72] {
  background: #4d4d4d;
}
.bottom-block__link[data-v-0dec1e72]:not(.bottom-block__link--selected):hover {
  --bg-opacity: 1;
  background-color: #2D2E4A;
  background-color: rgba(45, 46, 74, var(--bg-opacity));
}
.link__text[data-v-0dec1e72] {
  margin-left: 10px;
}

.mobile-nav-container {
  padding: 12px 16px;
}
.mobile-nav-container button {
  border: 0;
  color: inherit;
  background-color: transparent;
  font-family: "Artlist Sans";
}
.mobile-nav-container {
  z-index: 1000;
}
@media (min-width: 640px) {
body.overflow-hidden .mobile-nav-container {
    z-index: auto;
}
}
.top-block[data-v-332d4022] {
  height: 60px;
  padding-left: 20px;
  padding-right: 20px;
}
.user-dropdown[data-v-a0db07e4] {
  min-width: 297px;
}
.link[data-v-a0db07e4]{
  padding: 6px 8px;
}
.divider[data-v-a0db07e4]{
  height: 1px;
}
.bg-hover[data-v-a0db07e4]:hover{
  background-color: #F1EADC;
}
.font-artlist[data-v-a0db07e4] {
  font-family: "Artlist Sans";
}
[data-v-101a6f42] .modal-container {
  width: 460px;
  padding: 20px 30px;
}
.header-bg[data-v-de6c0164] {
  background: rgba(4, 4, 4, 0.4)
    url('https://assets.motionarray.com/backgrounds/downgrade-page-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-blend-mode: overlay;
}
.container[data-v-de6c0164] {
  max-width: 1280px;
}
@media (min-width: 1024px) {
.header-bg[data-v-de6c0164] {
    background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 48.33%),
            url('https://assets.motionarray.com/backgrounds/downgrade-page-bg.jpg');
    background-color: #000;
    background-repeat: no-repeat;
    background-size: 750px;
    background-position: right, right;
    background-blend-mode: normal;
}
}
[data-v-3f651952] .modal-container {
  max-width: 400px;
  padding: 20px 30px;
}
.header-bg[data-v-62a557ad] {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url("/assets/images/site/accounts/maintenance/header.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}
.logo-title[data-v-62a557ad] {
  font-size: 10px;
}
[data-v-62a557ad] svg {
  display: inline-block;
}
@media (min-width: 1024px) {
.header-bg[data-v-62a557ad] {
    background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 48.33%),
      url("/assets/images/site/accounts/maintenance/header-large.png");
    background-color: #000;
    background-size: 40% 100%;
    background-position: right, bottom right;
    background-repeat: no-repeat;
}
}
@media (min-width: 1280px) {
.header-bg[data-v-62a557ad] {
    background-size: 40% auto;
}
}
.header-bg[data-v-625accd4] {
  background: rgba(0, 0, 0, 0.6)
    url('https://assets.motionarray.com/backgrounds/thankyou-page-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-blend-mode: overlay;
}
.container[data-v-625accd4] {
  max-width: 1280px;
}
@media (min-width: 1024px) {
.header-bg[data-v-625accd4] {
    background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 48.33%),
            url('https://assets.motionarray.com/backgrounds/thankyou-page-bg.jpg');
    background-color: #000;
    background-repeat: no-repeat;
    background-size: 750px;
    background-position: right, right;
    background-blend-mode: normal;
}
}
.modal-container[data-v-50fc3ebf] {
  position: fixed;
  margin: 0;
  padding: 0;
  width: 80%;
  top: 50%;
  left: 50%;
  max-width: 1100px;
}
.modal__close[data-v-50fc3ebf] {
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: 10;
  font-weight: 700;
  font-size: 36px;
  line-height: 1;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.4;
}
@media (min-width: 640px) {.login-page .login-page__content[data-v-e6f833c8] {
      overflow: hidden
}
}
.login-page .logo-wrapper .logo-image[data-v-e6f833c8] {
      width: 149px;
      height: 29px;
}
.login-page .content[data-v-e6f833c8] {
    position: relative;
    background-color: #000;
    padding-top: 0;
}
.login-page .content form label[data-v-e6f833c8] {
        font-size: 13px;
}
@media (max-width: 640px) {
.login-page .content form .keep-me-logged[data-v-e6f833c8] {
          margin-bottom: 150px;
}
}
.login-page .login-box[data-v-e6f833c8] .login-form input {
      height: 44px;
}
.login-page .login-box[data-v-e6f833c8] .login-form label {
      font-size: 13px;
}
.login-page .login-box[data-v-e6f833c8] .login-form .sub-title {
      font-weight: 500;
      align-items: center;
}
.login-page .login-box[data-v-e6f833c8] .login-form .ma-checkbox {
      cursor: pointer;
}
.login-page .login-box[data-v-e6f833c8] .login-form .ma-checkbox .wrap {
        align-items: center;
}
.login-page .login-box[data-v-e6f833c8] .login-form .ma-checkbox .ma-checkbox__toggle {
        width: 20px;
        height: 20px;
        font-size: 9px;
        border-width: 2px;
        --border-opacity: 1;
        border-color: #999999;
        border-color: rgba(153, 153, 153, var(--border-opacity));
        background-color: transparent;
        color: transparent;
}
@media (min-width: 640px) {
.login-page .login-box[data-v-e6f833c8] .login-form .ma-checkbox:hover .ma-checkbox__toggle {
            --text-opacity: 1;
            color: #999999;
            color: rgba(153, 153, 153, var(--text-opacity));
}
}
.login-page .login-box[data-v-e6f833c8] .login-form .ma-checkbox.ma-checkbox--checked .ma-checkbox__toggle {
          border-width: 0;
          --bg-opacity: 1;
          background-color: #B8E986;
          background-color: rgba(184, 233, 134, var(--bg-opacity));
          --text-opacity: 1;
          color: #fff;
          color: rgba(255, 255, 255, var(--text-opacity));
}
@media (min-width: 640px) {
.login-page .login-box[data-v-e6f833c8] {
      max-width: 900px;
}
.login-page .login-box form[data-v-e6f833c8] {
        max-width: 730px;
}
}
@media (min-width: 640px) {.login-page .login-page__content[data-v-7a2b738f] {
      overflow: hidden
}
}
.login-page .logo-wrapper .logo-image[data-v-7a2b738f] {
      width: 149px;
      height: 29px;
}
.login-page .content[data-v-7a2b738f] {
    position: relative;
    background-color: #000;
    padding-top: 0;
}
.login-page .content form label[data-v-7a2b738f] {
        font-size: 13px;
}
@media (max-width: 640px) {
.login-page .content form .keep-me-logged[data-v-7a2b738f] {
          margin-bottom: 150px;
}
}
.login-page .login-box[data-v-7a2b738f] .login-form input {
      height: 44px;
}
.login-page .login-box[data-v-7a2b738f] .login-form label {
      font-size: 13px;
}
.login-page .login-box[data-v-7a2b738f] .login-form .sub-title {
      font-weight: 500;
      align-items: center;
}
.login-page .login-box[data-v-7a2b738f] .login-form .ma-checkbox {
      cursor: pointer;
}
.login-page .login-box[data-v-7a2b738f] .login-form .ma-checkbox .wrap {
        align-items: center;
}
.login-page .login-box[data-v-7a2b738f] .login-form .ma-checkbox .ma-checkbox__toggle {
        width: 20px;
        height: 20px;
        font-size: 9px;
        border-width: 2px;
        --border-opacity: 1;
        border-color: #999999;
        border-color: rgba(153, 153, 153, var(--border-opacity));
        background-color: transparent;
        color: transparent;
}
@media (min-width: 640px) {
.login-page .login-box[data-v-7a2b738f] .login-form .ma-checkbox:hover .ma-checkbox__toggle {
            --text-opacity: 1;
            color: #999999;
            color: rgba(153, 153, 153, var(--text-opacity));
}
}
.login-page .login-box[data-v-7a2b738f] .login-form .ma-checkbox.ma-checkbox--checked .ma-checkbox__toggle {
          border-width: 0;
          --bg-opacity: 1;
          background-color: #B8E986;
          background-color: rgba(184, 233, 134, var(--bg-opacity));
          --text-opacity: 1;
          color: #fff;
          color: rgba(255, 255, 255, var(--text-opacity));
}
@media (min-width: 640px) {
.login-page .login-box[data-v-7a2b738f] {
      max-width: 900px;
}
.login-page .login-box form[data-v-7a2b738f] {
        max-width: 730px;
}
}
#app-team-invoices[data-v-27a92248] {
}
.team-details {
  display: flex;
  flex-flow: column;
  max-width: 670px;
}
.team-details label {
    font-size: 13px;
}
.team-details input {
    height: 44px;
}
.team-details .sub-title {
    font-size: 18px;
    font-weight: normal;
}
.team-details .city-wrap {
    height: 85px;
}
.team-details .country-list {
    font-size: 18px;
}
.team-details .country-list .vs__dropdown-toggle {
      border-radius: 0;
      padding: 3px 0 8px 10px;
}
.team-details .country-list .vs__dropdown-toggle input {
        height: unset;
}
.team-details .country-list .vs__dropdown-menu .vs__dropdown-option--highlight {
        background: #67c7d8;
}
#content-tabs > .tab[data-v-691259fc] {
  width: 111px;
  max-width: 30vw;
}
#app-manage-members .modal-container[data-v-691259fc] {
  width: 90%;
  max-width: 900px;
}
.text-\[\#534cda\][data-v-691259fc] {
  color: #534cda;
}
#btn_video[data-v-0efb90ac] {
  background-image: url(/assets/images/content/license/video-placeholder.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  background-color: #1e1b31;
}
.video-js[data-v-0efb90ac] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.video-container[data-v-0efb90ac] {
  position: relative;
  width: 100%;
  padding-top: calc(56.25% + 40px); /* 16:9 Aspect Ratio */
}
.bg-hero[data-v-21da6af7] {
  background-color: #151515;
  height: 510px;
  position: relative;
}
.bg-hero[data-v-21da6af7]::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(/assets/images/content/license/hero.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top right;
}
@media screen and (max-width: 1024px) {
.bg-hero[data-v-21da6af7] {
    height: 408px;
}
.bg-hero[data-v-21da6af7]::before {
    background-size: auto;
}
.bg-hero[data-v-21da6af7]::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #151515;
    opacity: .6;
}
}
@media screen and (max-width: 768px) {
.bg-hero[data-v-21da6af7]::before {
    width: calc(100% + 300px);
    background-position: top center;
    margin-left: -300px;
}
}
.bg-gradient[data-v-215fea42] {
  background: linear-gradient(270deg, #151515 0%, #2f2f2f 100%);
}
@media (min-width: 640px) {.login-page .login-page__content[data-v-482d2b98] {
      overflow: hidden
}
}
.login-page .logo-wrapper .logo-image[data-v-482d2b98] {
      width: 149px;
      height: 29px;
}
.login-page .content[data-v-482d2b98] {
    position: relative;
    background-color: #000;
    padding-top: 0;
}
.login-page .content form label[data-v-482d2b98] {
        font-size: 13px;
}
@media (max-width: 640px) {
.login-page .content form .keep-me-logged[data-v-482d2b98] {
          margin-bottom: 150px;
}
}
.login-page .login-box[data-v-482d2b98] .login-form input {
      height: 44px;
}
.login-page .login-box[data-v-482d2b98] .login-form label {
      font-size: 13px;
}
.login-page .login-box[data-v-482d2b98] .login-form .sub-title {
      font-weight: 500;
      align-items: center;
}
.login-page .login-box[data-v-482d2b98] .login-form .ma-checkbox {
      cursor: pointer;
}
.login-page .login-box[data-v-482d2b98] .login-form .ma-checkbox .wrap {
        align-items: center;
}
.login-page .login-box[data-v-482d2b98] .login-form .ma-checkbox .ma-checkbox__toggle {
        width: 20px;
        height: 20px;
        font-size: 9px;
        border-width: 2px;
        --border-opacity: 1;
        border-color: #999999;
        border-color: rgba(153, 153, 153, var(--border-opacity));
        background-color: transparent;
        color: transparent;
}
@media (min-width: 640px) {
.login-page .login-box[data-v-482d2b98] .login-form .ma-checkbox:hover .ma-checkbox__toggle {
            --text-opacity: 1;
            color: #999999;
            color: rgba(153, 153, 153, var(--text-opacity));
}
}
.login-page .login-box[data-v-482d2b98] .login-form .ma-checkbox.ma-checkbox--checked .ma-checkbox__toggle {
          border-width: 0;
          --bg-opacity: 1;
          background-color: #B8E986;
          background-color: rgba(184, 233, 134, var(--bg-opacity));
          --text-opacity: 1;
          color: #fff;
          color: rgba(255, 255, 255, var(--text-opacity));
}
@media (min-width: 640px) {
.login-page .login-box[data-v-482d2b98] {
      max-width: 900px;
}
.login-page .login-box form[data-v-482d2b98] {
        max-width: 730px;
}
}
.text-2xs[data-v-4052bc6c] {
  font-size: 10px;
  height: 16px;
}
.remove-from-team-modal .modal-container {
  width: 90%;
  max-width: 900px;
}
.add-additional-members-modal {
  overflow: auto;
}
.add-additional-members-modal .modal-container {
    width: 900px;
    margin-top: auto;
    margin-bottom: auto;
    padding: 20px;
}
.add-additional-members-modal .modal-container .modal-body {
      max-width: 670px;
      margin-left: auto;
      margin-right: auto;
}
@media (max-width: 768px) {
.add-additional-members-modal .modal-container {
      width: 100vw !important;

      height: 100%;

      margin-top: 0px;

      overflow-y: auto
}
}
.add-additional-members-modal .vue-tags-input {
    max-width: 100% !important;
}
.add-additional-members-modal .vue-tags-input .ti-new-tag-input-wrapper {
      min-height: 30px !important;
}

/*# sourceMappingURL=extracted-vue-styles.css.map*/