#hkd-areas-app{--hkd-primary-color:#26b6b4;padding:1rem;background-color:#fff}#hkd-areas-app *{scrollbar-width:thin;scrollbar-color:#1D908D #DFE9EB}#hkd-areas-app *::-webkit-scrollbar{width:7px;width:7px}#hkd-areas-app *::-webkit-scrollbar-track{border-radius:0;background-color:#DFE9EB}#hkd-areas-app *::-webkit-scrollbar-track:hover{background-color:#DFE9EB}#hkd-areas-app *::-webkit-scrollbar-track:active{background-color:#DFE9EB}#hkd-areas-app *::-webkit-scrollbar-thumb{border-radius:0;background-color:#1D908D}#hkd-areas-app *::-webkit-scrollbar-thumb:hover{background-color:#1D908D}#hkd-areas-app *::-webkit-scrollbar-thumb:active{background-color:#0E4241}#hkd-areas-app .hkd-areas-nav{display:flex;justify-content:center;gap:1rem}#hkd-switch-female{background-color:#e33e9194}#hkd-switch-female.active{background-color:#e33e91}#hkd-switch-male{background-color:#0e86d494}#hkd-switch-male.active{background-color:#0e86d4}.hkd-areas-nav .hkd-area-switch{display:flex;padding:.5rem 1.2rem;cursor:pointer;color:#fff;border-radius:20px}.hkd-areas-nav .hkd-area-switch.active{background-color:var(--hkd-active-tab-color)}.hkd-areas-nav .hkd-area-switch img{width:20px;height:20px;object-fit:contain;-webkit-filter:invert(100%);filter:invert(100%)}.hkd-areas-container .hkd-areas-wrap{display:flex;padding:1rem;margin-top:3rem}.hkd-areas-container .hkd-areas-wrap:not(.active){display:none}.hkd-areas-container .hkd-nav-items-wrap{min-width:200px;max-height:450px;flex:1;z-index:1;box-shadow:1px 1px 5px -2px rgb(0 0 0 / .2);border-radius:12px;overflow:hidden}.hkd-areas-container .hkd-nav-items{max-height:100%;overflow:auto;background-color:#f7f7f7}.hkd-nav-items .hkd-nav-area label{display:block;color:#fff;font-size:.9rem;text-align:center;background-color:var(--hkd-primary-color);padding:.6rem .3rem .4rem;border-bottom:1px solid #ababab}.hkd-nav-items .hkd-nav-area .area-items{padding:0;margin-bottom:.5rem}.hkd-nav-area .area-items .hkd-area-item{cursor:pointer;padding:.2rem .4rem}.hkd-nav-area .area-items .hkd-area-item:not(:last-child){margin-bottom:.3rem}.hkd-nav-area .area-items .hkd-area-item:hover{background-color:#d1d1d1}.hkd-areas-container .hkd-image{position:relative}.hkd-areas-container .hkd-image img{width:750px;min-width:750px;height:486px}.hkd-marks-areas:not(.loaded){display:none}.hkd-marks-areas .hkd-area-mark{width:5px;height:5px;position:absolute;border:1px solid #f1f1f1;border-radius:50%}.hkd-marks-areas .hkd-area-mark.active{box-shadow:0 0 15px 7px var(--hkd-primary-color);border-color:#fff;background-color:#fff}@media (max-width:1024px){#hkd-areas-app{display:none}}