:host{display:block}.areaMap{--_color_activeArea: #cadbc3;display:block;width:100%;height:100%;contain:paint}.areaMap #mainArea{fill:none;stroke:none}.areaMap [id^=ignore]{pointer-events:none}.areaMap [id^=area-],.areaMap [id^=areaName-]{cursor:pointer}.areaMap [id^=area-]:not(.active),.areaMap [id^=area-]:not(.active) path{transition:fill .3s linear}.areaMap [id^=area-].active,.areaMap [id^=area-].active path{fill:var(--_color_activeArea);transition:fill .3s linear}.areaMap [id^=areaName-]:not(.active)>[id^=base]>rect:nth-child(1){transition:fill .5s linear}.areaMap [id^=areaName-]:not(.active)>[id^=base]>:is([id^=icon],[id^=name]) path{transition:fill .5s linear}.areaMap [id^=areaName-].active>[id^=base]>rect:nth-child(1){fill:var(--color_primary);transition:fill .3s linear}.areaMap [id^=areaName-].active>[id^=base]>:is([id^=icon],[id^=name]) path{fill:#fff;transition:fill .3s linear}.areaMap [id^=swap]{cursor:pointer}.areaMap [id^=swap]>[id^=button]>[id^=background]{stroke:transparent;stroke-width:1px}.areaMap [id^=swap]:not(:hover)>[id^=button]>[id^=background],.areaMap [id^=swap]:not(:hover)>[id^=button]>[id^=text] path{transition:fill .5s linear}.areaMap [id^=swap]:hover>[id^=button]>[id^=background]{fill:#fff;stroke:var(--color_primary);transition:fill .3s linear,stroke .3s linear}.areaMap [id^=swap]:hover>[id^=button]>[id^=text] path{transition:fill .3s linear;fill:var(--color_primary)}