body {
margin: 0;
padding: 0;
}
.wp-block-cgb-block-mobile-labs-slide {
position: absolute;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
opacity: 0;
pointer-events: none;
left: 0;
width: 100%;
-webkit-transition: opacity .375s cubic-bezier(.4, 0, .2, 1), -webkit-transform .375s cubic-bezier(.4, 0, .2, 1);
transition: opacity .375s cubic-bezier(.4, 0, .2, 1), -webkit-transform .375s cubic-bezier(.4, 0, .2, 1);
-o-transition: opacity .375s cubic-bezier(.4, 0, .2, 1), transform .375s cubic-bezier(.4, 0, .2, 1);
transition: opacity .375s cubic-bezier(.4, 0, .2, 1), transform .375s cubic-bezier(.4, 0, .2, 1);
transition: opacity .375s cubic-bezier(.4, 0, .2, 1), transform .375s cubic-bezier(.4, 0, .2, 1), -webkit-transform .375s cubic-bezier(.4, 0, .2, 1)
}
@media screen and (min-width: 980px) {
.wp-block-cgb-block-mobile-labs-slide {
-ms-flex-direction: row;
flex-direction: row
}
}
.wp-block-cgb-block-mobile-labs-slide--enter {
-webkit-transform: translateX(-200px);
-ms-transform: translateX(-200px);
transform: translateX(-200px)
}
.wp-block-cgb-block-mobile-labs-slide--leave {
-webkit-transform: translateX(200px);
-ms-transform: translateX(200px);
transform: translateX(200px)
}
.wp-block-cgb-block-mobile-labs-slide--active {
opacity: 1;
pointer-events: auto
}
.wp-block-cgb-block-mobile-labs-slide__lottie {
-ms-flex: 1;
flex: 1;
width: 300px;
min-width: 300px
}
.wp-block-cgb-block-mobile-labs-slide__lottie>svg {
width: 100%
}
.wp-block-cgb-block-mobile-labs-slide__text {
-ms-flex: 2;
flex: 2
}
.wp-block-cgb-block-mobile-labs-slide__title {
position: relative
}
.wp-block-cgb-block-mobile-labs-slide__title:after {
content: "";
position: absolute;
left: 0;
width: 60px;
height: 3px;
background-color: #edc242;
bottom: -.4rem
}
.wp-block-cgb-block-mobile-labs-slide__description {
font-weight: 400
}
.wp-block-cgb-block-mobile-labs-slide__description strong {
color: #edc242
}
.wp-block-cgb-block-mobile-labs-slide__caption {
display: none
}
.wp-block-cgb-block-mobile-labs-timeline {
font-family: "Montserrat", sans-serif;
color: #333;
background: #f5f5f5
}
.wp-block-cgb-block-mobile-labs-timeline__wrapper {
margin: 0 auto;
max-width: calc(980px - 40px);
padding: 100px 20px
}
.wp-block-cgb-block-mobile-labs-timeline__title {
font-family: "Montserrat", sans-serif;
color: #333;
text-align: center;
font-size: 1.95em;
line-height: 1.8
}
.wp-block-cgb-block-mobile-labs-timeline__title em {
font-weight: 700;
font-style: normal;
color: #edc242
}
.wp-block-cgb-block-mobile-labs-slides {
position: relative;
margin: 0;
list-style: none;
overflow: hidden;
}
.wp-block-cgb-block-mobile-labs-timeline-steps {
position: relative;
counter-reset: timeline;
margin: 0;
list-style: none;
display: -ms-flexbox;
display: flex;
padding: 30px 0
}
.wp-block-cgb-block-mobile-labs-timeline-steps:before {
content: "";
display: block;
position: absolute;
bottom: 22px;
left: 0;
width: 100%;
height: 8px;
background: #ececec
}
.wp-block-cgb-block-mobile-labs-timeline-steps__progress {
position: absolute;
bottom: 22px;
width: 100%;
height: 8px;
background: #edc242;
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0)
}
.wp-block-cgb-block-mobile-labs-timeline-step {
-ms-flex: 1;
flex: 1;
position: relative;
font-size: .9rem;
padding: 5px
}
.wp-block-cgb-block-mobile-labs-timeline-step:before {
counter-increment: timeline;
content: ".0" counter(timeline);
position: absolute;
top: -16px;
font-weight: 700;
font-size: .8rem
}
.wp-block-cgb-block-mobile-labs-timeline-step:after {
content: "";
position: absolute;
display: block;
right: -1px;
width: 8px;
height: 10px;
bottom: -9px;
background-color: #f5f5f5
}
.components-custom-select-control {
position: relative
}
.components-custom-select-control__label {
display: block;
margin-bottom: 8px
}
.components-custom-select-control__button {
border: 1px solid #757575;
border-radius: 2px;
min-height: 30px;
min-width: 130px;
position: relative;
text-align: left
}
.components-custom-select-control__button.components-custom-select-control__button {
padding-right: 24px
}
.components-custom-select-control__button:focus:not(:disabled) {
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 1px var(--wp-admin-theme-color)
}
.components-custom-select-control__button .components-custom-select-control__button-icon {
height: 100%;
padding: 0;
position: absolute;
right: 0;
top: 0
}
.components-custom-select-control__menu {
background-color: #fff;
border: 1px solid #1e1e1e;
border-radius: 2px;
max-height: 400px;
min-width: 100%;
outline: none;
overflow: auto;
padding: 0;
position: absolute;
transition: none;
z-index: 1000000
}
.components-custom-select-control__menu[aria-hidden=true] {
display: none
}
.components-custom-select-control__item {
align-items: center;
cursor: default;
display: flex;
line-height: 28px;
list-style-type: none;
padding: 8px
}
.components-custom-select-control__item.is-highlighted {
background: #ddd
}
.components-custom-select-control__item .components-custom-select-control__item-icon {
margin-left: auto;
margin-right: 0
}
.components-custom-select-control__item:last-child {
margin-bottom: 0
}
.components-snackbar {
background-color: #1e1e1e;
border-radius: 2px;
box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
box-sizing: border-box;
color: #fff;
cursor: pointer;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
font-size: 13px;
max-width: 600px;
padding: 16px 24px;
pointer-events: auto;
width: 100%
}