:root{--tg-section-timeline-background-color: var(--tg-sys-color-background);--tg-section-timeline-item-background-color: var(--tg-sys-color-background);--tg-section-timeline-item-text-color: var(--tg-sys-color-on-background);--tg-section-timeline-item-separation-border-color: var(--tg-sys-color-outline)}.Timeline{background-color:var(--tg-section-timeline-background-color)}.Timeline__Body{padding-top:2rem;padding-bottom:2rem;position:relative;margin:0 auto}.Timeline__Body:after{content:"";position:absolute;width:4px;background:var(--tg-section-timeline-item-separation-border-color);top:0;left:calc(50% - 2px);bottom:0}.TimelineItem{padding:.75rem 2.25rem;position:relative;background-color:inherit;width:50%}.TimelineItem:after{content:"";position:absolute;width:24px;height:24px;right:-12px;background:var(--tg-section-timeline-item-background-color);border:4px solid var(--tg-section-timeline-item-text-color);top:26px;border-radius:50%;z-index:1}.TimelineItem--left{left:0;-webkit-padding-start:0;padding-inline-start:0}@media screen and (min-width: 1008px){.TimelineItem--left .TimelineItem__Content{text-align:end}}.TimelineItem--right{left:50%;-webkit-padding-end:0;padding-inline-end:0}.TimelineItem--left:before{content:" ";height:0;position:absolute;top:32px;width:0;z-index:1;right:28px;width:16px;height:16px;transform:rotate(45deg);border-top:var(--tg-outline-width) solid var(--tg-sys-color-outline);border-right:var(--tg-outline-width) solid var(--tg-sys-color-outline);background-color:var(--tg-section-timeline-item-background-color)}.TimelineItem--right:before{content:" ";height:0;position:absolute;top:32px;width:0;z-index:1;left:28px;width:16px;height:16px;transform:rotate(45deg);border-left:var(--tg-outline-width) solid var(--tg-sys-color-outline);border-bottom:var(--tg-outline-width) solid var(--tg-sys-color-outline);background-color:var(--tg-section-timeline-item-background-color)}.TimelineItem--right:after{left:-12px}.TimelineItem__Content{border:var(--tg-outline-width) solid var(--tg-sys-color-outline);box-shadow:var(--tg-outline-width) var(--tg-outline-width) var(--tg-outline-width) var(--tg-sys-color-outline);border-radius:var(--tg-outline-width);padding:24px 30px;background-color:var(--tg-section-timeline-item-background-color);position:relative;margin-bottom:0;color:var(--tg-section-timeline-item-text-color);--tg-section-header-text-color: var(--tg-section-timeline-item-text-color);--tg-sys-color-on-background: var(--tg-section-timeline-item-text-color)}.TimelineItem__Content .SectionHeader__Description{margin-bottom:8px}@media screen and (min-width: 1008px){.TimelineItem--left .TimelineItem__Content{box-shadow:calc(-1 * var(--tg-outline-width)) var(--tg-outline-width) var(--tg-outline-width) var(--tg-sys-color-outline)}}@media screen and (max-width: 1007px){.Timeline__Body:after{left:32px}.TimelineItem{width:100%;-webkit-padding-start:70px;padding-inline-start:70px;-webkit-padding-end:25px;padding-inline-end:25px}.TimelineItem:before{left:62px;width:16px;height:16px;transform:rotate(45deg);border:none;border-left:var(--tg-outline-width) solid var(--tg-sys-color-outline);border-bottom:var(--tg-outline-width) solid var(--tg-sys-color-outline)}.TimelineItem--left:after,.TimelineItem--right:after{left:22px}.TimelineItem--right{left:0%}.TimelineItem__Content .SectionHeader__Description{margin-bottom:4px}}[dir=rtl] .TimelineItem__Content{box-shadow:calc(-1 * var(--tg-outline-width)) var(--tg-outline-width) var(--tg-outline-width) var(--tg-sys-color-outline)}@media screen and (min-width: 1008px){[dir=rtl] .TimelineItem--left .TimelineItem__Content{box-shadow:var(--tg-outline-width) var(--tg-outline-width) var(--tg-outline-width) var(--tg-sys-color-outline)}}[dir=rtl] .Timeline__Body:after{right:calc(50% - 2px);left:auto}[dir=rtl] .TimelineItem:after{left:-12px;right:auto}[dir=rtl] .TimelineItem--left{right:0;left:auto}[dir=rtl] .TimelineItem--right{right:50%;left:auto}[dir=rtl] .TimelineItem--left:before{right:auto;left:28px;transform:rotate(225deg)}[dir=rtl] .TimelineItem--right:before{left:auto;right:28px;transform:rotate(225deg)}[dir=rtl] .TimelineItem--right:after{right:-12px;left:atuo}@media screen and (max-width: 1007px){[dir=rtl] .Timeline__Body:after{right:32px;left:auto}[dir=rtl] .TimelineItem:before{right:62px;left:auto;transform:rotate(225deg)}[dir=rtl] .TimelineItem--left:after,[dir=rtl] .TimelineItem--right:after{right:22px;left:auto}[dir=rtl] .TimelineItem--right{right:0%;left:auto}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-timeline.css.map */