{"version":3,"file":"menu-style.css","mappings":"AAAA,eACI,aACA,iBAGJ,YACI,YACA,YACA,aACA,sBAGJ,sBACI,SACA,gBAGJ,4BACI,gBACA,iBAGJ,8BACI,aACA,mBAEA,sDACI,SAKJ,8DACI,kBACA,gBAEA,sEACI,WACA,kBACA,QACA,YACA,qBACA,MAIR,+DACI,4BAMA,uFACI,gEAGJ,gFACI,8DAKZ,qDACI,GACI,QACA,OACA,wBAEJ,IACI,WACA,OACA,uBAEJ,IACI,WACA,OACA,WAEJ,KACI,QACA,QACA,WAIR,8CACI,GACI,4BAEJ,KACI,yBAKP,uBACC,qBACA,mBAMM,wCACI,sBACA,mCACA,wCAEA,uDACI,8BAGJ,wDACI,+BAMhB,0BACC,GACI,0BAEF,IACE,mCACH,4BAED,IACC,0BACA,oBAEC,KACE,2BAIL,2BACC,GACI,0BAEF,IACE,mCACH,4BAEC,KACK,2B","sources":["webpack://tantive-text-effects/./src/css/menu-style.scss"],"sourcesContent":[".tteSettingBox {\r\n    display: flex;\r\n    padding-left: 2em;\r\n}\r\n\r\n.ttePreview {\r\n    width: 150px;\r\n    height: 50px;\r\n    padding: 30px;\r\n    border: 1px solid #aaa;\r\n}\r\n\r\n.ttePreviewAnnotation {\r\n    margin: 0;\r\n    font-size: 0.75em;\r\n}\r\n\r\n.tteSettingsContents--title {\r\n    margin-left: 1em;\r\n    margin-right: 1em;\r\n}\r\n\r\n.tteSettingsContents--content {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    .wp-color-result.button {\r\n        margin: 0;\r\n    }\r\n}\r\n\r\n.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: red;\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\r\n.ttePreview-animSquareSlideInFromLeft {\r\n    &:hover {\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: translatX(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.animPopOut {\r\n\t.tteLetter {\r\n\t\tdisplay: inline-block;\r\n\t\tmargin-right: 0.25em;\r\n\t}\r\n}\r\n\r\n.ttePreview-animPopOut {\r\n    &:hover {\r\n        .tteLetter {\r\n            animation-duration: 2s;\r\n            animation-iteration-count: infinite;\r\n            animation-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\r\n    }\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 red;\r\n  \t}\r\n\t75% {\r\n\t\ttransform: translate(0, 0);\r\n\t\ttext-shadow: 0 0  red;\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 red;\r\n  \t}\r\n  \t100% {\r\n        transform: translate(0, 0);\r\n  \t}\r\n}"],"names":[],"sourceRoot":""}