{"version":3,"sources":["../scss/_variables.scss","fancyuploder/fancy_fileupload.scss"],"names":[],"mappings":"AAGA;AAuCA;AASA;AAQA;AAcA;ACvEA;EACC;;;AAIA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACD;;AAGC;EACD;EACA,kBDKK;ECJL,cDMM;;ACFP;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBDrDS;ECsDT;EACA;EACA;EACA;EACA;;AAEA;EACD;;AAGC;EACD;EACA,kBD5BK;EC6BL;;AAID;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACD;;AAID;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACD;EACA;EACA;;AAGC;EACD;EACA;EACA;EACA;EACA;EACA;EACA;;AAGC;EACD;EACA;;AAIA;EACE;;AAEA;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAID;EACD;;AAIA;EACE;;AAID;EACD;EACA;EACA;EACA;;AAID;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBDrLQ;ECsLR;EACA;EACA;EACA;EACA;;AAEA;EACD;;AAGC;EACD;EACA;EACA;;AAGC;EACD;;AAID;EACE;;AAEA;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBDvNS;ECwNT;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA,kBDpOO;ECqOP;;AAOH;EACE;;AAGF;EACE;;AAMA;EACD,ODlNI;;ACqNH;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAGC;EACD;;AAID;EACE;EACA;EACA;EACA;;AAEA;EACD;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,ODnaE;ECoaF;;AAEA;EACD;;AAKA;EACD;EACA;;AAGC;EACD;EACA;EACA;;AAGC;EACD;EACA;EACA;;AAID;EACE;EACA;;;AAMF;EACD;IACE;;EAGF;IACE;;;AAID;EACD;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;AAID;AAEA;EAEC;IACD;IACA;IACA;;EAGC;IACD;;EAGC;IACD;;EAGC;IACD;;;AAKA;EACD;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGC;EACD;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA","file":"fancy_fileupload.css","sourcesContent":["$background:var(--primary-bg-background);\r\n$color:#070510;\r\n\r\n/*Color variables*/\r\n\r\n$primary: var(--primary-bg-color);\r\n$primary-hover: var(--primary-bg-hover);\r\n$primary-border: var(--primary-bg-border);\r\n$primary-transparent: var(--primary-bg-transparentcolor);\r\n$secondary: var(--secondary-color);\r\n$secondary-hover : var(--secondary-hover);\r\n$secondary-transparent:var(--secondary-transparent);\r\n$secondary-shadow:var(--secondary-shadow);\r\n$gradient-color:linear-gradient(120deg, #0f75ff 60%, var(--secondary) 100%);\r\n$primary-gradient:linear-gradient(87deg,  var(--primary-bg-color), var(--primary-10) 100%);\r\n$gradient       :linear-gradient(87deg, var(--primary-09), var(--primary-10) 100%) ;\r\n$primary-1:var(--primary-01);\r\n$primary-09:var(--primary-09);\r\n$primary-08:var(--primary-08);\r\n$primary-10:var(--primary-10);\r\n$primary-02:var(--primary-02);\r\n$primary-04:var(--primary-04);\r\n$primary-03:var(--primary-03);\r\n$secondary-08:var(--secondary-08);\r\n$secondary-03:var(--secondary-03);\r\n$info:#0ab2e6;\r\n$success:#27c781;\r\n$warning:#ff8819;\r\n$danger:#ff382b;\r\n$blue:#467fcf;\r\n$yellow:#ffa22b;\r\n$teal:#05e6e6;\r\n$pink:#f13c79;\r\n$purple:#604dd8;\r\n$dark:#1d2124;\r\n$orange:#f77823;\r\n$indigo:#6574cd;\r\n$cyan:#00f7ff;\r\n$white:#fff;\r\n$black:#000;\r\n$border:#e6ebf1;\r\n\r\n/***********dark-theme**************/\r\n\r\n$dark-mode: var(--dark-color);\r\n$dark-bg: var(--dark-color2);\r\n$dark-border: rgba(255,255,255,0.2);\r\n$dark-color:#fff;\r\n$dark-shadow:#1c273c1a;\r\n$dark-shadow2:#616366;\r\n\r\n/***********transparent-theme**************/\r\n\r\n$transparent-mode: var(--transparent-color);\r\n$transparent-bg: var(--transparent-color2);\r\n$transparent-border: rgba(255,255,255,0.2);\r\n$transparent-color:#fff;\r\n$transparent-shadow:#1c273c1a;\r\n\r\n/*white variables*/\r\n$white-1:rgba(255, 255, 255, 0.1);\r\n$white-2:rgba(255, 255, 255, 0.2);\r\n$white-3:rgba(255, 255, 255, 0.3);\r\n$white-4 :rgba(255, 255, 255, 0.4);\r\n$white-5 :rgba(255, 255, 255, 0.5);\r\n$white-6 :rgba(255, 255, 255, 0.6);\r\n$white-7 :rgba(255, 255, 255, 0.7);\r\n$white-8 :rgba(255, 255, 255, 0.8);\r\n$white-9 :rgba(255, 255, 255, 0.9);\r\n$white-05:rgba(255, 255, 255, 0.05);\r\n$white-08:rgba(255, 255, 255, 0.08);\r\n$white-75:rgba(255, 255, 255, 0.075);\r\n\r\n/*black variables*/\r\n$black-1:rgba(0, 0, 0, 0.1);\r\n$black-2:rgba(0, 0, 0, 0.2);\r\n$black-3:rgba(0, 0, 0, 0.3);\r\n$black-4:rgba(0, 0, 0, 0.4);\r\n$black-5:rgba(0, 0, 0, 0.5);\r\n$black-6:rgba(0, 0, 0, 0.6);\r\n$black-7:rgba(0, 0, 0, 0.7);\r\n$black-8:rgba(0, 0, 0, 0.8);\r\n$black-9:rgba(0, 0, 0, 0.9);\r\n$black-05:rgba(0, 0, 0, 0.05);\r\n\r\n","@import \"../../scss/variables\";\n\n.ff_fileupload_hidden {\n\tdisplay: none;\n  }\n  \n  .ff_fileupload_wrap {\n\t.ff_fileupload_dropzone_wrap {\n\t  position: relative;\n\t}\n  \n\t.ff_fileupload_dropzone {\n\t  display: block;\n\t  width: 100%;\n\t  height: 100px;\n\t  box-sizing: border-box;\n\t  border: 2px dashed $border;\n\t  border-radius: 3px;\n\t  padding: 0;\n\t  background-color: transparent;\n\t  background-image: url('fancy_upload.png');\n\t  background-repeat: no-repeat;\n\t  background-position: center center;\n\t  opacity: 0.85;\n\t  cursor: pointer;\n\t  outline: none;\n  \n\t  &::-moz-focus-inner {\n\t\tborder: 0;\n\t  }\n  \n\t  &:hover, &:focus, &:active {\n\t\topacity: 1;\n\t\tbackground-color: $white;\n\t\tborder-color: $border;\n\t  }\n\t}\n  \n\t.ff_fileupload_dropzone_tools {\n\t  position: absolute;\n\t  right: 10px;\n\t  top: 0;\n\t}\n  \n\t.ff_fileupload_dropzone_tool {\n\t  display: block;\n\t  margin-top: 10px;\n\t  width: 40px;\n\t  height: 40px;\n\t  box-sizing: border-box;\n\t  border: 1px solid $border;\n\t  border-radius: 3px;\n\t  padding: 0;\n\t  background-color: $background;\n\t  background-repeat: no-repeat;\n\t  background-position: center center;\n\t  opacity: 0.85;\n\t  cursor: pointer;\n\t  outline: none;\n  \n\t  &::-moz-focus-inner {\n\t\tborder: 0;\n\t  }\n  \n\t  &:hover, &:focus, &:active {\n\t\topacity: 1;\n\t\tbackground-color: $white;\n\t\tborder-color: #4e4c73;\n\t  }\n\t}\n  \n\t.ff_fileupload_recordaudio {\n\t  background-image: url('fancy_microphone.png');\n\t}\n  \n\t.ff_fileupload_recordvideo {\n\t  background-image: url('fancy_webcam.png');\n\t}\n  \n\t.ff_fileupload_recordvideo_preview {\n\t  position: absolute;\n\t  display: block;\n\t  right: 60px;\n\t  top: 10px;\n\t  width: 320px;\n\t  max-width: calc(100% - 70px);\n\t  height: calc(100% - 20px);\n\t  background-color: #222222;\n  \n\t  &.ff_fileupload_hidden {\n\t\tdisplay: none;\n\t  }\n\t}\n  \n\t.ff_fileupload_recording {\n\t  animation: ff_fileupload_recording_animate 1.2s infinite alternate;\n\t}\n  \n\ttable.ff_fileupload_uploads {\n\t  width: 100%;\n\t  border-collapse: collapse !important;\n\t  border: 0 none;\n  \n\t  tr {\n\t\tmargin: 0;\n\t\tborder: 0 none;\n\t\tpadding: 0;\n\t  }\n  \n\t  td {\n\t\tmargin: 0;\n\t\tborder: 0 none;\n\t\tpadding: 0;\n\t\tvertical-align: top;\n\t\tpadding: 1em 0;\n\t\twhite-space: nowrap;\n\t\tline-height: normal;\n\t  }\n  \n\t  tr.ff_fileupload_bounce {\n\t\tanimation: ff_fileupload_bounce_animate 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;\n\t\ttransform: translateY(0);\n\t  }\n  \n\t  td {\n\t\t&.ff_fileupload_preview {\n\t\t  width: 1px;\n  \n\t\t  .ff_fileupload_preview_image {\n\t\t\tdisplay: block;\n\t\t\tbox-sizing: border-box;\n\t\t\tborder: 0 none;\n\t\t\tpadding: 0;\n\t\t\tbackground-color: #DDDDDD;\n\t\t\tbackground-size: cover;\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbackground-position: center center;\n\t\t\twidth: 50px;\n\t\t\theight: 50px;\n\t\t\tborder-radius: 5px;\n\t\t\topacity: 0.75;\n\t\t\ttext-align: center;\n\t\t\tfont-size: 12px;\n\t\t\tfont-weight: bold;\n\t\t\tcolor: #222222;\n\t\t\toverflow: hidden;\n\t\t\toutline: none;\n\t\t\tcursor: default;\n  \n\t\t\t&::-moz-focus-inner {\n\t\t\t  border: 0;\n\t\t\t}\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_image_has_preview {\n\t\t\tcursor: pointer;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_image {\n\t\t\t&:hover, &:focus, &:active {\n\t\t\t  opacity: 1;\n\t\t\t}\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text {\n\t\t\tdisplay: block;\n\t\t\tmargin: 0 auto;\n\t\t\twidth: 70%;\n\t\t\toverflow: hidden;\n\t\t  }\n\t\t}\n  \n\t\t&.ff_fileupload_actions button {\n\t\t  display: inline-block;\n\t\t  vertical-align: top;\n\t\t  width: 26px;\n\t\t  height: 26px;\n\t\t  box-sizing: border-box;\n\t\t  border: 1px solid $border;\n\t\t  border-radius: 3px;\n\t\t  padding: 0;\n\t\t  background-color: $background;\n\t\t  background-repeat: no-repeat;\n\t\t  background-position: center center;\n\t\t  opacity: 0.85;\n\t\t  cursor: pointer;\n\t\t  outline: none;\n  \n\t\t  &::-moz-focus-inner {\n\t\t\tborder: 0;\n\t\t  }\n  \n\t\t  &:hover, &:focus, &:active {\n\t\t\topacity: 1;\n\t\t\tbackground-color: #FDFDFD;\n\t\t\tborder-color: #4e4c73;\n\t\t  }\n  \n\t\t  &.ff_fileupload_start_upload {\n\t\t\tmargin-right: 0.5em;\n\t\t  }\n\t\t}\n  \n\t\t&.ff_fileupload_preview .ff_fileupload_actions_mobile {\n\t\t  display: none;\n  \n\t\t  button {\n\t\t\tdisplay: block;\n\t\t\tmargin-top: 0.3em;\n\t\t\twidth: 100%;\n\t\t\theight: 28px;\n\t\t\tbox-sizing: border-box;\n\t\t\tborder: 1px solid $border;\n\t\t\tborder-radius: 3px;\n\t\t\tpadding: 0;\n\t\t\tbackground-color: $background;\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbackground-position: center center;\n\t\t\topacity: 0.85;\n\t\t\tcursor: pointer;\n\t\t\toutline: none;\n  \n\t\t\t&::-moz-focus-inner {\n\t\t\t  border: 0;\n\t\t\t}\n  \n\t\t\t&:hover, &:focus, &:active {\n\t\t\t  opacity: 1;\n\t\t\t  background-color: $background;\n\t\t\t  border-color: #4e4c73;\n\t\t\t}\n\t\t  }\n\t\t}\n\t  }\n  \n\t  button {\n\t\t&.ff_fileupload_start_upload {\n\t\t  background-image: url('fancy_okay.png');\n\t\t}\n  \n\t\t&.ff_fileupload_remove_file {\n\t\t  background-image: url('fancy_remove.png');\n\t\t}\n\t  }\n  \n\t  td {\n\t\t&.ff_fileupload_preview {\n\t\t  .ff_fileupload_preview_text_with_color {\n\t\t\tcolor: $white;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_a {\n\t\t\tbackground-color: #F03C3C;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_b {\n\t\t\tbackground-color: #F05A3C;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_c {\n\t\t\tbackground-color: #F0783C;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_d {\n\t\t\tbackground-color: #F0963C;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_e {\n\t\t\tbackground-color: #E0862B;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_f {\n\t\t\tbackground-color: #DCA12B;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_g {\n\t\t\tbackground-color: #C7AB1E;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_h {\n\t\t\tbackground-color: #C7C71E;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_i {\n\t\t\tbackground-color: #ABC71E;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_j {\n\t\t\tbackground-color: #8FC71E;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_k {\n\t\t\tbackground-color: #72C71E;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_l {\n\t\t\tbackground-color: #56C71E;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_m {\n\t\t\tbackground-color: #3AC71E;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_n {\n\t\t\tbackground-color: #1EC71E;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_o {\n\t\t\tbackground-color: #1EC73A;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_p {\n\t\t\tbackground-color: #1EC756;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_q {\n\t\t\tbackground-color: #1EC78F;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_r {\n\t\t\tbackground-color: #1EC7AB;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_s {\n\t\t\tbackground-color: #1EC7C7;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_t {\n\t\t\tbackground-color: #1EABC7;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_u {\n\t\t\tbackground-color: #1E8FC7;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_v {\n\t\t\tbackground-color: #1E72C7;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_w {\n\t\t\tbackground-color: #3C78F0;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_x {\n\t\t\tbackground-color: #3C5AF0;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_y {\n\t\t\tbackground-color: #3C3CF0;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_z {\n\t\t\tbackground-color: #5A3CF0;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_0 {\n\t\t\tbackground-color: #783CF0;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_1 {\n\t\t\tbackground-color: #963CF0;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_2 {\n\t\t\tbackground-color: #B43CF0;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_3 {\n\t\t\tbackground-color: #D23CF0;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_4 {\n\t\t\tbackground-color: #F03CF0;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_5 {\n\t\t\tbackground-color: #F03CD2;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_6 {\n\t\t\tbackground-color: #F03CB4;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_7 {\n\t\t\tbackground-color: #F03C96;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_8 {\n\t\t\tbackground-color: #F03C78;\n\t\t  }\n  \n\t\t  .ff_fileupload_preview_text_9 {\n\t\t\tbackground-color: #F03C5A;\n\t\t  }\n\t\t}\n  \n\t\t&.ff_fileupload_summary {\n\t\t  padding: 1em;\n\t\t  font-size: 0.9em;\n\t\t  white-space: normal;\n\t\t  color: #7a8082;\n  \n\t\t  .ff_fileupload_filename {\n\t\t\twidth: 100%;\n\t\t\tfont-weight: bold;\n\t\t\twhite-space: nowrap;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n  \n\t\t\tinput {\n\t\t\t  box-sizing: border-box;\n\t\t\t  width: 100%;\n\t\t\t  padding: 0.3em;\n\t\t\t  margin-bottom: 0.1em;\n\t\t\t  font-size: 1.0em;\n\t\t\t  font-weight: normal;\n\t\t\t  line-height: normal;\n\t\t\t  border: 0px solid $border;\n\t\t\t  border-radius: 0;\n\t\t\t  box-shadow: none;\n\t\t\t  color: $color;\n\t\t\t  font-weight: 600;\n  \n\t\t\t  &:focus, &:hover {\n\t\t\t\tborder: 0px solid $border;\n\t\t\t  }\n\t\t\t}\n\t\t  }\n  \n\t\t  .ff_fileupload_errors {\n\t\t\tcolor: #A94442;\n\t\t\tfont-weight: bold;\n\t\t  }\n  \n\t\t  .ff_fileupload_progress_background {\n\t\t\tmargin-top: 0.5em;\n\t\t\tbackground-color: #CCCCCC;\n\t\t\theight: 2px;\n\t\t  }\n  \n\t\t  .ff_fileupload_progress_bar {\n\t\t\tbackground-color: #4e4c73;\n\t\t\twidth: 0;\n\t\t\theight: 2px;\n\t\t  }\n\t\t}\n  \n\t\t&.ff_fileupload_actions {\n\t\t  width: 1px;\n\t\t  text-align: right;\n\t\t}\n\t  }\n\t}\n  }\n  \n  @keyframes ff_fileupload_recording_animate {\n\tfrom {\n\t  border-color: #EF1F1F;\n\t}\n  \n\tto {\n\t  border-color: #C9A1A1;\n\t}\n  }\n  \n  @keyframes ff_fileupload_bounce_animate {\n\t10%, 90% {\n\t  transform: translateY(-1px);\n\t}\n  \n\t20%, 80% {\n\t  transform: translateY(2px);\n\t}\n  \n\t30%, 50%, 70% {\n\t  transform: translateY(-3px);\n\t}\n  \n\t40%, 60% {\n\t  transform: translateY(3px);\n\t}\n  }\n  \n  /* Colored buttons based on file extension for non-images. */\n  \n  @media (max-width: 420px) {\n\t.ff_fileupload_wrap table.ff_fileupload_uploads td {\n\t  &.ff_fileupload_preview .ff_fileupload_preview_image {\n\t\twidth: 36px;\n\t\theight: 36px;\n\t\tfont-size: 11px;\n\t  }\n  \n\t  &.ff_fileupload_summary {\n\t\tpadding-right: 0;\n\t  }\n  \n\t  &.ff_fileupload_actions {\n\t\tdisplay: none;\n\t  }\n  \n\t  &.ff_fileupload_preview .ff_fileupload_actions_mobile {\n\t\tdisplay: block;\n\t  }\n\t}\n  }\n  \n  .ff_fileupload_dialog_background {\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n\tbackground-color: rgba(0, 0, 0, 0.85);\n\tz-index: 10000;\n  }\n  \n  .ff_fileupload_dialog_main {\n\tposition: absolute;\n\ttop: 10%;\n\tleft: 10%;\n\twidth: 80%;\n\theight: 80%;\n\ttext-align: center;\n  \n\timg {\n\t  position: relative;\n\t  top: 50%;\n\t  transform: perspective(1px) translateY(-50%);\n\t  max-width: 100%;\n\t  max-height: 100%;\n\t}\n  \n\taudio {\n\t  position: relative;\n\t  top: 50%;\n\t  transform: perspective(1px) translateY(-50%);\n\t  width: 100%;\n\t}\n  \n\tvideo {\n\t  position: relative;\n\t  top: 50%;\n\t  transform: perspective(1px) translateY(-50%);\n\t  max-width: 100%;\n\t  max-height: 100%;\n\t}\n  }"]}