.preview-modal .close[data-v-0c0884a4] {
  font-weight: 300;
  font-size: 2rem;
  padding: 3px 5px;
}
.preview-modal .close[data-v-0c0884a4]:focus {
    outline: none;
}
.preview-modal .m-header[data-v-0c0884a4] {
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  text-align: center;
}
.preview-modal .m-body[data-v-0c0884a4] {
  padding: 1rem;
}
.preview-modal input.form-control[data-v-0c0884a4] {
  border-bottom: 1px solid #d1d3d4;
  margin-top: 0;
  padding: 0;
  height: 30px;
}
.preview-modal .disabled[data-v-0c0884a4], .preview-modal .radio-custom[disabled] + .radio-custom-label[data-v-0c0884a4] {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: auto;
}
.preview-modal .disabled.btn-sm[data-v-0c0884a4]:hover, .preview-modal .radio-custom[disabled] + .radio-custom-label.btn-sm[data-v-0c0884a4]:hover {
    border: 1px solid #d1d3d4;
    background-color: #f8f8f9;
    color: #a7a9ac;
}

.upload-video-component[data-v-76a9c741] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 5px;
  height: 200px;
  width: 100%;
  border: 1px #d1d3d4 dashed;
  background-color: #f8f8f9;
  cursor: pointer;
  z-index: 1;
}
.upload-video-component[data-v-76a9c741]:hover {
    border-color: #8f969d;
}
.upload-video-component:hover .upload-video-title[data-v-76a9c741] {
      color: #212529;
}
.upload-video-component.dragover[data-v-76a9c741] {
    border-color: #8f969d;
}
.upload-video-component.dragover .upload-video-title[data-v-76a9c741] {
      color: #212529;
}
.upload-video-component.block-file-selection[data-v-76a9c741] {
    cursor: default;
}
.upload-video-component.block-file-selection[data-v-76a9c741]:hover {
      border-color: #d1d3d4;
}
.upload-video-component .upload-video-title[data-v-76a9c741] {
    font-family: "montserrat-reg";
    font-size: 14px;
    color: #a7a9ac;
    text-align: center;
}
.upload-video-component .errors[data-v-76a9c741] {
    color: #5a5a5a;
    margin-top: 10px;
}
.upload-video-component .errors p[data-v-76a9c741] {
      margin: 0;
      color: #8A7A5E;
}
.upload-video-component .errors ul[data-v-76a9c741] {
      margin: 0;
      padding-left: 25px;
}
.upload-video-component .space_limited_msg[data-v-76a9c741] {
    padding: 5px 10px;
}
input[type='file'][data-v-76a9c741] {
  display: none;
}

.theoplayer-container.sources-unavailable .vjs-big-play-button[data-v-aeb4e5b0] {
  display: none;
}
.theo-unable[data-v-aeb4e5b0] {
  background-color: #f8f8f9;
  width: 100%;
  min-height: 240px;
  display: flex;
  align-items: center;
  text-align: center;
}

.upload-image-component {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 5px;
  height: 60px;
  width: 100%;
  border: 1px #d1d3d4 dashed;
  background-color: #f8f8f9;
  cursor: pointer;
  z-index: 1;
}
.upload-image-component:not(.u-disabled):hover {
    border-color: #8f969d;
}
.upload-image-component:not(.u-disabled):hover .upload-video-title {
      color: #212529;
}
.upload-image-component:not(.u-disabled).dragover {
    border-color: #8f969d;
}
.upload-image-component:not(.u-disabled).dragover .upload-video-title {
      color: #212529;
}
.upload-image-component.u-disabled {
    cursor: not-allowed;
}
.upload-image-component .upload-image-title {
    font-family: "montserrat-reg";
    font-size: 14px;
    color: #a7a9ac;
    text-align: center;
}
.upload-image-component input[type='file'] {
    display: none;
}

.posters-nav-component .poster-img-container[data-v-39bda3f4] {
  border: 1px #d1d3d4 dashed;
  height: 60px;
  position: relative;
  background-color: #f8f8f9;
  display: flex;
  align-items: center;
}
.posters-nav-component .poster-img-container.complete[data-v-39bda3f4] {
    background-color: black;
}
.posters-nav-component .poster-img-container:hover .poster-remove[data-v-39bda3f4] {
    opacity: 1;
}
.posters-nav-component .poster-img[data-v-39bda3f4] {
  cursor: pointer;
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
}
.posters-nav-component .fa-spinner[data-v-39bda3f4] {
  margin: 0 auto;
}
.posters-nav-component .poster-index-input[data-v-39bda3f4] {
  display: none;
}
.posters-nav-component img[data-v-39bda3f4] {
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  margin: 0 auto;
}
.posters-nav-component .poster-mark[data-v-39bda3f4] {
  color: white;
  position: absolute;
  top: 0;
  right: 0;
  background-color: black;
  padding-left: 2px;
  margin: 0;
}
.posters-nav-component .poster-remove[data-v-39bda3f4] {
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  background: none;
  font-size: 1.5em;
  padding: 5px;
  cursor: pointer;
  opacity: 0;
  transition: opacity linear .3s;
  text-shadow: 1px 1px 5px black;
}
.posters-nav-component .styled-checkbox[disabled] + label[data-v-39bda3f4] {
  opacity: 0.5;
  cursor: not-allowed;
}
.posters-nav-component.cardForm .row[data-v-39bda3f4] {
  margin-left: -10px;
  margin-right: -10px;
}
.posters-nav-component.cardForm .poster-img-container[data-v-39bda3f4], .posters-nav-component.cardForm .upload-image-component[data-v-39bda3f4] {
  height: 75px;
}
.posters-nav-component .temp-img-preview[data-v-39bda3f4] {
  opacity: 0.5;
}

.select-preview-component input.form-control[data-v-5a07b2b3] {
  border-bottom: 1px solid #d1d3d4;
  margin-top: 0;
  padding: 0;
  height: 30px;
}
.select-preview-component .disabled[data-v-5a07b2b3], .select-preview-component .radio-custom[disabled] + .radio-custom-label[data-v-5a07b2b3] {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: auto;
}
.select-preview-component .disabled.btn-sm[data-v-5a07b2b3]:hover, .select-preview-component .radio-custom[disabled] + .radio-custom-label.btn-sm[data-v-5a07b2b3]:hover {
    border: 1px solid #d1d3d4;
    background-color: #f8f8f9;
    color: #a7a9ac;
}

.dont-leave-modal .modal-box[data-v-5c7bce82] {
  padding: 40px;
}
.dont-leave-modal .modal-box p[data-v-5c7bce82] {
    margin-bottom: 20px;
}
.dont-leave-modal .close[data-v-5c7bce82] {
  margin: 0 !important;
  padding: 10px !important;
  position: absolute;
  right: 10px;
  top: 10px;
}
.dont-leave-modal .close img[data-v-5c7bce82] {
    width: 20px;
    filter: invert(1.5) sepia(1) saturate(5) hue-rotate(175deg);
}
.dont-leave-modal .close[data-v-5c7bce82]:focus {
    outline: none;
}
.dont-leave-modal .m-header[data-v-5c7bce82] {
  text-align: center;
}
.dont-leave-modal .m-body[data-v-5c7bce82] {
  text-align: center;
}
.dont-leave-modal .m-body .actions[data-v-5c7bce82] {
    margin: 40px auto 20px;
}
.dont-leave-modal .m-body .actions ._btn[data-v-5c7bce82] {
      display: inline-block;
      width: auto;
      min-width: 140px;
      margin: 0 10px;
}
@media (max-width: 450px) {
.dont-leave-modal .m-body .actions ._btn[data-v-5c7bce82] {
          min-width: 120px;
}
}
.dont-leave-modal .dont-show-again label[data-v-5c7bce82] {
  margin-bottom: 4px;
}

.poster-from-timeline-component[data-v-24a8bd01] {
  position: relative;
}
.poster-from-timeline-component .btn-sm[data-v-24a8bd01] {
    position: absolute;
    opacity: 0.7;
    top: calc(50% - 25px);
    right: calc(50% - 75px);
    transition: all 0.2s linear;
}
.poster-from-timeline-component video[data-v-24a8bd01] {
    width: 100%;
    height: 200px;
}
.poster-from-timeline-component.cardForm video[data-v-24a8bd01] {
    height: 246px;
}

.v-select{position:relative;font-family:inherit}.v-select,.v-select *{box-sizing:border-box}@keyframes vSelectSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vs__fade-enter-active,.vs__fade-leave-active{pointer-events:none;transition:opacity .15s cubic-bezier(1,.5,.8,1)}.vs__fade-enter,.vs__fade-leave-to{opacity:0}.vs--disabled .vs__clear,.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__open-indicator,.vs--disabled .vs__search,.vs--disabled .vs__selected{cursor:not-allowed;background-color:#f8f8f8}.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;display:flex;padding:0 0 4px;background:none;border:1px solid rgba(60,60,60,.26);border-radius: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{display:flex;align-items:center;padding:4px 6px 0 3px}.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:rgba(60,60,60,.5);transform:scale(1);transition:transform .15s cubic-bezier(1,-.115,.975,.855);transition-timing-function:cubic-bezier(1,-.115,.975,.855)}.vs--open .vs__open-indicator{transform:rotate(180deg) scale(1)}.vs--loading .vs__open-indicator{opacity:0}.vs__clear{fill:rgba(60,60,60,.5);padding:0;border:0;background-color:transparent;cursor:pointer;margin-right:8px}.vs__dropdown-menu{display:block;box-sizing:border-box;position:absolute;top:calc(100% - 1px);left:0;z-index:1000;padding:5px 0;margin:0;width:100%;max-height:350px;min-width:160px;overflow-y:auto;box-shadow:0 3px 6px 0 rgba(0,0,0,.15);border:1px solid rgba(60,60,60,.26);border-top-style:none;border-radius:0 0 4px 4px;text-align:left;list-style:none;background:#fff}.vs__no-options{text-align:center}.vs__dropdown-option{line-height:1.42857143;display:block;padding:3px 20px;clear:both;color:#333;white-space:nowrap}.vs__dropdown-option:hover{cursor:pointer}.vs__dropdown-option--highlight{background:#5897fb;color:#fff}.vs__dropdown-option--disabled{background:inherit;color:rgba(60,60,60,.5)}.vs__dropdown-option--disabled:hover{cursor:inherit}.vs__selected{display:flex;align-items:center;background-color:#f0f0f0;border:1px solid rgba(60,60,60,.26);border-radius:4px;color:#333;line-height:1.4;margin:4px 2px 0;padding:0 .25em;z-index:0}.vs__deselect{display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-left:4px;padding:0;border:0;cursor:pointer;background:none;fill:rgba(60,60,60,.5);text-shadow:0 1px 0 #fff}.vs--single .vs__selected{background-color:transparent;border-color:transparent}.vs--single.vs--open .vs__selected{position:absolute;opacity:.4}.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;line-height:1.4;font-size:1em;border:1px solid transparent;border-left:none;outline:none;margin:4px 0 0;padding:0 7px;background:none;box-shadow:none;width:0;max-width:100%;flex-grow:1;z-index:1}.vs__search::-moz-placeholder{color:inherit}.vs__search::placeholder{color:inherit}.vs--unsearchable .vs__search{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search:hover{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{opacity:.2}.vs__spinner{align-self:center;opacity:0;font-size:5px;text-indent:-9999em;overflow:hidden;border:.9em solid hsla(0,0%,39.2%,.1);border-left-color:rgba(60,60,60,.45);transform:translateZ(0);animation:vSelectSpinner 1.1s linear infinite;transition:opacity .1s}.vs__spinner,.vs__spinner:after{border-radius:50%;width:5em;height:5em}.vs--loading .vs__spinner{opacity:1}/*# sourceMappingURL=vue-select.css.map*/
.upload-subtitle-component .lang .vs__selected-options {
  min-height: 21px;
  overflow: hidden;
}
.upload-subtitle-component .lang.l-selected .vs__selected-options {
  max-width: calc(100% - 40px);
}
.upload-subtitle-component .lang .vs__selected + .vs__search {
  position: absolute;
  width: 50px;
  height: 21px;
}
.upload-subtitle-component .file {
  overflow: hidden;
  margin-top: 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.upload-subtitle-component .remove-btn {
  opacity: 0.2;
  transition: opacity ease-out 200ms;
}
.upload-subtitle-component .remove-btn:hover {
    opacity: 0.8;
}

.posters-nav-component .poster-img-container[data-v-a5b72cde] {
  border: 1px #d1d3d4 dashed;
  height: 60px;
  position: relative;
  background-color: #f8f8f9;
  display: flex;
  align-items: center;
}
.posters-nav-component .poster-img-container.complete[data-v-a5b72cde] {
    background-color: black;
}
.posters-nav-component .poster-img-container:hover .poster-remove[data-v-a5b72cde] {
    opacity: 1;
}
.posters-nav-component .poster-img[data-v-a5b72cde] {
  cursor: pointer;
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
}
.posters-nav-component .fa-spinner[data-v-a5b72cde] {
  margin: 0 auto;
}
.posters-nav-component .poster-index-input[data-v-a5b72cde] {
  display: none;
}
.posters-nav-component img[data-v-a5b72cde] {
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  margin: 0 auto;
}
.posters-nav-component .poster-mark[data-v-a5b72cde] {
  color: white;
  position: absolute;
  top: 0;
  right: 0;
  background-color: black;
  padding-left: 2px;
  margin: 0;
}
.posters-nav-component .poster-remove[data-v-a5b72cde] {
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  background: none;
  font-size: 1.5em;
  padding: 5px;
  cursor: pointer;
  opacity: 0;
  transition: opacity linear .3s;
  text-shadow: 1px 1px 5px black;
}
.posters-nav-component .styled-checkbox[disabled] + label[data-v-a5b72cde] {
  opacity: 0.5;
  cursor: not-allowed;
}
.posters-nav-component.cardForm .row[data-v-a5b72cde] {
  margin-left: -10px;
  margin-right: -10px;
}
.posters-nav-component.cardForm .poster-img-container[data-v-a5b72cde], .posters-nav-component.cardForm .upload-image-component[data-v-a5b72cde] {
  height: 75px;
}
.posters-nav-component .temp-img-preview[data-v-a5b72cde] {
  opacity: 0.5;
}

#video-form-component .set-drm-content[data-v-0aa44534] {
  margin-top: 10px;
  display: inline-block;
}
#video-form-component .styled-checkbox[disabled] + label[data-v-0aa44534] {
  opacity: 0.5;
  cursor: not-allowed;
}
#video-form-component .edit-video[data-v-0aa44534] {
  text-align: right;
}
#video-form-component .edit-video a[data-v-0aa44534] {
    cursor: pointer;
}

/*!
 * Cropper.js v1.5.9
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2020-09-10T13:16:21.689Z
 */

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: calc(100% / 3);
  left: 0;
  top: calc(100% / 3);
  width: 100%;
}

.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: calc(100% / 3);
  top: 0;
  width: calc(100% / 3);
}

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
.cropper-center::after {
  background-color: #eee;
  content: ' ';
  display: block;
  position: absolute;
}

.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}

.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}

.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}

.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}

.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}

.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}

.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}

.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}

.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}

.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}

@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}

@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}

.cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: ' ';
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

.upload-cover-component {
  width: 100%;
}
.upload-cover-component .displaying-image .cropped-image {
    width: 320px;
    height: 214px;
    -o-object-fit: contain;
       object-fit: contain;
}
.upload-cover-component .displaying-image .change-btn-wrap {
    margin-top: 20px;
}
.upload-cover-component .displaying-image .change-btn-wrap > button {
      width: 170px;
}
.upload-cover-component .vue-cropper {
    overflow: hidden;
    min-height: 180px;
}
.upload-dropzone {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 5px;
  min-height: 90px;
  width: 100%;
  border: 1px #d1d3d4 dashed;
  background-color: #f8f8f9;
  cursor: pointer;
  z-index: 1;
}
.upload-dropzone.in-progress {
    cursor: progress;
}
.upload-dropzone:hover {
    border-color: #8f969d;
}
.upload-dropzone:hover .upload-image-title {
      color: #808285;
}
.upload-dropzone.dragover {
    cursor: copy;
    border-color: #8f969d;
}
.upload-dropzone.dragover .upload-image-title {
      color: #808285;
}
.upload-dropzone .upload-image-title {
    font-family: "montserrat-bold";
    font-size: 14px;
    color: #a7a9ac;
    text-align: center;
}
.upload-dropzone input[type='file'] {
    display: none;
}
.vue2-cropper {
  z-index: 99;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  cursor: default;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.46);
}
.vue2-cropper .modal-dialog {
    max-width: 400px;
    font-family: "montserrat-bold";
}
html.mobile .vue2-cropper .modal-dialog {
      margin-top: 50px;
}
.vue2-cropper .modal-dialog .modal-content {
      max-width: 400px;
}
.vue2-cropper .modal-dialog .modal-content .modal-header .title {
        margin: 20px auto;
        font-size: 14px;
}
.vue2-cropper .modal-dialog .modal-content .modal-body .crop-wrapper {
        position: relative;
        padding-top: 66.66%;
        background-color: lightgray;
}
.vue2-cropper .modal-dialog .modal-content .modal-body .crop-wrapper .vue-cropper {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          overflow: hidden;
          border: none;
}
.vue2-cropper .modal-dialog .modal-content .modal-body .crop-wrapper .vue-cropper .cropper-view-box {
            outline: none;
}
.vue2-cropper .modal-dialog .modal-content .modal-body .change-btn-wrap {
        margin-top: 50px;
}
.vue2-cropper .modal-dialog .modal-content .modal-body .change-btn-wrap > button {
          width: 140px;
}
.vue2-cropper .modal-dialog .modal-content .modal-body .done-btn-wrap {
        float: right;
        margin-top: 75px;
}
.vue2-cropper .modal-dialog .modal-content .modal-body .done-btn-wrap > button {
          padding: 10px 20px;
}
.errors {
  color: #5a5a5a;
  margin-top: 10px;
  text-align: left;
}
.errors p {
    margin: 0;
    color: #8A7A5E;
}
.errors .space_limited_msg {
    padding: 5px 10px;
}

.upload-cover-scribe-component {
  position: relative;
  padding-top: 66.6666%;
}
.upload-cover-scribe-component.complete .content-wrapper {
    outline: 1px solid lightgray;
}
.upload-cover-scribe-component .content-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.upload-cover-scribe-component .content-wrapper .vue-cropper {
      height: 100%;
      overflow: hidden;
      border: none;
}
.upload-cover-scribe-component .content-wrapper .vue-cropper .cropper-view-box {
        outline: none;
}
.upload-cover-scribe-component .content-wrapper .control-panel {
      position: absolute;
      top: 10px;
      right: 10px;
      z-index: 1;
      opacity: 0.5;
      transition: opacity ease-out 100ms;
}
.upload-cover-scribe-component .content-wrapper .control-panel:hover {
        opacity: 0.95;
}
.upload-cover-scribe-component .content-wrapper .control-panel .btn-default .fa {
        text-shadow: 0 0 10px white;
}
.upload-cover-scribe-component .content-wrapper .control-panel.upload-status {
        opacity: 1;
        text-shadow: 0 0 10px white;
}
.upload-cover-scribe-component .content-wrapper .control-panel.upload-status .btn-default {
          background: rgba(255, 255, 255, 0.2);
}
.upload-cover-scribe-component .displaying-image img {
    width: 100%;
}
.upload-cover-scribe-component .upload-dropzone {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 5px;
    height: 100%;
    width: 100%;
    border: 1px #d1d3d4 dashed;
    background-color: #f8f8f9;
    cursor: pointer;
    z-index: 1;
}
.upload-cover-scribe-component .upload-dropzone.in-progress {
      cursor: progress;
}
.upload-cover-scribe-component .upload-dropzone:hover {
      border-color: #8f969d;
}
.upload-cover-scribe-component .upload-dropzone:hover .upload-image-title {
        color: #808285;
}
.upload-cover-scribe-component .upload-dropzone.dragover {
      cursor: copy;
      border-color: #8f969d;
}
.upload-cover-scribe-component .upload-dropzone.dragover .upload-image-title {
        color: #808285;
}
.upload-cover-scribe-component .upload-dropzone .upload-image-title {
      font-family: Montserrat, sans-serif;
      font-size: 30px;
      color: #a7a9ac;
      text-align: center;
}
.upload-cover-scribe-component .upload-dropzone .upload-image-title .bold-text {
        margin-bottom: 10px;
}
.upload-cover-scribe-component .upload-dropzone input[type='file'] {
      display: none;
}

.upload-card-detail .close[data-v-49f6b6aa] {
  width: 20px;
  height: 20px;
}
.upload-card-detail .close[data-v-49f6b6aa]:after {
    content: '';
    height: 25px;
    border-left: 2px solid black;
    position: absolute;
    transform: rotate(45deg);
    left: 10px;
    top: 0;
}
.upload-card-detail .close[data-v-49f6b6aa]:before {
    content: '';
    height: 25px;
    border-left: 2px solid black;
    position: absolute;
    transform: rotate(-45deg);
    left: 10px;
    top: 0;
}
.upload-card-detail .close.btn-disabled[data-v-49f6b6aa] {
    cursor: not-allowed;
}
.upload-card-detail .upload-dropzone[data-v-49f6b6aa] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 5px;
  height: 100%;
  width: 100%;
  border: 1px #d1d3d4 dashed;
  background-color: #f8f8f9;
  cursor: pointer;
  z-index: 1;
  padding: 50px 10px;
  margin: 40px 0;
}
.upload-card-detail .upload-dropzone.in-progress[data-v-49f6b6aa] {
    cursor: progress;
}
.upload-card-detail .upload-dropzone[data-v-49f6b6aa]:hover {
    border-color: #8f969d;
}
.upload-card-detail .upload-dropzone:hover .upload-image-title[data-v-49f6b6aa] {
      color: #808285;
}
.upload-card-detail .upload-dropzone.dragover[data-v-49f6b6aa] {
    cursor: copy;
    border-color: #8f969d;
}
.upload-card-detail .upload-dropzone.dragover .upload-image-title[data-v-49f6b6aa] {
      color: #808285;
}
.upload-card-detail .upload-dropzone > input[data-v-49f6b6aa] {
    display: none !important;
}
.upload-card-detail .upload-dropzone .upload-image-title[data-v-49f6b6aa] {
    font-size: 14px;
    color: #a7a9ac;
    text-align: center;
}
.upload-card-detail .upload-dropzone .upload-image-title .bold-text[data-v-49f6b6aa] {
      font-family: "montserrat-bold";
}
.upload-card-detail .add-photo-original-text-card.btn-disabled[data-v-49f6b6aa] {
  cursor: not-allowed !important;
  border: 1px solid #d1d3d4;
  background-color: #ffffff;
  font-family: 'Montserrat', sans-serif !important;
  color: #d1d3d4 !important;
}

.upload-profile-banner {
  height: 300px;
  height: var(--banner-height, 300px);
}
.upload-profile-banner .control-panel {
    right: 18px;
    z-index: 1;
    position: absolute;
    background-color: white;
}
.upload-profile-banner .control-panel .btn {
      width: 42px;
      color: #4c419a;
      box-sizing: border-box;
      border-radius: 0 !important;
      font-family: "montserrat-bold";
}
.upload-profile-banner .control-panel .btn > i {
        margin-right: 0;
}
.upload-profile-banner .control-panel .btn:hover {
        color: white;
        background-color: #4c419a;
}
.upload-profile-banner .control-panel .btn.save {
        width: 90px;
}
.upload-profile-banner .control-panel .btn.upload-percentage {
        width: 160px;
        font-family: "montserrat-bold";
}
.upload-profile-banner .banner-display {
    height: 100%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
}
.upload-profile-banner .upload-dropzone {
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px #d1d3d4 dashed;
    background-color: #f8f8f9;
}
.upload-profile-banner .upload-dropzone.in-progress {
      cursor: progress;
}
.upload-profile-banner .upload-dropzone:hover {
      border-color: #717171;
}
.upload-profile-banner .upload-dropzone:hover .upload-image-title {
        color: #4a4a4a;
}
.upload-profile-banner .upload-dropzone.dragover {
      cursor: copy !important;
      border-color: #717171;
}
.upload-profile-banner .upload-dropzone.dragover .upload-image-title {
        color: #4a4a4a;
}
.upload-profile-banner .upload-dropzone input {
      display: none;
}
.upload-profile-banner .upload-dropzone .upload-image-title {
      color: gray;
}
.upload-profile-banner .upload-dropzone .upload-image-title .big-text {
        font-size: 19px;
        margin-bottom: 10px;
}
.upload-profile-banner .upload-dropzone .upload-image-title .small-text {
        font-size: 16px;
}
.upload-profile-banner .vue-cropper {
    height: 100%;
}
@media (max-width: 990px) {
.upload-profile-banner .control-panel {
    right: 0;
}
}
@media (max-width: 318px) {
.upload-profile-banner .control-panel {
    right: 0;
}
.upload-profile-banner .control-panel .save {
      width: 42px !important;
}
.upload-profile-banner .control-panel .save .save-title {
        display: none;
}
}

.upload-profile-pfoto .avatar-displaying {
  cursor: pointer;
  margin-top: 20px;
}
.upload-profile-pfoto .avatar-displaying.business {
    margin-top: 0;
    margin-bottom: 20px;
}
.upload-profile-pfoto .avatar-displaying > img {
    width: 120px;
    height: 120px;
    border-radius: 100%;
}
.upload-profile-pfoto .cm-wrap {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  z-index: 999;
  background-color: #00000042;
  display: flex;
  align-items: center;
  justify-content: center;
}
.upload-profile-pfoto .cm-wrap .cm {
    padding: 15px;
    width: 95%;
    max-width: 400px;
    background-color: white;
}
.upload-profile-pfoto .cm-wrap .cm .cm-modal-header {
      position: relative;
      height: 15px;
}
.upload-profile-pfoto .cm-wrap .cm .cm-modal-header .close-btn {
        width: 28px;
        height: 28px;
        opacity: 0.5;
        position: absolute;
        right: 0;
}
.upload-profile-pfoto .cm-wrap .cm .cm-modal-header .close-btn:hover {
          opacity: 1;
}
.upload-profile-pfoto .cm-wrap .cm .cm-modal-header .close-btn:before, .upload-profile-pfoto .cm-wrap .cm .cm-modal-header .close-btn:after {
          position: absolute;
          left: 15px;
          content: ' ';
          height: 28px;
          width: 2px;
          background-color: #333;
}
.upload-profile-pfoto .cm-wrap .cm .cm-modal-header .close-btn:before {
          transform: rotate(45deg);
}
.upload-profile-pfoto .cm-wrap .cm .cm-modal-header .close-btn:after {
          transform: rotate(-45deg);
}
.upload-profile-pfoto .cm-wrap .cm .cm-modal-body {
      text-align: center;
}
.upload-profile-pfoto .cm-wrap .cm .cm-modal-body .progress {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100px;
        border: 1px #d1d3d4 solid;
        background-color: #f8f8f9;
        border-radius: 0;
        font-size: 14px;
        color: #4a4a4a;
}
.upload-profile-pfoto .cm-wrap .cm .cm-modal-body .cropper-view-box,
      .upload-profile-pfoto .cm-wrap .cm .cm-modal-body .cropper-face {
        border-radius: 50% !important;
}
.upload-profile-pfoto .cm-wrap .cm .cm-modal-body .upload-another {
        cursor: pointer;
        margin-top: 15px;
}
.upload-profile-pfoto .cm-wrap .cm .cm-modal-footer {
      margin-top: 15px;
}
.upload-profile-pfoto .cm-wrap .cm .cm-modal-footer .save-btn {
        cursor: pointer;
        text-align: center;
        padding: 10px;
        color: white;
        background-color: #4c419a;
}
.upload-profile-pfoto .cm-wrap .cm .cm-modal-footer .save-btn:hover {
          background-color: #594A36 !important;
}
.upload-profile-pfoto .avatar-input {
  display: none;
}

.upload-old-image .display-image {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.upload-old-image .display-image > img {
    width: 200px;
    height: 200px;
    border-radius: 100%;
}
.upload-old-image .display-image .gi-change-image {
    height: 40px;
    margin-top: 10px;
    cursor: pointer;
    color: #a7a9ac;
    background: #f8f8f9;
    text-align: center;
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 14px;
    font-family: "montserrat-bold";
    border: 1px solid #d1d3d4;
}
.upload-old-image .display-image .gi-change-image:hover {
      background: #8A7A5E;
      border: 1px solid #8A7A5E;
      color: white;
      text-decoration: none;
}
.upload-old-image .gi-dropzone {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 5px;
  min-height: 90px;
  width: 100%;
  border: 1px #d1d3d4 dashed;
  background-color: #f8f8f9;
  cursor: pointer;
  z-index: 1;
}
.upload-old-image .gi-dropzone.in-progress {
    cursor: progress;
}
.upload-old-image .gi-dropzone:hover {
    border-color: #8f969d;
}
.upload-old-image .gi-dropzone:hover .upload-image-title {
      color: #808285;
}
.upload-old-image .gi-dropzone.dragover {
    cursor: copy;
    border-color: #8f969d;
}
.upload-old-image .gi-dropzone.dragover .upload-image-title {
      color: #808285;
}
.upload-old-image .gi-dropzone .upload-image-title {
    font-family: "montserrat-bold";
    font-size: 14px;
    color: #a7a9ac;
    text-align: center;
}
.upload-old-image .gi-dropzone input[type='file'] {
    display: none;
}
.upload-old-image .gi-cropper-wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  padding-top: 29px;
  padding-bottom: 20px;
  display: block;
  align-items: center;
  justify-content: center;
  background: #00000075;
  overflow-y: auto;
}
.upload-old-image .gi-cropper-wrap .gim {
    padding: 15px;
    width: 95%;
    max-width: 400px;
    background-color: white;
    margin: 0 auto;
    border-radius: 5px;
}
.upload-old-image .gi-cropper-wrap .gim .gim-header {
      position: relative;
      height: 15px;
}
.upload-old-image .gi-cropper-wrap .gim .gim-header .close-btn {
        width: 28px;
        height: 28px;
        opacity: 0.5;
        position: absolute;
        right: 0;
}
.upload-old-image .gi-cropper-wrap .gim .gim-header .close-btn:hover {
          opacity: 1;
}
.upload-old-image .gi-cropper-wrap .gim .gim-header .close-btn:before, .upload-old-image .gi-cropper-wrap .gim .gim-header .close-btn:after {
          position: absolute;
          left: 15px;
          content: ' ';
          height: 28px;
          width: 2px;
          background-color: #333;
}
.upload-old-image .gi-cropper-wrap .gim .gim-header .close-btn:before {
          transform: rotate(45deg);
}
.upload-old-image .gi-cropper-wrap .gim .gim-header .close-btn:after {
          transform: rotate(-45deg);
}
.upload-old-image .gi-cropper-wrap .gim .gim-body {
      text-align: center;
}
.upload-old-image .gi-cropper-wrap .gim .gim-body .cropper-view-box,
      .upload-old-image .gi-cropper-wrap .gim .gim-body .cropper-face {
        border-radius: 50% !important;
}
.upload-old-image .gi-cropper-wrap .gim .gim-body .upload-another {
        cursor: pointer;
        margin-top: 15px;
}
.upload-old-image .gi-cropper-wrap .gim .gim-footer {
      margin-top: 15px;
}
.upload-old-image .gi-cropper-wrap .gim .gim-footer .save-btn {
        cursor: pointer;
        text-align: center;
        padding: 10px;
        color: white;
        background-color: #4c419a;
}
.upload-old-image .gi-cropper-wrap .gim .gim-footer .save-btn:hover {
          background-color: #594A36 !important;
}
.upload-old-image .errors {
  color: #5a5a5a;
  margin-top: 10px;
  text-align: left;
}
.upload-old-image .errors p {
    margin: 0;
    color: #8A7A5E;
}
.upload-old-image .errors .space_limited_msg {
    padding: 5px 10px;
}

.incomplete-viewing-msg[data-v-428f5447] {
  position: fixed;
  top: 70px;
  right: 10px;
  max-width: 400px;
  background: white;
  border: 1px solid #e6e7e8;
  box-shadow: 0 0 8px 2px #e6e7e8;
  z-index: 104;
}
.incomplete-viewing-msg .modal-box[data-v-428f5447] {
    display: block;
    color: inherit;
    padding: 20px 40px 20px 20px;
}
.incomplete-viewing-msg .modal-box p[data-v-428f5447] {
      margin-bottom: 20px;
}
.incomplete-viewing-msg .close[data-v-428f5447] {
    margin: 0 !important;
    padding: 10px !important;
    position: absolute;
    right: 0;
    top: 0;
}
.incomplete-viewing-msg .close img[data-v-428f5447] {
      width: 20px;
      filter: invert(1.5) sepia(1) saturate(5) hue-rotate(175deg);
}
.incomplete-viewing-msg .close[data-v-428f5447]:focus {
      outline: none;
}
.incomplete-viewing-msg .m-header[data-v-428f5447] {
    text-align: center;
}
.incomplete-viewing-msg .m-header .poster[data-v-428f5447] {
      max-width: 75px;
      float: left;
      margin: 0 10px 5px 0;
}
.incomplete-viewing-msg .m-body[data-v-428f5447] {
    text-align: center;
}
.incomplete-viewing-msg .m-body h3[data-v-428f5447] {
      margin: 40px auto;
}
@media (min-width: 2000px) {
.incomplete-viewing-msg[data-v-428f5447] {
      top: 85px;
      max-width: 500px;
}
.incomplete-viewing-msg .m-header .poster[data-v-428f5447] {
        max-width: 100px;
}
}
@media (max-width: 560px) {
.incomplete-viewing-msg[data-v-428f5447] {
      position: fixed;
      z-index: 1000;
      top: unset;
      right: 0;
      left: 0;
      bottom: 0;
      max-width: unset;
}
.incomplete-viewing-msg .modal-box[data-v-428f5447] {
        padding: 10px 30px 10px 10px;
}
.incomplete-viewing-msg .close[data-v-428f5447] {
        padding: 5px !important;
}
}

.add-friend-btn-component[data-v-4600a4f5] {
  font-size: 26px;
}
.add-friend-btn-component .btn[data-v-4600a4f5] {
    white-space: nowrap;
    padding: 0 1.5rem;
}
.add-friend-btn-component .btn.active[data-v-4600a4f5]:hover {
      background: #e4e2f1;
      border-color: #e4e2f1;
      color: #8A7A5E;
}
.add-friend-btn-component .btn > *[data-v-4600a4f5] {
      vertical-align: middle;
      line-height: 26px;
}
.add-friend-btn-component .btn .icon-add-a-friend[data-v-4600a4f5], .add-friend-btn-component .btn icon-friend-confirmed[data-v-4600a4f5] {
      font-size: 2.6rem;
}
.add-friend-btn-component .spinner-border[data-v-4600a4f5] {
    opacity: 0.4;
}

.refresh-follow[data-v-570a41cb] {
  width: 40px;
  margin-left: 3rem;
  cursor: pointer;
}
.trending-title[data-v-570a41cb] {
  font-weight: bold;
  display: flex;
  font-size: 24px;
}
.trending-title .icon-arrow[data-v-570a41cb] {
    font-size: 18px;
    margin-left: 1rem;
    margin-right: 1rem;
    position: relative;
    top: 3px;
}
.follow-confirmed[data-v-570a41cb]:hover {
  background: #e4e2f1;
  border-color: #e4e2f1;
}
.color-white[data-v-570a41cb] {
  color: #fff;
}

.product-preview-video-wrapper[data-v-b03f07ae] {
  position: relative;
}
.product-preview-video-wrapper .frozen-overlay[data-v-b03f07ae] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    z-index: 9;
}
.product-preview-video-wrapper .frozen-overlay div[data-v-b03f07ae] {
      width: 100%;
      text-align: center;
      color: #fff;
      font-size: 26px;
      text-shadow: 0px 0px 2px #000000b5;
}

.sub-header[data-v-2fe22740] {
  font-weight: bold;
  padding: 15px 0;
}
a[data-v-2fe22740] {
  font-weight: bold;
  color: #8A7A5E;
}

.tile__s__video > .video-js {
  position: absolute;
}

.expanded-for-modal {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 !important;
}


/*# sourceMappingURL=mix-3de02dc1.css.map*/