div.dghk-ui_wgt-frame_const {
  width: 100%;
  height: 100%;
  z-index: 1500;
  left: 0;
  top: 0;
  background: rgba(24, 24, 24, 0.1);
}

div.dghk-ui_wgt-frame_const,
div.dghk-ui_wgt-frame_const>div.dh_ui_view {
  box-sizing: border-box;
  position: fixed;
}

#dighookui {
  margin: 0;
  padding: 10px;
  background: rgba(244,244,244);
  font-family: 'Noto Sans', sans-serif;
  font-size: 1.15em;
  color: #202125;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 0;
  border-radius: 10px;
  box-shadow: 0 2px 3px rgb(24,24,24,0.06);
  height: max-content; 
  display: flex; 
  flex-direction: column;
}

#dighookui>div,
#dighookui>ul {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

#dighookui>ul.ui_top_bar {
  list-style-type: none;
  border-bottom: 1px solid rgba(24, 24, 24, 0.06);
  height: 35px;
  padding: 0;
  display: flex;
}

#dighookui>ul.ui_top_bar>li {
  box-sizing: border-box;
  height: 100%;
  display: inline-flex;
  align-items: center;
}

#dighookui>ul.ui_top_bar>li.ui_icon {
  width: 35px;
  background-image: url('https://numeak.dighook.com/logos/nmk-1-128px.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 70%;
}

#dighookui>ul.ui_top_bar>li.ui_title {
  padding: 0 5px;
  width: calc(100% - 70px);
  font-size: 0.9em;
  font-weight: bold;
}

#dighookui>ul.ui_top_bar>li.ui_close_button {
  width: 35px;
  position: relative;
  cursor: pointer;
}

#dighookui>ul.ui_top_bar>li.ui_close_button:before {
  content: '';
  font-size: 1.5em;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  display: inline-block;
  background-size: 85%;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 30px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48" fill="%23202125"><path d="m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z"/></svg>');
}

#dighookui>ul.ui_top_bar>li.ui_close_button:hover:before {
  background-color: rgba(213, 29, 39, 0.9);
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48" fill="rgb(244,244,244)"><path d="m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z"/></svg>');
}

#dighookui>div.btn_embed,
#dighookui>div.msg_embed {
  position: relative;
}

#dighookui>div.msg_embed {
  display: flex;
}

#dighookui>div.msg_embed>span {
  min-height: 70px;
  position: relative;
  box-sizing: border-box;
  padding: 12px 0 12px 0;
  max-height: 270px;
  overflow: hidden auto;
  margin-bottom: 10px
}

#dighookui>div.msg_embed>span.icon_type {
  width: 50px;
  text-align: center;
  font-size: 1.8em;
}

#dighookui>div.msg_embed>span.icon_type:before {
  line-height: 35px;
  height: 35px;
  width: 35px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left 0 top 0;
  display: inline-block;
}

#dighookui>div.msg_embed>span[class^="dghkui_"]:before {
  height: 35px;
  width: 35px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left 0 top 0;
  display: inline-block;
}

#dighookui>div.msg_embed>span.dghkui_InfoIcon:before {
  content: '';
  color: #106ebe;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23106ebe" height="48" viewBox="0 -960 960 960" width="48" ><path d="M453-280h60v-240h-60v240Zm26.982-314q14.018 0 23.518-9.2T513-626q0-14.45-9.482-24.225-9.483-9.775-23.5-9.775-14.018 0-23.518 9.775T447-626q0 13.6 9.482 22.8 9.483 9.2 23.5 9.2Zm.284 514q-82.734 0-155.5-31.5t-127.266-86q-54.5-54.5-86-127.341Q80-397.681 80-480.5q0-82.819 31.5-155.659Q143-709 197.5-763t127.341-85.5Q397.681-880 480.5-880q82.819 0 155.659 31.5Q709-817 763-763t85.5 127Q880-563 880-480.266q0 82.734-31.5 155.5T763-197.684q-54 54.316-127 86Q563-80 480.266-80Zm.234-60Q622-140 721-239.5t99-241Q820-622 721.188-721 622.375-820 480-820q-141 0-240.5 98.812Q140-622.375 140-480q0 141 99.5 240.5t241 99.5Zm-.5-340Z" /></svg>');
  height: 35px;
  width: 35px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left 0 top 0;
  display: inline-block;
}

#dighookui>div.msg_embed>span.dghkui_ErrorIcon:before {
  content: '';
  color: rgba(213, 29, 39, 0.8);
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48" fill="rgba(213,29,39,0.8)"><path d="m386-345 94-91 94 91 45-45-93-91 93-92-45-45-94 91-94-91-45 45 93 92-93 91 45 45Zm94 264q-140-35-230-162.5T160-523v-238l320-120 320 120v238q0 152-90 279.5T480-81Zm0-62q115-38 187.5-143.5T740-523v-196l-260-98-260 98v196q0 131 72.5 236.5T480-143Zm0-337Z"/></svg>');
  height: 35px;
  width: 35px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left 0 top 0;
  display: inline-block;
}

#dighookui>div.msg_embed>span.dghkui_AlerteIcon:before {
  content: '';
  color: rgb(255, 204, 0);
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48" fill="rgb(255,204,0)"><path d="M480-71q-11 0-21.963-4.435Q447.073-79.87 438-88L88-438q-8.13-9.073-12.565-20.037Q71-469 71-480q0-11 4.435-22.341Q79.87-513.683 88-522l350-350q9.073-8.87 20.037-12.935Q469-889 480-889q11 0 22.341 4.065Q513.683-880.87 522-872l350 350q8.87 8.317 12.935 19.659Q889-491 889-480q0 11-4.065 21.963Q880.87-447.073 872-438L522-88q-8.317 8.13-19.659 12.565Q491-71 480-71Zm0-60 349-349-349-349-349 349 349 349Zm-30-309h60v-240h-60v240Zm30 110q12 0 21-9t9-21q0-12-9-21t-21-9q-12 0-21 9t-9 21q0 12 9 21t21 9Zm0-150Z"/></svg>');
  height: 35px;
  width: 35px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left 0 top 0;
  display: inline-block;
}

#dighookui>div.msg_embed>span.dghkui_ConfirmIcon:before {
  content: '';
  color: rgba(213, 29, 39, 0.8);
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48" fill="rgba(213,29,39,0.8)"><path d="M431-330q1-72 16.5-105t58.5-72q42-38 64.5-70.5T593-647q0-45-30-75t-84-30q-52 0-80 29.5T358-661l-84-37q22-59 74.5-100.5T479-840q100 0 154 55.5T687-651q0 48-20.5 87T601-482q-49 47-59 72t-11 80H431Zm48 250q-29 0-49.5-20.5T409-150q0-29 20.5-49.5T479-220q29 0 49.5 20.5T549-150q0 29-20.5 49.5T479-80Z"/></svg>');
}

#dighookui>div.msg_embed.input>span.dghkui_ConfirmIcon:before {
  content: '';
  color: #f7d536;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48" fill="%23f7d536"><path d="M180-12q-24 0-42-18t-18-42v-600q0-24 18-42t42-18h405l-60 60H180v600h600v-348l60-60v408q0 24-18 42t-42 18H180Zm300-360Zm182-352 43 42-285 284v86h85l286-286 42 42-303 304H360v-170l302-302Zm171 168L662-724l100-100q17-17 42.311-17T847-823l84 85q17 18 17 42.472T930-654l-97 98Z"/></svg>');
}

#dighookui>div.msg_embed>span.text {
  width: calc(100% - 50px);
  font-size: 0.9em;
  padding-right: 12px;
  word-wrap: break-word;
  margin-right: 0;
}

#dighookui>div.msg_embed>span.text p {
  margin: 8px 0;
}

#dighookui>div.msg_embed>span.text p:first-child {
  margin-top: 0;
}

#dighookui>div.msg_embed.input .textEdit_embed,
#dighookui>div.msg_embed.input .textEdit_embed>label,
#dighookui>div.msg_embed.input .textEdit_embed>input,
#dighookui>div.msg_embed.input .textEdit_embed>textarea {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  display: block;
}

#dighookui>div.msg_embed.input .textEdit_embed>label.textEdit_title {
  margin: 0;
  margin-bottom: 2px;
}

#dighookui>div.msg_embed.input .textEdit_embed>input.ui_textEdit,
#dighookui>div.msg_embed.input .textEdit_embed>textarea.ui_textEdit {
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(24, 24, 24, 0.1);
  height: 40px;
  color: #202125;
  padding: 0 8px;
  box-sizing: border-box;
  font-size: 0.95em;
  font-family: 'Noto sans', sans-serif;
  line-height: 1.4em;
}

#dighookui>div.msg_embed.input .textEdit_embed>textarea.ui_textEdit {
  padding: 8px;
  min-height: 120px;
  resize: none;
  font-size: 0.92em;
}

#dighookui>div.msg_embed.input .textEdit_embed>input.ui_textEdit:focus {
  border: 1px solid #f7d536;
}

#dighookui>div.btn_embed {
  height: 45px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: right;
}

#dighookui>div.btn_embed>span {
  display: inline-flex;
  align-items: center;
  height: 35px;
  width: max-content;
  box-sizing: border-box;
  border: 1px solid rgba(24, 24, 24, 0.3);
  cursor: pointer;
  padding: 0 10px 0 30px;
  margin: 0 12px 0 0;
  position: relative;
  background: rgba(244, 244, 244, 0.5);
  vertical-align: top;
  font-size: 0.9em;
}

#dighookui>div.btn_embed>span:hover {
  background: rgba(24, 24, 24, 0.1);
}

#dighookui>div.btn_embed>span:focus {
  border: 1px solid rgba(24, 24, 24, 0.3);
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

#dighookui>div.btn_embed>span:last-child {
  margin-right: 0;
}

#dighookui>div.btn_embed>span:before {
  font-size: 1.4em;
  position: absolute;
  left: 5px;
  display: inline-block;
  width: 35px;
  height: 100%;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: left 1px top calc(50% + 1px);
}

#dighookui>div.btn_embed>span.dghkui_DoneButton:before {
  content: '';
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48" fill="%23202125"><path d="M378-246 154-470l43-43 181 181 384-384 43 43-427 427Z"/></svg>');
}

#dighookui>div.btn_embed>span.dghkui_AcceptButton:before {
  content: '';
  font-size: 1.2em;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48" fill="%23202125"><path d="M480-80q-85 0-158-30.5T195-195q-54-54-84.5-127T80-480q0-84 30.5-157T195-764q54-54 127-85t158-31q75 0 140 24t117 66l-43 43q-44-35-98-54t-116-19q-145 0-242.5 97.5T140-480q0 145 97.5 242.5T480-140q145 0 242.5-97.5T820-480q0-30-4.5-58.5T802-594l46-46q16 37 24 77t8 83q0 85-31 158t-85 127q-54 54-127 84.5T480-80Zm-59-218L256-464l45-45 120 120 414-414 46 45-460 460Z"/></svg>');
}

#dighookui>div.btn_embed>span.dghkui_CancelButton:before {
  content: '';
  font-size: 1.2em;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48" fill="%23202125"><path d="m330-288 150-150 150 150 42-42-150-150 150-150-42-42-150 150-150-150-42 42 150 150-150 150 42 42ZM480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Zm0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140Zm0-340Z"/></svg>');
}


/*! SLIDERS ------------------------------- */

.dghk-slider_frame_const {
  width: 100%;
  position: relative;
  box-sizing: border-box;
}

.dghk-slider_frame_const>.dghk-slider_container_const {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  cursor: default;
  user-select: none;
  transform: translate3d(0, 0, 0);
  will-change: transform;
}

.dghk-slider_frame_const>.dghk-slider_container_const.dghk-slider_animation {
  transition: transform 750ms ease-in-out;
}

.dghk-slider_frame_const .dghk-slider_container_const>.dghk-slider_slide-item {
  transition: transform 750ms ease-in-out;
}

.dghk-slider_frame_const>span.dghk-slider_left-direct,
.dghk-slider_frame_const>span.dghk-slider_right-direct {
  display: inline-block;
  box-sizing: border-box;
  height: 100%;
  width: 10%;
  position: absolute;
  top: 0;
  z-index: 20;
  cursor: pointer;
  opacity: 0;
  transition: 300ms;
}

.dghk-slider_frame_const>span.dghk-slider_left-direct:hover,
.dghk-slider_frame_const>span.dghk-slider_right-direct:hover {
  opacity: 0.5;
}

.dghk-slider_frame_const>span.dghk-slider_left-direct {
  left: 0;
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(1, 32, 96, 0.8) 100%);
}

.dghk-slider_frame_const>span.dghk-slider_right-direct {
  right: 0;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(1, 32, 96, 0.8) 100%);
}

.dghk-slider_frame_const>nav.dghk-slider_bullets-bar_const {
  display: inline-block;
  box-sizing: border-box;
  height: 40px;
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 20;
  text-align: center;
  background-color: rgba(24, 24, 24, 0.1);
}

.dghk-slider_frame_const .dghk-slider_bullets-bar_const>.dghk-slider_slide-bullet {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 2px solid #fff;
  margin-left: 10px;
  cursor: pointer;
  z-index: 19;
  top: 12.5%;
}

.dghk-slider_frame_const .dghk-slider_bullets-bar_const>.dghk-slider_slide-bullet:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #fff;
  opacity: 0;
  transition: 300ms;
}

.dghk-slider_frame_const .dghk-slider_bullets-bar_const>.dghk-slider_slide-active:before {
  transform: translate(-50%, -50%) scale(1, 1);
  opacity: 1;
}

/*! SETUP INPUT FILE ------------ */

.dghk-setup_input-file {
  display: inline-flex;
  width: 100%;
  background-color: rgba(1, 32, 96, 0.02);
  position: relative;
  border-bottom: 1px solid rgba(1, 32, 96, 0.7);
  border-radius: 10px;
  box-sizing: border-box;
  align-items: center;
  padding: 8px 0;
  height: max-content;
}

.dghk-setup_input-file>.dghk-selected_files {
  width: calc(100% - 16px);
  display: inline-flex;
  align-items: center;
  color: rgba(1, 32, 96, 0.8);
  border-radius: inherit;
  box-sizing: inherit;
  position: inherit;
  left: 8px;
  padding: 8px 12px;
  padding-left: 62px;
  min-height: 50px;
  border: 1px dashed rgba(1, 32, 96, 0.8);
  font-family: 'Noto Sans';
  font-size: 0.96em;
  z-index: 2;
  cursor: pointer;
}

.dghk-setup_input-file.file-avalaible>.dghk-selected_files {
  display: inline-block;
}

.dghk-setup_input-file>.dghk-selected_files:before {
  display: inline-block;
  position: absolute;
  content: '';
  width: 50px;
  height: 50px;
  box-sizing: inherit;
  left: 6px;
  top: calc(50% - 25px);
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="rgb(24,24,24)"><path d="M440-320v-326L336-542l-56-58 200-200 200 200-56 58-104-104v326h-80ZM240-160q-33 0-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-160H240Z"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
}

.dghk-setup_input-file .dghk-selected_files>.dghk_filename {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 0 32px 0 8px;
  border-radius: 5px;
  width: max-content;
  height: 30px;
  display: inline-flex;
  align-items: center;
  color: rgb(24, 24, 24);
  font-weight: bold;
  cursor: default;
  user-select: none;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  box-sizing: inherit;
  position: relative;
  margin: 3px 5px;
}

.dghk-setup_input-file .dghk_filename>.name {
  margin-right: 5px;
  font-weight: normal;
  color: rgb(1, 32, 96);
}

.dghk-setup_input-file .dghk_filename>.rmv {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 0;
  top: 0;
}

.dghk-setup_input-file .dghk_filename>.rmv:before {
  display: inline-block;
  content: '';
  width: inherit;
  height: inherit;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48" fill="rgb(1,32,96,0.9)"><path d="m330-288 150-150 150 150 42-42-150-150 150-150-42-42-150 150-150-150-42 42 150 150-150 150 42 42ZM480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Zm0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140Zm0-340Z"/></svg>');
  background-repeat: no-repeat;
  background-size: 85%;
  background-position: center;
  border-radius: 50%;
  box-sizing: inherit;
}


.dghk-setup_input-file>input.dghk-input_tag[type="file"] {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 0;
  cursor: pointer;
  opacity: 0;
  z-index: 1;
}


/*! MIN SCREEN ---------------------------- */ 

@media only screen and (max-width: 720px) {
  #dighookui {
    width: calc(100% - 10px) !important;
    max-width: 448px;
    transform: translateX(-50%);
    top: unset;
    bottom: 20px;
  }
}

@media only screen and (max-width: 448px) {
  .dghk-setup_input-file.file-avalaible>.dghk-selected_files {
    padding: 8px 0;
    padding-top: 62px;
    text-align: center;
  }

  .dghk-setup_input-file.file-avalaible>.dghk-selected_files:before {
    top: 6px;
    left: calc(50% - 25px);
  }
}