{"version":3,"file":"style.css","mappings":"AACI,8DACI,kBACA,gBAEA,sEACI,WACA,kBACA,QACA,YACA,gGACA,MAIR,+DACI,4BAIA,8EACI,gEAGJ,uEACI,8DAKZ,qDACI,GACI,QACA,OACA,wBAEJ,IACI,WACA,OACA,wBAEJ,IACI,WACA,OACA,WAEJ,KACI,QACA,QACA,WAIR,8CACI,GACI,4BAEJ,KACI,yBAMJ,yBACI,qBACA,4BACA,UAIA,iCACI,4BACA,wBACA,sDACA,yDACA,6BACA,wBAKZ,wBACI,GACI,UACA,4BAEJ,IACI,UACA,0BAEJ,KACI,UACA,yBAMJ,yBACE,qBACA,4BACA,UAIA,iCACE,4BACA,wBACA,sDACA,yDACA,6BACA,wBAKR,wBACI,GACI,UACA,2BAEJ,IACI,UACA,2BAEJ,KACI,UACA,yBAMP,+BACC,qBACA,mBAIA,uCACC,sBACA,mCACA,wCAES,sDACI,8BAGJ,uDACI,+BAMhB,0BACC,GACI,0BAEF,IACE,mCACH,qFAED,IACC,0BACA,6EAEC,KACE,2BAIL,2BACC,GACI,0BAEF,IACE,mCACH,qFAEC,KACK,2BAIR,uBACC,kBACA,kBAEA,+BACC,WACA,kBACA,UACA,YACA,MACA,OACA,iDACA,4HACC,CAED,sBAGD,8BACC,WACA,kBACA,UACA,YACA,MACA,OACA,iDACA,UACA,yDAGD,yBACC,kBACA,kBACA,SACA,gFAIF,iCACC,GACC,OAED,KACC,WAIF,mCACC,GACC,UAED,KACC,WAIF,+BACC,GACC,WAIF,iCACC,GACC,4CAED,KACC,mDAKE,wBACI,kBACA,kBACA,mBACA,UACA,sDAEA,+DAEI,WACA,kBACA,YACA,UACA,MACA,8CACA,sBACA,uDAGJ,gCACI,OACA,uBAGJ,+BACI,QACA,0BAKR,+BACI,GACI,mBACA,UAEJ,GACI,mBACA,WAIR,4BACI,GACI,uB","sources":["webpack://tantive-text-effects/./src/css/style.scss"],"sourcesContent":[".animSquareSlideInFromLeft {\r\n    .animSquareSlideInFromLeft__Square {\r\n        position: relative;\r\n        overflow: hidden;\r\n        \r\n        &::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            width: 0;\r\n            height: 100%;\r\n            background-color: var(--tte-squareSlideInFromLeftRectangleColor, var(--tte-overallDefaultColor));\r\n            top: 0;\r\n        }\r\n    }\r\n\r\n    .animSquareSlideInFromLeft__content {\r\n        transform: translateX(-100%);\r\n    }\r\n        \r\n    &.visible {\r\n        & .animSquareSlideInFromLeft__Square::before {\r\n            animation: animSquareSlideInFromLeft__square--before 1s forwards;\r\n        }\r\n\r\n        & .animSquareSlideInFromLeft__content {\r\n            animation: animSquareSlideInFromLeft__content 0.2s 0.8s forwards;\r\n        }\r\n    }\r\n}\r\n\r\n@keyframes animSquareSlideInFromLeft__square--before {\r\n    0% {\r\n        width: 0;\r\n        left: 0;\r\n        transform: translateX(0);\r\n    }\r\n    30% {\r\n        width: 100%;\r\n        left: 0;\r\n        transform: translateX(0);\r\n    }\r\n    80% {\r\n        width: 100%;\r\n        left: 0;\r\n        right: 100%;\r\n    }\r\n    100% {\r\n        width: 0;\r\n        right: 0;\r\n        left: 100%;\r\n    }\r\n}\r\n\r\n@keyframes animSquareSlideInFromLeft__content {\r\n    0% {\r\n        transform: translateX(-100%);\r\n    }\r\n    100% {\r\n        transform: translateX(0);\r\n    }\r\n}\r\n\r\n.animWavyDrop {\r\n\r\n    .tteLetter {\r\n        display: inline-block;\r\n        transform: translateY(-100%);\r\n        opacity: 0;\r\n    }\r\n    \r\n    &.visible {\r\n        .tteLetter { \r\n            animation-name: animWavyDrop;\r\n            animation-duration: 0.75s;\r\n            animation-delay: calc(0.1s * var(--animWavyDropDuration));\r\n            animation-timing-function:cubic-bezier(.42,0,.33,1);\r\n            animation-fill-mode: forwards;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n}\r\n  \r\n@keyframes animWavyDrop {\r\n    0% {\r\n        opacity: 0;\r\n        transform: translateY(-100%);\r\n    }\r\n    50% {\r\n        opacity: 1;\r\n        transform: translateY(30%);\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.animWavyRise {\r\n\r\n    .tteLetter {\r\n      display: inline-block;\r\n      transform: translateY(-100%);\r\n      opacity: 0;\r\n    }\r\n    \r\n    &.visible {\r\n      .tteLetter { \r\n        animation-name: animWavyRise;\r\n        animation-duration: 0.75s;\r\n        animation-delay: calc(0.1s * var(--animWavyRiseDuration));\r\n        animation-timing-function:cubic-bezier(.42,0,.33,1);\r\n        animation-fill-mode: forwards;\r\n        transform: translateY(0);\r\n      }\r\n    }\r\n}\r\n  \r\n@keyframes animWavyRise {\r\n    0% {\r\n        opacity: 0;\r\n        transform: translateY(100%);\r\n    }\r\n    50% {\r\n        opacity: 1;\r\n        transform: translateY(-30%);\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.animPopOut.visible {\r\n\t\r\n\t.tteLetter {\r\n\t\tdisplay: inline-block;\r\n\t\tmargin-right: 0.25em;\r\n\t}\r\n\t\r\n\t&.visible {\r\n\t\t.tteLetter {\r\n\t\t\tanimation-duration: 2s;\r\n\t\t\tanimation-iteration-count: infinite;\r\n\t\t\tanimation-timing-function: steps(1, end);\r\n\r\n            &:nth-child(odd) {\r\n                animation-name: animPopOut-odd;\r\n            }\r\n\r\n            &:nth-child(even) {\r\n                animation-name: animPopOut-even;\r\n            }\r\n\t\t}\t\t\r\n\t}\r\n}\r\n\r\n@keyframes animPopOut-odd {\r\n\t0% {\r\n    \ttransform: translate(0, 0);\r\n  \t}\r\n  \t25% {\r\n    \ttransform: translate(0.1em, -0.1em);\r\n\t\ttext-shadow: -0.1em 0.1em var(--tte-popOutShadowColor, var(--tte-overallDefaultColor));\r\n  \t}\r\n\t75% {\r\n\t\ttransform: translate(0, 0);\r\n\t\ttext-shadow: 0 0  var(--tte-popOutShadowColor, var(--tte-overallDefaultColor));\r\n\t}\r\n  \t100% {\r\n    \ttransform: translate(0, 0);\r\n  \t}\r\n}\r\n\r\n@keyframes animPopOut-even {\r\n\t0% {\r\n    \ttransform: translate(0, 0);\r\n  \t}\r\n  \t50% {\r\n    \ttransform: translate(0.1em, -0.1em);\r\n\t\ttext-shadow: -0.1em 0.1em var(--tte-popOutShadowColor, var(--tte-overallDefaultColor));\r\n  \t}\r\n  \t100% {\r\n        transform: translate(0, 0);\r\n  \t}\r\n}\r\n\r\n.animLineSwipe.visible {\r\n\tposition: relative;\r\n\twidth: fit-content;\r\n\t\r\n\t&::before {\r\n\t\tcontent:\"\";\r\n\t\tposition: absolute;\r\n\t\twidth: 4px;\r\n\t\theight: 100%;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tbackground-color: var(--tte-lineSwipeBorderColor);\r\n\t\tanimation:\r\n\t\t\tanimLineSwipeBarSwipe 1s cubic-bezier(0.77, 0, 0.175, 1) forwards,\r\n\t\t\tanimLineSwipeBarFadeOut 0.1s ease-in-out forwards;\r\n\t\tanimation-delay: 0s, 1s;\r\n\t}\r\n\t\r\n\t&::after {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\twidth: 4px;\r\n\t\theight: 100%;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tbackground-color: var(--tte-lineSwipeBorderColor);\r\n\t\topacity: 0;\r\n\t\tanimation: animLineSwipeBorder 2s 1s ease-in-out forwards;\r\n\t}\r\n\t\r\n\tp {\r\n\t\tposition: relative;\r\n\t\twidth: fit-content;\r\n\t\tmargin: 0;\r\n\t\tanimation: animLineSwipeContents 1s 0.1s cubic-bezier(0.77, 0, 0.175, 1) forwards;\r\n\t}\r\n}\r\n\r\n@keyframes animLineSwipeBarSwipe {\r\n\t0% {\r\n\t\tleft: 0;\r\n\t}\r\n\t100% {\r\n\t\tleft: 100%;\r\n\t}\r\n}\r\n\r\n@keyframes animLineSwipeBarFadeOut {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t}\r\n\t100% {\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n@keyframes animLineSwipeBorder{\r\n\tto {\r\n\t\topacity: 1;\r\n\t}\r\n}\r\n\r\n@keyframes animLineSwipeContents {\r\n\t0% {\r\n\t\tclip-path: polygon(0 0, 0 100%, 0 100%, 0 0);\r\n\t}\r\n\t100% {\r\n\t\tclip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);\r\n\t}\t\r\n}\r\n\r\n.animGateMark.visible {\r\n    p {\r\n        position: relative;\r\n        width: fit-content;\r\n        transform: scale(0);\r\n        opacity:0;\r\n        animation: animGateMarkContent 1s ease-in-out forwards;\r\n\r\n        &::before,\r\n        &::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            height: 100%;\r\n            width: 4px;\r\n            top: 0;\r\n            background-color: var(--tte-gateMarkLineColor);\r\n            transform: scale(0, 1);\r\n            animation: animGateMarkGate 0.5s 1s ease-in-out forwards;\r\n        }\r\n        \r\n        &::before {\r\n            left: 0;\r\n            transform-origin: 0 50%;\r\n        }\r\n        \r\n        &::after {\r\n            right: 0;\r\n            transform-origin: 100% 50%;\r\n        }\r\n\r\n    }\r\n\r\n    @keyframes animGateMarkContent {\r\n        0% {\r\n            transform: scale(0);\r\n            opacity: 0;\r\n        }\r\n        to {\r\n            transform: scale(1);\r\n            opacity: 1;\r\n        }\r\n    }\r\n\r\n    @keyframes animGateMarkGate {\r\n        to {\r\n            transform: scale(1,1);\r\n        }\r\n    }\r\n}"],"names":[],"sourceRoot":""}