.ux-luggage-trip{--ux-lt-card: 93.2%;--ux-lt-card-gap: 10px;--ux-lt-radius: 8px;--ux-lt-row-gap: 24px;--ux-lt-progress-gap: 26px;--ux-lt-bar: 38px;--ux-lt-bar-gap: 8px;--ux-lt-bar-height: 3px;--ux-lt-bar-active: calc(100% - (var(--ux-lt-count, 3) - 1) * (var(--ux-lt-bar) + var(--ux-lt-bar-gap)));--ux-lt-motion: .4s;--ux-lt-ease: cubic-bezier(.4, 0, .2, 1);overflow:hidden;overflow:clip;background-color:#f5f5f4;color:var(--ux-color-ink)}.ux-luggage-trip__inner{display:flex;flex-direction:column;gap:var(--ux-lt-row-gap)}.ux-luggage-trip__intro{display:flex;min-width:0;flex-direction:column;gap:8px}.ux-luggage-trip__heading{--ux-heading-size: 40px;--ux-heading-leading: .9;--ux-heading-tracking: -.4px;text-transform:uppercase}.ux-luggage-trip__text{margin:0;font-family:var(--ux-font-body);font-size:18px;line-height:24px;letter-spacing:-.2px;color:#454545}.ux-luggage-trip__text p{margin:0}.ux-luggage-trip__text p+p{margin-top:12px}.ux-luggage-trip__carousel{display:flex;min-width:0;flex-direction:column;gap:var(--ux-lt-progress-gap)}.ux-luggage-trip__slides{display:flex;clip-path:inset(-1px -100vw -1px 0)}.ux-luggage-trip__slides.flickity-enabled{display:block}.ux-luggage-trip__slides .flickity-viewport{overflow:visible}.ux-luggage-trip__slide{position:relative;flex:0 0 auto;width:var(--ux-lt-card);margin:0 var(--ux-lt-card-gap) 0 0;overflow:hidden;border-radius:var(--ux-lt-radius);aspect-ratio:699 / 419;background-color:#d9d9d9}.ux-luggage-trip__image,.ux-luggage-trip__placeholder{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.ux-luggage-trip__slide--shade:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000 76%,#0006 95%);pointer-events:none}.ux-luggage-trip__caption{position:absolute;z-index:1;bottom:20px;left:50%;box-sizing:border-box;width:max-content;max-width:min(250px,100% - 32px);padding:8px;border-radius:6px;background-color:#ffffffb3;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);transform:translate(-50%);font-family:var(--ux-font-body);font-size:14px;font-weight:500;line-height:1.3;letter-spacing:-.1px;text-align:center;color:#121212}.ux-luggage-trip__progress{display:flex;align-items:center;gap:var(--ux-lt-bar-gap);margin-block:-10px}.ux-luggage-trip__bar{display:block;flex:0 0 var(--ux-lt-bar);margin:0;padding:10px 0;border:0;background:none;cursor:pointer;transition:flex-basis var(--ux-lt-motion) var(--ux-lt-ease)}.ux-luggage-trip__bar[aria-current=true]{flex-basis:var(--ux-lt-bar-active)}.ux-luggage-trip__track{position:relative;display:block;height:var(--ux-lt-bar-height);overflow:hidden;border-radius:100px;background-color:#d9d9d9}.ux-luggage-trip__fill{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#121212;transform:scaleX(0);transform-origin:left center}.ux-luggage-trip__bar[aria-current=true] .ux-luggage-trip__fill{transform:scaleX(1)}.ux-luggage-trip__carousel[data-playing] .ux-luggage-trip__bar[aria-current=true] .ux-luggage-trip__fill{animation:ux-luggage-trip-fill var(--ux-lt-duration, 6s) linear both}.ux-luggage-trip__carousel[data-paused] .ux-luggage-trip__fill{animation-play-state:paused!important}@keyframes ux-luggage-trip-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media only screen and (min-width:750px){.ux-luggage-trip{--ux-lt-card: 60%;--ux-lt-card-gap: 20px;--ux-lt-radius: 16px}}@media only screen and (min-width:990px){.ux-luggage-trip{--ux-lt-card: 40.64%;--ux-lt-row-gap: 74px;--ux-lt-progress-gap: 74px;--ux-lt-bar: 80px;--ux-lt-bar-gap: 16px;--ux-lt-bar-height: 5px;--ux-lt-bar-active: 554px}.ux-luggage-trip__intro{flex-direction:row;align-items:center;justify-content:space-between;gap:40px}.ux-luggage-trip__heading{--ux-heading-size: 56px;--ux-heading-tracking: -1px}.ux-luggage-trip__text{flex:0 1 417px}.ux-luggage-trip__progress{justify-content:center}.ux-luggage-trip__bar{flex-shrink:1}.ux-luggage-trip__caption{max-width:min(400px,100% - 32px);padding:16px;border-radius:8px;-webkit-backdrop-filter:blur(27px);backdrop-filter:blur(27px);font-size:20px;line-height:23px;letter-spacing:-.2px}}@media(prefers-reduced-motion:reduce){.ux-luggage-trip{--ux-lt-motion: 0ms}}
/*# sourceMappingURL=/cdn/shop/t/393/assets/ux-luggage-trip.css.map */