:root{--vq4-color-contrast-high-hsl: 230, 7%, 23%;--vq4-color-contrast-higher-hsl: 230, 13%, 9%;--vq4-color-contrast-lower-hsl: 240, 4%, 85%;--vq4-space-2xs: .375rem;--vq4-space-sm: .75rem;--vq4-space-md: 1.25rem;--vq4-space-lg: 2rem;--vq4-space-xl: 3.25rem;--vq4-text-sm: .833rem}@media(min-width:64rem){:root{--vq4-space-2xs: .5625rem;--vq4-space-sm: 1.125rem;--vq4-space-md: 2rem;--vq4-space-lg: 3.125rem;--vq4-space-xl: 5.125rem;--vq4-text-sm: 1rem}}:root{--v-timeline-marker-size: 24px;--v-timeline-track-width: 2px;--v-timeline-triangle-size: 12px;--v-timeline-sections-gap: var(--vq4-space-lg);--v-timeline-items-gap: var(--vq4-space-sm)}.ds-timeline-vertical{position:relative;padding:var(--vq4-space-lg) 0}.ds-timeline-vertical:before{content:"";position:absolute;top:0;left:calc((var(--v-timeline-marker-size) - var(--v-timeline-track-width)) * .5);height:100%;width:var(--v-timeline-track-width);background-color:hsla(var(--vq4-color-contrast-higher-hsl),.1)}.ds-timeline-vertical__section{position:relative;display:flex}.ds-timeline-vertical__section:not(:last-of-type){margin-bottom:var(--v-timeline-sections-gap)}.ds-timeline-vertical__marker{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;height:var(--v-timeline-marker-size);width:var(--v-timeline-marker-size);border-radius:50%;background-color:hsla(var(--vq4-color-contrast-high-hsl),var(--vq4-bg-o, 1));border:var(--vq4-border-width, 1px) var(--vq4-border-style, solid) hsla(var(--vq4-color-contrast-lower-hsl),var(--vq4-border-o, 1))}.ds-timeline-vertical__item{position:relative;top:calc(.5 * var(--v-timeline-marker-size));flex-grow:1;--vq4-bg-o: 1;background-color:#fff;padding:var(--vq4-space-md);border-radius:.25em;box-shadow:0 .1px .3px #0000000f,0 1px 2px #0000001f}.ds-timeline-vertical__item:before{content:"";position:absolute;top:0;left:calc(-1 * var(--v-timeline-triangle-size) + 1px);height:var(--v-timeline-triangle-size);width:var(--v-timeline-triangle-size);background-color:inherit;-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%);clip-path:polygon(0% 0%,100% 0%,100% 100%)}.ds-timeline-vertical__item:not(:last-child){margin-bottom:var(--v-timeline-items-gap)}.ds-timeline-vertical__item:not(:first-child) .ds-timeline-vertical__date{display:none}.ds-timeline-vertical__item:not(:first-child):before{display:none}.ds-timeline-vertical__date-value{color:hsl(var(--vq4-color-contrast-high-hsl));font-size:var(--vq4-text-sm);text-transform:uppercase;letter-spacing:.1em;font-weight:600}@media not all and (min-width:64rem){.ds-timeline-vertical__item:first-child{border-top-left-radius:0}}@media(min-width:64rem){.ds-timeline-vertical:before{left:calc(50% - var(--v-timeline-track-width) / 2)}.ds-timeline-vertical__section{width:calc(50% + var(--v-timeline-marker-size) / 2)}.ds-timeline-vertical__section:nth-child(odd){flex-direction:row-reverse}.ds-timeline-vertical__section:nth-child(odd) .ds-timeline-vertical__marker{margin-right:0;margin-left:calc(var(--v-timeline-triangle-size) + var(--vq4-space-2xs))}.ds-timeline-vertical__section:nth-child(odd) .ds-timeline-vertical__item:before{left:auto;right:calc(-1 * var(--v-timeline-triangle-size) + 1px);-webkit-transform:scaleX(-1);transform:scaleX(-1)}.ds-timeline-vertical__section:nth-child(odd) .ds-timeline-vertical__item:first-child{border-top-right-radius:0}.ds-timeline-vertical__section:nth-child(odd) .ds-timeline-vertical__date{right:calc(-5 * (var(--v-timeline-triangle-size) + var(--vq4-space-2xs)) - var(--v-timeline-marker-size));-webkit-transform:translateX(100%) translateY(-50%);transform:translate(100%) translateY(-50%)}.ds-timeline-vertical__section:nth-child(2n){margin-left:auto}.ds-timeline-vertical__section:nth-child(2n) .ds-timeline-vertical__item:first-child{border-top-left-radius:0}.ds-timeline-vertical__section:nth-child(2n) .ds-timeline-vertical__date{left:calc(-5 * (var(--v-timeline-triangle-size) + var(--vq4-space-2xs)) - var(--v-timeline-marker-size));-webkit-transform:translateX(-100%) translateY(-50%);transform:translate(-100%) translateY(-50%)}.ds-timeline-vertical__date{position:absolute;top:0;white-space:nowrap}.ds-timeline-vertical[data-animation=on] .ds-timeline-vertical__marker{opacity:1;-webkit-transform:scale(.5);transform:scale(.5);transition:opacity .6s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1);transition:transform .6s cubic-bezier(.215,.61,.355,1),opacity .6s;transition:transform .6s cubic-bezier(.215,.61,.355,1),opacity .6s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1)}.ds-timeline-vertical[data-animation=on] .ds-timeline-vertical__itemm{opacity:1;transition:opacity .6s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1);transition:transform .6s cubic-bezier(.215,.61,.355,1),opacity .6s;transition:transform .6s cubic-bezier(.215,.61,.355,1),opacity .6s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1)}.ds-timeline-vertical[data-animation=on] .ds-timeline-vertical__section:nth-child(odd) .ds-timeline-vertical__item{-webkit-transform:translateX(-50px);transform:translate(-50px)}.ds-timeline-vertical[data-animation=on] .ds-timeline-vertical__section:nth-child(2n) .ds-timeline-vertical__item{-webkit-transform:translateX(50px);transform:translate(50px)}.ds-timeline-vertical[data-animation=on] .ds-timeline-vertical__section--animate .ds-timeline-vertical__item{-webkit-transform:translateX(0)!important;transform:translate(0)!important;opacity:1}.ds-timeline-vertical[data-animation=on] .ds-timeline-vertical__section--animate .ds-timeline-vertical__marker{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.ds-timeline-vertical__item-text-component :where(h1,h2,h3,h4){line-height:var(--vq4-heading-line-height, 1.2);margin-top:calc(var(--vq4-space-md) * var(--vq4-space-multiplier, 1));margin-bottom:calc(var(--vq4-space-sm) * var(--vq4-space-multiplier, 1))}.ds-timeline-vertical__item-text-component :where(p,blockquote,ul li,ol li){line-height:var(--vq4-body-line-height, 1.4)}.ds-timeline-vertical__item-text-component img{display:block;margin:0 auto}.ds-timeline-vertical__item-text-component>*:first-child{margin-top:0}.ds-timeline-vertical__item-text-component>*:last-child{margin-bottom:0}.ds-timeline-vertical__date-margin-bottom-sm{margin-bottom:var(--vq4-space-sm)}.ds-timeline-vertical__inner-container-max-width-adaptive-lg{max-width:32rem}@media(min-width:48rem){.ds-timeline-vertical__inner-container-max-width-adaptive-lg{max-width:48rem}}@media(min-width:64rem){.ds-timeline-vertical__inner-container-max-width-adaptive-lg{max-width:64rem}}@media(min-width:80rem){.ds-timeline-vertical__inner-container-max-width-adaptive-lg{max-width:80rem}}.ds-timeline-vertical__inner-container{width:calc(100% - 2*var(--vq4-space-md));margin-left:auto;margin-right:auto}.ds-timeline-vertical__outer-container{position:relative;z-index:1;overflow:hidden;padding-top:var(--vq4-space-xl);padding-bottom:var(--vq4-space-xl)}
/*# sourceMappingURL=/cdn/shop/t/33/assets/section-timeline-vertical.css.map */