.smop-planner-form__container{display:flex;flex-direction:column;gap:var(--gap)}.smop--planner--search__top{padding:0 var(--gap-lg)}.smop--planner--search__history{flex-grow:1}.smop--planner--search__bottom{display:flex;justify-content:space-between;flex-direction:column;padding:0 var(--gap-lg);overflow-y:auto;margin-top:var(--gap-lg)}.smop--planner--search__agency{display:flex;flex-direction:column;align-items:center;justify-content:end;font-size:.8rem;font-weight:500}.smop--planner--search__agency__list{display:flex;align-items:center;justify-content:center;gap:16px;filter:grayscale(1);margin-bottom:.5em;padding:.5em}.smop-planner-form__placeholder-directions,.smop-planner-form__placeholder-time,.smop-planner-form__placeholder-options{display:flex;align-items:center;padding:var(--gap-lg) var(--gap);background:var(--color-white);border-radius:var(--gap-lg)}.smop-planner-form__placeholder-directions-error{border:1px solid var(--color-error)}.smop-planner-form__placeholder-time,.smop-planner-form__placeholder-options{justify-content:start;gap:var(--gap);flex:50%}.smop-planner-form__placeholder-directions{justify-content:space-between;margin-bottom:var(--gap)}.smop-planner-form__placeholder-directions{scroll-margin-top:80px;outline-offset:var(--gap-xs)}.smop-planner-form__placeholder-directions:focus{outline:2px solid var(--color-accent)}.smop-planner-form__placeholder-direction{display:flex;flex-direction:column;flex-grow:1;gap:var(--gap-lg);max-width:85%}.smop-planner-form__placeholder-container{display:flex;gap:var(--gap)}.smop-planner-form__placeholder-direction-item__container{display:flex;justify-content:space-between;align-items:center}.smop-planner-form__placeholder-direction-item__input{border:none;font-size:var(--gap-lg);width:90%;line-height:var(--gap-xl);outline:none;background:none;text-overflow:ellipsis}.smop-planner-form__placeholder-direction-item{display:flex;align-items:center;flex:1;gap:var(--gap);color:var(--color-text);line-height:var(--gap-xl);max-width:100%;background-color:transparent;margin:0;padding:0}.smop-planner-form__placeholder-direction-item__roundel{position:relative;display:flex;justify-content:center;align-items:center;width:14px;height:14px;border-radius:50%;margin-inline:var(--gap-sm);background-color:var(--color-primary)}.smop-planner-form__placeholder-direction-item__from>.smop-planner-form__placeholder-direction-item__roundel:after{content:"";display:flex;width:var(--gap-sm);height:36px;background-color:var(--color-primary);position:absolute;top:12px}.smop-planner-form__placeholder-direction-name__container{display:flex;align-items:center;justify-content:space-between;max-width:85%}.smop-planner-form__placeholder-direction-item__name{text-overflow:ellipsis;white-space:nowrap;overflow-x:hidden;max-width:80%}.smop-planner-form__placeholder-time.empty,.smop-planner-form__placeholder-options.empty,.smop-planner-form__placeholder-direction-item.empty{color:var(--color-text-grey)}.smop-planner-form__placeholder-time,.smop-planner-form__placeholder-options{width:50%;color:var(--color-text)}.smop-planner-form__placeholder-time__container{display:flex;align-items:center;gap:var(--gap);flex-wrap:wrap}.smop-planner-form__swap-btn{display:flex;place-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:50%;background-color:var(--color-background)}.smop-planner-form__swap-btn svg path{fill:var(--color-primary)}.smop-planner-form__swap-btn:not(.disabled):hover{background-color:color-mix(in srgb,var(--color-background) 85%,#000)}.smop-planner-form__swap-btn:not(.disabled):focus-visible{outline:var(--outline);outline-offset:var(--gap-sm)}.smop-planner-form__swap-btn:not(.disabled):active{background-color:color-mix(in srgb,var(--color-primary) 12%,var(--color-background));transform:scale(.9)}.smop-planner-form__swap-btn.disabled{cursor:not-allowed;pointer-events:none}.smop-planner-form__swap-btn.disabled svg path{fill:var(--color-text-light-grey)}.search-input-overlay{position:absolute;inset:0;z-index:9999}.smop-search-input{display:flex;flex-direction:column;position:relative;overflow-y:visible;height:100%;background:var(--color-white)}.smop-search-input__header{padding:0 var(--gap-lg);width:100%;z-index:10}.smop-search-input__content-container{overflow:auto;margin-top:var(--gap)}.smop-planner-form__clear-btn{display:flex;align-items:center;justify-content:center;padding:0;background:none;color:var(--color-primary);margin:0;border:none;outline:none;cursor:pointer}.smop-planner-form__clear-btn svg{width:16px;height:16px}.smop-planner-form__clear-btn:active{background-color:var(--color-background)}.smop-search-input__form-container{display:flex;align-items:center;gap:8px;padding-top:16px}.smop-search-input__form{overflow:hidden;display:flex;align-items:center;gap:var(--gap);width:100%;padding:var(--gap) var(--gap-lg);background-color:var(--color-background);border-radius:var(--gap-xl);margin-bottom:var(--gap-sm)}.smop-search-input__form svg{color:var(--color-primary)}.smop-search-input__actions{display:flex;align-items:center;gap:var(--gap);height:100%}.smop-search-input__input{width:100%;padding:0;border:none;background:transparent;font-size:1rem;line-height:24px;text-overflow:clip;outline:none}.smop-search-input__actions button{background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;color:var(--color-primary);margin:0;width:24px;height:24px}.smop-search-input__input-label{width:100%;position:relative;display:flex;align-content:center}.smop-search-input__input-label>.smop-planner-form__placeholder-direction-item__roundel{position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.smop-search-input__input-label.smop-search-input__input-label-direction--from:before,.smop-search-input__input-label.smop-search-input__input-label-direction--to:before{content:"";position:absolute;width:4px;height:14px;left:1px;background-color:var(--color-primary)}.smop-search-input__input-label.smop-search-input__input-label-direction--from:before{top:5px;transform:translateY(100%)}.smop-search-input__input-label.smop-search-input__input-label-direction--to:before{top:-2px;transform:translateY(-50%)}.smop-search-input__input-label:has(.smop-search-input__input:placeholder-shown)~.smop-planner-form__clear-btn{display:none}.smop-search-input__input-label:has(.smop-search-input__input:placeholder-shown)~.smop-search-input__actions{display:flex}.smop-search-input__input-label:has(.smop-search-input__input:not(:placeholder-shown))~.smop-planner-form__clear-btn{display:flex}.smop-search-input__input-label:has(.smop-search-input__input:not(:placeholder-shown))~.smop-search-input__actions{display:none}.smop-search-input__cancel-button{background-color:transparent;border:none;color:var(--color-text);cursor:pointer;font-size:inherit;padding:0;margin-left:10px}.smop-search-input__cancel-button:hover{color:var(--color-primary)}.smop-search-input__search-filter{display:flex;flex-wrap:wrap;justify-content:start;align-items:center;gap:var(--gap);margin-top:var(--gap-sm)}.smop-search-input__search-filter__button{background-color:var(--color-background);padding:6px 12px;border-radius:var(--gap-xl);color:var(--color-text);font-weight:500;margin:0}.smop-search-input__search-filter__button:hover{background-color:color-mix(in srgb,var(--color-background) 85%,#000);color:var(--color-text)}.smop-search-input__search-filter__button.active{background-color:var(--color-primary);color:#fff}.smop-search-input__history-title{font-weight:500;font-size:1rem;margin:var(--gap) var(--gap-lg)}.smop-search-input__loading{padding:var(--gap-lg);text-align:center;color:var(--color-text-grey)}.smop-search-input__search-item{display:flex;align-items:center;gap:var(--gap-xs);justify-content:space-between;cursor:pointer}.smop-search-input__no-results,.smop-search-input__correction-item{width:100%;display:flex;gap:var(--gap-sm);padding:var(--gap) var(--gap-lg);background-color:transparent;color:unset;font-style:italic;margin:0;border-radius:0}.smop-search-input__no-results{flex-direction:column}.smop-search-input__correction-text{color:var(--color-primary);text-decoration:underline}.smop-search-input__correction-item:hover{font-weight:700}.smop-search-input__completion-list{flex:1;overflow-y:auto;margin:var(--gap-sm) 0;scroll-snap-type:y mandatory}.smop-search-input__completion-item{cursor:pointer;scroll-snap-align:end}.smop-search-input__correction-item.active,.smop-search-input__search-item.active button,.smop-search-input__completion-item.active button,.smop-search-input__completion-item:hover,.smop-search-input__search-item:hover{background-color:var(--color-background)}.smop-search-modal__correction-item.active{font-weight:700}.smop-search-input__search-button,.smop-search-input__completion-button{display:flex;justify-content:space-between;align-items:center;gap:.5rem;background-color:transparent;border-radius:0;color:var(--color-text);padding:var(--gap) var(--gap-lg);margin:0;overflow-y:hidden;width:100%}.smop-search-input__search-button-content{display:flex;align-items:start;gap:var(--gap);width:100%;overflow-y:hidden}.smop-search-input__search-label,.smop-search-input__completion-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%;text-align:left}.smop-search-input__search-title,.smop-search-input__completion-title{color:var(--color-text)}.smop-search-input__completion-subtitle,.smop-search-input__search-subtitle{color:var(--color-text-light-grey);white-space:nowrap;padding-left:8px;flex-shrink:0}.smop-search-input__search-button small{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--gap-xs);color:var(--color-text-grey);text-overflow:clip}.smop-timeInputModal__quickSelect-list,.smop-timeInputModal__date-time,.smop-optionsInputModal__agencies__list{display:flex;flex-direction:row;gap:var(--gap)}.smop-timeInputModal__quickSelect-item,.smop-optionsInputModal__accessibility__transfer,.smop-optionsInputModal__accessibility__wheelchair,.smop-optionsInputModal__modes-container{border-radius:var(--gap-lg);background-color:var(--color-background);flex:1}.smop-timeInputModal__field,.smop-optionsInputModal__agencies__item{width:100%;background-color:var(--color-background);border-radius:var(--gap-lg);color:var(--color-primary);text-align:center;margin:0}.smop-timeInputModal__field{padding:var(--gap)}.smop-timeInputModal__custom-section{display:flex;flex-direction:column;gap:var(--gap)}.smop-timeInputModal__arriveBy__list{display:flex;justify-content:space-between;align-items:center;background-color:var(--color-background);border-radius:var(--gap-lg)}.smop-timeInputModal__arriveBy-item{cursor:pointer;width:50%;text-align:center;padding:var(--gap-lg)}.smop-timeInputModal__arriveBy-item:focus-within{outline:var(--outline);border-radius:var(--gap-lg)}.smop-timeInputModal__arriveBy-item-checked{background-color:var(--color-text-grey);color:#fff}.smop-timeInputModal__arriveBy-item-checked.smop-timeInputModal__arriveBy-item-departure{border-radius:var(--gap-lg) 0 0 var(--gap-lg)}.smop-timeInputModal__arriveBy-item-checked.smop-timeInputModal__arriveBy-item-arrival{border-radius:0 var(--gap-lg) var(--gap-lg) 0}.smop-timeInputModal__arriveBy-input{appearance:none;position:absolute;opacity:0;width:100%;height:100%;margin:0;padding:0;overflow:hidden;top:0;left:0;cursor:pointer;z-index:1}.smop-optionsInputModal__agencies__item--checked{outline:var(--outline);border-radius:var(--gap-lg)}.smop-optionsInputModal__agencies__label{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;position:relative;cursor:pointer;padding:var(--gap) 0}.smop-optionsInputModal__agencies__label:focus-within{background-color:var(--color-secondary);border-radius:var(--gap-lg)}.smop-optionsInputModal__accessibility__label,.smop-optionsInputModal__routingProfile__label,.smop-optionsInputModal__modes__label{display:flex;align-items:center;justify-content:end;gap:var(--gap);position:relative;cursor:pointer}.smop-optionsInputModal__routingProfile__label{align-items:center;justify-content:space-between;padding:var(--gap-xs) 0;margin-inline:2px}.smop-optionsInputModal__accessibility__label:focus-within,.smop-optionsInputModal__modes__label:focus-within{outline:var(--outline);border-radius:var(--gap-lg);outline-offset:var(--gap-xs)}.smop-optionsInputModal__routingProfile__label__input{display:flex;align-items:center;gap:var(--gap-sm)}.smop-optionsInputModal__modes__label__icons{display:flex;align-items:center;gap:var(--gap-xs);color:var(--color-text-grey)}.smop-optionsInputModal__modes__label__icon--active{color:var(--color-text);opacity:1}.smop-optionsInputModal__routingProfile__input:focus-visible{border:var(--color-secondary) solid 2px;background:var(--color-secondary)}.smop-optionsInputModal__accessibility__label__title,.smop-optionsInputModal__modes__label__title{display:flex;align-items:center;gap:var(--gap)}.smop-optionsInputModal__agencies__label svg,.smop-optionsInputModal__accessibility__label__title svg,.smop-optionsInputModal__modes__label__title svg{width:var(--gap-xl);height:var(--gap-xl);color:var(--color-primary)}.smop-optionsInputModal__modes__label__title svg path{fill:var(--color-primary)}.smop-optionsInputModal__modes__item,.smop-optionsInputModal__accessibility__transfer,.smop-optionsInputModal__accessibility__wheelchair{display:flex;align-items:center;justify-content:space-between;gap:var(--gap)}.smop-optionsInputModal__accessibility__transfer,.smop-optionsInputModal__accessibility__wheelchair,.smop-optionsInputModal__modes-container{padding:var(--gap-lg);margin-bottom:var(--gap)}.smop-optionsInputModal__modes-container{display:flex;flex-direction:column}.smop-optionsInputModal__modes__list{display:flex;flex-direction:column;gap:var(--gap-lg);border-top:1px solid lightgray;margin-top:8px;padding-top:16px}.smop-optionsInputModal__accessibility__transfer__select{outline:none}.smop-optionsInputModal__agencies__input,.smop-optionsInputModal__accessibility__input,.smop-optionsInputModal__modes__input{position:absolute;opacity:0;width:100%;height:100%;margin:0;padding:0;overflow:hidden;top:0;left:0}.smop--toggle-slider{display:flex;align-items:center;width:44px;height:24px;border-radius:var(--gap-lg);background:#ccc}.smop--toggle-slider:before{content:"";flex:0 0 20px;height:20px;margin-left:2px;border-radius:50%;background:#fff;transition:margin-left .2s}label input:checked+.smop--toggle-slider{background-color:#0566c8}label input:checked+.smop--toggle-slider:before{margin-left:calc(100% - 22px)}:root{view-transition-name:root;--viewTransitionAnimationDuration: .64s;--viewTransitionAnimationEasing: cubic-bezier(.19, 1, .22, 1)}::view-transition-group(root){animation-duration:var(--viewTransitionAnimationDuration);animation-timing-function:var(viewTransitionAnimationEasing)}::view-transition-new(root){animation:none;opacity:0}::view-transition-group(root){animation:none}.smop-search-input{view-transition-name:smop-search-input}html body .smop-search-input__input{padding-left:24px}@keyframes slideUpViewTransitionSearchInput{0%{transform:translateY(var(--topSlideUpAnimStart));clip-path:inset(calc(var(--view-transition-clipped-reveal-from-top) - var(--topSlideUpAnimStart)) 76px calc(var(--view-transition-clipped-reveal-from-bottom) + var(--topSlideUpAnimStart)) 16px round 12px)}to{transform:translateY(0);clip-path:inset(0 0 0 0 round 0px)}}::view-transition-new(smop-search-input){animation:slideUpViewTransitionSearchInput var(--viewTransitionAnimationDuration) var(--viewTransitionAnimationEasing)}