@font-face{font-family:cdr;src:local("cdr Regular"),local("cdr"),url(../font/icons/cdr.woff2) format(woff2),url(../font/icons/cdr.woff) format(woff);font-display:swap;font-weight:400;font-style:normal}trip-section .trip-duration>:before{content:"";display:inline-block;font-family:cdr;font-style:normal;font-variant:none;font-weight:400;line-height:1;text-align:center;text-decoration:none;text-transform:none}trip-section{--fg:var(--gray-5);--bg:var(--gray-light);--tag:var(--gray-1);--border:3px;--plus:var(--primary-dark);align-items:flex-start;flex-flow:row nowrap}trip-section,trip-section .trip{display:flex;justify-content:center}trip-section .trip{align-items:center;flex:0 0 auto;flex-flow:column nowrap;position:relative;text-align:center}trip-section .trip-end,trip-section .trip-start{opacity:0}trip-section .trip-day,trip-section .trip-year{color:var(--fg);font-size:1.125rem}@media (min-width:48em){trip-section .trip-day,trip-section .trip-year{font-size:.875rem}}trip-section .trip-hour,trip-section .trip-month{color:var(--fg);font-size:1.25rem;font-weight:500;line-height:1}trip-section .trip-start{animation:checkAnimView-left .5s ease-out .5s forwards}trip-section .trip-end{animation:checkAnimView-right .5s ease-out .75s forwards}trip-section .trip-left{align-items:flex-start}trip-section .trip-right{align-items:flex-end}@media (max-width:47.99em){trip-section .trip-right{margin-inline-end:.5em}}trip-section .trip [data-plus]:after{display:block;inset-block-start:0;inset-inline-end:-1.375rem;position:absolute}@media (min-width:48em){trip-section .trip [data-plus]:after{inset-inline-end:-1.25rem}}trip-section .trip-duration{animation:checkAnim 3s ease-out .5s forwards;backface-visibility:hidden;clip-path:circle(0 at 50% 50%);line-height:0;margin:0 1rem;overflow:hidden;padding:0;white-space:nowrap}trip-section .trip-duration:before{background:var(--bg);content:"";display:block;height:100%;inset-block-start:50%;inset-inline-start:50%;position:absolute;transform:translateY(-50%) rotate(15deg);transform:translate(-50%,-50%);width:1px}trip-section .trip-duration>*{background-color:var(--bg);font-size:var(--ty-xs);position:relative}trip-section .trip-duration>:before{animation:checkAnimView-right 1s ease-out .5s forwards;color:var(--plus);font-size:.625rem;line-height:2;margin-inline-end:2px;opacity:0;transform:translate(100%)}trip-section .trip-scales{align-items:center;flex:1;margin-inline:.5em;position:relative}@media (min-width:48em){trip-section .trip-scales{margin-inline:1.375rem}}trip-section .trip-scales:before{background:var(--tag);content:"";display:block;height:var(--border);inset-block-start:.5rem;position:absolute;transform:translateY(29%);width:100%}trip-section .trip-scales>*{display:block;transform:translateY(-12%)}trip-section .trip-scales em,trip-section .trip-scales strong,trip-section .trip-scales>*{color:var(--fg);font-size:1rem}trip-section .trip-scales strong{background-color:var(--bg);font-weight:600;padding:.5rem}trip-section .trip-scales em{background-color:var(--bg);display:block;font-style:normal;line-height:1;padding:0 .25rem}trip-section [data-plus]{position:relative}trip-section [data-plus]:after{aspect-ratio:1/1;background-color:var(--plus);border-radius:50%;color:var(--gray-light);content:attr(data-plus);font-size:.75rem;font-weight:400;height:1rem;line-height:1.25;padding:0 .1875rem 0 .125rem}trip-section.slim{--fg:var(--gray-5);--bg:var(--gray-light);--border:2px;--tag:var(--primary-dark);--plus:var(--gray-1);align-items:center;width:100%}trip-section.slim .trip-hour{font-size:var(--ty-s)}trip-section.slim .trip-scales{display:grid;grid-template-columns:.5fr min-content .5fr;grid-template-rows:min-content}trip-section.slim .trip-scales:before{grid-column:1/-1;grid-row:1/-1;inset-block-start:auto;position:relative;transform:none}trip-section.slim .trip-scales strong{display:none}trip-section.slim .trip-scales span{grid-column:2/span 1;grid-row:1/-1;transform:none;white-space:nowrap;z-index:1}trip-section.slim .trip-scales em{background-color:var(--tag);border-radius:10px;color:var(--bg);font-size:.75rem;padding:.25rem .5rem;text-transform:uppercase}trip-section.slim .trip-scales .stops{display:none}trip-section.slim .trip-scales .stops:has(.stop-city){display:flex;justify-content:space-evenly;position:relative;width:100%}trip-section.slim .trip-scales .stops:has(.stop-city) span{color:var(--gray-1);display:flex;flex-flow:column nowrap;font-size:.625rem;inset-block-start:0;padding:.75rem .65em 0;position:relative;text-align:center;text-transform:uppercase}trip-section.slim .trip-scales .stops:has(.stop-city) span:before{aspect-ratio:1;background-color:var(--tag);border:1px solid var(--tag);border-radius:50%;content:"";inset-block-start:0;inset-inline-start:25%;position:relative;width:10px}trip-section.slim .trip-scales:after{color:var(--tag);content:"";font-family:cdr;inset-inline-end:-.625rem;position:absolute}trip-section.slim:has(.stops .stop-city) .stop-city{display:flex}@media (min-width:48em){trip-section.slim:has(.stops .stop-city) .stop-city{display:none}}trip-section.slim:has(.stops .stop-city:nth-child(-n+2)) .trip-scales em{display:none}trip-section.slim:has(.stops .stop-city:nth-child(n+3)) .stops{display:none}trip-section.slim:has(.stops .stop-city:nth-child(n+3)) .trip-scales em{display:block}@keyframes checkAnim{0%{clip-path:circle(0 at 50% 50%)}to{clip-path:circle(50% at 50% 50%)}}@keyframes checkAnimView-right{0%{opacity:0;transform:translate(100%)}25%{opacity:0}50%{opacity:1}to{opacity:1;transform:translate(0)}}@keyframes checkAnimView-left{0%{opacity:0;transform:translate(-100%)}25%{opacity:0}50%{opacity:1}to{opacity:1;transform:translate(0)}}
