.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-interactive{width:100%;margin-inline:auto}.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-intro{max-width:760px;margin:0 auto clamp(36px,5vw,64px);text-align:center}.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-intro p{max-width:620px;margin:20px auto 0;color:var(--pu-body-muted);font:400 16px/24px Manrope,sans-serif;letter-spacing:normal}.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-visual{position:relative;overflow:hidden;border-radius:14px;background:#e9e8e6;isolation:isolate}.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-visual picture,.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-visual img{display:block;width:100%}.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-visual img{height:auto}.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-hint{position:absolute;z-index:2;top:20px;left:20px;display:inline-flex;min-height:40px;align-items:center;gap:10px;margin:0;padding:8px 16px;border-radius:999px;color:#fff;background:#1d1d1fc7;backdrop-filter:blur(10px) saturate(1.3);-webkit-backdrop-filter:blur(10px) saturate(1.3);font:400 14px/20px Manrope,sans-serif;letter-spacing:normal;pointer-events:none}.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-hint>span{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:currentColor}.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-hint[hidden]{display:none}.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-hotspot{position:absolute;z-index:2;top:var(--pu-room-y);left:var(--pu-room-x);display:grid;width:44px;height:44px;place-items:center;padding:0;border:1px solid rgba(255,255,255,.72);border-radius:50%;color:#fff;background:#1d1d1fa8;backdrop-filter:blur(10px) saturate(1.25);-webkit-backdrop-filter:blur(10px) saturate(1.25);transform:translate(-50%,-50%);cursor:pointer;-webkit-appearance:none;appearance:none}.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-hotspot>span{width:10px;height:10px;border-radius:50%;background:currentColor}.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-hotspot.is-guided:before{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid rgba(255,255,255,.86);border-radius:50%;content:"";animation:pu-room-hotspot-ripple 1.8s ease-out 2;pointer-events:none}.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-visual[data-pu-room-interacted=true] .pu-pdp-body-v2__room-hotspot.is-guided:before{display:none;animation:none}.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-hotspot[aria-expanded=true]{border-color:#fff;background:#1d1d1f}.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-hotspot:focus-visible,.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-panel button:focus-visible{outline:2px solid #00aaff;outline-offset:3px}.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-panel{position:absolute;z-index:3;right:auto;bottom:24px;left:24px;display:flex;width:min(460px,calc(100% - 48px));align-items:flex-start;justify-content:space-between;gap:24px;padding:24px;border-radius:14px;color:#1d1d1f;background:#fffffff0;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2)}.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-panel[hidden]{display:none}.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-panel h3{margin:0;color:#1d1d1f;font:500 22px/1.25 Urbanist,Manrope,sans-serif;letter-spacing:normal}.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-panel p{margin:10px 0 0;color:#515154;font:400 16px/24px Manrope,sans-serif;letter-spacing:normal}.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-panel button{display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;padding:0;border:1px solid rgba(29,29,31,.3);border-radius:50%;color:#1d1d1f;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-hotspot{background:#1d1d1fd6}.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-hint{background:#1d1d1feb}.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-panel{background:#fff}}@keyframes pu-room-hotspot-ripple{0%{opacity:.82;transform:scale(1)}75%,to{opacity:0;transform:scale(1.75)}}@media(min-width:750px){.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-visual{max-width:min(100%,1040px);margin-inline:auto}.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-visual img{height:auto}}@media(max-width:749px){.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-intro{margin-bottom:32px;text-align:left}.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-intro p{margin-left:0}.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-hint{top:12px;left:12px}.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-hotspot{top:var(--pu-room-mobile-y);left:var(--pu-room-mobile-x)}.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-panel{bottom:12px;left:12px;width:calc(100% - 24px);gap:16px;padding:20px}}@media(prefers-reduced-motion:reduce){.pu-pdp-body-v2--hardshell .pu-pdp-body-v2__room-hotspot.is-guided:before{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/project-unity-room-hotspots.css.map */