/*!
Theme Name: Kava Child
Theme URI:
Author: Zemez
Author URI:
Description: Kava child theme.
Template: kava
Version: 1.0.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kava-child
*/

.DataScienceAnimation {
    overflow: hidden;
    position: relative;
    --s-size: 442px;
    --s-duration: 6s;
    --s-translate-left-x: calc(-100vw / 2 - var(--s-size) / 2);
    --s-translate-right-x: calc(100vw / 2 + var(--s-size) / 2);
    --s-rotate-left-deg: -320deg;
    --s-rotate-right-deg: 320deg;
}
.DataScienceAnimation .s-inset-0 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.DataScienceAnimation .s-z-1 {
    z-index: 10;
}
.DataScienceAnimation .s-z-2 {
    z-index: 20;
}
.DataScienceAnimation .s-z-3 {
    z-index: 30;
}
.DataScienceAnimation .s-z-4 {
    z-index: 40;
}
.DataScienceAnimation .s-pink {
    fill: #DC0879;
}
.DataScienceAnimation .s-color-pink {
    color: #DC0879;
}
.DataScienceAnimation .s-blue {
    fill: #31B6F7;
}
.DataScienceAnimation .s-color-blue {
    color: #31B6F7;
}
.DataScienceAnimation .s-color-black {
    color: black;
}
.DataScienceAnimation .s-white {
    fill: white;
}
.DataScienceAnimation .s-h-100 {
    height: 100%;
}
.DataScienceAnimation .initial-room {
    display: flex;
    justify-content: center;
    align-items: center;
}
.DataScienceAnimation .initial-room .initial-text span {
    letter-spacing: 1px;
    font-size: calc(var(--s-size) / 12);
    font-weight: 900;
}
.DataScienceAnimation .initial-room .initial-text .text-plus {
    display: inline-block;
    position: relative;
    top: 2px;
}
.DataScienceAnimation .animation-room {
    display: flex;
    justify-content: center;
    position: relative;
    opacity: 0;
}
.DataScienceAnimation .animation-room .room-layer-container {
    position: relative;
}
.DataScienceAnimation .animation-room .ani-effect {
    animation-duration: var(--s-duration);
    animation-delay: 100ms;
    animation-timing-function: cubic-bezier(0.275, 0.135, 0.26, 1);
    animation-fill-mode: forwards;
    animation-play-state: paused;
}
.DataScienceAnimation .animation-room .ani-play-effect {
    animation-play-state: paused;
}
.DataScienceAnimation .animation-room .ani-left {
    transform: translateX(var(--s-translate-right-x));
    animation-name: layer-left-move;
}
.DataScienceAnimation .animation-room .ani-right {
    transform: translateX(var(--s-translate-left-x));
    animation-name: layer-right-move;
}
.DataScienceAnimation .animation-room .ani-rotate-left {
    transform: rotate(var(--s-rotate-left-deg));
    animation-name: layer-right-move;
}
.DataScienceAnimation .animation-room .ani-rotate-right {
    transform: rotate(var(--s-rotate-right-deg));
    animation-name: layer-left-move;
}
.DataScienceAnimation .animation-room .ani-fandom-text {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.38, 0.08, 0.56, 0.95);
    transition-duration: 2s;
    transition-delay: calc(var(--s-duration) - 1s);
}
.DataScienceAnimation .animation-room .ani-letter-rotate {
    display: inline-block;
    opacity: 0;
    transform-origin: center;
    transform: rotateY(0.5turn);
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.19, 0.36, 0.56, 0.95);
    transition-delay: calc(var(--s-duration) + var(--nth) * 60ms);
}
.DataScienceAnimation .animation-room .ani-letter-rotate:nth-child(1) {
    --nth: 1;
}
.DataScienceAnimation .animation-room .ani-letter-rotate:nth-child(2) {
    --nth: 3;
}
.DataScienceAnimation .animation-room .ani-letter-rotate:nth-child(3) {
    --nth: 3;
}
.DataScienceAnimation .animation-room .ani-letter-rotate:nth-child(4) {
    --nth: 4;
}
.DataScienceAnimation .animation-room .ani-letter-rotate:nth-child(5) {
    --nth: 5;
}
.DataScienceAnimation .animation-room .ani-letter-rotate:nth-child(6) {
    --nth: 6;
}
.DataScienceAnimation .animation-room .ani-letter-rotate:nth-child(7) {
    --nth: 7;
}
.DataScienceAnimation .animation-room .ani-letter-rotate:nth-child(8) {
    --nth: 8;
}
.DataScienceAnimation .animation-room .ani-letter-rotate:nth-child(9) {
    --nth: 9;
}
.DataScienceAnimation .animation-room .ani-letter-rotate:nth-child(10) {
    --nth: 10;
}
.DataScienceAnimation .animation-room .ani-letter-rotate:nth-child(11) {
    --nth: 11;
}
.DataScienceAnimation .animation-room .ani-letter-rotate:nth-child(12) {
    --nth: 12;
}
.DataScienceAnimation .animation-room .ani-letter-rotate:nth-child(13) {
    --nth: 13;
}
.DataScienceAnimation .animation-room .ani-letter-rotate:nth-child(14) {
    --nth: 14;
}
.DataScienceAnimation .animation-room .ani-letter-rotate:nth-child(15) {
    --nth: 15;
}
.DataScienceAnimation .animation-room .ani-image-appear {
    transform-origin: center;
    transform: scale(2);
    opacity: 0;
    animation: var(--s-duration) cubic-bezier(0.63, 0.07, 0.39, 0.63) forwards 100ms;
    animation-name: image-scale;
    animation-play-state: paused;
}
.DataScienceAnimation .animation-room .s-overflow-hidden {
    overflow: hidden;
}
.DataScienceAnimation .animation-room .s-circle {
    border-radius: 50%;
}
.DataScienceAnimation .animation-room .s-background-white {
    background-color: white;
}
.DataScienceAnimation .animation-room .s-size {
    width: var(--s-size);
    height: var(--s-size);
}
.DataScienceAnimation .animation-room .s-flex {
    display: flex;
}
.DataScienceAnimation .animation-room .s-justify-center {
    justify-content: center;
}
.DataScienceAnimation .animation-room .s-cleaner {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100vw;
    border-radius: calc(var(--s-size) / 2);
}
.DataScienceAnimation .animation-room .s-cleaner--left {
    right: 0;
}
.DataScienceAnimation .animation-room .s-cleaner--right {
    left: 0;
}
.DataScienceAnimation .animation-room .s-d-none {
    display: none;
}
.DataScienceAnimation .animation-room .room-layer .layer-circle {
    line-height: 0;
}
.DataScienceAnimation .animation-room .room-layer .layer-circle svg {
    width: var(--s-size);
    height: var(--s-size);
}
.DataScienceAnimation .animation-room .room-layer--left {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 25%;
    width: 100%;
    height: 100%;
}
.DataScienceAnimation .animation-room .room-layer--left .layer-circle {
    transform: rotate(var(--s-rotate-left-deg));
    animation-name: circle-right-rotate;
}
.DataScienceAnimation .animation-room .room-layer--right {
    position: absolute;
    top: 0;
    right: 25%;
    width: 100%;
    height: 100%;
}
.DataScienceAnimation .animation-room .room-layer--right .layer-circle {
    transform: rotate(var(--s-rotate-right-deg));
    animation-name: circle-left-rotate;
}
.DataScienceAnimation .animation-room .room-layer--center {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.DataScienceAnimation .animation-room .room-layer--center .center-inner {
    margin: 0 auto;
}
.DataScienceAnimation .animation-room .room-layer--center svg {
    width: 100%;
    height: 100%;
}
.DataScienceAnimation .animation-room .room-layer--center svg .clip-circle {
    cy: 50%;
    r: 46.5%;
}
.DataScienceAnimation .animation-room .room-layer--center svg .clip-circle--left {
    cx: 75%;
}
.DataScienceAnimation .animation-room .room-layer--center svg .clip-circle--right {
    cx: 25%;
}
.DataScienceAnimation .animation-room .room-layer--center svg .getty-image {
    width: 100%;
    height: 100%;
}
.DataScienceAnimation .animation-room .room-layer--text {
    max-width: calc(1.9 * var(--s-size));
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.DataScienceAnimation .animation-room .room-layer--text .text-fandom {
    margin-top: calc(var(--s-size) / 5);
    letter-spacing: 1px;
    font-size: max(var(--s-size) / 16, 16px);
    font-weight: bold;
    color: white;
}
.DataScienceAnimation .animation-room .room-layer--text .text-side {
    width: calc(var(--s-size) / 2);
    display: flex;
    justify-content: center;
    align-items: center;
}
.DataScienceAnimation .animation-room .room-layer--text .text-side .text__content {
    white-space: pre-line;
    text-align: center;
}
.DataScienceAnimation .animation-room .room-layer--text .text-side .text__content span {
    letter-spacing: 1px;
    font-size: calc(var(--s-size) / 12);
    font-weight: bold;
}
.DataScienceAnimation .animation-room .room-layer--text .text-data-science {
    color: #31B6F7;
}
.DataScienceAnimation .animation-room .room-layer--text .text-primary-research {
    color: #DC0879;
}
.DataScienceAnimation .animation-room.animation-play {
    opacity: 1;
}
.DataScienceAnimation .animation-room.animation-play .ani-effect {
    animation-play-state: running;
}
.DataScienceAnimation .animation-room.animation-play .ani-letter-rotate {
    opacity: 1;
    transform: rotateY(1turn);
}
.DataScienceAnimation .animation-room.animation-play .ani-image-appear {
    animation-play-state: running;
}
.DataScienceAnimation .animation-room.animation-play .ani-fandom-text {
    opacity: 1;
}
@media screen and (max-width: 1200px) {
    .DataScienceAnimation {
        --s-rotate-left-deg: -290deg;
        --s-rotate-right-deg: 290deg;
    }
}
@media screen and (max-width: 991px) {
    .DataScienceAnimation {
        --s-size: 400px;
        --s-translate-left-x: calc(-100vw / 2 - var(--s-size) / 2);
        --s-translate-right-x: calc(100vw / 2 + var(--s-size) / 2);
        --s-rotate-left-deg: -290deg;
        --s-rotate-right-deg: 290deg;
    }
}
@media screen and (max-width: 768px) {
    .DataScienceAnimation {
        --s-size: 300px;
        --s-translate-left-x: calc(-100vw / 2 - var(--s-size) / 2);
        --s-translate-right-x: calc(100vw / 2 + var(--s-size) / 2);
        --s-rotate-left-deg: -290deg;
        --s-rotate-right-deg: 290deg;
    }
}
@media screen and (max-width: 500px) {
    .DataScienceAnimation {
        --s-size: 250px;
        --s-translate-left-x: calc(-100vw / 2 - var(--s-size) / 2);
        --s-translate-right-x: calc(100vw / 2 + var(--s-size) / 2);
        --s-rotate-left-deg: -290deg;
        --s-rotate-right-deg: 290deg;
    }
}
@media screen and (max-width: 400px) {
    .DataScienceAnimation {
        --s-size: 200px;
        --s-translate-left-x: calc(-100vw / 2 - var(--s-size) / 2);
        --s-translate-right-x: calc(100vw / 2 + var(--s-size) / 2);
        --s-rotate-left-deg: -290deg;
        --s-rotate-right-deg: 290deg;
    }
}
@keyframes layer-right-move {
    from {
        transform: translateX(var(--s-translate-left-x));
    }
    to {
        transform: translateX(0%);
    }
}
@keyframes layer-left-move {
    from {
        transform: translateX(var(--s-translate-right-x));
    }
    to {
        transform: translateX(0%);
    }
}
@keyframes circle-right-rotate {
    from {
        transform: rotate(var(--s-rotate-left-deg));
    }
    to {
        transform: rotate(0deg);
    }
}
@keyframes circle-left-rotate {
    from {
        transform: rotate(var(--s-rotate-right-deg));
    }
    to {
        transform: rotate(0deg);
    }
}
@keyframes image-scale {
    0% {
        transform: scale(2.1);
        opacity: 0;
    }
    40% {
        transform: scale(2);
        opacity: 0.2;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes fandom-text-appear {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/*# sourceMappingURL=data-science-animation.css.map */