.ContentExplainVideo{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow-x:clip}.ContentExplainVideo__container{width:calc(var(--container-width));transform:translateY(40%)}@media (width<=849px){.ContentExplainVideo__container{width:100%;transform:translateY(0)}}.ContentExplainVideo__icon-container{opacity:.55;z-index:-10;color:var(--color-primary-accent);position:absolute;bottom:25%;right:4%;scale:4.8}.ContentExplainVideo__columns{align-items:center;display:flex}@media (width<=849px){.ContentExplainVideo__columns{flex-direction:column-reverse}}.ContentExplainVideo__video-container{cursor:pointer;aspect-ratio:3/4;background:0 0;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.ContentExplainVideo__video-container:hover .ContentExplainVideo__play-icon{opacity:1}.ContentExplainVideo__play{z-index:10;pointer-events:none;width:100px;height:100px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ContentExplainVideo__play-backdrop{-webkit-backdrop-filter:blur(17px);border-radius:50%;position:absolute;inset:0}.ContentExplainVideo__play-svg{width:100%;height:100%;display:block}.ContentExplainVideo__play-icon{opacity:.5;transition:opacity var(--transition-fast)}.ContentExplainVideo__column--video{width:calc(2/var(--columns)*100%);margin-left:calc(4/var(--columns)*100%)}@media (width<=2499px){.ContentExplainVideo__column--video{margin-left:calc(3/var(--columns)*100%)}}@media (width<=2099px){.ContentExplainVideo__column--video{margin-left:calc(2/var(--columns)*100%)}}@media (width<=1699px){.ContentExplainVideo__column--video{margin-left:calc(1/var(--columns)*100%)}}@media (width<=1299px){.ContentExplainVideo__column--video{margin-left:0}}.ContentExplainVideo__column--content{width:calc(3/var(--columns)*100%);padding-left:50px}@media (width<=849px){.ContentExplainVideo__column--content{padding:0 25px}}@media (width<=1299px){.ContentExplainVideo__column--content{width:calc(2/var(--columns)*100%)}}@media (width<=849px){.ContentExplainVideo__column--content{margin-bottom:100px}}.ContentExplainVideo__copy{font-size:2rem}@media (width<=849px){.ContentExplainVideo__copy{margin-top:100px;font-size:1.5rem}}.ContentExplainVideo__copy{margin-bottom:50px}.ContentExplainVideo__button-container{gap:20px;display:flex}.ContentExplainVideo__modal{z-index:100;justify-content:center;align-items:center;padding:40px 24px;display:flex;position:fixed;inset:0}.ContentExplainVideo__modal-background{background-color:var(--color-secondary);opacity:.7;position:absolute;inset:0}.ContentExplainVideo__modal-container{z-index:1;width:min(960px,100%);position:relative}.ContentExplainVideo__modal-close{z-index:2;background-color:var(--color-primary);width:48px;height:48px;color:var(--color-secondary);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:-20px;right:-20px}@media (width<=849px){.ContentExplainVideo__modal-close{width:40px;height:40px;top:-12px;right:-4px}}.ContentExplainVideo__modal-close-icon{width:18px;height:18px;rotate:45deg}.ContentExplainVideo__modal-video{aspect-ratio:16/9;background-color:var(--color-secondary);overflow:hidden}.ContentExplainVideoModal-enter-active .ContentExplainVideo__modal-background{transition:opacity var(--transition-duration-slow) cubic-bezier(.165,.84,.44,1)}.ContentExplainVideoModal-enter-active .ContentExplainVideo__modal-container{transition:opacity var(--transition-duration-slow) cubic-bezier(.165,.84,.44,1) var(--transition-duration-fast),transform var(--transition-duration-slow) cubic-bezier(.165,.84,.44,1) var(--transition-duration-fast)}.ContentExplainVideoModal-leave-active .ContentExplainVideo__modal-background{transition:opacity var(--transition-duration-medium) cubic-bezier(.33,1,.68,1)}.ContentExplainVideoModal-leave-active .ContentExplainVideo__modal-container{transition:opacity var(--transition-duration-medium) cubic-bezier(.33,1,.68,1),transform var(--transition-duration-medium) cubic-bezier(.33,1,.68,1)}.ContentExplainVideoModal-enter-from .ContentExplainVideo__modal-background,.ContentExplainVideoModal-leave-to .ContentExplainVideo__modal-background{opacity:0}.ContentExplainVideoModal-enter-from .ContentExplainVideo__modal-container,.ContentExplainVideoModal-leave-to .ContentExplainVideo__modal-container{opacity:0;transform:translateY(24px)}
