.city-compare-summary{display:flex;flex-direction:column;gap:20px;font-size:16px;line-height:18px;font-weight:500}@media (max-width: 1000px){.city-compare-summary{font-size:14px}}.city-compare-summary--less{color:var(--success)}.city-compare-summary--more{color:var(--error)}@media (max-width: 1000px){.internet-speed-history-compare .sub-section__title{text-align:center}}.internet-speed-history-compare__title-wrapper{display:flex;align-items:center;justify-content:space-between;gap:24px}@media (max-width: 1000px){.internet-speed-history-compare__title-wrapper{flex-direction:column;gap:8px}}.internet-speed-history-compare__title{font-size:20px;font-weight:600;margin:0;color:var(--dark-800)}@media (max-width: 1000px){.internet-speed-history-compare__title{text-align:center;font-size:18px}}@media (max-width: 1000px){.internet-speed-history-compare__tabs{margin:8px 0 0}}.internet-speed-history-compare__container{display:grid;grid-template-columns:1fr;gap:32px;margin-top:20px}@media (max-width: 1000px){.internet-speed-history-compare__container{gap:0}}@media (max-width: 640px){.internet-speed-history-compare__container{margin-top:16px}}.internet-speed-history-compare__section{display:none;flex-direction:column;gap:24px}.internet-speed-history-compare__section.active{display:flex}@media (max-width: 1000px){.internet-speed-history-compare__section{gap:16px}}.internet-speed-history-compare__city-switcher{display:none}@media (max-width: 1000px){.internet-speed-history-compare__city-switcher{display:flex;gap:0;border-radius:8px;justify-content:center}}.internet-speed-history-compare__city-button{display:flex;align-items:center;justify-content:center;padding:7px 16px;background:transparent;font-size:12px;font-weight:600;color:var(--dark-700);cursor:pointer;transition:background-color .2s ease,color .2s ease;border:1px solid var(--light-accent);white-space:nowrap}.internet-speed-history-compare__city-button--active{background:var(--dark-800);color:var(--white)}.internet-speed-history-compare__city-button:first-child{border-radius:6px 0 0 6px}.internet-speed-history-compare__city-button:last-child{border-radius:0 6px 6px 0}.internet-speed-history-compare__city-button:only-child{border-radius:6px}.internet-speed-history-compare__layout{display:grid;grid-template-columns:1fr auto;gap:32px}@media (max-width: 1000px){.internet-speed-history-compare__layout{display:flex;flex-direction:column;gap:16px}}.internet-speed-history-compare__chart-wrapper{display:flex;flex-direction:column;flex:1;max-height:400px;gap:37px}@media (max-width: 1000px){.internet-speed-history-compare__chart-wrapper{order:2}}@media (max-width: 640px){.internet-speed-history-compare__chart-wrapper{gap:30px;max-height:none}}.internet-speed-history-compare__cities{display:flex;gap:16px}@media (max-width: 1000px){.internet-speed-history-compare__cities{gap:0;order:1;width:100%}}.internet-speed-history-compare__city{display:flex;flex-direction:column;justify-content:space-between;background-color:var(--white);border:1px solid transparent;border-radius:8px;padding-top:16px;cursor:pointer;width:136px;transition:background-color .2s ease,border-color .2s ease}.internet-speed-history-compare__city:hover:not(.internet-speed-history-compare__city--active){border-color:var(--light-accent)}.internet-speed-history-compare__city--active{background-color:var(--blue-500-5);border:1px solid var(--blue-500-25)}@media (max-width: 1000px){.internet-speed-history-compare__city{display:none;background-color:transparent;border:none;padding:0;cursor:default}.internet-speed-history-compare__city--active{display:flex;background-color:transparent;border:none;width:100%}}.internet-speed-history-compare__city-header{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 16px;text-align:center}@media (max-width: 1000px){.internet-speed-history-compare__city-header{display:none}}.internet-speed-history-compare__city-icon{font-size:24px}.internet-speed-history-compare__city-title{font-size:20px;font-weight:600;margin:0;color:var(--dark-800)}.internet-speed-history-compare__hint{font-size:12px;line-height:125%;color:var(--dark-800-50);margin-top:8px}.internet-speed-history-compare__chart{position:relative;width:100%;flex:2;min-height:129px}@media (max-width: 640px){.internet-speed-history-compare__chart{flex:unset;height:152px}}.internet-speed-history-compare__chart canvas{width:100%!important;height:100%!important}.internet-speed-history-compare__chart--latency{flex:1;min-height:111px}@media (max-width: 640px){.internet-speed-history-compare__chart--latency{flex:unset;height:82px}}.compare-page[data-astro-cid-7zlt2qx5]{display:flex;flex-direction:column;align-items:stretch;gap:32px;width:100%}@media (max-width: 1000px){.compare-page[data-astro-cid-7zlt2qx5]{gap:24px}}.compare-page__title-wrapper[data-astro-cid-7zlt2qx5]{vertical-align:middle}.compare-page__title[data-astro-cid-7zlt2qx5]{font-size:32px;line-height:45px;font-weight:500;margin:0}@media (max-width: 1000px){.compare-page__title[data-astro-cid-7zlt2qx5]{font-size:22px;line-height:25px;flex-direction:row-reverse;justify-content:flex-end;gap:12px}}@media (max-width: 1000px){.compare-page__title-additional[data-astro-cid-7zlt2qx5]{display:none}}.compare-page__title--mobile[data-astro-cid-7zlt2qx5]{display:none}@media (max-width: 1000px){.compare-page__title--mobile[data-astro-cid-7zlt2qx5]{display:inline}}.compare-page__title--desktop[data-astro-cid-7zlt2qx5]{display:inline}@media (max-width: 1000px){.compare-page__title--desktop[data-astro-cid-7zlt2qx5]{display:none}}.compare-page__title[data-astro-cid-7zlt2qx5] b{font-weight:600;color:var(--main-info-color)}.compare-page__reverse-button[data-astro-cid-7zlt2qx5]{display:inline-block;vertical-align:middle;margin-left:16px;line-height:0;transition:color .2s ease;color:var(--light-grey)}.compare-page__reverse-button[data-astro-cid-7zlt2qx5]:hover{color:var(--main-info-color)}@media (max-width: 1000px){.compare-page__reverse-button[data-astro-cid-7zlt2qx5]{margin-left:4px}}@media (max-width: 1000px){.compare-page__reverse-button[data-astro-cid-7zlt2qx5] svg[data-astro-cid-7zlt2qx5]{width:24px;height:24px}}
