building-explorer.be{display:block;background:var(--be-bg, #eef2f7);padding:var(--be-pt, 40px) 20px var(--be-pb, 80px)}.be-inner{max-width:1200px;margin:0 auto}.be-head{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:12px 56px;align-items:start;margin-bottom:32px}.be-head__tag{transform-origin:left center}.be-head__title{margin:0;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;line-height:1.12;letter-spacing:-.3px;color:#363751}.be-head__intro{color:#555f63;line-height:1.65;text-wrap:pretty}.be-card{position:relative;overflow:hidden;background:var(--be-card, #363751);border-radius:28px;padding:clamp(22px,4vw,48px);box-shadow:0 18px 50px #1a1f5e38}.be-card :focus-visible{outline:2.5px solid var(--be-accent, #4dd9ec);outline-offset:2px}.be-card__deco{position:absolute;border-radius:50%;pointer-events:none}.be-card__deco--a{top:-260px;right:-160px;width:520px;height:520px;background:color-mix(in srgb,var(--be-accent, #4dd9ec) 6%,transparent)}.be-card__deco--b{bottom:-200px;left:-120px;width:360px;height:360px;border:1px solid color-mix(in srgb,var(--be-accent, #4dd9ec) 14%,transparent)}.be-live{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:30px}.be-live__label{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--be-accent, #4dd9ec)}.be-live__dot{width:8px;height:8px;border-radius:50%;background:var(--be-accent, #4dd9ec)}.be-live__meta{font-weight:600;color:#ffffffc7}.be-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:start}.be-building{display:flex;flex-direction:column;gap:18px;min-width:0}.be-side{display:flex;flex-direction:column;gap:30px;min-width:0}.be-num{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#ffffff1a;color:var(--be-accent, #4dd9ec);font-size:.78rem;font-weight:700}.be-num--1{background:var(--be-accent, #4dd9ec);color:#12153f}.be-step{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.be-step__label{font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff}.be-step__sub{font-weight:600;color:#fffc}.be-house{position:relative;width:100%}.be-house--desktop{max-width:640px;margin:0 auto;aspect-ratio:400 / 360}.be-house--mobile{display:none;aspect-ratio:300 / 400}.be-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;color:var(--be-accent, #4dd9ec)}.be-floor{position:absolute;font-size:.75rem;font-weight:700;line-height:1.2;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;color:#ffffffc7;pointer-events:none}.be-house--mobile .be-floor{color:#ffffffd1}.be-house--desktop .be-floor--1{left:9.5%;top:21.111%}.be-house--desktop .be-floor--2{left:60.75%;top:21.111%}.be-house--desktop .be-floor--3{left:9.5%;top:53.333%}.be-house--desktop .be-floor--4{left:60.75%;top:53.333%}.be-house--desktop .be-floor--cellar{left:9.5%;top:85%}.be-house--mobile .be-floor--1{left:8%;top:16%}.be-house--mobile .be-floor--2{left:61.333%;top:16%}.be-house--mobile .be-floor--3{left:8%;top:48.5%}.be-house--mobile .be-floor--4{left:61.333%;top:48.5%}.be-house--mobile .be-floor--cellar{left:8%;top:81%}.be-link{opacity:0}.be-link.is-on{opacity:1}.be-packet{opacity:.55}.be-packet.is-on{opacity:1}.be-packet__dot{transform:scale(.85);transform-box:fill-box;transform-origin:center}.be-packet.is-on .be-packet__dot{transform:scale(1.35)}.be-house--mobile .be-packet__dot{transform:scale(1)}.be-house--mobile .be-packet.is-on .be-packet__dot{transform:scale(1.6)}.be-gateway{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;padding:2px;border:0;border-radius:6px;background:#fff;box-shadow:0 4px 14px #0000004d}button.be-gateway{cursor:pointer}.be-gateway[aria-pressed=true]{box-shadow:0 0 0 3px var(--be-accent, #4dd9ec),0 0 28px color-mix(in srgb,var(--be-accent, #4dd9ec) 60%,transparent)}.be-house--desktop .be-gateway{left:46%;top:22.778%;width:8%;height:11.111%}.be-house--mobile .be-gateway{left:43.333%;top:20%;width:13.333%;height:13%;padding:3px;border-radius:8px}.be-gateway .be-gateway__img{display:block;width:100%;height:100%;object-fit:contain}.be-gateway__ping{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:2px solid var(--be-accent, #4dd9ec);border-radius:9px;opacity:0;pointer-events:none}.be-house--mobile .be-gateway__ping{border-radius:11px}.be-pin{position:absolute;z-index:4;display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;background:transparent;cursor:pointer;transform:translate(-50%,-50%)}.be-pin__disc{position:relative;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:2px solid var(--be-accent, #4dd9ec);border-radius:50%;background:var(--be-card, #363751);color:var(--be-accent, #4dd9ec);box-shadow:0 4px 14px #0000004d}.be-pin[aria-pressed=true] .be-pin__disc{background:var(--be-accent, #4dd9ec);color:#12153f}.be-pin__ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:2px solid var(--be-accent, #4dd9ec);border-radius:50%;opacity:0;pointer-events:none}.be-house--mobile .be-pin{width:44px;height:44px}.be-house--mobile .be-pin__disc{width:36px;height:36px}.be-house--desktop .be-pin[data-be-slot=we1_radiator]{left:17.75%;top:38.889%}.be-house--desktop .be-pin[data-be-slot=we2_water]{left:87.75%;top:35.556%}.be-house--desktop .be-pin[data-be-slot=we3_heat_meter]{left:33.5%;top:61.667%}.be-house--desktop .be-pin[data-be-slot=we4_smoke]{left:78.75%;top:59.444%}.be-house--desktop .be-pin[data-be-slot=cellar_water]{left:27.5%;top:87.778%}.be-house--desktop .be-pin[data-be-slot=cellar_power]{left:70.5%;top:91.944%}.be-house--mobile .be-pin[data-be-slot=we1_radiator]{left:18.667%;top:32%}.be-house--mobile .be-pin[data-be-slot=we2_water]{left:87%;top:26.5%}.be-house--mobile .be-pin[data-be-slot=we3_heat_meter]{left:31.667%;top:57%}.be-house--mobile .be-pin[data-be-slot=we4_smoke]{left:88%;top:54%}.be-house--mobile .be-pin[data-be-slot=cellar_water]{left:34.667%;top:86%}.be-house--mobile .be-pin[data-be-slot=cellar_power]{left:64%;top:89%}.be-chips{position:relative;display:flex;flex-wrap:wrap;gap:8px;scroll-snap-type:x proximity;scrollbar-width:none}.be-chips::-webkit-scrollbar{display:none}.be-chip{display:inline-flex;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px 6px 10px;border:1px solid rgba(255,255,255,.16);border-radius:100px;background:#ffffff14;color:#fff;font-size:.8rem;font-weight:700;line-height:1.3;white-space:nowrap;cursor:pointer;scroll-snap-align:start}.be-chip[aria-pressed=true]{border-color:var(--be-accent, #4dd9ec);background:var(--be-accent, #4dd9ec);color:#12153f}@media(hover:hover){.be-chip:hover{border-color:var(--be-accent, #4dd9ec)}}.be-info{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:20px;background:#fff;box-shadow:0 10px 40px -10px #00000059;color:#363751}.be-card .be-info :focus-visible{outline-color:#363751}.be-info__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.be-info__counter{font-size:.8rem;font-weight:700;white-space:nowrap;color:#557}.be-info__nav{display:flex;gap:8px}.be-info__btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#363751;color:var(--be-accent, #4dd9ec);cursor:pointer}@media(hover:hover){.be-info__btn:hover{background:var(--be-accent, #4dd9ec);color:#363751;box-shadow:0 6px 16px #1a1f5e40}}.be-panels{display:grid}.be-panel{display:flex;flex-direction:column;gap:12px;grid-area:1 / 1;min-width:0}.be-panel:not(.is-active){visibility:hidden;opacity:0;transform:translateY(6px)}.be-panel__head{display:flex;align-items:center;gap:14px}.be-panel__tile{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:var(--be-tile-bg, #e8f9fc);color:var(--be-tile-fg, #363751)}.be-panel__tile .be-panel__img{display:block;width:40px;height:40px;object-fit:contain}.be-panel__titles{display:flex;flex-direction:column;gap:2px;min-width:0}.be-panel__loc{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#557}.be-panel__name{margin:0;font-size:1.3rem;font-weight:700;line-height:1.2;color:#363751}.be-panel__desc{margin:0;line-height:1.6;text-wrap:pretty;color:#557}.be-panel__tags{display:flex;flex-wrap:wrap;gap:6px}.be-panel__tag{padding:4px 10px;border-radius:8px;background:#eef3f3;font-size:.76rem;font-weight:700;white-space:nowrap;color:#363751}.be-panel__via{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid #eef3f3;font-weight:700;color:#363751}.be-panel__via .shop-icon{flex-shrink:0;color:#00b4cc}.be-chain{display:flex;flex-direction:column;gap:18px}.be-chain__step{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);gap:14px;align-items:start}.be-chain__track{position:absolute;top:34px;bottom:-14px;left:12px;width:2px;background-image:repeating-linear-gradient(180deg,color-mix(in srgb,var(--be-accent, #4dd9ec) 55%,transparent) 0 6px,transparent 6px 12px)}.be-chain__runner{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.be-chain__lock{position:absolute;top:0;left:50%;display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin:-11px 0 0 -11px;border:2px solid var(--be-accent, #4dd9ec);border-radius:50%;background:#12153f;color:var(--be-accent, #4dd9ec)}.be-chain__body{display:flex;flex-direction:column;gap:7px;min-width:0;padding-top:2px}.be-chain__title{font-size:.8rem;font-weight:700;line-height:1.3;letter-spacing:.05em;text-transform:uppercase;color:#fff}.be-chain__text{font-weight:600;line-height:1.45;color:#fffc}.be-chain__tags{display:flex;flex-wrap:wrap;gap:5px}.be-chain__tag{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:8px;background:#ffffff1a;font-size:.75rem;font-weight:700;white-space:nowrap;color:#fff}.be-chain__tag .shop-icon{flex-shrink:0;color:var(--be-accent, #4dd9ec)}.be-chain__flags{display:flex;flex-wrap:wrap;gap:4px}.be-chain__flag{padding:3px 8px;border-radius:6px;background:color-mix(in srgb,var(--be-accent, #4dd9ec) 14%,transparent);font-size:.75rem;font-weight:700;white-space:nowrap;color:var(--be-accent, #4dd9ec)}@media(min-width:1000px){.be-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}@media(max-width:639.98px){building-explorer.be{padding:calc(var(--be-pt, 40px) * .7) 14px calc(var(--be-pb, 80px) * .7)}.be-card{padding:22px 16px}.be-house--desktop{display:none}.be-house--mobile{display:block}.be-chips{flex-wrap:nowrap;overflow-x:auto;margin:-3px -16px 0;padding:5px 16px 6px;scroll-padding-inline:16px}.be-chip{min-height:44px}.be-info__btn{width:44px;height:44px}}building-explorer:not(:defined) .be-packet,.be:not([data-motion-armed]) .be-packet{display:none}.be[data-motion-scope] .be-live__dot{animation:vblink 1.4s ease-in-out infinite;animation-play-state:var(--motion-loop-state, running)}.be[data-motion-scope] .be-link{animation:vdash 1s linear infinite;animation-play-state:var(--motion-loop-state, running)}.be[data-motion-scope] .be-link:not(.is-on){animation-play-state:paused}.be[data-motion-scope] .be-gateway__ping{animation:vping 2.4s ease-out infinite;animation-play-state:var(--motion-loop-state, running)}.be[data-motion-scope] .be-gateway__ping--late{animation:vping 2.4s 1.2s ease-out infinite;animation-play-state:var(--motion-loop-state, running)}.be[data-motion-scope] .be-pin[aria-pressed=true] .be-pin__ring{animation:vping 1.8s ease-out infinite;animation-play-state:var(--motion-loop-state, running)}.be[data-motion-scope] .be-num--2{animation:vnum 4.5s ease-out infinite;animation-play-state:var(--motion-loop-state, running)}.be[data-motion-scope] .be-num--3{animation:vnum 4.5s 2.3s ease-out infinite;animation-play-state:var(--motion-loop-state, running)}.be[data-motion-scope] .be-num--4{animation:vnum 4.5s 4.1s ease-out infinite;animation-play-state:var(--motion-loop-state, running)}.be[data-motion-scope] .be-chain__runner--1{animation:vseg 4.5s .5s linear infinite;animation-play-state:var(--motion-loop-state, running)}.be[data-motion-scope] .be-chain__runner--2{animation:vseg 4.5s 2.3s linear infinite;animation-play-state:var(--motion-loop-state, running)}@media(prefers-reduced-motion:no-preference){.be[data-motion-scope][data-ready] .be-panel{transition:opacity .17s ease,transform .17s ease,visibility 0s linear .17s}.be[data-motion-scope][data-ready] .be-panel.is-active{transition:opacity .17s ease .17s,transform .17s ease .17s,visibility 0s linear .17s}.be[data-motion-scope][data-ready] .be-link{transition:opacity .3s}.be[data-motion-scope][data-ready] .be-gateway,.be[data-motion-scope][data-ready] .be-info__btn{transition:box-shadow .3s}@media print{.be[data-motion-scope][data-ready] .be-panel{transition:none}}}@media print{building-explorer.be .be-panels{gap:22px}building-explorer.be .be-panel{grid-area:auto;visibility:visible;opacity:1;transform:none}building-explorer.be .be-panel+.be-panel{padding-top:22px;border-top:1px solid #eef3f3}building-explorer.be .be-info__head{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/building-explorer.css.map */
