.map-explanation-wrapper.svelte-e6p6mu{position:absolute;top:0;right:0;z-index:1000;background-color:var(--sidebar-color);border:1px solid var(--text-color);border-radius:10px;box-shadow:0 0 10px #0000001a;max-width:500px;width:500px;max-height:500px;display:none}@media (max-width: 767px){.map-explanation-wrapper.svelte-e6p6mu{max-width:90vw;max-height:90vh}}.map-explanation-wrapper.third.svelte-e6p6mu{right:unset;top:-230px;left:-50px}.map-explanation-wrapper.third.svelte-e6p6mu h2:where(.svelte-e6p6mu){margin-top:0}@media (max-width: 767px){.map-explanation-wrapper.third.svelte-e6p6mu{left:50%;transform:translate(-50%)}}@media (max-width: 479px){.map-explanation-wrapper.third.svelte-e6p6mu{top:-280px}}.map-explanation-wrapper.second.svelte-e6p6mu{top:-60px;left:50%;transform:translate(-50%);z-index:1001}.map-explanation-wrapper.first.svelte-e6p6mu,.map-explanation-wrapper.fifth.svelte-e6p6mu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.map-explanation-wrapper.fourth.svelte-e6p6mu{top:-80px;left:50%;transform:translate(-50%);z-index:1001}.map-explanation-wrapper.visible.svelte-e6p6mu{display:block}.map-explanation-inner-wrapper.svelte-e6p6mu{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px}.map-explanation-inner-wrapper.svelte-e6p6mu .triangle:where(.svelte-e6p6mu){position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--sidebar-color);z-index:-1}.map-explanation-inner-wrapper.svelte-e6p6mu .triangle.invisible:where(.svelte-e6p6mu){display:none}.map-explanation-inner-wrapper.svelte-e6p6mu .card-wrapper:where(.svelte-e6p6mu){position:relative;width:100%;padding:20px;display:flex;flex-direction:column;gap:10px;overflow:hidden;border-radius:10px}.map-explanation-inner-wrapper.svelte-e6p6mu .card-wrapper:where(.svelte-e6p6mu) .progress-bar:where(.svelte-e6p6mu){position:absolute;top:0;left:0;height:5px;background-color:var(--accent-color);z-index:-1;transition:width .5s ease-in-out}.map-explanation-inner-wrapper.svelte-e6p6mu .card-wrapper:where(.svelte-e6p6mu) .close-btn:where(.svelte-e6p6mu){position:absolute;top:5px;right:5px}.map-explanation-inner-wrapper.svelte-e6p6mu .card-wrapper:where(.svelte-e6p6mu) .close-btn:where(.svelte-e6p6mu) button:where(.svelte-e6p6mu){background-color:transparent;border:none;border-radius:50%;padding:5px;cursor:pointer;transition:transform .2s ease-in-out}.map-explanation-inner-wrapper.svelte-e6p6mu .card-wrapper:where(.svelte-e6p6mu) .close-btn:where(.svelte-e6p6mu) button:where(.svelte-e6p6mu):hover{transform:scale(1.1)}.map-explanation-inner-wrapper.svelte-e6p6mu .card-wrapper:where(.svelte-e6p6mu) .title-wrapper:where(.svelte-e6p6mu) h2:where(.svelte-e6p6mu){font-size:1.5rem;font-weight:600;color:var(--text-color);margin-bottom:0}.map-explanation-inner-wrapper.svelte-e6p6mu .card-wrapper:where(.svelte-e6p6mu) .content-wrapper:where(.svelte-e6p6mu) .content:where(.svelte-e6p6mu){font-size:1rem;color:var(--text-color)}.map-explanation-inner-wrapper.svelte-e6p6mu .card-wrapper:where(.svelte-e6p6mu) .footer:where(.svelte-e6p6mu){display:flex;justify-content:space-between;align-items:center;width:100%}.map-explanation-inner-wrapper.svelte-e6p6mu .card-wrapper:where(.svelte-e6p6mu) .footer:where(.svelte-e6p6mu) .btn-wrapper:where(.svelte-e6p6mu){display:flex;gap:10px}.map-explanation-inner-wrapper.svelte-e6p6mu .card-wrapper:where(.svelte-e6p6mu) .footer:where(.svelte-e6p6mu) .btn-wrapper:where(.svelte-e6p6mu) .next-btn:where(.svelte-e6p6mu),.map-explanation-inner-wrapper.svelte-e6p6mu .card-wrapper:where(.svelte-e6p6mu) .footer:where(.svelte-e6p6mu) .btn-wrapper:where(.svelte-e6p6mu) .prev-btn:where(.svelte-e6p6mu){display:flex;justify-content:center;align-items:center;width:60px;border:1px solid var(--text-color);border-radius:20px;background-color:var(--accent-color);cursor:pointer;transition:box-shadow .2s cubic-bezier(.29,1.2,1,1.9),transform .2s cubic-bezier(.29,1.2,1,1.9)}.map-explanation-inner-wrapper.svelte-e6p6mu .card-wrapper:where(.svelte-e6p6mu) .footer:where(.svelte-e6p6mu) .btn-wrapper:where(.svelte-e6p6mu) .next-btn:where(.svelte-e6p6mu):hover,.map-explanation-inner-wrapper.svelte-e6p6mu .card-wrapper:where(.svelte-e6p6mu) .footer:where(.svelte-e6p6mu) .btn-wrapper:where(.svelte-e6p6mu) .prev-btn:where(.svelte-e6p6mu):hover{box-shadow:0 4px 0 .1px #000000e6;transform:translateY(-3px)}.map-explanation-inner-wrapper.svelte-e6p6mu .card-wrapper:where(.svelte-e6p6mu) .footer:where(.svelte-e6p6mu) .btn-wrapper:where(.svelte-e6p6mu) .next-btn:where(.svelte-e6p6mu):disabled,.map-explanation-inner-wrapper.svelte-e6p6mu .card-wrapper:where(.svelte-e6p6mu) .footer:where(.svelte-e6p6mu) .btn-wrapper:where(.svelte-e6p6mu) .prev-btn:where(.svelte-e6p6mu):disabled{cursor:not-allowed}