html,body{margin:0;padding:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#000;transition:background-color .4s;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body.devMode{background-color:#cecece}.wrapper{position:relative;background-image:url(content/base_bg.jpg);background-size:contain;background-repeat:no-repeat}.corner-point{width:20px;height:20px;border-radius:50%;position:absolute;cursor:move;transform:translate(-50%,-50%);border:3px solid white;box-shadow:0 0 10px #00000080;z-index:320;will-change:transform;opacity:.5;transition:transform .4s cubic-bezier(.68,-.55,.27,1.55)}.corner-point.active{transform:translate(-50%,-50%) scale(1.3)}.corner-point:after{content:attr(data-label);position:absolute;top:-2.5rem;left:50%;transform:translate(-50%);font-size:12px;font-weight:700;color:#fff}#calibrationOverlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:300}.calibration-area{pointer-events:auto}video,img{width:100%;max-height:100vh;object-fit:contain;object-position:center;border:none;-webkit-user-select:none;user-select:none;outline:none;display:block;z-index:5}.cameraView{background-color:#fff}.cameraView,.contents,.page{width:100%;height:100%}.layers{position:relative;width:100%;height:100%}.layer{position:absolute}.contents{position:relative;z-index:20;opacity:1;transition:opacity .3s}.contents .page{display:none}.contents .page .points{position:absolute;left:0;top:0;width:100%;height:100%}.contents .page .points .btn{position:absolute;background-color:#fff;padding:1rem;border-radius:1rem;top:20%;left:74%;transform:translate(-50%,-50%)}.page.active{display:block}.cameraView{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;opacity:0;transition:opacity .3s}.cameraBookArea{position:absolute;outline:3px dashed dodgerblue;z-index:30;width:4rem;touch-action:none;height:5rem;border-radius:3px;transition:opacity .3s;opacity:0;pointer-events:none}::-webkit-scrollbar{display:none}.point{position:absolute;background-color:red;border-radius:50%;width:1.5rem;height:1.5rem;transform:translate(-50%,-50%);z-index:2000;pointer-events:none;opacity:1;transition:scale .2s}.point.hidden{scale:0}.devMode .cameraBookArea{opacity:1;pointer-events:all}.devMode .contents{opacity:0}.devMode .cameraView{opacity:1}.devMode .settings-panel{pointer-events:all;opacity:1}.bg-red-500{background-color:#fb2c36}.bg-green-500{background-color:#00c65a;background-color:oklch(72.3% .219 149.579)}.bg-blue-500{background-color:#3280ff;background-color:oklch(62.3% .214 259.815)}.bg-yellow-500{background-color:#eab300;background-color:oklch(79.5% .184 86.047)}.gallery_actions{display:flex;align-items:center;position:relative;box-sizing:border-box;align-self:flex-end;position:absolute;width:50%;justify-content:space-evenly;bottom:12%}.gallery_actions .arrowBtn{width:25%;position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer}.gallery_actions .arrowBtn .arrow{position:absolute;width:40%}.gallery_actions .arrowBtn .arrow.right{translate:5px}.gallery_actions .arrowBtn .arrow.left{translate:-5px}.revert-x{transform:scaleX(-1)}.layer.gallery{top:6.5%;left:5%;width:40%;height:54%;-webkit-mask-image:url(/content/galleryMask.webp);mask-image:url(/content/galleryMask.webp);-webkit-mask-size:100%;mask-size:100%;mix-blend-mode:multiply}.layer.gallery .gallery-item{width:100%;height:100%;overflow:hidden;position:absolute;display:none;top:0;left:0}.layer.gallery .gallery-item.active{display:block}.layer.gallery .gallery-item img{object-fit:cover;height:100%}.settings-panel{position:absolute;pointer-events:none;opacity:0;top:1rem;right:1rem;padding:1rem;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;z-index:400;background-color:#1a1a1a;transition:opacity .2s ease;direction:rtl;color:#fff}label{display:flex;flex-direction:column;gap:.3rem;direction:rtl;text-align:right}input{background-color:#364153;border:none;outline:none;border-radius:.2rem;padding:.5rem;color:inherit;font-family:inherit}.spin{animation:spin 20s linear infinite}.clicked{animation:clicked .5s ease}.ghanatInside:nth-child(2){position:absolute}.layer.chahTopAnimation{top:0;right:0;width:50%}.layer.chahBottomAnimation{pointer-events:none;bottom:0;right:0;width:50%}.layer.titles{pointer-events:none;bottom:12%;right:0;width:50%}.layer.titles video:not(:first-child){top:0;left:0;position:absolute}.ghanatInsideActionBtn{z-index:200;pointer-events:all}.points .hint{pointer-events:none;position:absolute}.actionBtn{width:2.5vmin;height:2.5vmin;border-radius:50%;transform:scale(3.2);position:absolute}.mask{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:screen}#roiOverlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.roi{position:absolute;border:2px dashed red;color:red;pointer-events:none;font-size:12px;z-index:20;box-sizing:border-box;padding:.5rem;border-radius:.2rem;font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}@keyframes zoomIn{to{transform:scale(1.5)}}@keyframes clicked{0%{scale:1}50%{scale:.9}to{scale:1}}