.map-modal{align-items:center;background-color:var(--sc-color-overlay);display:flex;justify-content:center;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .5s,visibility .5s;visibility:hidden;width:100%;z-index:100;&.map-modal--open{opacity:1;visibility:visible;.map-modal__container{transform:translateY(5%)}}}.map-modal__container{color:var(--sc-color-white);display:flex;min-height:60vh;padding:0 var(--sc-spacing-large);position:relative;transform:translateY(100vh);transition:transform .5s;@media (min-width:768px){color:var(--sc-color-body);min-height:550px}.map-modal__close-btn{align-items:center;cursor:pointer;display:flex;font-family:var(--sc-text-font-primary);justify-content:center;min-height:35px;position:absolute;right:0;top:10px;width:100px;.map-modal__close-btn-tape{height:auto;left:0;position:absolute;top:0;width:100px}.map-modal__close-btn-text{color:var(--sc-color-body);position:relative;z-index:10}}.map-modal__content{align-items:center;display:flex;font-family:var(--sc-text-font-primary);font-size:var(--sc-text-small);justify-content:center;max-width:300px;padding:var(--sc-spacing-small);padding-right:0;position:relative;z-index:10;&:first-child{padding:var(--sc-spacing-small)}@media (min-width:768px){font-size:var(--sc-text-medium)}.map-modal__content-tape{display:none;height:auto;left:90px;position:absolute;top:95px;transform:rotate(-5deg);width:100px;@media (min-width:768px){display:block}}.polaroid{margin:0;.polaroid__text{color:var(--sc-color-body)}}}.map-modal__notebook{display:none;left:0;position:absolute;top:0;@media (min-width:768px){display:block}}.polaroid__text{bottom:25px}}.map{align-items:center;display:flex;flex-direction:column;position:relative;.map__image{display:none;@media (min-width:768px){display:block}}}.map-item{color:var(--sc-color-body);cursor:pointer;display:flex;justify-content:center;width:-moz-fit-content;width:fit-content;@media (min-width:768px){position:absolute;width:max-content}&.map-item--rotate-left{transform:rotate(-5deg)}&.map-item--rotate-right{transform:rotate(5deg)}.polaroid{width:auto;@media (min-width:768px){width:70px}.polaroid__text{@media (min-width:768px){bottom:12px;font-size:var(--sc-text-xxsmall);line-height:1}}}.map-item__tape{height:auto;left:50%;position:absolute;top:-15px;transform:translateX(-50%);width:100px;@media (min-width:768px){top:-10px;width:60px}}}.map-icon{align-items:center;background-color:var(--sc-color-primary);border:1px solid var(--sc-color-white);border-radius:var(--sc-border-radius-lg);display:none;height:25px;justify-content:center;position:absolute;width:25px;@media (min-width:768px){display:flex}&.map-icon--mr{background-color:var(--sc-color-tertiary);border:1px solid var(--sc-color-white)}img{height:18px;width:18px}.map-icon__charity-icon{bottom:-5px;height:12px;position:absolute;right:-5px;width:12px}}.map-key{display:none;gap:var(--sc-spacing-medium);justify-content:center;margin-top:var(--sc-spacing-small);@media (min-width:768px){display:flex}.map-key__item{align-items:center;display:flex;gap:var(--sc-spacing-xsmall);.map-icon{position:relative}}}