{"version":3,"file":"animatedLogo.module.mjs","names":[],"sources":["../../../../package/common/animatedLogo/animatedLogo.module.pcss"],"sourcesContent":[".animatedLogo {\n  display: inline-block;\n  overflow: visible;\n\n  &-path {\n    stroke: var(--primary-color);\n    fill: var(--primary-color);\n    fill-opacity: 0;\n  }\n\n  &-pathLoop {\n    animation-name: animatedLogoRevealLoop;\n    animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);\n    animation-iteration-count: infinite;\n  }\n\n  &-pathOnce {\n    animation-name: animatedLogoRevealOnce;\n    animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);\n    animation-iteration-count: 1;\n    animation-fill-mode: forwards;\n  }\n\n  &-pathLoopNoFill {\n    animation-name: animatedLogoRevealLoopNoFill;\n    animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);\n    animation-iteration-count: infinite;\n  }\n\n  &-pathOnceNoFill {\n    animation-name: animatedLogoRevealOnceNoFill;\n    animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);\n    animation-iteration-count: 1;\n    animation-fill-mode: forwards;\n  }\n\n  &-spinLoop,\n  &-spinOnce,\n  &-scaleLoop,\n  &-scaleOnce {\n    display: inline-block;\n    transform-box: fill-box;\n    transform-origin: center;\n    animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);\n  }\n\n  &-spinLoop {\n    animation-name: animatedLogoRotateLoop;\n    animation-iteration-count: infinite;\n  }\n\n  &-spinOnce {\n    animation-name: animatedLogoRotateOnce;\n    animation-iteration-count: 1;\n    animation-fill-mode: forwards;\n  }\n\n  &-scaleLoop {\n    animation-name: animatedLogoGrowLoop;\n    animation-iteration-count: infinite;\n  }\n\n  &-scaleOnce {\n    animation-name: animatedLogoGrowOnce;\n    animation-iteration-count: 1;\n    animation-fill-mode: forwards;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    &-pathLoop,\n    &-pathOnce {\n      animation: none;\n      fill-opacity: 1;\n      stroke-dashoffset: 0;\n    }\n\n    &-pathLoopNoFill,\n    &-pathOnceNoFill {\n      animation: none;\n      stroke-dashoffset: 0;\n    }\n\n    &-spinLoop,\n    &-spinOnce,\n    &-scaleLoop,\n    &-scaleOnce {\n      animation: none;\n    }\n  }\n}\n\n@keyframes animatedLogoRevealLoop {\n  0% {\n    stroke-dashoffset: var(--animated-logo-length);\n    fill-opacity: 0;\n  }\n\n  38% {\n    stroke-dashoffset: 0;\n    fill-opacity: 0;\n  }\n\n  62% {\n    fill-opacity: 1;\n  }\n\n  86% {\n    fill-opacity: 1;\n  }\n\n  96% {\n    stroke-dashoffset: 0;\n    fill-opacity: 0;\n  }\n\n  100% {\n    stroke-dashoffset: var(--animated-logo-length);\n    fill-opacity: 0;\n  }\n}\n\n@keyframes animatedLogoRevealOnce {\n  0% {\n    stroke-dashoffset: var(--animated-logo-length);\n    fill-opacity: 0;\n  }\n\n  45% {\n    stroke-dashoffset: 0;\n    fill-opacity: 0;\n  }\n\n  100% {\n    stroke-dashoffset: 0;\n    fill-opacity: 1;\n  }\n}\n\n@keyframes animatedLogoRevealLoopNoFill {\n  0% {\n    stroke-dashoffset: var(--animated-logo-length);\n  }\n\n  38% {\n    stroke-dashoffset: 0;\n  }\n\n  86% {\n    stroke-dashoffset: 0;\n  }\n\n  100% {\n    stroke-dashoffset: var(--animated-logo-length);\n  }\n}\n\n@keyframes animatedLogoRevealOnceNoFill {\n  0% {\n    stroke-dashoffset: var(--animated-logo-length);\n  }\n\n  45% {\n    stroke-dashoffset: 0;\n  }\n\n  100% {\n    stroke-dashoffset: 0;\n  }\n}\n\n@keyframes animatedLogoRotateLoop {\n  0% {\n    transform: rotate(180deg);\n  }\n\n  38% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(0deg);\n  }\n}\n\n@keyframes animatedLogoRotateOnce {\n  0% {\n    transform: rotate(180deg);\n  }\n\n  45% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(0deg);\n  }\n}\n\n@keyframes animatedLogoGrowLoop {\n  0% {\n    transform: scale(0);\n  }\n\n  38% {\n    transform: scale(1);\n  }\n\n  96% {\n    transform: scale(1);\n  }\n\n  100% {\n    transform: scale(0);\n  }\n}\n\n@keyframes animatedLogoGrowOnce {\n  0% {\n    transform: scale(0);\n  }\n\n  45% {\n    transform: scale(1);\n  }\n\n  100% {\n    transform: scale(1);\n  }\n}\n"],"mappings":""}