.info-popup-container{--question-mark-icon-container-size:38px;--question-mark-icon-container-bg-color:var(--color-white);--question-mark-icon-size:18px;align-items:center;display:grid;grid-template-rows:max-content 0fr;position:relative}.info-popup-container .popup-body{border-radius:10px;grid-column:1/-1;grid-row:2/3;padding:10px;--font-size:14px;background-color:#f1f2f7;bottom:0;box-shadow:0 1px 3px var(--color-tertiary);opacity:0;position:absolute;right:0;transform:translateY(calc(100% + 5px));transition:opacity var(--animation-time) ease,visibility var(--animation-time) ease;visibility:collapse;z-index:2}.info-popup-container .container-title,.info-popup-container .question-mark-icon-container{grid-row:1/2}.info-popup-container:has(.container-title){grid-template-columns:max-content max-content}.info-popup-container .question-mark-icon-container{align-items:center;background-color:var(--question-mark-icon-container-bg-color);border-radius:50%;cursor:pointer;display:flex;height:var(--question-mark-icon-container-size);justify-content:center;transition:background-color var(--animation-time) ease;-webkit-user-select:none;user-select:none;width:var(--question-mark-icon-container-size);-webkit-tap-highlight-color:transparent}.info-popup-container .question-mark-icon-container .icon{font-size:var(--question-mark-icon-size)}.info-popup-container .question-mark-icon-container:hover+.popup-body{display:block;opacity:1;visibility:visible}.route-transport-types-widget{display:grid;grid-template-rows:max-content 1fr;grid-row-gap:20px;padding-right:20px;padding-top:20px;//opacity:0}.route-transport-types-widget .widget-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.route-transport-types-widget .widget-title{font-weight:500;--font-size:20px;margin:0}.route-transport-types-widget .list-container{display:grid;max-height:0;overflow-y:auto;padding-right:2px;grid-row-gap:10px;padding-bottom:5px;--scrollbar-width:4px}.route-transport-types-widget .list-container::-webkit-scrollbar{width:var(--scrollbar-width)}.route-transport-types-widget .list-container::-webkit-scrollbar-thumb{background-color:var(--color-secondary2);border-radius:min(calc(var(--scrollbar-width)/2),2px)}.route-transport-types-widget .info-popup-container .popup-body{min-width:250px}.route-transport-types-widget .transport-card{align-items:center;display:grid;grid-template-columns:48px 1fr max-content max-content;grid-gap:4px 5px;background-color:var(--color-white);border:1px solid var(--color-tertiary);border-radius:16px;padding:15px 20px;position:relative}.route-transport-types-widget .transport-card .transport-icon{font-size:38px;grid-row:1/3}.route-transport-types-widget .transport-card .title{font-weight:500;grid-row:1/2}.route-transport-types-widget .transport-card .price,.route-transport-types-widget .transport-card .time{grid-row:2/3}.route-transport-types-widget .transport-card .price .icon,.route-transport-types-widget .transport-card .time .icon{display:none}.route-transport-types-widget .transport-card a,.route-transport-types-widget .transport-card span{align-self:flex-end;display:block;grid-row:1/3;margin-left:5px}.route-transport-types-widget .transport-card a .icon,.route-transport-types-widget .transport-card span .icon{font-size:14px}.route-transport-types-widget .scroll-to-about_route-wrap{height:0;position:relative}.route-transport-types-widget .scroll-to-about_route{align-items:center;background:#fff;border:1px solid var(--color-secondary);border-radius:20px;color:var(--color-secondary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;line-height:1.2;margin:-25px 0 0 25px;max-width:-moz-fit-content;max-width:fit-content;padding:6px 10px;position:relative;text-decoration:none}.route-transport-types-widget .scroll-to-about_route .icon{font-size:12px;margin-left:10px}.route-transport-types-widget .scroll-to-about_route.landing-page .icon{transform:rotate(-90deg)}.route-transport-types-widget .button-wrap{height:0;margin:-25px 0 0 25px;max-width:-moz-fit-content;max-width:fit-content}.route-transport-types-widget .button-wrap .scroll-to-about_route{margin:0}.route-transport-types-widget .transport-card:has(.scroll-to-about_route){margin-bottom:10px}@media (width >= 740px){.only-mobile{display:none}}@media (width >= 740px) and (width <= 1023px){.route-transport-types-widget{padding-top:10px}.route-transport-types-widget .widget-title{--font-size:18px}.route-transport-types-widget .transport-card .title{--font-size:16px}}@media (width >= 1024px){.route-transport-types-widget .transport-card .title{--font-size:20px}}@media (width <= 739px){.only-desktop{display:none}}