.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
height: auto
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.twae-vertical.twae-wrapper .twae-slideshow {
width: 100%;
position: relative
}
.twae-vertical.twae-wrapper .twae-icon-left-open,
.twae-vertical.twae-wrapper .twae-icon-right-open {
position: absolute;
top: 50%;
margin-top: -22px;
z-index: 10;
cursor: pointer
}
.twae-vertical.twae-wrapper .twae-icon-right-open {
right: 0
}
.twae-vertical {
--tw-ibx-position: 0;
--tw-cbx-text-align: left;
--tw-cbx-bd-top-width: 0px;
--tw-cbx-bd-right-width: 0px;
--tw-cbx-bd-bottom-width: 0px;
--tw-cbx-bd-left-width: 3px;
--tw-cbx-img-order: 2;
max-width: 1600px;
padding: calc(var(--tw-line-width) * 3) 0;
margin: 0 auto
}
.twae-vertical.twae-wrapper .twae-end,
.twae-vertical.twae-wrapper .twae-start {
background-color: var(--tw-line-bg);
width: calc(var(--tw-line-width) * 3);
height: calc(var(--tw-line-width) * 3);
display: inline-block;
position: absolute;
left: calc(50% - var(--tw-line-width) * 1.5);
z-index: 9;
border-width: calc(var(--tw-line-bd-width) * 1px);
border-style: var(--tw-line-bd-style);
border-color: var(--tw-line-bd-color);
border-radius: calc(var(--tw-ibx-radius) * 1%);
-webkit-border-radius: calc(var(--tw-ibx-radius) * 1%);
-moz-border-radius: calc(var(--tw-ibx-radius) * 1%);
-ms-border-radius: calc(var(--tw-ibx-radius) * 1%);
-o-border-radius: calc(var(--tw-ibx-radius) * 1%)
}
.twae-vertical.twae-wrapper .twae-start {
top: 2px
}
.twae-vertical.twae-wrapper .twae-end {
bottom: 2px
}
.twae-post-timeline.twae-wrapper .twae-end {
bottom: inherit!important
}
.twae-vertical.twae-wrapper .twea-pagination {
margin-top: calc(15px + var(--tw-line-width) * 2)
}
.twae-vertical.twae-wrapper .twae-end:after,
.twae-vertical.twae-wrapper .twae-start:after {
content: "";
position: absolute;
height: calc(var(--tw-line-bd-width) * 1px + var(--tw-line-width) * .1);
width: calc(var(--tw-line-width) - var(--tw-line-bd-width) * 2px);
background-color: var(--tw-line-bg);
left: calc(50% - (var(--tw-line-width) - var(--tw-line-bd-width) * 2px)/ 2)
}
.twae-vertical.twae-wrapper .twae-start:after {
bottom: calc(0px - var(--tw-line-bd-width) * 1px)
}
.twae-vertical.twae-wrapper .twae-end:after {
top: calc(0px - var(--tw-line-bd-width) * 1px)
}
.twae-end-fill:not(.twae-end-out-viewport) .twae-end,
.twae-end-fill:not(.twae-end-out-viewport) .twae-end:after,
.twae-start-fill:not(.twae-start-out-viewport) .twae-start,
.twae-start-fill:not(.twae-start-out-viewport) .twae-start:after {
background-color: var(--tw-line-filling-color);
border-color: var(--tw-line-filling-color)
}
.twae-vertical.twae-wrapper .twae-timeline {
position: relative;
margin: 0;
padding: 40px 0;
display: flow-root;
width: 100%!important
}
.twae-vertical.twae-wrapper .twae-timeline:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: calc(50% - var(--tw-line-width)/ 2);
display: block;
width: var(--tw-line-width);
background-color: var(--tw-line-bg)!important;
border-width: 0 calc(var(--tw-line-bd-width) * 1px) 0 calc(var(--tw-line-bd-width) * 1px);
border-style: var(--tw-line-bd-style);
border-color: var(--tw-line-bd-color)
}
.twae-vertical.twae-wrapper .twae-inner-line {
position: absolute;
top: 0;
bottom: 0;
left: calc(50% - var(--tw-line-width)/ 2);
display: block;
width: var(--tw-line-width);
background-color: var(--tw-line-filling-color);
z-index: 1
}
.twae-vertical.twae-wrapper .twae-year {
position: relative;
margin: 30px 0;
justify-content: center;
width: 100%;
z-index: 2
}
.twae-vertical.twae-wrapper .twae-year:first-child {
margin-top: 0!important
}
.twae-vertical.twae-wrapper .twae-year-text:after,
.twae-vertical.twae-wrapper .twae-year-text:before {
height: calc(var(--tw-ybx-bd-width) + var(--tw-line-width) * .1);
width: calc(var(--tw-line-width) - var(--tw-line-bd-width) * 2px);
left: calc(50% - (var(--tw-line-width) - var(--tw-line-bd-width) * 2px)/ 2)
}
.twae-vertical.twae-wrapper .twae-year-text:before {
top: 0
}
.twae-vertical.twae-wrapper .twae-year-text:after {
bottom: 0
}
.twae-end-out-viewport:not(.twae-start-out-viewport) .twae-year:not(.twae-out-viewport) .twae-year-text {
border-color: var(--tw-line-filling-color)
}
.twae-end-out-viewport:not(.twae-start-out-viewport) .twae-year:not(.twae-out-viewport) .twae-year-text:after,
.twae-end-out-viewport:not(.twae-start-out-viewport) .twae-year:not(.twae-out-viewport) .twae-year-text:before {
background: var(--tw-line-filling-color)
}
.twae-vertical.twae-wrapper .twae-labels {
justify-content: space-between;
top: calc(var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position)/ 100 - (var(--tw-lbl-big-size)/ 2 - var(--tw-ibx-size)/ 2));
left: calc(-100% - var(--tw-ibx-size) * 2);
text-align: right
}
.twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-labels {
left: auto;
right: calc(-100% - var(--tw-ibx-size) * 2);
text-align: left
}
.twae-post-timeline.twae-vertical.twae-vertical-left .twae-story-left .twae-labels {
left: calc(100% + var(--tw-ibx-size) * 2);
text-align: left;
right: auto
}
.twae-wrapper.twae-label-content-inside .twae-labels,
.twae-wrapper.twae-label-content-top .twae-labels {
position: initial;
text-align: var(--tw-cbx-text-align)
}
.twae-vertical.twae-wrapper.twae-label-content-inside .twae-compact .twae-story-left .twae-labels,
.twae-wrapper.twae-label-content-inside .twae-story.twae-story-left .twae-labels,
.twae-wrapper.twae-label-content-top .twae-story.twae-story-left .twae-labels {
text-align: var(--tw-cbx-text-align-alternate)
}
.twae-vertical.twae-wrapper .twae-story-center .twae-labels {
top: calc(0px - var(--tw-ibx-size) * 2 - (var(--tw-lbl-big-size)/ 2 - var(--tw-ibx-size)/ 2));
left: calc(50% + var(--tw-ibx-size));
width: calc(50% - var(--tw-ibx-size));
text-align: left
}
.twae-wrapper.twae-label-content-top .twae-labels {
left: 0;
text-align: var(--tw-cbx-text-align);
z-index: 2;
margin-bottom: 8px
}
.twae-vertical :not(.twae-compact) .twae-story:not(.twae-story-center) .twae-labels.twae-label-bg {
top: calc(0px + var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position)/ 100)
}
.twae-vertical .twae-story-right .twae-labels.twae-label-bg {
align-items: flex-end
}
.twae-vertical:not(.twae-vertical-left).twae-label-content-top .twae-story-right .twae-labels.twae-label-bg {
align-items: flex-start
}
.twae-vertical .twae-story-center .twae-labels.twae-label-bg,
.twae-vertical .twae-story-left .twae-labels.twae-label-bg,
.twae-wrapper.twae-label-content-top .twae-labels {
align-items: flex-start
}
.twae-vertical.twae-label-content-top .twae-story-left .twae-labels {
align-items: flex-end
}
.twae-vertical.twae-label-content-inside .twae-labels {
margin-bottom: 8px;
align-items: initial!important
}
.twae-vertical.twae-label-content-inside .twae-labels.twae-label-bg {
margin-bottom: 0
}
.twae-story-center .twae-labels.twae-label-bg {
top: calc(0px - var(--tw-ibx-size) * 2 - (var(--tw-lbl-big-size) - var(--tw-ibx-size)/ 2) - var(--lbl-bd-width))
}
.twae-vertical .twae-label-bg .twae-inner-label {
border: var(--lbl-bd-width) var(--lbl-bd-style) var(--lbl-bd-color)
}
.twae-vertical .twae-label-bg.twae-lbl-arrow .twae-inner-label:before {
background: linear-gradient(to top right, var(--lbl-arw-bg) 52%, transparent 48%);
top: calc(50% - (var(--tw-ibx-size)/ 3.5));
border-width: 0 0 var(--lbl-bd-width) var(--lbl-bd-width)
}
.twae-vertical .twae-story-right .twae-label-bg.twae-lbl-arrow .twae-inner-label:before {
left: auto;
right: calc(var(--tw-ibx-size)/ 7 - var(--tw-ibx-size)/ 3.5 - var(--lbl-bd-width)/ 3);
transform: rotate(225deg)
}
.twae-vertical .twae-story-center .twae-label-bg.twae-lbl-arrow .twae-inner-label:before,
.twae-vertical .twae-story-left .twae-label-bg.twae-lbl-arrow .twae-inner-label::before {
right: auto;
left: calc(0px + var(--tw-ibx-size)/ 7 - var(--lbl-bd-width)/ 3 - var(--tw-ibx-size)/ 3.5);
rotate: 45deg
}
.twae-vertical .twae-story-center .twae-label-bg.twae-lbl-arrow .twae-inner-label::before {
top: calc(50% - (var(--tw-ibx-size)/ 3.5)/ 2 - var(--lbl-bd-width))
}
.twae-vertical .twae-story .twae-label-bg.twae-lbl-arrow-line .twae-inner-label::after {
top: calc(var(--tw-ibx-size)/ 2 - var(--tw-line-width)/ 2 - var(--lbl-bd-width));
width: calc(var(--tw-ibx-size) * .5 + var(--lbl-bd-width) + var(--tw-ibx-bd-width));
height: var(--tw-line-width);
border-width: calc(var(--tw-line-bd-width) * 1px) 0 calc(var(--tw-line-bd-width) * 1px) 0
}
.twae-vertical .twae-story-no-icon .twae-label-bg.twae-lbl-arrow-line .twae-inner-label::after {
width: calc(var(--tw-ibx-size) * .75 + var(--lbl-bd-width) + var(--tw-ibx-bd-width))
}
.twae-vertical .twae-compact .twae-story .twae-label-bg.twae-lbl-arrow-line .twae-inner-label::after,
.twae-vertical .twae-compact .twae-story-no-dot .twae-label-bg.twae-lbl-arrow-line .twae-inner-label::after,
.twae-vertical .twae-compact .twae-story-no-icon .twae-label-bg.twae-lbl-arrow-line .twae-inner-label::after,
.twae-vertical .twae-story-no-dot .twae-label-bg.twae-lbl-arrow-line .twae-inner-label::after {
width: calc(var(--tw-ibx-size) - var(--tw-line-width) * .5 + var(--lbl-bd-width))
}
.twae-vertical .twae-story-right.twae-story-no-dot .twae-label-bg.twae-lbl-arrow-line .twae-inner-label::after {
right: calc(0px - var(--tw-ibx-size) + var(--tw-line-width) * .5 - var(--lbl-bd-width))
}
.twae-vertical .twae-compact .twae-story-right.twae-story .twae-label-bg.twae-lbl-arrow-line .twae-inner-label::after,
.twae-vertical .twae-story-left.twae-story-no-dot .twae-label-bg.twae-lbl-arrow-line .twae-inner-label::after {
left: calc(0px - var(--tw-ibx-size) + var(--tw-line-width) * .5 - var(--lbl-bd-width))
}
.twae-vertical .twae-story-no-icon.twae-story-right .twae-label-bg.twae-lbl-arrow-line .twae-inner-label::after {
right: calc(0px - var(--tw-ibx-size) * .75 - var(--lbl-bd-width) - var(--tw-ibx-bd-width))
}
.twae-vertical .twae-story-no-icon.twae-story-left .twae-label-bg.twae-lbl-arrow-line .twae-inner-label::after {
left: calc(0px - var(--tw-ibx-size) * .75 - var(--lbl-bd-width) - var(--tw-ibx-bd-width))
}
.twae-vertical .twae-story-right .twae-label-bg.twae-lbl-arrow-line .twae-inner-label::after {
right: calc(0px - var(--tw-ibx-size) * .5 - var(--lbl-bd-width) - var(--tw-ibx-bd-width))
}
.twae-vertical .twae-story-center .twae-label-bg.twae-lbl-arrow-line .twae-inner-label::after,
.twae-vertical .twae-story-left .twae-label-bg.twae-lbl-arrow-line .twae-inner-label::after {
left: calc(0px - var(--tw-ibx-size) * .5 - var(--lbl-bd-width) - var(--tw-ibx-bd-width))
}
.twae-vertical .twae-story-center .twae-label-bg.twae-lbl-arrow-line .twae-inner-label::after {
top: calc(var(--tw-ibx-size)/ 2 - var(--tw-line-width)/ 2)
}
.twae-vertical .twae-compact .twae-story-left .twae-labels.twae-label-bg {
align-items: flex-end
}
.twae-vertical .twae-compact .twae-story-right .twae-labels.twae-label-bg {
align-items: flex-start
}
.twae-vertical-left .twae-story-right .twae-labels,
.twae-vertical-left .twae-story-right .twae-labels.twae-label-bg {
align-items: flex-start
}
.twae-vertical-left.twae-label-content-top .twae-story-right .twae-labels,
.twae-vertical-left.twae-label-content-top .twae-story-right .twae-labels.twae-label-bg {
align-items: flex-end
}
.twae-vertical-left .twae-story-right .twae-label-bg.twae-lbl-arrow .twae-inner-label:before {
left: calc(var(--tw-ibx-size)/ 7 - var(--tw-ibx-size)/ 3.5 - var(--lbl-bd-width)/ 3);
transform: rotate(45deg)
}
.twae-vertical-left .twae-story-right .twae-label-bg.twae-lbl-arrow-line .twae-inner-label::after {
left: calc(0px - var(--tw-ibx-size) * .5 - var(--lbl-bd-width) - var(--tw-ibx-bd-width))
}
.twae-vertical:not(.twae-both-sided):not(.twae-vertical-right) .twae-story-no-icon.twae-story-right .twae-label-bg.twae-lbl-arrow-line .twae-inner-label::after {
left: calc(0px - var(--tw-ibx-size) * .75 - var(--lbl-bd-width) - var(--tw-ibx-bd-width))
}
.twae-vertical .twae-compact .twae-story-right .twae-label-bg.twae-lbl-arrow .twae-inner-label:before {
left: calc(var(--tw-ibx-size)/ 7 - var(--tw-ibx-size)/ 3.5 - var(--lbl-bd-width)/ 3);
transform: rotate(45deg)
}
.twae-vertical .twae-compact .twae-story-left .twae-label-bg.twae-lbl-arrow .twae-inner-label:before {
right: calc(0px + var(--tw-ibx-size)/ 7 - var(--lbl-bd-width)/ 3 - var(--tw-ibx-size)/ 3.5);
rotate: 225deg;
left: auto
}
.twae-vertical.twae-wrapper .twae-icon {
top: calc(var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position)/ 100);
left: calc(var(--tw-ibx-size)/ 2 - var(--tw-ibx-size) * 2)
}
.twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-icon {
left: auto;
right: calc(var(--tw-ibx-size)/ 2 - var(--tw-ibx-size) * 2)
}
.twae-vertical.twae-wrapper .twae-icondot {
left: calc(var(--tw-ibx-size) * .75 - var(--tw-ibx-size) * 2);
top: calc(var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position)/ 100 + var(--tw-ibx-size)/ 4)
}
.twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-icondot {
left: auto;
right: calc(var(--tw-ibx-size) * .75 - var(--tw-ibx-size) * 2)
}
.twae-vertical.twae-wrapper .twae-story.twae-story-center .twae-icon {
top: calc(0px - var(--tw-ibx-size) * 2);
left: calc(50% - var(--tw-ibx-size)/ 2)
}
.twae-vertical.twae-wrapper .twae-story.twae-story-center .twae-icondot {
top: calc(0px - var(--tw-ibx-size) * 1.75);
left: calc(50% - var(--tw-ibx-size)/ 4)
}
.twae-vertical.twae-wrapper .twae-icon:after,
.twae-vertical.twae-wrapper .twae-icon:before,
.twae-vertical.twae-wrapper .twae-icondot:after,
.twae-vertical.twae-wrapper .twae-icondot:before {
height: calc(var(--tw-ibx-bd-width) + var(--tw-line-width) * .1);
width: calc(var(--tw-line-width) - var(--tw-line-bd-width) * 2px);
left: calc(50% - (var(--tw-line-width) - var(--tw-line-bd-width) * 2px)/ 2)
}
.twae-vertical.twae-wrapper .twae-icon:before,
.twae-vertical.twae-wrapper .twae-icondot:before {
top: calc(0px - var(--tw-ibx-bd-width))
}
.twae-vertical.twae-wrapper .twae-icon:after,
.twae-vertical.twae-wrapper .twae-icondot:after {
bottom: calc(0px - var(--tw-ibx-bd-width))
}
.twae-end-out-viewport:not(.twae-start-out-viewport) .twae-story:not(.twae-out-viewport) .twae-icon,
.twae-end-out-viewport:not(.twae-start-out-viewport) .twae-story:not(.twae-out-viewport) .twae-icondot {
border-color: var(--tw-line-filling-color);
border-style: solid
}
.twae-end-out-viewport:not(.twae-start-out-viewport) .twae-story:not(.twae-out-viewport) .twae-icon:after,
.twae-end-out-viewport:not(.twae-start-out-viewport) .twae-story:not(.twae-out-viewport) .twae-icon:before,
.twae-end-out-viewport:not(.twae-start-out-viewport) .twae-story:not(.twae-out-viewport) .twae-icondot:after,
.twae-end-out-viewport:not(.twae-start-out-viewport) .twae-story:not(.twae-out-viewport) .twae-icondot:before {
background: var(--tw-line-filling-color)
}
.twae-vertical.twae-wrapper .twae-arrow {
background: linear-gradient(to top right, var(--tw-arw-bg) 52%, transparent 48%);
left: calc(var(--tw-ibx-size)/ 7 - var(--tw-ibx-size)/ 3.5 + var(--tw-cbx-bd-left-width)/ 3);
top: calc(var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position)/ 100 + var(--tw-ibx-size)/ 2 - var(--tw-ibx-size)/ 7);
border-width: 0 0 var(--tw-cbx-bd-left-width) var(--tw-cbx-bd-left-width);
box-shadow: -4px 4px 8px -4px rgb(0, 0, 0, .4)
}
.twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-arrow {
left: auto;
right: calc(var(--tw-ibx-size)/ 7 - var(--tw-ibx-size)/ 3.5 + var(--tw-cbx-bd-left-width)/ 3);
background: linear-gradient(to bottom left, var(--tw-arw-bg) 52%, transparent 48%);
border-width: var(--tw-cbx-bd-left-width) var(--tw-cbx-bd-left-width) 0 0;
box-shadow: 4px -4px 8px -4px rgb(0, 0, 0, .4)
}
.twae-vertical.twae-wrapper.twae-bg-multicolor .twae-story[data-multicolor="2"] .twae-arrow {
background: linear-gradient(to top right, var(--tw-arw-bg2, var(--tw-arw-bg)) 52%, transparent 48%)
}
.twae-vertical.twae-wrapper.twae-bg-multicolor .twae-story[data-multicolor="3"] .twae-arrow {
background: linear-gradient(to top right, var(--tw-arw-bg3, var(--tw-arw-bg)) 52%, transparent 48%)
}
.twae-vertical.twae-wrapper.twae-bg-multicolor .twae-story[data-multicolor="4"] .twae-arrow {
background: linear-gradient(to top right, var(--tw-arw-bg4, var(--tw-arw-bg)) 52%, transparent 48%)
}
.twae-vertical-left.twae-wrapper.twae-bg-multicolor .twae-story[data-multicolor="2"] .twae-arrow {
background: linear-gradient(to bottom left, var(--tw-arw-bg2, var(--tw-arw-bg)) 52%, transparent 48%)
}
.twae-vertical-left.twae-wrapper.twae-bg-multicolor .twae-story[data-multicolor="3"] .twae-arrow {
background: linear-gradient(to bottom left, var(--tw-arw-bg3, var(--tw-arw-bg)) 52%, transparent 48%)
}
.twae-vertical-left.twae-wrapper.twae-bg-multicolor .twae-story[data-multicolor="4"] .twae-arrow {
background: linear-gradient(to bottom left, var(--tw-arw-bg4, var(--tw-arw-bg)) 52%, transparent 48%)
}
.twae-vertical.twae-wrapper.twae-bg-multicolor .twae-story[data-multicolor="2"].twae-story-left .twae-arrow {
background: linear-gradient(to bottom left, var(--tw-arw-bg2, var(--tw-arw-bg)) 52%, transparent 48%)
}
.twae-vertical.twae-wrapper.twae-bg-multicolor .twae-story[data-multicolor="3"].twae-story-left .twae-arrow {
background: linear-gradient(to bottom left, var(--tw-arw-bg3, var(--tw-arw-bg)) 52%, transparent 48%)
}
.twae-vertical.twae-wrapper.twae-bg-multicolor .twae-story[data-multicolor="4"].twae-story-left .twae-arrow {
background: linear-gradient(to bottom left, var(--tw-arw-bg4, var(--tw-arw-bg)) 52%, transparent 48%)
}
.twae-vertical.twae-bg-gradient.twae-bg-hover .twae-story:hover .twae-arrow,
.twae-vertical.twae-bg-multicolor.twae-bg-hover .twae-story:hover .twae-arrow,
.twae-vertical.twae-wrapper.twae-bg-hover .twae-story:hover .twae-arrow {
background: linear-gradient(to top right, var(--tw-cbx-title-bg, var(--tw-cbx-bg-hover)) 52%, transparent 48%)
}
.twae-vertical.twae-bg-gradient.twae-bg-hover .twae-story.twae-story-left:hover .twae-arrow,
.twae-vertical.twae-bg-multicolor.twae-bg-hover .twae-story.twae-story-left:hover .twae-arrow,
.twae-vertical.twae-wrapper.twae-bg-hover .twae-story.twae-story-left:hover .twae-arrow {
background: linear-gradient(to bottom left, var(--tw-cbx-title-bg, var(--tw-cbx-bg-hover)) 52%, transparent 48%)
}
.twae-vertical.twae-wrapper .twae-arrow-line {
left: calc(0px - var(--tw-ibx-size) * .5);
top: calc(var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position)/ 100 + var(--tw-ibx-size)/ 2 - var(--tw-line-width)/ 2);
width: calc(var(--tw-ibx-size) * .5);
height: var(--tw-line-width);
border-width: calc(var(--tw-line-bd-width) * 1px) 0 calc(var(--tw-line-bd-width) * 1px) 0
}
.twae-vertical.twae-wrapper.twae-end-out-viewport:not(.twae-start-out-viewport) .twae-story:not(.twae-out-viewport) .twae-arrow-line {
background-color: var(--tw-line-filling-color)
}
.twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-arrow-line {
left: auto;
right: calc(0px - var(--tw-ibx-size) * .5)
}
.twae-vertical.twae-wrapper .twae-story-no-icon .twae-arrow-line {
width: calc(var(--tw-ibx-size) * .75);
left: calc(0px - var(--tw-ibx-size) * .75)
}
.twae-vertical.twae-wrapper .twae-story.twae-story-left.twae-story-no-icon .twae-arrow-line {
left: auto;
right: calc(0px - var(--tw-ibx-size) * .75)
}
.twae-vertical.twae-wrapper .twae-story-no-dot .twae-arrow-line {
width: calc(var(--tw-ibx-size) - var(--tw-line-width) * .5);
left: calc(0px - var(--tw-ibx-size) + var(--tw-line-width) * .5)
}
.twae-vertical.twae-wrapper .twae-story.twae-story-left.twae-story-no-dot .twae-arrow-line {
left: auto;
right: calc(0px - var(--tw-ibx-size) + var(--tw-line-width) * .5)
}
.twae-vertical.twae-wrapper .twae-arrow-line:after,
.twae-vertical.twae-wrapper .twae-arrow-line:before {
height: var(--tw-line-width);
top: calc(0px - calc(var(--tw-line-bd-width) * 1px));
border-width: calc(var(--tw-line-bd-width) * 1px) 0 calc(var(--tw-line-bd-width) * 1px) 0
}
.twae-vertical.twae-wrapper .twae-arrow-line:before {
width: calc(var(--tw-ibx-bd-width));
left: calc(0px - var(--tw-ibx-bd-width))
}
.twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-arrow-line:before {
left: auto;
right: calc(0px - var(--tw-ibx-bd-width))
}
.twae-vertical.twae-wrapper .twae-arrow-line:after {
width: calc(var(--tw-cbx-bd-left-width));
right: calc(0px - var(--tw-cbx-bd-left-width))
}
.twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-arrow-line:after {
right: auto;
left: calc(0px - var(--tw-cbx-bd-left-width))
}
.twae-vertical.twae-wrapper .twae-story.twae-story-center .twae-arrow,
.twae-vertical.twae-wrapper .twae-story.twae-story-center .twae-arrow-line {
display: none;
opacity: 0
}
.twae-wrapper.twae-vertical.twae-bg-multicolor .twae-story[data-multicolor="2"] .twae-content {
background: var(--tw-cbx-bg2, var(--tw-cbx-bg))
}
.twae-wrapper.twae-vertical.twae-bg-multicolor .twae-story[data-multicolor="3"] .twae-content {
background: var(--tw-cbx-bg3, var(--tw-cbx-bg))
}
.twae-wrapper.twae-vertical.twae-bg-multicolor .twae-story[data-multicolor="4"] .twae-content {
background: var(--tw-cbx-bg4, var(--tw-cbx-bg))
}
.twae-vertical.twae-wrapper .twae-story {
position: relative;
width: calc(50% - var(--tw-ibx-size));
float: right;
clear: both;
z-index: 9
}
.twae-vertical.twae-wrapper .twae-story.twae-story-left {
float: left
}
.twae-vertical.twae-wrapper .twae-story.twae-story-center {
width: 100%;
margin-left: auto;
margin-right: auto;
float: none;
text-align: center;
top: calc(var(--tw-ibx-size) * 2.5);
margin-bottom: calc(var(--tw-ibx-size) * 2.5 + var(--tw-cbx-bottom-margin))
}
.twae-vertical.twae-wrapper .twae-story.twae-story-center:after,
.twae-vertical.twae-wrapper .twae-story.twae-story-center:before {
content: " ";
position: absolute;
height: calc(var(--tw-cbx-bd-left-width) + 10px);
width: calc(var(--tw-line-width) - var(--tw-line-bd-width) * 2px);
background: var(--tw-line-bg);
left: calc(50% - (var(--tw-line-width) - var(--tw-line-bd-width) * 2px)/ 2);
opacity: var(--tw-line-bd-width);
z-index: 1
}
.twae-vertical.twae-wrapper .twae-story.twae-story-center:before {
top: -10px
}
.twae-vertical.twae-wrapper .twae-story.twae-story-center:after {
bottom: -10px
}
.twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-content {
box-shadow: var(--tw-cbx-shadow-left);
border-width: var(--tw-cbx-bd-top-width) var(--tw-cbx-bd-left-width) var(--tw-cbx-bd-bottom-width) var(--tw-cbx-bd-right-width);
border-radius: var(--tw-cbx-radius-left);
-webkit-border-radius: var(--tw-cbx-radius-left);
-moz-border-radius: var(--tw-cbx-radius-left);
-ms-border-radius: var(--tw-cbx-radius-left);
-o-border-radius: var(--tw-cbx-radius-left)
}
.twae-vertical.twae-wrapper .twae-story.twae-story-center .twae-content {
border-width: var(--tw-cbx-bd-left-width) var(--tw-cbx-bd-right-width) var(--tw-cbx-bd-left-width) var(--tw-cbx-bd-right-width)
}
.twae-vertical.twae-wrapper.twae-bg-gradient .twae-content {
background-image: linear-gradient(to right, var(--tw-cbx-bg), var(--tw-cbx-bg-gradient))
}
.twae-vertical.twae-wrapper.twae-bg-gradient .twae-story.twae-story-left .twae-content {
background-image: linear-gradient(to left, var(--tw-cbx-bg), var(--tw-cbx-bg-gradient))
}
.twae-vertical.twae-wrapper.twae-bg-gradient .twae-story.twae-story-center .twae-content {
background-image: linear-gradient(to bottom, var(--tw-cbx-bg), var(--tw-cbx-bg-gradient))
}
.twae-vertical.twae-wrapper .twae-story.twae-story-left:hover .twae-content {
box-shadow: var(--tw-cbx-shadow-left-hover);
border-radius: var(--tw-cbx-radius-left-hover);
-webkit-border-radius: var(--tw-cbx-radius-left-hover);
-moz-border-radius: var(--tw-cbx-radius-left-hover);
-ms-border-radius: var(--tw-cbx-radius-left-hover);
-o-border-radius: var(--tw-cbx-radius-left-hover)
}
.twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-title {
justify-content: var(--tw-cbx-text-align-alternate);
text-align: var(--tw-cbx-text-align-alternate)
}
.twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-media {
justify-content: var(--tw-cbx-img-align, var(--tw-cbx-text-align-alternate))
}
.twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-description {
text-align: var(--tw-cbx-text-align-alternate)
}
.twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-button {
justify-content: var(--tw-cbx-btn-align, var(--tw-cbx-text-align-alternate))
}
.twae-vertical.twae-wrapper.style-2 {
--tw-ibx-radius: 0;
--tw-ibx-bd-width: calc(var(--tw-line-bd-width, var(--tw-line-width)) * 1px);
--tw-cbx-radius: 0px 0px 0px 0px;
--tw-cbx-radius-left: 0px 0px 0px 0px;
--tw-cbx-padding: 0px;
--tw-cbx-bd-left-width: 0px;
--tw-cbx-title-color: #fff;
--tw-cbx-title-bg: var(--tw-ibx-bg);
--tw-cbx-title-padding: 8px 12px 8px 12px;
--tw-cbx-title-margin: 0px 0px 0px 0px;
--tw-cbx-img-padding: 10px 10px 0px 10px;
--tw-cbx-des-padding: 0px 10px 0px 10px
}
.twae-vertical.twae-wrapper.style-3 {
--tw-cbx-radius: 0px 0px 0px 0px;
--tw-cbx-radius-left: 0px 0px 0px 0px;
--tw-cbx-shadow: 0px;
--tw-cbx-shadow-left: 0px;
--tw-cbx-bd-top-width: 1px;
--tw-cbx-bd-right-width: 1px;
--tw-cbx-bd-bottom-width: 1px;
--tw-cbx-bd-left-width: 1px;
--tw-cbx-des-margin: 0px
}
@media only screen and (max-width:767px) {
.twae-vertical.twae-wrapper .twae-end,
.twae-vertical.twae-wrapper .twae-start {
left: calc(0px + var(--tw-ibx-size)/ 2 - var(--tw-line-width) * 1.5)
}
.twae-vertical.twae-wrapper .twae-inner-line,
.twae-vertical.twae-wrapper .twae-timeline:before {
left: calc(0px - var(--tw-line-width)/ 2 + var(--tw-ibx-size)/ 2)
}
.twae-vertical.twae-wrapper .twae-year {
justify-content: flex-start
}
.twae-vertical.twae-wrapper .twae-year .twae-year-text:after {
left: calc(0px + var(--tw-ibx-size)/ 2 - var(--tw-line-width)/ 2 + var(--tw-line-bd-width)/ 2)
}
.twae-vertical.twae-wrapper .twae-story,
.twae-vertical.twae-wrapper .twae-story.twae-story-center {
width: auto;
float: unset;
text-align: left;
margin-left: calc(var(--tw-ibx-size) * 1.5);
margin-bottom: var(--tw-cbx-bottom-margin);
top: 0
}
.twae-vertical.twae-wrapper:not(.twae-label-content-inside) .twae-story .twae-labels,
.twae-vertical.twae-wrapper:not(.twae-label-content-inside) .twae-story.twae-story-center .twae-labels {
position: relative;
left: 0;
top: 0;
text-align: left;
width: 100%
}
.twae-vertical.twae-wrapper:not(.twae-label-content-inside) .twae-story .twae-labels.twae-label-bg {
margin-bottom: 8px
}
.twae-vertical.twae-label-content-top .twae-story-left .twae-labels {
align-items: flex-start
}
.twae-vertical.twae-wrapper.twae-bg-multicolor .twae-story[data-multicolor="2"] .twae-arrow {
background: linear-gradient(to top right, var(--tw-arw-bg2, var(--tw-arw-bg)) 52%, transparent 48%)!important
}
.twae-vertical.twae-wrapper.twae-bg-multicolor .twae-story[data-multicolor="3"] .twae-arrow {
background: linear-gradient(to top right, var(--tw-arw-bg3, var(--tw-arw-bg)) 52%, transparent 48%)!important
}
.twae-vertical.twae-wrapper.twae-bg-multicolor .twae-story[data-multicolor="4"] .twae-arrow {
background: linear-gradient(to top right, var(--tw-arw-bg4, var(--tw-arw-bg)) 52%, transparent 48%)!important
}
.twae-vertical .twae-story-right .twae-label-bg.twae-lbl-arrow .twae-inner-label:before {
right: auto;
left: calc(0px + var(--tw-ibx-size)/ 7 - var(--lbl-bd-width)/ 3 - var(--tw-ibx-size)/ 3.5);
transform: rotate(45deg)
}
.twae-vertical .twae-story .twae-label-bg.twae-lbl-arrow-line .twae-inner-label::after {
left: calc(0px - var(--tw-ibx-size) + var(--tw-line-width) * .5 - var(--lbl-bd-width))!important;
right: auto;
width: calc(var(--tw-ibx-size) - var(--tw-line-width) * .5 + var(--lbl-bd-width))
}
.twae-vertical .twae-story .twae-labels.twae-label-bg,
.twae-vertical-left.twae-label-content-top .twae-story-right .twae-labels,
.twae-vertical-left.twae-label-content-top .twae-story-right .twae-labels.twae-label-bg {
align-items: start
}
.twae-vertical.twae-wrapper .twae-story.twae-story-center:after,
.twae-vertical.twae-wrapper .twae-story.twae-story-center:before {
display: none;
opacity: 0
}
.twae-vertical.twae-wrapper .twae-icon {
top: calc(var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position)/ 100 + (var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap) + 12px) - ((var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap) + 12px) * var(--tw-ibx-position)/ 100) + 16px + var(--lbl-bd-width) * 2);
transform: translateY(-50%)
}
.twae-vertical.twae-wrapper .twae-icondot {
top: calc(var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position)/ 100 + var(--tw-ibx-size)/ 4 + (var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap) + 12px) - ((var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap) + 12px) * var(--tw-ibx-position)/ 100) + var(--lbl-bd-width) * 2)
}
.twae-vertical.twae-wrapper .twae-story-center .twae-icondot {
left: calc(var(--tw-ibx-size) * .75 - var(--tw-ibx-size) * 2);
top: calc(var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position)/ 100 + var(--tw-ibx-size)/ 4 + (var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap) + 12px) - ((var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap) + 12px) * var(--tw-ibx-position)/ 100))
}
.twae-vertical.twae-wrapper .twae-story-center .twae-icon {
top: calc(var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position)/ 100 + (var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap) + 12px) - ((var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap) + 12px) * var(--tw-ibx-position)/ 100));
left: calc(var(--tw-ibx-size)/ 2 - var(--tw-ibx-size) * 2)
}
.twae-vertical.twae-wrapper .twae-story.twae-story-left {
float: unset
}
.twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-labels {
right: 0
}
.twae-vertical.twae-wrapper .twae-arrow,
.twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-arrow {
border-width: 0 0 var(--tw-cbx-bd-left-width) var(--tw-cbx-bd-left-width);
left: calc(var(--tw-ibx-size)/ 7 - var(--tw-ibx-size)/ 3.5 + var(--tw-cbx-bd-left-width)/ 3);
top: calc(var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position)/ 100 + var(--tw-ibx-size)/ 2 - var(--tw-ibx-size)/ 7 + (var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap) + 12px) - ((var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap) + 12px) * var(--tw-ibx-position)/ 100) - 4px + var(--lbl-bd-width) * 2);
background: linear-gradient(to top right, var(--tw-arw-bg) 52%, transparent 48%);
box-shadow: -4px 4px 8px -4px rgb(0, 0, 0, .4)
}
.twae-vertical.twae-wrapper .twae-arrow-line,
.twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-arrow-line {
right: auto;
left: calc(0px - var(--tw-ibx-size) * .5);
top: calc(var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position)/ 100 + var(--tw-ibx-size)/ 2 - var(--tw-line-width)/ 2 + (var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap) + 12px) - ((var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap) + 12px) * var(--tw-ibx-position)/ 100) + var(--lbl-bd-width) * 2)
}
.twae-vertical.twae-wrapper.twae-label-content-inside .twae-arrow,
.twae-vertical.twae-wrapper.twae-label-content-inside .twae-story.twae-story-left .twae-arrow,
.twae-vertical.twae-wrapper.twae-label-content-top .twae-arrow,
.twae-vertical.twae-wrapper.twae-label-content-top .twae-story.twae-story-left .twae-arrow {
top: calc(var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position)/ 100 + var(--tw-ibx-size)/ 2 - var(--tw-ibx-size)/ 7)
}
.twae-vertical.twae-wrapper.twae-label-content-inside .twae-icon,
.twae-vertical.twae-wrapper.twae-label-content-top .twae-icon {
top: calc(var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position)/ 100);
transform: initial
}
.twae-vertical.twae-wrapper.twae-label-content-inside .twae-arrow-line,
.twae-vertical.twae-wrapper.twae-label-content-inside .twae-story.twae-story-left .twae-arrow-line,
.twae-vertical.twae-wrapper.twae-label-content-top .twae-arrow-line,
.twae-vertical.twae-wrapper.twae-label-content-top .twae-story.twae-story-left .twae-arrow-line {
top: calc(var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position)/ 100 + var(--tw-ibx-size)/ 2 - var(--tw-line-width)/ 2)
}
.twae-vertical.twae-wrapper.twae-label-content-inside .twae-story-no-icon .twae-arrow-line,
.twae-vertical.twae-wrapper.twae-label-content-inside .twae-story-no-icon.twae-story.twae-story-left .twae-arrow-line,
.twae-vertical.twae-wrapper.twae-label-content-top .twae-story-no-icon .twae-arrow-line,
.twae-vertical.twae-wrapper.twae-label-content-top .twae-story-no-icon.twae-story.twae-story-left .twae-arrow-line {
top: calc(var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position)/ 100 + var(--tw-ibx-size)/ 2 - var(--tw-line-width)/ 2 + (var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap) + 12px) - ((var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap) + 12px) * var(--tw-ibx-position)/ 100) + var(--lbl-bd-width) * 2)
}
.twae-vertical.twae-wrapper .twae-story.twae-story-left.twae-story-no-icon .twae-arrow-line {
right: auto;
left: calc(0px - var(--tw-ibx-size) * .75)
}
.twae-vertical.twae-wrapper .twae-story.twae-story-left.twae-story-no-dot .twae-arrow-line {
right: auto;
left: calc(0px - var(--tw-ibx-size) + var(--tw-line-width) * .5)
}
.twae-vertical.twae-wrapper .twae-story.twae-story-center .twae-arrow,
.twae-vertical.twae-wrapper .twae-story.twae-story-center .twae-arrow-line {
display: block;
opacity: 1
}
.twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-arrow-line:before {
right: auto;
left: calc(0px - var(--tw-ibx-bd-width))
}
.twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-arrow-line:after {
left: auto;
right: calc(0px - var(--tw-cbx-bd-left-width))
}
.twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-icon {
left: calc(var(--tw-ibx-size)/ 2 - var(--tw-ibx-size) * 2);
right: auto
}
.twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-icondot {
left: calc(var(--tw-ibx-size) * .75 - var(--tw-ibx-size) * 2);
right: auto
}
.twae-vertical.twae-wrapper .twae-story.twae-story-center .twae-content,
.twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-content {
border-width: var(--tw-cbx-bd-top-width) var(--tw-cbx-bd-right-width) var(--tw-cbx-bd-bottom-width) var(--tw-cbx-bd-left-width)
}
.twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-title,
.twae-vertical.twae-wrapper.twae-label-content-inside .twae-compact .twae-story-left .twae-labels,
.twae-wrapper.twae-label-content-inside .twae-story.twae-story-left .twae-labels,
.twae-wrapper.twae-label-content-top .twae-story.twae-story-left .twae-labels {
justify-content: var(--tw-cbx-text-align);
text-align: var(--tw-cbx-text-align)
}
.twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-description,
.twae-vertical.twae-wrapper.twae-label-content-inside .twae-compact .twae-story.twae-story-left .twae-labels {
text-align: var(--tw-cbx-text-align)
}
.twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-media {
justify-content: var(--tw-cbx-img-align, var(--tw-cbx-text-align))
}
.twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-button {
justify-content: var(--tw-cbx-btn-align, var(--tw-cbx-text-align))
}
.twae-vertical.twae-wrapper .twae-year .twae-year-text {
position: relative;
overflow: visible;
left: calc(var(--tw-ibx-size) * 1.5);
right: auto
}
.twae-vertical.twae-wrapper .twae-year .twae-year-text:before {
height: var(--tw-line-width);
left: auto;
right: calc(100% + var(--tw-ybx-bd-width))!important;
width: calc(var(--tw-ibx-size) - var(--tw-line-width)/ 2 + var(--tw-line-bd-width) * 1px);
background-color: var(--tw-line-bg);
opacity: 1
}
.twae-vertical.twae-wrapper .twae-year-label.twae-year-text::after {
right: 100%;
left: auto;
width: var(--tw-ybx-bd-width);
height: var(--tw-line-width)
}
.twae-vertical.twae-wrapper .twae-year .twae-year-text:before,
.twae-vertical.twae-wrapper .twae-year-label.twae-year-text::after {
top: calc(50% - var(--tw-line-width)/ 2)!important;
border-width: calc(var(--tw-line-bd-width) * 1px) 0 calc(var(--tw-line-bd-width) * 1px) 0;
border-style: var(--tw-line-bd-style);
border-color: var(--tw-line-bd-color)
}
}
@media only screen and (min-width:768px) {
.twae-vertical-right.twae-wrapper .twae-end,
.twae-vertical-right.twae-wrapper .twae-start {
left: calc(33.33% - var(--tw-line-width) * 1.5)
}
.twae-vertical-right.twae-wrapper.twae-year-empty:where(.twae-label-content-inside, .twae-label-content-top) .twae-end,
.twae-vertical-right.twae-wrapper.twae-year-empty:where(.twae-label-content-inside, .twae-label-content-top) .twae-start {
left: calc(0px + var(--tw-ibx-size)/ 2 - var(--tw-line-width) * 1.5)
}
.twae-vertical-right.twae-wrapper:not(.twae-year-empty):where(.twae-label-content-inside, .twae-label-content-top) .twae-end,
.twae-vertical-right.twae-wrapper:not(.twae-year-empty):where(.twae-label-content-inside, .twae-label-content-top) .twae-start {
left: calc(var(--tw-ibx-size) + var(--tw-line-bd-width) * 1px + var(--tw-ybx-size) - var(--tw-line-width) * 1)
}
.twae-vertical-right.twae-wrapper .twae-inner-line,
.twae-vertical-right.twae-wrapper .twae-timeline:before {
left: calc(33.33% - var(--tw-line-width)/ 2)
}
.twae-vertical-right.twae-wrapper.twae-year-empty:where(.twae-label-content-inside, .twae-label-content-top) .twae-inner-line,
.twae-vertical-right.twae-wrapper.twae-year-empty:where(.twae-label-content-inside, .twae-label-content-top) .twae-timeline:before {
left: calc(0px - var(--tw-line-width)/ 2 + var(--tw-ibx-size)/ 2)
}
.twae-vertical-right.twae-wrapper:not(.twae-year-empty):where(.twae-label-content-inside, .twae-label-content-top) .twae-inner-line,
.twae-vertical-right.twae-wrapper:not(.twae-year-empty):where(.twae-label-content-inside, .twae-label-content-top) .twae-timeline:before {
left: calc(var(--tw-ibx-size) + var(--tw-line-bd-width) * 1px + var(--tw-ybx-size))
}
.twae-vertical-right.twae-wrapper .twae-year {
justify-content: left
}
.twae-vertical-right.twae-wrapper:not(.twae-year-empty):where(.twae-label-content-inside, .twae-label-content-top) .twae-year-label.twae-year-text {
left: 0
}
.twae-vertical-right.twae-wrapper .twae-year-text:after,
.twae-vertical-right.twae-wrapper .twae-year-text:before {
left: calc(25.33% - (var(--tw-line-width) - var(--tw-line-bd-width) * 2px)/ 2)
}
.twae-vertical-right.twae-wrapper .twae-labels {
right: auto;
left: calc((-100% + var(--tw-ibx-size))/ 2 - var(--tw-ibx-size) * 2);
top: calc(var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position)/ 100 - (var(--tw-lbl-big-size)/ 2 - var(--tw-ibx-size)/ 2));
width: calc((100% + var(--tw-ibx-size))/ 2 - var(--tw-ibx-size));
text-align: right
}
.twae-vertical-right.twae-wrapper.twae-label-content-inside .twae-labels {
text-align: var(--tw-cbx-text-align)
}
.twae-vertical-right.twae-wrapper .twae-story {
width: calc(66.66% - var(--tw-ibx-size));
float: right;
margin-bottom: var(--tw-cbx-bottom-margin);
text-align: left;
top: auto
}
.twae-vertical-right.twae-wrapper.twae-year-empty:where(.twae-label-content-inside, .twae-label-content-top) .twae-story {
float: left;
left: calc(var(--tw-ibx-size) * 1.5)
}
.twae-vertical-right.twae-wrapper:not(.twae-year-empty):where(.twae-label-content-inside, .twae-label-content-top) .twae-story {
float: left;
left: calc(var(--tw-ibx-size) * 2 + var(--tw-line-bd-width) * 1px + var(--tw-ybx-size) + var(--tw-line-width)/ 2)
}
.twae-vertical-right.twae-wrapper .twae-content {
border-width: var(--tw-cbx-bd-top-width) var(--tw-cbx-bd-right-width) var(--tw-cbx-bd-bottom-width) var(--tw-cbx-bd-left-width)
}
.twae-vertical-right.twae-wrapper .twae-icon {
right: auto;
left: calc(var(--tw-ibx-size)/ 2 - var(--tw-ibx-size) * 2);
top: calc(var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position)/ 100)
}
.twae-vertical-right.twae-wrapper .twae-icondot {
right: auto;
left: calc(var(--tw-ibx-size) * .75 - var(--tw-ibx-size) * 2);
top: calc(var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position)/ 100 + var(--tw-ibx-size)/ 4)
}
.twae-vertical-right.twae-wrapper .twae-arrow {
background: linear-gradient(to top right, var(--tw-arw-bg) 52%, transparent 48%);
border-width: 0 0 var(--tw-cbx-bd-left-width) var(--tw-cbx-bd-left-width);
right: auto;
left: calc(var(--tw-ibx-size)/ 7 - var(--tw-ibx-size)/ 3.5 + var(--tw-cbx-bd-left-width)/ 3 + 1px);
box-shadow: -4px 4px 8px -4px rgb(0, 0, 0, .4)
}
.twae-vertical-right.twae-wrapper .twae-arrow-line {
right: auto;
left: calc(0px - var(--tw-ibx-size) * .5)
}
.twae-vertical-right.twae-wrapper .twae-arrow-line:before {
right: auto;
left: calc(0px - var(--tw-ibx-bd-width))
}
.twae-vertical-right.twae-wrapper .twae-arrow-line:after {
left: auto;
right: calc(0px - var(--tw-cbx-bd-left-width))
}
.twae-vertical-right.twae-wrapper .twae-story-no-icon .twae-arrow-line {
right: auto;
left: calc(0px - var(--tw-ibx-size) * .75)
}
.twae-vertical-right.twae-wrapper .twae-story-no-dot .twae-arrow-line {
right: auto;
left: calc(0px - var(--tw-ibx-size) + var(--tw-line-width) * .5)
}
.twae-vertical-right.twae-wrapper .twae-story.twae-story-center:after,
.twae-vertical-right.twae-wrapper .twae-story.twae-story-center:before {
display: none
}
.twae-vertical-right.twae-wrapper .twae-story-center .twae-arrow,
.twae-vertical-right.twae-wrapper .twae-story-center .twae-arrow-line {
display: block;
opacity: 1
}
.twae-vertical-left.twae-wrapper .twae-end,
.twae-vertical-left.twae-wrapper .twae-start {
left: calc(66.66% - var(--tw-line-width) * 1.5)
}
.twae-vertical-left.twae-wrapper .twae-inner-line,
.twae-vertical-left.twae-wrapper .twae-timeline:before {
left: calc(66.66% - var(--tw-line-width)/ 2)
}
.twae-vertical-left.twae-wrapper .twae-year {
justify-content: left;
padding-left: calc(66.66% + var(--tw-line-width)/ 2 + var(--tw-ibx-size))
}
.twae-vertical-left.twae-wrapper .twae-year-label.twae-year-text::before {
content: "";
position: absolute;
height: var(--tw-line-width);
width: calc(var(--tw-ibx-size) + var(--tw-line-bd-width) * 1px);
background-color: var(--tw-line-bg);
opacity: 1;
top: calc(50% - var(--tw-line-width)/ 2)!important;
border-width: calc(var(--tw-line-bd-width) * 1px) 0 calc(var(--tw-line-bd-width) * 1px) 0;
border-style: var(--tw-line-bd-style);
border-color: var(--tw-line-bd-color)
}
.twae-vertical-left.twae-wrapper .twae-year-text:after,
.twae-vertical-left.twae-wrapper .twae-year-text:before {
left: calc(66.66% + (var(--tw-line-width) - var(--tw-line-bd-width) * 2px)/ 2)
}
.twae-vertical-left.twae-wrapper .twae-story .twae-labels {
left: auto;
right: calc((-100% + var(--tw-ibx-size))/ 2 - var(--tw-ibx-size) * 2);
top: calc(var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position)/ 100 - (var(--tw-lbl-big-size)/ 2 - var(--tw-ibx-size)/ 2));
width: calc((100% + var(--tw-ibx-size))/ 2 - var(--tw-ibx-size));
text-align: left
}
.twae-vertical-left.twae-wrapper.twae-label-content-inside .twae-labels,
.twae-vertical.twae-wrapper.twae-label-content-inside .twae-compact .twae-story-right .twae-labels {
text-align: var(--tw-cbx-text-align)
}
.twae-vertical-left.twae-wrapper.twae-label-content-inside .twae-story .twae-labels,
.twae-vertical-left.twae-wrapper.twae-label-content-top .twae-story .twae-labels,
.twae-vertical-right.twae-wrapper.twae-label-content-inside .twae-labels,
.twae-wrapper.twae-label-content-inside .twae-labels {
width: 100%
}
.twae-vertical-left.twae-wrapper .twae-story {
float: left;
width: calc(66.66% - var(--tw-ibx-size));
margin-bottom: var(--tw-cbx-bottom-margin);
text-align: left;
top: auto
}
.twae-vertical-left.twae-wrapper .twae-content {
border-width: var(--tw-cbx-bd-top-width) var(--tw-cbx-bd-left-width) var(--tw-cbx-bd-bottom-width) var(--tw-cbx-bd-right-width)
}
.twae-vertical-left.twae-wrapper .twae-icon {
left: auto;
right: calc(var(--tw-ibx-size)/ 2 - var(--tw-ibx-size) * 2);
top: calc(var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position)/ 100)
}
.twae-vertical-left.twae-wrapper .twae-icondot {
left: auto;
right: calc(var(--tw-ibx-size) * .75 - var(--tw-ibx-size) * 2);
top: calc(var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position)/ 100 + var(--tw-ibx-size)/ 4)
}
.twae-vertical-left.twae-wrapper .twae-arrow {
left: auto;
right: calc(var(--tw-ibx-size)/ 7 - var(--tw-ibx-size)/ 3.5 + var(--tw-cbx-bd-left-width)/ 3);
background: linear-gradient(to bottom left, var(--tw-arw-bg) 52%, transparent 48%);
border-width: var(--tw-cbx-bd-left-width) var(--tw-cbx-bd-left-width) 0 0;
box-shadow: 4px -4px 8px -4px rgb(0, 0, 0, .4)
}
.twae-vertical-left.twae-wrapper.twae-bg-hover .twae-story:hover .twae-arrow {
background: linear-gradient(to bottom left, var(--tw-cbx-title-bg, var(--tw-cbx-bg-hover)) 52%, transparent 48%)
}
.twae-vertical-left.twae-wrapper .twae-arrow-line {
left: auto;
right: calc(0px - var(--tw-ibx-size) * .5)
}
.twae-vertical-left.twae-wrapper .twae-arrow-line:before {
left: auto;
right: calc(0px - var(--tw-ibx-bd-width))
}
.twae-vertical-left.twae-wrapper .twae-arrow-line:after {
right: auto;
left: calc(0px - var(--tw-cbx-bd-left-width))
}
.twae-vertical-left.twae-wrapper .twae-story-no-icon .twae-arrow-line {
left: auto;
right: calc(0px - var(--tw-ibx-size) * .75)
}
.twae-vertical-left.twae-wrapper .twae-story-no-dot .twae-arrow-line {
left: auto;
right: calc(0px - var(--tw-ibx-size) + var(--tw-line-width) * .5)
}
.twae-vertical-left.twae-wrapper .twae-story.twae-story-center:after,
.twae-vertical-left.twae-wrapper .twae-story.twae-story-center:before {
display: none
}
.twae-vertical-left.twae-wrapper .twae-story-center .twae-arrow,
.twae-vertical-left.twae-wrapper .twae-story-center .twae-arrow-line {
display: block;
opacity: 1
}
.twae-vertical-center.twae-wrapper .twae-labels {
top: calc(0px - var(--tw-ibx-size) * 2 - (var(--tw-lbl-big-size)/ 2 - var(--tw-ibx-size)/ 2));
left: calc(50% + var(--tw-ibx-size));
width: calc(50% - var(--tw-ibx-size));
text-align: left
}
.twae-vertical-center.twae-wrapper .twae-icon {
top: calc(0px - var(--tw-ibx-size) * 2);
left: calc(50% - var(--tw-ibx-size)/ 2)
}
.twae-vertical-center.twae-wrapper .twae-icondot {
top: calc(0px - var(--tw-ibx-size) * 1.75);
left: calc(50% - var(--tw-ibx-size)/ 4)
}
.twae-vertical-center.twae-wrapper .twae-arrow,
.twae-vertical-center.twae-wrapper .twae-arrow-line {
display: none;
opacity: 0
}
.twae-vertical-center.twae-wrapper .twae-story {
width: 100%;
margin-left: auto;
margin-right: auto;
float: none;
text-align: center;
top: calc(var(--tw-ibx-size) * 2.5);
margin-bottom: calc(var(--tw-ibx-size) * 2.5 + var(--tw-cbx-bottom-margin))
}
.twae-vertical-center.twae-wrapper .twae-content {
border-width: var(--tw-cbx-bd-left-width) var(--tw-cbx-bd-right-width) var(--tw-cbx-bd-left-width) var(--tw-cbx-bd-right-width)
}
.twae-vertical-center.twae-wrapper .twae-story:after,
.twae-vertical-center.twae-wrapper .twae-story:before {
content: " ";
position: absolute;
height: calc(var(--tw-cbx-bd-left-width) + 10px);
width: calc(var(--tw-line-width) - var(--tw-line-bd-width) * 2px);
background: var(--tw-line-bg);
left: calc(50% - (var(--tw-line-width) - var(--tw-line-bd-width) * 2px)/ 2);
opacity: var(--tw-line-bd-width);
z-index: 1
}
.twae-vertical-center.twae-wrapper .twae-story:before {
top: -10px
}
.twae-vertical-center.twae-wrapper .twae-story:after {
bottom: -10px
}
.twae-vertical.twae-wrapper.twae_image_outside {
--tw-image-outside-top-margin: 0px;
--tw-image-outside-bottom-margin: 10px
}
.twae-both-sided.twae-wrapper.twae_image_outside .twae-icon,
.twae-both-sided.twae-wrapper.twae_image_outside .twae-icondot {
z-index: 1
}
.twae-both-sided.twae-wrapper.twae_image_outside .twae-content {
overflow: visible;
min-height: 20vw
}
.twae-both-sided.twae-wrapper.twae_image_outside .twae-media {
top: 0;
min-height: 20vw;
max-height: 100%;
height: 100%;
position: absolute;
left: calc(-100% - var(--tw-ibx-size) * 1);
padding-right: var(--tw-ibx-size);
align-items: start
}
.twae-both-sided.twae-wrapper.twae_image_outside .twae-media .twae-slideshow {
overflow: hidden;
max-height: 100%
}
.twae-both-sided.twae-wrapper.twae_image_outside .twae-media :where(.swiper-wrapper, .swiper-slide) {
max-height: 100%!important;
aspect-ratio: 4/3
}
.twae-vertical.twae-wrapper.twae_image_outside .twae-story-left .twae-media {
left: auto;
right: calc(-100% - var(--tw-ibx-size) * 1);
padding-right: 0;
padding-left: var(--tw-ibx-size)
}
.twae-both-sided.twae-wrapper.twae_image_outside .twae-media img {
width: 100%;
height: calc(100% - var(--tw-image-outside-top-margin) - var(--tw-image-outside-bottom-margin));
object-position: center;
object-fit: cover;
max-height: var(--tw-cbx-img-height)
}
.twae-both-sided.twae-wrapper.twae_image_outside .twae-media a {
height: 100%
}
.twae-both-sided.twae-wrapper.twae_image_outside .twae-media::after {
content: "";
position: absolute;
top: calc(var(--tw-ibx-position) * 1% - var(--tw-ibx-size) * var(--tw-ibx-position)/ 100 + var(--tw-ibx-size)/ 2 - var(--tw-line-width)/ 2);
left: calc(100% + 3px);
width: calc(var(--tw-ibx-size) - var(--tw-line-width) * .5 + 1px);
height: var(--tw-line-width);
background-color: var(--tw-arw-line-background);
transform: translateX(calc(-100% - var(--tw-line-width)));
border-width: calc(var(--tw-line-bd-width) * 1px) 0 calc(var(--tw-line-bd-width) * 1px) 0;
border-style: var(--tw-line-bd-style);
border-color: var(--tw-arw-line-border-color)
}
.twae-both-sided.twae-wrapper.twae_image_outside .twae-story-left .twae-media::after {
left: auto;
right: calc(100% + 3px);
transform: translateX(calc(100% + var(--tw-line-width)))
}
}