@keyframes shine-skeleton-lines{0{background-position:-100px}
40%,100%{background-position:600px}
}
.mod__max-w-xl{max-width:1436px;margin:auto}
@keyframes spin{0{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes rotateImageLoading{from{transform:translate(-50%,-50%) rotateY(0) scale(1.01)}
to{transform:translate(-50%,-50%) rotateY(360deg) scale(1.01)}
}
.cmp-video-container__container{position:relative;margin:0 auto;width:100%;max-width:1436px;padding:0 16px}
@media(min-width:764px){.cmp-video-container__container{padding:0 24px}
}
@media(min-width:1016px){.cmp-video-container__container{padding:0 48px}
}
@media(min-width:1436px){.cmp-video-container__container{padding:0 58px}
}
.cmp-video-container__container--big,.cmp-video-container__container--small{position:relative;margin:0 auto;width:100%;max-width:1436px;padding:0 16px}
@media(min-width:764px){.cmp-video-container__container--big,.cmp-video-container__container--small{padding:0 24px}
}
@media(min-width:1016px){.cmp-video-container__container--big,.cmp-video-container__container--small{padding:0 48px}
}
@media(min-width:1436px){.cmp-video-container__container--big,.cmp-video-container__container--small{padding:0 58px}
}
.cmp-video-container--padding-small{padding:16px 0}
.cmp-video-container--padding-big{padding:32px 0}
.cmp-video-container.mod__dark{background:var(--color-bg-01)}
.cmp-video-container.mod__dark .cmp-title__text{color:var(--color-font-03);margin:0}
.cmp-video-container.mod__dark .cmp-text,.cmp-video-container.mod__dark .cmp-text p{color:var(--color-font-03)}
.cmp-video-container.mod__dark .cmp-text a{color:var(--color-font-03);text-decoration:underline}
@media(min-width:764px){.cmp-video-container__container{position:relative;margin:0 auto;width:100%;max-width:75%;padding:0 16px}
.cmp-video-container__container--big{position:relative;margin:0 auto;width:100%;max-width:1436px;padding:0 16px}
.cmp-video-container__container--small{position:relative;margin:0 auto;width:100%;max-width:50%;padding:0 16px}
.cmp-video-container--padding-small{padding:32px 0}
.cmp-video-container--padding-big{padding:64px 0}
}
@media(min-width:764px) and (min-width:764px){.cmp-video-container__container{padding:0 24px}
}
@media(min-width:764px) and (min-width:1016px){.cmp-video-container__container{padding:0 48px}
}
@media(min-width:764px) and (min-width:1436px){.cmp-video-container__container{padding:0 58px}
}
@media(min-width:764px) and (min-width:764px){.cmp-video-container__container--big{padding:0 24px}
}
@media(min-width:764px) and (min-width:1016px){.cmp-video-container__container--big{padding:0 48px}
}
@media(min-width:764px) and (min-width:1436px){.cmp-video-container__container--big{padding:0 58px}
}
@media(min-width:764px) and (min-width:764px){.cmp-video-container__container--small{padding:0 24px}
}
@media(min-width:764px) and (min-width:1016px){.cmp-video-container__container--small{padding:0 48px}
}
@media(min-width:764px) and (min-width:1436px){.cmp-video-container__container--small{padding:0 58px}
}
@media(min-width:1016px){.cmp-video-container__container{position:relative;margin:0 auto;width:100%;max-width:50%;padding:0 16px}
.cmp-video-container__container--big{position:relative;margin:0 auto;width:100%;max-width:1436px;padding:0 16px}
.cmp-video-container__container--small{position:relative;margin:0 auto;width:100%;max-width:35%;padding:0 16px}
.cmp-video-container--padding-small{padding:64px 0}
.cmp-video-container--padding-big{padding:128px 0}
}
@media(min-width:1016px) and (min-width:764px){.cmp-video-container__container{padding:0 24px}
}
@media(min-width:1016px) and (min-width:1016px){.cmp-video-container__container{padding:0 48px}
}
@media(min-width:1016px) and (min-width:1436px){.cmp-video-container__container{padding:0 58px}
}
@media(min-width:1016px) and (min-width:764px){.cmp-video-container__container--big{padding:0 24px}
}
@media(min-width:1016px) and (min-width:1016px){.cmp-video-container__container--big{padding:0 48px}
}
@media(min-width:1016px) and (min-width:1436px){.cmp-video-container__container--big{padding:0 58px}
}
@media(min-width:1016px) and (min-width:764px){.cmp-video-container__container--small{padding:0 24px}
}
@media(min-width:1016px) and (min-width:1016px){.cmp-video-container__container--small{padding:0 48px}
}
@media(min-width:1016px) and (min-width:1436px){.cmp-video-container__container--small{padding:0 58px}
}