body .my-image-map{position:relative;width:100%;aspect-ratio:1/1;border-radius:38px;box-shadow:0 5px 15px rgba(0,0,0,.1);margin:20px 0;background:#f0f0f0;z-index:0;isolation:isolate;overflow:hidden}body .my-image-map .image-scroll-container{position:absolute;inset:0;overflow:auto;border-radius:38px;-webkit-overflow-scrolling:touch;cursor:grab;line-height:0;font-size:0;scrollbar-width:none;-ms-overflow-style:none}body .my-image-map .image-scroll-container::-webkit-scrollbar{width:0;height:0;background:rgba(0,0,0,0)}body .my-image-map .image-scroll-container::-webkit-scrollbar-thumb{background:rgba(0,0,0,0)}body .my-image-map .zoomable{position:relative;width:auto;height:auto;transform-origin:top left;transition:width .5s ease,height .5s ease;line-height:0;font-size:0}body .my-image-map .zoomable img{width:100%;height:auto;max-width:none;display:block;border-radius:38px;margin:0;padding:0}body .my-image-map .map-dot{position:absolute;width:17px;height:17px;margin-left:-8.5px;margin-top:-8.5px;background:#81bfff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.3);transition:transform .25s ease,box-shadow .25s ease,background .25s ease;z-index:10;padding:0}@media(max-width: 768px){body .my-image-map .map-dot{width:14px;height:14px;margin-left:-7px;margin-top:-7px}}@media(max-width: 480px){body .my-image-map .map-dot{width:12px;height:12px;margin-left:-6px;margin-top:-6px}}body .my-image-map .map-dot:hover{transform:scale(1.15);box-shadow:0 0 12px var(--interactive-accent),0 0 24px rgba(129,191,255,.4);z-index:11}body .my-image-map .map-dot::before{content:"";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(from 0deg, #E86A6A, #F0A36A, #F2C94C, #6DA86D, #6BA5D6, #A37CD6, #E86A6A);z-index:-1;-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 6px), #000 calc(100% - 6px));mask:radial-gradient(farthest-side, transparent calc(100% - 6px), #000 calc(100% - 6px))}body .my-image-map .map-dot:hover::before{animation:spinRainbow 1.5s linear infinite}body .my-image-map .map-dot.active::before{animation:spinRainbow 1.5s linear infinite}@keyframes spinRainbow{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}body .my-image-map .zoom-controls{position:absolute;top:10px;left:10px;z-index:20;display:flex;align-items:center;gap:5px;width:fit-content;margin:0}body .my-image-map .zoom-controls button{padding:8px 16px;border-radius:20px;background:#81bfff;color:#fff;border:none;cursor:pointer;font-size:18px;font-family:"Darenok",sans-serif}body .my-image-map .zoom-controls button:hover{background:#ffa0a0}body .my-image-map .eye-btn{background:rgba(0,0,0,0) !important;border:none !important;padding:0;width:36px;height:36px;cursor:pointer;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}body .my-image-map .eye-btn img{width:100%;height:100%;object-fit:contain}body .map-popup{position:fixed;width:min(340px,90vw);max-height:75vh;border-radius:38px;box-shadow:0 10px 30px rgba(0,0,0,.3);border:1px solid var(--interactive-accent, #81BFFF);z-index:100;font-family:"Lora",serif;cursor:default;display:flex;flex-direction:column;overflow:hidden;padding:0;background:var(--background-secondary, #e8edf5);color:var(--text-normal, #2c3e50)}body .map-popup .map-popup-header,.astra-popup .astra-popup-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:2px 5px;background:inherit;border-bottom:none !important}body .map-popup .map-popup-drag-handle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:move;user-select:none;-webkit-user-select:none;opacity:.7;color:var(--text-muted, #81A8C1)}body .map-popup .map-popup-drag-handle:hover{opacity:1}body .map-popup .map-popup-close{background:none;border:none;font-size:22px;cursor:pointer;color:var(--text-muted, #81A8C1);font-family:"Darenok",sans-serif}body .map-popup .map-popup-close:hover{color:var(--strong-color, #FFA0A0)}body .map-popup .map-popup-content,.astra-popup .astra-popup-content{flex:1;overflow-y:auto;padding:5px 10px 10px;min-height:0;margin-top:0}body .map-popup .map-popup-content h3{font-family:"Darenok",sans-serif !important;margin-top:0;margin-bottom:10px;font-size:1.5rem}body .map-popup .map-popup-content p{text-indent:0 !important;text-align:justify !important;line-height:1.6;margin-bottom:15px}body .map-popup .map-popup-content img,.astra-popup .astra-popup-content img{max-width:100%;height:auto;border-radius:28px;margin:10px 0}.resize-handle{position:absolute;bottom:5px;font-size:18px;color:var(--text-muted, #81A8C1) !important;cursor:nwse-resize;user-select:none;opacity:.7;z-index:3}.resize-handle:hover{opacity:1}.resize-handle-bottom-left{left:5px;cursor:nesw-resize}.resize-handle-bottom-right{right:5px;cursor:nwse-resize}.my-image-map-left{float:left !important;margin:10px 20px 10px 0 !important;clear:left}.my-image-map-right{float:right !important;margin:10px 0 10px 20px !important;clear:right}.my-image-map-center{float:none !important;display:block !important;margin:10px auto 15px !important;clear:both}.my-image-map-left+*,.my-image-map-right+*{clear:both}.map-popup a,.astra-popup a{color:inherit;text-decoration:underline;cursor:pointer}.map-popup a:hover,.astra-popup a:hover{color:var(--interactive-accent)}html body .filetree-sidebar .nav-file-title,html body .filetree-sidebar .tree-item-inner,html body .filetree-sidebar .nav-folder-title,html body .filetree-sidebar .folder,html body .filetree-sidebar .notelink{font-size:13px !important}/*# sourceMappingURL=17-home-for-picture.css.map */