.top.svelte-j00of7.svelte-j00of7{line-height:16px;padding:16px 0;z-index:99}.top.copened.svelte-j00of7.svelte-j00of7{z-index:101}.top.svelte-j00of7 .container.svelte-j00of7{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px}.top.svelte-j00of7 a.svelte-j00of7{font-weight:500;color:var(--color-primary-750);line-height:16px}.top.svelte-j00of7 a.active.svelte-j00of7 svg{fill:var(--color-primary-750)}@media (hover: hover){.top.svelte-j00of7 a.svelte-j00of7:hover{cursor:pointer;color:var(--color-primary-740)}.top.svelte-j00of7 a.svelte-j00of7:active{color:var(--color-primary-600)}}.top__all.svelte-j00of7.svelte-j00of7{margin-top:4px}.top__search.svelte-j00of7.svelte-j00of7{max-width:709px}.top__search.svelte-j00of7 input.svelte-j00of7{padding:10px 40px 10px 20px}.top__search.svelte-j00of7.svelte-j00of7:after{content:"";width:28px;height:28px;display:block;mask:url(./ic_search_28.8b534759.svg) center center/100% 100% no-repeat;background-color:var(--color-black-800);position:absolute;right:10px;top:50%;transform:translateY(-50%)}.top__favorite.svelte-j00of7 a.svelte-j00of7{display:flex;align-items:center;gap:4px}.top__menu.svelte-j00of7.svelte-j00of7{display:flex;align-items:center;gap:20px}.top__city.svelte-j00of7.svelte-j00of7{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-j00of7.svelte-j00of7:hover{cursor:pointer;color:var(--color-primary-740)}.top__city.svelte-j00of7.svelte-j00of7:active{color:var(--color-primary-600)}}.top__popup.svelte-j00of7.svelte-j00of7{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-j00of7.svelte-j00of7{min-width:792px}.top__popup.svelte-j00of7 p.svelte-j00of7{color:var(--color-black-800);font-weight:700;font-size:16px;line-height:20px;margin:0}.top__close.svelte-j00of7.svelte-j00of7{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-j00of7.svelte-j00of7{display:grid;gap:10px;grid-template-columns:1fr 1fr}.top__popup-buttons.svelte-j00of7 .button.svelte-j00of7{padding-right:10px;padding-left:10px}.top__used-cities.svelte-j00of7.svelte-j00of7{display:flex;column-gap:20px;row-gap:4px;flex-wrap:wrap;padding-top:13px}.top__used-cities.svelte-j00of7 button.svelte-j00of7{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}@media (hover: hover){.top__used-cities.svelte-j00of7 button.svelte-j00of7:hover{text-decoration:underline;cursor:pointer}}hr.svelte-j00of7.svelte-j00of7{margin:0}.top__cities.svelte-j00of7.svelte-j00of7{max-height:260px;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);row-gap:8px;column-gap:34px}.top__cities.svelte-j00of7.svelte-j00of7::-webkit-scrollbar{display:initial;width:6px;margin:5px;border:1px solid #f3f9ff;border-radius:5px}.top__cities.svelte-j00of7.svelte-j00of7::-webkit-scrollbar-thumb{display:initial;background-color:var(--color-primary-750);border-radius:5px;border:1px solid #f3f9ff}.top__cities.svelte-j00of7.svelte-j00of7::-webkit-scrollbar-track{display:initial;background-color:#f3f9ff}.top__cities.svelte-j00of7 button.svelte-j00of7{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-j00of7 button.hide.svelte-j00of7{display:none}@media (hover: hover){.top__cities.svelte-j00of7 button.svelte-j00of7:hover{text-decoration:underline;cursor:pointer}}.top__cities.svelte-j00of7 p.svelte-j00of7{grid-column:1/-1;margin:6px 0;color:var(--color-black-650)}.top__cities.svelte-j00of7 p.svelte-j00of7:first-child{margin-top:0}@media (max-width: 768px){.top.svelte-j00of7.svelte-j00of7{padding:4px 0;font-size:12px}.top.svelte-j00of7 .container.svelte-j00of7{grid-template-columns:auto auto;gap:20px}.top__favorite.svelte-j00of7.svelte-j00of7{position:absolute;top:40px;right:16px}.top__favorite.fixed.svelte-j00of7.svelte-j00of7{position:fixed;top:16px}.top__menu.svelte-j00of7.svelte-j00of7{gap:12px;margin-left:auto}.top__used-cities.svelte-j00of7.svelte-j00of7{padding-top:0}.top__city.svelte-j00of7.svelte-j00of7{font-size:12px;line-height:16px}.top__popup.svelte-j00of7.svelte-j00of7{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-j00of7.svelte-j00of7{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-j00of7.svelte-j00of7{top:8px;right:8px;width:20px;height:20px}.top__popup-buttons.svelte-j00of7.svelte-j00of7{gap:4px;grid-template-columns:86px 1fr}.top__cities.svelte-j00of7.svelte-j00of7{max-height:fit-content;grid-template-columns:repeat(2,1fr)}}