body{scroll-behavior:smooth;background:var(--backgroundColor);font-family:"Poppins",sans-serif;transition-delay:2s;max-width:100vw;box-sizing:border-box}body.loaded{pointer-events:all}body.loaded #intro-card-container{transform:translateX(0);background:var(--backgroundColor)}body.loaded #intro-card-container .panel{opacity:1;transition-delay:1.75s}body.loaded #intro-card-container .panel:before{opacity:.15;transition-delay:2.5s}body.loaded::-webkit-scrollbar{background:var(--secondaryShade5);width:5px}body::-webkit-scrollbar{background:var(--primaryColor);width:5px}body::-webkit-scrollbar-thumb{background:var(--primaryColor)}body.active{cursor:auto;overflow:hidden}body.active #intro-card-container{transform:translateX(-125vw);transition-delay:0s}body.active #intro-card-container .panel h2 span.word:before{transform:translate(-50%,100px);transition:0s ease-in-out;transition-delay:0s}body #intro-card-container{display:block;transition:.5s cubic-bezier(1,0.885,0.32,1);transform:translateX(0);transition-delay:.75s;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;overflow:hidden;position:relative;box-sizing:border-box;width:calc(55vw + 280px);height:100%;margin:0 auto 15vh auto}@media screen and (max-width:580px){body #intro-card-container{width:100%}}body #intro-card-container .panel{--progress:0;position:relative;width:100%;height:100%;padding:20px;box-sizing:border-box;transition:1s cubic-bezier(1,0.885,0.32,1);transform-style:preserve-3d;backface-visibility:hidden;opacity:1}@media screen and (max-width:480px){body #intro-card-container .panel{padding:5px}}body #intro-card-container .panel img{width:300px;border-radius:8px}@media screen and (max-width:680px){body #intro-card-container .panel img{width:100% !important;margin-top:1rem;margin-bottom:1rem}}body #intro-card-container .panel img:nth-child(even){float:left;margin-right:1rem}@media screen and (max-width:680px){body #intro-card-container .panel img:nth-child(even){float:none !important;margin-right:0 !important}}body #intro-card-container .panel img:nth-child(odd){float:right;margin-left:1rem}@media screen and (max-width:680px){body #intro-card-container .panel img:nth-child(odd){float:none !important;margin-left:0 !important}}body #intro-card-container .panel:nth-of-type(even) .thumb:after{transform:scaleX(-1);left:50%}body #intro-card-container .panel:last-of-type{margin-bottom:0}body #intro-card-container .panel:last-of-type .thumb:after{display:none}body #intro-card-container .panel:last-of-type:nth-of-type(even):before{right:-5%}body #intro-card-container .panel:before{font-family:"Poppins";font-size:400px;position:absolute;top:50%;transform:translateY(-50%);width:40%;display:flex;left:0;justify-content:flex-start;align-items:center;color:var(--backgroundColor);-webkit-text-stroke:2px var(--secondaryShade5);line-height:1;opacity:.1;transition:1.75s ease-in-out}body #intro-card-container .panel>a{position:relative;z-index:1;grid-area:3/1/4/4;text-decoration:none}body #intro-card-container .panel>a h2{font-size:inherit;position:relative;z-index:3;color:rgba(0,0,0,0);line-height:1;pointer-events:none;transform:translateY(calc(100px - var(--progress) * 200px))}body #intro-card-container .panel>a h2 span.word{position:relative;display:inline-block;overflow:hidden;color:rgba(0,0,0,0);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200%25' height='100%25'%3E%3Cdefs%3E%3Cstyle%3E .wave%7B animation:wave 1s ease-in-out infinite alternate; animation-delay:-0.25s; stroke:%23f1b211; stroke-width:2; stroke-linecap:square; %7D @keyframes wave%7B to%7B d:path('M 0 40 Q 20 42.5 40 40 Q 60 37.5 80 40'); %7D %7D %3C/style%3E%3C/defs%3E%3Cpattern id='wavePattern' x='0' y='0' width='80' height='80' patternUnits='userSpaceOnUse'%3E%3Cpath fill='none' class='wave' d='M 0 40 Q 20 37.5 40 40 Q 60 42.5 80 40' /%3E%3C/pattern%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='url(%23wavePattern)'%3E%3C/rect%3E%3C/svg%3E") 0 65px/80px 80px repeat-x;padding:20px 0;margin:-20px 0;animation:waving 3s linear infinite}@media(max-width:1000px){body #intro-card-container .panel>a h2 span.word{padding:40px 0;margin:-40px 0}}body #intro-card-container .panel>a h2 span.word:nth-of-type(1){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200%25' height='100%25'%3E%3Cdefs%3E%3Cstyle%3E .wave%7B animation:wave 1s ease-in-out infinite alternate; animation-delay:-0.25s; stroke:%23f1b211; stroke-width:2; stroke-linecap:square; %7D @keyframes wave%7B to%7B d:path('M 0 40 Q 20 42.5 40 40 Q 60 37.5 80 40'); %7D %7D %3C/style%3E%3C/defs%3E%3Cpattern id='wavePattern' x='0' y='0' width='80' height='80' patternUnits='userSpaceOnUse'%3E%3Cpath fill='none' class='wave' d='M 0 40 Q 20 37.5 40 40 Q 60 42.5 80 40' /%3E%3C/pattern%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='url(%23wavePattern)'%3E%3C/rect%3E%3C/svg%3E") 0 65px/80px 80px repeat-x}body #intro-card-container .panel>a h2 span.word:nth-of-type(2){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200%25' height='100%25'%3E%3Cdefs%3E%3Cstyle%3E .wave%7B animation:wave 1s ease-in-out infinite alternate; animation-delay:-0.5s; stroke:%23f1b211; stroke-width:2; stroke-linecap:square; %7D @keyframes wave%7B to%7B d:path('M 0 40 Q 20 42.5 40 40 Q 60 37.5 80 40'); %7D %7D %3C/style%3E%3C/defs%3E%3Cpattern id='wavePattern' x='0' y='0' width='80' height='80' patternUnits='userSpaceOnUse'%3E%3Cpath fill='none' class='wave' d='M 0 40 Q 20 37.5 40 40 Q 60 42.5 80 40' /%3E%3C/pattern%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='url(%23wavePattern)'%3E%3C/rect%3E%3C/svg%3E") 0 65px/80px 80px repeat-x}body #intro-card-container .panel>a h2 span.word:nth-of-type(3){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200%25' height='100%25'%3E%3Cdefs%3E%3Cstyle%3E .wave%7B animation:wave 1s ease-in-out infinite alternate; animation-delay:-0.75s; stroke:%23f1b211; stroke-width:2; stroke-linecap:square; %7D @keyframes wave%7B to%7B d:path('M 0 40 Q 20 42.5 40 40 Q 60 37.5 80 40'); %7D %7D %3C/style%3E%3C/defs%3E%3Cpattern id='wavePattern' x='0' y='0' width='80' height='80' patternUnits='userSpaceOnUse'%3E%3Cpath fill='none' class='wave' d='M 0 40 Q 20 37.5 40 40 Q 60 42.5 80 40' /%3E%3C/pattern%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='url(%23wavePattern)'%3E%3C/rect%3E%3C/svg%3E") 0 65px/80px 80px repeat-x}body #intro-card-container .panel>a h2 span.word:nth-of-type(4){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200%25' height='100%25'%3E%3Cdefs%3E%3Cstyle%3E .wave%7B animation:wave 1s ease-in-out infinite alternate; animation-delay:-1s; stroke:%23f1b211; stroke-width:2; stroke-linecap:square; %7D @keyframes wave%7B to%7B d:path('M 0 40 Q 20 42.5 40 40 Q 60 37.5 80 40'); %7D %7D %3C/style%3E%3C/defs%3E%3Cpattern id='wavePattern' x='0' y='0' width='80' height='80' patternUnits='userSpaceOnUse'%3E%3Cpath fill='none' class='wave' d='M 0 40 Q 20 37.5 40 40 Q 60 42.5 80 40' /%3E%3C/pattern%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='url(%23wavePattern)'%3E%3C/rect%3E%3C/svg%3E") 0 65px/80px 80px repeat-x}body #intro-card-container .panel>a h2 span.word:nth-of-type(5){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200%25' height='100%25'%3E%3Cdefs%3E%3Cstyle%3E .wave%7B animation:wave 1s ease-in-out infinite alternate; animation-delay:-1.25s; stroke:%23f1b211; stroke-width:2; stroke-linecap:square; %7D @keyframes wave%7B to%7B d:path('M 0 40 Q 20 42.5 40 40 Q 60 37.5 80 40'); %7D %7D %3C/style%3E%3C/defs%3E%3Cpattern id='wavePattern' x='0' y='0' width='80' height='80' patternUnits='userSpaceOnUse'%3E%3Cpath fill='none' class='wave' d='M 0 40 Q 20 37.5 40 40 Q 60 42.5 80 40' /%3E%3C/pattern%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='url(%23wavePattern)'%3E%3C/rect%3E%3C/svg%3E") 0 65px/80px 80px repeat-x}body #intro-card-container .panel>a h2 span.word:nth-of-type(6){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200%25' height='100%25'%3E%3Cdefs%3E%3Cstyle%3E .wave%7B animation:wave 1s ease-in-out infinite alternate; animation-delay:-1.5s; stroke:%23f1b211; stroke-width:2; stroke-linecap:square; %7D @keyframes wave%7B to%7B d:path('M 0 40 Q 20 42.5 40 40 Q 60 37.5 80 40'); %7D %7D %3C/style%3E%3C/defs%3E%3Cpattern id='wavePattern' x='0' y='0' width='80' height='80' patternUnits='userSpaceOnUse'%3E%3Cpath fill='none' class='wave' d='M 0 40 Q 20 37.5 40 40 Q 60 42.5 80 40' /%3E%3C/pattern%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='url(%23wavePattern)'%3E%3C/rect%3E%3C/svg%3E") 0 65px/80px 80px repeat-x}@keyframes waving{to{background-position:200px 65px}}@keyframes waving2{to{background-position:200px 0}}body #intro-card-container .panel>a h2 span.word:before{content:attr(data-word);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:rgba(0,0,0,0);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-image:linear-gradient(to bottom,transparent 25%,var(--primaryColor) 25%,var(--primaryColor) 75%,transparent 75%);background-size:100% 250%;background-repeat:no-repeat;background-position:50% calc(var(--progress)*200px - 150px);transition:transform .3s cubic-bezier(0.175,0.885,0.32,1.275);transition-delay:1.25s;-webkit-text-stroke:2px var(--primaryColor)}body #intro-card-container .panel>a h2 span.word:nth-of-type(3n):before{background-position:50% calc(var(--progress)*-200px + 25px)}@media(min-width:1000px){body #intro-card-container .panel>a h2{grid-area:3/1/4/5;font-size:82px}body #intro-card-container .panel>a h2:nth-of-type(2){z-index:2}body #intro-card-container .panel>a h2:nth-of-type(2) span.word{color:rgba(0,0,0,0)}body #intro-card-container .panel>a h2:nth-of-type(2) span.word:before,body #intro-card-container .panel>a h2:nth-of-type(2) span.word:after{color:rgba(0,0,0,0)}}body #intro-card-container .panel:nth-of-type(even) .thumb:before{left:-5%;top:-5%}body #intro-card-container .panel:nth-of-type(even) .thumb:hover:before{transform:translate(5%,5%)}body #intro-card-container .panel:nth-of-type(even) h2{text-align:right;grid-area:3/3/4/6}@media(max-width:768px){body #intro-card-container .panel:nth-of-type(even) h2{grid-area:2/1/5/6}}@media(min-width:1000px){body #intro-card-container .panel:nth-of-type(even) h2{grid-area:3/2/4/6;clip-path:none}body #intro-card-container .panel:nth-of-type(even) h2:nth-of-type(2){z-index:4;clip-path:polygon(-5% -5%,385px -5%,385px 110%,-5% 110%)}body #intro-card-container .panel:nth-of-type(even) h2:nth-of-type(2) span.word{color:rgba(0,0,0,0)}body #intro-card-container .panel:nth-of-type(even) h2:nth-of-type(2) span.word:before,body #intro-card-container .panel:nth-of-type(even) h2:nth-of-type(2) span.word:after{color:rgba(0,0,0,0)}}body #intro-card-container .panel:nth-of-type(even) .thumb{position:relative;grid-area:2/1/5/4}@media(max-width:768px){body #intro-card-container .panel:nth-of-type(even) .thumb{grid-area:2/1/5/6}}body #intro-card-container .panel:nth-of-type(even) .thumb p{top:-50px}body #intro-card-container .panel .thumb{position:relative;box-shadow:0 0 0 2px var(--primaryColor);transition:box-shadow .3s ease-in-out;border-radius:5px}body #intro-card-container .panel .thumb *{border-radius:5px}body #intro-card-container .panel .thumb .inner{position:relative;width:100%;height:100%;z-index:0;padding:1.5rem}@media screen and (max-width:580px){body #intro-card-container .panel .thumb .inner{padding:.5rem}}body #intro-card-container .panel .thumb .inner:before,body #intro-card-container .panel .thumb .inner:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:var(--secondaryShade5);mix-blend-mode:lighten;opacity:.5;z-index:2}body #intro-card-container .panel .thumb .inner:after{background:var(--backgroundColor);opacity:1;z-index:-2;mix-blend-mode:normal}body #intro-card-container .panel .thumb .inner>*{position:relative;z-index:3}body #intro-card-container .panel .thumb:before{content:"";position:absolute;width:100%;height:100%;left:1%;top:2%;box-shadow:0 0 0 2px var(--secondaryShade5),0 0 0 0 var(--backgroundColor),0 0 0 0 var(--primaryColor);transition:transform .2s cubic-bezier(1,0.885,0.32,1),box-shadow .2s cubic-bezier(1,0.885,0.32,1);transition-delay:.2s,0s;background:radial-gradient(circle at center,var(--secondaryShade5) 1px,rgba(255,255,255,0.005) 1px,rgba(255,255,255,0.005) 20px) 0 0/20px 20px,radial-gradient(circle at center,var(--secondaryShade5) 1px,rgba(255,255,255,0.005) 1px,rgba(255,255,255,0.005) 20px) 10px 10px/20px 20px;border-radius:5px}body #intro-card-container .panel .thumb:after{content:"";position:absolute;width:50%;height:calc(100% + 25vh);left:0;top:100%;border-style:dashed;border-width:2px 2px 2px 2px;border-color:rgba(0,0,0,0) var(--secondaryShade5) var(--secondaryShade5) rgba(0,0,0,0);border-radius:0 0 10px 0;opacity:.25}
/*# sourceMappingURL=../css-maps/sigcon-page-intro-card/frontend.min.css.map */