.spotDetail{background:#fff;border-radius:14px 14px 0 0}@media((max-width:600px) and (max-aspect-ratio:1)){.spotDetail{position:relative;pointer-events:all;overflow:hidden}}.spotDetail .loading{width:100%;height:100%;top:0;left:0;background:rgba(255,252,240,.5);display:flex;justify-content:center;align-items:center;position:absolute}.spotDetail .spotName{font-size:1.2rem;font-weight:700;text-align:center;padding-bottom:1rem;border-bottom:1px solid hsl(var(--border))}@media((max-width:600px) and (max-aspect-ratio:1)){.spotDetail .spotName{padding-top:1rem}}.spotDetail .tab{display:flex;justify-content:space-evenly;border-bottom:1px solid hsl(var(--border))}.spotDetail .tab .tabItem{width:100%;text-align:center;line-height:3rem;cursor:pointer}.spotDetail .tab .tabItem.selected{color:#5858ff;font-weight:700;border-bottom:6px solid #9898ff}.spotDetail .appearList{display:flex;flex-direction:column;gap:12px;margin:1rem 0}.spotDetail .appearList .noAppear{margin:1rem}.spotDetail .appear{border-radius:8px;border:1px solid #fff6ec;background:#fff6ec}.spotDetail .appear .border-b{border:1px solid #fff}.spotDetail .appear .border-b[data-state=open]{border:1px solid #ffcd8f;border-radius:8px}.spotDetail .appear .appearMain{display:flex;justify-content:flex-start;align-items:center;gap:12px;padding:6px;border-radius:8px}.spotDetail .appear .appearMain[data-state=open]{border-bottom:4px solid #fff}.spotDetail .appear .appearMain:hover{text-decoration:none}.spotDetail .appear .appearMain .lucide-chevron-down{display:none}.spotDetail .appear .nameBox{padding-left:.5rem;line-height:1.5rem;text-align:left}.spotDetail .appear div{color:#333}.spotDetail .appear .dogName{font-weight:700}.spotDetail .appear .walkTimes{display:flex;flex-direction:column;font-size:1rem;color:#555;width:5rem;text-align:center}.spotDetail .appear .walkTimes div{background:#fff;margin:.2rem;padding:.1rem .2rem;border-radius:.8rem;border:1px solid #ffe7ca}.spotDetail .appear img{width:60px;height:60px;object-fit:cover;border-radius:50%;cursor:pointer;border:1px solid #ddd}.spotDetail .appear .about{padding:0;margin:.5rem 1rem;white-space:pre-wrap;line-height:1.5rem}.spotDetail .appear .breed{font-weight:700;margin-bottom:.3rem}.spotDetail .appearRegister{margin:0;padding:1rem 0}@media((max-width:600px) and (max-aspect-ratio:1)){.spotDetail .appearRegister{padding:0 1rem 2rem}}.spotDetail .reviewList .noReview{margin:2rem 1rem}.spotDetail .reviewList .reviewBox{border-top:1px solid #ddd;padding-bottom:1rem}.spotDetail .reviewList .reviewBox .titleArea{margin:1rem 0;display:flex;align-items:center;gap:1rem}.spotDetail .reviewList .reviewBox .titleArea .avatarImage{width:3rem;height:3rem;border-radius:50%;border:1px solid #ddd}.spotDetail .reviewList .reviewBox .titleArea .userName{flex-grow:1;overflow:hidden}.spotDetail .reviewList .reviewBox .titleArea .date{white-space:nowrap}.spotDetail .reviewList .reviewBox .titleArea .menu circle{stroke:#777}.spotDetail .reviewList .reviewBox .titleArea .menu .button{width:5rem;justify-content:center}.spotDetail .reviewList .reviewBox .imageBox{display:flex;width:100%;overflow:auto hidden;gap:5px;margin-bottom:1rem}.spotDetail .reviewList .reviewBox .commentImageBox{min-width:37%;max-width:100%}.spotDetail .reviewList .reviewBox .commentImageBox img{object-fit:cover;height:5rem}.spotDetail .reviewList .reviewBox .comment{white-space:pre-line}@media((max-width:600px) and (max-aspect-ratio:1)){.spotDetail .appearList,.spotDetail .reviewList{overflow-y:scroll;height:50vh;padding:0 1rem;max-height:50vh}.iphone .spotDetail .appearList,.iphone .spotDetail .reviewList{max-height:40vh}.spotDetail .backButton{top:0}}.spotDetail .zoomedImage{position:fixed;display:flex;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.7);justify-content:center;align-items:center;z-index:9999}.spotDetail .zoomedImage img{position:relative!important;width:94%!important;height:94%!important;object-fit:contain}.spotDetail .buttonBox{text-align:center;margin:1rem 0}.reportDialog .title{margin:0 0 1rem}.reportDialog .reportBox{padding:0 1rem}.reportDialog .reportBox label{color:#805300;margin:1rem 0 .3rem -1rem}.reportDialog .reportBox div{margin-bottom:1.5rem}.reportDialog .footer{text-align:center;margin-top:1rem}@media(max-width:600px){.reviewMenu [role=menuitem]{font-size:1.5rem;line-height:unset}}.reviewRegister{padding:1rem}.reviewRegister textarea{height:8rem}.reviewRegister .imageBox{display:flex;width:100%;margin:1rem 0;flex-wrap:wrap;row-gap:1rem;column-gap:.7rem}.reviewRegister .imageBox .imageUploader{width:8rem;height:5rem}.reviewRegister .imageBox .imageUploader img{object-fit:cover;border:2px solid #ddd}.reviewRegister .imageBox .dummy{width:8rem;height:0}.reviewRegister .footer{text-align:center;margin-bottom:1rem}.myAppearList{background:#fff;border-radius:14px 14px 0 0}@media((max-width:600px) and (max-aspect-ratio:1)){.myAppearList{position:relative;pointer-events:all;padding:1rem 0;overflow:hidden}}.myAppearList .title{margin:0 auto;text-align:center;border-bottom:1px solid #ddd;padding-bottom:1rem;font-size:1.2rem;font-weight:700}.myAppearList .loading{width:100%;height:100%;top:0;left:0;background:rgba(255,252,240,.5);display:flex;justify-content:center;align-items:center;position:absolute}.myAppearList .spotName{font-size:1.2rem;font-weight:700;margin:.6rem 0 1rem;color:#8f4f00;padding-left:.7rem}.myAppearList .spotList{display:flex;flex-direction:column;gap:12px;margin:.5rem 0 1rem}@media((max-width:600px) and (max-aspect-ratio:1)){.myAppearList .spotList{overflow-y:scroll;min-height:30vh;padding:0 1rem;max-height:60vh}}.myAppearList .spot{border-bottom:1px solid #ddd;position:relative}.myAppearList .spot .spotButton{cursor:pointer;position:absolute;width:2rem;height:2rem;right:.5rem;top:.5rem;color:#fff;fill:#f99;background:#f99;border-radius:50%;padding:.3rem;stroke-width:3px}.myAppearList .spot .appearList{border:1px solid #fff;padding-bottom:0}[data-state=open] .myAppearList .spot .appearList{border:1px solid #ffcd8f;border-radius:8px}.myAppearList .spot .appear{display:flex;justify-content:flex-start;align-items:center;gap:12px;padding:6px;border-radius:8px;border:1px solid #fff6ec;background:#fff6ec;margin-bottom:12px}.myAppearList .spot .appear:hover{text-decoration:none}.myAppearList .spot .appear .lucide-chevron-down{display:none}.myAppearList .spot .appear .nameBox{padding-left:.5rem;line-height:1.5rem;text-align:left}.myAppearList .spot .appear .dogName{font-weight:700}.myAppearList .spot .appear .walkTimes{display:flex;flex-direction:column;font-size:1rem;color:#555;width:5rem;text-align:center}.myAppearList .spot .appear .walkTimes div{background:#fff;margin:.2rem;padding:.1rem .2rem;border-radius:.8rem;border:1px solid #ffe7ca;line-height:1.5rem}.myAppearList .spot .appear img{width:60px;height:60px;object-fit:cover;border-radius:50%;border:1px solid #ddd}