.howto-overlay.svelte-s6hmvq{position:fixed;inset:0;background:#00000080;z-index:110}.howto-modal.svelte-s6hmvq{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 32px);max-width:520px;max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;border-radius:18px;z-index:111;box-shadow:0 24px 60px #0000004d;padding:24px 26px 22px}.howto-modal.svelte-s6hmvq:focus{outline:none}.howto-modal__head.svelte-s6hmvq{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:6px}.howto-modal__head.svelte-s6hmvq h2:where(.svelte-s6hmvq){font-size:20px;font-weight:800;color:#1f3d52;line-height:1.25}.howto-modal__close.svelte-s6hmvq{flex-shrink:0;background:transparent;border:none;color:#777;cursor:pointer;padding:6px;border-radius:8px;display:flex}.howto-modal__close.svelte-s6hmvq:hover{background:#f7f8f8;color:#1f3d52}.howto-modal__intro.svelte-s6hmvq{font-size:14px;color:#5f7077;line-height:1.55;margin:0 0 18px}.howto-modal__foot.svelte-s6hmvq{display:flex;align-items:flex-start;gap:8px;margin-top:18px;padding:12px 14px;background:#1f3d520f;border-radius:10px;font-size:12.5px;line-height:1.5;color:#5f7077}.howto-modal__foot.svelte-s6hmvq svg{color:#dce5e3;flex-shrink:0;margin-top:1px}.howto-steps.svelte-s6hmvq{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.howto-step.svelte-s6hmvq{display:flex;gap:14px;align-items:flex-start}.howto-step__num.svelte-s6hmvq{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#dce5e3;color:#1f3d52;font-weight:800;font-size:15px}.howto-step__title.svelte-s6hmvq{font-size:15px;font-weight:700;color:#1f3d52;margin:4px 0}.howto-step__text.svelte-s6hmvq{font-size:13.5px;line-height:1.55;color:#5f7077;margin:0}