.modal{position:fixed;z-index:1000;background-color:white;width:31.75rem;overflow:scroll;height:100vh;right:0;top:0;box-sizing:border-box;transition:all .3s ease-out;border-top-left-radius:.5rem;overflow-x:hidden}@media(max-width:767px){.modal{width:100%;border-top-left-radius:unset}}.modal h3{font-size:1.875rem}
.modal img{width:100%}.modal.modal-close{transform:translate3d(100%,0,0)}.modal__heading-wrapper{padding:2.5rem 1.875rem 1.625rem;display:flex;justify-content:space-between;align-items:center;position:relative;max-height:6.25rem}.modal__heading-wrapper:after{content:"";position:absolute;bottom:0;height:10px;width:calc(100% - 3.75rem);border-bottom:.0625rem solid var(--color-soft-gray4)}
.modal__heading-wrapper img{width:1.5rem;margin-right:.3125rem}.modal__heading-wrapper .panel__close{width:3.625rem;height:3.125rem;padding:.3125rem;display:flex;justify-content:center;align-items:center;border:transparent;border-radius:1rem;cursor:pointer;box-shadow:.0625rem .0625rem .625rem .0625rem rgba(0,0,0,0.05);margin-top:0}
.modal__heading-wrapper .panel__close svg{transform:scale(0.9)}@media(max-width:767px){.modal__heading-wrapper .panel__close{width:2.375rem;height:2rem;padding:0;border-radius:.6875rem}.modal__heading-wrapper .panel__close svg{max-width:1.125rem;transform:none}}.modal__heading-wrapper .panel__close:hover{background-color:var(--color-white);border-color:var(--color-black);color:var(--color-black)}
.modal__content-wrapper{padding:1.25rem 2.1875rem}.backdrop{width:100%;height:100%;position:fixed;z-index:-1;left:0;top:0;background:rgba(0,0,0,0.8);opacity:0;transition:.3s}.backdrop.visible{opacity:1;z-index:9}.hotspot{position:relative}.hotspot__image img{width:100%;display:block}.hotspot__pin-wrapper{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:1}
.hotspot__pin{position:relative;border-radius:50%;border:.0625rem solid var(--color-white);cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:.75rem;background:rgba(0,0,0,0.25);height:2.875rem;width:3.625rem}.hotspot__pin path{fill:var(--color-white)}.hotspot__pin-vis{display:flex;font-weight:700}
.hotspot__panel{position:absolute;left:var(--panel-x);top:var(--panel-y);transform:translate(-50%,calc(-100% - 2.1875rem));z-index:5;width:min(90vw,26.25rem);background:var(--color-white);color:var(--color-black);border-radius:.5rem;box-shadow:0 .625rem 1.5rem rgba(0,0,0,0.15);padding:1rem}.hotspot__panel-title{margin:0 0 .5rem;font-size:1.125rem;line-height:1.375rem;display:flex;align-items:center;gap:.625rem}
.hotspot__features-block{margin-top:.75rem}.hotspot__features-title{margin:0 0 .5rem;font-weight:700;font-size:.875rem;line-height:1.4}.hotspot__features{list-style:disc;list-style-position:outside;padding-left:1.25rem;margin:0}.hotspot__features li{margin:.25rem 0}.hotspot__icon{color:var(--color-white);width:1.25rem;height:1.25rem;transform:scale(1);transition:transform .25s ease}
@media(min-width:1025px){.hotspot__icon line{transition:transform .3s cubic-bezier(0.25,1,0.5,1),stroke .25s ease,opacity .25s ease;transform-origin:center}}.hotspot .modal h3{display:flex;align-items:center;gap:.625rem}.hotspot .modal .panel__close{flex-shrink:0;width:2.375rem;height:2rem;border:1px solid gray;border-radius:.6875rem}
.hotspot .modal .panel__close svg{max-width:unset}@media(min-width:1025px){.hotspot__pin-wrapper.is-active .hotspot__icon line:first-child{transform:rotate(45deg);transition-delay:.05s}.hotspot__pin-wrapper.is-active .hotspot__icon line:last-child{transform:rotate(45deg);transition-delay:.1s}}@media(max-width:1024px){.hotspot__panel{display:none !important}
.hotspot__pin-wrapper{left:var(--xm);top:var(--ym);padding:.625rem}.hotspot__pin-wrapper:focus,.hotspot__pin-wrapper:focus-visible{outline:0;-webkit-tap-highlight-color:transparent}.hotspot__pin{height:2.25rem;width:2.5rem}}