@charset "utf-8"h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;letter-spacing:1px;font-family:'Noto Serif CJK',serif;}.fade-in{opacity:0;transition:opacity 0.5s ease-in-out;}.fade-in.visible{opacity:1;}.vignette::before{content:"";position:fixed;top:0;left:0;width:100%;height:150px;background:linear-gradient(to bottom,rgba(0,0,0,0.3),rgba(255,255,255,0));pointer-events:none;z-index:2;}.vignette::after{content:"";position:fixed;bottom:0;left:0;width:100%;height:150px;background:linear-gradient(to top,rgba(0,0,0,0.3),rgba(0,0,0,0));pointer-events:none;z-index:2;}.Project-title{position:absolute;z-index:2;left:20px;bottom:40px;text-shadow:0px 0px 8px rgba(0,0,0,0.5);opacity:0.8;}.Project-title h1{font-size:30px;}.annotation{position:absolute;z-index:2;left:20px;bottom:10px;text-shadow:0px 0px 8px rgba(0,0,0,0.5);opacity:0.5;}.annotation p{font-size:12px;}.copy-rights{position:absolute;z-index:2;bottom:10px;left:calc(50% - 100px);width:200px;text-align:center;}.copy-rights p{font-size:10px;opacity:0.5;}@media screen and (max-width: 1024px){.Project-title{position:absolute;z-index:2;left:10px;bottom:38px;text-shadow:0px 0px 8px rgba(0,0,0,0.5);opacity:0.8;}.Project-title h1{font-size:20px;}.annotation{position:absolute;z-index:2;left:10px;bottom:15px;text-shadow:0px 0px 8px rgba(0,0,0,0.5);opacity:0.5;}.annotation p{font-size:6px;}.copy-rights{position:absolute;z-index:2;width:200px;bottom:8px;left:10px;text-align:start;}.copy-rights p{font-size:6px;opacity:0.5;}}.hidden-skin{position:absolute;bottom:0;width:100vw;height:100px;z-index:2;}@media screen and (max-width: 1024px){.hidden-skin{position:absolute;bottom:0;width:100vw;height:100px;z-index:2;}}.main-btn{position:absolute;z-index:3;right:20px;top:20px;display:flex;transition:opacity 0.6s,visibility 0.6s;flex-direction:column;}.main-btn p{position:relative;font-size:14px;text-align:end;right:8px;top:4px;opacity:0.8;}.menu-btn{position:absolute;z-index:3;right:20px;bottom:20px;display:flex;transition:opacity 0.6s,visibility 0.6s;}.main-btn img,.menu-btn img{width:24px;height:auto;}#openbtn1,#fullscreen-btn,#help-btn,#select-btn,#thumbnail-btn,#daynight-btn,#furniture-btn{outline:none;cursor:pointer;width:50px;height:50px;border-radius:50%;background-color:rgba(255,255,255,0.1);box-shadow:0px 0px 10px rgba(0,0,0,0.4);display:flex;justify-content:center;align-items:center;margin-left:10px;transition:background-color 0.5s ease,transform 0.5s ease;border:solid 1px white;}#help-btn{display:none;}.fade-out{opacity:0;visibility:hidden;transition:opacity 0.6s,visibility 0.6s;}#openbtn1:hover,#fullscreen-btn:hover,#help-btn:hover,#select-btn:hover,#thumbnail-btn:hover,#daynight-btn:hover,#furniture-btn:hover{background-color:rgba(255,255,255,0.8);transform:scale(1.1);}@media screen and (max-width: 1024px){.main-btn{position:absolute;z-index:3;right:10px;top:10px;display:flex;transition:opacity 0.6s,visibility 0.6s;}.main-btn p{position:relative;font-size:12px;text-align:end;right:4px;top:4px;opacity:0.8;}.menu-btn{position:absolute;z-index:3;right:10px;bottom:10px;display:flex;transition:opacity 0.6s,visibility 0.6s;display:flex;flex-direction:column;}.main-btn img,.menu-btn img{width:18px;height:auto;}#openbtn1,#fullscreen-btn,#help-btn,#select-btn,#thumbnail-btn,#daynight-btn,#furniture-btn{outline:none;cursor:pointer;width:35px;height:35px;border-radius:50%;background-color:rgba(255,255,255,0.1);box-shadow:0px 0px 20px rgba(0,0,0,0.2);display:flex;justify-content:center;align-items:center;margin-left:10px;transition:background-color 0.5s ease,transform 0.5s ease;border:solid 1px white;}#fullscreen-btn,#help-btn,#select-btn,#thumbnail-btn,#daynight-btn,#furniture-btn{margin-top:10px;}}#floor-map{position:fixed;right:-101%;top:10px;transition:right 1s ease;width:350px;height:420px;background-color:rgba(19,19,19,0.5);border:solid 1px white;border-radius:12px;z-index:3;display:flex;padding:0;box-shadow:0px 0px 8px rgba(0,0,0,0.3);}#floor-map.show{right:10px;}.tab_container{position:absolute;width:100%;display:flex;flex-wrap:wrap;justify-content:start;align-items:start;top:0px;}.tab-label{white-space:nowrap;order:-1;position:relative;z-index:2;cursor:pointer;flex:1;height:45px;display:flex;justify-content:center;align-items:center;max-width:150px;}.tab-label:not(:last-of-type){margin-right:5px;}.tab-content{width:100%;height:100%;overflow:hidden;opacity:0;}#view-1,#view-2,#view-3,#view-4,#view-5,#view-100{position:absolute;width:100%;height:420px;}.tab-label{background-color:rgba(255,255,255,0.2);}.tab-switch:checked+.tab-label{background-color:rgba(255,255,255,0.0);}.tab-switch:checked+.tab-label+.tab-content{height:auto;overflow:auto;padding:0px;opacity:1;}.tab-switch{display:none;}.tab_container img{position:absolute;width:100%;z-index:2;margin-right:50px;border-top:solid 1px white;opacity:0.7;}@media screen and (max-width: 1024px){#floor-map{position:fixed;right:-101%;top:-1px;transition:right 1s ease;width:240px;height:295px;background-color:rgba(19,19,19,0.5);border:solid 1px white;border-radius:0 0 0 6px;z-index:3;display:flex;padding:0;box-shadow:0px 0px 8px rgba(0,0,0,0.3);}#floor-map.show{right:-1px;}#view-1,#view-2,#view-3,#view-4,#view-5,#view-100{position:absolute;width:100%;height:245px;}.tab_container{position:absolute;width:100%;display:flex;flex-wrap:wrap;justify-content:start;align-items:start;top:0px;}.tab-label{white-space:nowrap;order:-1;position:relative;z-index:3;cursor:pointer;flex:1;height:35px;display:flex;justify-content:center;align-items:center;max-width:100px;}.tab-label:not(:last-of-type){margin-right:5px;}.tab-content{width:100%;height:0;overflow:hidden;opacity:0;}.tab-switch:checked+.tab-label{background-color:rgba(255,255,255,0.0);}.tab-switch:checked+.tab-label+.tab-content{height:auto;overflow:auto;padding:0px;opacity:1;}.tab-switch{display:none;}.tab_container img{position:absolute;width:100%;z-index:2;margin-right:50px;border-top:solid 1px white;opacity:0.7;}}.select-container,.thumbnail-container,.daynight-container,.furniture-container{position:fixed;right:-101%;bottom:90px;transition:right 1s ease;width:280px;height:350px;background-color:rgba(19,19,19,0.5);border:solid 1px white;border-radius:12px;z-index:2;display:flex;padding:0;box-shadow:0px 0px 8px rgba(0,0,0,0.3);}.select-container.show,.thumbnail-container.show,.daynight-container.show,.furniture-container.show{right:10px;}#floor-map-close-btn,#select-close-btn,#thumbnail-close-btn,#daynight-close-btn,#furniture-close-btn{position:relative;width:20px;height:20px;top:7px;left:calc(100% - 40px);z-index:5;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:transform 0.6s,background-color 0.6s ease;outline:none;padding:6px;scale:0.8;background-color:rgba(255,255,255,0.2);}#floor-map-close-btn:hover,#select-close-btn:hover,#thumbnail-close-btn:hover,#daynight-close-btn:hover,#furniture-close-btn:hover{background-color:rgba(255,255,255,0.5);transform:scale(1.1);}.container-title{position:absolute;width:100%;height:100%;font-size:16px;top:15px;left:15px;}.pallet{position:absolute;display:flex;flex-direction:column;width:100%;height:100%;justify-content:start;align-items:start;}.pallet p{font-size:16px;letter-spacing:3px;}.select-set,.thumbnail-set,.daynight-set,.furniture-set{display:flex;justify-content:center;align-items:center;font-size:12px;margin-left:15px;margin-right:15px;margin-top:15px;}.select-icon img,.daynight-icon img,.furniture-icon img{width:60px;margin-right:10px;border:solid 1px white;}@media screen and (max-width: 1024px){.select-container,.thumbnail-container,.daynight-container,.furniture-container{position:fixed;right:-101%;bottom:-1px;transition:right 1s ease;width:240px;height:250px;background-color:rgba(19,19,19,0.5);border:solid 1px white;border-radius:6px 0 0 0px;z-index:2;display:flex;padding:0;box-shadow:0px 0px 8px rgba(0,0,0,0.3);}#select-close-btn,#thumbnail-close-btn,#daynight-close-btn,#furniture-close-btn{position:fixed;right:-101%;bottom:-1px;transition:right 1s ease;width:180px;height:350px;background-color:rgba(0,0,0,0.3);border:solid 1px white;border-radius:12px 0 0 0px;z-index:5;display:flex;padding:0;box-shadow:0px 0px 8px rgba(0,0,0,0.3);}.select-container.show,.thumbnail-container.show,.daynight-container.show,.furniture-container.show{right:-1px;}#floor-map-close-btn,#select-close-btn,#thumbnail-close-btn,#daynight-close-btn,#furniture-close-btn{position:relative;width:16px;height:16px;top:6px;left:calc(100% - 35px);z-index:5;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:transform 0.6s,background-color 0.6s ease;outline:none;padding:6px;scale:0.8;background-color:rgba(255,255,255,0.2);}.container-title{position:absolute;width:100%;height:100%;font-size:15px;top:12px;left:12px;}.pallet{position:absolute;display:flex;flex-direction:column;width:100%;height:100%;justify-content:start;align-items:start;}.pallet p{font-size:11px;letter-spacing:3px;}.select-set,.thumbnail-set,.daynight-set,.furniture-set{display:flex;justify-content:center;align-items:center;font-size:12px;margin-left:15px;margin-right:15px;margin-top:15px;z-index:5;}.select-icon img,.thumbnail-icon img,.daynight-icon img,.furniture-icon img{width:50px;margin-right:10px;}}.thumbnail-partition{border-bottom:solid white 1px;width:100%;margin-top:20px;margin-bottom:10px;}.scene-view,.thumbnail-view,.daynight-view,.furniture-view{width:100%;height:300px;position:absolute;overflow-x:hidden;overflow-y:auto;white-space:nowrap;top:45px;border-top:1px solid white;}.scene-view::-webkit-scrollbar,.thumbnail-view::-webkit-scrollbar .daynight-view::-webkit-scrollbar,.furniture-view::-webkit-scrollbar{width:6px;height:8px;}.scene-view::-webkit-scrollbar-track,.thumbnail-view::-webkit-scrollbar-track,.daynight-view::-webkit-scrollbar-track,.furniture-view::-webkit-scrollbar-track{background:#000000;}.scene-view::-webkit-scrollbar-thumb,.thumbnail-view::-webkit-scrollbar-thumb,.daynight-view::-webkit-scrollbar-thumb,.furniture-view::-webkit-scrollbar-thumb{background:#dbdbdb !important;border-radius:4px !important;}.scene-view::-webkit-scrollbar-thumb:hover,.thumbnail-view::-webkit-scrollbar-thumb:hover,.daynight-view::-webkit-scrollbar-thumb:hover,.furniture-view::-webkit-scrollbar-thumb:hover{background:#ffffff !important;}.scene_view-A,.scene_view-B,.scene_view-C,.scene_view-D,.scene_view-E,.scene_view-F,.scene_view-G,.scene_view-H,.scene_view-I,.scene_view-J,.scene_view-K,.scene_view-L,.scene_view-M,.scene_view-N{display:none;}#view-1,#view-2,#view-3,#view-4,#view-5,#view-6{display:none;}#information{position:absolute;top:50%;left:50%;transform:translate(-250px,-250px);width:500px;height:500px;z-index:4;}#close-btn{position:absolute;z-index:5;top:10px;right:10px;cursor:pointer;width:30px;height:30px;border-radius:50%;background-color:rgba(255,255,255,0.1);border:solid 2px white;box-shadow:0px 0px 8px rgba(0,0,0,0.3);display:flex;justify-content:center;align-items:center;transition:transform 0.6s,background-color 0.6s ease;outline:none;}#close-btn img{width:18px;height:auto;}#info-img{position:absolute;}#info-img img{position:absolute;width:500px;z-index:2;}.info-faucet,.info-stove{display:none;}.help-container{display:none;position:absolute;top:calc(50% - 300px);left:calc(50% - 500px);width:1000px;height:600px;background-color:rgba(255,255,255,0.2);border:solid 1px white;border-radius:20px;z-index:2;animation:fadeIn 0.5s ease-in-out;}@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}@keyframes fadeOut{0%{opacity:1;}100%{opacity:0;}}#help-close-btn{position:relative;width:30px;height:30px;top:15px;left:calc(100% - 60px);z-index:5;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:transform 0.6s,background-color 0.6s ease;outline:none;padding:6px;scale:0.8;}#help-close-btn:hover{background-color:rgba(255,255,255,0.5);transform:scale(1.1);}@media screen and (max-width: 1024px){.help-container{display:none;position:absolute;top:calc(50% - 150px);left:calc(50% - 150px);width:300px;height:300px;background-color:rgba(255,255,255,0.2);border:solid 1px white;border-radius:12px;z-index:2;animation:fadeIn 0.5s ease-in-out;}#help-close-btn{position:relative;width:30px;height:30px;top:3px;left:calc(100% - 42px);z-index:5;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:transform 0.6s,background-color 0.6s ease;outline:none;padding:6px;scale:0.8;}#help-close-btn:hover{background-color:rgba(255,255,255,0.5);transform:scale(1.1);}}