{"version":3,"file":"./style-index.css","mappings":";;;AAAA;;;;;IAAA;ACAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADOF;ACLE;EACE;EACA;ADOJ;;ACLA;EACE;EACA;EACA;EACA;EACA;ADQF;;ACNA;EACE;EACA;EACA;EACA;EACA;ADSF;;ACPA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADUF;;ACRA;EACE;EACA;ADWF;;ACTA;EACE;ADYF;;ACVA;EACE;EACA;ADaF;;ACVE;EACE;ADaJ;ACXE;EACE;EACA;EACA;EACA;ADaJ;;ACXA;EACE;EACA;EACA;EACA;EACA;ADcF;;ACZA;EACE;EACA;EACA;EACA;EACA;EACA;ADeF;;ACbA;EACE;ADgBF;;ACdA;EACE;EACA;EACA;EACA;ADiBF;;ACfA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADkBF;;AChBA;EACE;ADmBF;;ACjBA;EACE;ADoBF;;AClBA;EACE;ADqBF;ACnBE;EACE;ADqBJ;ACnBE;EACE;EACA;EACA;EACA;ADqBJ;ACnBE;EACE;ADqBJ;;ACnBA;EACE;EACA;EACA;ADsBF;ACpBE;EACE;EACA;ADsBJ;ACpBE;EACE;EACA;EACA;ADsBJ;ACpBE;EACE;EACA;ADsBJ;ACpBE;EACE;EACA;EACA;ADsBJ;ACpBE;EACE;EACA;ADsBJ;ACpBE;EACE;EACA;ADsBJ;ACpBI;EACE;ADsBN;;ACpBA;EACE;UAAA;EACA;UAAA;EACA;EACA;UAAA;ADuBF;;ACrBA;EACE;UAAA;EACA;UAAA;ADwBF;;ACtBA;EACE;UAAA;EACA;UAAA;ADyBF;;ACvBA;EACE;EACA;UAAA;AD0BF;;ACxBA;EACE;UAAA;AD2BF;;ACzBA;EACE;IACE;IACA;IACA;ED4BF;EC1BA;IACE;IACA;ED4BF;AACF;;ACrCA;EACE;IACE;IACA;IACA;ED4BF;EC1BA;IACE;IACA;ED4BF;AACF;AC3BA;EACE;IACE;IACA;ED6BF;EC3BA;IACE;IACA;IACA;ED6BF;AACF;ACtCA;EACE;IACE;IACA;ED6BF;EC3BA;IACE;IACA;IACA;ED6BF;AACF;AC5BA;EACE;EACA;EACA;EACA;EACA;EACA;AD8BF;AC5BE;EACE;EACA;AD8BJ;;AC5BA;EACE;AD+BF;;AC7BA;EACE;ADgCF;;AC9BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADiCF;;AC/BA;EACE;EACA;EACA;EACA;EACA;ADkCF;;AChCA;EACE;EACA;EACA;EACA;EACA;ADmCF;;AAzQA;EACI;EACA;EACA;EACA;EACA;EACA;AA4QJ;AA3QI;EACI;EACA;EACA;EACA;EACA;EACA;AA6QR;AA5QI;EACI;EACA;AA8QR;;AA3QA;EASI;AAsQJ;AA9QI;EACI;EACA;EACA;EACA;EACA;AAgRR;AA/QQ;EACI;AAiRZ;AA/QI;EAEI;EACA;EACA;EACA;AAgRR;AA9QQ;EACI;EACA;EAGA;EACA;AA8QZ;AAvQI;EACI;EACA;EACA;EACA;EACA;AAyQR;AAlQY;EACI;EACA;AAoQhB;AAlQgB;EACI;AAoQpB;AAnQQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAqQZ;AApQQ;EACI;EAAA;AAsQZ;AArQY;EACI;AAuQhB;AAtQQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAwQZ;AAtQgB;EACI;EACA;EACA;AAwQpB;AAvQgB;EACI;EACA;EACA;AAyQpB;AAxQY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA0QhB;AAzQY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AA2QhB;AA1QgB;EACI;EACA;EACA;EAAA;EACA;AA4QpB;AA3QoB;EACI;EACA;EACA;EACA;AA6QxB;AA5QY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA8QhB;AA7QgB;EACI;EACA;EACA;EACA;EACA;AA+QpB;AA7QwB;EACI;AA+Q5B;AA7QwB;EACI;AA+Q5B;AA7QwB;EACI;AA+Q5B;AA9Q4B;EACI;AAgRhC;AA9QwB;EACI;AAgR5B;AA9QwB;EACI;AAgR5B;AA/QoB;EACI;EACA;EACA;EACA;AAiRxB;AAhRwB;EACI;EACA;AAkR5B;AAjRgB;EACI;EACA;EACA;EACA;EACA;AAmRpB;;AAlRA;EAIgB;IACI;EAkRlB;AACF;AAhRA;EAGY;IACI;IACA;IACA;EAgRd;EA/Qc;IACI;EAiRlB;EAhRc;IACI;IACA;IACA;EAkRlB;EAjRc;IACI;IACA;IACA;IACA;EAmRlB;EAlRkB;IACI;IACA;EAoRtB;EAnRkB;IACI;IACA;IACA;EAqRtB;AACF,C","sources":["webpack://blockplayer/./src/blocks/the-player/style/style.sass","webpack://blockplayer/./src/blocks/the-player/style/slider.sass"],"sourcesContent":["/**\r\n * The following styles get applied both on the front of your site\r\n * and in the editor.\r\n *\r\n * Replace them with your own styles or remove the file completely.\r\n */\r\n@import './slider'\r\n.icon-btn-transparent\r\n    background-color: transparent\r\n    color: #222222\r\n    border: 0\r\n    padding: 0\r\n    margin: 0\r\n    border: 0\r\n    &:hover\r\n        background-color: transparent\r\n        color: #222222\r\n        border: 0\r\n        padding: 0\r\n        margin: 0\r\n        border: 0\r\n    &:focus\r\n        outline-offset: 0\r\n        outline: 0px dotted currentColor\r\nbutton.blockplayer-playback-rate\r\n    @extend .icon-btn-transparent\r\n.blockplayer-area\r\n    svg\r\n        width: 1em\r\n        height: 1em\r\n        font-size: 25px\r\n        margin: 0 3px\r\n        fill: #ffffff\r\n        &:hover\r\n            fill: #ff6060\r\n    position: relative\r\n    button\r\n        @extend .icon-btn-transparent\r\n        background-color: transparent !important\r\n        color: #ffffff !important\r\n        border: 0\r\n        cursor: pointer\r\n    .blockplayer-download-area\r\n        .blockplayer-download\r\n            display: block\r\n            position: relative\r\n            // top: -3px\r\n            @extend .icon-btn-transparent\r\n            background-color: transparent !important\r\n            border: 0\r\n            svg\r\n                // width: 1em\r\n                // height: 1em\r\n                // font-size: 25px\r\n                // display: block\r\n                // fill: #ffffff\r\n    .blockplayer-video-area\r\n        background: #000\r\n        position: relative\r\n        width: 100%\r\n        margin: 0 auto\r\n        overflow: hidden\r\n        .blockplayer-play-icon-overlay\r\n            // position: absolute\r\n            // left: 50%\r\n            // top: 50%\r\n            // z-index: 1\r\n            // transform: translate( -50%, -50% )\r\n            svg\r\n                font-size: 80px\r\n                fill: #ffffff\r\n            &:hover\r\n                svg\r\n                    fill: #ff6060\r\n        .blockplayer-video-poster\r\n            position: absolute\r\n            left: 0\r\n            top: 0\r\n            width: 100%\r\n            height: 100%\r\n            background-size: cover\r\n            background-position: center\r\n        .blockplayer-video\r\n            display: grid\r\n            video\r\n                overflow: hidden\r\n        .blockplayer-controls-area\r\n            position: absolute\r\n            left: 0\r\n            bottom: 0\r\n            width: 100%\r\n            height: 100%\r\n            display: flex\r\n            align-items: flex-end\r\n            flex-wrap: wrap\r\n            align-content: flex-end\r\n            &:hover\r\n                .blockplayer-controls-mdl\r\n                    transform: translate(0px, 0px)\r\n                    opacity: 1\r\n                    visibility: visible\r\n                .blockplayer-controls-bottom\r\n                    transform: translate(0px, 0px)\r\n                    opacity: 1\r\n                    visibility: visible\r\n            .blockplayer-controls-overlay\r\n                position: absolute\r\n                top: 0\r\n                left: 0\r\n                width: 100%\r\n                height: 100%\r\n                display: flex\r\n                justify-content: center\r\n                align-items: center\r\n            .blockplayer-controls-mdl\r\n                transform: translate(0px, 30px)\r\n                opacity: 0\r\n                visibility: hidden\r\n                transition: .3s\r\n                position: relative\r\n                z-index: 1\r\n                width: 100%\r\n                .blockplayer-video-load-area\r\n                    height: auto\r\n                    padding: 15px 0\r\n                    display: grid\r\n                    position: relative\r\n                    .blockplayer-loaded-bar\r\n                        position: absolute\r\n                        left: 0\r\n                        top: 20px\r\n                        width: 100%\r\n            .blockplayer-controls-bottom\r\n                transform: translate(0px, 30px)\r\n                opacity: 0\r\n                visibility: hidden\r\n                transition: .3s\r\n                width: 100%\r\n                display: flex\r\n                position: relative\r\n                z-index: 1\r\n                .blockplayer-controls-bottom-left\r\n                    display: flex\r\n                    align-items: center\r\n                    justify-content: flex-start\r\n                    width: 60%\r\n                    padding-left: 20px\r\n                    .blockplayer-restart-area\r\n                        .blockplayer-restart\r\n                            display: block\r\n                    .blockplayer-rewind-area\r\n                        .blockplayer-rewind\r\n                            display: block\r\n                    .blockplayer-playing-area\r\n                        .blockplayer-playing\r\n                            display: block\r\n                            svg\r\n                                font-size: 30px\r\n                    .blockplayer-forward-area\r\n                        .blockplayer-forward\r\n                            display: block\r\n                    .blockplayer-mute-unmute-area\r\n                        .blockplayer-mute-unmute\r\n                            display: block\r\n                    .blockplayer-volume-slider-area\r\n                        width: 100%\r\n                        position: relative\r\n                        max-width: 150px\r\n                        margin-left: 5px\r\n                        .rc-slider\r\n                            padding: 0\r\n                            margin-top: 5px\r\n                .blockplayer-controls-bottom-right\r\n                    width: 40%\r\n                    display: flex\r\n                    align-items: center\r\n                    justify-content: flex-end\r\n                    padding-right: 20px\r\n@media only screen and (min-width: 300px) and (max-width: 500.98px)\r\n    .blockplayer-area\r\n        .blockplayer-video-area\r\n            .blockplayer-play-icon-overlay\r\n                svg\r\n                    font-size: 60px\r\n            .blockplayer-controls-area\r\n                .blockplayer-controls-overlay\r\n@media only screen and (min-width: 300px) and (max-width: 400.98px)\r\n    .blockplayer-area\r\n        .blockplayer-video-area\r\n            .blockplayer-controls-area\r\n                background: #000\r\n                padding: 5px 5px\r\n                position: relative\r\n                .blockplayer-controls-overlay\r\n                    display: none\r\n                .blockplayer-controls-mdl\r\n                    transform: translate(0px, 0px)\r\n                    opacity: 1\r\n                    visibility: visible\r\n                .blockplayer-controls-bottom \r\n                    transform: translate(0px, 0px)\r\n                    opacity: 1\r\n                    visibility: visible\r\n                    flex-wrap: wrap\r\n                    .blockplayer-controls-bottom-left\r\n                        width: 100%\r\n                        padding-left: 0px\r\n                    .blockplayer-controls-bottom-right\r\n                        width: 100%\r\n                        justify-content: center\r\n                        padding-right: 0px\r\n            ",".rc-slider\r\n  position: relative\r\n  height: 14px\r\n  padding: 5px 0\r\n  width: 100%\r\n  border-radius: 6px\r\n  touch-action: none\r\n  box-sizing: border-box\r\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)\r\n\r\n  *\r\n    box-sizing: border-box\r\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)\r\n\r\n.rc-slider-rail\r\n  position: absolute\r\n  width: 100%\r\n  background-color: #e9e9e9\r\n  height: 4px\r\n  border-radius: 6px\r\n\r\n.rc-slider-track\r\n  position: absolute\r\n  left: 0\r\n  height: 4px\r\n  border-radius: 6px\r\n  background-color: #abe2fb\r\n\r\n.rc-slider-handle\r\n  position: absolute\r\n  width: 14px\r\n  height: 14px\r\n  cursor: pointer\r\n  cursor: -webkit-grab\r\n  margin-top: -5px\r\n  cursor: grab\r\n  border-radius: 50%\r\n  border: solid 2px #96dbfa\r\n  background-color: #fff\r\n  touch-action: pan-x\r\n\r\n.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging\r\n  border-color: #57c5f7\r\n  box-shadow: 0 0 0 5px #96dbfa\r\n\r\n.rc-slider-handle:focus\r\n  outline: none\r\n\r\n.rc-slider-handle-click-focused:focus\r\n  border-color: #96dbfa\r\n  box-shadow: unset\r\n\r\n.rc-slider-handle\r\n  &:hover\r\n    border-color: #57c5f7\r\n\r\n  &:active\r\n    border-color: #57c5f7\r\n    box-shadow: 0 0 5px #57c5f7\r\n    cursor: -webkit-grabbing\r\n    cursor: grabbing\r\n\r\n.rc-slider-mark\r\n  position: absolute\r\n  top: 18px\r\n  left: 0\r\n  width: 100%\r\n  font-size: 12px\r\n\r\n.rc-slider-mark-text\r\n  position: absolute\r\n  display: inline-block\r\n  vertical-align: middle\r\n  text-align: center\r\n  cursor: pointer\r\n  color: #999\r\n\r\n.rc-slider-mark-text-active\r\n  color: #666\r\n\r\n.rc-slider-step\r\n  position: absolute\r\n  width: 100%\r\n  height: 4px\r\n  background: transparent\r\n\r\n.rc-slider-dot\r\n  position: absolute\r\n  bottom: -2px\r\n  margin-left: -4px\r\n  width: 8px\r\n  height: 8px\r\n  border: 2px solid #e9e9e9\r\n  background-color: #fff\r\n  cursor: pointer\r\n  border-radius: 50%\r\n  vertical-align: middle\r\n\r\n.rc-slider-dot-active\r\n  border-color: #96dbfa\r\n\r\n.rc-slider-dot-reverse\r\n  margin-right: -4px\r\n\r\n.rc-slider-disabled\r\n  background-color: #e9e9e9\r\n\r\n  .rc-slider-track\r\n    background-color: #ccc\r\n\r\n  .rc-slider-handle, .rc-slider-dot\r\n    border-color: #ccc\r\n    box-shadow: none\r\n    background-color: #fff\r\n    cursor: not-allowed\r\n\r\n  .rc-slider-mark-text, .rc-slider-dot\r\n    cursor: not-allowed !important\r\n\r\n.rc-slider-vertical\r\n  width: 14px\r\n  height: 100%\r\n  padding: 0 5px\r\n\r\n  .rc-slider-rail\r\n    height: 100%\r\n    width: 4px\r\n\r\n  .rc-slider-track\r\n    left: 5px\r\n    bottom: 0\r\n    width: 4px\r\n\r\n  .rc-slider-handle\r\n    margin-left: -5px\r\n    touch-action: pan-y\r\n\r\n  .rc-slider-mark\r\n    top: 0\r\n    left: 18px\r\n    height: 100%\r\n\r\n  .rc-slider-step\r\n    height: 100%\r\n    width: 4px\r\n\r\n  .rc-slider-dot\r\n    left: 2px\r\n    margin-bottom: -4px\r\n\r\n    &:first-child, &:last-child\r\n      margin-bottom: -4px\r\n\r\n.rc-slider-tooltip-zoom-down-enter, .rc-slider-tooltip-zoom-down-appear, .rc-slider-tooltip-zoom-down-leave\r\n  animation-duration: 0.3s\r\n  animation-fill-mode: both\r\n  display: block !important\r\n  animation-play-state: paused\r\n\r\n.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active, .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active\r\n  animation-name: rcSliderTooltipZoomDownIn\r\n  animation-play-state: running\r\n\r\n.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active\r\n  animation-name: rcSliderTooltipZoomDownOut\r\n  animation-play-state: running\r\n\r\n.rc-slider-tooltip-zoom-down-enter, .rc-slider-tooltip-zoom-down-appear\r\n  transform: scale(0, 0)\r\n  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1)\r\n\r\n.rc-slider-tooltip-zoom-down-leave\r\n  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06)\r\n\r\n@keyframes rcSliderTooltipZoomDownIn\r\n  0%\r\n    opacity: 0\r\n    transform-origin: 50% 100%\r\n    transform: scale(0, 0)\r\n\r\n  100%\r\n    transform-origin: 50% 100%\r\n    transform: scale(1, 1)\r\n\r\n@keyframes rcSliderTooltipZoomDownOut\r\n  0%\r\n    transform-origin: 50% 100%\r\n    transform: scale(1, 1)\r\n\r\n  100%\r\n    opacity: 0\r\n    transform-origin: 50% 100%\r\n    transform: scale(0, 0)\r\n\r\n.rc-slider-tooltip\r\n  position: absolute\r\n  left: -9999px\r\n  top: -9999px\r\n  visibility: visible\r\n  box-sizing: border-box\r\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)\r\n\r\n  *\r\n    box-sizing: border-box\r\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)\r\n\r\n.rc-slider-tooltip-hidden\r\n  display: none\r\n\r\n.rc-slider-tooltip-placement-top\r\n  padding: 4px 0 8px 0\r\n\r\n.rc-slider-tooltip-inner\r\n  padding: 6px 2px\r\n  min-width: 24px\r\n  height: 24px\r\n  font-size: 12px\r\n  line-height: 1\r\n  color: #fff\r\n  text-align: center\r\n  text-decoration: none\r\n  background-color: #6c6c6c\r\n  border-radius: 6px\r\n  box-shadow: 0 0 4px #d9d9d9\r\n\r\n.rc-slider-tooltip-arrow\r\n  position: absolute\r\n  width: 0\r\n  height: 0\r\n  border-color: transparent\r\n  border-style: solid\r\n\r\n.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow\r\n  bottom: 4px\r\n  left: 50%\r\n  margin-left: -4px\r\n  border-width: 4px 4px 0\r\n  border-top-color: #6c6c6c\r\n"],"names":[],"sourceRoot":""}