{"version":3,"file":"block.css","mappings":"AAAA,iEACE,YAEF,uCACE,YACA,eAEF,UACE,WACA,SACA,uBACE,YACA,SAGJ,iCACE,cAEF,sBACE,sBAEF,cACE,oBACA,uCACE,mBACA,4DACE,mBAIN,uBACE,YACA,cAEF,0BACE,sBAEF,uBACE,kBACA,YACA,WACA,YAEF,gDACE,eACA,UACA,WAEF,2BACE,cAEF,oCACE,aACA,6BACA,2CACE,OACA,uBACA,+DACE,uCACA,WAIN,iBACE,kBACA,sBACE,oBAEF,0CACE,kBACA,WACA,SACA,aACA,SACA,iDACE,sBACA,gBAKJ,2BACE,YACA,WACA,UACA,sBACA,aAEF,6BACE,aACA,sBACA,kBACA,sBACA,kBACA,UACA,YAEF,wBACE,kBACA,WACA,aACA,iBAGJ,8EACE,mBAEF,WACE,eACA,e;AC7GF,cACE,kBACA,mBAEF,qBACE,kBACA,UACA,YACA,uBACA,sBACA,UACA,WACA,6BAEF,qEACE,WACA,kBAEF,6CACE,WACA,mBAEF,2BACE,UACA,wCAEF,qCACE,gBAEF,oBACE,eACA,qBACA,kB;AChCF,qCAEE,YACA,WACA,kBACA,YACA,YACA,eAEF,oBACE,eAEF,uBACE,WACA,YACA,mNACA,0BACA,8CACA,yBACA,sBAEF,qCACE,kB;ACtBF,eACE,yBACA,kBACA,6BACA,0CACA,kCAIF,wBACE,GACE,+BAEF,KACE,kCAIJ,gBACE,GACE,uBAEF,KACE,0B;ACvBJ,cACE,kBACA,mBAEF,oCACE,kBACA,UACA,gBACA,uBACA,sBACA,UACA,WACA,6BAEF,qEACE,wBACA,kBAGF,uCACE,wBAGF,2BACE,UACA,wCAEF,qCACE,gBAGF,oBACE,eACA,qBACA,kBAGF,6CACE,kB;ACrCA,4BACE,gBACA,kBACA,WACA,yBAGF,uDACE,YAGF,gCACE,YAGF,0CACE,YAIJ,cACE,WAEF,aACE,gBACA,kBACA,WACA,yB;AC5BF,gBACI,eACA,MACA,OACA,YACA,aACA,eACA,yBACE,WACA,YACA,8BAEF,kCACE,YACA,kBACA,QACA,SACA,gCACA,gBACA,aACA,kBACA,iBACA,eACA,qCAXF,kCAYI,8BACA,iBAGJ,uBACE,eACA,iBACA,kBACA,QACA,UACA,gBACA,WACA,kBACA,qBACA,uBACA,eACA,SACA,WACA,YACA,kB;AC3CN,QACE,mBACA,eAEF,qCAEE,YACA,WACA,kBACA,YACA,YACA,eAEF,oBACE,eAEF,uBACE,WACA,YACA,mNAEA,0BACA,8CACA,yBACA,sBAEF,qCACE,kBACA,eAGF,iBACE,kBACA,SACA,gBACA,eACA,eACA,uBACE,WACA,WACA,yB;ACxCJ,qBACE,mBACA,WACA,iBACA,e;ACAD,2FACC,kBACA,WACA,YACA,UAGD,+FACC,eACA,gBAGD,iFACC,WACA,kBAGD,yFACC,6BACA,0BAGD,uFACC,gBACA,yBACA,oBACA,mBACA,qBACA,gBACA,YACA,WAGD,iGACC,eACA,WACA,YACA,cAGD,+FACC,WACA,YACA,cAGD,+GACC,kB;ACnDF,iCACE,WACA,YACA,gBACA,+BAEA,eACE,wBAQJ,eACE,iCAGF,UACE,YACA,kBACA,4BAGF,iBACE,kBACA,gBACA,kBACA,YACA,sBAGF,qBACE,4BAGF,YACE,gBACA,6BACA,uBACA,iCACA,iBACA,kBACA,gDAGF,wBAEE,kBAGF,iBAYE,aACA,8BACA,mBACA,QACA,WACA,4DAfA,cAEE,8EAEA,kBACE,WACA,gBAaJ,uBACE,cACA,WACA,YACA,wBACA,4BACA,2BACA,sBACA,kBACA,YACA,aACA,YACA,kBACA,eACA,0BAEA,eAhBF,UAiBI,YACA,wBAIJ,kBACE,kBACA,4BAEA,cACE,kBACA,YACA,WACA,+BAKN,UACE,YACA,iBACA,kBACA,yCAGF,WACE,iBACA,uEAGF,WACE,iBACA,8BAIA,mBACE,6BAGF,YACE,+CAIA,sBACE,mBAKN,cACE,aACA,sBACA,mBACA,uBACA,kCAEA,iBACE,sBACA,UAIJ,iBACE,WACA,YACA,eACA,UACA,eACA,gBACA,YACA,kBACA,sBACA,WAGF,iBACE,SACA,WACA,eACA,UACA,eACA,aACA,gBACA,kBACA,kCAGF,aACE,+CAGF,cAEE,qIAEA,gBAEE,uEAGF,gBACE,kBACA,uIAGF,iBAEE,uEAGF,sBACE,wBACA,eACA,cACA,gBACA,0BACA,uBACA,MACA,OACA,iEAGF,YACE,sCAEA,gEAHF,aAII,0HAOF,YACE,2HAGF,aACE,+EAIJ,UACE,YACA,sBACA,+BACA,YACA,aACA,yEAGF,YACE,SACA,YACA,eACA,eACA,gBACA,iGAEA,WACE,YACA,eACA,4BAKN,eACE,qBACA,iBACA,gBACA,eACA,aACA,kBACA,mCAGF,oBACE,qBACA,WACA,6BAGF,UACE,YACA,qCACA,kBACA,MACA,OACA,gCAGF,iBACE,QACA,SACA,gCACA,WACA,qCAGF,sBACE,2DAGF,YACE,4DAGF,UACE,8EAGF,UACE,kNAGF,UAGE,oEAED,SACC,wBAGF,UACE,UACA,aACA,sBACA,sGAGF,UACE,UACA,aAMF,cACE,kDAKA,qBAEE,uBACA,uEAOJ,YACE,sBACA,uFAGF,sBACE,mCAIF,mBACE,2CAGF,kEACE,SACE,oBAQJ,iBACE,gBACA,MACA,QACA,SACA,OACA,iCAEA,UACA,UACA,2CAGA,WACA,kBACA,gBACA,SACA,0BAEA,aACE,UACA,gBACA,eACA,YACA,aAIJ,eACE,UACA,gBACA,eACA,YACA,oBAIF,4BAGE,0CAGA,qCACA,kCACA,iEACA,qBACA,sBACA,YACA,iBACA,cACA,mBAGF,aACE,WACA,kBACA,sBACA,sBACA,gCACA,kBACA,4CACA,oCACA,4BACA,UACA,gBACA,aACA,8BACA,2BACA,sBACA,8BACA,yDAIF,iCAEE,8BACA,0BACA,kBACA,aACA,kDAGF,yBAEE,WACA,eACA,aAGF,wBACE,aACA,WACA,OACA,MACA,QACA,SACA,UACA,0CACA,qCACA,kCACA,YAGF,iBACE,YACA,UACA,eACA,WACA,eACA,WACA,iBACA,iBACA,iBACA,sCAGF,yBACE,UACE,qBACA,YACA,sBACA,iBACA,YACA,uCAIJ,mBACE,eACE,wBAIJ,iBACE,+BAEA,UACE,qBACA,YACA,WACA,kBACA,aACA,eACA,0BAIJ,iBACE,QACA,SACA,gCACA,wCACA,YACA,wBACA,gBACA,WACA,WACA,wCACA,WACA,YACA,wCAEA,UACE,8BAIJ,QACE,gBACA,yHAGF,YAEE,C","sources":["webpack:///./src/blocks/3d-viewer/style.scss","webpack:///./src/components/BMediaUpload/style.css","webpack:///../wp-utils/v1/components/BColor/style.scss","webpack:///../wp-utils/v1/components/Loader/simple-loader.scss","webpack:///../wp-utils/v1/components/BMediaUpload/style.scss","webpack:///../wp-utils/v1/components/BControlPro/style.scss","webpack:///../wp-utils/v1/components/Modal/style.scss","webpack:///./src/components/BColor/styles.scss","webpack:///./src/components/BUnitControl/styles.scss","webpack:///../Components/BDevice/BDevice.scss","webpack:///./src/public/style.scss"],"sourcesContent":[".b3dviewer-multiple-model .components-panel__row.width-100 input {\r\n  width: 220px;\r\n}\r\n.b3dviewer-multiple-model .btn-dismiss {\r\n  height: auto;\r\n  margin-top: 3px;\r\n}\r\n#closeBtn {\r\n  right: 20px;\r\n  top: 65px;\r\n  &.sidebar-open {\r\n    right: 300px;\r\n    top: 62px;\r\n  }\r\n}\r\n[data-align=\"center\"] .aligncenter {\r\n  margin: 0 auto;\r\n}\r\n.modelPanel.is-opened {\r\n  border: 1px solid #ddd;\r\n}\r\n.modelRemover {\r\n  justify-content: end;\r\n  button.components-button {\r\n    background: rgb(168, 20, 20);\r\n    &:hover:not(:disabled) {\r\n      background: rgb(117, 13, 13);\r\n    }\r\n  }\r\n}\r\n.b3dviewer.woocommerce {\r\n  width: 600px;\r\n  margin: 0 auto;\r\n}\r\n.woocommerce model-viewer {\r\n  border: 1px solid #ddd;\r\n}\r\n.modelViewerIsSelected {\r\n  position: absolute;\r\n  height: 100%;\r\n  width: 100%;\r\n  z-index: 999;\r\n}\r\n.b3dviewer_front_shortcode .components-snackbar {\r\n  position: fixed;\r\n  top: 130px;\r\n  right: 20px;\r\n}\r\n.b3dviewer_front_shortcode {\r\n  margin: 0 auto;\r\n}\r\n.b3dviewer-tab-panel [role=\"tablist\"] {\r\n  display: flex;\r\n  justify-content: space-around;\r\n  button {\r\n    flex: 1;\r\n    justify-content: center;\r\n    &[aria-selected=\"true\"] {\r\n      background: var(--wp-admin-theme-color);\r\n      color: #fff;\r\n    }\r\n  }\r\n}\r\n.bp_model_parent {\r\n  position: relative;\r\n  .DMC {\r\n    pointer-events: none;\r\n  }\r\n  .setDefaultViewContainer {\r\n    position: absolute;\r\n    right: 10px;\r\n    top: 10px;\r\n    display: flex;\r\n    gap: 10px;\r\n    button {\r\n      color: #fff !important;\r\n      font-weight: 600;\r\n    }\r\n  }\r\n}\r\n.deviceForUnit {\r\n  .iconButton {\r\n    height: 30px;\r\n    width: 24px;\r\n    padding: 0;\r\n    border: 1px solid #ddd;\r\n    outline: none;\r\n  }\r\n  .bDevicePopup {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: start;\r\n    justify-content: start;\r\n    position: absolute;\r\n    top: -15px;\r\n    z-index: 999;\r\n  }\r\n  .bDevice {\r\n    position: relative;\r\n    width: 30px;\r\n    display: flex;\r\n    margin-top: -10px;\r\n  }\r\n}\r\n.block-editor-block-inspector .b3dviewer-tab-panel .components-toggle-control {\r\n  margin-bottom: 10px;\r\n}\r\n.bp3d_help {\r\n  margin-top: 6px;\r\n  font-size: 12px;\r\n}\r\n",".bMediaUpload {\r\n  position: relative;\r\n  margin-bottom: 12px;\r\n}\r\n.bMediaUpload button {\r\n  position: absolute;\r\n  right: 0px;\r\n  height: 15px;\r\n  padding: 3px !important;\r\n  color: #fff !important;\r\n  outline: 0;\r\n  bottom: 0px;\r\n  border-radius: 0px !important;\r\n}\r\n.block-editor-block-inspector .bMediaUpload .components-base-control {\r\n  width: 100%;\r\n  margin-bottom: 0px;\r\n}\r\n.bMediaUpload .components-base-control input {\r\n  width: 100%;\r\n  padding-right: 40px;\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.bMediaUpload label {\r\n  margin-top: 3px;\r\n  display: inline-block;\r\n  margin-bottom: 5px;\r\n}\r\n",".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  }",".BColor {\r\n  align-items: center;\r\n  padding: 0 10px;\r\n}\r\n.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),\r\n    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  font-size: 16px;\r\n}\r\n\r\n.BColorToolbar p {\r\n  text-align: center;\r\n  margin: 0;\r\n  font-weight: 500;\r\n  font-size: 15px;\r\n  cursor: pointer;\r\n  &.color {\r\n    height: 7px;\r\n    width: 25px;\r\n    border: 1px solid #169bbb;\r\n  }\r\n}\r\n","#BUnitControl select {\r\n  background: #169bbb;\r\n  color: #fff;\r\n  font-weight: bold;\r\n  font-size: 10px;\r\n}\r\n","$primaryColor: #4527a4;\n\n.bPlPanelBody,\n.bPlDropdownPopover .components-popover__content {\n\t.bDevicePopup {\n\t\tposition: absolute;\n\t\twidth: 30px;\n\t\tz-index: 999;\n\t\ttop: -11px;\n\t}\n\n\t.bDevice button {\n\t\tcursor: pointer;\n\t\tpadding: 1px 6px;\n\t}\n\n\t.bDevice {\n\t\twidth: 30px;\n\t\tposition: relative;\n\t}\n\n\t.bDevice+div {\n\t\tmargin-bottom: 0px !important;\n\t\tmargin-top: 0px !important;\n\t}\n\n\t.iconButton {\n\t\tbackground: #ffffff;\n\t\tborder: 1px solid $primaryColor;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tpadding: 0 !important;\n\t\tmargin-left: 3px;\n\t\theight: 22px;\n\t\twidth: 26px;\n\t}\n\n\t.iconButton span {\n\t\tfont-size: 14px;\n\t\twidth: auto;\n\t\theight: auto;\n\t\tmargin: 0 auto;\n\t}\n\n\t.iconButton svg {\n\t\twidth: auto;\n\t\theight: auto;\n\t\tmargin: 0 auto;\n\t}\n\n\t.iconButton span:before {\n\t\tfont-size: inherit;\n\t}\n}",".b3dviewer-wrapper {\r\n  max-width: 100%;\r\n  width: 100%;\r\n  height: 100%;\r\n  min-width: 250px;\r\n\r\n  &:fullscreen {\r\n    background: #fff;\r\n  }\r\n}\r\n\r\n.pagination .b3dviewer-wrapper {\r\n  // height: calc(100% - 70px);\r\n}\r\n\r\n.b3dviewer.aligncenter {\r\n  text-align: left;\r\n}\r\n\r\n.b3dviewer-wrapper model-viewer {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: relative;\r\n}\r\n\r\n.b3dviewer-wrapper .slider {\r\n  width: fit-content;\r\n  text-align: center;\r\n  overflow: hidden;\r\n  position: absolute;\r\n  bottom: 16px;\r\n}\r\n\r\n.b3dviewer-wrapper * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.b3dviewer-wrapper .slides {\r\n  display: flex;\r\n  overflow-x: auto;\r\n  scroll-snap-type: x mandatory;\r\n  scroll-behavior: smooth;\r\n  -webkit-overflow-scrolling: touch;\r\n  margin-left: 10px;\r\n  overflow-y: hidden;\r\n}\r\n\r\n.slides .slide.selected,\r\n.modelThumbs .selected {\r\n  border: 2px solid #b3b3b3;\r\n}\r\n\r\n.slideController {\r\n\r\n  .arrow-left,\r\n  .arrow-right {\r\n    cursor: pointer;\r\n\r\n    &.disabled {\r\n      cursor: not-allowed;\r\n      opacity: 0.3;\r\n    }\r\n  }\r\n\r\n  position: absolute;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  top: 50%;\r\n  width: 100%;\r\n}\r\n\r\n.slides {\r\n  .slide {\r\n    scroll-snap-align: start;\r\n    flex-shrink: 0;\r\n    width: 90px;\r\n    height: 90px;\r\n    background-size: contain;\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    background-color: #fff;\r\n    margin-right: 10px;\r\n    border: none;\r\n    display: flex;\r\n    padding: 5px;\r\n    border-radius: 5px;\r\n    cursor: pointer;\r\n\r\n    @media (max-width: 576px) {\r\n      width: 60px;\r\n      height: 60px;\r\n    }\r\n  }\r\n\r\n  .slide-number {\r\n    background: #ebebeb;\r\n    text-align: center;\r\n\r\n    span {\r\n      font-size: 65px;\r\n      text-align: center;\r\n      margin: auto;\r\n      color: #666;\r\n    }\r\n  }\r\n}\r\n\r\n.b3dviewer-wrapper .slide img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  border-radius: 5px;\r\n}\r\n\r\n.woocommerce div.product div.images img {\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.modelViewerBlock .woocommerce .bp_model_parent.b3dviewer-wrapper img {\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.bp_model_parent {\r\n  .DMC canvas {\r\n    pointer-events: none;\r\n  }\r\n\r\n  &:fullscreen {\r\n    height: 100vh;\r\n  }\r\n\r\n  &:fullscreen {\r\n    .online_3d_viewer {\r\n      height: 100% !important;\r\n    }\r\n  }\r\n}\r\n\r\n.online_3d_viewer {\r\n  max-width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  div:last-child {\r\n    text-align: center;\r\n    vertical-align: center;\r\n  }\r\n}\r\n\r\n#openBtn {\r\n  position: absolute;\r\n  right: 10px;\r\n  bottom: 10px;\r\n  z-index: 999999;\r\n  fill: #333;\r\n  cursor: pointer;\r\n  background: #fff;\r\n  padding: 5px;\r\n  border-radius: 2px;\r\n  box-sizing: border-box;\r\n}\r\n\r\n#closeBtn {\r\n  position: absolute;\r\n  top: 10px;\r\n  right: 20px;\r\n  z-index: 999999;\r\n  fill: #333;\r\n  cursor: pointer;\r\n  display: none;\r\n  background: #fff;\r\n  border-radius: 2px;\r\n}\r\n\r\n.b3dviewer .fullscreen #closeBtn {\r\n  display: block;\r\n}\r\n\r\n.modelViewerBlock,\r\n.modelViewerBlock.b3dviewer {\r\n  max-width: 100%;\r\n\r\n  &.alignright,\r\n  &.alignend {\r\n    margin-left: auto;\r\n  }\r\n\r\n  &.aligncenter {\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  &.alignleft,\r\n  &.alignstart {\r\n    margin-right: auto;\r\n  }\r\n\r\n  .fullscreen {\r\n    width: 100vw !important;\r\n    height: 100vh !important;\r\n    position: fixed;\r\n    z-index: 99999;\r\n    background: #fff;\r\n    animation-name: fullscreen;\r\n    animation-duration: 0.5s;\r\n    top: 0;\r\n    left: 0;\r\n  }\r\n\r\n  #openBtn {\r\n    display: none;\r\n\r\n    @media screen and (max-width: 768px) {\r\n      display: block;\r\n    }\r\n  }\r\n\r\n  .bp_model_parent:fullscreen {\r\n\r\n    // height: 100vh;\r\n    #openBtn {\r\n      display: none;\r\n    }\r\n\r\n    #closeBtn {\r\n      display: block;\r\n    }\r\n  }\r\n\r\n  #default-poster {\r\n    width: 100%;\r\n    height: 100%;\r\n    background-size: cover;\r\n    background-color: transparent;\r\n    border: none;\r\n    outline: none;\r\n  }\r\n\r\n  .modelThumbs {\r\n    display: flex;\r\n    gap: 10px;\r\n    height: 70px;\r\n    max-width: 100%;\r\n    flex-wrap: wrap;\r\n    margin-top: 10px;\r\n\r\n    .thumbsItem {\r\n      width: 100px;\r\n      height: 80px;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n}\r\n\r\n.b3dviewer-wrapper .select {\r\n  background: white;\r\n  display: inline-block;\r\n  padding: 5px 12px;\r\n  margin-left: 5px;\r\n  margin-top: 5px;\r\n  display: none;\r\n  border-radius: 3px;\r\n}\r\n\r\n.b3dviewer-wrapper .select select {\r\n  padding: 0 24px 0 8px;\r\n  display: inline-block;\r\n  width: auto;\r\n}\r\n\r\n.percentageWrapper .overlay {\r\n  width: 100%;\r\n  height: 100%;\r\n  background: #333333a1;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n}\r\n\r\n.percentageWrapper .percentage {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  color: #fff;\r\n}\r\n\r\n.b3dviewer .fullscreen model-viewer {\r\n  height: 100% !important;\r\n}\r\n\r\nmodel-viewer.hide_progressbar::part(default-progress-bar) {\r\n  display: none;\r\n}\r\n\r\n.woocommerce-product-gallery.images .b3dviewer.woocommerce {\r\n  width: 100%;\r\n}\r\n\r\n.woocommerce-page .b3dviewer_woo_wrapper .woocommerce-product-gallery.images {\r\n  width: 100%;\r\n}\r\n\r\n.woocommerce-page .b3dviewer_woo_wrapper .b3dviewer.woocommerce,\r\n.woocommerce #content div.product div.images,\r\n.woocommerce-page #content .ast-woocommerce-container div.product .b3dviewer_woo_wrapper div.images {\r\n  width: 100%;\r\n}\r\n .woocommerce #content div.product .owp-product-nav-wrap + div.images{\r\n  width: 52%;\r\n}\r\n\r\n.b3dviewer_woo_wrapper {\r\n  float: left;\r\n  width: 48%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.woocommerce-page .product .b3dviewer.woocommerce:not(.b3dviewer_woo_wrapper .b3dviewer.woocommerce) {\r\n  float: left;\r\n  width: 48%;\r\n}\r\n\r\n.woocommerce-page .product .b3dviewer.woocommerce,\r\n.b3dviewer_woo_wrapper {}\r\n\r\n#animations {\r\n  font-size: 16px;\r\n}\r\n\r\n.fullscreen {\r\n\r\n  .online_3d_viewer,\r\n  canvas {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    // canvas {\r\n    //   margin: 0 auto;\r\n    // }\r\n  }\r\n}\r\n\r\n.woocommerce-product-gallery.woocommerce-product-gallery--with-images {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.theme-woodmart .woocommerce-product-gallery.woocommerce-product-gallery--with-images {\r\n  flex-direction: initial;\r\n}\r\n\r\n\r\n.modelViewerBlock #default-poster {\r\n  pointer-events: none;\r\n}\r\n\r\n@media only screen and (min-width: 768px) {\r\n  .woocommerce #content .shoptimizer-archive div.product div.images {\r\n    width: 60%;\r\n  }\r\n}\r\n\r\n/**\r\n* Modal/popup\r\n*/\r\n\r\n.bp3dv-model-main {\r\n  text-align: center;\r\n  overflow: hidden;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  /* z-index: 1050; */\r\n  -webkit-overflow-scrolling: touch;\r\n  outline: 0;\r\n  opacity: 0;\r\n  // -webkit-transition: opacity 0.15s linear, z-index 0.15;\r\n  // -o-transition: opacity 0.15s linear, z-index 0.15;\r\n  transition: opacity 0.15s linear, z-index 0.15;\r\n  z-index: -1;\r\n  overflow-x: hidden;\r\n  overflow-y: auto;\r\n  height: 0;\r\n\r\n  &:target {\r\n    z-index: 99999;\r\n    opacity: 1;\r\n    overflow: hidden;\r\n    position: fixed;\r\n    height: auto;\r\n  }\r\n}\r\n\r\n.model-open {\r\n  z-index: 9999999;\r\n  opacity: 1;\r\n  overflow: hidden;\r\n  position: fixed;\r\n  height: auto;\r\n\r\n}\r\n\r\n.bp3dv-model-inner {\r\n  // -webkit-transform: translate(0, -25%);\r\n  // -ms-transform: translate(0, -25%);\r\n  transform: translate(0, -25%);\r\n  // -webkit-transition: -webkit-transform 0.3s ease-out;\r\n  // -o-transition: -o-transform 0.3s ease-out;\r\n  transition: -webkit-transform 0.3s ease-out;\r\n  -o-transition: transform 0.3s ease-out;\r\n  transition: transform 0.3s ease-out;\r\n  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n  width: 900px;\r\n  margin: 30px auto;\r\n  max-width: 90%;\r\n}\r\n\r\n.bp3dv-model-wrap {\r\n  display: block;\r\n  width: 100%;\r\n  position: relative;\r\n  background-color: #fff;\r\n  border: 1px solid #999;\r\n  border: 1px solid rgba(0, 0, 0, 0.2);\r\n  border-radius: 6px;\r\n  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);\r\n  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);\r\n  background-clip: padding-box;\r\n  outline: 0;\r\n  text-align: left;\r\n  padding: 20px;\r\n  -webkit-box-sizing: border-box;\r\n  -moz-box-sizing: border-box;\r\n  box-sizing: border-box;\r\n  max-height: calc(100vh - 70px);\r\n  // overflow-y: auto;\r\n}\r\n\r\n.model-open .bp3dv-model-inner,\r\n.bp3dv-model-main:target {\r\n  -webkit-transform: translate(0, 0);\r\n  -ms-transform: translate(0, 0);\r\n  transform: translate(0, 0);\r\n  position: relative;\r\n  z-index: 9999;\r\n}\r\n\r\n.model-open .bg-overlay,\r\n.bp3dv-model-main:target {\r\n  background: rgba(0, 0, 0, 0.8);\r\n  z-index: 99;\r\n  position: fixed;\r\n}\r\n\r\n.bg-overlay {\r\n  background: rgba(0, 0, 0, 0);\r\n  height: 100vh;\r\n  width: 100%;\r\n  left: 0;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  z-index: 0;\r\n  -webkit-transition: background 0.15s linear;\r\n  -o-transition: background 0.15s linear;\r\n  transition: background 0.15s linear;\r\n}\r\n\r\n.close-btn {\r\n  position: absolute;\r\n  right: -15px;\r\n  top: -35px;\r\n  cursor: pointer;\r\n  z-index: 99;\r\n  font-size: 30px;\r\n  color: #fff;\r\n  font-family: none;\r\n  font-weight: bold;\r\n  line-height: 135%;\r\n}\r\n\r\n@media screen and (min-width: 800px) {\r\n  .bp3dv-model-main:before {\r\n    content: \"\";\r\n    display: inline-block;\r\n    height: auto;\r\n    vertical-align: middle;\r\n    margin-right: -0px;\r\n    height: 100%;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 799px) {\r\n  .bp3dv-model-inner {\r\n    margin-top: 45px;\r\n  }\r\n}\r\n\r\n.bp3dv_a_popup_opener {\r\n  position: relative;\r\n\r\n  &::before {\r\n    content: \"\";\r\n    display: inline-block;\r\n    height: 100%;\r\n    width: 100%;\r\n    position: absolute;\r\n    z-index: 9999;\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n.bp3dv_play_icon::before {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -webkit-transform: translate(-50%, -50%);\r\n  content: \"\\f01d\";\r\n  font-family: FontAwesome;\r\n  font-size: 100px;\r\n  color: #fff;\r\n  opacity: 0.8;\r\n  text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);\r\n  width: auto;\r\n  height: auto;\r\n\r\n  &:hover::before {\r\n    color: #eee;\r\n  }\r\n}\r\n\r\n.bp3d_custom_selector_models {\r\n  height: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.single-product #main-content>.clearfix,\r\n.single-product.et_pb_pagebuilder_layout .clearfix>.woocommerce-product-gallery {\r\n  display: none\r\n}"],"names":[],"sourceRoot":""}