.tickets-list{display:grid;grid-row-gap:10px}.tickets-list .block-title{font-weight:500;margin-block:0}.tickets-list .date-label{font-weight:500}.tickets-list .ticket-item{background-color:var(--color-white);overflow:clip}.tickets-list .show-all-tickets-by-date-btn{background-color:transparent;border:none;color:var(--color-secondary);justify-self:flex-end;width:-moz-fit-content;width:fit-content;--font-size:14px;line-height:1}.tickets-list .show-all-tickets-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--color-secondary);border-radius:8px;color:var(--color-secondary);height:36px;text-transform:uppercase;--font-size:12px;align-items:center;display:flex;font-weight:500;gap:12px;justify-content:center;transition:background-color .3s ease}.tickets-list .show-all-tickets-btn .icon{font-size:10px}.ticket-search-select-date-btn{align-items:center;background-color:var(--color-white);border:2px solid var(--color-secondary);border-radius:8px;color:var(--color-text);display:flex;gap:12px;height:40px;justify-content:center;margin-bottom:10px;width:100%}.ticket-search-select-date-btn span{font-weight:500}.ticket-search-select-date-btn .icon{transform:translateY(-1px)}.date-picker{--picker-container-max-height:435px;--picker-container-row-gap:10px;--selected-date-and-reset-btn-container-height:36px;--day-cell-size:40px;--calendar-container-padding:10px;display:grid;grid-row-gap:var(--picker-container-row-gap);align-items:flex-start;background-color:var(--color-white);border-radius:10px;grid-auto-rows:min-content;max-height:var(--picker-container-max-height);overflow:hidden;position:absolute;width:-moz-fit-content;width:fit-content;z-index:2}.date-picker .arrow-close{display:none;margin-right:10px}.date-picker:not(.visible){display:none}.date-picker.date-changed .selected-date-and-reset-btn-container button{opacity:1;visibility:visible}.date-picker .month-quick-select-list{grid-column:1/2;grid-row:1/3}.date-picker .selected-date-and-reset-btn-container{align-items:center;color:var(--color-secondary);display:flex;gap:10px;height:var(--selected-date-and-reset-btn-container-height);justify-content:space-between;--font-size:13px;background-color:var(--color-white);border-bottom:1px solid var(--color-tertiary);padding:7px var(--calendar-container-padding)}.date-picker .selected-date-and-reset-btn-container button{background-color:transparent;border:none;color:var(--color-secondary);cursor:pointer;opacity:0;outline:none;padding:0;visibility:hidden}.date-picker .selected-date-and-reset-btn-container>div{display:flex}.date-picker .month-quick-select-list{background-color:#f5f5f5;height:100%;width:130px}.date-picker .month-quick-select-list button{align-items:center;background-color:#f5f5f5;border:none;cursor:pointer;display:flex;font-weight:500;outline:none;padding:6px 16px;transition:background-color var(--animation-time) linear;-webkit-user-select:none;user-select:none;width:100%}.date-picker .month-quick-select-list button.active{background-color:#0664bc1a}.date-picker .month-quick-select-list button:hover:not(.active){background-color:#ededed}.date-picker .calendar-container{background-color:var(--color-white);padding:var(--calendar-container-padding);padding-top:0;--scrollbar-width:4px;--scrollbar-height:4px;max-height:calc(var(--picker-container-max-height) - var(--selected-date-and-reset-btn-container-height) - var(--picker-container-row-gap));overflow-y:auto}.date-picker .calendar-container::-webkit-scrollbar{width:var(--scrollbar-width)}.date-picker .calendar-container::-webkit-scrollbar-thumb{border-radius:min(calc(var(--scrollbar-width)/2),2px)}.date-picker .calendar-container::-webkit-scrollbar{height:var(--scrollbar-height)}.date-picker .calendar-container::-webkit-scrollbar-thumb{background-color:var(--color-secondary2);border-radius:min(calc(var(--scrollbar-height)/2),2px)}:is(.date-picker .calendar-container)>*+*{margin-top:20px}.date-picker .month{display:grid;grid-template-columns:repeat(7,var(--day-cell-size))}.date-picker .month-heading{grid-column:1/-1;margin-bottom:16px;--font-size:18px;font-weight:500}.date-picker .day-name{font-weight:500}.date-picker .day,.date-picker .day-name{align-items:center;display:flex;height:var(--day-cell-size);justify-content:center;width:var(--day-cell-size)}.date-picker .day{--range-bg-color:hsla(35,94%,54%,15%);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:10px;position:relative}.date-picker .day.is-next-month,.date-picker .day.is-prev-month{color:var(--color-tertiary)}.date-picker .day.selected{background-color:var(--color-primary);color:var(--color-white);font-weight:500}.date-picker .day:not(.selected-range-start){cursor:pointer}.date-picker .day.in-selected-range{background-color:var(--range-bg-color);border-radius:0}.date-picker .day.selected-range-end:after,.date-picker .day.selected-range-start:after{background-color:var(--range-bg-color);content:"";height:100%;inset-block:0;position:absolute;width:15%}.date-picker .day.selected-range-start{cursor:default}.date-picker .day.selected-range-start:after{right:0}.date-picker .day.selected-range-end:after{left:0}.date-picker .day.no-select{background-color:transparent!important;color:var(--color-tertiary);cursor:default}.date-picker-overlay{background:#0006;height:100svh;top:0;right:0;bottom:0;left:0;opacity:0;position:fixed;transition:opacity var(--animation-time) linear;width:100svw;z-index:2}.route-by-transport-type-page.transport-type-suburban #map-section{--descktop-sidebar-max-width:555px}.route-by-transport-type-page.transport-type-suburban .ticket-item{--border-radius-value:12px;border:1px solid var(--color-tertiary);border-radius:0 var(--border-radius-value) var(--border-radius-value) var(--border-radius-value);display:grid;grid-template-columns:1fr max-content;grid-template-rows:max-content max-content;grid-row-gap:10px}.route-by-transport-type-page.transport-type-suburban .ticket-item .ticket-body,.route-by-transport-type-page.transport-type-suburban .ticket-item .ticket-header{grid-column:1/2}.route-by-transport-type-page.transport-type-suburban .ticket-item .ticket-header{display:flex;flex-wrap:wrap;gap:5px;justify-content:space-between;padding-right:10px}.route-by-transport-type-page.transport-type-suburban .ticket-item .ticket-header .trains{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.route-by-transport-type-page.transport-type-suburban .ticket-item .ticket-header .trains .plus-symbol{color:var(--color-secondary);content:"+";font-weight:500;--font-size:20px}.route-by-transport-type-page.transport-type-suburban .ticket-item .ticket-header .train-item{align-items:baseline;background-color:var(--color-secondary);border-bottom-left-radius:20px;border-top-right-radius:20px;color:var(--color-white);display:flex;gap:5px;padding:6px 10px}.route-by-transport-type-page.transport-type-suburban .ticket-item .ticket-header .train-item .number{--font-size:12px;font-weight:500}.route-by-transport-type-page.transport-type-suburban .ticket-item .ticket-header .train-item .title{--font-size:10px;font-weight:500}.route-by-transport-type-page.transport-type-suburban .ticket-item .ticket-header .amenities{align-items:center;display:flex;padding-right:10px}.route-by-transport-type-page.transport-type-suburban .ticket-item .ticket-header .stations-list{color:var(--color-secondary);flex:1;font-weight:500;min-width:100%;--font-size:12px;align-items:center;display:flex;gap:3px;padding-inline:10px}.route-by-transport-type-page.transport-type-suburban .ticket-item .ticket-body{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between;padding-inline:10px;padding-bottom:10px}.route-by-transport-type-page.transport-type-suburban .ticket-item .arrival .date,.route-by-transport-type-page.transport-type-suburban .ticket-item .departure .date{--font-size:12px;color:var(--color-secondary3);font-weight:500}.route-by-transport-type-page.transport-type-suburban .ticket-item .arrival .station,.route-by-transport-type-page.transport-type-suburban .ticket-item .arrival .time,.route-by-transport-type-page.transport-type-suburban .ticket-item .departure .station,.route-by-transport-type-page.transport-type-suburban .ticket-item .departure .time{font-weight:500}.route-by-transport-type-page.transport-type-suburban .ticket-item .arrival .station,.route-by-transport-type-page.transport-type-suburban .ticket-item .departure .station{--font-size:10px;font-weight:400}.route-by-transport-type-page.transport-type-suburban .ticket-item .trip-time-and-route-link{display:grid;justify-content:center;text-align:center;grid-row-gap:4px;height:-moz-fit-content;height:fit-content;position:relative}.route-by-transport-type-page.transport-type-suburban .ticket-item .trip-time-and-route-link span{color:var(--color-secondary);cursor:pointer;font-size:14px}.route-by-transport-type-page.transport-type-suburban .ticket-item .trip-time-and-route-link span svg{margin-right:4px}.route-by-transport-type-page.transport-type-suburban .ticket-item .trip-time{font-weight:500;--font-size:14px;line-height:1}.route-by-transport-type-page.transport-type-suburban .ticket-item .route-view-link{align-items:center;color:var(--color-secondary);display:flex;text-decoration:none;--font-size:12px;gap:4px;line-height:1}.route-by-transport-type-page.transport-type-suburban .ticket-item .seat-option{display:none}.route-by-transport-type-page.transport-type-suburban .ticket-item .view-link{align-items:center;background-color:var(--color-secondary);display:flex;grid-column:2/3;grid-row:1/3;justify-content:center;padding:5px;text-decoration:none}@media (width >= 740px){.only-mobile{display:none}.ticket-search-select-date-btn{height:44px;margin-bottom:20px;text-transform:uppercase}.date-picker{box-shadow:0 1px 3px #0003;grid-template-columns:auto auto}.date-picker .calendar-container,.date-picker .selected-date-and-reset-btn-container{grid-column:2/3}.route-by-transport-type-page.transport-type-suburban .ticket-item .arrival .station,.route-by-transport-type-page.transport-type-suburban .ticket-item .departure .station,.route-by-transport-type-page.transport-type-suburban .ticket-item .route-view-link,.route-by-transport-type-page.transport-type-suburban .ticket-item .ticket-header .train-item .title{--font-size:12px}}@media (width >= 740px) and (width <= 1023px){.route-by-transport-type-page.transport-type-suburban .ticket-item .ticket-header .train-item .number{--font-size:16px}}@media (width >= 1024px){.tickets-list .show-all-tickets-btn{height:48px;--font-size:14px}.route-by-transport-type-page.transport-type-suburban .ticket-item{--border-radius-value:24px}.route-by-transport-type-page.transport-type-suburban .ticket-item .ticket-header .train-item .number{--font-size:20px}.route-by-transport-type-page.transport-type-suburban .ticket-item .ticket-body{column-gap:14px;display:grid;grid-template-columns:auto auto auto auto}}@media (width <= 1023px){.route-by-transport-type-page.transport-type-suburban .ticket-item .arrival .time,.route-by-transport-type-page.transport-type-suburban .ticket-item .departure .time{--font-size:16px}}@media (width <= 739px){.only-desktop{display:none}.ticket-search-select-date-btn,.tickets-list .date-label{--font-size:14px}.date-picker{border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 -1px 3px #0000001a;inset-inline:0;bottom:0;grid-template-columns:1fr;justify-content:center;position:fixed;transform:translateY(100%);width:100svw;--picker-container-max-height:75svh;--day-cell-size:calc(100svw/7 - var(--calendar-container-padding)*2/7);transition:transform var(--animation-time) linear}.date-picker>*{position:relative;z-index:2}.date-picker .month-quick-select-list{display:none}.date-picker .arrow-close{display:inline-block}.date-picker .calendar-container{margin-inline:auto;width:-moz-fit-content;width:fit-content}.date-picker.mobile-in{transform:translateY(0);z-index:3}.date-picker.mobile-in+.date-picker-overlay{opacity:1}html.open-datepicker .ticket-search-select-date-btn{left:10px;position:fixed;right:10px;top:13svh;width:auto;z-index:3}}@media (any-hover:hover){.tickets-list .show-all-tickets-by-date-btn:hover{cursor:pointer;text-decoration:underline}.tickets-list .show-all-tickets-btn:hover{background-color:#f1f7fc;cursor:pointer}.ticket-search-select-date-btn{cursor:pointer}.date-picker .day:not(.selected,.in-selected-range):hover{background-color:var(--range-bg-color)}}