:root{--facility-room-head-pad:36%}@media (width<=599px){:root{--facility-room-head-pad:40%}}.facility-hotspot:before{content:"";inset:calc(-1 * var(--ref-space-8));z-index:-1;border-radius:var(--ref-shape-full);background:color-mix(in oklch, var(--sys-color-accent) 35%, transparent);opacity:0;pointer-events:none;position:absolute}.facility-plan .facility-plan__canvas{aspect-ratio:800/540}.facility-plan .fp-yard{fill:color-mix(in oklch, var(--sys-color-primary-container) 40%, var(--sys-color-surface-container-high))}.facility-plan .fp-tree{fill:color-mix(in oklch, var(--sys-color-primary-container) 75%, var(--sys-color-surface-container-high))}.facility-plan .fp-floor{fill:var(--sys-color-surface-container-lowest)}.facility-plan .fp-play{fill:var(--sys-color-primary-fixed)}.facility-plan .fp-toy{fill:color-mix(in oklch, var(--sys-color-primary-container) 40%, var(--sys-color-primary-fixed))}.facility-plan .fp-room{fill:var(--sys-color-surface-container)}.facility-plan .fp-rest{fill:var(--sys-color-secondary-container)}.facility-plan .fp-bath,.facility-plan .fp-soft{fill:var(--sys-color-surface-container-highest)}.facility-plan .fp-fixture{fill:var(--sys-color-outline-variant)}.facility-plan .fp-gray{fill:var(--sys-color-outline)}.facility-plan .fp-honey{fill:var(--sys-color-accent)}.facility-plan .fp-cam{fill:var(--sys-color-on-surface)}.facility-plan .fp-rec{fill:var(--sys-color-error)}.facility-plan .fp-label{fill:var(--sys-color-primary);font-family:var(--ref-font-brand);font-weight:var(--ref-weight-bold)}.facility-plan .fp-wall{stroke:var(--sys-color-on-surface)}.facility-plan .fp-edge{stroke:var(--sys-color-outline-variant)}.facility-plan .fp-gap{stroke:var(--sys-color-surface-container-lowest)}.facility-plan .fp-gray-line{stroke:var(--sys-color-outline)}.facility-plan .fp-honey-line{stroke:var(--sys-color-accent)}.facility-plan .fp-key{width:var(--ref-space-12);height:var(--ref-space-12);border-radius:var(--ref-shape-extra-small);box-shadow:inset 0 0 0 1px var(--sys-color-outline-variant);flex:none}.facility-plan .fp-key-in{background:var(--sys-color-primary-fixed)}.facility-plan .fp-key-out{background:color-mix(in oklch, var(--sys-color-primary-container) 40%, var(--sys-color-surface-container-high))}