{"version":3,"file":"public.css","mappings":"AAAA,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/public/style.scss"],"sourcesContent":[".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":""}