.map-and-text{position:relative;width:100%}.map-and-text__container{display:flex;flex-direction:column;gap:3rem}.map-and-text__header{margin-bottom:0}.map-and-text__content{display:flex;flex-direction:column;gap:3rem}.map-and-text__map-wrapper{position:relative;width:100%;overflow:hidden;border-radius:16px}.map-and-text__map-wrapper--radius{border-radius:var(--general-radius-2, 16px)}.map-and-text__map{position:relative;width:100%;background-color:color-mix(in srgb,rgba(var(--color-layer)) 100%,transparent);border-radius:inherit;overflow:hidden;padding:3rem 4rem}.map-and-text__map-inner{position:relative;width:100%;aspect-ratio:2.33/1}.map-and-text__click-area{position:absolute;top:0;bottom:0;width:50%;z-index:5;cursor:pointer}.map-and-text__click-area--prev{left:0}.map-and-text__click-area--next{right:0}@media(min-width:1024px){.map-and-text__click-area{cursor:none}}.map-and-text__cursor{position:absolute;top:0;left:0;width:5rem;height:5rem;pointer-events:none;z-index:100;display:none;align-items:center;justify-content:center;background-color:color-mix(in srgb,rgba(var(--color-button)) 100%,transparent);border-radius:50%;color:color-mix(in srgb,rgba(var(--color-button-text)) 100%,transparent);opacity:0;transform:translate(-50%,-50%) scale(.5);transition:opacity .2s ease,transform .2s ease;box-shadow:0 4px 20px color-mix(in srgb,rgba(var(--color-shadow)) 20%,transparent)}@media(min-width:1024px){.map-and-text__cursor{display:flex}}.map-and-text__cursor.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.map-and-text__cursor svg{width:2.4rem;height:2.4rem;transition:transform .2s ease}.map-and-text__cursor.is-prev svg{transform:rotate(180deg)}.map-and-text__text-panels{position:absolute;bottom:4rem;left:4rem;right:4rem;z-index:15;pointer-events:none}@media screen and (max-width:749px){.map-and-text__text-panels{display:none}}.map-and-text__text-panel{position:absolute;bottom:0;left:0;max-width:50rem;opacity:0;transform:translateY(1rem);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.map-and-text__text-panel.is-active{opacity:1;transform:translateY(0);pointer-events:auto}.map-and-text__text-panel-content{background-color:color-mix(in srgb,rgba(var(--color-background)) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:2.4rem;border-radius:12px;box-shadow:0 4px 24px color-mix(in srgb,rgba(var(--color-shadow)) 10%,transparent),0 0 0 1px color-mix(in srgb,rgba(var(--color-border)) 8%,transparent)}@media(min-width:992px){.map-and-text__text-panel-content{padding:3.2rem}}.map-and-text__text-panel-content p{margin:0;font-size:calc(var(--font-body-scale) * 1.5rem);line-height:1.6;color:color-mix(in srgb,rgba(var(--color-foreground)) 85%,transparent);text-align:justify}.map-and-text__pagination{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.2rem;z-index:20}.map-and-text__pagination-dot{width:1.8rem;height:.5rem;border:none;border-radius:1rem;background-color:color-mix(in srgb,rgba(var(--color-foreground)) 25%,transparent);cursor:pointer;padding:0;transition:width .3s ease,background-color .3s ease}.map-and-text__pagination-dot:hover{background-color:color-mix(in srgb,rgba(var(--color-foreground)) 40%,transparent)}.map-and-text__pagination-dot.is-active{width:5.5rem;background-color:rgb(var(--color-accent))}.map-and-text__svg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;opacity:.15;filter:brightness(0);mix-blend-mode:normal}.map-and-text__blip{position:absolute;transform:translate(-50%,-50%);z-index:10;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:z-index 0s}.map-and-text__blip.is-active{z-index:15}.map-and-text__blip-hotspot{position:relative;--size: 3.2rem;--size-inactive: 1.2rem;--color: color-mix(in srgb, rgba(var(--color-button)) 100% , transparent);--color-inactive: color-mix(in srgb, rgba(var(--color-foreground)) 40% , transparent)}.map-and-text__blip-point{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:50% 50%;width:var(--size);height:var(--size);border-radius:50%;transition:width .4s ease,height .4s ease,opacity .4s ease,border-width .4s ease}.map-and-text__blip-point--1{border:.5rem solid var(--color);background:transparent;z-index:1;opacity:.2;animation:map-point-1 2s infinite}.map-and-text__blip-point--2{background:var(--color);border:.1rem solid color-mix(in srgb,rgba(var(--color-border)) 20%,transparent);z-index:2;animation:map-point-2 2s infinite}.map-and-text__blip-point--3{background:var(--color);z-index:2;animation:map-point-3 1s alternate infinite}.map-and-text__blip--2.is-active .map-and-text__blip-point,.map-and-text__blip--3.is-active .map-and-text__blip-point{animation-delay:0s}.map-and-text__blip:not(.is-active) .map-and-text__blip-point{animation:none}.map-and-text__blip:not(.is-active) .map-and-text__blip-point--1{width:var(--size-inactive);height:var(--size-inactive);border-width:0;opacity:0}.map-and-text__blip:not(.is-active) .map-and-text__blip-point--2{width:var(--size-inactive);height:var(--size-inactive);background:var(--color-inactive);opacity:1}.map-and-text__blip:not(.is-active) .map-and-text__blip-point--3{width:calc(var(--size-inactive) * .6);height:calc(var(--size-inactive) * .6);background:color-mix(in srgb,rgba(var(--color-background)) 80%,transparent);opacity:1}@keyframes map-point-1{0%{opacity:.2;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-50%) scale(5)}}@keyframes map-point-2{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}@keyframes map-point-3{0%{transform:translate(-50%,-50%)}to{transform:translate(-50%,-50%) scale(1.1)}}.map-and-text__blip-label{margin-top:1.2rem;font-size:calc(var(--font-body-scale) * 1.1rem);font-weight:600;font-family:var(--font-heading-family);color:color-mix(in srgb,rgba(var(--color-foreground)) 100%,transparent);background-color:color-mix(in srgb,rgba(var(--color-background)) 95%,transparent);padding:6px 14px;border-radius:6px;white-space:nowrap;text-transform:uppercase;letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 12px color-mix(in srgb,rgba(var(--color-shadow)) 10%,transparent),0 0 0 1px color-mix(in srgb,rgba(var(--color-border)) 10%,transparent);opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.map-and-text__blip:not(.is-active) .map-and-text__blip-label{opacity:0;transform:translateY(-8px);pointer-events:none}@media screen and (max-width:749px){.map-and-text__container,.map-and-text__content{gap:2rem}.map-and-text__map{padding:1.2rem 1.5rem}.map-and-text__blip-hotspot{--size: 2.4rem}.map-and-text__blip-point--1{border-width:.4rem}.map-and-text__blip-label{margin-top:.8rem;font-size:calc(var(--font-body-scale) * .9rem);padding:4px 10px;letter-spacing:.05em}.map-and-text__pagination{bottom:1.5rem;gap:.2rem}.map-and-text__pagination-dot{width:1.4rem;height:.4rem}.map-and-text__pagination-dot.is-active{width:4rem}}.map-and-text__mobile-text-card{display:none;width:100%;overflow:hidden;border-radius:16px}.map-and-text__mobile-text-card--radius{border-radius:var(--general-radius-2, 16px)}@media screen and (max-width:749px){.map-and-text__mobile-text-card{display:block}}.map-and-text__mobile-text-panels{position:relative;background-color:color-mix(in srgb,rgba(var(--color-layer)) 100%,transparent);padding:2.4rem;min-height:8rem}.map-and-text__mobile-text-panel{position:absolute;top:0;left:0;right:0;padding:0;opacity:0;transform:translateY(.5rem);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.map-and-text__mobile-text-panel.is-active{position:relative;opacity:1;transform:translateY(0);pointer-events:auto}.map-and-text__mobile-text-content{font-size:calc(var(--font-body-scale) * 1.4rem);line-height:1.6;color:color-mix(in srgb,rgba(var(--color-foreground)) 85%,transparent)}.map-and-text__mobile-text-content p{margin:0;text-align:justify}
/*# sourceMappingURL=/cdn/shop/t/11/assets/map-and-text.css.map */