/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./assets/src/css/bubble-skin.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.godam-bubble-skin {
  container-type: inline-size;
  container-name: godam-player-bubble-skin;
}
.godam-bubble-skin .video-js .vjs-big-play-button {
  border-radius: 17px;
  border: 2px solid #fff;
}
.godam-bubble-skin .video-js .vjs-big-play-button span::before {
  font-size: 24px;
}
.godam-bubble-skin .video-js .vjs-control .vjs-button {
  margin: 0;
}
.godam-bubble-skin .video-js .vjs-control-bar {
  background-color: transparent !important;
  flex-direction: row-reverse;
  margin: 0 auto;
}
.godam-bubble-skin .video-js .vjs-control-bar .vjs-control, .godam-bubble-skin .video-js .vjs-control-bar .vjs-settings-button {
  padding: 20px 30px !important;
  border-radius: 80px !important;
}
.godam-bubble-skin .video-js .vjs-control-bar .vjs-control span::before, .godam-bubble-skin .video-js .vjs-control-bar .vjs-settings-button span::before {
  font-size: 1.7em;
  line-height: 2.3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.godam-bubble-skin .video-js .vjs-control-bar .vjs-seek-to-live-control, .godam-bubble-skin .video-js .vjs-control-bar .vjs-remaining-time, .godam-bubble-skin .video-js .vjs-control-bar .vjs-picture-in-picture-control, .godam-bubble-skin .video-js .vjs-control-bar [class^=vjs-skip-backward], .godam-bubble-skin .video-js .vjs-control-bar [class^=vjs-skip-forward], .godam-bubble-skin .video-js .vjs-control-bar .vjs-custom-play-button {
  display: none !important;
}
.godam-bubble-skin .video-js .vjs-control-bar .vjs-volume-panel {
  flex-direction: row-reverse;
  bottom: 10px;
  align-items: center;
  left: 0;
  position: absolute;
}
.godam-bubble-skin .video-js .vjs-control-bar .vjs-volume-control.vjs-control.vjs-volume-horizontal {
  background: #1C1C1C;
  border-radius: 80 !important;
  height: 2.5em !important;
  width: 7em !important;
  margin-left: 55px !important;
  position: absolute;
  left: 18px;
  display: flex;
  align-items: center;
  filter: contrast(0.8);
  padding: 0 6px !important;
}
.godam-bubble-skin .video-js .vjs-control-bar .vjs-volume-control.vjs-control.vjs-volume-horizontal:hover {
  filter: contrast(1);
}
.godam-bubble-skin .video-js .vjs-control-bar .vjs-volume-control.vjs-control.vjs-volume-horizontal .vjs-slider-bar {
  margin: 0 auto;
}
.godam-bubble-skin .video-js .vjs-control-bar .vjs-play-control, .godam-bubble-skin .video-js .vjs-control-bar .vjs-fullscreen-control {
  bottom: 10px;
}
.godam-bubble-skin .video-js .vjs-control-bar .vjs-fullscreen-control, .godam-bubble-skin .video-js .vjs-control-bar .vjs-settings-button {
  right: 8px;
}
.godam-bubble-skin .video-js .vjs-control-bar .vjs-mute-control, .godam-bubble-skin .video-js .vjs-control-bar .vjs-play-control, .godam-bubble-skin .video-js .vjs-control-bar div.vjs-subs-caps-button {
  left: 8px;
}
.godam-bubble-skin .video-js .vjs-control-bar .vjs-volume-panel, .godam-bubble-skin .video-js .vjs-control-bar .vjs-settings-button {
  bottom: 60px;
}
.godam-bubble-skin .video-js .vjs-control-bar .vjs-settings-button .vjs-menu {
  bottom: -25px;
  left: -11em;
}
.godam-bubble-skin .video-js .vjs-control-bar div.vjs-subs-caps-button {
  bottom: 108px;
}
.godam-bubble-skin .video-js .vjs-control-bar div.vjs-subs-caps-button .vjs-menu {
  bottom: -7em;
  left: 7em;
}
.godam-bubble-skin .video-js .vjs-control-bar div.vjs-subs-caps-button .vjs-menu::before {
  border-bottom: 6px solid transparent;
  border-right: 7px solid #1c1c1c;
  border-top: 6px solid transparent;
  content: "";
  position: absolute;
  left: -7px;
  bottom: 68px;
}
.godam-bubble-skin .video-js .vjs-control-bar .vjs-icon-placeholder::before {
  line-height: 2;
}
.godam-bubble-skin .video-js .vjs-control-bar .vjs-duration {
  position: absolute;
  display: inline !important;
}
.godam-bubble-skin .video-js .vjs-control-bar .vjs-duration .vjs-duration-display {
  position: absolute;
  bottom: 25px;
  right: 90px;
  z-index: 99;
}
.godam-bubble-skin .video-js .vjs-control-bar .vjs-current-time {
  position: absolute;
  left: 50px;
  display: inline !important;
}
.godam-bubble-skin .video-js .vjs-control-bar .vjs-current-time .vjs-current-time-display {
  position: absolute;
  left: 40px;
  bottom: 25px;
  z-index: 99;
}
.godam-bubble-skin .video-js .vjs-control-bar .vjs-progress-control {
  order: 1;
  transform: translateY(-50%);
  max-width: 77%;
  margin: 0 auto;
  background-color: var(--rtgodam-control-bar-color, rgba(0, 0, 0, 0.6784313725)) !important;
  border-radius: 80px;
  padding: 24px 40px;
}
.godam-bubble-skin .video-js .vjs-control-bar .vjs-progress-control:hover {
  transform: translateY(-50%);
}
.godam-bubble-skin .video-js .vjs-control-bar .vjs-menu-content {
  background-color: #1C1C1C !important;
  color: #fff;
  border-radius: 4px;
  display: flex !important;
  gap: 8px;
  padding: 4px 0 !important;
  flex-direction: column;
}
.godam-bubble-skin .video-js .vjs-control-bar .vjs-menu-content li {
  padding: 0;
  font-size: 12px;
  height: 24px;
}
.godam-bubble-skin .video-js .vjs-control-bar .vjs-menu-content .master-settings-back-icon {
  display: none;
}
.godam-bubble-skin .video-js .vjs-control-bar .vjs-menu-content .vjs-back-item {
  padding-top: 8px;
}
.godam-bubble-skin .video-js .vjs-control-bar .vjs-menu-content .vjs-menu-item:hover {
  font-weight: 900;
  background-color: unset !important;
  color: #cdc5c5 !important;
}
.godam-bubble-skin .video-js .vjs-control-bar .vjs-menu-content span::before {
  font-size: 1.2em !important;
  line-height: 2 !important;
}
.godam-bubble-skin .video-js .vjs-control-bar .vjs-menu-content .godam-back-item-container::after {
  top: 32.5px;
  height: 1px;
}
.godam-bubble-skin .video-js .vjs-control-bar .vjs-button.godam-share-button {
  bottom: 108px;
  right: 8px;
  top: unset;
  border-radius: 80px;
  height: 2rem;
  width: 3.7rem;
  padding: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  cursor: not-allowed;
  pointer-events: auto;
  background-color: var(--rtgodam-control-bar-color, rgba(0, 0, 0, 0.6784313725)) !important;
  opacity: 1;
  visibility: visible;
}
.godam-bubble-skin .video-js .vjs-control-bar .vjs-button.godam-share-button:hover {
  background: #1C1C1C;
}
.godam-bubble-skin .video-js .vjs-control-bar .vjs-button.godam-share-button img {
  height: 12px;
  max-width: unset;
}
.godam-bubble-skin .video-js .vjs-control-bar button:not(.vjs-progress-control):not(.vjs-menu-button):not(.vjs-play-progress):not(.vjs-load-progress), .godam-bubble-skin .video-js .vjs-control-bar div.vjs-subs-caps-button, .godam-bubble-skin .video-js .vjs-control-bar .vjs-settings-button {
  display: flex;
  background-color: var(--rtgodam-control-bar-color, rgba(0, 0, 0, 0.6784313725)) !important;
  border-radius: 80px;
  padding: 19px;
  align-items: center;
  justify-content: center;
  position: absolute;
}
.godam-bubble-skin .video-js .vjs-control-bar button:not(.vjs-progress-control):not(.vjs-menu-button):not(.vjs-play-progress):not(.vjs-load-progress):hover, .godam-bubble-skin .video-js .vjs-control-bar div.vjs-subs-caps-button:hover, .godam-bubble-skin .video-js .vjs-control-bar .vjs-settings-button:hover {
  background: #1C1C1C;
}
@container godam-player-bubble-skin (max-width: 600px) {
  .godam-bubble-skin .video-js .vjs-control-bar .vjs-progress-control {
    max-width: 72%;
  }
}
@container godam-player-bubble-skin (max-width: 480px) {
  .godam-bubble-skin .video-js .vjs-control-bar {
    margin: -55px auto 0;
    height: 5em !important;
  }
  .godam-bubble-skin .video-js .vjs-control-bar .vjs-control {
    height: 3em !important;
  }
  .godam-bubble-skin .video-js .vjs-control-bar .vjs-fullscreen-control {
    right: 10px;
  }
  .godam-bubble-skin .video-js .vjs-control-bar .vjs-volume-control {
    display: none;
  }
  .godam-bubble-skin .video-js .vjs-control-bar .vjs-settings-button {
    right: 55px;
    z-index: 99;
  }
  .godam-bubble-skin .video-js .vjs-control-bar div.vjs-subs-caps-button {
    right: 100px !important;
    left: unset;
    bottom: 3px !important;
    z-index: 99;
  }
  .godam-bubble-skin .video-js .vjs-control-bar .vjs-control.vjs-custom-play-button {
    display: block;
    position: absolute;
    bottom: 0;
    left: 20px;
  }
  .godam-bubble-skin .video-js .vjs-control-bar .vjs-control, .godam-bubble-skin .video-js .vjs-control-bar .vjs-settings-button {
    border-radius: 12px !important;
  }
  .godam-bubble-skin .video-js .vjs-control-bar [class^=vjs-skip-backward-], .godam-bubble-skin .video-js .vjs-control-bar [class^=vjs-skip-forward-] {
    display: block !important;
    background-color: var(--rtgodam-control-bar-color, rgba(0, 0, 0, 0.6784313725)) !important;
    padding: 2px 6px;
    height: 32px !important;
    border-radius: 12px;
  }
  .godam-bubble-skin .video-js .vjs-control-bar [class^=vjs-skip-backward-] span::before, .godam-bubble-skin .video-js .vjs-control-bar [class^=vjs-skip-forward-] span::before {
    line-height: 1.8 !important;
  }
  .godam-bubble-skin .video-js .vjs-control-bar [class^=vjs-skip-backward-] {
    left: 100px;
  }
  .godam-bubble-skin .video-js .vjs-control-bar [class^=vjs-skip-forward-] {
    right: 100px;
  }
  .godam-bubble-skin .video-js .vjs-control-bar .vjs-progress-control {
    max-width: 94%;
    transform: translateY(-56%);
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
  }
  .godam-bubble-skin .video-js .vjs-control-bar .vjs-control, .godam-bubble-skin .video-js .vjs-control-bar .vjs-settings-button, .godam-bubble-skin .video-js .vjs-control-bar div.vjs-subs-caps-button {
    padding: unset !important;
    display: flex;
    align-items: center;
    bottom: 3px;
  }
  .godam-bubble-skin .video-js .vjs-control-bar .vjs-control span::before, .godam-bubble-skin .video-js .vjs-control-bar .vjs-settings-button span::before, .godam-bubble-skin .video-js .vjs-control-bar div.vjs-subs-caps-button span::before {
    font-size: 1.8em;
    line-height: 1.67;
  }
  .godam-bubble-skin .video-js .vjs-control-bar .vjs-volume-panel {
    bottom: 0;
    left: unset;
    right: 152px;
    z-index: 99;
  }
  .godam-bubble-skin .video-js .vjs-control-bar:has(.vjs-subs-caps-button.vjs-hidden) .vjs-volume-panel {
    right: 108px;
  }
  .godam-bubble-skin .video-js .vjs-control-bar .vjs-time-control.vjs-current-time {
    bottom: 0;
    display: block !important;
    left: 20px;
    position: absolute;
    transform: translateY(-120%);
    z-index: 99;
  }
  .godam-bubble-skin .video-js .vjs-control-bar .vjs-time-control.vjs-current-time .vjs-current-time-display {
    position: unset;
  }
  .godam-bubble-skin .video-js .vjs-control-bar .vjs-time-control.vjs-duration {
    bottom: 0;
    display: block !important;
    position: absolute;
    right: 20px;
    transform: translateY(-120%);
    z-index: 99;
  }
  .godam-bubble-skin .video-js .vjs-control-bar .vjs-time-control.vjs-duration .vjs-duration-display {
    position: unset;
  }
  .godam-bubble-skin .video-js .vjs-control-bar .vjs-progress-holder {
    margin: 0 30px !important;
  }
  .godam-bubble-skin .video-js .vjs-control-bar .vjs-duration, .godam-bubble-skin .video-js .vjs-control-bar .vjs-current-time, .godam-bubble-skin .video-js .vjs-control-bar .vjs-time-divider, .godam-bubble-skin .video-js .vjs-control-bar .vjs-picture-in-picture-control {
    display: none !important;
  }
  .godam-bubble-skin .vjs-button.godam-share-button {
    bottom: 136px !important;
    height: 24px !important;
    border-radius: 12px !important;
    display: flex;
    align-items: center;
  }
  .godam-bubble-skin .share-icon {
    height: 12px;
  }
  .godam-bubble-skin .vjs-menu {
    width: 8em;
    bottom: 0 !important;
    left: 0 !important;
  }
  .godam-bubble-skin .vjs-menu .vjs-menu-content li {
    font-size: 12px;
    padding: 4px;
  }
  .godam-bubble-skin .vjs-menu .vjs-menu-content .vjs-menu-item-text span {
    display: flex;
  }
  .godam-bubble-skin div.vjs-subs-caps-button .vjs-menu::before {
    display: none;
  }
}
@container godam-player-bubble-skin (max-width: 420px) {
  .godam-bubble-skin .video-js .vjs-control-bar [class^=vjs-skip-backward-], .godam-bubble-skin .video-js .vjs-control-bar [class^=vjs-skip-forward-] {
    display: none !important;
  }
  .godam-bubble-skin .video-js .vjs-control-bar .vjs-progress-holder {
    margin: 0 35px !important;
  }
  .godam-bubble-skin .vjs-menu .vjs-menu-content {
    gap: 0;
  }
  .godam-bubble-skin .vjs-menu .vjs-menu-content li {
    font-size: 9px;
    padding: 0;
    height: 22px;
  }
  .godam-bubble-skin .vjs-menu .vjs-menu-content .vjs-back-item {
    padding-top: 0;
  }
  .godam-bubble-skin .vjs-menu .vjs-menu-content .godam-back-item-container::after {
    top: 28.5px;
  }
}
@container godam-player-bubble-skin (min-width: 768px) {
  .godam-bubble-skin .vjs-current-time {
    left: 65px !important;
  }
  .godam-bubble-skin .vjs-duration-display {
    right: 100px !important;
  }
}

/*# sourceMappingURL=bubble-skin.css.map*/