{"mappings":"AEAA,2CAKI,yBACI,+FAMI,sJAMA,kKAQA,qNAYR,yBACI,mJAMA,yIAMA,0HASJ,yBACI,+HAIA,6HAIA,+EAIJ,yBACI,wGAIA,mID5ER,yGAKI,kPAcA,2KASI,yEAGJ,yIASA,gIAQI,iGAKA,4IAMI,kHAKI,uOAWZ,yHAOA,4IAQA,gEAGA,gEAGA,0DAGA,qEAIA,yEAIA,4DAGA,6DAGA,6DAGA,gFAIA,+LAWI,uVAeA,iFAGA,wEAGJ,uMAWI,8LASA,qKAOI,uRAcA,gGAIA,0IAOI,8HAMR,yBAEI,2EAKA,iRAUJ,2HAMI,2QASA,wLAOJ,4HAMI,6QASA,qGAIJ,yBACI,4FAIJ,mFAGA,uFAIJ,yBAEI,qHAMA,qGAIA,oGAKA,qHAKA,qHAIA,+GAMA,+GAKA,oEAII,sGAGJ,0DAGA,+DAKI,+FAKA,sHAMR,yBAEI,0EAGA,0EAGA,kHAIA,sEAGA,0EAGA,+GAIA,uEAGA,uEAGA,yDAGA,wEAII,2GAGZ,iIAUI,gHAOA,ymBA+BA,yBACI,qEAEI,uHAIR,yBACI,oEAEI,uHAGZ,uDAGI,2KASA,6LAUA,8HAOA,8OAeA,yBACI,oEAIA,uEAIA,sDAIJ,yBACI,qDAGA,wDAGA,sDAGR,mNAgBI,gDAGJ,iFAKA,8GASI,yBACI,8GAMA,qHAUI,2HAGI,6IEpjBhB,qNAYA,kDAIA,mIAQA,yKAWA","sources":["viewer.38d91364.css","src/Scene/Configuration/variantMesh.sass","src/Scene/Configuration/three-layer.sass","src/Scene/Ui/ui.sass"],"sourcesContent":[".naker-summary-container {\n  position: absolute;\n}\n\n@media (max-width: 700px) {\n  [data-naker-responsive=\"true\"] .naker-summary-container {\n    width: 100%;\n    height: auto;\n    bottom: 30%;\n    left: 0;\n  }\n\n  [data-naker-responsive=\"true\"] .naker-summary-container .naker-title, [data-naker-responsive=\"true\"] .naker-summary-container .naker-subtitle {\n    display: none;\n  }\n\n  [data-naker-responsive=\"true\"] .naker-summary-container .naker-confirm {\n    width: calc(50% - 20px);\n    max-width: 500px;\n    margin-top: 0;\n    position: absolute;\n    bottom: 10px;\n    right: 10px;\n  }\n\n  [data-naker-responsive=\"true\"] .naker-summary-container .naker-price {\n    text-align: center;\n    border: 1px solid #000;\n    width: calc(50% - 20px);\n    height: 26px;\n    margin-top: 0;\n    line-height: 26px;\n    position: absolute;\n    bottom: 10px;\n    left: 10px;\n  }\n}\n\n@media (min-width: 700px) {\n  [data-naker-responsive=\"true\"] .naker-scene-container {\n    width: calc(100% - 550px) !important;\n    height: 100% !important;\n    top: 0% !important;\n    left: 300px !important;\n  }\n\n  [data-naker-responsive=\"true\"] .naker-configurator-container {\n    width: 300px !important;\n    height: 100% !important;\n    top: 0% !important;\n    left: 0 !important;\n  }\n\n  [data-naker-responsive=\"true\"] .naker-summary-container {\n    width: 250px;\n    margin: 25px;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n  }\n}\n\n@media (max-width: 700px) {\n  [data-naker-configurator-collapsed=\"true\"] .naker-scene-container {\n    height: calc(100% - 100px) !important;\n    margin-bottom: 0% !important;\n  }\n\n  [data-naker-configurator-collapsed=\"true\"] .naker-configurator-container {\n    height: 50px !important;\n    top: calc(100% - 50px) !important;\n  }\n\n  [data-naker-configurator-collapsed=\"true\"] .naker-summary-container {\n    bottom: 60px;\n  }\n}\n\n@media (min-width: 700px) {\n  [data-naker-configurator-collapsed=\"true\"] .naker-scene-container {\n    width: 70% !important;\n    left: 60px !important;\n  }\n\n  [data-naker-configurator-collapsed=\"true\"] .naker-configurator-container {\n    z-index: 2;\n    width: 60px !important;\n    position: absolute !important;\n  }\n}\n\n.naker-configurator-container {\n  background: #fff;\n  font-family: Roboto Condensed, sans-serif;\n  line-height: normal;\n}\n\n.naker-configurator-container .naker-title {\n  text-align: center;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  width: 100%;\n  height: 20px;\n  font-size: 14px;\n  transition: all .2s;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  overflow: hidden;\n  transform: translate(-50%, -50%);\n}\n\n.naker-configurator-container .naker-button {\n  cursor: pointer;\n  opacity: 1;\n  box-sizing: content-box;\n  border: 1px solid #0003;\n  border-radius: 20px;\n  transition: all .2s;\n  position: absolute;\n}\n\n.naker-configurator-container .naker-button:hover {\n  border: 1px solid #0009;\n}\n\n.naker-configurator-container .naker-menu-button {\n  z-index: 3;\n  box-sizing: content-box;\n  width: 20px;\n  height: 20px;\n  padding: 5px;\n  top: 20px;\n  right: 20px;\n}\n\n.naker-configurator-container .naker-menu {\n  z-index: 5;\n  background: #fff;\n  width: 100%;\n  height: 100%;\n  transition: all .2s;\n  position: absolute;\n}\n\n.naker-configurator-container .naker-menu .naker-menu-title {\n  position: absolute;\n  top: 28px;\n  left: 20px;\n}\n\n.naker-configurator-container .naker-menu .naker-menu-list {\n  height: calc(100% - 60px);\n  margin: 60px 10px 10px;\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n\n.naker-configurator-container .naker-menu .naker-menu-list .naker-menu-mesh {\n  cursor: pointer;\n  width: 100%;\n  height: 35px;\n}\n\n.naker-configurator-container .naker-menu .naker-menu-list .naker-menu-mesh .naker-label {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  width: 65%;\n  font-size: 13px;\n  display: inline-block;\n  position: relative;\n  top: -12px;\n  left: 10px;\n  overflow: hidden;\n}\n\n.naker-configurator-container .naker-arrow-button {\n  width: 30px;\n  height: 30px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.naker-configurator-container .naker-arrow {\n  font-size: 30px;\n  font-weight: 500;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.naker-configurator-container .naker-previus1-title {\n  color: #0003;\n}\n\n.naker-configurator-container .naker-previus2-title {\n  color: #0006;\n}\n\n.naker-configurator-container .naker-button-up {\n  color: #000;\n}\n\n.naker-configurator-container .naker-mesh-title {\n  color: #000;\n  z-index: 2;\n}\n\n.naker-configurator-container .naker-material-title {\n  color: #000;\n  z-index: 1;\n}\n\n.naker-configurator-container .naker-button-down {\n  color: #000;\n}\n\n.naker-configurator-container .naker-next1-title {\n  color: #0006;\n}\n\n.naker-configurator-container .naker-next2-title {\n  color: #0003;\n}\n\n.naker-configurator-container .naker-combo-list {\n  text-align: center;\n  overflow: auto;\n}\n\n.naker-configurator-container .naker-combo {\n  cursor: pointer;\n  border: 1px solid #0000;\n  border-radius: 4px;\n  width: 32px;\n  height: 32px;\n  margin: 3px;\n  transition: all .2s;\n  display: inline-block;\n  position: relative;\n}\n\n.naker-configurator-container .naker-combo .naker-pin {\n  box-sizing: border-box;\n  cursor: pointer;\n  background-blend-mode: multiply;\n  border: 1px solid #0003;\n  border-radius: 4px;\n  width: calc(100% - 6px);\n  height: calc(100% - 6px);\n  margin: 3px;\n  position: relative;\n  background-position: center !important;\n  background-repeat: no-repeat !important;\n  background-size: cover !important;\n}\n\n.naker-configurator-container .naker-combo[selected=\"true\"] {\n  border: 1px solid #0006;\n}\n\n.naker-configurator-container .naker-combo:hover {\n  border: 1px solid #0003;\n}\n\n.naker-configurator-container .naker-variation {\n  background: #fff;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.naker-configurator-container .naker-variation .naker-input {\n  text-align: center;\n  border: 1px solid gray;\n  border-radius: 5px;\n  width: calc(100% - 40px);\n  max-width: 176px;\n  padding: 5px 10px;\n  font-size: 15px;\n}\n\n.naker-configurator-container .naker-variation .naker-button-text-list {\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  width: calc(100% - 40px);\n  display: flex;\n}\n\n.naker-configurator-container .naker-variation .naker-button-text-list .naker-button-text {\n  text-align: center;\n  cursor: pointer;\n  box-sizing: content-box;\n  border: 1px solid gray;\n  border-radius: 5px;\n  width: 40px;\n  margin: 6px;\n  padding: 5px 10px;\n  font-size: 15px;\n  display: inline-block;\n  position: relative;\n}\n\n.naker-configurator-container .naker-variation .naker-choice-list .naker-button-text {\n  width: 60px;\n}\n\n.naker-configurator-container .naker-variation .naker-valid-list .naker-button-text {\n  border-radius: 100%;\n  width: 20px;\n  height: 20px;\n  padding: 5px;\n}\n\n.naker-configurator-container .naker-variation .naker-valid-list .naker-valid-button svg {\n  position: relative;\n  top: -2px;\n  left: -2px;\n}\n\n@media (max-width: 700px) {\n  .naker-configurator-container .naker-variation .naker-valid-list {\n    height: 0;\n  }\n}\n\n.naker-configurator-container[data-text-mode=\"input\"] .naker-variation .naker-font-list, .naker-configurator-container[data-text-mode=\"input\"] .naker-variation .naker-combo-list, .naker-configurator-container[data-text-mode=\"input\"] .naker-variation .naker-valid-list {\n  display: none;\n}\n\n.naker-configurator-container[data-text-mode=\"font\"] .naker-variation {\n  z-index: 1;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n}\n\n.naker-configurator-container[data-text-mode=\"font\"] .naker-variation .naker-input, .naker-configurator-container[data-text-mode=\"font\"] .naker-variation .naker-choice-list, .naker-configurator-container[data-text-mode=\"font\"] .naker-variation .naker-combo-list {\n  display: none;\n}\n\n.naker-configurator-container[data-text-mode=\"font\"] .naker-variation .naker-font-list, .naker-configurator-container[data-text-mode=\"font\"] .naker-variation .naker-valid-list {\n  display: flex;\n}\n\n.naker-configurator-container[data-text-mode=\"combo\"] .naker-variation {\n  z-index: 1;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n}\n\n.naker-configurator-container[data-text-mode=\"combo\"] .naker-variation .naker-input, .naker-configurator-container[data-text-mode=\"combo\"] .naker-variation .naker-choice-list, .naker-configurator-container[data-text-mode=\"combo\"] .naker-variation .naker-font-list {\n  display: none;\n}\n\n.naker-configurator-container[data-text-mode=\"combo\"] .naker-variation .naker-combo-list {\n  display: block;\n}\n\n@media (max-width: 700px) {\n  .naker-configurator-container[data-text-mode=\"combo\"] .naker-combo-list {\n    width: 80%;\n    height: 40%;\n  }\n}\n\n.naker-configurator-container[data-text-mode=\"combo\"] .naker-valid-list {\n  display: flex;\n}\n\n.naker-configurator-container[data-text-mode=\"combo\"] .naker-material-title {\n  display: none;\n}\n\n@media (max-width: 700px) {\n  .naker-configurator-container .naker-previus1-title, .naker-configurator-container .naker-previus2-title {\n    display: none;\n  }\n\n  .naker-configurator-container .naker-button-up {\n    left: 35px;\n    transform: translate(-50%, -50%)rotate(90deg);\n  }\n\n  .naker-configurator-container .naker-mesh-title {\n    padding: 5px 10px;\n    top: 10px;\n    transform: translate(-50%);\n  }\n\n  .naker-configurator-container .naker-material-title {\n    padding: 5px 10px;\n    top: calc(100% - 30px);\n    transform: translate(-50%);\n  }\n\n  .naker-configurator-container .naker-button-down {\n    left: calc(100% - 35px);\n    transform: translate(-50%, -50%)rotate(-90deg);\n  }\n\n  .naker-configurator-container .naker-next1-title, .naker-configurator-container .naker-next2-title {\n    display: none;\n  }\n\n  .naker-configurator-container .naker-variation {\n    width: calc(100% - 110px);\n    height: calc(100% - 70px);\n    overflow: auto;\n  }\n\n  .naker-configurator-container .naker-button-hide {\n    top: 10px;\n    left: 20px;\n  }\n\n  .naker-configurator-container .naker-button-hide .naker-arrow {\n    transform: translate(-50%, -50%)rotate(0);\n  }\n\n  .naker-configurator-container .naker-menu-button {\n    top: 10px;\n  }\n\n  .naker-configurator-container .naker-menu {\n    height: 333%;\n    bottom: 0;\n  }\n\n  .naker-configurator-container .naker-combo-list .naker-combo {\n    width: 28px;\n    height: 28px;\n    margin: 2px;\n  }\n\n  .naker-configurator-container .naker-combo-list .naker-pin {\n    width: calc(100% - 4px);\n    height: calc(100% - 4px);\n    margin: 2px;\n  }\n}\n\n@media (min-width: 700px) {\n  .naker-configurator-container .naker-previus2-title {\n    top: calc(50% - 240px);\n  }\n\n  .naker-configurator-container .naker-previus1-title {\n    top: calc(50% - 180px);\n  }\n\n  .naker-configurator-container .naker-button-up {\n    top: calc(50% - 140px);\n    transform: translate(-50%, -50%)rotate(180deg);\n  }\n\n  .naker-configurator-container .naker-mesh-title {\n    top: calc(50% - 100px);\n  }\n\n  .naker-configurator-container .naker-material-title {\n    top: calc(50% + 100px);\n  }\n\n  .naker-configurator-container .naker-button-down {\n    top: calc(50% + 140px);\n    transform: translate(-50%, -50%)rotate(0);\n  }\n\n  .naker-configurator-container .naker-next1-title {\n    top: calc(50% + 180px);\n  }\n\n  .naker-configurator-container .naker-next2-title {\n    top: calc(50% + 240px);\n  }\n\n  .naker-configurator-container .naker-variation {\n    width: 80%;\n  }\n\n  .naker-configurator-container .naker-button-hide {\n    bottom: 20px;\n    right: 20px;\n  }\n\n  .naker-configurator-container .naker-button-hide .naker-arrow {\n    transform: translate(-50%, -50%)rotate(90deg);\n  }\n}\n\n.naker-button-hide {\n  cursor: pointer;\n  z-index: 2;\n  box-sizing: content-box;\n  border: 0 solid #0003;\n  width: 30px;\n  height: 30px;\n  position: absolute;\n}\n\n[data-naker-configurator-collapsed=\"true\"] .naker-button-hide {\n  background: #fff;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n}\n\n[data-naker-configurator-collapsed=\"true\"] .naker-menu-button, [data-naker-configurator-collapsed=\"true\"] .naker-previus2-title, [data-naker-configurator-collapsed=\"true\"] .naker-previus1-title, [data-naker-configurator-collapsed=\"true\"] .naker-button-up, [data-naker-configurator-collapsed=\"true\"] .naker-mesh-title, [data-naker-configurator-collapsed=\"true\"] .naker-material-title, [data-naker-configurator-collapsed=\"true\"] .naker-button-down, [data-naker-configurator-collapsed=\"true\"] .naker-next1-title, [data-naker-configurator-collapsed=\"true\"] .naker-next2-title, [data-naker-configurator-collapsed=\"true\"] .naker-variation {\n  display: none;\n}\n\n@media (max-width: 700px) {\n  [data-naker-configurator-collapsed=\"true\"] .naker-button-hide {\n    bottom: 0;\n  }\n\n  [data-naker-configurator-collapsed=\"true\"] .naker-button-hide .naker-arrow {\n    transform: translate(-50%, -50%)rotate(180deg);\n  }\n}\n\n@media (min-width: 700px) {\n  [data-naker-configurator-collapsed=\"true\"] .naker-button-hide {\n    right: 0;\n  }\n\n  [data-naker-configurator-collapsed=\"true\"] .naker-button-hide .naker-arrow {\n    transform: translate(-50%, -50%)rotate(-90deg);\n  }\n}\n\n.naker-summary-container {\n  font-family: Roboto, sans-serif;\n}\n\n.naker-summary-container .naker-title {\n  text-transform: uppercase;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  width: 100%;\n  display: inline-block;\n  position: relative;\n  overflow: hidden;\n}\n\n.naker-summary-container .naker-subtitle {\n  text-transform: uppercase;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  width: 100%;\n  margin-top: 5px;\n  display: inline-block;\n  position: relative;\n  overflow: hidden;\n}\n\n.naker-summary-container .naker-price {\n  box-sizing: content-box;\n  width: 100%;\n  margin-top: 5px;\n  display: inline-block;\n  position: relative;\n}\n\n.naker-summary-container .naker-confirm {\n  color: #fff;\n  text-align: center;\n  cursor: pointer;\n  background: #000;\n  width: calc(100% - 4px);\n  max-width: 200px;\n  height: 28px;\n  margin-top: 15px;\n  font-size: 16px;\n  line-height: 28px;\n  display: inline-block;\n  position: relative;\n}\n\n@media (max-width: 700px) {\n  .naker-summary-container .naker-title {\n    margin-top: 4px;\n    font-size: 14px;\n  }\n\n  .naker-summary-container .naker-subtitle {\n    margin-top: 8px;\n    font-size: 16px;\n  }\n\n  .naker-summary-container .naker-price {\n    font-size: 16px;\n  }\n}\n\n@media (min-width: 700px) {\n  .naker-summary-container .naker-title {\n    font-size: 14px;\n  }\n\n  .naker-summary-container .naker-subtitle {\n    font-size: 22px;\n  }\n\n  .naker-summary-container .naker-price {\n    font-size: 14px;\n  }\n}\n\n.naker-exit-button {\n  z-index: 5;\n  box-sizing: content-box;\n  cursor: pointer;\n  opacity: 1;\n  border: 1px solid #0003;\n  border-radius: 20px;\n  width: 20px;\n  height: 20px;\n  padding: 5px;\n  transition: all .2s;\n  position: absolute;\n  top: 20px;\n  right: 20px;\n}\n\n.naker-exit-button:hover {\n  border: 1px solid #0009;\n}\n\n.naker-scene-container {\n  transition: all .2s;\n  display: inline-block;\n  position: relative;\n}\n\n.naker-configurator-container {\n  float: left;\n  z-index: 10;\n  transition: all .2s;\n  display: inline-block;\n  position: absolute;\n}\n\n@media (max-width: 700px) {\n  [data-naker-responsive=\"true\"] .naker-scene-container {\n    width: 100%;\n    top: 0;\n    left: 0;\n    height: calc(70% - 40px) !important;\n  }\n\n  [data-naker-responsive=\"true\"] .naker-configurator-container {\n    width: 100%;\n    height: 30%;\n    position: absolute;\n    bottom: 0%;\n    left: 0%;\n  }\n\n  [data-naker-responsive=\"true\"][data-naker-configurator-collapsed=\"false\"] .naker-scene-container {\n    max-height: calc(100% - 200px);\n  }\n\n  [data-naker-responsive=\"true\"][data-naker-configurator-collapsed=\"false\"] .naker-scene-container .naker-configurator-container {\n    min-height: 150px;\n  }\n}\n\n.naker-hover-title {\n  text-align: left;\n  color: #fff;\n  background: #00000080;\n  border-radius: 3px;\n  width: 150px;\n  height: auto;\n  padding: 5px 10px;\n  font-family: Poppins, sans-serif;\n  transition-delay: .2s;\n  transform: translate(-221px, -125px);\n}\n\n.naker-hover-author {\n  color: #50b4fa;\n  font-weight: 800;\n}\n\n.naker-hover-point {\n  pointer-events: visible;\n  border: 2px solid #fff;\n  border-radius: 10px;\n  width: 10px;\n  height: 10px;\n  box-shadow: 0 0 10px #000;\n}\n\n.naker-hover-line-width {\n  border: 1px solid #fff;\n  border-radius: 10px;\n  width: 80px;\n  height: 0;\n  transition: all .2s;\n  display: block;\n  position: absolute;\n  right: 0;\n  box-shadow: 0 0 10px #000;\n}\n\n.naker-hover-line {\n  transform: translate(5px, 2px)rotateZ(63deg);\n}\n\n/*# sourceMappingURL=viewer.38d91364.css.map */\n","@use 'three-layer'\n\n.naker-configurator-container\n    background: white\n    font-family: 'Roboto Condensed', sans-serif\n    line-height: normal\n\n    .naker-title\n        position: absolute\n        top: 50%\n        left: 50%\n        transform: translate(-50%, -50%)\n        width: 100%\n        text-align: center\n        font-size: 14px\n        height: 20px\n        white-space: nowrap\n        text-overflow: ellipsis\n        overflow: hidden\n        transition: all ease 200ms\n\n    .naker-button\n        position: absolute\n        border-radius: 20px\n        border: 1px solid rgba(0, 0, 0, 0.2)\n        cursor: pointer\n        opacity: 1\n        transition: all ease 200ms\n        box-sizing: content-box\n\n        &:hover\n            border: 1px solid rgba(black, 0.6)\n\n    .naker-menu-button\n        width: 20px\n        height: 20px\n        top: 20px\n        right: 20px\n        padding: 5px\n        z-index: 3\n        box-sizing: content-box\n\n    .naker-menu\n        position: absolute\n        width: 100%\n        height: 100%\n        background: white\n        z-index: 5\n        transition: all ease 200ms\n\n        .naker-menu-title\n            position: absolute\n            top: 28px\n            left: 20px\n\n        .naker-menu-list\n            margin: 60px 10px 10px 10px\n            height: calc(100% - 60px)\n            overflow-x: hidden\n            overflow-y: auto\n\n            .naker-menu-mesh\n                width: 100%\n                height: 35px\n                cursor: pointer\n\n                .naker-label\n                    position: relative\n                    display: inline-block\n                    font-size: 13px\n                    top: -12px\n                    left: 10px\n                    width: 65%\n                    white-space: nowrap\n                    text-overflow: ellipsis\n                    overflow: hidden\n\n    .naker-arrow-button\n        top: 50%\n        left: 50%\n        transform: translate(-50%, -50%)\n        width: 30px\n        height: 30px\n\n    .naker-arrow\n        position: absolute\n        font-size: 30px\n        font-weight: 500\n        top: 50%\n        left: 50%\n        transform: translate(-50%, -50%)\n\n    .naker-previus1-title\n        color: rgba(0,0,0, 0.2)\n\n    .naker-previus2-title\n        color: rgba(0,0,0, 0.4)\n\n    .naker-button-up\n        color: rgb(0,0,0)\n\n    .naker-mesh-title\n        color: rgb(0,0,0)\n        z-index: 2\n\n    .naker-material-title\n        color: rgb(0,0,0)\n        z-index: 1\n\n    .naker-button-down\n        color: rgb(0,0,0)\n\n    .naker-next1-title\n        color: rgba(0,0,0, 0.4)\n\n    .naker-next2-title\n        color: rgba(0,0,0, 0.2)\n\n    .naker-combo-list\n        text-align: center\n        overflow: auto\n\n    .naker-combo\n        position: relative\n        display: inline-block\n        height: 32px\n        width: 32px\n        margin: 3px\n        border-radius: 4px\n        transition: all ease 200ms\n        cursor: pointer\n        border: 1px solid rgba(0, 0, 0, 0)\n\n        .naker-pin\n            position: relative\n            box-sizing: border-box\n            height: calc(100% - 6px)\n            width: calc(100% - 6px)\n            margin: 3px\n            border-radius: 4px\n            cursor: pointer\n            border: 1px solid rgba(0, 0, 0, 0.2)\n            // In case icone\n            background-size: cover !important\n            background-repeat: no-repeat !important\n            background-position: center !important\n            background-blend-mode: multiply\n\n        &[selected=\"true\"]\n            border: 1px solid rgba(black, 0.4)\n\n        &:hover\n            border: 1px solid rgba(black, 0.2)\n\n    .naker-variation\n        position: absolute\n        top: 50%\n        left: 50%\n        transform: translate(-50%, -50%)\n        display: flex\n        align-items: center\n        flex-wrap: wrap\n        justify-content: center\n        background: white\n\n        .naker-input\n            width: calc(100% - 40px)\n            max-width: 176px\n            font-size: 15px\n            padding: 5px 10px\n            border-radius: 5px\n            border: 1px solid grey\n            text-align: center\n\n        .naker-button-text-list\n            width: calc(100% - 40px)\n            display: flex\n            align-items: center\n            flex-wrap: wrap\n            justify-content: center\n\n            .naker-button-text\n                position: relative\n                display: inline-block\n                width: 40px\n                border-radius: 5px\n                padding: 5px 10px\n                border: 1px solid grey\n                margin: 6px\n                text-align: center\n                cursor: pointer\n                font-size: 15px\n                box-sizing: content-box\n\n        .naker-choice-list\n            .naker-button-text\n                width: 60px\n\n        .naker-valid-list\n            .naker-button-text\n                border-radius: 100%\n                width: 20px\n                height: 20px\n                padding: 5px\n\n            .naker-valid-button\n                svg\n                    position: relative\n                    top: -2px\n                    left: -2px\n\n        // Mobile\n        @media (max-width: 700px)\n\n            .naker-valid-list\n                height: 0px\n\n    &[data-text-mode=\"input\"]\n        .naker-variation\n            .naker-font-list\n                display: none\n\n            .naker-combo-list\n                display: none\n\n            .naker-valid-list\n                display: none\n\n    &[data-text-mode=\"font\"]\n        .naker-variation\n            flex-direction: column\n            width: 100%\n            height: 100%\n            z-index: 1\n\n            .naker-input\n                display: none\n\n            .naker-choice-list\n                display: none\n\n            .naker-combo-list\n                display: none\n\n            .naker-font-list\n                display: flex\n\n            .naker-valid-list\n                display: flex\n\n    &[data-text-mode=\"combo\"]\n        .naker-variation\n            flex-direction: column\n            width: 100%\n            height: 100%\n            z-index: 1\n\n            .naker-input\n                display: none\n\n            .naker-choice-list\n                display: none\n\n            .naker-font-list\n                display: none\n\n            .naker-combo-list\n                display: block\n\n        // Mobile\n        @media (max-width: 700px)\n            .naker-combo-list\n                width: 80%\n                height: 40%\n\n        .naker-valid-list\n            display: flex\n\n        .naker-material-title\n            display: none\n\n    // Mobile\n    @media (max-width: 700px)\n\n        .naker-previus1-title\n            display: none\n\n        .naker-previus2-title\n            display: none\n\n        .naker-button-up\n            left: calc(0% + 35px)\n            transform: translate(-50%, -50%) rotate(90deg)\n\n        .naker-mesh-title\n            padding: 5px 10px\n            top: 10px\n            transform: translate(-50%)\n\n        .naker-material-title\n            padding: 5px 10px\n            top: calc(100% - 30px)\n            transform: translate(-50%)\n\n        .naker-button-down\n            left: calc(100% - 35px)\n            transform: translate(-50%, -50%) rotate(-90deg)\n\n        .naker-next1-title\n            display: none\n\n        .naker-next2-title\n            display: none\n\n        .naker-variation\n            width: calc(100% - 110px)\n            height: calc(100% - 70px)\n            overflow: auto\n\n        .naker-button-hide\n            top: 10px\n            left: 20px\n\n            .naker-arrow\n                transform: translate(-50%, -50%) rotate(0deg)\n\n        .naker-menu-button\n            top: 10px\n\n        .naker-menu\n            height: 333%\n            bottom: 0px\n\n        .naker-combo-list\n            .naker-combo\n                height: 28px\n                width: 28px\n                margin: 2px\n\n            .naker-pin\n                height: calc(100% - 4px)\n                width: calc(100% - 4px)\n                margin: 2px\n\n    // Computer\n    @media (min-width: 700px)\n\n        .naker-previus2-title\n            top: calc(50% - 240px)\n\n        .naker-previus1-title\n            top: calc(50% - 180px)\n\n        .naker-button-up\n            top: calc(50% - 140px)\n            transform: translate(-50%, -50%) rotate(180deg)\n\n        .naker-mesh-title\n            top: calc(50% - 100px)\n\n        .naker-material-title\n            top: calc(50% + 100px)\n\n        .naker-button-down\n            top: calc(50% + 140px)\n            transform: translate(-50%, -50%) rotate(0deg)\n\n        .naker-next1-title\n            top: calc(50% + 180px)\n\n        .naker-next2-title\n            top: calc(50% + 240px)\n\n        .naker-variation\n            width: 80%\n\n        .naker-button-hide\n            right: 20px\n            bottom: 20px\n\n            .naker-arrow\n                transform: translate(-50%, -50%) rotate(90deg)\n\n.naker-button-hide\n    position: absolute\n    width: 30px\n    height: 30px\n    border: 0px solid rgba(0, 0, 0, 0.2)\n    cursor: pointer\n    z-index: 2\n    box-sizing: content-box\n\n[data-naker-configurator-collapsed=\"true\"]\n    .naker-button-hide\n        height: 100%\n        width: 100%\n        top: 0px\n        left: 0px\n        background: white\n\n    .naker-menu-button\n        display: none\n\n    .naker-previus2-title\n        display: none\n\n    .naker-previus1-title\n        display: none\n\n    .naker-button-up\n        display: none\n\n    .naker-mesh-title\n        display: none\n\n    .naker-material-title\n        display: none\n\n    .naker-button-down\n        display: none\n\n    .naker-next1-title\n        display: none\n\n    .naker-next2-title\n        display: none\n\n    .naker-variation\n        display: none\n\n    // Mobile\n    @media (max-width: 700px)\n        .naker-button-hide\n            bottom: 0px\n            .naker-arrow\n                transform: translate(-50%, -50%) rotate(180deg)\n\n    // Computer\n    @media (min-width: 700px)\n        .naker-button-hide\n            right: 0px\n            .naker-arrow\n                transform: translate(-50%, -50%) rotate(-90deg)\n\n.naker-summary-container\n    font-family: 'Roboto', sans-serif\n\n    .naker-title\n        position: relative\n        display: inline-block\n        width: 100%\n        text-transform: uppercase\n        white-space: nowrap\n        text-overflow: ellipsis\n        overflow: hidden\n\n    .naker-subtitle\n        position: relative\n        display: inline-block\n        width: 100%\n        text-transform: uppercase\n        margin-top: 5px\n        white-space: nowrap\n        text-overflow: ellipsis\n        overflow: hidden\n\n    .naker-price\n        position: relative\n        display: inline-block\n        width: 100%\n        margin-top: 5px\n        box-sizing: content-box\n\n    .naker-confirm\n        position: relative\n        display: inline-block\n        width: calc(100% - 4px)\n        max-width: 200px\n        margin-top: 15px\n        background: black\n        color: white\n        text-align: center\n        font-size: 16px\n        cursor: pointer\n        height: 28px\n        line-height: 28px\n\n    // Mobile\n    @media (max-width: 700px)\n        .naker-title\n            margin-top: 4px\n            font-size: 14px\n\n        .naker-subtitle\n            margin-top: 8px\n            font-size: 16px\n\n        .naker-price\n            font-size: 16px\n\n    // Computer\n    @media (min-width: 700px)\n        .naker-title\n            font-size: 14px\n\n        .naker-subtitle\n            font-size: 22px\n\n        .naker-price\n            font-size: 14px\n\n.naker-exit-button\n    position: absolute\n    width: 20px\n    height: 20px\n    top: 20px\n    right: 20px\n    padding: 5px\n    z-index: 5\n    box-sizing: content-box\n    border-radius: 20px\n    border: 1px solid rgba(0, 0, 0, 0.2)\n    cursor: pointer\n    opacity: 1\n    transition: all ease 200ms\n    box-sizing: content-box\n\n    &:hover\n        border: 1px solid rgba(black, 0.6)\n\n.naker-scene-container\n    position: relative\n    display: inline-block\n    transition: all ease 200ms\n\n.naker-configurator-container\n    position: absolute\n    display: inline-block\n    float: left\n    z-index: 10\n    transition: all ease 200ms\n\n[data-naker-responsive=\"true\"]\n    // Mobile\n    @media (max-width: 700px)\n        .naker-scene-container\n            top: 0px\n            width: 100%\n            left: 0px\n            height: calc(70% - 40px) !important\n\n        .naker-configurator-container\n            position: absolute\n            bottom: 0%\n            left: 0%\n            width: 100%\n            height: 30%\n\n[data-naker-responsive=\"true\"] \n    @media (max-width: 700px)\n        &[data-naker-configurator-collapsed=\"false\"]\n            .naker-scene-container\n                max-height: calc(100% - 200px)\n\n                .naker-configurator-container\n                    min-height: 150px\n",".naker-summary-container\n    position: absolute\n\n[data-naker-responsive=\"true\"]\n    // Mobile\n    @media (max-width: 700px)\n        .naker-summary-container\n            height: auto\n            width: 100%\n            bottom: 30%\n            left: 0px\n\n            .naker-title\n                display: none\n\n            .naker-subtitle\n                display: none\n\n            .naker-confirm\n                position: absolute\n                width: calc(50% - 20px)\n                max-width: 500px\n                right: 10px\n                bottom: 10px\n                margin-top: 0px\n\n            .naker-price\n                position: absolute\n                width: calc(50% - 20px)\n                text-align: center\n                left: 10px\n                bottom: 10px\n                margin-top: 0px\n                border: 1px solid black\n                height: 26px\n                line-height: 26px\n\n    // Computer\n    @media (min-width: 700px)\n        .naker-scene-container\n            top: 0% !important\n            left: 300px !important\n            width: calc(100% - 550px) !important\n            height: 100% !important\n\n        .naker-configurator-container\n            top: 0% !important\n            left: 0px !important\n            width: 300px !important\n            height: 100% !important\n\n        .naker-summary-container\n            transform: translateY(-50%)\n            width: 250px\n            top: 50%\n            margin: 25px\n            right: 0px\n\n[data-naker-configurator-collapsed=\"true\"]\n    // Mobile\n    @media (max-width: 700px)\n        .naker-scene-container\n            height: calc(100% - 100px) !important\n            margin-bottom: 0% !important\n\n        .naker-configurator-container\n            height: 50px !important\n            top: calc(100% - 50px) !important\n\n        .naker-summary-container\n            bottom: 60px\n\n    // Computer\n    @media (min-width: 700px)\n        .naker-scene-container\n            width: 70% !important\n            left: 60px !important\n\n        .naker-configurator-container\n            position: absolute !important\n            width: 60px !important\n            z-index: 2\n",".naker-hover-title\n    width: 150px\n    height: auto\n    padding: 5px 10px\n    transform: translate(-221px, -125px)\n    text-align: left\n    border-radius: 3px\n    transition-delay: 200ms\n    color: #FFF\n    background: rgba(0, 0, 0, 0.5)\n    font-family: 'Poppins', sans-serif\n\n.naker-hover-author\n    font-weight: 800\n    color: rgb(80, 180, 250)\n\n.naker-hover-point\n    width: 10px\n    height: 10px\n    border-radius: 10px\n    pointer-events: visible\n    border: 2px solid white\n    box-shadow: 0px 0px 10px black\n\n.naker-hover-line-width\n    width: 80px\n    height: 0px\n    right: 0px\n    display: block\n    position: absolute\n    transition: all ease 200ms\n    border: 1px solid white\n    border-radius: 10px\n    box-shadow: 0px 0px 10px black\n\n.naker-hover-line\n    transform: translate(5px, 2px) rotateZ(63deg)\n"],"names":[],"version":3,"file":"viewer.38d91364.css.map"}