.floor-elevation-wrap{display:flex;align-items:center;justify-content:center;height:100%;padding:25px 12px}
.floor-elevation{width:100%;max-width:850px;display:grid;grid-template-rows:14px minmax(0,1fr) 18px;--floor-label-width:190px}
.elevation-storeys{display:grid;min-height:0}
.elevation-floor{display:grid;grid-template-columns:minmax(0,1fr) var(--floor-label-width);align-items:stretch;border:0;padding:0;background:none;color:#303526;min-height:0;text-align:start;outline-offset:2px;position:relative;isolation:isolate}
.elevation-floor:focus-visible{outline:2px solid #7b6849;z-index:1;border-radius:5px}
.elevation-facade{display:block;height:100%;width:100%;overflow:visible}
.elevation-highlight{fill:#897656;fill-opacity:0;stroke:#8f7858;stroke-width:2;stroke-opacity:0;transition:fill-opacity .15s,stroke-opacity .15s}
.elevation-floor-copy{display:flex;align-items:center;gap:11px;margin:5px 0 5px 19px;padding:10px 9px;border:1px solid #e5e0d6;border-radius:8px;background:#fff;transition:background .15s,border-color .15s}
.elevation-level-code{display:grid;place-items:center;flex-shrink:0;width:31px;height:32px;border-radius:5px;background:#f0ede6;color:#827157;font-size:14px;font-weight:500}
.elevation-level-details{min-width:0}.elevation-level-details strong{display:block;font-size:15px;font-weight:500;line-height:1.4}.elevation-level-details small{display:block;font-size:12px;color:#838477;margin-top:4px;line-height:1.3}
.elevation-arrow{margin-inline-start:auto;color:#92806b;flex-shrink:0}
.elevation-floor:hover .elevation-highlight,.elevation-floor:focus-visible .elevation-highlight{fill-opacity:.12;stroke-opacity:1}
.elevation-floor:hover .elevation-floor-copy,.elevation-floor:focus-visible .elevation-floor-copy{background:#f2ede3;border-color:#ab977a}
.elevation-floor:hover .elevation-level-code,.elevation-floor:focus-visible .elevation-level-code{background:#536046;color:#fff}
.elevation-crown,.elevation-ground{display:grid;grid-template-columns:minmax(0,1fr) var(--floor-label-width)}
.elevation-crown>span{align-self:end;height:3px;background:#aa987a;margin-inline:1%;box-shadow:0 -1px 0 #796e58}
.elevation-ground>span{height:10px;background:#c1b7a5;border-top:3px solid #a99e8b;box-shadow:0 5px 0 #e4e0d6}
@media(max-width:1100px){.floor-elevation{--floor-label-width:160px}.elevation-floor-copy{gap:7px;margin-left:13px;padding:8px}.elevation-level-details strong{font-size:14px}.elevation-level-code{width:27px}}
@media(max-width:600px){.floor-elevation-wrap{padding:12px 0}.floor-elevation{--floor-label-width:139px}.elevation-floor-copy{gap:7px;margin:3px 0 3px 10px;padding:6px}.elevation-level-details strong{font-size:13px}.elevation-level-details small{font-size:11px;margin-top:2px}.elevation-level-code{width:25px;height:29px;font-size:12px}.elevation-floor-copy>svg{display:none}}
@media(prefers-reduced-motion:reduce){.elevation-highlight,.elevation-floor-copy{transition:none}}