.sb-timeline{--offset: 50px;--bullet-size: 16px;container-type:inline-size;position:relative;overflow:hidden}.sb-timeline__date{flex-shrink:0;color:var(--wp--preset--color--silver-dark-primary);padding:25px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;line-height:1}.sb-timeline__date-year{font-size:.75rem}.sb-timeline__content{padding:20px;flex-grow:1;position:relative}.sb-timeline__content::before{--border-width: 50%;content:"";background-color:currentColor;position:absolute}.sb-timeline .swiper-slide{height:auto}.sb-timeline:not(.swiper-initialized) .sb-timeline__controls{display:none}.sb-timeline__arrow{--primary: var(--wp--preset--color--gray-default);--secondary: #fff;--size: 44px;background:var(--secondary);border:none;color:var(--primary);display:flex;align-items:center;justify-content:center;display:flex;position:absolute;top:calc(50% - var(--size)*.7);z-index:20;width:var(--size);height:unset;aspect-ratio:1;border-radius:50%;box-shadow:0px 2px 4px rgba(20,57,102,.16);font-size:24px;padding:0}.sb-timeline__arrow:hover,.sb-timeline__arrow:focus,.sb-timeline__arrow:active{background:var(--primary);color:var(--secondary)}.sb-timeline__arrow:disabled{visibility:hidden}.sb-timeline__arrow--prev{left:0}.sb-timeline__arrow--next{right:0}.site-content .sb-timeline__item{position:relative}.site-content .sb-timeline__item::after{content:"";border:3px solid var(--wp--preset--color--gray-default);width:calc(var(--offset)*.5);aspect-ratio:1/1;border-radius:50%;display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background:#fff}.site-content .sb-timeline__item::before{content:"";background:var(--wp--preset--color--gray-default);display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}@container (min-width: 767px){.site-content .sb-timeline__inner,.site-content .sb-timeline__item{flex-grow:1;flex-shrink:0}.site-content .sb-timeline__inner{position:relative;padding-bottom:16px}.site-content .sb-timeline__item{--date-row-size: calc(50px + 1rem);--large-row-size: minmax(200px, 1fr);display:grid;grid-template-rows:var(--large-row-size) var(--date-row-size) var(--offset) var(--date-row-size) var(--large-row-size);text-align:center}.site-content .sb-timeline__item::before{width:100%;height:4px}.site-content .sb-timeline__item:nth-child(odd) .sb-timeline__content{align-content:end}.site-content .sb-timeline__item:nth-child(odd) .sb-timeline__content::before{bottom:0}.site-content .sb-timeline__item:nth-child(even) .sb-timeline__content{grid-row:5}.site-content .sb-timeline__item:nth-child(even) .sb-timeline__content::before{top:0}.site-content .sb-timeline__item:nth-child(even) .sb-timeline__date{grid-row:4}.site-content .sb-timeline__content{position:relative;padding:20px 0}.site-content .sb-timeline__content::before{left:calc(var(--border-width)/2);width:var(--border-width);height:2px}}@container (max-width: 767px){.site-content .sb-timeline__inner{display:flex;flex-direction:column}.site-content .sb-timeline__item{display:flex}.site-content .sb-timeline__item::before{height:100%;width:4px}.site-content .sb-timeline__item:nth-child(odd){padding-right:calc(50% + var(--offset))}.site-content .sb-timeline__item:nth-child(odd) .sb-timeline__content{align-content:end}.site-content .sb-timeline__item:nth-child(odd) .sb-timeline__content::before{right:0}.site-content .sb-timeline__item:nth-child(even){flex-flow:row-reverse;padding-left:calc(50% + var(--offset))}.site-content .sb-timeline__item:nth-child(even) .sb-timeline__content{grid-row:5}.site-content .sb-timeline__item:nth-child(even) .sb-timeline__content::before{left:0}.site-content .sb-timeline__content::before{width:2px;height:var(--border-width);top:calc(var(--border-width)/2)}}.editor-styles-wrapper .sb-timeline__inner{--grid-cols: 1;display:grid;grid-template-columns:repeat(var(--grid-cols), 1fr);gap:24px}.editor-styles-wrapper .sb-timeline__inner:not(:has(.sb-timeline__item)){border:2px solid currentColor;padding:2rem}@container (min-width: 767px){.editor-styles-wrapper .sb-timeline__inner{--grid-cols: 2}}@container (min-width: 1024px){.editor-styles-wrapper .sb-timeline__inner{--grid-cols: 3}}@container (min-width: 1480px){.editor-styles-wrapper .sb-timeline__inner{--grid-cols: 4}}.editor-styles-wrapper .sb-timeline__item{border:2px solid currentColor}