.top.svelte-1vew758.svelte-1vew758{line-height:16px;padding:16px 0;z-index:99}.top.copened.svelte-1vew758.svelte-1vew758{z-index:101}.top.svelte-1vew758 .container.svelte-1vew758{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px}.top.svelte-1vew758 a.svelte-1vew758{font-weight:500;color:var(--color-primary-750);line-height:16px}.top.svelte-1vew758 a.active.svelte-1vew758 svg{fill:var(--color-primary-750)}@media (hover: hover){.top.svelte-1vew758 a.svelte-1vew758:hover{cursor:pointer;color:var(--color-primary-740)}.top.svelte-1vew758 a.svelte-1vew758:active{color:var(--color-primary-600)}}.top__favorite.svelte-1vew758 a.svelte-1vew758{display:flex;align-items:center;gap:4px}.top__menu.svelte-1vew758.svelte-1vew758{display:flex;align-items:center;gap:20px}.top__city.svelte-1vew758.svelte-1vew758{display:flex;align-items:center;gap:4px;color:var(--color-primary-750);padding:0;border:none;outline:none;box-shadow:none;background-color:transparent}@media (hover: hover){.top__city.svelte-1vew758.svelte-1vew758:hover{cursor:pointer;color:var(--color-primary-740)}.top__city.svelte-1vew758.svelte-1vew758:active{color:var(--color-primary-600)}}.top__popup.svelte-1vew758.svelte-1vew758{position:absolute;top:calc(100% + 16px);left:9px;min-width:404px;background-color:var(--color-bright-900);border-radius:16px;padding:20px;display:grid;gap:16px;align-content:start;border:1px solid var(--border);box-shadow:0 0 20px #b3cdcd33}.top__popup--whide.svelte-1vew758.svelte-1vew758{min-width:792px}.top__popup.svelte-1vew758 p.svelte-1vew758{color:var(--color-black-800);font-weight:700;font-size:16px;line-height:20px;margin:0}.top__close.svelte-1vew758.svelte-1vew758{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-1vew758.svelte-1vew758{display:grid;gap:10px;grid-template-columns:1fr 1fr}.top__popup-buttons.svelte-1vew758 .button.svelte-1vew758{padding-right:10px;padding-left:10px}.top__cities.svelte-1vew758.svelte-1vew758{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-1vew758.svelte-1vew758::-webkit-scrollbar{display:initial;width:6px;margin:5px;border:1px solid #f3f9ff;border-radius:5px}.top__cities.svelte-1vew758.svelte-1vew758::-webkit-scrollbar-thumb{display:initial;background-color:var(--color-primary-750);border-radius:5px;border:1px solid #f3f9ff}.top__cities.svelte-1vew758.svelte-1vew758::-webkit-scrollbar-track{display:initial;background-color:#f3f9ff}.top__cities.svelte-1vew758 button.svelte-1vew758{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-1vew758 button.hide.svelte-1vew758{display:none}@media (hover: hover){.top__cities.svelte-1vew758 button.svelte-1vew758:hover{text-decoration:underline;cursor:pointer}}.top__cities.svelte-1vew758 p.svelte-1vew758{grid-column:1/-1}@media (max-width: 768px){.top.svelte-1vew758.svelte-1vew758{padding:4px 0;font-size:12px}.top.svelte-1vew758 .container.svelte-1vew758{grid-template-columns:auto auto;gap:20px}.top__favorite.svelte-1vew758.svelte-1vew758{position:absolute;top:40px;right:16px}.top__favorite.fixed.svelte-1vew758.svelte-1vew758{position:fixed;top:16px}.top__menu.svelte-1vew758.svelte-1vew758{gap:12px;margin-left:auto}.top__city.svelte-1vew758.svelte-1vew758{font-size:12px;line-height:16px}.top__popup.svelte-1vew758.svelte-1vew758{top:calc(100% + 8px);left:12px;max-width:calc(100vw - 24px);min-width:initial;padding-right:20px;gap:12px;z-index:1}.top__popup--whide.svelte-1vew758.svelte-1vew758{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-1vew758.svelte-1vew758{top:8px;right:8px;width:20px;height:20px}.top__popup-buttons.svelte-1vew758.svelte-1vew758{gap:4px;grid-template-columns:86px 1fr}.top__cities.svelte-1vew758.svelte-1vew758{max-height:fit-content;grid-template-columns:repeat(2,1fr)}}