{"version":3,"file":"blocks.css","mappings":"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","sources":["webpack://yt-player/../wp-utils/v1/components/BColor/style.scss","webpack://yt-player/../wp-utils/v1/components/Loader/simple-loader.scss","webpack://yt-player/../wp-utils/v1/components/BMediaUpload/style.scss","webpack://yt-player/../wp-utils/v1/components/BControlPro/style.scss","webpack://yt-player/../wp-utils/v1/components/Modal/style.scss","webpack://yt-player/./src/blocks/Preset/style.scss","webpack://yt-player/./src/blocks/timeline/style.scss","webpack://yt-player/./src/blocks/style.scss","webpack://yt-player/./src/style.scss"],"sourcesContent":[".BColorButton,\r\n.BColorButtonContainer {\r\n  height: 30px;\r\n  width: 30px;\r\n  border-radius: 50%;\r\n  outline: 0px;\r\n  border: none;\r\n  cursor: pointer;\r\n}\r\n.BColorButton:hover {\r\n  cursor: pointer;\r\n}\r\n.BColorButtonContainer {\r\n  width: 32px;\r\n  height: 32px;\r\n  background-image: linear-gradient(45deg, #ddd 25%, transparent 0), linear-gradient(-45deg, #ddd 25%, transparent 0), linear-gradient(45deg, transparent 75%, #ddd 0), linear-gradient(-45deg, transparent 75%, #ddd 0);\r\n  background-size: 10px 10px;\r\n  background-position: 0 0, 0 5px, 5px -5px, -5px 0;\r\n  border: 1px solid #e9e9e9;\r\n  box-sizing: border-box;\r\n}\r\n.bColorReset .dashicons-image-rotate {\r\n  text-align: center;\r\n}\r\n",".simple-loader {\r\n  border: 5px solid #f3f3f3;\r\n  border-radius: 50%;\r\n  border-top: 5px solid #3498db;\r\n  -webkit-animation: spin 2s linear infinite; /* Safari */\r\n  animation: spin 2s linear infinite;\r\n}\r\n\r\n/* Safari */\r\n@-webkit-keyframes spin {\r\n  0% {\r\n    -webkit-transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    -webkit-transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@keyframes spin {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n",".bMediaUpload {\r\n  position: relative;\r\n  margin-bottom: 12px;\r\n}\r\n.bMediaUpload button.button-primary {\r\n  position: absolute;\r\n  right: 0px;\r\n  min-height: 31px;\r\n  padding: 3px !important;\r\n  color: #fff !important;\r\n  outline: 0;\r\n  bottom: 0px; \r\n  border-radius: 3px !important;\r\n}\r\n.block-editor-block-inspector .bMediaUpload .components-base-control {\r\n  width: calc(100% - 40px);\r\n  margin-bottom: 0px;\r\n}\r\n\r\n.bMediaUpload .components-base-control {\r\n  width: calc(100% - 40px);\r\n}\r\n\r\n.bMediaUpload button:focus {\r\n  outline: 0;\r\n  box-shadow: 0 0 0 0px #007cba !important;\r\n}\r\n.bMediaUpload .components-panel__row {\r\n  min-height: 30px;\r\n}\r\n\r\n.bMediaUpload label {\r\n  margin-top: 3px;\r\n  display: inline-block;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.bMediaUpload .components-base-control input {\r\n  padding-right: 0px;\r\n}\r\n",".bplProIdentifier {\r\n  .labelPro {\r\n    padding: 0px 5px;\r\n    border-radius: 5px;\r\n    color: #fff;\r\n    background-color: #4527a4;\r\n  }\r\n\r\n  .components-input-control__container {\r\n    opacity: 0.75;\r\n  }\r\n\r\n  .bplOpacity75 {\r\n    opacity: 0.75;\r\n  }\r\n\r\n  .components-form-toggle {\r\n    opacity: 0.75;\r\n  }\r\n}\r\n\r\n.bplOpacity50 {\r\n  opacity: 0.5;\r\n}\r\n.bpllabelPro {\r\n  padding: 0px 5px;\r\n  border-radius: 5px;\r\n  color: #fff;\r\n  background-color: #4527a4;\r\n}\r\n",".modalContainer {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    z-index: 999999;\r\n    .overlay {\r\n      width: 100%;\r\n      height: 100%;\r\n      background: rgb(28 27 27 / 88%);\r\n    }\r\n    .contentContainer {\r\n      z-index: 999;\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      background: #fff;\r\n      padding: 15px;\r\n      border-radius: 3px;\r\n      padding-top: 30px;\r\n      max-width: 100%;\r\n      @media screen and (max-width: 576px) {\r\n        max-height: calc(100vh - 70px);\r\n        overflow: scroll;\r\n      }\r\n    }\r\n    .close {\r\n      font-size: 25px;\r\n      line-height: 100%;\r\n      position: absolute;\r\n      top: 5px;\r\n      right: 5px;\r\n      background: #333;\r\n      color: #fff;\r\n      padding: 3.5px 9px;\r\n      display: inline-block;\r\n      font-family: sans-serif;\r\n      cursor: pointer;\r\n      margin: 0;\r\n      width: auto;\r\n      height: auto;\r\n      border-radius: 3px;\r\n    }\r\n  }",".ytp-presets {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, calc(50% - 5px));\r\n  gap: 10px;\r\n  margin-bottom: 15px;\r\n  .ytp-preset-item {\r\n    row-gap: 10px;\r\n    position: relative;\r\n    .box {\r\n      display: flex;\r\n      padding: 10px;\r\n      min-height: 80px;\r\n      border: 1px solid #ddd;\r\n      align-items: center;\r\n      justify-content: center;\r\n      cursor: pointer;\r\n      flex-direction: column;\r\n      span {\r\n        font-size: 50px;\r\n      }\r\n    }\r\n    p {\r\n      font-weight: 600;\r\n      text-align: center;\r\n    }\r\n\r\n    .active {\r\n      border: 2px solid hsl(207, 100%, 52%);\r\n    }\r\n    .actions {\r\n      position: absolute;\r\n      top: -15px;\r\n      justify-content: space-between;\r\n      display: none;\r\n      gap: 3px;\r\n      right: 0px;\r\n      padding: 3px;\r\n      span {\r\n        background: #007cba;\r\n        border-radius: 50%;\r\n        height: 25px;\r\n        width: 25px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 16px;\r\n        color: #fff;\r\n        cursor: pointer;\r\n      }\r\n    }\r\n    &:hover {\r\n      .actions {\r\n        display: flex;\r\n      }\r\n    }\r\n  }\r\n}\r\n.confirmPresetDelete {\r\n  display: flex;\r\n  justify-content: end;\r\n  column-gap: 10px;\r\n  align-items: center;\r\n}\r\n.ytpPresetModal {\r\n  width: 100%;\r\n  max-height: 95%;\r\n  min-height: 95vh;\r\n  .components-modal__content:before {\r\n    margin: 0;\r\n  }\r\n  .ytpPreset {\r\n    display: flex;\r\n    height: calc(100% - 66px);\r\n    .options {\r\n      width: 280px;\r\n      overflow-y: scroll;\r\n      padding-bottom: 30px;\r\n      height: 700px;\r\n    }\r\n    .preview {\r\n      flex: 1;\r\n      background: #d2d2d2;\r\n      padding: 15px;\r\n      overflow-y: scroll;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n\r\n      .ytWrapper {\r\n        width: 700px;\r\n        // pointer-events: none;\r\n        position: relative;\r\n        height: 393px;\r\n        .plyr {\r\n          width: 100%;\r\n          height: 100%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .actionsWrapper {\r\n    position: fixed;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    background-color: #fff;\r\n    .actions {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      padding: 15px 0;\r\n      width: calc(100% - 65px);\r\n      margin: 0 auto;\r\n    }\r\n  }\r\n}\r\n\r\n.ytp_loader {\r\n  border: 4px solid #f3f3f3;\r\n  border-radius: 50%;\r\n  border-top: 4px solid #3498db;\r\n  width: 20px;\r\n  height: 20px;\r\n  animation: spin 2s linear infinite;\r\n  display: inline-block;\r\n  margin-right: 15px;\r\n}\r\n\r\n.ytWrapper {\r\n  .plyr {\r\n    // pointer-events: none;\r\n    // iframe {\r\n    //   display: none;\r\n    // }\r\n    .plyr__poster {\r\n      background-size: cover;\r\n    }\r\n  }\r\n}\r\n\r\n/* Safari */\r\n@-webkit-keyframes spin {\r\n  0% {\r\n    -webkit-transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    -webkit-transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@keyframes spin {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n.h-full {\r\n  height: 100%;\r\n}\r\n",".mb-0 {\r\n  margin-bottom: 0;\r\n}\r\n",".ytpPreset .components-base-control {\r\n  width: 100%;\r\n}\r\n\r\n.presetDeleting {\r\n  pointer-events: none;\r\n  opacity: 0.4;\r\n}\r\n.ytWrapper {\r\n  pointer-events: none;\r\n}\r\n",".ytPlayer {\r\n  width: 100%;\r\n  display: flex;\r\n  float: none !important;\r\n\r\n  .ytWrapper {\r\n    width: 100%;\r\n  }\r\n  .plyr {\r\n    background: transparent;\r\n    width: 100%;\r\n    .plyr__control--overlaid {\r\n      backdrop-filter: blur(4px);\r\n      height: auto;\r\n      // animation-name: opacityIn;\r\n      // animation-duration: 1s;\r\n    }\r\n    .plyr__control {\r\n      height: auto;\r\n    }\r\n  }\r\n  &.left {\r\n    justify-content: left;\r\n  }\r\n  &.center {\r\n    justify-content: center;\r\n  }\r\n  &.right {\r\n    justify-content: right;\r\n  }\r\n}\r\n\r\n.hideYoutubeUI .plyr {\r\n  iframe {\r\n    height: 200%;\r\n    top: -50%;\r\n  }\r\n}\r\n.hideControlsWhenPause .plyr--paused:not(.plyr--loading) .plyr__controls {\r\n  opacity: 0;\r\n  transition: opacity 0.5s;\r\n}\r\n.ytWrapper .watermark {\r\n  position: absolute;\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  width: 100%;\r\n  padding: 15px;\r\n  z-index: 999;\r\n  span {\r\n    padding: 8px 15px;\r\n    background: green;\r\n    border-radius: 3px;\r\n    color: #fff;\r\n  }\r\n}\r\n\r\n.timelineWrapper {\r\n  .timeline {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 25px;\r\n\r\n    &:last-child:not(:first-child) .videoBorder {\r\n      border: none;\r\n    }\r\n    &.videoRight {\r\n      flex-direction: row-reverse;\r\n      .videoText {\r\n        text-align: right;\r\n      }\r\n    }\r\n  }\r\n\r\n  .videoBox {\r\n    // border-right: 1px dashed #bcbfd2;\r\n    position: relative;\r\n    margin-top: 20px;\r\n    align-self: center;\r\n    flex: 1;\r\n    margin-bottom: 130px;\r\n    // #player {\r\n    //   background: blueviolet;\r\n    //   border-radius: 15px;\r\n    //   padding: 15px;\r\n    // }\r\n    .plyr__controls {\r\n      border-radius: 0;\r\n    }\r\n    iframe {\r\n      height: 200%;\r\n      top: -50%;\r\n      pointer-events: none;\r\n    }\r\n  }\r\n  .videoBorder {\r\n    border-left: 1px dashed #333;\r\n    height: 100%;\r\n    position: absolute;\r\n    margin-left: 11px;\r\n    margin-top: 8px;\r\n  }\r\n  .videoDot {\r\n    position: relative;\r\n    // width: 22px;\r\n    // margin-left: -16px;\r\n    img {\r\n      margin-top: 3px;\r\n    }\r\n  }\r\n  // .videoDot img {\r\n  //   position: absolute;\r\n  //   margin-left: -11px;\r\n  // }\r\n  .videoText {\r\n    flex: 1;\r\n    padding-top: 0;\r\n    text-align: left;\r\n    .content {\r\n      padding: 20px;\r\n      padding-top: 0;\r\n    }\r\n    h3 {\r\n      font-size: 25px;\r\n      margin-top: 0;\r\n      line-height: 100%;\r\n    }\r\n  }\r\n  .borderLeft {\r\n    border-left: 1px dashed #ddd;\r\n  }\r\n  .borderRight {\r\n    border-right: 1px dashed #ddd;\r\n  }\r\n  .plyr__video-wrapper {\r\n    border-radius: initial;\r\n  }\r\n}\r\n\r\n@keyframes opacityIn {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n\r\n  to {\r\n    transform: opacity 0.9;\r\n  }\r\n}\r\n\r\n// media query\r\n@media screen and (max-width: 768px) {\r\n  #yt-player .timelineWrapper {\r\n    .timeline {\r\n      flex-direction: column;\r\n      .videoDot {\r\n        display: none;\r\n      }\r\n      .videoBox {\r\n        width: 100%;\r\n        margin-bottom: 15px;\r\n      }\r\n      .videoText {\r\n        text-align: left;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 600px) {\r\n  #yt-player .timelineWrapper {\r\n    .timeline {\r\n      .videoBox {\r\n        margin-bottom: 5px;\r\n        #player {\r\n          border-width: 0px !important;\r\n          border-radius: 3px !important;\r\n        }\r\n      }\r\n      .videoBox .videoText .content {\r\n        padding: 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n"],"names":[],"sourceRoot":""}