.top.svelte-f2eo7x.svelte-f2eo7x{padding:8px 0;z-index:101}.top.svelte-f2eo7x .container.svelte-f2eo7x{position:relative}.top__city.svelte-f2eo7x.svelte-f2eo7x{display:flex;align-items:center;gap:4px;padding:0;border:none;outline:none;box-shadow:none;background-color:transparent;color:var(--color-primary-750);line-height:16px}@media (hover: hover){.top__city.svelte-f2eo7x.svelte-f2eo7x:hover{cursor:pointer;color:var(--color-primary-740)}.top__city.svelte-f2eo7x.svelte-f2eo7x:active{color:var(--color-primary-600)}}.top__popup.svelte-f2eo7x.svelte-f2eo7x{position:absolute;top:calc(100% + 16px);left:9px;background-color:var(--color-bright-900);border-radius:16px;padding:20px 43px 20px 20px;display:grid;gap:16px;align-content:start;border:1px solid #e1f0fd;box-shadow:0 0 20px #b3cdcd33}.top__popup--whide.svelte-f2eo7x.svelte-f2eo7x{min-width:792px}.top__popup.svelte-f2eo7x p.svelte-f2eo7x{color:var(--color-black-800);font-weight:700;font-size:16px;line-height:20px;margin:0}.top__close.svelte-f2eo7x.svelte-f2eo7x{position:absolute;top:12px;right:12px;background-color:transparent;color:var(--color-primary-750);border:none;padding:0;width:28px;height:28px}.top__popup-buttons.svelte-f2eo7x.svelte-f2eo7x{display:flex;gap:10px}.top__popup-buttons.svelte-f2eo7x .button.svelte-f2eo7x{min-width:99px;padding:8px 24px}.top__cities.svelte-f2eo7x.svelte-f2eo7x{margin-top:16px;padding-top:12px;max-height:188px;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-color:var(--color-primary-750) #f3f9ff;scrollbar-width:thin;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.top__cities.svelte-f2eo7x.svelte-f2eo7x::-webkit-scrollbar{display:initial;width:6px;margin:5px;border:1px solid #f3f9ff;border-radius:5px}.top__cities.svelte-f2eo7x.svelte-f2eo7x::-webkit-scrollbar-thumb{display:initial;background-color:var(--color-primary-750);border-radius:5px;border:1px solid #f3f9ff}.top__cities.svelte-f2eo7x.svelte-f2eo7x::-webkit-scrollbar-track{display:initial;background-color:#f3f9ff}.top__cities.svelte-f2eo7x button.svelte-f2eo7x{color:var(--color-black-800);font-family:inherit;border:none;padding:0;background:transparent;outline:none;box-shadow:none;text-align:left;font-weight:700;font-size:14px;line-height:20px}.top__cities.svelte-f2eo7x button.hide.svelte-f2eo7x{display:none}@media (hover: hover){.top__cities.svelte-f2eo7x button.svelte-f2eo7x:hover{text-decoration:underline;cursor:pointer}}.top__cities.svelte-f2eo7x p.svelte-f2eo7x{grid-column:1/-1}@media (max-width: 768px){.top.svelte-f2eo7x.svelte-f2eo7x{padding:4px 0}.top__city.svelte-f2eo7x.svelte-f2eo7x{font-size:12px;line-height:16px}.top__popup.svelte-f2eo7x.svelte-f2eo7x{top:calc(100% + 8px);left:12px;max-width:calc(100vw - 24px);padding-right:20px;gap:12px}.top__popup--whide.svelte-f2eo7x.svelte-f2eo7x{top:calc(100% + 3px);left:0;width:100vw;border-radius:0;min-width:initial;max-width:100vw;border:none;min-height:calc(100vh - 24px);min-height:calc(var(--vh, 1vh) * 100 - 24px)}.top__close.svelte-f2eo7x.svelte-f2eo7x{top:8px;right:8px;width:20px;height:20px}.top__popup-buttons.svelte-f2eo7x.svelte-f2eo7x{gap:4px}.top__popup-buttons.svelte-f2eo7x .button.svelte-f2eo7x{min-width:86px;padding:4px 20px;font-size:12px;line-height:20px}.top__cities.svelte-f2eo7x.svelte-f2eo7x{max-height:fit-content;grid-template-columns:repeat(2,1fr)}}