.floorplan-wrapper{margin:0 auto;max-width:1200px;position:relative;width:100%}.floorplan-image{display:block;height:auto;width:100%}.hotspot{background-color:rgba(0,123,255,.5);border:1px solid #fff;border-radius:4px;cursor:pointer;overflow:hidden;position:absolute;transform-origin:top left;transition:transform .2s ease}.hotspot:after{background-color:transparent;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:background-color .3s ease}.hotspot:hover:after{background-color:rgba(0,0,0,.2)}.hotspot-label{align-items:center;color:#ededed;display:flex;font-size:12.5px;font-weight:700;justify-content:center;padding:1.5px;pointer-events:none;position:absolute;text-align:center;text-shadow:.5px .5px 5px #575154;word-break:break-word;z-index:2}#modal-title{color:#fff;margin-top:0}.modal-overlay{align-items:center;background-color:rgba(0,0,0,.7);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#000;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.2);color:#fff;max-width:600px;padding:30px;position:relative;width:90%}.modal-close-button{background:none;border:none;color:#333;cursor:pointer;font-size:28px;font-weight:700;position:absolute;right:15px;top:10px}.modal-button{background-color:#ff914d;border-radius:5px;color:#fff;display:inline-block;font-weight:700;margin-top:20px;padding:10px 20px;text-decoration:none;transition:background-color .3s}.modal-button:hover{background-color:#f0545c;color:#fff}.floorplan-legend{border-top:1px solid #ddd;margin-left:auto;margin-right:auto;margin-top:40px;max-width:1200px;padding-top:20px}.legend-title{color:#fff;font-size:24px;margin-bottom:20px}.legend-list{column-gap:20px;column-width:250px;list-style:none;margin:0;padding:0}.legend-item{align-items:center;break-inside:avoid;display:flex;margin-bottom:10px}.legend-swatch{border:1px solid rgba(0,0,0,.1);border-radius:4px;flex-shrink:0;height:20px;margin-right:12px;width:20px}.legend-name{color:#fff;font-size:16px}