.cp-autoverse{display:none;height:70rem;position:absolute;top:0;left:0;right:0;background:#fff}@media only screen and (max-width:768px){.cp-autoverse{height:30rem;width:100%;top:-2.5rem}}.cp-autoverse img{position:absolute;bottom:20rem;right:3.6rem;height:3.2rem;width:3.2rem;cursor:pointer;z-index:10}@media only screen and (max-width:768px){.cp-autoverse img{bottom:0;right:2.5rem}}.cp-autoverse #exit-zoom{display:none}.cp-autoverse iframe{height:50rem;position:absolute;top:0;left:0;width:100%}@media only screen and (max-width:768px){.cp-autoverse iframe{height:28rem;width:100%}}.cp-autoverse.show{display:block}.cp-autoverse.zoom{z-index:999;transition:all .3s cubic-bezier(.05,.29,.13,.6)}.cp-autoverse.zoom #js-zoom{display:none}.cp-autoverse.zoom #exit-zoom{display:block;right:5rem;bottom:5rem}@media only screen and (max-width:768px){.cp-autoverse.zoom #exit-zoom{bottom:3rem}}.cp-autoverse.zoom iframe{height:100%}@media only screen and (max-width:768px){.cp-autoverse.zoom iframe{height:calc(100% - 8.6rem);width:100%}}.cp-autoverse.zoomInit{position:fixed}.cp-autoverse.view3D{z-index:5;position:relative;transition:1s;height:100vh}@media only screen and (max-width:768px){.cp-autoverse.view3D{width:100%;margin-top:0;padding-top:0}}.cp-autoverse.view3D #exit-zoom{display:none}.cp-autoverse.view3D .attributesSection{top:15rem}@media only screen and (max-width:768px){.cp-autoverse.view3D .attributesSection{top:auto;bottom:0}}.cp-autoverse.view3D iframe{top:9rem;overflow:hidden;height:80vh}@media only screen and (max-width:768px){.cp-autoverse.view3D iframe{top:8.56rem;height:calc(100% - 8.6rem);bottom:0}}.cp-autoverse .autosaveTitle{font-size:4rem;line-height:4rem;font-family:heebo-bold}@media only screen and (max-width:768px){.cp-autoverse .autosaveTitle{font-size:2rem;line-height:3rem}}.cp-autoverse .autosaveTitle .cm-light{font-family:heebo-light}.cp-autoverse .attributesSection{position:absolute;top:19rem;left:7.5rem;width:auto}@media only screen and (max-width:768px){.cp-autoverse .attributesSection{width:auto;padding:2rem;left:0;top:initial;bottom:0;padding-bottom:0}}.cp-autoverse .attributesSection .act-btn .autoverse-act .btn{margin-bottom:0;width:17.2rem;min-width:0}@media only screen and (max-width:768px){.cp-autoverse .attributesSection .act-btn .autoverse-act .btn{width:14rem}}.cp-autoverse .attributesSection .act-btn .autoverse-act .notify-btn{display:none}.cp-autoverse .pc-title{display:block!important}.cp-autoverse .clreriationTitle{font-size:1.8rem;line-height:1.8rem;font-family:heebo-bold}@media only screen and (max-width:768px){.cp-autoverse .clreriationTitle{font-size:1.4rem;line-height:1.8rem}}.cp-3d-view{position:absolute;bottom:-15rem;left:0;right:0;background:#fff;padding:2rem 7.5rem;transition:all .5s ease;box-shadow:0 -7px 8px 0 rgba(0,0,0,.08)}.cp-3d-view .typ-view{box-shadow:none}.cp-3d-view.open{bottom:0}@media only screen and (max-width:768px){.cp-3d-view.open{bottom:-2rem}}.cp-3d-view.open .close-icon{display:inline-block}@media only screen and (max-width:768px){.cp-3d-view{padding:2rem 0 2rem 2rem}}.cp-3d-view .view-box{padding:1rem 2.4rem 1rem 1rem;border:solid 1px #e2e2e2;background:rgba(255,255,255,.7);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;cursor:pointer}.cp-3d-view .view-box.active{box-shadow:0 0 8px 0 rgba(0,125,255,.3);border:solid .8px #007fff}.cp-3d-view .img-wrap{width:8rem;height:8rem}@media only screen and (max-width:768px){.cp-3d-view .img-wrap{width:5.4rem;height:5.4rem}}.cp-3d-view .product-name{font-family:heebo-medium;font-size:1.6rem;line-height:1.6rem;letter-spacing:-.25px;color:#000}.btn-product{position:absolute;bottom:5.4rem;right:4rem;border-radius:4rem}@media only screen and (max-width:768px){.btn-product{bottom:3rem;right:2rem}}.act-btn-3dViewSwiper{position:absolute;bottom:5.4rem;right:5.4rem}@media only screen and (max-width:768px){.act-btn-3dViewSwiper{right:3rem;bottom:0}}.act-btn-3dViewSwiper .close-icon{width:3rem;height:3rem;box-shadow:0 0 10px 0 rgba(0,125,255,.3);background-color:#007fff;padding:.7rem;display:inline-block;font-size:1.6rem;border-radius:50%;position:absolute;bottom:12rem;right:0;display:none}@media only screen and (max-width:768px){.act-btn-3dViewSwiper .close-icon{bottom:12rem}}.act-btn-3dViewSwiper .close-icon:before{color:#fff}.act-btn-3dViewSwiper .btn{margin:0;border-radius:5rem}@media only screen and (max-width:768px){.act-btn-3dViewSwiper .btn{padding:.8rem;font-size:1.2rem}}