.place-modal{flex-direction:column;gap:1rem;padding:1rem 1rem 0;display:flex}.place-modal img{aspect-ratio:2/1.25;object-position:center center;object-fit:cover;border-radius:.3rem}.modal-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;background:0 0;transition:background .3s;position:fixed;top:0;bottom:0;left:0;right:0}.modal-img--wrapper{position:relative}.modal-img--wrapper .favorite-btn{right:unset;left:.75rem}.modal-links{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.modal-links-inner{align-items:center;gap:.5rem;width:100%;display:flex}.modal-links-inner a.btn{flex:1}.modal-content--wrapper{padding:0 1rem}.modal-header{border-bottom:1px solid var(--border-color);z-index:10;background:#fff;flex-direction:row;justify-content:space-between;width:100%;padding:0 .5rem;display:flex;position:-webkit-sticky;position:sticky;top:0}.modal-header .favorite-btn{width:2.5rem;height:3rem;padding:0;position:relative;top:0;right:0}.modal-header .favorite-btn svg{fill:none;stroke:var(--green);width:1.5rem;height:1.5rem;transition:fill .2s,stroke .2s;display:block;overflow:visible}.modal-header .favorite-btn.is-active svg{fill:var(--green)}.modal-header .favorite-btn:hover{transform:scale(1)}.modal-close{z-index:10;color:var(--green);background:0 0;border:none;border-radius:.3rem;justify-content:center;align-items:center;width:2.5rem;height:3rem;padding:0;transition:background .25s,color .25s;display:inline-flex}.modal-close svg{width:2.25rem;height:2.25rem}.modal-close svg *{stroke:currentColor;stroke-width:1.5px}.modal-overlay.open{background:rgba(0,0,0,.5)}.modal-overlay.closing{background:0 0}.modal-body{background:var(--background);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;opacity:0;width:100%;max-width:36rem;height:100dvh;transition:transform .3s,opacity .3s;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.modal-body.open{opacity:1;transform:translate(0)}.modal-body.closing{opacity:0;transform:translate(100%)}.bottom-url{border-top:1px solid var(--border-color);background:#fff;width:100%;margin-top:1.5rem;padding:1rem 2rem;position:-webkit-sticky;position:sticky;bottom:0;left:0;right:0}.bottom-url .btn{background:var(--green);color:#fff;width:100%}.bottom-url .btn:hover{color:var(--green);background:0 0}@media screen and (max-width:600px){.modal-body{width:100%}}
