/*------------------------------------*\ Text Effects \*------------------------------------*/ /*selector models from past strategies*/ /*li .sd-text-effect_gradient, #edit-area .sd-text-effect_gradient, .enable-animation .sd-text-effect_gradient li .sd-text-effect_gradient >> for slide smenue in editor side #edit-area .sd-text-effect_gradient >> for edit surface .enable-animation .sd-text-effect_gradient >> to limit this only for active slide in player*/ .sd-text-effect_gradient { -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); -moz-mask-image: -moz-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); mask-image: gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); } .sd-text-effect_black-red-gradient , .sd-text-effect_black-red-gradient :nth-child(1n+1){ background: -webkit-linear-gradient(rgba(180,35,41,1), rgba(237,67,74,1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .sd-text-effect_textglow {-webkit-text-shadow:0 0 1em #AAA; text-shadow: 0 0 1em #AAA; } .sd-text-effect_shadow { text-shadow:2px 4px 6px black; } .sd-text-effect_shadow-white { -webkit-text-shadow: 4px 4px 15px white; text-shadow: 4px 4px 15px white; } .sd-text-effect_black-shadow { -webkit-text-shadow:0.02em 0.04em 0.06em black ; text-shadow:0.02em 0.04em 0.06em black ; } .sd-text-effect_wshadow { -webkit-text-shadow: 3px 3px 0px rgba(255, 255, 255, 0.4), 6px 6px 0px rgba(255, 255, 255, 0.4); -moz-text-shadow: 3px 3px 0px rgba(255, 255, 255, 0.4), 6px 6px 0px rgba(255, 255, 255, 0.4); text-shadow: 3px 3px 0px rgba(255, 255, 255, 0.4), 6px 6px 0px rgba(255, 255, 255, 0.4); } /*anaglyph*/ .sd-text-effect_anaglyph { text-shadow: -0.06em 0 red, 0.06em 0 cyan; } /*text stripe shadow */ .sd-text-effect_text_shadow { background-image: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #000 2px, #000 4px); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position:relative; text-shadow: -6px -6px 0px currentcolor; /*currentcolor*/ /*text-shadow: -4px -4px 0px #339;*/ } /*text double shadow */ .sd-text-effect_double_shadow { position:relative; text-shadow: 4px 3px 0px #fff, 9px 8px 0px rgba(0,0,0,0.15); } /*,{"name":"Stripes Shadow","cssClass":"sd-image-effect_stripe_shadow"}*/ /*image stripe shadow */ .sd-image-effect_stripe_shadow { background-image: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #000 2px, #000 4px); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position:relative; box-shadow: -6px -6px 0px currentcolor; /*currentcolor*/ } /*scuffed-steel*/ .sd-text-effect_scuffed-steel { -webkit-mask-image: url(/vbcommon/css/images/scuffed-steel.png); color: #acacac; } /*destruction*/ .sd-text-effect_destruction { /*-webkit-mask-image: url(//themes.googleusercontent.com/static/patterns/destruction.png);*/ -webkit-mask-image: url(/vbcommon/css/images/destruction.png); color: #000; } .sd-text-effect_blackstroke{ -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: black; } .sd-text-effect_whitestroke{ -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: white; } /*emboss*/ .sd-text-effect_emboss { text-shadow: 0px 1px 1px #fff, 0 -1px 1px #000; color: #ddd !important; } /*twirl-morph*/ #edit-area .sd-text-effect_morph, .enable-animation .sd-text-effect_morph { /*border-radius: 50%;*/ -webkit-animation: text_twirl 5s linear infinite; -moz-animation: text_twirl 5s linear infinite; animation: text_twirl 5s linear infinite; -webkit-transform-origin: 50% 0%; /*transform-origin: 50% 0%;*/ } @-webkit-keyframes text_twirl { 0% { border-radius: 50%; -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { border-radius: 50%; -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes text_twirl { 0% { border-radius: 50%; -webkit-transform: rotate(0deg); transform: rotate(0deg); }100% { border-radius: 50%; -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*@-webkit-keyframes text_twirl { 0% 20% 50% 80% 100% {-webkit-transform: rotate(360deg) infinite;transform: rotate(360deg) infinite;} }@keyframes text_twirl { 0% 20% 50% 80% 100% {-webkit-transform: rotate(360deg) infinite;transform: rotate(360deg) infinite;} }*/ /*bounce*/ #edit-area .sd-text-effect_bounce, .enable-animation .sd-text-effect_bounce { -webkit-animation: bounce 2s ease infinite; -moz-animation: bounce 2s ease infinite; animation: bounce 2s ease infinite; } /*3d-text*/ .sd-text-effect_3D-Text, .sd-text-effect_3d-text{ text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); } /*scorallable*/ .sd-text-effect_scrollable { overflow: auto; } /*grow*/ #edit-area .sd-text-effect_grow-h, .enable-animation .sd-text-effect_grow-h { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } #edit-area .sd-text-effect_grow-h:hover, .enable-animation .sd-text-effect_grow-h:hover { -webkit-transform: scale(1.4); transform: scale(1.4); } .enable-animation.kill-animation * { -webkit-animation: none; -moz-animation: none; -ms-animation: none; animation: none; -webkit-transition: none; transition: none; } /*grow+ jumps to front of presentation when in hover*/ #edit-area .sd-text-effect_grow-plus-h, .enable-animation .sd-text-effect_grow-plus-h { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } #edit-area .sd-text-effect_grow-plus-h:hover, .enable-animation .sd-text-effect_grow-plus-h:hover { -webkit-transform: scale(1.4); transform: scale(1.4); z-index: 1000000000; } /*Shrink on hover*/ #edit-area .sd-text-effect_shrink-h, .enable-animation .sd-text-effect_shrink-h { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } #edit-area .sd-text-effect_shrink-h:hover, .enable-animation .sd-text-effect_shrink-h:hover { -webkit-transform: scale(0.6); transform: scale(0.6); } /*Pulse on hover*/ #edit-area .sd-text-effect_pulse-h, .enable-animation .sd-text-effect_pulse-h {} #edit-area .sd-text-effect_pulse-h:hover, .enable-animation .sd-text-effect_pulse-h:hover { -webkit-animation-name: pulse; -moz-animation-name: pulse; -ms-animation-name: pulse; animation-name: pulse; -webkit-animation-duration: 4s; -moz-animation-duration: 4s; -ms-animation-duration: 4s; animation-duration: 4s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; } #edit-area .sd-text-effect_pulse, .enable-animation .sd-text-effect_pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } #edit-area .sd-text-effect_bounce, .enable-animation .sd-text-effect_bounce { -webkit-animation: bounce 2s ease infinite; animation: bounce 2s ease infinite; } /*wobble vertical on hover*/ #edit-area .sd-text-effect_wobble-vertical-h, .enable-animation .sd-text-effect_wobble-vertical-h { display: inline-block; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } #edit-area .sd-text-effect_wobble-vertical-h:hover, .enable-animation .sd-text-effect_wobble-vertical-h:hover { -webkit-animation-name: wobble-vertical; animation-name: wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /*wobble horizontal on hover*/ #edit-area .sd-text-effect_wobble-horizontal-h, .enable-animation .sd-text-effect_wobble-horizontal-h { display: inline-block; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } #edit-area .sd-text-effect_wobble-horizontal-h:hover, .enable-animation .sd-text-effect_wobble-horizontal-h:hover { -webkit-animation-name: wobble-horizontal; animation-name: wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /*buzz on hover*/ #edit-area .sd-text-effect_buzz-h, .enable-animation .sd-text-effect_buzz-h { display: inline-block; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } #edit-area .sd-text-effect_buzz-h:hover, .enable-animation .sd-text-effect_buzz-h:hover { -webkit-animation-name: buzz; animation-name: buzz; -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /*flash*/ #edit-area .sd-text-effect_flash, .enable-animation .sd-text-effect_flash { -webkit-animation:glowPulse 1.7s ease-out infinite; animation:glowPulse 1.7s ease-out infinite; text-shadow: 0px 0px 5px #fff, 0px 0px 7px #fff; } /*rotate*/ #edit-area .sd-text-effect_rotate, .enable-animation .sd-text-effect_rotate { -webkit-animation:rotate_leftToRight 4s linear infinite; animation:rotate_leftToRight 4s linear infinite; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } /*blur-text*/ #edit-area .sd-text-effect_blur-text, .enable-animation .sd-text-effect_blur-text { -webkit-animation:text-blur 8s ease-out infinite; animation:text-blur 8s ease-out infinite; text-align: center; } /*twirl one time on Hover*/ #edit-area .sd-text-effect_morph-h, .enable-animation .sd-text-effect_morph-h { -webkit-transition: all 0.5s ease !important; transition: all 0.5s ease !important; } #edit-area .sd-text-effect_morph-h:hover, .enable-animation .sd-text-effect_morph-h:hover { border-radius: 50%; -webkit-transform: rotate(360deg); transform: rotate(360deg); } /*twirl loop on Hover*/ #edit-area .sd-text-effect_morph-loop-h, .enable-animation .sd-text-effect_morph-loop-h { -webkit-transition: all 0.5s ease !important; transition: all 0.5s ease !important; } #edit-area .sd-text-effect_morph-loop-h:hover, .enable-animation .sd-text-effect_morph-loop-h:hover { -webkit-animation: twirl-loop 5s linear infinite; -moz-animation: twirl-loop 5s linear infinite; animation: twirl-loop 5s linear infinite; } @-webkit-keyframes twirl-loop { 0% { border-radius: 50%; -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { border-radius: 50%; -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes twirl-loop { 0% { border-radius: 50%; -webkit-transform: rotate(0deg); transform: rotate(0deg); }100% { border-radius: 50%; -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*entrance effects- prevent entrance effects in player to show up static (and then to do the effect)*/ /*entrance effects that have naming convention -effect_entrance*/ #edit-area #scene [class*='-effect_entrance'], #scene .slide:not(.enable-animation) [class*='-effect_entrance'], /*entrance effects that DO NOT have naming convention -effect_entrance*/ #edit-area #scene .sd-text-effect_fade-in-left, #scene .slide:not(.enable-animation) .sd-text-effect_fade-in-left, #edit-area #scene .sd-text-effect_collapse-in, #scene .slide:not(.enable-animation) .sd-text-effect_collapse-in, #edit-area #scene .sd-text-effect_fade-in-down, #scene .slide:not(.enable-animation) .sd-text-effect_fade-in-down, /*#edit-area #scene .sd-image-effect_out-down, */ /* .sd-image-effect_out-down appears on slide then does animation */ #edit-area #scene .sd-text-effect_loading-effect, #scene .slide:not(.enable-animation) .sd-text-effect_loading-effect, /*#edit-area #scene .sd-image-effect_blur-to-sharp, #scene .slide:not(.enable-animation) .sd-image-effect_blur-to-sharp, #edit-area #scene .sd-image-effect_gray-to-color, #scene .slide:not(.enable-animation) .sd-image-effect_gray-to-color, #edit-area #scene .sd-image-effect_right-down, #scene .slide:not(.enable-animation) .sd-image-effect_right-down, #edit-area #scene .sd-image-effect_left-down, #scene .slide:not(.enable-animation) .sd-image-effect_left-down, #edit-area #scene .sd-image-effect_sepia-to-color, #scene .slide:not(.enable-animation).sd-image-effect_sepia-to-color, #edit-area #scene .sd-image-effect_down-left, #scene .slide:not(.enable-animation) .sd-image-effect_down-left, #edit-area #scene .sd-image-effect_left-down, #scene .slide:not(.enable-animation) .sd-image-effect_left-down, #edit-area #scene .sd-image-effect_out-up, #scene .slide:not(.enable-animation) .sd-image-effect_out-up, #edit-area #scene .sd-image-effect_left-down, #scene .slide:not(.enable-animation) .sd-image-effect_left-down, #edit-area #scene .sd-image-effect_up-right, #scene .slide:not(.enable-animation) .sd-image-effect_up-right, */ #edit-area #scene .sd-video-effect_blur-to-sharp, #scene .slide:not(.enable-animation) .sd-video-effect_blur-to-sharp, #edit-area #scene .sd-video-effect_gray-to-color, #scene .slide:not(.enable-animation) .sd-video-effect_gray-to-color, #edit-area #scene .sd-video-effect_sepia-to-color #scene .slide:not(.enable-animation) .sd-video-effect_sepia-to-color { display:none; } /* #edit-area #scene #scene .slide:not(.enable-animation) */ /* END - entrance effects- fix*/ #edit-area .sd-text-effect_entrance-from-above, .enable-animation .sd-text-effect_entrance-from-above { -webkit-animation:entrenceFromAbove 2s ease-in-out 0s forwards; -moz-animation:entrenceFromAbove 2s ease-in-out 0s forwards; -ms-animation:entrenceFromAbove 2s ease-in-out 0s forwards; animation:entrenceFromAbove 2s ease-in-out 0s forwards; } #edit-area .sd-text-effect_entrance-from-below, .enable-animation .sd-text-effect_entrance-from-below { -webkit-animation:entrenceFromBelow 2s ease-in-out 0s forwards; -moz-animation:entrenceFromBelow 2s ease-in-out 0s forwards; -ms-animation:entrenceFromBelow 2s ease-in-out 0s forwards; animation:entrenceFromBelow 2s ease-in-out 0s forwards; } #edit-area .sd-text-effect_entrance-from-right, .enable-animation .sd-text-effect_entrance-from-right { -webkit-animation:entrenceFromRight 2s ease-in-out 0s forwards; -moz-animation:entrenceFromRight 2s ease-in-out 0s forwards; -ms-animation:entrenceFromRight 2s ease-in-out 0s forwards; animation:entrenceFromRight 2s ease-in-out 0s forwards; } #edit-area .sd-text-effect_entrance-from-left, .enable-animation .sd-text-effect_entrance-from-left { -webkit-animation:entrenceFromLeft 2s ease-in-out 0s forwards; -moz-animation:entrenceFromLeft 2s ease-in-out 0s forwards; -ms-animation:entrenceFromLeft 2s ease-in-out 0s forwards; animation:entrenceFromLeft 2s ease-in-out 0s forwards; } #edit-area .sd-text-effect_entrance-fold-from-above, .enable-animation .sd-text-effect_entrance-fold-from-above{ -webkit-animation:entrenceFoldFromAbove 2s ease-in-out 0s forwards; -moz-animation:entrenceFoldFromAbove 2s ease-in-out 0s forwards; -ms-animation:entrenceFoldFromAbove 2s ease-in-out 0s forwards; animation:entrenceFoldFromAbove 2s ease-in-out 0s forwards; } #edit-area .sd-text-effect_entrance-fold-from-below, .enable-animation .sd-text-effect_entrance-fold-from-below{ -webkit-animation:entrenceFoldFromBelow 2s ease-in-out 0s forwards; -moz-animation:entrenceFoldFromBelow 2s ease-in-out 0s forwards; -ms-animation:entrenceFoldFromBelow 2s ease-in-out 0s forwards; animation:entrenceFoldFromBelow 2s ease-in-out 0s forwards; } #edit-area .sd-text-effect_entrance-appear-from-middle, .enable-animation .sd-text-effect_entrance-appear-from-middle{ -webkit-animation:entrenceAppearFromMiddle 2s ease-in-out 0s forwards; -moz-animation:entrenceAppearFromMiddle 2s ease-in-out 0s forwards; -ms-animation:entrenceAppearFromMiddle 2s ease-in-out 0s forwards; animation:entrenceAppearFromMiddle 2s ease-in-out 0s forwards; } /*---------------- Parallax text effects---------------*/ .sd-text-effect_reveal-flip-from-left { visibility: hidden; } .sd-text-effect_reveal-flip-from-left li:before { display:none; } #edit-area .sd-text-effect_reveal-flip-from-left :nth-child(1), .enable-animation .sd-text-effect_reveal-flip-from-left :nth-child(1){ visibility: visible !important; transform-origin:left; transform: translateX(-150px) rotateY(50deg); animation: flip-from-left 1.5s both, slow-enlarge-text 4s forwards; animation-delay: 0s, 1s; } #edit-area .sd-text-effect_reveal-flip-from-left :nth-child(2), .enable-animation .sd-text-effect_reveal-flip-from-left :nth-child(2){ visibility: visible !important; transform-origin:left; transform: translateX(-150px) rotateY(90deg); animation: flip-from-left 1.5s both, slow-enlarge-text 4s forwards; animation-delay: 0s, 1s; } #edit-area .sd-text-effect_reveal-flip-from-left :nth-child(3), .enable-animation .sd-text-effect_reveal-flip-from-left :nth-child(3){ visibility: visible !important; transform-origin:left; transform: translateX(-150px) rotateY(130deg); animation: flip-from-left 1.5s both, slow-enlarge-text 4s forwards; animation-delay: 0s, 1s; } #edit-area .sd-text-effect_reveal-flip-from-left :nth-child(4), .enable-animation .sd-text-effect_reveal-flip-from-left :nth-child(4){ visibility: visible !important; transform-origin:left; transform: translateX(-150px) rotateY(170deg); animation: flip-from-left 1.5s both, slow-enlarge-text 4s forwards; animation-delay: 0s, 1s; } @keyframes flip-from-left { 0%{} 50% { transform: translate(0); } 100%{transform: rotateY(0);} } .sd-text-effect_reveal-from-top { visibility: hidden; } #edit-area .sd-text-effect_reveal-from-top, .enable-animation .sd-text-effect_reveal-from-top { overflow:hidden; visibility: visible !important; } .sd-text-effect_reveal-from-top li:before { display:none; } #edit-area .sd-text-effect_reveal-from-top li, .enable-animation .sd-text-effect_reveal-from-top li { visibility: visible !important; animation: revealFromTop 1s both, slow-enlarge-text 4s forwards; -webkit-animation: revealFromTop 1s both, slow-enlarge-text 4s forwards; animation-delay: 0s, 1s; -webkit-animation-delay: 0s, 1s; } @-webkit-keyframes revealFromTop { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { -webkit-transform: none; transform: none; } } @keyframes revealFromTop { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { -webkit-transform: none; transform: none; } } .sd-text-effect_loading-effect { visibility: hidden; } #edit-area .sd-text-effect_loading-effect, .enable-animation .sd-text-effect_loading-effect { visibility: visible !important; text-align:center; margin: 49px auto; /*color: rgb(0,0,0);*/ /*font-family: "Montserrat", sans-serif;*/ /*animation: cssload-breathe 8.05s ease infinite;*/ animation: cssload-breathe 8.05s ease forwards, slow-enlarge-text 4s forwards; animation-delay: 0s, 8.05s; -webkit-animation-delay: 0s, 8.05s; } @keyframes cssload-breathe { /*0% { letter-spacing: 0; text-shadow: 0 0 1px white; } 30% { color: transparent; }*/ /*50% {*/ 0% { letter-spacing: 97px; font-size: 0; text-shadow: 0 0 6px white; } 60% { color: transparent; } 100% { letter-spacing: 0; text-shadow: 0 0 1px white; } } @keyframes slow-reduce-text { 0% { transform: scale(1.1); } 100% {transform:scale(1);} } @keyframes slow-enlarge-text { 0% { transform: scale(1); } 100% {transform:scale(1.07);} } @-webkit-keyframes slow-enlarge-text { 0% { transform: scale(1); } 100% {transform:scale(1.07);} } .sd-text-effect_flip-in-x { visibility: hidden; } #edit-area .sd-text-effect_flip-in-x, .enable-animation .sd-text-effect_flip-in-x { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation: flipInX 1.5s both, slow-enlarge-text 4s forwards; animation: flipInX 1.5s both, slow-enlarge-text 4s forwards; animation-delay: 0s, 1.5s; -webkit-animation-delay: 0s, 1.5s; transform-origin:top; -webkit-transform-origin:top; visibility: visible !important; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .sd-text-effect_fade-in-down { visibility: hidden; } #edit-area .sd-text-effect_fade-in-down, .enable-animation .sd-text-effect_fade-in-down { animation: fadeInDown 1s both, slow-enlarge-text 4s forwards; -webkit-animation: fadeInDown 1s both, slow-enlarge-text 4s forwards; animation-delay: 0s, 1s; -webkit-animation-delay: 0s, 1s; visibility: visible !important; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } #edit-area .sd-text-effect_fade-in-left, .enable-animation .sd-text-effect_fade-in-left { animation: fadeInLeft 1s ease-in-out both, slowGrow2 4s ease-out forwards; animation-delay: 1s, 2s; -webkit-animation-delay: 1s, 2s; transform-origin: left; -webkit-transform-origin: left; visibility: visible !important; } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) scale(1); transform: translate3d(-100%, 0, 0) scale(1); } 100% { opacity: 1; -webkit-transform: scale(1.03); transform: scale(1.03); } } @keyframes fadeInLeftShape { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) scale(1); transform: translate3d(-100%, 0, 0) scale(1); } 100% { opacity: 1; -webkit-transform: scale(1.00); transform: scale(1.00); } } @keyframes slowGrow2 { from { transform: scale(1.03); } to { transform: scale(1.07); } } @keyframes slowGrow2Shape { from { transform: scale(1.00); } to { transform: scale(1.00); } } /*-----------------------------------------------------*/ /*------------------------------------*\ Shape Effects \*------------------------------------*/ /*fade-in*/ .sd-shape-effect_fade-in-down { visibility: hidden; } #edit-area .sd-shape-effect_fade-in-down, .enable-animation .sd-shape-effect_fade-in-down { animation: fadeInDown 1s both, slow-enlarge-text 4s forwards; -webkit-animation: fadeInDown 1s both, slow-enlarge-text 4s forwards; animation-delay: 0s, 1s; -webkit-animation-delay: 0s, 1s; visibility: visible !important; } #edit-area .sd-shape-effect_fade-in-left, .enable-animation .sd-shape-effect_fade-in-left { animation: fadeInLeftShape 1s ease-in-out both, slowGrow2Shape 4s ease-out forwards; animation-delay: 1s, 2s; -webkit-animation-delay: 1s, 2s; transform-origin: left; -webkit-transform-origin: left; visibility: visible !important; } #edit-area .sd-shape-effect_entrance-from-above, .enable-animation .sd-shape-effect_entrance-from-above { -webkit-animation: entrenceFromAbove 2s ease-in-out 0s forwards; -moz-animation: entrenceFromAbove 2s ease-in-out 0s forwards; -ms-animation: entrenceFromAbove 2s ease-in-out 0s forwards; animation: entrenceFromAbove 2s ease-in-out 0s forwards; } #edit-area .sd-shape-effect_entrance-from-below, .enable-animation .sd-shape-effect_entrance-from-below { -webkit-animation: entrenceFromBelow 2s ease-in-out 0s forwards; -moz-animation: entrenceFromBelow 2s ease-in-out 0s forwards; -ms-animation: entrenceFromBelow 2s ease-in-out 0s forwards; animation: entrenceFromBelow 2s ease-in-out 0s forwards; } #edit-area .sd-shape-effect_entrance-from-left, .enable-animation .sd-shape-effect_entrance-from-left { -webkit-animation: entrenceFromLeft 2s ease-in-out 0s forwards; -moz-animation: entrenceFromLeft 2s ease-in-out 0s forwards; -ms-animation: entrenceFromLeft 2s ease-in-out 0s forwards; animation: entrenceFromLeft 2s ease-in-out 0s forwards; } #edit-area .sd-shape-effect_entrance-from-right, .enable-animation .sd-shape-effect_entrance-from-right { -webkit-animation: entrenceFromRight 2s ease-in-out 0s forwards; -moz-animation: entrenceFromRight 2s ease-in-out 0s forwards; -ms-animation: entrenceFromRight 2s ease-in-out 0s forwards; animation: entrenceFromRight 2s ease-in-out 0s forwards; } /*Fade out-h*/ #edit-area .sd-shape-effect_fade-out-h, .enable-animation .sd-shape-effect_fade-out-h { /*display: inline-block;*/ -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; transition: all 2s ease-in-out; /* -webkit-transition: all 1s ease !important; transition: all 1s ease !important; 8?*/ } #edit-area .sd-shape-effect_fade-out-h:hover, .enable-animation .sd-shape-effect_fade-out-h:hover { -webkit-opacity: 0.25; -moz-opacity: 0.25; opacity: 0.25; } /*float Right Hover - horizontal*/ #edit-area .sd-shape-effect_float-right-h, .enable-animation .sd-shape-effect_float-right-h { -webkit-transition: all 0.5s ease !important; transition: all 0.5s ease !important; } #edit-area .sd-shape-effect_float-right-h:hover, .enable-animation .sd-shape-effect_float-right-h:hover { -webkit-transform: translateX(-22px); transform: translateX(-22px); -webkit-animation-name: hover-horizontal; animation-name: hover-horizontal; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /*float up Hover - Vertical*/ #edit-area .sd-shape-effect_float-up-h, .enable-animation .sd-shape-effect_float-up-h { -webkit-transition: all 0.5s ease !important; transition: all 0.5s ease !important; } #edit-area .sd-shape-effect_float-up-h:hover, .enable-animation .sd-shape-effect_float-up-h:hover { -webkit-transform: translateY(-22px); transform: translateY(-22px); -webkit-animation-name: hover-vertical; animation-name: hover-vertical; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /*twirl-morph on hover*/ #edit-area .sd-shape-effect_morph-h, .enable-animation .sd-shape-effect_morph-h { -webkit-transition: all 0.5s ease !important; transition: all 0.5s ease !important; } #edit-area .sd-shape-effect_morph-h:hover, .enable-animation .sd-shape-effect_morph-h:hover { border-radius: 50%; -webkit-transform: rotate(360deg); transform: rotate(360deg); } /*floating vertical*/ #edit-area .sd-shape-effect_floating-vertical, .enable-animation .sd-shape-effect_floating-vertical { -webkit-transform: translateY(-22px); transform: translateY(-22px); -webkit-animation-name: hover-vertical; animation-name: hover-vertical; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /*floating horizontal*/ #edit-area .sd-shape-effect_floating-horizontal, .enable-animation .sd-shape-effect_floating-horizontal { -webkit-transform: translateX(-22px); transform: translateX(-22px); -webkit-animation-name: hover-horizontal; animation-name: hover-horizontal; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /*stroke width*/ #edit-area .sd-shape-effect_stroke-width, .enable-animation .sd-shape-effect_stroke-width { -webkit-animation-name: stroke-width; animation-name: stroke-width; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /*Shape loop pulse*/ #edit-area .sd-shape-effect_pulse, .enable-animation .sd-shape-effect_pulse { -webkit-animation: shape-pulse 1.5s infinite ease-in-out alternate; animation: shape-pulse 1.5s infinite ease-in-out alternate; } @-webkit-keyframes shape-pulse { 25% { -webkit-transform: scale(0.9); } 75% { -webkit-transform: scale(1.1); } } @-moz-keyframes shape-pulse { 25% { -moz-transform: scale(0.9); } 75% { -moz-transform: scale(1.1); } } @-ms-keyframes shape-pulse { 25% { -ms-transform: scale(0.9); } 75% { -ms-transform: scale(1.1); } } @keyframes shape-pulse { 25% { transform: scale(0.9); } 75% { transform: scale(1.1); } } /*stroke dash*/ #edit-area .sd-shape-effect_stroke-dash, .enable-animation .sd-shape-effect_stroke-dash { stroke-dasharray: 50px; -webkit-animation-name: stroke-dash; animation-name: stroke-dash; -webkit-animation-duration: 9s; animation-duration: 9s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } .sd-shape-effect_big-dash { stroke-dasharray: 50px; } .sd-shape-effect_medium-dash { stroke-dasharray: 20px; } .sd-shape-effect_small-dash { stroke-dasharray: 10px; } @-webkit-keyframes spinnerRotate { from{-webkit-transform:rotate(0deg);} to{-webkit-transform:rotate(360deg);} } @-moz-keyframes spinnerRotate { from{-moz-transform:rotate(0deg);} to{-moz-transform:rotate(360deg);} } @-ms-keyframes spinnerRotate { from{-ms-transform:rotate(0deg);} to{-ms-transform:rotate(360deg);} } #edit-surface .sd-shape-effect_spin, #scene .sd-shape-effect_spin /*.sd-shape-effect_spin*/{ /*position:fixed;*/ top:2%; left:0%; -webkit-animation-name: spinnerRotate; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spinnerRotate; -moz-animation-duration: 5s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spinnerRotate; -ms-animation-duration: 5s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; } /* color to gray loop */ #edit-area .sd-shape-effect_color-to-gray, .enable-animation .sd-shape-effect_color-to-gray { -webkit-animation: color-to-gray 5s ease infinite; -moz-animation: color-to-gray 5s ease infinite; animation: color-to-gray 5s ease infinite; } /* color to gray loop */ @-webkit-keyframes color-to-gray { 0% { filter: grayscale(0%); -webkit-filter: grayscale(0%); } 25% { filter: grayscale(25%); -webkit-filter: grayscale(25%); } 75% { filter: grayscale(75%); -webkit-filter: grayscale(75%); } 100% { filter: grayscale(100%); -webkit-filter: grayscale(100%); } } @keyframes color-to-gray { 0% { filter: grayscale(0%); -webkit-filter: grayscale(0%); } 25% { filter: grayscale(25%); -webkit-filter: grayscale(25%); } 75% { filter: grayscale(75%); -webkit-filter: grayscale(75%); } 100% { filter: grayscale(100%); -webkit-filter: grayscale(100%); } } /*fill color changes*/ #edit-area .sd-shape-effect_grad-fill, .enable-animation .sd-shape-effect_grad-fill { stroke-dasharray: 10px; -webkit-animation-name: grad-fill; animation-name: grad-fill; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /*fill color changes for cloud template*/ #edit-area .sd-shape-effect_grad-fill-cloud, .enable-animation .sd-shape-effect_grad-fill-cloud { stroke-dasharray: 10px; -webkit-animation-name: grad-fill-cloud; animation-name: grad-fill-cloud; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /*spotlight*/ #edit-area .sd-shape-effect_spotlight-dissapear, .enable-animation .sd-shape-effect_spotlight-dissapear{} #edit-area .sd-shape-effect_spotlight-dissapear:hover, .enable-animation .sd-shape-effect_spotlight-dissapear:hover { -webkit-animation: spotlight 0.6s ease-in forwards; animation: spotlight 0.6s ease-in forwards; } /* Quiz Radial */ .sd-shape-effect_quiz-radial { border-radius: 78px; } /*------------------------------------*\ Image Effects \*------------------------------------*/ .sd-image-effect_glow { box-shadow: 0 0 4em #AAA;} .sd-image-effect_saturate { -webkit-filter: saturate(3.3); } .sd-image-effect_hue-rotate { -webkit-filter: hue-rotate(330deg); } .sd-image-effect_shadow { -webkit-box-shadow: 3px 7px 27px #000000; -moz-box-shadow: 3px 7px 27px #000000; box-shadow: 3px 7px 27px #000000; } .sd-image-effect_grayscale { -webkit-filter: grayscale(95%); -moz-filter: grayscale(95%); filter: grayscale(95%); } #edit-area .sd-image-effect_entrance-from-above, .enable-animation .sd-image-effect_entrance-from-above { -webkit-animation: entrenceFromAbove 2s ease-in-out 0s forwards; -moz-animation: entrenceFromAbove 2s ease-in-out 0s forwards; -ms-animation: entrenceFromAbove 2s ease-in-out 0s forwards; animation: entrenceFromAbove 2s ease-in-out 0s forwards; } #edit-area .sd-image-effect_entrance-from-below, .enable-animation .sd-image-effect_entrance-from-below { -webkit-animation: entrenceFromBelow 2s ease-in-out 0s forwards; -moz-animation: entrenceFromBelow 2s ease-in-out 0s forwards; -ms-animation: entrenceFromBelow 2s ease-in-out 0s forwards; animation: entrenceFromBelow 2s ease-in-out 0s forwards; } #edit-area .sd-image-effect_entrance-from-left, .enable-animation .sd-image-effect_entrance-from-left { -webkit-animation: entrenceFromLeft 2s ease-in-out 0s forwards; -moz-animation: entrenceFromLeft 2s ease-in-out 0s forwards; -ms-animation: entrenceFromLeft 2s ease-in-out 0s forwards; animation: entrenceFromLeft 2s ease-in-out 0s forwards; } #edit-area .sd-image-effect_entrance-from-right, .enable-animation .sd-image-effect_entrance-from-right { -webkit-animation: entrenceFromRight 2s ease-in-out 0s forwards; -moz-animation: entrenceFromRight 2s ease-in-out 0s forwards; -ms-animation: entrenceFromRight 2s ease-in-out 0s forwards; animation: entrenceFromRight 2s ease-in-out 0s forwards; } /*flash*/ #edit-area .sd-image-effect_flash, .enable-animation .sd-image-effect_flash { -webkit-animation:glowPulse-image 1.7s ease-out infinite; animation:glowPulse-image 1.7s ease-out infinite; box-shadow: 7px 7px 5px #fff, 7px 7px 7px #fff; } /*Glow*/ .sd-image-effect_image-glow { box-shadow: 0 0 3em #AAA; } /*Purple filter*/ /*sepia(1) hue-rotate(220deg) saturate(5) contrast(3) opacity(.5)*/ .sd-image-effect_purple-filter { filter:sepia(1) hue-rotate(220deg) saturate(5) contrast(3) opacity(.5); -webkit-filter: sepia(1) hue-rotate(220deg) saturate(5) contrast(3) opacity(.5); } /*Stamp*/ /*grayscale(1) contrast(10) opacity(0.2)*/ .sd-image-effect_stamp { filter:grayscale(1) contrast(10) opacity(0.2); -webkit-filter:grayscale(1) contrast(10) opacity(0.2); } /*Soft edge*/ .sd-image-effect_soft-edge:after { content: ''; display: block; position: absolute; left: 0; top: 0; width:100%; height: 100%; background: transparent; box-shadow: 25px 25px 50px 0 white inset, -25px -25px 50px 0 white inset; } /*Zoom Frame in*/ #edit-area .sd-image-effect_zoom-frame-in-h, .enable-animation .sd-image-effect_zoom-frame-in-h { overflow: hidden; } #edit-area .sd-image-effect_zoom-frame-in-h .sd-element-image, .enable-animation .sd-image-effect_zoom-frame-in-h .sd-element-image { overflow: hidden; transform:scale(1.5); transform-origin: 50% 50%; -moz-transition: transform 1s ease; -ms-transition: transform 1s ease; transition: transform 1s ease; } #edit-area .sd-image-effect_zoom-frame-in-h .sd-element-image:hover, .enable-animation .sd-image-effect_zoom-frame-in-h .sd-element-image:hover { transform:scale(1); } /*Zoom Frame Out*/ #edit-area .sd-image-effect_zoom-frame-out-h, .enable-animation .sd-image-effect_zoom-frame-out-h { overflow: hidden; /*width: 100% !important; height: 100% !important;*/ } #edit-area .sd-image-effect_zoom-frame-out-h .sd-element-image:hover, .enable-animation .sd-image-effect_zoom-frame-out-h .sd-element-image:hover { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; width: 150% !important; height: 150% !important; } /*Tilt left*/ #edit-area .sd-image-effect_tilt-left-h, .enable-animation .sd-image-effect_tilt-left-h { overflow: hidden; } #edit-area .sd-image-effect_tilt-left-h .sd-element-image{ -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; margin-left: 200px; } #edit-area .sd-image-effect_tilt-left-h .sd-element-image:hover, .enable-animation .sd-image-effect_tilt-left-h .sd-element-image:hover { margin-left:0; } /*Tilt up*/ #edit-area .sd-image-effect_tilt-up-h, .enable-animation .sd-image-effect_tilt-up-h { overflow: hidden; } #edit-area .sd-image-effect_tilt-up-h .sd-element-image, .enable-animation .sd-image-effect_tilt-up-h .sd-element-image{ -webkit-transition: margin-top 1s ease; -moz-transition: margin-top 1s ease; -o-transition: margin-top 1s ease; -ms-transition: margin-top 1s ease; transition: margin-top 1s ease; margin-top: 0px; } #edit-area .sd-image-effect_tilt-up-h .sd-element-image:hover, .enable-animation .sd-image-effect_tilt-up-h .sd-element-image:hover { margin-top: -200px; } /*morph on hover*/ #edit-area .sd-image-effect_morph-h, .enable-animation .sd-image-effect_morph-h { -webkit-transition: all 0.5s ease !important; transition: all 0.5s ease !important; } #edit-area .sd-image-effect_morph-h:hover, .enable-animation .sd-image-effect_morph-h:hover { border-radius: 50%; -webkit-transform: rotate(360deg); transform: rotate(360deg); } /*focus on hover*/ #edit-area .sd-image-effect_focus-h, .enable-animation .sd-image-effect_focus-h { -webkit-transition: all 1s ease !important; transition: all 1s ease !important; } #edit-area .sd-image-effect_focus-h:hover, .enable-animation .sd-image-effect_focus-h:hover { border-radius: 50%; border: 70px solid #000; -webkit-transform: translateX(-70px) translateY(-70px); transform: translateX(-35px) translateY(-35px); } /*grow on hover*/ #edit-area .sd-image-effect_shrink-h, .enable-animation .sd-image-effect_shrink-h {} #edit-area .sd-image-effect_shrink-h:hover, .enable-animation .sd-image-effect_shrink-h:hover { -webkit-animation: growImage 4s linear infinite; -moz-animation: growImage 4s linear infinite; animation: growImage 4s linear infinite; } /*flip on hover*/ #edit-area .sd-image-effect_flip-h, .enable-animation .sd-image-effect_flip-h {} #edit-area .sd-image-effect_flip-h:hover, .enable-animation .sd-image-effect_flip-h:hover { -webkit-animation: flipImage 2.5s linear infinite; animation: flipImage 2.5s linear infinite; } /*flip*/ #edit-area .sd-image-effect_flip, .enable-animation .sd-image-effect_flip { -webkit-animation: flipImage 2.5s linear infinite; animation: flipImage 2.5s linear infinite; } /*grayscale-h gray to color*/ #edit-area .sd-image-effect_grayscale-h, .enable-animation .sd-image-effect_grayscale-h { -webkit-filter: url("data:image/svg+xml;utf8,#grayscale"); filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ -webkit-transition: all .6s ease !important; /* Fade to color for Chrome and Safari */ transition: all .6s ease !important; } #edit-area .sd-image-effect_grayscale-h:hover, .enable-animation .sd-image-effect_grayscale-h:hover { filter: none; -webkit-filter: grayscale(0%); } /*blur*/ #edit-area .sd-image-effect_blur-h, .enable-animation .sd-image-effect_blur-h { filter: blur(5px); -webkit-filter: blur(5px); -webkit-transition: all .6s ease !important; transition: all .6s ease !important; } #edit-area .sd-image-effect_blur-h:hover, .enable-animation .sd-image-effect_blur-h:hover { filter: blur(0px); -webkit-filter: blur(0px); } /*Sepia to Color*/ #edit-area #scene .sd-image-effect_sepia-to-color, :not(.enable-animation) .sd-image-effect_sepia-to-color { filter: sepia(100%); -webkit-filter: sepia(100%); animation: none; } #edit-area .sd-image-effect_sepia-to-color, .enable-animation .sd-image-effect_sepia-to-color { filter: sepia(0%); -webkit-filter: sepia(0%); animation: sepia-to-color 2s ease-in; } @keyframes sepia-to-color { 0% {filter: sepia(100%); -webkit-filter: sepia(100%); } 50% {filter: sepia(75%); -webkit-filter: sepia(75%); } 100% {filter: sepia(0%); -webkit-filter: sepia(0%); } } /*sepia*/ #edit-area .sd-image-effect_sepia-h, .enable-animation .sd-image-effect_sepia-h { filter: sepia(100%); -webkit-filter: sepia(100%); -webkit-transition: all .6s ease !important; transition: all .6s ease !important; } #edit-area .sd-image-effect_sepia-h:hover, .enable-animation .sd-image-effect_sepia-h:hover { filter: sepia(0%); -webkit-filter: sepia(0%); } /*circle fadein*/ #edit-area .sd-image-effect_circle-fadein::after, .enable-animation .sd-image-effect_circle-fadein::after { box-shadow: 0px 0px 3px rgba(0,0,0,0.6), 0px 0px 0px 40px rgba(0,0,0,0.3) inset; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #edit-area .sd-image-effect_circle-fadein:hover, .enable-animation .sd-image-effect_circle-fadein:hover { opacity: 1.0; box-shadow: 0px 0px 3px rgba(0,0,0,0.6), 0px 0px 0px 0px rgba(0,0,0,0.1) inset; } /*gelatine*/ #edit-area .sd-image-effect_gelatine, .enable-animation .sd-image-effect_gelatine { -webkit-animation: gelatine 0.5s infinite; animation: gelatine 0.5s infinite; } /*pulse*/ #edit-area .sd-image-effect_pulse, .enable-animation .sd-image-effect_pulse { -webkit-animation: pulse 1.5s infinite ease-in-out alternate; animation: pulse 1.5s infinite ease-in-out alternate; } /*hithere*/ #edit-area .sd-image-effect_hithere, .enable-animation .sd-image-effect_hithere { } #edit-area .sd-image-effect_hithere:hover, .enable-animation .sd-image-effect_hithere:hover { -webkit-animation: hithere 1s ease infinite; -moz-animation: hithere 1s ease infinite; -ms-animation: hithere 1s ease infinite; animation: hithere 1s ease infinite; } /*bounce*/ #edit-area .sd-image-effect_bounce, .enable-animation .sd-image-effect_bounce { -webkit-animation: bounce 2s ease infinite; -moz-animation: bounce 2s ease infinite; animation: bounce 2s ease infinite; } /*hinge-h*/ #edit-area .sd-image-effect_hinge-h, .enable-animation .sd-image-effect_hinge-h { } #edit-area .sd-image-effect_hinge-h:hover, .enable-animation .sd-image-effect_hinge-h:hover { -webkit-animation: hinge 3s ease infinite; animation: hinge 3s ease infinite; } /*grow-h*/ #edit-area .sd-image-effect_grow-h, .enable-animation .sd-image-effect_grow-h { display: inline-block; -webkit-transition: all 1s ease !important; transition: all 1s ease !important; } #edit-area .edit-wrapper:hover .sd-image-effect_grow-h, .enable-animation .edit-wrapper:hover .sd-image-effect_grow-h { -webkit-transform: scale(1.4); transform: scale(1.4); } /*#edit-area .sd-image-effect_grow-h, .enable-animation .sd-image-effect_grow-h { display: inline-block; -webkit-transition: all 1s ease !important; transition: all 1s ease !important; } #edit-area .sd-image-effect_grow-h:hover, .enable-animation .sd-image-effect_grow-h:hover { -webkit-transform: scale(1.4); transform: scale(1.4); }*/ /*grow-plus-h*/ #edit-area .sd-image-effect_grow-plus-h, .enable-animation .sd-image-effect_grow-plus-h { display: inline-block; -webkit-transition: all 1s ease !important; transition: all 1s ease !important; } #edit-area .sd-image-effect_grow-plus-h:hover, .enable-animation .sd-image-effect_grow-plus-h:hover { -webkit-transform: scale(1.4); transform: scale(1.4); z-index: 1000000000; } /*sepia*/ .sd-image-effect_sepia { -webkit-filter: sepia(1); filter: sepia(1); } /*drop-shadow*/ .sd-image-effect_drop-shadow { -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75); } /* cut image to the rigth */ #edit-area .sd-image-effect_right-diagnol-crop, .enable-animation .sd-image-effect_right-diagnol-crop{ -webkit-clip-path: polygon(0% 0%, 53% 1%, 100% 100%, 0% 100%); clip-path: polygon(0% 0%, 53% 1%, 100% 100%, 0% 100%); } /* constant blur */ .sd-image-effect_blur { filter: blur(5px); -webkit-filter: blur(5px); } /* blur to sharp*/ #edit-area #scene .sd-image-effect_blur-to-sharp, :not(.enable-animation) .sd-image-effect_blur-to-sharp { filter: blur(5px); -webkit-filter: blur(5px); } #edit-area .sd-image-effect_blur-to-sharp, .enable-animation .sd-image-effect_blur-to-sharp { filter: blur(0px); -webkit-filter: blur(0px); animation: blur-to-sharp 1s ease-in; } @keyframes blur-to-sharp { 0% {filter: blur(5px); -webkit-filter: blur(5px); } 50% {filter: blur(3px); -webkit-filter: blur(5px); } 100% {filter: blur(0px); -webkit-filter: blur(0px); } } /* Radial */ .sd-image-effect_radial { border-radius: 300px; } /* Quiz Radial */ .sd-image-effect_quiz-radial { border-radius: 78px; } /*Auto Scroll old did not work; */ /*#edit-area .sd-image-effect_auto-scroll-up:hover, */ /*.enable-animation .sd-image-effect_auto-scroll-up:hover { animation: Auto-Scroll 17s ease-out forwards; -webkit-animation: Auto-Scroll 17s ease-out forwards; -moz-transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; }*/ /*Auto Scroll - Pan up*/ #edit-area .sd-image-effect_auto-scroll-up-h, .enable-animation .sd-image-effect_auto-scroll-up-h { -webkit-transition: 0.7s; -ms-transition: 0.7s; -moz-transition: 0.7s; transition: 0.7s; } #edit-area .sd-image-effect_auto-scroll-up-h:hover, .enable-animation .sd-image-effect_auto-scroll-up-h:hover { -webkit-transform: translateY(-50%) translateX(0) translateZ(0); transform: translateY(-50%) translateX(0) translateZ(0); } /*Twist And Grow On Hover*/ #edit-area .sd-image-effect_twist-on-hover, .enable-animation .sd-image-effect_twist-on-hover { -webkit-transition: 0.7s; -ms-transition: 0.7s; -moz-transition: 0.7s; transition: 0.7s; } #edit-area .sd-image-effect_twist-on-hover:hover, .enable-animation .sd-image-effect_twist-on-hover:hover { -webkit-transform: rotate(-9deg) scale(1.35); -ms-transform: rotate(-9deg) scale(1.35); -moz-transform: rotate(-9deg) scale(1.35); transform: rotate(-9deg) scale(1.35); } /*Twist And Grow On Hover*/ #edit-area .sd-image-effect_slow-growth, .enable-animation .sd-image-effect_slow-growth { -webkit-transition: 15s linear; -ms-transition: 15s linear; -moz-transition: 15s linear; transition: 15s linear; -webkit-transform: scale(1.25); -ms-transform: scale(1.25); -moz-transform: scale(1.25); transform: scale(1.25); } /* slow enlarge */ #edit-surface .sd-image-effect_slow-enlarge, .enable-animation .sd-image-effect_slow-enlarge { transform-origin:50% 50%; animation: slow-enlarge 100s infinite linear; } @keyframes slow-enlarge { 0% { transform: scale(1); } 50% {transform:scale(1.2);} 100%{transform:scale(1);} } /* slow enlarge with twist */ #edit-area .sd-image-effect_slow-enlarge-twist, .transtion-done .sd-image-effect_slow-enlarge-twist { transform-origin:50% 50%; animation: slow-enlarge-twist 100s infinite linear; } @keyframes slow-enlarge-twist { 0% { transform: scale(1) rotate(0deg); } 50% {transform:scale(1.2) rotate(20deg);} 100%{transform:scale(1) rotate(0deg);} } /*////////////////// Round 2 of Parallax effects //////////////////*/ /* .sd-image-effect_out-up .sd-image-effect_up-right .sd-image-effect_left-down .sd-image-effect_down-left .sd-image-effect_right-down .sd-image-effect_out-down */ /* OUT UP */ /* In order for the image not to move up on top, I had to shift the transform origin by 240px for an 1920x1080 image*/ #edit-area #scene .sd-image-effect_out-up1, :not(.enable-animation) .sd-image-effect_out-up1 { /* Should start already at transition start */ transform-origin: 100% 240px; transform: scale(1.0) translateY(0); animation: none; } #edit-area .sd-image-effect_out-up1, .enable-animation .sd-image-effect_out-up1 { /* Should start already at transition start */ transform-origin: 100% 240px; animation: out-up-imagen 8s ease-in both; } @keyframes out-up-imagen { 0% { transform: scale(1.0) translateY(0); } /*50% {transform:scale(1.05) translateY(-25px);} */ 100% {transform:scale(1.05) translateY(-35px);} } /* old effect - keep for backward compatibility - replaced with sd-image-effect_out-up1*/ #edit-area #scene .sd-image-effect_out-up, :not(.enable-animation) .sd-image-effect_out-up { /* Should start already at transition start */ transform-origin: 50% 240px; transform: scale(1.2) translateY(0); animation: none; } #edit-area .sd-image-effect_out-up, .enable-animation .sd-image-effect_out-up { /* Should start already at transition start */ transform-origin: 50% 240px; animation: out-up-image 8s ease-in both; } @keyframes out-up-image { 0% { transform: scale(1.2) translateY(0); } 50% {transform:scale(1.25) translateY(-25px);} 100% {transform:scale(1.28) translateY(-35px);} } /* UP RIGHT - adapted for full-screen full-hd images*/ #edit-area #scene .sd-image-effect_up-right1, :not(.enable-animation) .sd-image-effect_up-right1 { transform-origin:50% 840px; transform: scale(1.0) translateY(0); animation: none; } #edit-area .sd-image-effect_up-right1, .enable-animation .sd-image-effect_up-right1 { transform-origin:50% 840px; animation: up-right-imagen 8s ease-in both; } @keyframes up-right-imagen { 0% { transform: scale(1.0) translateY(0); } 100% {transform:scale(1.05) translateY(-25px);} } /* old effect - keep for backward compatibility - replaced with sd-image-effect_up-right1*/ #edit-area #scene .sd-image-effect_up-right, :not(.enable-animation) .sd-image-effect_up-right { transform-origin:50% 840px; transform: scale(1.2) translateY(0); animation: none; } #edit-area .sd-image-effect_up-right, .enable-animation .sd-image-effect_up-right { transform-origin:50% 840px; animation: up-right-image 8s ease-in both; } @keyframes up-right-image { 0% { transform: scale(1.2) translateY(0); } 100% {transform:scale(1.28) translateY(-25px);} } /* LEFT DOWN */ #edit-area #scene .sd-image-effect_left-down1, :not(.enable-animation) .sd-image-effect_left-down1 { transform-origin:10% 50%; transform: scale(1.0) translateX(0); animation: none; } #edit-area .sd-image-effect_left-down1, /*.transtion-done*/.enable-animation .sd-image-effect_left-down1 { transform-origin:10% 50%; animation: left-down-imagen 8s ease-in both; } @keyframes left-down-imagen { 0% { transform: scale(1.0) translateX(0); } 100% {transform:scale(1.05) translateX(30px);} } /* old effect - keep for backward compatibility - replaced with sd-image-effect_up-right1*/ #edit-area #scene .sd-image-effect_left-down, :not(.enable-animation) .sd-image-effect_left-down { transform-origin:10% 50%; transform: scale(1.3) translateX(0); animation: none; } #edit-area .sd-image-effect_left-down, /*.transtion-done*/.enable-animation .sd-image-effect_left-down { transform-origin:10% 50%; animation: left-down-image 8s ease-in both; } @keyframes left-down-image { 0% { transform: scale(1.3) translateX(0); } 100% {transform:scale(1.38) translateX(30px);} } /* DOWN LEFT */ #edit-area #scene .sd-image-effect_down-left1, :not(.enable-animation) .sd-image-effect_down-left1 { transform-origin:100% 50%; transform: scale(1.0) translateY(0); animation: none; } #edit-area .sd-image-effect_down-left1, /*.transtion-done*/.enable-animation .sd-image-effect_down-left1 { transform-origin:100% 50%; transform: scale(1.0) translateY(0); animation: down-left-imagen 8s ease-in both; } @keyframes down-left-imagen { 0% { transform: scale(1.0) translateY(0); } 100% {transform:scale(1.07) translateY(20px);} } /* old effect - keep for backward compatibility - replaced with sd-image-effect_up-right1*/ #edit-area #scene .sd-image-effect_down-left, :not(.enable-animation) .sd-image-effect_down-left { transform-origin:50% 50%; transform: scale(1.2) translateY(0); animation: none; } #edit-area .sd-image-effect_down-left, /*.transtion-done*/.enable-animation .sd-image-effect_down-left { transform-origin:50% 50%; transform: scale(1.2) translateY(0); animation: down-left-image 8s ease-in both; } @keyframes down-left-image { 0% { transform: scale(1.2) translateY(0); } 100% {transform:scale(1.28) translateY(20px);} } /* RIGHT DOWN */ #edit-area #scene .sd-image-effect_right-down1, :not(.enable-animation) .sd-image-effect_right-down1 { transform-origin:100% 50%; transform: scale(1.0) translateX(0); animation: none; } #edit-area .sd-image-effect_right-down1, .enable-animation .sd-image-effect_right-down1 { transform-origin:100% 50%; animation: right-down-imagen 8s ease-in both; } @keyframes right-down-imagen { 0% { transform: scale(1.0) translateX(0); } 100% {transform:scale(1.05) translateX(-65px);} } /* old effect - keep for backward compatibility - replaced with sd-image-effect_right-down1*/ #edit-area #scene .sd-image-effect_right-down, :not(.enable-animation) .sd-image-effect_right-down { transform-origin:70% 50%; transform: scale(1.4) translateX(0); animation: none; } #edit-area .sd-image-effect_right-down, .enable-animation .sd-image-effect_right-down { transform-origin:70% 50%; animation: right-down-image 8s ease-in both; } @keyframes right-down-image { 0% { transform: scale(1.4) translateX(0); } 100% {transform:scale(1.37) translateX(-65px);} } /*gray to color*/ #edit-area #scene .sd-image-effect_gray-to-color, :not(.enable-animation) .sd-image-effect_gray-to-color { filter: grayscale(100%); /* IE6-9 */ -webkit-filter: grayscale(100%); } #edit-area .sd-image-effect_gray-to-color, .enable-animation .sd-image-effect_gray-to-color { /*-webkit-filter: url("data:image/svg+xml;utf8,#grayscale"); filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */ filter: grayscale(0%); /* IE6-9 */ -webkit-filter: grayscale(0%); /* Chrome 19+ & Safari 6+ */ animation: gray-to-color-image 2s ease-in; } @keyframes gray-to-color-image { 0% {filter: grayscale(100%); -webkit-filter: grayscale(100%); } 25% {filter: grayscale(1000%); -webkit-filter: grayscale(1000%); } 50% {filter: grayscale(80%); -webkit-filter: grayscale(80%); } 75% {filter: grayscale(40%); -webkit-filter: grayscale(40%); } 100% {filter: none; -webkit-filter: grayscale(0%); } } /* OUT DOWN */ #edit-area .sd-image-effect_out-down1, /*.transtion-done*/.enable-animation .sd-image-effect_out-down1 { transform-origin:50% 50%; animation: out-down-imagen 8s ease-in both; } #edit-area #scene .sd-image-effect_out-down1, #scene .slide:not(.enable-animation) .sd-image-effect_out-down1{ animation:none; transform: scale(1.0) translateY(0); } @keyframes out-down-imagen { 0% { transform: scale(1.0) translateY(0); } 100% {transform:scale(1.07) translateY(-45px);} } /* old effect - keep for backward compatibility - replaced with sd-image-effect_out-down1*/ #edit-area .sd-image-effect_out-down, /*.transtion-done*/.enable-animation .sd-image-effect_out-down { transform-origin:50% 50%; animation: out-down-image 8s ease-in both; } #edit-area #scene .sd-image-effect_out-down, #scene .slide:not(.enable-animation) .sd-image-effect_out-down{ animation:none; transform: scale(1.2) translateY(0); } @keyframes out-down-image { 0% { transform: scale(1.2) translateY(0); } 100% {transform:scale(1.12) translateY(-45px);} } /*/////////////////////////////////////////////////////////////////////*/ /* collapse text in */ /*#edit-area .sd-text-effect_collapse-in, .enable-animation .sd-text-effect_collapse-in { transform-origin:50% 50%; animation: text-zoom-out 0.5s ease-in-out both, slow-enlarge 100s infinite linear forwards; animation-delay: 0s, 0.5s; }*/ /* collapse text in */ #edit-area .sd-text-effect_collapse-in, .enable-animation .sd-text-effect_collapse-in { /*#edit-area .sd-text-effect_collapse-in, .transtion-done .sd-text-effect_collapse-in {*/ transform-origin:50% 50%; animation: text-zoom-out 0.5s ease-in-out both, slow-reduce-text 4s cubic-bezier(.07,.82,.03,1) forwards; animation-delay: 0s, 0.5s; } @keyframes text-zoom-out { 0% { transform: scale(20); opacity:0; } 100%{transform:scale(1.1); opacity:1;} } /* test with masking in chrome .sd-image-effect_tri-shape-1{ clip-path: url("#tri-shape-1"); -webkit-clip-path: polygon(34% 0px, 56% 0px, 92% 33%, 35% 100%); } .sd-image-effect_tri-shape-2{ clip-path: url("#tri-shape-2"); -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%); } .sd-image-effect_tri-shape-3{ clip-path: url("#tri-shape-3"); -webkit-clip-path: polygon(0 0, 41% 47%, 0 100%); } .sd-image-effect_conus-pattern{ -webkit-mask: url("../travel-agency/css/amir_cones.png"); } .sd-image-effect_plane{ -webkit-mask: url("../travel-agency/css/airplane.png"); -webkit-mask-size: 100%; } .sd-image-effect_conus{ -webkit-mask: url("../travel-agency/css/amir_cones.png"); -webkit-mask-size: 100%; } */ /*------------------------------------*\ video \*------------------------------------*/ .sd-video-effect_shadow { -webkit-box-shadow: 3px 7px 27px #000000; -moz-box-shadow: 3px 7px 27px #000000; box-shadow: 3px 7px 27px #000000; } .sd-video-effect_grayscale { -webkit-filter: grayscale(95%); -moz-filter: grayscale(95%); filter: grayscale(95%); } .sd-video-effect_sepia { -webkit-filter: sepia(0.9); -moz-filter: sepia(0.9); filter: sepia(0.9); } /* Quiz Radial */ .sd-video-effect_quiz-radial { border-radius: 78px; } /* blur to sharp - Video*/ #edit-area .sd-video-effect_blur-to-sharp, .enable-animation .sd-video-effect_blur-to-sharp { filter: blur(0px); -webkit-filter: blur(0px); animation: blur-to-sharp 2s; } @keyframes blur-to-sharp { 0% {filter: blur(5px); -webkit-filter: blur(5px); } 50% {filter: blur(3px); -webkit-filter: blur(5px); } 100% {filter: blur(0px); -webkit-filter: blur(0px); } } /*gray to color*/ #edit-area .sd-video-effect_gray-to-color, .enable-animation .sd-video-effect_gray-to-color { filter: grayscale(0%); /* IE6-9 */ -webkit-filter: grayscale(0%); /* Chrome 19+ & Safari 6+ */ animation: gray-to-color-video 2s ease; } @keyframes gray-to-color-video { 0% {filter: grayscale(100%); -webkit-filter: grayscale(100%); } 25% {filter: grayscale(1000%); -webkit-filter: grayscale(1000%); } 50% {filter: grayscale(80%); -webkit-filter: grayscale(80%); } 75% {filter: grayscale(40%); -webkit-filter: grayscale(40%); } 100% {filter: none; -webkit-filter: grayscale(0%); } } /*Sepia to Color*/ #edit-area .sd-video-effect_sepia-to-color, .enable-animation .sd-video-effect_sepia-to-color { filter: sepia(0%); -webkit-filter: sepia(0%); animation: sepia-to-color-video 5s; } #edit-area .sd-video-effect_sepia-to-color, .enable-animation .sd-video-effect_sepia-to-color { filter: sepia(0%); -webkit-filter: sepia(0%); animation: sepia-to-color-video 2s; } @keyframes sepia-to-color-video { 0% {filter: sepia(100%); -webkit-filter: sepia(100%); } 50% {filter: sepia(75%); -webkit-filter: sepia(75%); } 100% {filter: sepia(0%); -webkit-filter: sepia(0%); } } /*Glow*/ .sd-video-effect_glow { -webkit-box-shadow:0 0 1em #AAA;box-shadow: 0 0 1em #AAA; } /*Purple filter*/ /*sepia(1) hue-rotate(220deg) saturate(5) contrast(3) opacity(.5)*/ .sd-video-effect_purple-filter { filter:sepia(100%) hue-rotate(220deg) saturate(5) contrast(3) opacity(.5); -webkit-filter: sepia(1) hue-rotate(220deg) saturate(5) contrast(3) opacity(.5); } /*Stamp*/ /*grayscale(1) contrast(10) opacity(0.2)*/ .sd-video-effect_stamp { filter:grayscale(1) contrast(10) opacity(0.2); -webkit-filter: grayscale(1) contrast(10) opacity(0.2); } /*Saturate */ /*.saturate { -webkit-filter: saturate(4); filter: saturate(4); } */ .sd-video-effect_saturate { -webkit-filter: saturate(4); filter: saturate(4);} /*stroke dash-loop*/ #edit-area .sd-video-effect_stroke-dash, .enable-animation .sd-video-effect_stroke-dash { stroke-dasharray: 50px; -webkit-animation-name: stroke-dash; animation-name: stroke-dash; -webkit-animation-duration: 9s; animation-duration: 9s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } /*stroke Long dash*/ .sd-video-effect_big-dash { border-style:dashed; } .sd-video-effect_medium-dash { stroke-dasharray: 20px; } .sd-video-effect_small-dash { stroke-dasharray: 10px; } /*Hue*/ .sd-video-effect_hue-rotate { -webkit-filter: hue-rotate(330deg); } /*Soft edge*/ .sd-video-effect_soft-edge { content: ''; display: block; position: absolute; left: 0; top: 0; width:100%; height: 100%; background: transparent; box-shadow: 25px 25px 50px 0 white inset, -25px -25px 50px 0 white inset; } /*------------------------------------*\ test erea \*------------------------------------*/ #wrapper .sd-text-effect_test-note { color: black; font-family: 'varela-round', 'RobotoExt', 'å Žæ–‡ç»†é»‘', 'STXihei', 'NotoSansDevanagari', 'NotoNaskhArabic', 'Roboto-Cyrillic', 'Roboto-Cyrillic-Ext', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','Osaka', 'メイリオ', 'Meiryo', 'ï¼­ï¼³ Ｐゴシック', 'MS PGothic', 'almoni-dl-aaa-400'; line-height: 1.1em; font-weight: 100; border: 1px solid black; border-radius: 5px; background-color: rgba(0,0,0,0.4); visibility: visible; } #wrapper .sd-text-effect_test-note:after { content: 'notes do not show on play'; position: absolute; font-size: 35px; top: -29%; right: 0; transform: rotate(18deg); visibility: hidden; transition: 0.3s; } #wrapper .sd-text-effect_test-note:hover:after { visibility: visible; } .sd-text-effect_test-note { visibility: hidden; } #wrapper .sd-shape-effect_test-note{ opacity: 0.4; visibility: visible; } .sd-shape-effect_test-note { visibility: hidden; } /* removed .sd-text-effect_none:before, #sd-text-effect .sd-text-effect_none:before { content: 'None'; } */ /*------------------------------------*\ Dropdown menu Overrides \*------------------------------------*/ /* text */ [dropdown='sd-text-effect'] .sd-text-effect_none:before, #sd-text-effect .sd-text-effect_none:before { content: 'None'; } [dropdown='sd-text-effect'] .sd-text-effect_scorallable:before, #sd-text-effect .sd-text-effect_scorallable:before { content: 'Scroll'; } [dropdown='sd-text-effect'] .sd-text-effect_shadow:before, #sd-text-effect .sd-text-effect_shadow:before { content: 'Shadow'; } [dropdown='sd-text-effect'] .sd-text-effect_shadow-white:before, #sd-text-effect .sd-text-effect_shadow-white:before { content: 'White Shadow'; } [dropdown='sd-text-effect'] .sd-text-effect_black-shadow:before, #sd-text-effect .sd-text-effect_black-shadow:before { content: 'Black Shadow'; } [dropdown='sd-text-effect'] .sd-text-effect_wshadow:before, #sd-text-effect .sd-text-effect_wshadow:before { content: 'wShadow'; } [dropdown='sd-text-effect'] .sd-text-effect_gradient:before, #sd-text-effect .sd-text-effect_gradient:before { content: 'Gradient *'; } [dropdown='sd-text-effect'] .sd-text-effect_black-red-gradient:before, #sd-text-effect .sd-text-effect_black-red-gradient:before { content: 'Black to Red *'; } [dropdown='sd-text-effect'] .sd-text-effect_textglow:before, #sd-text-effect .sd-text-effect_textglow:before { content: 'Glow'; } [dropdown='sd-text-effect'] .sd-text-effect_3D-Text:before, #sd-text-effect .sd-text-effect_3D-Text:before { content: '3D Text'; } [dropdown='sd-text-effect'] .sd-text-effect_grow-h:before, #sd-text-effect .sd-text-effect_grow-h:before { content: 'Grow (Hover)'; } [dropdown='sd-text-effect'] .sd-text-effect_grow-plus-h:before, #sd-text-effect .sd-text-effect_grow-plus-h:before { content: 'Grow + (Hover)'; } [dropdown='sd-text-effect'] .sd-text-effect_shrink-h:before, #sd-text-effect .sd-text-effect_shrink-h:before { content: 'Shrink (Hover)'; } [dropdown='sd-text-effect'] .sd-text-effect_pulse-h:before, #sd-text-effect .sd-text-effect_pulse-h:before { content: 'Pulse (Hover)'; } [dropdown='sd-text-effect'] .sd-text-effect_wobble-vertical-h:before, #sd-text-effect .sd-text-effect_wobble-vertical-h:before { content: 'V-Wobble (Hover)'; } [dropdown='sd-text-effect'] .sd-text-effect_wobble-horizontal-h:before, #sd-text-effect .sd-text-effect_wobble-horizontal-h:before { content: 'H-Wobble (Hover)'; } [dropdown='sd-text-effect'] .sd-text-effect_buzz-h:before, #sd-text-effect .sd-text-effect_buzz-h:before { content: 'Buzz (Hover)'; } [dropdown='sd-text-effect'] .sd-text-effect_morph-h:before, #sd-text-effect .sd-text-effect_morph-h:before { content: 'Twirl (Hover)'; } [dropdown='sd-text-effect'] .sd-text-effect_flash:before, #sd-text-effect .sd-text-effect_flash:before { content: 'Flash (Loop)'; } [dropdown='sd-text-effect'] .sd-text-effect_rotate:before, #sd-text-effect .sd-text-effect_rotate:before { content: '3D Rotate (Loop)'; } [dropdown='sd-text-effect'] .sd-text-effect_blur-text:before, #sd-text-effect .sd-text-effect_blur-text:before { content: 'Blur *(Loop)'; } [dropdown='sd-text-effect'] .sd-text-effect_entrance-from-above:before, #sd-text-effect .sd-text-effect_entrance-from-above:before { content: 'From Above (Entrance)'; } [dropdown='sd-text-effect'] .sd-text-effect_entrance-from-below:before, #sd-text-effect .sd-text-effect_entrance-from-below:before { content: 'From Below (Entrance)'; } [dropdown='sd-text-effect'] .sd-text-effect_entrance-from-right:before, #sd-text-effect .sd-text-effect_entrance-from-right:before { content: 'From Right (Entrance)'; } [dropdown='sd-text-effect'] .sd-text-effect_entrance-from-left:before, #sd-text-effect .sd-text-effect_entrance-from-left:before { content: 'From Left (Entrance)'; } [dropdown='sd-text-effect'] .sd-text-effect_entrance-fold-from-above:before, #sd-text-effect .sd-text-effect_entrance-fold-from-above:before { content: 'Fold From Above (Entrance)'; } [dropdown='sd-text-effect'] .sd-text-effect_entrance-fold-from-below:before, #sd-text-effect .sd-text-effect_entrance-fold-from-below:before { content: 'Fold From Below (Entrance)'; } [dropdown='sd-text-effect'] .sd-text-effect_entrance-appear-from-middle:before, #sd-text-effect .sd-text-effect_entrance-appear-from-middle:before { content: 'Appear From Middle (Entrance)'; } [dropdown='sd-text-effect'] .sd-text-effect_test-note:before, #sd-text-effect .sd-text-effect_test-note:before { content: 'test note'; } DESCRIPTION .sd-text-effect_collapse-in:before { content: 'Collapse In'; } DESCRIPTION .sd-text-effect_flip-in-x:before { content: 'Flip In X'; } DESCRIPTION .sd-text-effect_fade-in-down:before { content: 'Fade In Down'; } DESCRIPTION .sd-text-effect_fade-in-left:before { content: 'Fade In Left'; } DESCRIPTION .sd-text-effect_loading-effect:before { content: 'Loading Effect'; } DESCRIPTION .sd-text-effect_reveal-from-top:before { content: 'Reveal From Top'; } DESCRIPTION .sd-text-effect_reveal-flip-from-left:before { content: 'Flip From Left'; } /* shapes */ [dropdown='sd-shape-effect'] .sd-shape-effect_none:before, #sd-shape-effect .sd-shape-effect_none:before { content: 'None'; } [dropdown='sd-shape-effect'] .sd-shape-effect_floating-vertical:before, #sd-shape-effect .sd-shape-effect_floating-vertical:before { content: 'V-Float (Loop)'; } [dropdown='sd-shape-effect'] .sd-shape-effect_floating-horizontal:before, #sd-shape-effect .sd-shape-effect_floating-horizontal:before { content: 'H-Float (Loop)'; } [dropdown='sd-shape-effect'] .sd-shape-effect_stroke-width:before, #sd-shape-effect .sd-shape-effect_stroke-width:before { content: 'Stroke Pulse *(Loop)'; } [dropdown='sd-shape-effect'] .sd-shape-effect_stroke-dash:before, #sd-shape-effect .sd-shape-effect_stroke-dash:before { content: 'Stroke Dash *(Loop)'; } [dropdown='sd-shape-effect'] .sd-shape-effect_grad-fill:before, #sd-shape-effect .sd-shape-effect_grad-fill:before { content: 'Fill Color (Loop)'; } [dropdown='sd-shape-effect'] .sd-shape-effect_grad-fill2:before, #sd-shape-effect .sd-shape-effect_grad-fill2:before { content: 'H-Gradient *(Loop)'; } [dropdown='sd-shape-effect'] .sd-shape-effect_grad-fill6:before, #sd-shape-effect .sd-shape-effect_grad-fill6:before { content: 'V-Gradient *(Loop)'; } [dropdown='sd-shape-effect'] .sd-shape-effect_grad-fill-cloud:before, #sd-shape-effect .sd-shape-effect_grad-fill-cloud:before { content: 'Colors *(Loop)'; } [dropdown='sd-shape-effect'] .sd-shape-effect_spotlight-dissapear:before, #sd-shape-effect .sd-shape-effect_spotlight-dissapear:before { content: 'spotlight(hover) *'; } [dropdown='sd-shape-effect'] .sd-shape-effect_quiz-radial:before, #sd-shape-effect .sd-shape-effect_quiz-radial:before { content: 'Quiz Radius'; } [dropdown='sd-shape-effect'] .sd-shape-effect_big-dash:before, #sd-shape-effect .sd-shape-effect_big-dash:before { content: 'Big Dash'; } [dropdown='sd-shape-effect'] .sd-shape-effect_medium-dash:before, #sd-shape-effect .sd-shape-effect_medium-dash:before { content: 'Medium Dash'; } [dropdown='sd-shape-effect'] .sd-shape-effect_small-dash:before, #sd-shape-effect .sd-shape-effect_small-dash:before { content: 'Small Dash'; } [dropdown='sd-shape-effect'] .sd-shape-effect_test-note:before, #sd-shape-effect .sd-shape-effect_test-note:before { content: 'test note'; } /* images */ [dropdown='sd-image-effect'] .sd-image-effect_none:before, #sd-image-effect .sd-image-effect_none:before { content: 'None'; } [dropdown='sd-image-effect'] .sd-image-effect_morph-h:before, #sd-image-effect .sd-image-effect_morph-h:before { content: 'Twirl (Hover)'; } [dropdown='sd-image-effect'] .sd-image-effect_shrink-h:before, #sd-image-effect .sd-image-effect_shrink-h:before { content: 'Pulse (Hover)'; } [dropdown='sd-image-effect'] .sd-image-effect_flip-h:before, #sd-image-effect .sd-image-effect_flip-h:before { content: '3D Rotate *(Hover)'; } [dropdown='sd-image-effect'] .sd-image-effect_grow-h:before, #sd-image-effect .sd-image-effect_grow-h:before { content: 'Grow (Hover)'; } [dropdown='sd-image-effect'] .sd-image-effect_grow-plus-h:before, #sd-image-effect .sd-image-effect_grow-plus-h:before { content: 'Grow + (Hover)'; } [dropdown='sd-image-effect'] .sd-image-effect_flip:before, #sd-image-effect .sd-image-effect_flip:before { content: '3D Rotate *(Loop)'; } [dropdown='sd-image-effect'] .sd-image-effect_grayscale-h:before, #sd-image-effect .sd-image-effect_grayscale-h:before { content: 'Gray to Color *'; } [dropdown='sd-image-effect'] .sd-image-effect_blur-h:before, #sd-image-effect .sd-image-effect_blur-h:before { content: 'Blur to Color *'; } [dropdown='sd-image-effect'] .sd-image-effect_sepia-h:before, #sd-image-effect .sd-image-effect_sepia-h:before { content: 'Sepia to Color *'; } [dropdown='sd-image-effect'] .sd-image-effect_pulse:before, #sd-image-effect .sd-image-effect_pulse:before { content: 'Ameba (Loop)'; } [dropdown='sd-image-effect'] .sd-image-effect_hithere:before, #sd-image-effect .sd-image-effect_hithere:before { content: 'Hi There (Hover)'; } [dropdown='sd-image-effect'] .sd-image-effect_bounce:before, #sd-image-effect .sd-image-effect_bounce:before { content: 'Bounce (Loop)'; } [dropdown='sd-image-effect'] .sd-image-effect_hinge-h:before, #sd-image-effect .sd-image-effect_hinge-h:before { content: 'Hinge (Hover)'; } [dropdown='sd-image-effect'] .sd-image-effect_glow:before, #sd-image-effect .sd-image-effect_glow:before { content: 'Glow'; } [dropdown='sd-image-effect'] .sd-image-effect_saturate:before, #sd-image-effect .sd-image-effect_saturate:before { content: 'Saturate *'; } [dropdown='sd-image-effect'] .sd-image-effect_hue-rotate:before, #sd-image-effect .sd-image-effect_hue-rotate:before { content: 'Hue *'; } [dropdown='sd-image-effect'] .sd-image-effect_shadow:before, #sd-image-effect .sd-image-effect_shadow:before { content: 'Shadow *'; } [dropdown='sd-image-effect'] .sd-image-effect_grayscale:before, #sd-image-effect .sd-image-effect_grayscale:before { content: 'Grayscale *'; } [dropdown='sd-image-effect'] .sd-image-effect_sepia:before, #sd-image-effect .sd-image-effect_sepia:before { content: 'Sepia *'; } [dropdown='sd-image-effect'] .sd-image-effect_drop-shadow:before, #sd-image-effect .sd-image-effect_drop-shadow:before { content: 'Shadow'; } [dropdown='sd-image-effect'] .sd-image-effect_right-diagnol-crop:before, #sd-image-effect .sd-image-effect_right-diagnol-crop:before { content: 'Right Diagnol Crop'; } [dropdown='sd-image-effect'] .sd-image-effect_blur:before, #sd-image-effect .sd-image-effect_blur:before { content: 'Blur *'; } [dropdown='sd-image-effect'] .sd-image-effect_radial:before, #sd-image-effect .sd-image-effect_radial:before { content: 'Radial'; } [dropdown='sd-image-effect'] .sd-image-effect_auto-scroll-up:before, #sd-image-effect .sd-image-effect_auto-scroll-up:before { content: 'Auto Scroll'; } [dropdown='sd-image-effect'] .sd-image-effect_quiz-radial:before, #sd-image-effect .sd-image-effect_quiz-radial:before { content: 'Quiz Radius'; } [dropdown='sd-image-effect'] .sd-image-effect_twist-on-hover:before, #sd-image-effect .sd-image-effect_twist-on-hover:before { content: 'Twist (Hover)'; } [dropdown='sd-image-effect'] .sd-image-effect_slow-growth:before, #sd-image-effect .sd-image-effect_slow-growth:before { content: 'Slow Growth'; } DESCRIPTION .sd-image-effect_slow_enlarge:before { content: 'Slow Enlarge'; } DESCRIPTION .sd-image-effect_slow_enlarge_twist:before { content: 'Slow Enlarge + Twist'; } DESCRIPTION .sd-image-effect_out-up:before { content: 'Out Up'; } DESCRIPTION .sd-image-effect_up-right:before { content: 'Up Right'; } DESCRIPTION .sd-image-effect_left-down:before { content: 'Left Down'; } DESCRIPTION .sd-image-effect_down-left:before { content: 'Down Left'; } DESCRIPTION .sd-image-effect_right-down:before { content: 'Right Down'; } DESCRIPTION .sd-image-effect_out-down:before { content: 'Out Down'; } /* video */ DESCRIPTION .sd-video-effect_none:before { content: 'None'; } DESCRIPTION .sd-video-effect_shadow:before { content: 'shadow'; } DESCRIPTION .sd-video-effect_grayscale:before { content: 'grayscale'; } DESCRIPTION .sd-video-effect_sepia:before { content: 'Sepia'; } DESCRIPTION .sd-video-effect_quiz-radial:before { content: 'Quiz Radius'; } /*------------------------------------*\ Keyframes \*------------------------------------*/ /*entrenceFoldFromAbove */ @-webkit-keyframes entrenceFoldFromAbove { 0% { opacity: 1; visibility: visible; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); } 100% { -webkit-transform: rotateX(0px); transform: rotateX(0px); } } @keyframes entrenceFoldFromAbove { 0% { opacity: 1; visibility: visible; transform: rotateX(-90deg); } 100% { transform: rotateX(0px); } } /*entrenceFoldFromBelow */ @-webkit-keyframes entrenceFoldFromBelow { 0% { opacity: 1; visibility: visible; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); } 100% { -webkit-transform: rotateX(0px); transform: rotateX(0px); } } @keyframes entrenceFoldFromBelow { 0% { opacity: 1; visibility: visible; transform: rotateX(90deg); } 100% { transform: rotateX(0px); } } /*entrenceAppearFromMiddle*/ @-webkit-keyframes entrenceAppearFromMiddle { 0% { opacity: 1; visibility: visible; -webkit-transform: scale(0,1); transform: scale(0,1); } 100% { -webkit-transform: scale(1,1); transform: scale(1,1); } } @keyframes entrenceAppearFromMiddle { 0% { opacity: 1; visibility: visible; transform: scale(0,1); } 100% { transform: scale(1,1); } } /* Entrence From Above */ @-webkit-keyframes entrenceFromAbove { 0% { opacity: 1; visibility: visible; -webkit-transform: translateY(-3000px); transform: translateY(-3000px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes entrenceFromAbove { 0% { opacity: 1; visibility: visible; transform: translateY(-3000px); } 100% { transform: translateY(0px); } } /* Entrence From Below */ @-webkit-keyframes entrenceFromBelow { 0% { -webkit-transform: translateY(3000px); transform: translateY(3000px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes entrenceFromBelow { 0% { transform: translateY(3000px); } 100% { transform: translateY(0px); } } /* Entrence From Right */ @-webkit-keyframes entrenceFromRight { 0% { opacity: 1; visibility: visible; -webkit-transform: translateX(3000px); transform: translateX(3000px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes entrenceFromRight { 0% { opacity: 1; visibility: visible; transform: translateX(3000px); } 100% { transform: translateX(0px); } } /* Entrence From Left */ @-webkit-keyframes entrenceFromLeft { 0% { -webkit-transform: translateX(-3000px); transform: translateX(-3000px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes entrenceFromLeft { 0% { transform: translateX(-3000px); } 100% { transform: translateX(0px); } } /* Auto Scroll */ @-webkit-keyframes Auto-Scroll { 0% { -webkit-transform: translateY(0) translateX(0) translateZ(0); transform: translateY(0) translateX(0) translateZ(0); } 100% { -webkit-transform: translateY(-50%) translateX(0) translateZ(0); transform: translateY(-50%) translateX(0) translateZ(0); } } @keyframes Auto-Scroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%) translateX(0) translateZ(0); } } /* Hover vertical */ @-webkit-keyframes hover-vertical { 50% { -webkit-transform: translateY(-11px); transform: translateY(-11px); } 100% { -webkit-transform: translateY(-22px); transform: translateY(-22px); } } @keyframes hover-vertical { 50% { -webkit-transform: translateY(-11px); transform: translateY(-11px); } 100% { -webkit-transform: translateY(-22px); transform: translateY(-22px); } } /* Hover horizontal */ @-webkit-keyframes hover-horizontal { 50% { -webkit-transform: translateX(-11px); transform: translateX(-11px); } 100% { -webkit-transform: translateX(-22px); transform: translateX(-22px); } } @keyframes hover-horizontal { 50% { -webkit-transform: translateX(-11px); transform: translateX(-11px); } 100% { -webkit-transform: translateX(-22px); transform: translateX(-22px); } } /* Wobble Vertical */ @-webkit-keyframes wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } /* Wobble Horizontal */ @-webkit-keyframes wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } /* Buzz */ @-webkit-keyframes buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @keyframes buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } /* Hover Shadow */ @-webkit-keyframes hover { 50% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hover { 50% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } /*stroke-width*/ @-webkit-keyframes stroke-width { 100% { stroke-width: 20px; } } @keyframes stroke-width { 100% { stroke-width: 20px; } } /*stroke-dash*/ @-webkit-keyframes stroke-dash { to { stroke-dashoffset: 1000; } } @keyframes stroke-dash { to { stroke-dashoffset: 1000; } } @keyframes glowPulse{ from{ /*text-shadow:0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 25px #fff, 0px 0px 25px #fff, 0px 0px 25px #fff, 0px 0px 25px #fff, 0px 0px 25px #fff, 0px 0px 25px #fff, 0px 0px 50px #fff, 0px 0px 50px #fff, 0px 0px 50px #7B96B8, 0px 0px 150px #7B96B8, 0px 10px 100px #7B96B8, 0px 10px 100px #7B96B8, 0px 10px 100px #7B96B8, 0px 10px 100px #7B96B8, 0px -10px 100px #7B96B8, 0px -10px 100px #7B96B8;*/ text-shadow:0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 25px #fff, 0px 10px 100px #7B96B8, 0px -10px 100px #7B96B8; } } @-webkit-keyframes glowPulse{ from{ text-shadow:0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 25px #fff, 0px 10px 100px #7B96B8, 0px -10px 100px #7B96B8; } } @keyframes glowPulse-image{ from{ box-shadow:0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 25px #fff, 0px 10px 100px #7B96B8, 0px -10px 100px #7B96B8; } } @-webkit-keyframes glowPulse-image{ from{ box-shadow:0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 25px #fff, 0px 10px 100px #7B96B8, 0px -10px 100px #7B96B8; } } @keyframes rotate_leftToRight { from { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } to { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } } @-webkit-keyframes rotate_leftToRight { from { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } to { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } } @keyframes growImage { 0% { -webkit-transform: scale(1); } 30% { -webkit-transform: scale(1); } 40% { -webkit-transform: scale(1.08); } 50% { -webkit-transform: scale(1); } 60% { -webkit-transform: scale(1); } 70% { -webkit-transform: scale(1.05); } 80% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(1); } } @-webkit-keyframes growImage { 0% { -webkit-transform: scale(1); } 30% { -webkit-transform: scale(1); } 40% { -webkit-transform: scale(1.08); } 50% { -webkit-transform: scale(1); } 60% { -webkit-transform: scale(1); } 70% { -webkit-transform: scale(1.05); } 80% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(1); } } @-webkit-keyframes flipImage { 100% { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } } @keyframes text-blur { 0% { letter-spacing: inherit; -webkit-filter: blur(0px); filter: blur(0px); } 25% { letter-spacing: inherit; -webkit-filter: blur(0px); filter: blur(0px); } 48% { letter-spacing: 1em; -webkit-filter: blur(15px); filter: blur(15px); } 52% { letter-spacing: 1em; -webkit-filter: blur(15px); filter: blur(15px); } 75% { letter-spacing: inherit; -webkit-filter: blur(0px); filter: blur(0px); } 100% { letter-spacing: inherit; -webkit-filter: blur(0px); filter: blur(0px); } } @-webkit-keyframes text-blur { 0% { letter-spacing: inherit; -webkit-filter: blur(0px); } 25% { letter-spacing: inherit; -webkit-filter: blur(0px); } 48% { letter-spacing: 1em; -webkit-filter: blur(15px); } 52% { letter-spacing: 1em; -webkit-filter: blur(15px); } 75% { letter-spacing: inherit; -webkit-filter: blur(0px); } 100% { letter-spacing: inherit; -webkit-filter: blur(0px); } } @keyframes grad-fill { 0% { fill: blue; } 100% { fill: red; } } @-webkit-keyframes grad-fill { 0% { fill: blue; } 100% { fill: red; } } @keyframes grad-fill-cloud { 0% { fill: #d6363d; } 100%{ fill: #636466; } } @-webkit-keyframes grad-fill-cloud { 0% { fill: #d6363d; } 100%{ fill: #636466; } } @-webkit-keyframes gelatine { from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); } 50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); } 75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); } }@keyframes gelatine { from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); } 50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); } 75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); } } @-webkit-keyframes pulse { 25% { -webkit-transform: scale(0.9); } 75% { -webkit-transform: scale(1.1); } } @-moz-keyframes pulse { 25% { -moz-transform: scale(0.9); } 75% { -moz-transform: scale(1.1); } } @-ms-keyframes pulse { 25% { -ms-transform: scale(0.9); } 75% { -ms-transform: scale(1.1); } } @keyframes pulse { 25% { transform: scale(0.9); } 75% { transform: scale(1.1); } } @-webkit-keyframes hithere { 30% { -webkit-transform: scale(1.2); transform: scale(1.2); } 40%, 70% { -webkit-transform: rotate(-20deg) scale(1.2); transform: rotate(-20deg) scale(1.2); } 50% { -webkit-transform: rotate(20deg) scale(1.2); transform: rotate(20deg) scale(1.2); } 80% { -webkit-transform: rotate(0deg) scale(1.2); transform: rotate(0deg) scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes hithere { 30% { -moz-transform: scale(1.2); transform: scale(1.2); } 40%, 70% { -moz-transform: rotate(-20deg) scale(1.2); transform: rotate(-20deg) scale(1.2); } 50% { -moz-transform: rotate(20deg) scale(1.2); transform: rotate(20deg) scale(1.2); } 80% { -moz-transform: rotate(0deg) scale(1.2); transform: rotate(0deg) scale(1.2); } 100% { -moz-transform: scale(1); transform: scale(1); } } @-ms-keyframes hithere { 30% { -ms-transform: scale(1.2); transform: scale(1.2); } 40%, 70% { -ms-transform: rotate(-20deg) scale(1.2); transform: rotate(-20deg) scale(1.2); } 50% { -ms-transform: rotate(20deg) scale(1.2); transform: rotate(20deg) scale(1.2); } 80% { -ms-transform: rotate(0deg) scale(1.2); transform: rotate(0deg) scale(1.2); } 100% { -ms-transform: scale(1); transform: scale(1); } } @keyframes hithere { 30% { -webkit-transform: scale(1.2); transform: scale(1.2); } 40%, 60% { -webkit-transform: rotate(-20deg) scale(1.2); transform: rotate(-20deg) scale(1.2); } 50% { -webkit-transform: rotate(20deg) scale(1.2); transform: rotate(20deg) scale(1.2); } 70% { -webkit-transform: rotate(0deg) scale(1.2); transform: rotate(0deg) scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);transform: translateY(-15px);} }@keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);transform: translateY(-15px);} } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 10%, 30% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 35% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 50% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } }@keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 70% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } /* spotlight */ @keyframes spotlight{ 0%{ opacity: 0.3; } 30%{ opacity: 0.5; } 100%{ opacity: 0; } } @-ms-keyframes spotlight{ 0%{ opacity: 0.3; } 30%{ opacity: 0.5; } 100%{ opacity: 0; } } @-webkit-keyframes spotlight{ 0%{ opacity: 0.3; } 30%{ opacity: 0.5; } 100%{ opacity: 0; } } @-o-keyframes spotlight{ 0%{ opacity: 0.3; } 30%{ opacity: 0.5; } 100%{ opacity: 0; } } @-moz-keyframes spotlight{ 0%{ opacity: 0.3; } 30%{ opacity: 0.5; } 100%{ opacity: 0; } } /**/ [data-autoplay=true] { /*eliminate transitions from slides that have autoplay*/ -webkit-animation-duration: 0 !important; -moz-animation-duration: 0 !important; -o-animation-duration: 0 !important; animation-duration: 0 !important; -moz-animation-delay: 0 !important; -o-animation-delay: 0 !important; -webkit-animation-delay: 0 !important; animation-delay: 0 !important; -moz-transition-duration: 0!important; -o-transition-duration: 0!important; -webkit-transition-duration: 0!important; transition-duration: 0!important; -moz-transition-delay: 0!important; -o-transition-delay: 0!important; -webkit-transition-delay: 0!important; transition-delay: 0!important; } /**/ /*thead new effects (2022):*/ /*animation none:*/ .editor-module .sd-text-effect_Slide-In_Click, .editor-module .sd-text-effect_Slide-In_Hover:not(:hover), .editor-module .sd-image-effect_Slide-In_Click, .editor-module .sd-image-effect_Slide-In_Hover:not(:hover), .editor-module .sd-media-effect_Slide-In_Click, .editor-module .sd-media-effect_Slide-In_Hover:not(:hover), .editor-module .sd-shape-effect_Slide-In_Click, .editor-module .sd-shape-effect_Slide-In_Hover:not(:hover), .editor-module .sd-text-effect_Slide-Out_Click, .editor-module .sd-text-effect_Slide-Out_Hover:not(:hover), .editor-module .sd-image-effect_Slide-Out_Click, .editor-module .sd-image-effect_Slide-Out_Hover:not(:hover), .editor-module .sd-media-effect_Slide-Out_Click, .editor-module .sd-media-effect_Slide-Out_Hover:not(:hover), .editor-module .sd-shape-effect_Slide-Out_Click, .editor-module .sd-shape-effect_Slide-Out_Hover:not(:hover), .editor-module .sd-text-effect_Blur-To-Sharp_Click, .editor-module .sd-text-effect_Blur-To-Sharp_Hover:not(:hover), .editor-module .sd-image-effect_Blur-To-Sharp_Click, .editor-module .sd-image-effect_Blur-To-Sharp_Hover:not(:hover), .editor-module .sd-media-effect_Blur-To-Sharp_Click, .editor-module .sd-media-effect_Blur-To-Sharp_Hover:not(:hover), .editor-module .sd-shape-effect_Blur-To-Sharp_Click, .editor-module .sd-shape-effect_Blur-To-Sharp_Hover:not(:hover), .editor-module .sd-text-effect_Fade-In_Click, .editor-module .sd-text-effect_Fade-In_Hover:not(:hover), .editor-module .sd-image-effect_Fade-In_Click, .editor-module .sd-image-effect_Fade-In_Hover:not(:hover), .editor-module .sd-media-effect_Fade-In_Click, .editor-module .sd-media-effect_Fade-In_Hover:not(:hover), .editor-module .sd-shape-effect_Fade-In_Click, .editor-module .sd-shape-effect_Fade-In_Hover:not(:hover), .editor-module .sd-text-effect_Fade-Out_Click, .editor-module .sd-text-effect_Fade-Out_Hover:not(:hover), .editor-module .sd-image-effect_Fade-Out_Click, .editor-module .sd-image-effect_Fade-Out_Hover:not(:hover), .editor-module .sd-media-effect_Fade-Out_Click, .editor-module .sd-media-effect_Fade-Out_Hover:not(:hover), .editor-module .sd-shape-effect_Fade-Out_Click, .editor-module .sd-shape-effect_Fade-Out_Hover:not(:hover), .editor-module .sd-text-effect_Tilt-In_Click, .editor-module .sd-text-effect_Tilt-In_Hover:not(:hover), .editor-module .sd-image-effect_Tilt-In_Click, .editor-module .sd-image-effect_Tilt-In_Hover:not(:hover), .editor-module .sd-media-effect_Tilt-In_Click, .editor-module .sd-media-effect_Tilt-In_Hover:not(:hover), .editor-module .sd-shape-effect_Tilt-In_Click, .editor-module .sd-shape-effect_Tilt-In_Hover:not(:hover), .editor-module .sd-image-effect_Magic-In_Click, .editor-module .sd-image-effect_Magic-In_Hover:not(:hover), .editor-module .sd-shape-effect_Magic-In_Click, .editor-module .sd-shape-effect_Magic-In_Hover:not(:hover), .editor-module .sd-text-effect_Roll-In_Click, .editor-module .sd-text-effect_Roll-In_Hover:not(:hover), .editor-module .sd-image-effect_Roll-In_Click, .editor-module .sd-image-effect_Roll-In_Hover:not(:hover), .editor-module .sd-media-effect_Roll-In_Click, .editor-module .sd-media-effect_Roll-In_Hover:not(:hover), .editor-module .sd-shape-effect_Roll-In_Click, .editor-module .sd-shape-effect_Roll-In_Hover:not(:hover), .editor-module .sd-text-effect_Bounce-In_Click, .editor-module .sd-text-effect_Bounce-In_Hover:not(:hover), .editor-module .sd-image-effect_Bounce-In_Click, .editor-module .sd-image-effect_Bounce-In_Hover:not(:hover), .editor-module .sd-media-effect_Bounce-In_Click, .editor-module .sd-media-effect_Bounce-In_Hover:not(:hover), .editor-module .sd-shape-effect_Bounce-In_Click, .editor-module .sd-shape-effect_Bounce-In_Hover:not(:hover), .editor-module .sd-text-effect_Drop-In_Click, .editor-module .sd-text-effect_Drop-In_Hover:not(:hover), .editor-module .sd-image-effect_Drop-In_Click, .editor-module .sd-image-effect_Drop-In_Hover:not(:hover), .editor-module .sd-media-effect_Drop-In_Click, .editor-module .sd-media-effect_Drop-In_Hover:not(:hover), .editor-module .sd-shape-effect_Drop-In_Click, .editor-module .sd-shape-effect_Drop-In_Hover:not(:hover), .editor-module .sd-text-effect_Tilt-Out_Click, .editor-module .sd-text-effect_Tilt-Out_Hover:not(:hover), .editor-module .sd-image-effect_Tilt-Out_Click, .editor-module .sd-image-effect_Tilt-Out_Hover:not(:hover), .editor-module .sd-media-effect_Tilt-Out_Click, .editor-module .sd-media-effect_Tilt-Out_Hover:not(:hover), .editor-module .sd-shape-effect_Tilt-Out_Click, .editor-module .sd-shape-effect_Tilt-Out_Hover:not(:hover), .editor-module .sd-image-effect_Magic-Out_Click, .editor-module .sd-image-effect_Magic-Out_Hover:not(:hover), .editor-module .sd-shape-effect_Magic-Out_Click, .editor-module .sd-shape-effect_Magic-Out_Hover:not(:hover), .editor-module .sd-text-effect_Roll-Out_Click, .editor-module .sd-text-effect_Roll-Out_Hover:not(:hover), .editor-module .sd-image-effect_Roll-Out_Click, .editor-module .sd-image-effect_Roll-Out_Hover:not(:hover), .editor-module .sd-media-effect_Roll-Out_Click, .editor-module .sd-media-effect_Roll-Out_Hover:not(:hover), .editor-module .sd-shape-effect_Roll-Out_Click, .editor-module .sd-shape-effect_Roll-Out_Hover:not(:hover), .editor-module .sd-text-effect_Bounce-Out_Click, .editor-module .sd-text-effect_Bounce-Out_Hover:not(:hover), .editor-module .sd-image-effect_Bounce-Out_Click, .editor-module .sd-image-effect_Bounce-Out_Hover:not(:hover), .editor-module .sd-media-effect_Bounce-Out_Click, .editor-module .sd-media-effect_Bounce-Out_Hover:not(:hover), .editor-module .sd-shape-effect_Bounce-Out_Click, .editor-module .sd-shape-effect_Bounce-Out_Hover:not(:hover), .editor-module .sd-text-effect_Drop-Out_Click, .editor-module .sd-text-effect_Drop-Out_Hover:not(:hover), .editor-module .sd-image-effect_Drop-Out_Click, .editor-module .sd-image-effect_Drop-Out_Hover:not(:hover), .editor-module .sd-media-effect_Drop-Out_Click, .editor-module .sd-media-effect_Drop-Out_Hover:not(:hover), .editor-module .sd-shape-effect_Drop-Out_Click, .editor-module .sd-shape-effect_Drop-Out_Hover:not(:hover), .editor-module .sd-text-effect_Wobble_Click, .editor-module .sd-text-effect_Wobble_Hover:not(:hover), .editor-module .sd-image-effect_Wobble_Click, .editor-module .sd-image-effect_Wobble_Hover:not(:hover), .editor-module .sd-shape-effect_Wobble_Click, .editor-module .sd-shape-effect_Wobble_Hover:not(:hover), .editor-module .sd-text-effect_Scale_Click, .editor-module .sd-text-effect_Scale_Hover:not(:hover), .editor-module .sd-image-effect_Scale_Click, .editor-module .sd-image-effect_Scale_Hover:not(:hover), .editor-module .sd-media-effect_Scale_Click, .editor-module .sd-media-effect_Scale_Hover:not(:hover), .editor-module .sd-shape-effect_Scale_Click, .editor-module .sd-shape-effect_Scale_Hover:not(:hover), .editor-module .sd-text-effect_Shake_Click, .editor-module .sd-text-effect_Shake_Hover:not(:hover), .editor-module .sd-image-effect_Shake_Click, .editor-module .sd-image-effect_Shake_Hover:not(:hover), .editor-module .sd-shape-effect_Shake_Click, .editor-module .sd-shape-effect_Shake_Hover:not(:hover), .editor-module .sd-text-effect_Flip_Click, .editor-module .sd-text-effect_Flip_Hover:not(:hover), .editor-module .sd-image-effect_Flip_Click, .editor-module .sd-image-effect_Flip_Hover:not(:hover), .editor-module .sd-shape-effect_Flip_Click, .editor-module .sd-shape-effect_Flip_Hover:not(:hover), .editor-module .sd-text-effect_Float_Click, .editor-module .sd-text-effect_Float_Hover:not(:hover), .editor-module .sd-image-effect_Float_Click, .editor-module .sd-image-effect_Float_Hover:not(:hover), .editor-module .sd-shape-effect_Float_Click, .editor-module .sd-shape-effect_Float_Hover:not(:hover), .editor-module .sd-text-effect_Bounce_Click, .editor-module .sd-text-effect_Bounce_Hover:not(:hover), .editor-module .sd-image-effect_Bounce_Click, .editor-module .sd-image-effect_Bounce_Hover:not(:hover), .editor-module .sd-shape-effect_Bounce_Click, .editor-module .sd-shape-effect_Bounce_Hover:not(:hover), .editor-module .sd-image-effect_Spin_Click, .editor-module .sd-image-effect_Spin_Hover:not(:hover), .editor-module .sd-shape-effect_Spin_Click, .editor-module .sd-shape-effect_Spin_Hover:not(:hover), .editor-module .sd-image-effect_Rainbow_Click, .editor-module .sd-image-effect_Rainbow_Hover:not(:hover), .editor-module .sd-image-effect_Rainbow_Click, .editor-module .sd-image-effect_Rainbow_Hover:not(:hover), .editor-module .sd-image-effect_Rainbow_Click, .editor-module .sd-image-effect_Rainbow_Hover:not(:hover), .editor-module .sd-text-effect_Rainbow_Click, .editor-module .sd-text-effect_Rainbow_Hover:not(:hover), .editor-module .sd-text-effect_Rainbow_Click, .editor-module .sd-text-effect_Rainbow_Hover:not(:hover), .editor-module .sd-text-effect_Rainbow_Click, .editor-module .sd-text-effect_Rainbow_Hover:not(:hover), .editor-module .sd-shape-effect_Dash_Click, .editor-module .sd-shape-effect_Dash_Hover:not(:hover), .editor-module .sd-shape-effect_Dash_Click, .editor-module .sd-shape-effect_Dash_Hover:not(:hover), .editor-module .sd-shape-effect_Dash_Click, .editor-module .sd-shape-effect_Dash_Hover:not(:hover), .editor-module .sd-image-effect_Pan_Click, .editor-module .sd-image-effect_Pan_Hover:not(:hover), .editor-module .sd-image-effect_Pan_Click, .editor-module .sd-image-effect_Pan_Hover:not(:hover), .editor-module .sd-image-effect_Pan_Click, .editor-module .sd-image-effect_Pan_Hover:not(:hover), .editor-module .sd-image-effect_Pan_Click, .editor-module .sd-image-effect_Pan_Hover:not(:hover), .editor-module .sd-image-effect_Pan_Click, .editor-module .sd-image-effect_Pan_Hover:not(:hover), .editor-module .sd-text-effect_Pulse_Click, .editor-module .sd-text-effect_Pulse_Hover:not(:hover), .editor-module .sd-image-effect_Pulse_Click, .editor-module .sd-image-effect_Pulse_Hover:not(:hover), .editor-module .sd-shape-effect_Pulse_Click, .editor-module .sd-shape-effect_Pulse_Hover:not(:hover), .editor-module .sd-image-effect_Grayscale-To-Color_Click, .editor-module .sd-image-effect_Grayscale-To-Color_Hover:not(:hover), .editor-module .sd-media-effect_Grayscale-To-Color_Click, .editor-module .sd-media-effect_Grayscale-To-Color_Hover:not(:hover), .editor-module .sd-image-effect_Sepia-To-Color_Click, .editor-module .sd-image-effect_Sepia-To-Color_Hover:not(:hover), .editor-module .sd-media-effect_Sepia-To-Color_Click, .editor-module .sd-media-effect_Sepia-To-Color_Hover:not(:hover) { -webkit-animation-name: none; animation-name: none; } /*Entrance effects*/ /*Slide-In:*/ @-webkit-keyframes Slide-In-top { 0% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: inherit; } } @keyframes Slide-In-top { 0% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: inherit; } } .enable-animation .sd-shape-effect_Slide-In.sd-shape-effect_direction-Top, .enable-animation .sd-text-effect_group-entrance.sd-text-effect_Slide-In.sd-text-effect_direction-Top, .enable-animation .sd-image-effect_group-entrance.sd-image-effect_Slide-In.sd-image-effect_direction-Top, .enable-animation .sd-media-effect_group-entrance.sd-media-effect_Slide-In.sd-media-effect_direction-Top { -webkit-animation-name: Slide-In-top; animation-name: Slide-In-top; } @-webkit-keyframes Slide-In-bottom { 0% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: inherit; } } @keyframes Slide-In-bottom { 0% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: inherit; } } .enable-animation .sd-shape-effect_Slide-In.sd-shape-effect_direction-Bottom, .enable-animation .sd-text-effect_group-entrance.sd-text-effect_Slide-In.sd-text-effect_direction-Bottom, .enable-animation .sd-image-effect_group-entrance.sd-image-effect_Slide-In.sd-image-effect_direction-Bottom, .enable-animation .sd-media-effect_group-entrance.sd-media-effect_Slide-In.sd-media-effect_direction-Bottom { -webkit-animation-name: Slide-In-bottom; animation-name: Slide-In-bottom; } @-webkit-keyframes Slide-In-right { 0% { -webkit-transform: translateX(1000px); transform: translateX(1000px); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: inherit; } } @keyframes Slide-In-right { 0% { -webkit-transform: translateX(1000px); transform: translateX(1000px); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: inherit; } } .enable-animation .sd-shape-effect_Slide-In.sd-shape-effect_direction-Right, .enable-animation .sd-text-effect_group-entrance.sd-text-effect_Slide-In.sd-text-effect_direction-Right, .enable-animation .sd-image-effect_group-entrance.sd-image-effect_Slide-In.sd-image-effect_direction-Right, .enable-animation .sd-media-effect_group-entrance.sd-media-effect_Slide-In.sd-media-effect_direction-Right { -webkit-animation-name: Slide-In-right; animation-name: Slide-In-right; } @-webkit-keyframes Slide-In-left { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: inherit; } } @keyframes Slide-In-left { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: inherit; } } .enable-animation .sd-shape-effect_Slide-In.sd-shape-effect_direction-Left, .enable-animation .sd-text-effect_group-entrance.sd-text-effect_Slide-In.sd-text-effect_direction-Left, .enable-animation .sd-image-effect_group-entrance.sd-image-effect_Slide-In.sd-image-effect_direction-Left, .enable-animation .sd-media-effect_group-entrance.sd-media-effect_Slide-In.sd-media-effect_direction-Left { -webkit-animation-name: Slide-In-left; animation-name: Slide-In-left; } /*Fade-In:*/ @-webkit-keyframes Fade-In-top { 0% { -webkit-transform: translateY(-50px); transform: translateY(-50px); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: inherit; } } @keyframes Fade-In-top { 0% { -webkit-transform: translateY(-50px); transform: translateY(-50px); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: inherit; } } .enable-animation .sd-media-effect_group-entrance.sd-media-effect_Fade-In.sd-media-effect_direction-Top, .enable-animation .sd-image-effect_group-entrance.sd-image-effect_Fade-In.sd-image-effect_direction-Top, .enable-animation .sd-text-effect_group-entrance.sd-text-effect_Fade-In.sd-text-effect_direction-Top, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_direction-Top { -webkit-animation-name: Fade-In-top, var(--blur-effect); animation-name: Fade-In-top, var(--blur-effect); } @-webkit-keyframes Fade-In-bottom { 0% { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: inherit; } } @keyframes Fade-In-bottom { 0% { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: inherit; } } .enable-animation .sd-text-effect_group-entrance.sd-text-effect_Fade-In.sd-text-effect_direction-Bottom, .enable-animation .sd-image-effect_group-entrance.sd-image-effect_Fade-In.sd-image-effect_direction-Bottom, .enable-animation .sd-media-effect_group-entrance.sd-media-effect_Fade-In.sd-media-effect_direction-Bottom, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_direction-Bottom { -webkit-animation-name: Fade-In-bottom, var(--blur-effect); animation-name: Fade-In-bottom, var(--blur-effect); } @-webkit-keyframes Fade-In-right { 0% { -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: inherit; } } @keyframes Fade-In-right { 0% { -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: inherit; } } .enable-animation .sd-text-effect_group-entrance.sd-text-effect_Fade-In.sd-text-effect_direction-Right, .enable-animation .sd-image-effect_group-entrance.sd-image-effect_Fade-In.sd-image-effect_direction-Right, .enable-animation .sd-media-effect_group-entrance.sd-media-effect_Fade-In.sd-media-effect_direction-Right, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_direction-Right { -webkit-animation-name: Fade-In-right, var(--blur-effect); animation-name: Fade-In-right, var(--blur-effect); } @-webkit-keyframes Fade-In-left { 0% { -webkit-transform: translateX(-50px); transform: translateX(-50px); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: inherit; } } @keyframes Fade-In-left { 0% { -webkit-transform: translateX(-50px); transform: translateX(-50px); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: inherit; } } .enable-animation .sd-text-effect_group-entrance.sd-text-effect_Fade-In.sd-text-effect_direction-Left, .enable-animation .sd-image-effect_group-entrance.sd-image-effect_Fade-In.sd-image-effect_direction-Left, .enable-animation .sd-media-effect_group-entrance.sd-media-effect_Fade-In.sd-media-effect_direction-Left, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_direction-Left { -webkit-animation-name: Fade-In-left, var(--blur-effect); animation-name: Fade-In-left, var(--blur-effect); } /*Tilt-In:*/ @-webkit-keyframes Tilt-In-top { 0% { -webkit-transform: translateY(-200px) skewY(-20deg); transform: translateY(-200px) skewY(-20deg); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateY(0) skewY(0deg); transform: translateY(0) skewY(0deg); opacity: 1; visibility: inherit; } } @keyframes Tilt-In-top { 0% { -webkit-transform: translateY(-200px) skewY(-20deg); transform: translateY(-200px) skewY(-20deg); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateY(0) skewY(0deg); transform: translateY(0) skewY(0deg); opacity: 1; visibility: inherit; } } .enable-animation .sd-text-effect_group-entrance.sd-text-effect_Tilt-In.sd-text-effect_direction-Top, .enable-animation .sd-image-effect_group-entrance.sd-image-effect_Tilt-In.sd-image-effect_direction-Top, .enable-animation .sd-media-effect_group-entrance.sd-media-effect_Tilt-In.sd-media-effect_direction-Top, .enable-animation .sd-shape-effect_Tilt-In.sd-shape-effect_direction-Top { -webkit-animation-name: Tilt-In-top; animation-name: Tilt-In-top; } @-webkit-keyframes Tilt-In-bottom { 0% { -webkit-transform: translateY(200px) skewY(-20deg); transform: translateY(200px) skewY(-20deg); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateY(0) skewY(0deg); transform: translateY(0) skewY(0deg); opacity: 1; visibility: inherit; } } @keyframes Tilt-In-bottom { 0% { -webkit-transform: translateY(200px) skewY(-20deg); transform: translateY(200px) skewY(-20deg); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateY(0) skewY(0deg); transform: translateY(0) skewY(0deg); opacity: 1; visibility: inherit; } } .enable-animation .sd-text-effect_group-entrance.sd-text-effect_Tilt-In.sd-text-effect_direction-Bottom, .enable-animation .sd-image-effect_group-entrance.sd-image-effect_Tilt-In.sd-image-effect_direction-Bottom, .enable-animation .sd-media-effect_group-entrance.sd-media-effect_Tilt-In.sd-media-effect_direction-Bottom, .enable-animation .sd-shape-effect_Tilt-In.sd-shape-effect_direction-Bottom { -webkit-animation-name: Tilt-In-bottom; animation-name: Tilt-In-bottom; } @-webkit-keyframes Tilt-In-right { 0% { -webkit-transform: translateX(200px) skewX(-30deg); transform: translateX(200px) skewX(-30deg); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateY(0) skewY(0deg); transform: translateY(0) skewY(0deg); opacity: 1; visibility: inherit; } } @keyframes Tilt-In-right { 0% { -webkit-transform: translateX(200px) skewX(-30deg); transform: translateX(200px) skewX(-30deg); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateY(0) skewY(0deg); transform: translateY(0) skewY(0deg); opacity: 1; visibility: inherit; } } .enable-animation .sd-text-effect_group-entrance.sd-text-effect_Tilt-In.sd-text-effect_direction-Right, .enable-animation .sd-image-effect_group-entrance.sd-image-effect_Tilt-In.sd-image-effect_direction-Right, .enable-animation .sd-media-effect_group-entrance.sd-media-effect_Tilt-In.sd-media-effect_direction-Right, .enable-animation .sd-shape-effect_Tilt-In.sd-shape-effect_direction-Right { -webkit-animation-name: Tilt-In-right; animation-name: Tilt-In-right; } @-webkit-keyframes Tilt-In-left { 0% { -webkit-transform: translateX(-200px) skewX(-20deg); transform: translateX(-200px) skewX(-20deg); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateY(0) skewY(0deg); transform: translateY(0) skewY(0deg); opacity: 1; visibility: inherit; } } @keyframes Tilt-In-left { 0% { -webkit-transform: translateX(-200px) skewX(-20deg); transform: translateX(-200px) skewX(-20deg); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateY(0) skewY(0deg); transform: translateY(0) skewY(0deg); opacity: 1; visibility: inherit; } } .enable-animation .sd-text-effect_group-entrance.sd-text-effect_Tilt-In.sd-text-effect_direction-Left, .enable-animation .sd-image-effect_group-entrance.sd-image-effect_Tilt-In.sd-image-effect_direction-Left, .enable-animation .sd-media-effect_group-entrance.sd-media-effect_Tilt-In.sd-media-effect_direction-Left, .enable-animation .sd-shape-effect_Tilt-In.sd-shape-effect_direction-Left { -webkit-animation-name: Tilt-In-left; animation-name: Tilt-In-left; } /*Magic-In:*/ @-webkit-keyframes Magic-In-top { 0% { -webkit-transform: scale(0, 0) rotate(270deg); transform: scale(0, 0) rotate(270deg); -webkit-transform-origin: -50% -50%; transform-origin: -50% -50%; opacity: 0; visibility: inherit; } 100% { -webkit-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg); -webkit-transform-origin: 100% 200%; transform-origin: 100% 200%; opacity: 1; visibility: inherit; } } @keyframes Magic-In-top { 0% { -webkit-transform: scale(0, 0) rotate(270deg); transform: scale(0, 0) rotate(270deg); -webkit-transform-origin: -50% -50%; transform-origin: -50% -50%; opacity: 0; visibility: inherit; } 100% { -webkit-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg); -webkit-transform-origin: 100% 200%; transform-origin: 100% 200%; opacity: 1; visibility: inherit; } } .enable-animation .sd-image-effect_group-entrance.sd-image-effect_Magic-In.sd-image-effect_direction-Top, .enable-animation .sd-shape-effect_Magic-In.sd-shape-effect_direction-Top { -webkit-animation-name: Magic-In-top; animation-name: Magic-In-top; } @-webkit-keyframes Magic-In-bottom { 0% { -webkit-transform: scale(0, 0) rotate(-270deg); transform: scale(0, 0) rotate(-270deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; visibility: inherit; } 100% { -webkit-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg); -webkit-transform-origin: 100% 200%; transform-origin: 100% 200%; opacity: 1; visibility: inherit; } } @keyframes Magic-In-bottom { 0% { -webkit-transform: scale(0, 0) rotate(-270deg); transform: scale(0, 0) rotate(-270deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; visibility: inherit; } 100% { -webkit-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg); -webkit-transform-origin: 100% 200%; transform-origin: 100% 200%; opacity: 1; visibility: inherit; } } .enable-animation .sd-image-effect_group-entrance.sd-image-effect_Magic-In.sd-image-effect_direction-Bottom, .enable-animation .sd-shape-effect_Magic-In.sd-shape-effect_direction-Bottom { -webkit-animation-name: Magic-In-bottom; animation-name: Magic-In-bottom; } @-webkit-keyframes Magic-In-right { 0% { -webkit-transform: scale(0, 0) rotate(-270deg); transform: scale(0, 0) rotate(-270deg); -webkit-transform-origin: 200% 50%; transform-origin: 200% 50%; opacity: 0; visibility: inherit; } 100% { -webkit-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg); -webkit-transform-origin: 100% 200%; transform-origin: 100% 200%; opacity: 1; visibility: inherit; } } @keyframes Magic-In-right { 0% { -webkit-transform: scale(0, 0) rotate(-270deg); transform: scale(0, 0) rotate(-270deg); -webkit-transform-origin: 200% 50%; transform-origin: 200% 50%; opacity: 0; visibility: inherit; } 100% { -webkit-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg); -webkit-transform-origin: 100% 200%; transform-origin: 100% 200%; opacity: 1; visibility: inherit; } } .enable-animation .sd-image-effect_group-entrance.sd-image-effect_Magic-In.sd-image-effect_direction-Right, .enable-animation .sd-shape-effect_Magic-In.sd-shape-effect_direction-Right { -webkit-animation-name: Magic-In-right; animation-name: Magic-In-right; } @-webkit-keyframes Magic-In-left { 0% { -webkit-transform: scale(0, 0) rotate(270deg); transform: scale(0, 0) rotate(270deg); -webkit-transform-origin: -200% -50%; transform-origin: -200% -50%; opacity: 0; visibility: inherit; } 100% { -webkit-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg); -webkit-transform-origin: 100% 200%; transform-origin: 100% 200%; opacity: 1; visibility: inherit; } } @keyframes Magic-In-left { 0% { -webkit-transform: scale(0, 0) rotate(270deg); transform: scale(0, 0) rotate(270deg); -webkit-transform-origin: -200% -50%; transform-origin: -200% -50%; opacity: 0; visibility: inherit; } 100% { -webkit-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg); -webkit-transform-origin: 100% 200%; transform-origin: 100% 200%; opacity: 1; visibility: inherit; } } .enable-animation .sd-image-effect_group-entrance.sd-image-effect_Magic-In.sd-image-effect_direction-Left, .enable-animation .sd-shape-effect_Magic-In.sd-shape-effect_direction-Left { -webkit-animation-name: Magic-In-left; animation-name: Magic-In-left; } /*Roll In:*/ @-webkit-keyframes Roll-In-left { 0% { -webkit-transform: translateX(-800px) rotate(-540deg); transform: translateX(-800px) rotate(-540deg); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); opacity: 1; visibility: inherit; } } @keyframes Roll-In-left { 0% { -webkit-transform: translateX(-800px) rotate(-540deg); transform: translateX(-800px) rotate(-540deg); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); opacity: 1; visibility: inherit; } } .enable-animation .sd-text-effect_group-entrance.sd-text-effect_Roll-In.sd-text-effect_direction-Left, .enable-animation .sd-image-effect_group-entrance.sd-image-effect_Roll-In.sd-image-effect_direction-Left, .enable-animation .sd-media-effect_group-entrance.sd-media-effect_Roll-In.sd-media-effect_direction-Left, .enable-animation .sd-shape-effect_Roll-In.sd-shape-effect_direction-Left { -webkit-animation-name: Roll-In-left; animation-name: Roll-In-left; } @-webkit-keyframes Roll-In-right { 0% { -webkit-transform: translateX(800px) rotate(540deg); transform: translateX(800px) rotate(540deg); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); opacity: 1; visibility: inherit; } } @keyframes Roll-In-right { 0% { -webkit-transform: translateX(800px) rotate(540deg); transform: translateX(800px) rotate(540deg); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); opacity: 1; visibility: inherit; } } .enable-animation .sd-text-effect_group-entrance.sd-text-effect_Roll-In.sd-text-effect_direction-Right, .enable-animation .sd-image-effect_group-entrance.sd-image-effect_Roll-In.sd-image-effect_direction-Right, .enable-animation .sd-media-effect_group-entrance.sd-media-effect_Roll-In.sd-media-effect_direction-Right, .enable-animation .sd-shape-effect_Roll-In.sd-shape-effect_direction-Right { -webkit-animation-name: Roll-In-right; animation-name: Roll-In-right; } @-webkit-keyframes Roll-In-top { 0% { -webkit-transform: translateY(-800px) rotate(540deg); transform: translateY(-800px) rotate(540deg); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg); opacity: 1; visibility: inherit; } } @keyframes Roll-In-top { 0% { -webkit-transform: translateY(-800px) rotate(540deg); transform: translateY(-800px) rotate(540deg); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg); opacity: 1; visibility: inherit; } } .enable-animation .sd-text-effect_group-entrance.sd-text-effect_Roll-In.sd-text-effect_direction-Top, .enable-animation .sd-image-effect_group-entrance.sd-image-effect_Roll-In.sd-image-effect_direction-Top, .enable-animation .sd-media-effect_group-entrance.sd-media-effect_Roll-In.sd-media-effect_direction-Top, .enable-animation .sd-shape-effect_Roll-In.sd-shape-effect_direction-Top { -webkit-animation-name: Roll-In-top; animation-name: Roll-In-top; } @-webkit-keyframes Roll-In-bottom { 0% { -webkit-transform: translateY(800px) rotate(540deg); transform: translateY(800px) rotate(540deg); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg); opacity: 1; visibility: inherit; } } @keyframes Roll-In-bottom { 0% { -webkit-transform: translateY(800px) rotate(540deg); transform: translateY(800px) rotate(540deg); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg); opacity: 1; visibility: inherit; } } .enable-animation .sd-text-effect_group-entrance.sd-text-effect_Roll-In.sd-text-effect_direction-Bottom, .enable-animation .sd-image-effect_group-entrance.sd-image-effect_Roll-In.sd-image-effect_direction-Bottom, .enable-animation .sd-media-effect_group-entrance.sd-media-effect_Roll-In.sd-media-effect_direction-Bottom, .enable-animation .sd-shape-effect_Roll-In.sd-shape-effect_direction-Bottom { -webkit-animation-name: Roll-In-bottom; animation-name: Roll-In-bottom; } /*Bounce In:*/ @-webkit-keyframes Bounce-In-top { 0% { -webkit-transform: translateY(-500px); transform: translateY(-500px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; visibility: inherit; } 38%,72%,90%,100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; visibility: inherit; } 55% { -webkit-transform: translateY(-65px); transform: translateY(-65px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: inherit; } 81% { -webkit-transform: translateY(-28px); transform: translateY(-28px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: inherit; } 95% { -webkit-transform: translateY(-8px); transform: translateY(-8px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: inherit; } } @keyframes Bounce-In-top { 0% { -webkit-transform: translateY(-500px); transform: translateY(-500px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; visibility: inherit; } 38%,72%,90%,100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; visibility: inherit; } 55% { -webkit-transform: translateY(-65px); transform: translateY(-65px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: inherit; } 81% { -webkit-transform: translateY(-28px); transform: translateY(-28px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: inherit; } 95% { -webkit-transform: translateY(-8px); transform: translateY(-8px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: inherit; } } .enable-animation .sd-text-effect_group-entrance.sd-text-effect_Bounce-In.sd-text-effect_direction-Top, .enable-animation .sd-image-effect_group-entrance.sd-image-effect_Bounce-In.sd-image-effect_direction-Top, .enable-animation .sd-media-effect_group-entrance.sd-media-effect_Bounce-In.sd-media-effect_direction-Top, .enable-animation .sd-shape-effect_Bounce-In.sd-shape-effect_direction-Top { -webkit-animation-name: Bounce-In-top; animation-name: Bounce-In-top; } @-webkit-keyframes Bounce-In-bottom { 0% { -webkit-transform: translateY(500px); transform: translateY(500px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; visibility: inherit; } 38%,72%,90%,100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; visibility: inherit; } 55% { -webkit-transform: translateY(65px); transform: translateY(65px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: inherit; } 81% { -webkit-transform: translateY(28px); transform: translateY(28px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: inherit; } 95% { -webkit-transform: translateY(8px); transform: translateY(8px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: inherit; } } @keyframes Bounce-In-bottom { 0% { -webkit-transform: translateY(500px); transform: translateY(500px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; visibility: inherit; } 38%,72%,90%,100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; visibility: inherit; } 55% { -webkit-transform: translateY(65px); transform: translateY(65px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: inherit; } 81% { -webkit-transform: translateY(28px); transform: translateY(28px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: inherit; } 95% { -webkit-transform: translateY(8px); transform: translateY(8px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: inherit; } } .enable-animation .sd-text-effect_group-entrance.sd-text-effect_Bounce-In.sd-text-effect_direction-Bottom, .enable-animation .sd-image-effect_group-entrance.sd-image-effect_Bounce-In.sd-image-effect_direction-Bottom, .enable-animation .sd-media-effect_group-entrance.sd-media-effect_Bounce-In.sd-media-effect_direction-Bottom, .enable-animation .sd-shape-effect_Bounce-In.sd-shape-effect_direction-Bottom { -webkit-animation-name: Bounce-In-bottom; animation-name: Bounce-In-bottom; } @-webkit-keyframes Bounce-In-left { 0% { -webkit-transform: translateX(-500px); transform: translateX(-500px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; visibility: inherit; } 38%,72%,90%,100% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; visibility: inherit; } 55% { -webkit-transform: translateX(-65px); transform: translateX(-65px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: inherit; } 81% { -webkit-transform: translateX(-28px); transform: translateX(-28px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: inherit; } 95% { -webkit-transform: translateX(-8px); transform: translateX(-8px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: inherit; } } @keyframes Bounce-In-left { 0% { -webkit-transform: translateX(-500px); transform: translateX(-500px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; visibility: inherit; } 38%,72%,90%,100% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; visibility: inherit; } 55% { -webkit-transform: translateX(-65px); transform: translateX(-65px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: inherit; } 81% { -webkit-transform: translateX(-28px); transform: translateX(-28px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: inherit; } 95% { -webkit-transform: translateX(-8px); transform: translateX(-8px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: inherit; } } .enable-animation .sd-text-effect_group-entrance.sd-text-effect_Bounce-In.sd-text-effect_direction-Left, .enable-animation .sd-image-effect_group-entrance.sd-image-effect_Bounce-In.sd-image-effect_direction-Left, .enable-animation .sd-media-effect_group-entrance.sd-media-effect_Bounce-In.sd-media-effect_direction-Left, .enable-animation .sd-shape-effect_Bounce-In.sd-shape-effect_direction-Left { -webkit-animation-name: Bounce-In-left; animation-name: Bounce-In-left; } @-webkit-keyframes Bounce-In-right { 0% { -webkit-transform: translateX(500px); transform: translateX(500px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; visibility: inherit; } 38%,72%,90%,100% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; visibility: inherit; } 55% { -webkit-transform: translateX(65px); transform: translateX(65px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: inherit; } 81% { -webkit-transform: translateX(28px); transform: translateX(28px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: inherit; } 95% { -webkit-transform: translateX(8px); transform: translateX(8px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: inherit; } } @keyframes Bounce-In-right { 0% { -webkit-transform: translateX(500px); transform: translateX(500px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; visibility: inherit; } 38%,72%,90%,100% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; visibility: inherit; } 55% { -webkit-transform: translateX(65px); transform: translateX(65px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: inherit; } 81% { -webkit-transform: translateX(28px); transform: translateX(28px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: inherit; } 95% { -webkit-transform: translateX(8px); transform: translateX(8px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; visibility: inherit; } } .enable-animation .sd-text-effect_group-entrance.sd-text-effect_Bounce-In.sd-text-effect_direction-Right, .enable-animation .sd-image-effect_group-entrance.sd-image-effect_Bounce-In.sd-image-effect_direction-Right, .enable-animation .sd-media-effect_group-entrance.sd-media-effect_Bounce-In.sd-media-effect_direction-Right, .enable-animation .sd-shape-effect_Bounce-In.sd-shape-effect_direction-Right { -webkit-animation-name: Bounce-In-right; animation-name: Bounce-In-right; } /*Drop-In:*/ @-webkit-keyframes Drop-In-top { 0% { -webkit-transform: translateY(-700px) translateZ(300px); transform: translateY(-700px) translateZ(300px); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; visibility: inherit; } } @keyframes Drop-In-top { 0% { -webkit-transform: translateY(-700px) translateZ(300px); transform: translateY(-700px) translateZ(300px); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; visibility: inherit; } } .enable-animation .sd-text-effect_group-entrance.sd-text-effect_Drop-In.sd-text-effect_direction-Top, .enable-animation .sd-image-effect_group-entrance.sd-image-effect_Drop-In.sd-image-effect_direction-Top, .enable-animation .sd-media-effect_group-entrance.sd-media-effect_Drop-In.sd-media-effect_direction-Top, .enable-animation .sd-shape-effect_Drop-In.sd-shape-effect_direction-Top { -webkit-animation-name: Drop-In-top; animation-name: Drop-In-top; } @-webkit-keyframes Drop-In-right { 0% { -webkit-transform: translateX(700px) translateZ(300px); transform: translateX(700px) translateZ(300px); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); opacity: 1; visibility: inherit; } } @keyframes Drop-In-right { 0% { -webkit-transform: translateX(700px) translateZ(300px); transform: translateX(700px) translateZ(300px); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); opacity: 1; visibility: inherit; } } .enable-animation .sd-text-effect_group-entrance.sd-text-effect_Drop-In.sd-text-effect_direction-Left, .enable-animation .sd-image-effect_group-entrance.sd-image-effect_Drop-In.sd-image-effect_direction-Left, .enable-animation .sd-media-effect_group-entrance.sd-media-effect_Drop-In.sd-media-effect_direction-Left, .enable-animation .sd-shape-effect_Drop-In.sd-shape-effect_direction-Left { -webkit-animation-name: Drop-In-left; animation-name: Drop-In-left; } @-webkit-keyframes Drop-In-left { 0% { -webkit-transform: translateX(-700px) translateZ(300px); transform: translateX(-700px) translateZ(300px); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0); opacity: 1; visibility: inherit; } } @keyframes Drop-In-left { 0% { -webkit-transform: translateX(-700px) translateZ(300px); transform: translateX(-700px) translateZ(300px); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0); opacity: 1; visibility: inherit; } } .enable-animation .sd-text-effect_group-entrance.sd-text-effect_Drop-In.sd-text-effect_direction-Right, .enable-animation .sd-image-effect_group-entrance.sd-image-effect_Drop-In.sd-image-effect_direction-Right, .enable-animation .sd-media-effect_group-entrance.sd-media-effect_Drop-In.sd-media-effect_direction-Right, .enable-animation .sd-shape-effect_Drop-In.sd-shape-effect_direction-Right { -webkit-animation-name: Drop-In-right; animation-name: Drop-In-right; } @-webkit-keyframes Drop-In-bottom { 0% { -webkit-transform: translateY(700px) translateZ(300px); transform: translateY(700px) translateZ(300px); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0); opacity: 1; visibility: inherit; } } @keyframes Drop-In-bottom { 0% { -webkit-transform: translateY(700px) translateZ(300px); transform: translateY(700px) translateZ(300px); opacity: 0; visibility: inherit; } 100% { -webkit-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0); opacity: 1; visibility: inherit; } } .enable-animation .sd-text-effect_group-entrance.sd-text-effect_Drop-In.sd-text-effect_direction-Bottom, .enable-animation .sd-image-effect_group-entrance.sd-image-effect_Drop-In.sd-image-effect_direction-Bottom, .enable-animation .sd-media-effect_group-entrance.sd-media-effect_Drop-In.sd-media-effect_direction-Bottom, .enable-animation .sd-shape-effect_Drop-In.sd-shape-effect_direction-Bottom { -webkit-animation-name: Drop-In-bottom; animation-name: Drop-In-bottom; } /*Exit effects*/ /*Slide-Out:*/ @-webkit-keyframes Slide-Out-top { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0; visibility: hidden; } } @keyframes Slide-Out-top { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0; visibility: hidden; } } .enable-animation .sd-shape-effect_Slide-Out.sd-shape-effect_direction-Top, .enable-animation .sd-text-effect_Slide-Out.sd-text-effect_direction-Top, .enable-animation .sd-image-effect_Slide-Out.sd-image-effect_direction-Top, .enable-animation .sd-media-effect_Slide-Out.sd-media-effect_direction-Top { -webkit-animation-name: Slide-Out-top; animation-name: Slide-Out-top; } @-webkit-keyframes Slide-Out-bottom { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; visibility: hidden; } } @keyframes Slide-Out-bottom { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; visibility: hidden; } } .enable-animation .sd-shape-effect_Slide-Out.sd-shape-effect_direction-Bottom, .enable-animation .sd-text-effect_Slide-Out.sd-text-effect_direction-Bottom, .enable-animation .sd-image-effect_Slide-Out.sd-image-effect_direction-Bottom, .enable-animation .sd-media-effect_Slide-Out.sd-media-effect_direction-Bottom { -webkit-animation-name: Slide-Out-bottom; animation-name: Slide-Out-bottom; } @-webkit-keyframes Slide-Out-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(1000px); transform: translateX(1000px); opacity: 0; visibility: hidden; } } @keyframes Slide-Out-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(1000px); transform: translateX(1000px); opacity: 0; visibility: hidden; } } .enable-animation .sd-shape-effect_Slide-Out.sd-shape-effect_direction-Right, .enable-animation .sd-text-effect_Slide-Out.sd-text-effect_direction-Right, .enable-animation .sd-image-effect_Slide-Out.sd-image-effect_direction-Right, .enable-animation .sd-media-effect_Slide-Out.sd-media-effect_direction-Right { -webkit-animation-name: Slide-Out-right; animation-name: Slide-Out-right; } @-webkit-keyframes Slide-Out-left { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); opacity: 0; visibility: hidden; } } @keyframes Slide-Out-left { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); opacity: 0; visibility: hidden; } } .enable-animation .sd-shape-effect_Slide-Out.sd-shape-effect_direction-Left, .enable-animation .sd-text-effect_Slide-Out.sd-text-effect_direction-Left, .enable-animation .sd-image-effect_Slide-Out.sd-image-effect_direction-Left, .enable-animation .sd-media-effect_Slide-Out.sd-media-effect_direction-Left { -webkit-animation-name: Slide-Out-left; animation-name: Slide-Out-left; } /*Fade-Out:*/ @-webkit-keyframes Fade-Out-top { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-50px); transform: translateY(-50px); opacity: 0; visibility: hidden; } } @keyframes Fade-Out-top { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-50px); transform: translateY(-50px); opacity: 0; visibility: hidden; } } .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_direction-Top, .enable-animation .sd-image-effect_Fade-Out.sd-text-effect_direction-Top, .enable-animation .sd-media-effect_Fade-Out.sd-image-effect_direction-Top, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_direction-Top { -webkit-animation-name: Fade-Out-top, var(--blur-effect); animation-name: Fade-Out-top, var(--blur-effect); } @-webkit-keyframes Fade-Out-bottom { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; visibility: hidden; } } @keyframes Fade-Out-bottom { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; visibility: hidden; } } .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_direction-Bottom, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_direction-Bottom, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_direction-Bottom, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_direction-Bottom { -webkit-animation-name: Fade-Out-bottom, var(--blur-effect); animation-name: Fade-Out-bottom, var(--blur-effect); } @-webkit-keyframes Fade-Out-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0; visibility: hidden; } } @keyframes Fade-Out-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0; visibility: hidden; } } .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_direction-Right, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_direction-Right, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_direction-Right, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_direction-Right { -webkit-animation-name: Fade-Out-right, var(--blur-effect); animation-name: Fade-Out-right, var(--blur-effect); } @-webkit-keyframes Fade-Out-left { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-50px); transform: translateX(-50px); opacity: 0; visibility: hidden; } } @keyframes Fade-Out-left { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-50px); transform: translateX(-50px); opacity: 0; visibility: hidden; } } .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_direction-Left, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_direction-Left, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_direction-Left, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_direction-Left { -webkit-animation-name: Fade-Out-left, var(--blur-effect); animation-name: Fade-Out-left, var(--blur-effect); } /*Tilt-Out:*/ @-webkit-keyframes Tilt-Out-top { 0% { -webkit-transform: translateY(0) skewY(0deg); transform: translateY(0) skewY(0deg); opacity: 1; } 100% { -webkit-transform: translateY(-200px) skewY(-20deg); transform: translateY(-200px) skewY(-20deg); opacity: 0; visibility: hidden; } } @keyframes Tilt-Out-top { 0% { -webkit-transform: translateY(0) skewY(0deg); transform: translateY(0) skewY(0deg); opacity: 1; } 100% { -webkit-transform: translateY(-200px) skewY(-20deg); transform: translateY(-200px) skewY(-20deg); opacity: 0; visibility: hidden; } } .enable-animation .sd-text-effect_Tilt-Out.sd-text-effect_direction-Top, .enable-animation .sd-image-effect_Tilt-Out.sd-image-effect_direction-Top, .enable-animation .sd-media-effect_Tilt-Out.sd-media-effect_direction-Top, .enable-animation .sd-shape-effect_Tilt-Out.sd-shape-effect_direction-Top { -webkit-animation-name: Tilt-Out-top; animation-name: Tilt-Out-top; } @-webkit-keyframes Tilt-Out-bottom { 0% { -webkit-transform: translateY(0) skewY(0deg); transform: translateY(0) skewY(0deg); opacity: 1; } 100% { -webkit-transform: translateY(200px) skewY(-20deg); transform: translateY(200px) skewY(-20deg); opacity: 0; visibility: hidden; } } @keyframes Tilt-Out-bottom { 0% { -webkit-transform: translateY(0) skewY(0deg); transform: translateY(0) skewY(0deg); opacity: 1; } 100% { -webkit-transform: translateY(200px) skewY(-20deg); transform: translateY(200px) skewY(-20deg); opacity: 0; visibility: hidden; } } .enable-animation .sd-text-effect_Tilt-Out.sd-text-effect_direction-Bottom, .enable-animation .sd-image-effect_Tilt-Out.sd-image-effect_direction-Bottom, .enable-animation .sd-media-effect_Tilt-Out.sd-media-effect_direction-Bottom, .enable-animation .sd-shape-effect_Tilt-Out.sd-shape-effect_direction-Bottom { -webkit-animation-name: Tilt-Out-bottom; animation-name: Tilt-Out-bottom; } @-webkit-keyframes Tilt-Out-right { 0% { -webkit-transform: translateY(0) skewY(0deg); transform: translateY(0) skewY(0deg); opacity: 1; } 100% { -webkit-transform: translateX(200px) skewX(-20deg); transform: translateX(200px) skewX(-20deg); opacity: 0; visibility: hidden; } } @keyframes Tilt-Out-right { 0% { -webkit-transform: translateY(0) skewY(0deg); transform: translateY(0) skewY(0deg); opacity: 1; } 100% { -webkit-transform: translateX(200px) skewX(-20deg); transform: translateX(200px) skewX(-20deg); opacity: 0; visibility: hidden; } } .enable-animation .sd-text-effect_Tilt-Out.sd-text-effect_direction-Right, .enable-animation .sd-image-effect_Tilt-Out.sd-image-effect_direction-Right, .enable-animation .sd-media-effect_Tilt-Out.sd-media-effect_direction-Right, .enable-animation .sd-shape-effect_Tilt-Out.sd-shape-effect_direction-Right { -webkit-animation-name: Tilt-Out-right; animation-name: Tilt-Out-right; } @-webkit-keyframes Tilt-Out-left { 0% { -webkit-transform: translateY(0) skewY(0deg); transform: translateY(0) skewY(0deg); opacity: 1; } 100% { -webkit-transform: translateX(-200px) skewX(-20deg); transform: translateX(-200px) skewX(-20deg); opacity: 0; visibility: hidden; } } @keyframes Tilt-Out-left { 0% { -webkit-transform: translateY(0) skewY(0deg); transform: translateY(0) skewY(0deg); opacity: 1; } 100% { -webkit-transform: translateX(-200px) skewX(-20deg); transform: translateX(-200px) skewX(-20deg); opacity: 0; visibility: hidden; } } .enable-animation .sd-text-effect_Tilt-Out.sd-text-effect_direction-Left, .enable-animation .sd-image-effect_Tilt-Out.sd-image-effect_direction-Left, .enable-animation .sd-media-effect_Tilt-Out.sd-media-effect_direction-Left, .enable-animation .sd-shape-effect_Tilt-Out.sd-shape-effect_direction-Left { -webkit-animation-name: Tilt-Out-left; animation-name: Tilt-Out-left; } /*Magic-Out:*/ @-webkit-keyframes Magic-Out-top { 0% { -webkit-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg); -webkit-transform-origin: 100% 200%; transform-origin: 100% 200%; opacity: 1; } 100% { -webkit-transform: scale(0, 0) rotate(270deg); transform: scale(0, 0) rotate(270deg); -webkit-transform-origin: -50% -50%; transform-origin: -50% -50%; opacity: 0; visibility: hidden; } } @keyframes Magic-Out-top { 0% { -webkit-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg); -webkit-transform-origin: 100% 200%; transform-origin: 100% 200%; opacity: 1; } 100% { -webkit-transform: scale(0, 0) rotate(270deg); transform: scale(0, 0) rotate(270deg); -webkit-transform-origin: -50% -50%; transform-origin: -50% -50%; opacity: 0; visibility: hidden; } } .enable-animation .sd-image-effect_Magic-Out.sd-image-effect_direction-Top, .enable-animation .sd-image-effect_Magic-Out.sd-image-effect_direction-Top, .enable-animation .sd-shape-effect_Magic-Out.sd-shape-effect_direction-Top { -webkit-animation-name: Magic-Out-top; animation-name: Magic-Out-top; } @-webkit-keyframes Magic-Out-bottom { 0% { -webkit-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg); -webkit-transform-origin: 100% 200%; transform-origin: 100% 200%; opacity: 1; } 100% { -webkit-transform: scale(0, 0) rotate(-270deg); transform: scale(0, 0) rotate(-270deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; visibility: hidden; } } @keyframes Magic-Out-bottom { 0% { -webkit-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg); -webkit-transform-origin: 100% 200%; transform-origin: 100% 200%; opacity: 1; } 100% { -webkit-transform: scale(0, 0) rotate(-270deg); transform: scale(0, 0) rotate(-270deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; visibility: hidden; } } .enable-animation .sd-image-effect_Magic-Out.sd-image-effect_direction-Bottom, .enable-animation .sd-image-effect_Magic-Out.sd-image-effect_direction-Bottom, .enable-animation .sd-shape-effect_Magic-Out.sd-shape-effect_direction-Bottom { -webkit-animation-name: Magic-Out-bottom; animation-name: Magic-Out-bottom; } @-webkit-keyframes Magic-Out-right { 0% { -webkit-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg); -webkit-transform-origin: 100% 200%; transform-origin: 100% 200%; opacity: 1; } 100% { -webkit-transform: scale(0, 0) rotate(-270deg); transform: scale(0, 0) rotate(-270deg); -webkit-transform-origin: 200% 50%; transform-origin: 200% 50%; opacity: 0; visibility: hidden; } } @keyframes Magic-Out-right { 0% { -webkit-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg); -webkit-transform-origin: 100% 200%; transform-origin: 100% 200%; opacity: 1; } 100% { -webkit-transform: scale(0, 0) rotate(-270deg); transform: scale(0, 0) rotate(-270deg); -webkit-transform-origin: 200% 50%; transform-origin: 200% 50%; opacity: 0; visibility: hidden; } } .enable-animation .sd-image-effect_Magic-Out.sd-image-effect_direction-Right, .enable-animation .sd-image-effect_Magic-Out.sd-image-effect_direction-Right, .enable-animation .sd-shape-effect_Magic-Out.sd-shape-effect_direction-Right { -webkit-animation-name: Magic-Out-right; animation-name: Magic-Out-right; } @-webkit-keyframes Magic-Out-left { 0% { -webkit-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg); -webkit-transform-origin: 100% 200%; transform-origin: 100% 200%; opacity: 1; } 100% { -webkit-transform: scale(0, 0) rotate(270deg); transform: scale(0, 0) rotate(270deg); -webkit-transform-origin: -200% -50%; transform-origin: -200% -50%; opacity: 0; visibility: hidden; } } @keyframes Magic-Out-left { 0% { -webkit-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg); -webkit-transform-origin: 100% 200%; transform-origin: 100% 200%; opacity: 1; } 100% { -webkit-transform: scale(0, 0) rotate(270deg); transform: scale(0, 0) rotate(270deg); -webkit-transform-origin: -200% -50%; transform-origin: -200% -50%; opacity: 0; visibility: hidden; } } .enable-animation .sd-image-effect_Magic-Out.sd-image-effect_direction-Left, .enable-animation .sd-image-effect_Magic-Out.sd-image-effect_direction-Left, .enable-animation .sd-shape-effect_Magic-Out.sd-shape-effect_direction-Left { -webkit-animation-name: Magic-Out-left; animation-name: Magic-Out-left; } /*Roll-Out:*/ @-webkit-keyframes Roll-Out-left { 0% { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); opacity: 1; } 100% { -webkit-transform: translateX(-800px) rotate(-540deg); transform: translateX(-800px) rotate(-540deg); opacity: 0; visibility: hidden; } } @keyframes Roll-Out-left { 0% { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); opacity: 1; } 100% { -webkit-transform: translateX(-800px) rotate(-540deg); transform: translateX(-800px) rotate(-540deg); opacity: 0; visibility: hidden; } } .enable-animation .sd-text-effect_Roll-Out.sd-text-effect_direction-Left, .enable-animation .sd-image-effect_Roll-Out.sd-image-effect_direction-Left, .enable-animation .sd-media-effect_Roll-Out.sd-media-effect_direction-Left, .enable-animation .sd-shape-effect_Roll-Out.sd-shape-effect_direction-Left { -webkit-animation-name: Roll-Out-left; animation-name: Roll-Out-left; } @-webkit-keyframes Roll-Out-right { 0% { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); opacity: 1; } 100% { -webkit-transform: translateX(800px) rotate(540deg); transform: translateX(800px) rotate(540deg); opacity: 0; visibility: hidden; } } @keyframes Roll-Out-right { 0% { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); opacity: 1; } 100% { -webkit-transform: translateX(800px) rotate(540deg); transform: translateX(800px) rotate(540deg); opacity: 0; visibility: hidden; } } .enable-animation .sd-text-effect_Roll-Out.sd-text-effect_direction-Right, .enable-animation .sd-image-effect_Roll-Out.sd-image-effect_direction-Right, .enable-animation .sd-media-effect_Roll-Out.sd-media-effect_direction-Right, .enable-animation .sd-shape-effect_Roll-Out.sd-shape-effect_direction-Right { -webkit-animation-name: Roll-Out-right; animation-name: Roll-Out-right; } @-webkit-keyframes Roll-Out-top { 0% { -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg); opacity: 1; } 100% { -webkit-transform: translateY(-800px) rotate(540deg); transform: translateY(-800px) rotate(540deg); opacity: 0; visibility: hidden; } } @keyframes Roll-Out-top { 0% { -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg); opacity: 1; } 100% { -webkit-transform: translateY(-800px) rotate(540deg); transform: translateY(-800px) rotate(540deg); opacity: 0; visibility: hidden; } } .enable-animation .sd-text-effect_Roll-Out.sd-text-effect_direction-Top, .enable-animation .sd-image-effect_Roll-Out.sd-image-effect_direction-Top, .enable-animation .sd-media-effect_Roll-Out.sd-media-effect_direction-Top, .enable-animation .sd-shape-effect_Roll-Out.sd-shape-effect_direction-Top { -webkit-animation-name: Roll-Out-top; animation-name: Roll-Out-top; } @-webkit-keyframes Roll-Out-bottom { 0% { -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg); opacity: 1; } 100% { -webkit-transform: translateY(800px) rotate(540deg); transform: translateY(800px) rotate(540deg); opacity: 0; visibility: hidden; } } @keyframes Roll-Out-bottom { 0% { -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg); opacity: 1; } 100% { -webkit-transform: translateY(800px) rotate(540deg); transform: translateY(800px) rotate(540deg); opacity: 0; visibility: hidden; } } .enable-animation .sd-text-effect_Roll-Out.sd-text-effect_direction-Bottom, .enable-animation .sd-image-effect_Roll-Out.sd-image-effect_direction-Bottom, .enable-animation .sd-media-effect_Roll-Out.sd-media-effect_direction-Bottom, .enable-animation .sd-shape-effect_Roll-Out.sd-shape-effect_direction-Bottom { -webkit-animation-name: Roll-Out-bottom; animation-name: Roll-Out-bottom; } /*Drop-Out:*/ @-webkit-keyframes Drop-Out-top { 0% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-700px) translateZ(300px); transform: translateY(-700px) translateZ(300px); opacity: 0; visibility: hidden; } } @keyframes Drop-Out-top { 0% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-700px) translateZ(300px); transform: translateY(-700px) translateZ(300px); opacity: 0; visibility: hidden; } } .enable-animation .sd-text-effect_Drop-Out.sd-text-effect_direction-Top, .enable-animation .sd-image-effect_Drop-Out.sd-image-effect_direction-Top, .enable-animation .sd-media-effect_Drop-Out.sd-media-effect_direction-Top, .enable-animation .sd-shape-effect_Drop-Out.sd-shape-effect_direction-Top { -webkit-animation-name: Drop-Out-top; animation-name: Drop-Out-top; } @-webkit-keyframes Drop-Out-left { 0% { -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(700px) translateZ(300px); transform: translateX(700px) translateZ(300px); opacity: 0; visibility: hidden; } } @keyframes Drop-Out-left { 0% { -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(700px) translateZ(300px); transform: translateX(700px) translateZ(300px); opacity: 0; visibility: hidden; } } .enable-animation .sd-text-effect_Drop-Out.sd-text-effect_direction-Left, .enable-animation .sd-image-effect_Drop-Out.sd-image-effect_direction-Left, .enable-animation .sd-media-effect_Drop-Out.sd-media-effect_direction-Left, .enable-animation .sd-shape-effect_Drop-Out.sd-shape-effect_direction-Left { -webkit-animation-name: Drop-Out-left; animation-name: Drop-Out-left; } @-webkit-keyframes Drop-Out-right { 0% { -webkit-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0); opacity: 1; } 100% { -webkit-transform: translateX(-700px) translateZ(300px); transform: translateX(-700px) translateZ(300px); opacity: 0; visibility: hidden; } } @keyframes Drop-Out-right { 0% { -webkit-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0); opacity: 1; } 100% { -webkit-transform: translateX(-700px) translateZ(300px); transform: translateX(-700px) translateZ(300px); opacity: 0; visibility: hidden; } } .enable-animation .sd-text-effect_Drop-Out.sd-text-effect_direction-Right, .enable-animation .sd-image-effect_Drop-Out.sd-image-effect_direction-Right, .enable-animation .sd-media-effect_Drop-Out.sd-media-effect_direction-Right, .enable-animation .sd-shape-effect_Drop-Out.sd-shape-effect_direction-Right { -webkit-animation-name: Drop-Out-right; animation-name: Drop-Out-right; } @-webkit-keyframes Drop-Out-bottom { 0% { -webkit-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0); opacity: 1; } 100% { -webkit-transform: translateY(700px) translateZ(300px); transform: translateY(700px) translateZ(300px); opacity: 0; visibility: hidden; } } @keyframes Drop-Out-bottom { 0% { -webkit-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0); opacity: 1; } 100% { -webkit-transform: translateY(700px) translateZ(300px); transform: translateY(700px) translateZ(300px); opacity: 0; visibility: hidden; } } .enable-animation .sd-text-effect_Drop-Out.sd-text-effect_direction-Bottom, .enable-animation .sd-image-effect_Drop-Out.sd-image-effect_direction-Bottom, .enable-animation .sd-media-effect_Drop-Out.sd-media-effect_direction-Bottom, .enable-animation .sd-shape-effect_Drop-Out.sd-shape-effect_direction-Bottom { -webkit-animation-name: Drop-Out-bottom; animation-name: Drop-Out-bottom; } /*animations effects:*/ /*Blur-To-Sharp*/ @-webkit-keyframes Blur-To-Sharp { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(12px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(12px) var(--filterShape-style); opacity: 0; } 100% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(var(--blur-style)) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(var(--blur-style)) var(--filterShape-style); opacity: 1; } } @keyframes Blur-To-Sharp { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(12px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(12px) var(--filterShape-style); opacity: 0; } 100% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(var(--blur-style)) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(var(--blur-style)) var(--filterShape-style); opacity: 1; } } .enable-animation .sd-text-effect_Blur-To-Sharp, .enable-animation .sd-image-effect_Blur-To-Sharp, .enable-animation .sd-media-effect_Blur-To-Sharp, .enable-animation .sd-shape-effect_Blur-To-Sharp { -webkit-animation-name: Blur-To-Sharp; animation-name: Blur-To-Sharp; } /*Wobble:*/ @-webkit-keyframes Wobble-top { 0%, 100% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 15% { -webkit-transform: translateX(30px) rotate(6deg); transform: translateX(30px) rotate(6deg); } 30% { -webkit-transform: translateX(-15px) rotate(-6deg); transform: translateX(-15px) rotate(-6deg); } 45% { -webkit-transform: translateX(15px) rotate(3.6deg); transform: translateX(15px) rotate(3.6deg); } 60% { -webkit-transform: translateX(-9px) rotate(-2.4deg); transform: translateX(-9px) rotate(-2.4deg); } 75% { -webkit-transform: translateX(6px) rotate(1.2deg); transform: translateX(6px) rotate(1.2deg); } } @keyframes Wobble-top { 0%, 100% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 15% { -webkit-transform: translateX(30px) rotate(6deg); transform: translateX(30px) rotate(6deg); } 30% { -webkit-transform: translateX(-15px) rotate(-6deg); transform: translateX(-15px) rotate(-6deg); } 45% { -webkit-transform: translateX(15px) rotate(3.6deg); transform: translateX(15px) rotate(3.6deg); } 60% { -webkit-transform: translateX(-9px) rotate(-2.4deg); transform: translateX(-9px) rotate(-2.4deg); } 75% { -webkit-transform: translateX(6px) rotate(1.2deg); transform: translateX(6px) rotate(1.2deg); } } .enable-animation .sd-text-effect_Wobble.sd-text-effect_direction-Top, .enable-animation .sd-image-effect_Wobble.sd-image-effect_direction-Top, .enable-animation .sd-shape-effect_Wobble.sd-shape-effect_direction-Top { -webkit-animation-name: Wobble-top; animation-name: Wobble-top; } @-webkit-keyframes Wobble-bottom { 0%, 100% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 15% { -webkit-transform: translateX(-30px) rotate(6deg); transform: translateX(-30px) rotate(6deg); } 30% { -webkit-transform: translateX(15px) rotate(-6deg); transform: translateX(15px) rotate(-6deg); } 45% { -webkit-transform: translateX(-15px) rotate(3.6deg); transform: translateX(-15px) rotate(3.6deg); } 60% { -webkit-transform: translateX(9px) rotate(-2.4deg); transform: translateX(9px) rotate(-2.4deg); } 75% { -webkit-transform: translateX(-6px) rotate(1.2deg); transform: translateX(-6px) rotate(1.2deg); } } @keyframes Wobble-bottom { 0%, 100% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 15% { -webkit-transform: translateX(-30px) rotate(6deg); transform: translateX(-30px) rotate(6deg); } 30% { -webkit-transform: translateX(15px) rotate(-6deg); transform: translateX(15px) rotate(-6deg); } 45% { -webkit-transform: translateX(-15px) rotate(3.6deg); transform: translateX(-15px) rotate(3.6deg); } 60% { -webkit-transform: translateX(9px) rotate(-2.4deg); transform: translateX(9px) rotate(-2.4deg); } 75% { -webkit-transform: translateX(-6px) rotate(1.2deg); transform: translateX(-6px) rotate(1.2deg); } } .enable-animation .sd-text-effect_Wobble.sd-text-effect_direction-Bottom, .enable-animation .sd-image-effect_Wobble.sd-image-effect_direction-Bottom, .enable-animation .sd-shape-effect_Wobble.sd-shape-effect_direction-Bottom { -webkit-animation-name: Wobble-bottom; animation-name: Wobble-bottom; } @-webkit-keyframes Wobble-right { 0%, 100% { -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 15% { -webkit-transform: translateY(-30px) rotate(6deg); transform: translateY(-30px) rotate(6deg); } 30% { -webkit-transform: translateY(15px) rotate(-6deg); transform: translateY(15px) rotate(-6deg); } 45% { -webkit-transform: translateY(-15px) rotate(3.6deg); transform: translateY(-15px) rotate(3.6deg); } 60% { -webkit-transform: translateY(9px) rotate(-2.4deg); transform: translateY(9px) rotate(-2.4deg); } 75% { -webkit-transform: translateY(-6px) rotate(1.2deg); transform: translateY(-6px) rotate(1.2deg); } } @keyframes Wobble-right { 0%, 100% { -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 15% { -webkit-transform: translateY(-30px) rotate(6deg); transform: translateY(-30px) rotate(6deg); } 30% { -webkit-transform: translateY(15px) rotate(-6deg); transform: translateY(15px) rotate(-6deg); } 45% { -webkit-transform: translateY(-15px) rotate(3.6deg); transform: translateY(-15px) rotate(3.6deg); } 60% { -webkit-transform: translateY(9px) rotate(-2.4deg); transform: translateY(9px) rotate(-2.4deg); } 75% { -webkit-transform: translateY(-6px) rotate(1.2deg); transform: translateY(-6px) rotate(1.2deg); } } .enable-animation .sd-text-effect_Wobble.sd-text-effect_direction-Right, .enable-animation .sd-image-effect_Wobble.sd-image-effect_direction-Right, .enable-animation .sd-shape-effect_Wobble.sd-shape-effect_direction-Right { -webkit-animation-name: Wobble-right; animation-name: Wobble-right; } @-webkit-keyframes Wobble-left { 0%, 100% { -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 15% { -webkit-transform: translateY(30px) rotate(6deg); transform: translateY(30px) rotate(6deg); } 30% { -webkit-transform: translateY(-15px) rotate(-6deg); transform: translateY(-15px) rotate(-6deg); } 45% { -webkit-transform: translateY(15px) rotate(3.6deg); transform: translateY(15px) rotate(3.6deg); } 60% { -webkit-transform: translateY(-9px) rotate(-2.4deg); transform: translateY(-9px) rotate(-2.4deg); } 75% { -webkit-transform: translateY(6px) rotate(1.2deg); transform: translateY(6px) rotate(1.2deg); } } @keyframes Wobble-left { 0%, 100% { -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 15% { -webkit-transform: translateY(30px) rotate(6deg); transform: translateY(30px) rotate(6deg); } 30% { -webkit-transform: translateY(-15px) rotate(-6deg); transform: translateY(-15px) rotate(-6deg); } 45% { -webkit-transform: translateY(15px) rotate(3.6deg); transform: translateY(15px) rotate(3.6deg); } 60% { -webkit-transform: translateY(-9px) rotate(-2.4deg); transform: translateY(-9px) rotate(-2.4deg); } 75% { -webkit-transform: translateY(6px) rotate(1.2deg); transform: translateY(6px) rotate(1.2deg); } } .enable-animation .sd-text-effect_Wobble.sd-text-effect_direction-Left, .enable-animation .sd-image-effect_Wobble.sd-image-effect_direction-Left, .enable-animation .sd-shape-effect_Wobble.sd-shape-effect_direction-Left { -webkit-animation-name: Wobble-left; animation-name: Wobble-left; } /*Scale:*/ @-webkit-keyframes Scale-center { 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes Scale-center { 100% { -webkit-transform: scale(1); transform: scale(1); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_direction-Center, .enable-animation .sd-image-effect_Scale.sd-image-effect_direction-Center, .enable-animation .sd-media-effect_Scale.sd-media-effect_direction-Center, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_direction-Center { -webkit-animation-name: Scale-center, var(--scale-effect); animation-name: Scale-center, var(--scale-effect); } @-webkit-keyframes Scale-top-left { 0% { transform-origin: 0% 0%; } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes Scale-top-left { 0% { transform-origin: 0% 0%; } 100% { -webkit-transform: scale(1); transform: scale(1); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_direction-Top-left, .enable-animation .sd-image-effect_Scale.sd-image-effect_direction-Top-left, .enable-animation .sd-media-effect_Scale.sd-media-effect_direction-Top-left, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_direction-Top-left { -webkit-animation-name: Scale-top-left, var(--scale-effect); animation-name: Scale-top-left, var(--scale-effect); } @-webkit-keyframes Scale-bottom-right { 0% { transform-origin: 100% 100%; } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes Scale-bottom-right { 0% { transform-origin: 100% 100%; } 100% { -webkit-transform: scale(1); transform: scale(1); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_direction-Bottom-right, .enable-animation .sd-image-effect_Scale.sd-image-effect_direction-Bottom-right, .enable-animation .sd-media-effect_Scale.sd-media-effect_direction-Bottom-right, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_direction-Bottom-right { -webkit-animation-name: Scale-bottom-right, var(--scale-effect); animation-name: Scale-bottom-right, var(--scale-effect); } @-webkit-keyframes Scale-top-right { 0% { transform-origin: 100% 0%; } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes Scale-top-right { 0% { transform-origin: 100% 0%; } 100% { -webkit-transform: scale(1); transform: scale(1); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_direction-Top-right, .enable-animation .sd-image-effect_Scale.sd-image-effect_direction-Top-right, .enable-animation .sd-media-effect_Scale.sd-media-effect_direction-Top-right, left .enable-animation .sd-shape-effect_Scale.sd-shape-effect_direction-Top-right { -webkit-animation-name: Scale-top-right, var(--scale-effect); animation-name: Scale-top-right, var(--scale-effect); } @-webkit-keyframes Scale-bottom-left { 0% { transform-origin: 0% 100%; } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes Scale-bottom-left { 0% { transform-origin: 0% 100%; } 100% { -webkit-transform: scale(1); transform: scale(1); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_direction-Bottom-left, .enable-animation .sd-image-effect_Scale.sd-image-effect_direction-Bottom-left, .enable-animation .sd-media-effect_Scale.sd-shape-effect_direction-Bottom-left, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_direction-Bottom-left { -webkit-animation-name: Scale-bottom-left, var(--scale-effect); animation-name: Scale-bottom-left, var(--scale-effect); } /*Shake:*/ @-webkit-keyframes Shake-vertical { 0%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 10%, 30%, 50%, 70% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 20%, 40%, 60% { -webkit-transform: translateY(8px); transform: translateY(8px); } 80% { -webkit-transform: translateY(6.4px); transform: translateY(6.4px); } 90% { -webkit-transform: translateY(-6.4px); transform: translateY(-6.4px); } } @keyframes Shake-vertical { 0%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 10%, 30%, 50%, 70% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 20%, 40%, 60% { -webkit-transform: translateY(8px); transform: translateY(8px); } 80% { -webkit-transform: translateY(6.4px); transform: translateY(6.4px); } 90% { -webkit-transform: translateY(-6.4px); transform: translateY(-6.4px); } } .enable-animation .sd-text-effect_Shake.sd-text-effect_direction-Vertical, .enable-animation .sd-image-effect_Shake.sd-image-effect_direction-Vertical, .enable-animation .sd-shape-effect_Shake.sd-shape-effect_direction-Vertical { -webkit-animation-name: Shake-vertical; animation-name: Shake-vertical; } @-webkit-keyframes Shake-horizontal { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70% { -webkit-transform: translateX(-8px); transform: translateX(-8px); } 20%, 40%, 60% { -webkit-transform: translateX(8px); transform: translateX(8px); } 80% { -webkit-transform: translateX(6.4px); transform: translateX(6.4px); } 90% { -webkit-transform: translateX(-6.4px); transform: translateX(-6.4px); } } @keyframes Shake-horizontal { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70% { -webkit-transform: translateX(-8px); transform: translateX(-8px); } 20%, 40%, 60% { -webkit-transform: translateX(8px); transform: translateX(8px); } 80% { -webkit-transform: translateX(6.4px); transform: translateX(6.4px); } 90% { -webkit-transform: translateX(-6.4px); transform: translateX(-6.4px); } } .enable-animation .sd-text-effect_Shake.sd-text-effect_direction-Horizontal, .enable-animation .sd-image-effect_Shake.sd-image-effect_direction-Horizontal, .enable-animation .sd-shape-effect_Shake.sd-shape-effect_direction-Horizontal { -webkit-animation-name: Shake-horizontal; animation-name: Shake-horizontal; } /*Pulse:*/ @-webkit-keyframes Pulse { from { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center center; transform-origin: center center; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 10% { -webkit-transform: scale(0.91); transform: scale(0.91); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 17% { -webkit-transform: scale(0.98); transform: scale(0.98); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 33% { -webkit-transform: scale(0.87); transform: scale(0.87); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes Pulse { from { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center center; transform-origin: center center; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 10% { -webkit-transform: scale(0.91); transform: scale(0.91); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 17% { -webkit-transform: scale(0.98); transform: scale(0.98); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 33% { -webkit-transform: scale(0.87); transform: scale(0.87); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .enable-animation .sd-text-effect_Pulse, .enable-animation .sd-image-effect_Pulse, .enable-animation .sd-shape-effect_Pulse { -webkit-animation-name: Pulse; animation-name: Pulse; } /*Dash:*/ @-webkit-keyframes Dash-small { 0% { stroke-dasharray: 10px; } 100% { stroke-dashoffset: 1000; stroke-dasharray: 10px; } } @keyframes Dash-small { 0% { stroke-dasharray: 10px; } 100% { stroke-dashoffset: 1000; stroke-dasharray: 10px; } } .enable-animation .sd-shape-effect_Dash.sd-shape-effect_desh-Small { -webkit-animation-name: Dash-small; animation-name: Dash-small; } @-webkit-keyframes Dash-medium { 0% { stroke-dasharray: 20px; } 100% { stroke-dashoffset: 1000; stroke-dasharray: 20px; } } @keyframes Dash-medium { 0% { stroke-dasharray: 20px; } 100% { stroke-dashoffset: 1000; stroke-dasharray: 20px; } } .enable-animation .sd-shape-effect_Dash.sd-shape-effect_desh-Medium { -webkit-animation-name: Dash-medium; animation-name: Dash-medium; } @-webkit-keyframes Dash-long { 0% { stroke-dasharray: 50px; } 100% { stroke-dashoffset: 1000; stroke-dasharray: 50px; } } @keyframes Dash-long { 0% { stroke-dasharray: 50px; } 100% { stroke-dashoffset: 1000; stroke-dasharray: 50px; } } .enable-animation .sd-shape-effect_Dash.sd-shape-effect_desh-Long { -webkit-animation-name: Dash-long; animation-name: Dash-long; } /*Pan:*/ @-webkit-keyframes Pan-center { 0% { -webkit-transform-origin: 50% 16%; transform-origin: 50% 16%; } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes Pan-center { 0% { -webkit-transform-origin: 50% 16%; transform-origin: 50% 16%; } 100% { -webkit-transform: scale(1); transform: scale(1); } } .enable-animation .sd-image-effect_Pan.sd-image-effect_direction-Center { -webkit-animation-name: Pan-center, var(--scale-effect); animation-name: Pan-center, var(--scale-effect); } @-webkit-keyframes Pan-top-left { 0% { -webkit-transform-origin: 16% 16%; transform-origin: 16% 16%; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: top left; transform-origin: top left; } } @keyframes Pan-top-left { 0% { -webkit-transform-origin: 16% 16%; transform-origin: 16% 16%; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: top left; transform-origin: top left; } } .enable-animation .sd-image-effect_Pan.sd-image-effect_direction-Top-left { -webkit-animation-name: Pan-top-left, var(--scale-effect); animation-name: Pan-top-left, var(--scale-effect); } @-webkit-keyframes Pan-bottom-right { 0% { -webkit-transform-origin: 84% 84%; transform-origin: 84% 84%; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: right bottom; transform-origin: right bottom; } } @keyframes Pan-bottom-right { 0% { -webkit-transform-origin: 84% 84%; transform-origin: 84% 84%; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: right bottom; transform-origin: right bottom; } } .enable-animation .sd-image-effect_Pan.sd-image-effect_direction-Bottom-right { -webkit-animation-name: Pan-bottom-right, var(--scale-effect); animation-name: Pan-bottom-right, var(--scale-effect); } @-webkit-keyframes Pan-top-right { 0% { -webkit-transform-origin: 84% 16%; transform-origin: 84% 16%; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: right top; transform-origin: right top; } } @keyframes Pan-top-right { 0% { -webkit-transform-origin: 84% 16%; transform-origin: 84% 16%; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: right top; transform-origin: right top; } } .enable-animation .sd-image-effect_Pan.sd-image-effect_direction-Top-right { -webkit-animation-name: Pan-top-right, var(--scale-effect); animation-name: Pan-top-right, var(--scale-effect); } @-webkit-keyframes Pan-bottom-left { 0% { -webkit-transform-origin: 16% 84%; transform-origin: 16% 84%; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: left bottom; transform-origin: left bottom; } } @keyframes Pan-bottom-left { 0% { -webkit-transform-origin: 16% 84%; transform-origin: 16% 84%; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: left bottom; transform-origin: left bottom; } } .enable-animation .sd-image-effect_Pan.sd-image-effect_direction-Bottom-left { -webkit-animation-name: Pan-bottom-left, var(--scale-effect); animation-name: Pan-bottom-left, var(--scale-effect); } /*Flash:*/ @-webkit-keyframes Flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes Flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .enable-animation .sd-text-effect_Flash, .enable-animation .sd-image-effect_Flash, .enable-animation .sd-shape-effect_Flash { -webkit-animation-name: Flash; animation-name: Flash; } /*Flip:*/ @-webkit-keyframes Flip-horizontal { 0% { -webkit-transform: rotateY(0); transform: rotateY(0); } 100% { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } } @keyframes Flip-horizontal { 0% { -webkit-transform: rotateY(0); transform: rotateY(0); } 100% { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } } .enable-animation .sd-text-effect_Flip.sd-text-effect_direction-Horizontal, .enable-animation .sd-image-effect_Flip.sd-image-effect_direction-Horizontal, .enable-animation .sd-shape-effect_Flip.sd-shape-effect_direction-Horizontal { -webkit-animation-name: Flip-horizontal; animation-name: Flip-horizontal; } @-webkit-keyframes Flip-vertical { 0% { -webkit-transform: rotateX(0); transform: rotateX(0); } 100% { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } } @keyframes Flip-vertical { 0% { -webkit-transform: rotateX(0); transform: rotateX(0); } 100% { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } } .enable-animation .sd-text-effect_Flip.sd-text-effect_direction-Vertical, .enable-animation .sd-image-effect_Flip.sd-image-effect_direction-Vertical, .enable-animation .sd-shape-effect_Flip.sd-shape-effect_direction-Vertical { -webkit-animation-name: Flip-vertical; animation-name: Flip-vertical; } /*Float:*/ @-webkit-keyframes Float-vertical { 50% { -webkit-transform: translateY(-11px); transform: translateY(-11px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes Float-vertical { 50% { -webkit-transform: translateY(-11px); transform: translateY(-11px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } .enable-animation .sd-text-effect_Float.sd-text-effect_direction-Vertical, .enable-animation .sd-image-effect_Float.sd-image-effect_direction-Vertical, .enable-animation .sd-shape-effect_Float.sd-shape-effect_direction-Vertical { animation-name: Float-vertical; animation-name: Float-vertical; } @-webkit-keyframes Float-horizontal { 50% { -webkit-transform: translateX(-11px); transform: translateX(-11px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes Float-horizontal { 50% { -webkit-transform: translateX(-11px); transform: translateX(-11px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } .enable-animation .sd-text-effect_Float.sd-text-effect_direction-Horizontal, .enable-animation .sd-image-effect_Float.sd-image-effect_direction-Horizontal, .enable-animation .sd-shape-effect_Float.sd-shape-effect_direction-Horizontal { -webkit-animation-name: Float-horizontal; animation-name: Float-horizontal; } /*Bounce:*/ @-webkit-keyframes Bounce-top { 0% { -webkit-transform: translateY(-45px); transform: translateY(-45px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1; } 24% { opacity: 1; } 40% { -webkit-transform: translateY(-24px); transform: translateY(-24px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 65% { -webkit-transform: translateY(-12px); transform: translateY(-12px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 82% { -webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 93% { -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 25%, 55%, 75%, 87% { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; } } @keyframes Bounce-top { 0% { -webkit-transform: translateY(-45px); transform: translateY(-45px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1; } 24% { opacity: 1; } 40% { -webkit-transform: translateY(-24px); transform: translateY(-24px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 65% { -webkit-transform: translateY(-12px); transform: translateY(-12px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 82% { -webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 93% { -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 25%, 55%, 75%, 87% { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; } } .enable-animation .sd-text-effect_Bounce.sd-text-effect_direction-Top, .enable-animation .sd-image-effect_Bounce.sd-image-effect_direction-Top, .enable-animation .sd-shape-effect_Bounce.sd-shape-effect_direction-Top { -webkit-animation-name: Bounce-top; animation-name: Bounce-top; } @-webkit-keyframes Bounce-bottom { 0% { -webkit-transform: translateY(45px); transform: translateY(45px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1; } 24% { opacity: 1; } 40% { -webkit-transform: translateY(24px); transform: translateY(24px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 65% { -webkit-transform: translateY(12px); transform: translateY(12px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 82% { -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 93% { -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 25%, 55%, 75%, 87% { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; } } @keyframes Bounce-bottom { 0% { -webkit-transform: translateY(45px); transform: translateY(45px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1; } 24% { opacity: 1; } 40% { -webkit-transform: translateY(24px); transform: translateY(24px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 65% { -webkit-transform: translateY(12px); transform: translateY(12px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 82% { -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 93% { -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 25%, 55%, 75%, 87% { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; } } .enable-animation .sd-text-effect_Bounce.sd-text-effect_direction-Bottom, .enable-animation .sd-image-effect_Bounce.sd-image-effect_direction-Bottom, .enable-animation .sd-shape-effect_Bounce.sd-shape-effect_direction-Bottom { -webkit-animation-name: Bounce-bottom; animation-name: Bounce-bottom; } @-webkit-keyframes Bounce-right { 0% { -webkit-transform: translateX(45px); transform: translateX(45px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1; } 24% { opacity: 1; } 40% { -webkit-transform: translateX(24px); transform: translateX(24px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 65% { -webkit-transform: translateX(12px); transform: translateX(12px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 82% { -webkit-transform: translateX(6px); transform: translateX(6px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 93% { -webkit-transform: translateX(4px); transform: translateX(4px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 25%, 55%, 75%, 87% { -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; } } @keyframes Bounce-right { 0% { -webkit-transform: translateX(45px); transform: translateX(45px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1; } 24% { opacity: 1; } 40% { -webkit-transform: translateX(24px); transform: translateX(24px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 65% { -webkit-transform: translateX(12px); transform: translateX(12px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 82% { -webkit-transform: translateX(6px); transform: translateX(6px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 93% { -webkit-transform: translateX(4px); transform: translateX(4px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 25%, 55%, 75%, 87% { -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; } } .enable-animation .sd-text-effect_Bounce.sd-text-effect_direction-Right, .enable-animation .sd-image-effect_Bounce.sd-image-effect_direction-Right, .enable-animation .sd-shape-effect_Bounce.sd-shape-effect_direction-Right { -webkit-animation-name: Bounce-right; animation-name: Bounce-right; } @-webkit-keyframes Bounce-left { 0% { -webkit-transform: translateX(-45px); transform: translateX(-45px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1; } 24% { opacity: 1; } 40% { -webkit-transform: translateX(-24px); transform: translateX(-24px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 65% { -webkit-transform: translateX(-12px); transform: translateX(-12px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 82% { -webkit-transform: translateX(-6px); transform: translateX(-6px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 93% { -webkit-transform: translateX(-4px); transform: translateX(-4px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 25%, 55%, 75%, 87% { -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; } } @keyframes Bounce-left { 0% { -webkit-transform: translateX(-45px); transform: translateX(-45px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1; } 24% { opacity: 1; } 40% { -webkit-transform: translateX(-24px); transform: translateX(-24px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 65% { -webkit-transform: translateX(-12px); transform: translateX(-12px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 82% { -webkit-transform: translateX(-6px); transform: translateX(-6px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 93% { -webkit-transform: translateX(-4px); transform: translateX(-4px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 25%, 55%, 75%, 87% { -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; } } .enable-animation .sd-text-effect_Bounce.sd-text-effect_direction-Left, .enable-animation .sd-image-effect_Bounce.sd-image-effect_direction-Left, .enable-animation .sd-shape-effect_Bounce.sd-shape-effect_direction-Left { -webkit-animation-name: Bounce-left; animation-name: Bounce-left; } /*Spin:*/ @-webkit-keyframes Spin-center { 0% { -webkit-transform: scale(1) rotateZ(0); transform: scale(1) rotateZ(0); } 100% { -webkit-transform: scale(1) rotateZ(360deg); transform: scale(1) rotateZ(360deg); } } @keyframes Spin-center { 0% { -webkit-transform: scale(1) rotateZ(0); transform: scale(1) rotateZ(0); } 100% { -webkit-transform: scale(1) rotateZ(360deg); transform: scale(1) rotateZ(360deg); } } .enable-animation .sd-image-effect_Spin.sd-image-effect_direction-Center, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_direction-Center { -webkit-animation-name: Spin-center, var(--scale-effect); animation-name: Spin-center, var(--scale-effect); } @-webkit-keyframes Spin-top-left { 0% { -webkit-transform: scale(1) rotateZ(0); transform: scale(1) rotateZ(0); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } 100% { -webkit-transform: scale(1) rotateZ(360deg); transform: scale(1) rotateZ(360deg); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } } @keyframes Spin-top-left { 0% { -webkit-transform: scale(1) rotateZ(0); transform: scale(1) rotateZ(0); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } 100% { -webkit-transform: scale(1) rotateZ(360deg); transform: scale(1) rotateZ(360deg); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } } .enable-animation .sd-image-effect_Spin.sd-image-effect_direction-Top-left, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_direction-Top-left { -webkit-animation-name: Spin-top-left, var(--scale-effect); animation-name: Spin-top-left, var(--scale-effect); } @-webkit-keyframes Spin-bottom-right { 0% { -webkit-transform: scale(1) rotateZ(0); transform: scale(1) rotateZ(0); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } 100% { -webkit-transform: scale(1) rotateZ(360deg); transform: scale(1) rotateZ(360deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } } @keyframes Spin-bottom-right { 0% { -webkit-transform: scale(1) rotateZ(0); transform: scale(1) rotateZ(0); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } 100% { -webkit-transform: scale(1) rotateZ(360deg); transform: scale(1) rotateZ(360deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } } .enable-animation .sd-image-effect_Spin.sd-image-effect_direction-Bottom-right, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_direction-Bottom-right { -webkit-animation-name: Spin-bottom-right, var(--scale-effect); animation-name: Spin-bottom-right, var(--scale-effect); } @-webkit-keyframes Spin-top-right { 0% { -webkit-transform: scale(1) rotateZ(0); transform: scale(1) rotateZ(0); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } 100% { -webkit-transform: scale(1) rotateZ(360deg); transform: scale(1) rotateZ(360deg); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } } @keyframes Spin-top-right { 0% { -webkit-transform: scale(1) rotateZ(0); transform: scale(1) rotateZ(0); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } 100% { -webkit-transform: scale(1) rotateZ(360deg); transform: scale(1) rotateZ(360deg); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } } .enable-animation .sd-image-effect_Spin.sd-image-effect_direction-Top-right, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_direction-Top-right { -webkit-animation-name: Spin-top-right, var(--scale-effect); animation-name: Spin-top-right, var(--scale-effect); } @-webkit-keyframes Spin-bottom-left { 0% { -webkit-transform: scale(1) rotateZ(0); transform: scale(1) rotateZ(0); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } 100% { -webkit-transform: scale(1) rotateZ(360deg); transform: scale(1) rotateZ(360deg); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } } @keyframes Spin-bottom-left { 0% { -webkit-transform: scale(1) rotateZ(0); transform: scale(1) rotateZ(0); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } 100% { -webkit-transform: scale(1) rotateZ(360deg); transform: scale(1) rotateZ(360deg); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } } .enable-animation .sd-image-effect_Spin.sd-image-effect_direction-Bottom-left, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_direction-Bottom-left { -webkit-animation-name: Spin-bottom-left, var(--scale-effect); animation-name: Spin-bottom-left, var(--scale-effect); } /*Sepia-To-Color:*/ @-webkit-keyframes Sepia-To-Color { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(100%) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(var(--blur-style)); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(100%) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(var(--blur-style)); } 100% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(var(--blur-style)); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(var(--blur-style)); } } @keyframes Sepia-To-Color { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(100%) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(var(--blur-style)); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(100%) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(var(--blur-style)); } 100% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(var(--blur-style)); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(var(--blur-style)); } } .enable-animation .sd-image-effect_Sepia-To-Color, .enable-animation .sd-media-effect_Sepia-To-Color { -webkit-animation-name: Sepia-To-Color; animation-name: Sepia-To-Color; } .enable-animation .sd-image-effect_Sepia-To-Color, .enable-animation .sd-media-effect_Sepia-To-Color { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(100%) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(var(--blur-style)); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(100%) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(var(--blur-style)); } .enable-animation .sd-image-effect_Sepia-To-Color_Click, .enable-animation .sd-image-effect_Sepia-To-Color_Hover, .enable-animation .sd-media-effect_Sepia-To-Color_Click, .enable-animation .sd-media-effect_Sepia-To-Color_Hover { -webkit-animation-name: Sepia-To-Color; animation-name: Sepia-To-Color; } /*Grayscale-To-Color:*/ @-webkit-keyframes Grayscale-To-Color { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(100%) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(var(--blur-style)); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(100%) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(var(--blur-style)); } 100% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(var(--blur-style)); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(var(--blur-style)); } } @keyframes Grayscale-To-Color { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(100%) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(var(--blur-style)); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(100%) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(var(--blur-style)); } 100% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(var(--blur-style)) ; filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(var(--blur-style)); } } .enable-animation .sd-image-effect_Grayscale-To-Color, .enable-animation .sd-media-effect_Grayscale-To-Color { -webkit-animation-name: Grayscale-To-Color; animation-name: Grayscale-To-Color; } .enable-animation .sd-image-effect_Grayscale-To-Color_Click, .enable-animation .sd-image-effect_Grayscale-To-Color_Hover, .enable-animation .sd-media-effect_Grayscale-To-Color_Click, .enable-animation .sd-media-effect_Grayscale-To-Color_Hover { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(100%) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(var(--blur-style)); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(100%) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(var(--blur-style)); } .enable-animation .sd-image-effect_Grayscale-To-Color_Click, .enable-animation .sd-image-effect_Grayscale-To-Color_Hover, .enable-animation .sd-media-effect_Grayscale-To-Color_Click, .enable-animation .sd-media-effect_Grayscale-To-Color_Hover { -webkit-animation-name: Grayscale-To-Color; animation-name: Grayscale-To-Color; } /*Rainbow:*/ @-webkit-keyframes Rainbow-shape-Orange-pop { 0% { fill: #F6EA7BFF; } 50% { fill: #FFBA52FF; } 100% { fill: #E683A9FF; } } @keyframes Rainbow-shape-Orange-pop { 0% { fill: #F6EA7BFF; } 50% { fill: #FFBA52FF; } 100% { fill: #E683A9FF; } } .enable-animation .sd-shape-effect_Rainbow-shape.sd-shape-effect_colorPallte-Orange-pop { -webkit-animation-name: Rainbow-shape-Orange-pop; animation-name: Rainbow-shape-Orange-pop; } @-webkit-keyframes Rainbow-shape-Teal-blue { 0% { fill: #95DBE5FF; } 50% { fill: #078282FF; } 100% { fill: #339E66FF; } } @keyframes Rainbow-shape-Teal-blue { 0% { fill: #95DBE5FF; } 50% { fill: #078282FF; } 100% { fill: #339E66FF; } } .enable-animation .sd-shape-effect_Rainbow-shape.sd-shape-effect_colorPallte-Teal-blue { -webkit-animation-name: Rainbow-shape-Teal-blue; animation-name: Rainbow-shape-Teal-blue; } @-webkit-keyframes Rainbow-shape-Living-coral { 0% { fill: #FC766AFF; } 50% { fill: #783937FF; } 100% { fill: #F1AC88FF; } } @keyframes Rainbow-shape-Living-coral { 0% { fill: #FC766AFF; } 50% { fill: #783937FF; } 100% { fill: #F1AC88FF; } } .enable-animation .sd-shape-effect_Rainbow-shape.sd-shape-effect_colorPallte-Living-coral { -webkit-animation-name: Rainbow-shape-Living-coral; animation-name: Rainbow-shape-Living-coral; } @-webkit-keyframes Rainbow-text-Orange-pop { 0% { color: #F6EA7BFF; } 50% { color: #FFBA52FF; } 100% { color: #E683A9FF; } } @keyframes Rainbow-text-Orange-pop { 0% { color: #F6EA7BFF; } 50% { color: #FFBA52FF; } 100% { color: #E683A9FF; } } .enable-animation .sd-text-effect_Rainbow-text.sd-text-effect_colorPallte-Orange-pop { -webkit-animation-name: Rainbow-text-Orange-pop; animation-name: Rainbow-text-Orange-pop; } @-webkit-keyframes Rainbow-text-Teal-blue { 0% { color: #95DBE5FF; } 50% { color: #078282FF; } 100% { color: #339E66FF; } } @keyframes Rainbow-text-Teal-blue { 0% { color: #95DBE5FF; } 50% { color: #078282FF; } 100% { color: #339E66FF; } } .enable-animation .sd-text-effect_Rainbow-text.sd-text-effect_colorPallte-Teal-blue { -webkit-animation-name: Rainbow-text-Teal-blue; animation-name: Rainbow-text-Teal-blue; } @-webkit-keyframes Rainbow-text-Living-coral { 0% { color: #FC766AFF; } 50% { color: #783937FF; } 100% { color: #F1AC88FF; } } @keyframes Rainbow-text-Living-coral { 0% { color: #FC766AFF; } 50% { color: #783937FF; } 100% { color: #F1AC88FF; } } .enable-animation .sd-text-effect_Rainbow-text.sd-text-effect_colorPallte-Living-coral { -webkit-animation-name: Rainbow-text-Living-coral; animation-name: Rainbow-text-Living-coral; } /*underline:*/ /*.sd-text-effect_Rainbow_Click.sd-text-effect_colorPallte-Living-coral.isClicked, .sd-text-effect_Rainbow_Hover.sd-text-effect_colorPallte-Living-coral:hover, .sd-text-effect_Rainbow_entrance.sd-text-effect_colorPallte-Living-coral { text-decoration: underline; text-decoration-color: rgba(255, 24, 53, 0.5); text-decoration-thickness: 13%; text-underline-position: under; }*/ /*blur:*/ :root { --blur-effect: blur-6; } @-webkit-keyframes blur-0 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(0px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(0px) var(--filterShape-style); } } @keyframes blur-0 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(0px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(0px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-0, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-0, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-0, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-0, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-0, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-0, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-0, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-0 { --blur-effect: blur-0; } @-webkit-keyframes blur-2 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(2px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(2px) var(--filterShape-style); } } @keyframes blur-2 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(2px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(2px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-2, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-2, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-2, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-2, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-2, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-2, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-2, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-2 { --blur-effect: blur-2; } @-webkit-keyframes blur-4 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(4px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(4px) var(--filterShape-style); } } @keyframes blur-4 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(4px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(4px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-4, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-4, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-4, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-4, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-4, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-4, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-4, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-4 { --blur-effect: blur-4; } @-webkit-keyframes blur-6 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(6px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(6px) var(--filterShape-style); } } @keyframes blur-6 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(6px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(6px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-6, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-6, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-6, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-6, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-6, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-6, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-6, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-6 { --blur-effect: blur-6; } @-webkit-keyframes blur-8 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(8px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(8px) var(--filterShape-style); } } @keyframes blur-8 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(8px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(8px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-8, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-8, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-8, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-8, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-8, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-8, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-8, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-8 { --blur-effect: blur-8; } @-webkit-keyframes blur-10 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(10px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(10px) var(--filterShape-style); } } @keyframes blur-10 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(10px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(10px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-10, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-10, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-10, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-10, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-10, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-10, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-10, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-10 { --blur-effect: blur-10; } @-webkit-keyframes blur-12 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(12px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(12px) var(--filterShape-style); } } @keyframes blur-12 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(12px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(12px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-12, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-12, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-12, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-12, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-12, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-12, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-12, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-12 { --blur-effect: blur-12; } @-webkit-keyframes blur-14 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(14px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(14px) var(--filterShape-style); } } @keyframes blur-14 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(14px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(14px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-14, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-14, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-14, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-14, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-14, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-14, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-14, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-14 { --blur-effect: blur-14; } @-webkit-keyframes blur-16 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(16px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(16px) var(--filterShape-style); } } @keyframes blur-16 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(16px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(16px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-16, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-16, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-16, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-16, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-16, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-16, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-16, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-16 { --blur-effect: blur-16; } @-webkit-keyframes blur-18 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(18px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(18px) var(--filterShape-style); } } @keyframes blur-18 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(18px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(18px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-18, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-18, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-18, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-18, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-18, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-18, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-18, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-18 { --blur-effect: blur-18; } @-webkit-keyframes blur-20 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(20px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(20px) var(--filterShape-style); } } @keyframes blur-20 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(20px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(20px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-20, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-20, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-20, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-20, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-20, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-20, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-20, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-20 { --blur-effect: blur-20; } @-webkit-keyframes blur-22 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(22px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(22px) var(--filterShape-style); } } @keyframes blur-22 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(22px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(22px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-22, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-22, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-22, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-22, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-22, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-22, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-22, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-22 { --blur-effect: blur-22; } @-webkit-keyframes blur-24 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(24px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(24px) var(--filterShape-style); } } @keyframes blur-24 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(24px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(24px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-24, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-24, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-24, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-24, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-24, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-24, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-24, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-24 { --blur-effect: blur-24; } @-webkit-keyframes blur-26 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(26px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(26px) var(--filterShape-style); } } @keyframes blur-26 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(26px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(26px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-26, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-26, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-26, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-26, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-26, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-26, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-26, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-26 { --blur-effect: blur-26; } @-webkit-keyframes blur-28 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(28px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(28px) var(--filterShape-style); } } @keyframes blur-28 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(28px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(28px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-28, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-28, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-28, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-28, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-28, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-28, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-28, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-28 { --blur-effect: blur-28; } @-webkit-keyframes blur-30 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(30px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(30px) var(--filterShape-style); } } @keyframes blur-30 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(30px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(30px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-30, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-30, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-30, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-30, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-30, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-30, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-30, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-30 { --blur-effect: blur-30; } @-webkit-keyframes blur-32 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(32px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(32px) var(--filterShape-style); } } @keyframes blur-32 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(32px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(32px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-32, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-32, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-32, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-32, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-32, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-32, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-32, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-32 { --blur-effect: blur-32; } @-webkit-keyframes blur-34 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(34px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(34px) var(--filterShape-style); } } @keyframes blur-34 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(34px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(34px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-34, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-34, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-34, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-34, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-34, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-34, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-34, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-34 { --blur-effect: blur-34; } @-webkit-keyframes blur-36 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(36px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(36px) var(--filterShape-style); } } @keyframes blur-36 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(36px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(36px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-36, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-36, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-36, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-36, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-36, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-36, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-36, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-36 { --blur-effect: blur-36; } @-webkit-keyframes blur-38 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(38px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(38px) var(--filterShape-style); } } @keyframes blur-38 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(38px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(38px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-38, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-38, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-38, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-38, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-38, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-38, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-38, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-38 { --blur-effect: blur-38; } @-webkit-keyframes blur-40 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(40px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(40px) var(--filterShape-style); } } @keyframes blur-40 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(40px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(40px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-40, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-40, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-40, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-40, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-40, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-40, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-40, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-40 { --blur-effect: blur-40; } @-webkit-keyframes blur-42 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(42px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(42px) var(--filterShape-style); } } @keyframes blur-42 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(42px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(42px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-42, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-42, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-42, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-42, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-42, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-42, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-42, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-42 { --blur-effect: blur-42; } @-webkit-keyframes blur-44 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(44px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(44px) var(--filterShape-style); } } @keyframes blur-44 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(44px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(44px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-44, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-44, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-44, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-44, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-44, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-44, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-44, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-44 { --blur-effect: blur-44; } @-webkit-keyframes blur-46 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(46px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(46px) var(--filterShape-style); } } @keyframes blur-46 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(46px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(46px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-46, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-46, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-46, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-46, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-46, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-46, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-46, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-46 { --blur-effect: blur-46; } @-webkit-keyframes blur-48 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(48px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(48px) var(--filterShape-style); } } @keyframes blur-48 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(48px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(48px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-48, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-48, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-48, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-48, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-48, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-48, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-48, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-48 { --blur-effect: blur-48; } @-webkit-keyframes blur-50 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(50px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(50px) var(--filterShape-style); } } @keyframes blur-50 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(50px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(50px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-50, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-50, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-50, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-50, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-50, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-50, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-50, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-50 { --blur-effect: blur-50; } @-webkit-keyframes blur-52 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(52px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(52px) var(--filterShape-style); } } @keyframes blur-52 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(52px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(52px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-52, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-52, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-52, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-52, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-52, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-52, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-52, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-52 { --blur-effect: blur-52; } @-webkit-keyframes blur-54 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(54px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(54px) var(--filterShape-style); } } @keyframes blur-54 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(54px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(54px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-54, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-54, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-54, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-54, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-54, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-54, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-54, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-54 { --blur-effect: blur-54; } @-webkit-keyframes blur-56 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(56px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(56px) var(--filterShape-style); } } @keyframes blur-56 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(56px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(56px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-56, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-56, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-56, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-56, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-56, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-56, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-56, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-56 { --blur-effect: blur-56; } @-webkit-keyframes blur-58 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(58px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(58px) var(--filterShape-style); } } @keyframes blur-58 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(58px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(58px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-58, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-58, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-58, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-58, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-58, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-58, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-58, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-58 { --blur-effect: blur-58; } @-webkit-keyframes blur-60 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(60px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(60px) var(--filterShape-style); } } @keyframes blur-60 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(60px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(60px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-60, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-60, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-60, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-60, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-60, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-60, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-60, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-60 { --blur-effect: blur-60; } @-webkit-keyframes blur-62 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(62px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(62px) var(--filterShape-style); } } @keyframes blur-62 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(62px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(62px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-62, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-62, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-62, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-62, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-62, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-62, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-62, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-62 { --blur-effect: blur-62; } @-webkit-keyframes blur-64 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(64px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(64px) var(--filterShape-style); } } @keyframes blur-64 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(64px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(64px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-64, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-64, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-64, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-64, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-64, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-64, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-64, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-64 { --blur-effect: blur-64; } @-webkit-keyframes blur-66 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(66px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(66px) var(--filterShape-style); } } @keyframes blur-66 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(66px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(66px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-66, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-66, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-66, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-66, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-66, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-66, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-66, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-66 { --blur-effect: blur-66; } @-webkit-keyframes blur-68 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(68px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(68px) var(--filterShape-style); } } @keyframes blur-68 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(68px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(68px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-68, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-68, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-68, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-68, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-68, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-68, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-68, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-68 { --blur-effect: blur-68; } @-webkit-keyframes blur-70 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(70px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(70px) var(--filterShape-style); } } @keyframes blur-70 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(70px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(70px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-70, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-70, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-70, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-70, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-70, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-70, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-70, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-70 { --blur-effect: blur-70; } @-webkit-keyframes blur-72 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(72px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(72px) var(--filterShape-style); } } @keyframes blur-72 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(72px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(72px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-72, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-72, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-72, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-72, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-72, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-72, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-72, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-72 { --blur-effect: blur-72; } @-webkit-keyframes blur-74 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(74px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(74px) var(--filterShape-style); } } @keyframes blur-74 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(74px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(74px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-74, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-74, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-74, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-74, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-74, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-74, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-74, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-74 { --blur-effect: blur-74; } @-webkit-keyframes blur-76 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(76px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(76px) var(--filterShape-style); } } @keyframes blur-76 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(76px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(76px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-76, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-76, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-76, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-76, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-76, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-76, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-76, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-76 { --blur-effect: blur-76; } @-webkit-keyframes blur-78 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(78px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(78px) var(--filterShape-style); } } @keyframes blur-78 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(78px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(78px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-78, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-78, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-78, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-78, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-78, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-78, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-78, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-78 { --blur-effect: blur-78; } @-webkit-keyframes blur-80 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(80px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(80px) var(--filterShape-style); } } @keyframes blur-80 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(80px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(80px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-80, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-80, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-80, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-80, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-80, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-80, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-80, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-80 { --blur-effect: blur-80; } @-webkit-keyframes blur-82 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(82px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(82px) var(--filterShape-style); } } @keyframes blur-82 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(82px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(82px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-82, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-82, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-82, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-82, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-82, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-82, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-82, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-82 { --blur-effect: blur-82; } @-webkit-keyframes blur-84 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(84px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(84px) var(--filterShape-style); } } @keyframes blur-84 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(84px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(84px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-84, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-84, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-84, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-84, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-84, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-84, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-84, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-84 { --blur-effect: blur-84; } @-webkit-keyframes blur-86 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(86px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(86px) var(--filterShape-style); } } @keyframes blur-86 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(86px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(86px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-86, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-86, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-86, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-86, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-86, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-86, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-86, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-86 { --blur-effect: blur-86; } @-webkit-keyframes blur-88 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(88px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(88px) var(--filterShape-style); } } @keyframes blur-88 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(88px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(88px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-88, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-88, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-88, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-88, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-88, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-88, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-88, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-88 { --blur-effect: blur-88; } @-webkit-keyframes blur-90 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(90px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(90px) var(--filterShape-style); } } @keyframes blur-90 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(90px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(90px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-90, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-90, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-90, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-90, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-90, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-90, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-90, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-90 { --blur-effect: blur-90; } @-webkit-keyframes blur-92 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(92px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(92px) var(--filterShape-style); } } @keyframes blur-92 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(92px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(92px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-92, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-92, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-92, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-92, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-92, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-92, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-92, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-92 { --blur-effect: blur-92; } @-webkit-keyframes blur-94 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(94px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(94px) var(--filterShape-style); } } @keyframes blur-94 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(94px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(94px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-94, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-94, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-94, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-94, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-94, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-94, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-94, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-94 { --blur-effect: blur-94; } @-webkit-keyframes blur-96 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(96px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(96px) var(--filterShape-style); } } @keyframes blur-96 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(96px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(96px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-96, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-96, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-96, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-96, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-96, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-96, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-96, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-96 { --blur-effect: blur-96; } @-webkit-keyframes blur-98 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(98px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(98px) var(--filterShape-style); } } @keyframes blur-98 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(98px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(98px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-98, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-98, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-98, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-98, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-98, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-98, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-98, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-98 { --blur-effect: blur-98; } @-webkit-keyframes blur-100 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(100px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(100px) var(--filterShape-style); } } @keyframes blur-100 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(100px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(100px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-100, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-100, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-100, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-100, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-100, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-100, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-100, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-100 { --blur-effect: blur-100; } @-webkit-keyframes blur-102 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(102px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(102px) var(--filterShape-style); } } @keyframes blur-102 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(102px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(102px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-102, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-102, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-102, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-102, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-102, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-102, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-102, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-102 { --blur-effect: blur-102; } @-webkit-keyframes blur-104 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(104px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(104px) var(--filterShape-style); } } @keyframes blur-104 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(104px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(104px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-104, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-104, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-104, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-104, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-104, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-104, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-104, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-104 { --blur-effect: blur-104; } @-webkit-keyframes blur-106 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(106px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(106px) var(--filterShape-style); } } @keyframes blur-106 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(106px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(106px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-106, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-106, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-106, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-106, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-106, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-106, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-106, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-106 { --blur-effect: blur-106; } @-webkit-keyframes blur-108 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(108px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(108px) var(--filterShape-style); } } @keyframes blur-108 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(108px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(108px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-108, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-108, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-108, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-108, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-108, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-108, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-108, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-108 { --blur-effect: blur-108; } @-webkit-keyframes blur-110 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(110px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(110px) var(--filterShape-style); } } @keyframes blur-110 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(110px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(110px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-110, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-110, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-110, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-110, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-110, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-110, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-110, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-110 { --blur-effect: blur-110; } @-webkit-keyframes blur-112 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(112px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(112px) var(--filterShape-style); } } @keyframes blur-112 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(112px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(112px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-112, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-112, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-112, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-112, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-112, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-112, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-112, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-112 { --blur-effect: blur-112; } @-webkit-keyframes blur-114 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(114px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(114px) var(--filterShape-style); } } @keyframes blur-114 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(114px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(114px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-114, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-114, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-114, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-114, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-114, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-114, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-114, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-114 { --blur-effect: blur-114; } @-webkit-keyframes blur-116 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(116px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(116px) var(--filterShape-style); } } @keyframes blur-116 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(116px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(116px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-116, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-116, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-116, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-116, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-116, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-116, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-116, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-116 { --blur-effect: blur-116; } @-webkit-keyframes blur-118 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(118px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(118px) var(--filterShape-style); } } @keyframes blur-118 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(118px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(118px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-118, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-118, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-118, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-118, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-118, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-118, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-118, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-118 { --blur-effect: blur-118; } @-webkit-keyframes blur-120 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(120px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(120px) var(--filterShape-style); } } @keyframes blur-120 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(120px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(120px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-120, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-120, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-120, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-120, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-120, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-120, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-120, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-120 { --blur-effect: blur-120; } @-webkit-keyframes blur-122 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(122px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(122px) var(--filterShape-style); } } @keyframes blur-122 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(122px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(122px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-122, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-122, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-122, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-122, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-122, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-122, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-122, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-122 { --blur-effect: blur-122; } @-webkit-keyframes blur-124 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(124px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(124px) var(--filterShape-style); } } @keyframes blur-124 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(124px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(124px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-124, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-124, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-124, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-124, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-124, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-124, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-124, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-124 { --blur-effect: blur-124; } @-webkit-keyframes blur-126 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(126px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(126px) var(--filterShape-style); } } @keyframes blur-126 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(126px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(126px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-126, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-126, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-126, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-126, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-126, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-126, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-126, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-126 { --blur-effect: blur-126; } @-webkit-keyframes blur-128 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(128px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(128px) var(--filterShape-style); } } @keyframes blur-128 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(128px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(128px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-128, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-128, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-128, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-128, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-128, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-128, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-128, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-128 { --blur-effect: blur-128; } @-webkit-keyframes blur-130 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(130px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(130px) var(--filterShape-style); } } @keyframes blur-130 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(130px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(130px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-130, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-130, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-130, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-130, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-130, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-130, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-130, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-130 { --blur-effect: blur-130; } @-webkit-keyframes blur-132 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(132px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(132px) var(--filterShape-style); } } @keyframes blur-132 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(132px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(132px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-132, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-132, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-132, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-132, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-132, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-132, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-132, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-132 { --blur-effect: blur-132; } @-webkit-keyframes blur-134 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(134px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(134px) var(--filterShape-style); } } @keyframes blur-134 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(134px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(134px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-134, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-134, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-134, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-134, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-134, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-134, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-134, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-134 { --blur-effect: blur-134; } @-webkit-keyframes blur-136 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(136px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(136px) var(--filterShape-style); } } @keyframes blur-136 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(136px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(136px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-136, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-136, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-136, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-136, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-136, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-136, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-136, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-136 { --blur-effect: blur-136; } @-webkit-keyframes blur-138 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(138px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(138px) var(--filterShape-style); } } @keyframes blur-138 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(138px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(138px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-138, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-138, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-138, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-138, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-138, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-138, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-138, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-138 { --blur-effect: blur-138; } @-webkit-keyframes blur-140 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(140px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(140px) var(--filterShape-style); } } @keyframes blur-140 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(140px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(140px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-140, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-140, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-140, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-140, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-140, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-140, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-140, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-140 { --blur-effect: blur-140; } @-webkit-keyframes blur-142 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(142px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(142px) var(--filterShape-style); } } @keyframes blur-142 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(142px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(142px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-142, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-142, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-142, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-142, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-142, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-142, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-142, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-142 { --blur-effect: blur-142; } @-webkit-keyframes blur-144 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(144px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(144px) var(--filterShape-style); } } @keyframes blur-144 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(144px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(144px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-144, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-144, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-144, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-144, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-144, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-144, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-144, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-144 { --blur-effect: blur-144; } @-webkit-keyframes blur-146 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(146px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(146px) var(--filterShape-style); } } @keyframes blur-146 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(146px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(146px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-146, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-146, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-146, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-146, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-146, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-146, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-146, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-146 { --blur-effect: blur-146; } @-webkit-keyframes blur-148 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(148px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(148px) var(--filterShape-style); } } @keyframes blur-148 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(148px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(148px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-148, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-148, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-148, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-148, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-148, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-148, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-148, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-148 { --blur-effect: blur-148; } @-webkit-keyframes blur-150 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(150px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(150px) var(--filterShape-style); } } @keyframes blur-150 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(150px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(150px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-150, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-150, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-150, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-150, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-150, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-150, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-150, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-150 { --blur-effect: blur-150; } @-webkit-keyframes blur-152 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(152px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(152px) var(--filterShape-style); } } @keyframes blur-152 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(152px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(152px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-152, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-152, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-152, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-152, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-152, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-152, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-152, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-152 { --blur-effect: blur-152; } @-webkit-keyframes blur-154 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(154px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(154px) var(--filterShape-style); } } @keyframes blur-154 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(154px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(154px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-154, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-154, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-154, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-154, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-154, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-154, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-154, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-154 { --blur-effect: blur-154; } @-webkit-keyframes blur-156 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(156px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(156px) var(--filterShape-style); } } @keyframes blur-156 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(156px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(156px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-156, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-156, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-156, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-156, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-156, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-156, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-156, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-156 { --blur-effect: blur-156; } @-webkit-keyframes blur-158 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(158px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(158px) var(--filterShape-style); } } @keyframes blur-158 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(158px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(158px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-158, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-158, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-158, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-158, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-158, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-158, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-158, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-158 { --blur-effect: blur-158; } @-webkit-keyframes blur-160 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(160px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(160px) var(--filterShape-style); } } @keyframes blur-160 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(160px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(160px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-160, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-160, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-160, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-160, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-160, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-160, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-160, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-160 { --blur-effect: blur-160; } @-webkit-keyframes blur-162 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(162px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(162px) var(--filterShape-style); } } @keyframes blur-162 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(162px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(162px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-162, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-162, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-162, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-162, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-162, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-162, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-162, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-162 { --blur-effect: blur-162; } @-webkit-keyframes blur-164 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(164px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(164px) var(--filterShape-style); } } @keyframes blur-164 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(164px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(164px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-164, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-164, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-164, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-164, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-164, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-164, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-164, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-164 { --blur-effect: blur-164; } @-webkit-keyframes blur-166 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(166px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(166px) var(--filterShape-style); } } @keyframes blur-166 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(166px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(166px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-166, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-166, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-166, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-166, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-166, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-166, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-166, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-166 { --blur-effect: blur-166; } @-webkit-keyframes blur-168 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(168px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(168px) var(--filterShape-style); } } @keyframes blur-168 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(168px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(168px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-168, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-168, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-168, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-168, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-168, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-168, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-168, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-168 { --blur-effect: blur-168; } @-webkit-keyframes blur-170 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(170px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(170px) var(--filterShape-style); } } @keyframes blur-170 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(170px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(170px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-170, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-170, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-170, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-170, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-170, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-170, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-170, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-170 { --blur-effect: blur-170; } @-webkit-keyframes blur-172 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(172px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(172px) var(--filterShape-style); } } @keyframes blur-172 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(172px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(172px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-172, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-172, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-172, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-172, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-172, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-172, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-172, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-172 { --blur-effect: blur-172; } @-webkit-keyframes blur-174 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(174px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(174px) var(--filterShape-style); } } @keyframes blur-174 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(174px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(174px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-174, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-174, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-174, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-174, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-174, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-174, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-174, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-174 { --blur-effect: blur-174; } @-webkit-keyframes blur-176 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(176px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(176px) var(--filterShape-style); } } @keyframes blur-176 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(176px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(176px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-176, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-176, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-176, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-176, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-176, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-176, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-176, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-176 { --blur-effect: blur-176; } @-webkit-keyframes blur-178 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(178px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(178px) var(--filterShape-style); } } @keyframes blur-178 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(178px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(178px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-178, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-178, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-178, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-178, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-178, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-178, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-178, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-178 { --blur-effect: blur-178; } @-webkit-keyframes blur-180 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(180px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(180px) var(--filterShape-style); } } @keyframes blur-180 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(180px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(180px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-180, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-180, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-180, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-180, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-180, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-180, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-180, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-180 { --blur-effect: blur-180; } @-webkit-keyframes blur-182 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(182px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(182px) var(--filterShape-style); } } @keyframes blur-182 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(182px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(182px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-182, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-182, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-182, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-182, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-182, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-182, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-182, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-182 { --blur-effect: blur-182; } @-webkit-keyframes blur-184 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(184px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(184px) var(--filterShape-style); } } @keyframes blur-184 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(184px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(184px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-184, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-184, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-184, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-184, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-184, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-184, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-184, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-184 { --blur-effect: blur-184; } @-webkit-keyframes blur-186 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(186px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(186px) var(--filterShape-style); } } @keyframes blur-186 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(186px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(186px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-186, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-186, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-186, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-186, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-186, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-186, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-186, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-186 { --blur-effect: blur-186; } @-webkit-keyframes blur-188 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(188px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(188px) var(--filterShape-style); } } @keyframes blur-188 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(188px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(188px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-188, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-188, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-188, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-188, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-188, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-188, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-188, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-188 { --blur-effect: blur-188; } @-webkit-keyframes blur-190 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(190px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(190px) var(--filterShape-style); } } @keyframes blur-190 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(190px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(190px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-190, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-190, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-190, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-190, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-190, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-190, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-190, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-190 { --blur-effect: blur-190; } @-webkit-keyframes blur-192 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(192px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(192px) var(--filterShape-style); } } @keyframes blur-192 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(192px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(192px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-192, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-192, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-192, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-192, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-192, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-192, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-192, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-192 { --blur-effect: blur-192; } @-webkit-keyframes blur-194 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(194px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(194px) var(--filterShape-style); } } @keyframes blur-194 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(194px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(194px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-194, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-194, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-194, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-194, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-194, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-194, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-194, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-194 { --blur-effect: blur-194; } @-webkit-keyframes blur-196 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(196px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(196px) var(--filterShape-style); } } @keyframes blur-196 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(196px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(196px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-196, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-196, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-196, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-196, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-196, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-196, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-196, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-196 { --blur-effect: blur-196; } @-webkit-keyframes blur-198 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(198px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(198px) var(--filterShape-style); } } @keyframes blur-198 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(198px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(198px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-198, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-198, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-198, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-198, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-198, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-198, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-198, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-198 { --blur-effect: blur-198; } @-webkit-keyframes blur-200 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(200px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(200px) var(--filterShape-style); } } @keyframes blur-200 { 0% { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(200px) var(--filterShape-style); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(200px) var(--filterShape-style); } } .enable-animation .sd-text-effect_Fade-In.sd-text-effect_blur-200, .enable-animation .sd-image-effect_Fade-In.sd-image-effect_blur-200, .enable-animation .sd-media-effect_Fade-In.sd-media-effect_blur-200, .enable-animation .sd-shape-effect_Fade-In.sd-shape-effect_blur-200, .enable-animation .sd-text-effect_Fade-Out.sd-text-effect_blur-200, .enable-animation .sd-image-effect_Fade-Out.sd-image-effect_blur-200, .enable-animation .sd-media-effect_Fade-Out.sd-media-effect_blur-200, .enable-animation .sd-shape-effect_Fade-Out.sd-shape-effect_blur-200 { --blur-effect: blur-200; } /*scale-effect:*/ :root { --scale-effect: scale-effect-6; } @-webkit-keyframes scale-effect-0 { 0% { -webkit-transform: scale(0); transform: scale(0); } } @keyframes scale-effect-0 { 0% { -webkit-transform: scale(0); transform: scale(0); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-0, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-0, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-0, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-0, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-0, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-0, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-0, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-0 { --scale-effect: scale-effect-0; } @-webkit-keyframes scale-effect-1 { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); } } @keyframes scale-effect-1 { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-1, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-1, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-1, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-1, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-1, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-1, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-1, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-1 { --scale-effect: scale-effect-1; } @-webkit-keyframes scale-effect-2 { 0% { -webkit-transform: scale(0.2); transform: scale(0.2); } } @keyframes scale-effect-2 { 0% { -webkit-transform: scale(0.2); transform: scale(0.2); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-2, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-2, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-2, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-2, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-2, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-2, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-2, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-2 { --scale-effect: scale-effect-2; } @-webkit-keyframes scale-effect-3 { 0% { -webkit-transform: scale(0.3); transform: scale(0.3); } } @keyframes scale-effect-3 { 0% { -webkit-transform: scale(0.3); transform: scale(0.3); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-3, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-3, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-3, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-3, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-3, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-3, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-3, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-3 { --scale-effect: scale-effect-3; } @-webkit-keyframes scale-effect-4 { 0% { -webkit-transform: scale(0.4); transform: scale(0.4); } } @keyframes scale-effect-4 { 0% { -webkit-transform: scale(0.4); transform: scale(0.4); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-4, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-4, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-4, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-4, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-4, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-4, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-4, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-4 { --scale-effect: scale-effect-4; } @-webkit-keyframes scale-effect-5 { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); } } @keyframes scale-effect-5 { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-5, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-5, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-5, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-5, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-5, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-5, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-5, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-5 { --scale-effect: scale-effect-5; } @-webkit-keyframes scale-effect-6 { 0% { -webkit-transform: scale(0.6); transform: scale(0.6); } } @keyframes scale-effect-6 { 0% { -webkit-transform: scale(0.6); transform: scale(0.6); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-6, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-6, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-6, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-6, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-6, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-6, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-6, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-6 { --scale-effect: scale-effect-6; } @-webkit-keyframes scale-effect-7 { 0% { -webkit-transform: scale(0.7); transform: scale(0.7); } } @keyframes scale-effect-7 { 0% { -webkit-transform: scale(0.7); transform: scale(0.7); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-7, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-7, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-7, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-7, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-7, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-7, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-7, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-7 { --scale-effect: scale-effect-7; } @-webkit-keyframes scale-effect-8 { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes scale-effect-8 { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-8, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-8, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-8, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-8, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-8, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-8, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-8, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-8 { --scale-effect: scale-effect-8; } @-webkit-keyframes scale-effect-9 { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes scale-effect-9 { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-9, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-9, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-9, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-9, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-9, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-9, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-9, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-9 { --scale-effect: scale-effect-9; } @-webkit-keyframes scale-effect-10 { 0% { -webkit-transform: scale(1.0); transform: scale(1.0); } } @keyframes scale-effect-10 { 0% { -webkit-transform: scale(1.0); transform: scale(1.0); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-10, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-10, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-10, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-10, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-10, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-10, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-10, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-10 { --scale-effect: scale-effect-10; } @-webkit-keyframes scale-effect-11 { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes scale-effect-11 { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-11, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-11, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-11, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-11, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-11, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-11, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-11, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-11 { --scale-effect: scale-effect-11; } @-webkit-keyframes scale-effect-12 { 0% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes scale-effect-12 { 0% { -webkit-transform: scale(1.2); transform: scale(1.2); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-12, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-12, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-12, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-12, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-12, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-12, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-12, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-12 { --scale-effect: scale-effect-12; } @-webkit-keyframes scale-effect-13 { 0% { -webkit-transform: scale(1.3); transform: scale(1.3); } } @keyframes scale-effect-13 { 0% { -webkit-transform: scale(1.3); transform: scale(1.3); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-13, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-13, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-13, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-13, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-13, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-13, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-13, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-13 { --scale-effect: scale-effect-13; } @-webkit-keyframes scale-effect-14 { 0% { -webkit-transform: scale(1.4); transform: scale(1.4); } } @keyframes scale-effect-14 { 0% { -webkit-transform: scale(1.4); transform: scale(1.4); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-14, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-14, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-14, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-14, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-14, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-14, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-14, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-14 { --scale-effect: scale-effect-14; } @-webkit-keyframes scale-effect-15 { 0% { -webkit-transform: scale(1.5); transform: scale(1.5); } } @keyframes scale-effect-15 { 0% { -webkit-transform: scale(1.5); transform: scale(1.5); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-15, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-15, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-15, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-15, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-15, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-15, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-15, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-15 { --scale-effect: scale-effect-15; } @-webkit-keyframes scale-effect-16 { 0% { -webkit-transform: scale(1.6); transform: scale(1.6); } } @keyframes scale-effect-16 { 0% { -webkit-transform: scale(1.6); transform: scale(1.6); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-16, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-16, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-16, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-16, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-16, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-16, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-16, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-16 { --scale-effect: scale-effect-16; } @-webkit-keyframes scale-effect-17 { 0% { -webkit-transform: scale(1.7); transform: scale(1.7); } } @keyframes scale-effect-17 { 0% { -webkit-transform: scale(1.7); transform: scale(1.7); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-17, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-17, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-17, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-17, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-17, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-17, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-17, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-17 { --scale-effect: scale-effect-17; } @-webkit-keyframes scale-effect-18 { 0% { -webkit-transform: scale(1.8); transform: scale(1.8); } } @keyframes scale-effect-18 { 0% { -webkit-transform: scale(1.8); transform: scale(1.8); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-18, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-18, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-18, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-18, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-18, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-18, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-18, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-18 { --scale-effect: scale-effect-18; } @-webkit-keyframes scale-effect-19 { 0% { -webkit-transform: scale(1.9); transform: scale(1.9); } } @keyframes scale-effect-19 { 0% { -webkit-transform: scale(1.9); transform: scale(1.9); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-19, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-19, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-19, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-19, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-19, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-19, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-19, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-19 { --scale-effect: scale-effect-19; } @-webkit-keyframes scale-effect-20 { 0% { -webkit-transform: scale(2.0); transform: scale(2.0); } } @keyframes scale-effect-20 { 0% { -webkit-transform: scale(2.0); transform: scale(2.0); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-20, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-20, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-20, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-20, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-20, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-20, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-20, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-20 { --scale-effect: scale-effect-20; } @-webkit-keyframes scale-effect-21 { 0% { -webkit-transform: scale(2.1); transform: scale(2.1); } } @keyframes scale-effect-21 { 0% { -webkit-transform: scale(2.1); transform: scale(2.1); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-21, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-21, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-21, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-21, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-21, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-21, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-21, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-21 { --scale-effect: scale-effect-21; } @-webkit-keyframes scale-effect-22 { 0% { -webkit-transform: scale(22); transform: scale(22); } } @keyframes scale-effect-22 { 0% { -webkit-transform: scale(2.2); transform: scale(2.2); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-22, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-22, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-22, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-22, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-22, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-22, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-22, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-22 { --scale-effect: scale-effect-22; } @-webkit-keyframes scale-effect-23 { 0% { -webkit-transform: scale(2.3); transform: scale(2.3); } } @keyframes scale-effect-23 { 0% { -webkit-transform: scale(2.3); transform: scale(2.3); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-23, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-23, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-23, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-23, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-23, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-23, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-23, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-23 { --scale-effect: scale-effect-23; } @-webkit-keyframes scale-effect-24 { 0% { -webkit-transform: scale(2.4); transform: scale(2.4); } } @keyframes scale-effect-24 { 0% { -webkit-transform: scale(2.4); transform: scale(2.4); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-24, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-24, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-24, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-24, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-24, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-24, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-24, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-24 { --scale-effect: scale-effect-24; } @-webkit-keyframes scale-effect-25 { 0% { -webkit-transform: scale(2.5); transform: scale(2.5); } } @keyframes scale-effect-25 { 0% { -webkit-transform: scale(2.5); transform: scale(2.5); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-25, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-25, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-25, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-25, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-25, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-25, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-25, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-25 { --scale-effect: scale-effect-25; } @-webkit-keyframes scale-effect-26 { 0% { -webkit-transform: scale(2.6); transform: scale(2.6); } } @keyframes scale-effect-26 { 0% { -webkit-transform: scale(2.6); transform: scale(2.6); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-26, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-26, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-26, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-26, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-26, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-26, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-26, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-26 { --scale-effect: scale-effect-26; } @-webkit-keyframes scale-effect-27 { 0% { -webkit-transform: scale(2.7); transform: scale(2.7); } } @keyframes scale-effect-27 { 0% { -webkit-transform: scale(2.7); transform: scale(2.7); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-27, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-27, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-27, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-27, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-27, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-27, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-27, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-27 { --scale-effect: scale-effect-27; } @-webkit-keyframes scale-effect-28 { 0% { -webkit-transform: scale(2.8); transform: scale(2.8); } } @keyframes scale-effect-28 { 0% { -webkit-transform: scale(2.8); transform: scale(2.8); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-28, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-28, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-28, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-28, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-28, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-28, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-28, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-28 { --scale-effect: scale-effect-28; } @-webkit-keyframes scale-effect-29 { 0% { -webkit-transform: scale(2.9); transform: scale(2.9); } } @keyframes scale-effect-29 { 0% { -webkit-transform: scale(2.9); transform: scale(2.9); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-29, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-29, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-29, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-29, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-29, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-29, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-29, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-29 { --scale-effect: scale-effect-29; } @-webkit-keyframes scale-effect-30 { 0% { -webkit-transform: scale(3.0); transform: scale(3.0); } } @keyframes scale-effect-30 { 0% { -webkit-transform: scale(3.0); transform: scale(3.0); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-30, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-30, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-30, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-30, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-30, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-30, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-30, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-30 { --scale-effect: scale-effect-30; } @-webkit-keyframes scale-effect-31 { 0% { -webkit-transform: scale(3.1); transform: scale(3.1); } } @keyframes scale-effect-31 { 0% { -webkit-transform: scale(3.1); transform: scale(3.1); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-31, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-31, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-31, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-31, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-31, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-31, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-31, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-31 { --scale-effect: scale-effect-31; } @-webkit-keyframes scale-effect-32 { 0% { -webkit-transform: scale(3.2); transform: scale(3.2); } } @keyframes scale-effect-32 { 0% { -webkit-transform: scale(3.2); transform: scale(3.2); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-32, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-32, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-32, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-32, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-32, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-32, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-32, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-32 { --scale-effect: scale-effect-32; } @-webkit-keyframes scale-effect-33 { 0% { -webkit-transform: scale(3.3); transform: scale(3.3); } } @keyframes scale-effect-33 { 0% { -webkit-transform: scale(3.3); transform: scale(3.3); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-33, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-33, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-33, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-33, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-33, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-33, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-33, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-33 { --scale-effect: scale-effect-33; } @-webkit-keyframes scale-effect-34 { 0% { -webkit-transform: scale(3.4); transform: scale(3.4); } } @keyframes scale-effect-34 { 0% { -webkit-transform: scale(3.4); transform: scale(3.4); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-34, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-34, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-34, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-34, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-34, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-34, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-34, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-34 { --scale-effect: scale-effect-34; } @-webkit-keyframes scale-effect-35 { 0% { -webkit-transform: scale(3.5); transform: scale(3.5); } } @keyframes scale-effect-35 { 0% { -webkit-transform: scale(3.5); transform: scale(3.5); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-35, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-35, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-35, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-35, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-35, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-35, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-35, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-35 { --scale-effect: scale-effect-35; } @-webkit-keyframes scale-effect-36 { 0% { -webkit-transform: scale(3.6); transform: scale(3.6); } } @keyframes scale-effect-36 { 0% { -webkit-transform: scale(3.6); transform: scale(3.6); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-36, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-36, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-36, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-36, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-36, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-36, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-36, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-36 { --scale-effect: scale-effect-36; } @-webkit-keyframes scale-effect-37 { 0% { -webkit-transform: scale(3.7); transform: scale(3.7); } } @keyframes scale-effect-37 { 0% { -webkit-transform: scale(3.7); transform: scale(3.7); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-37, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-37, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-37, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-37, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-37, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-37, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-37, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-37 { --scale-effect: scale-effect-37; } @-webkit-keyframes scale-effect-38 { 0% { -webkit-transform: scale(3.8); transform: scale(3.8); } } @keyframes scale-effect-38 { 0% { -webkit-transform: scale(3.8); transform: scale(3.8); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-38, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-38, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-38, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-38, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-38, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-38, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-38, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-38 { --scale-effect: scale-effect-38; } @-webkit-keyframes scale-effect-39 { 0% { -webkit-transform: scale(3.9); transform: scale(3.9); } } @keyframes scale-effect-39 { 0% { -webkit-transform: scale(3.9); transform: scale(3.9); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-39, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-39, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-39, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-39, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-39, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-39, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-39, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-39 { --scale-effect: scale-effect-39; } @-webkit-keyframes scale-effect-40 { 0% { -webkit-transform: scale(4.0); transform: scale(4.0); } } @keyframes scale-effect-40 { 0% { -webkit-transform: scale(4.0); transform: scale(4.0); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-40, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-40, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-40, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-40, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-40, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-40, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-40, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-40 { --scale-effect: scale-effect-40; } @-webkit-keyframes scale-effect-41 { 0% { -webkit-transform: scale(4.1); transform: scale(4.1); } } @keyframes scale-effect-41 { 0% { -webkit-transform: scale(4.1); transform: scale(4.1); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-41, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-41, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-41, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-41, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-41, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-41, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-41, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-41 { --scale-effect: scale-effect-41; } @-webkit-keyframes scale-effect-42 { 0% { -webkit-transform: scale(4.2); transform: scale(4.2); } } @keyframes scale-effect-42 { 0% { -webkit-transform: scale(4.2); transform: scale(4.2); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-42, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-42, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-42, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-42, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-42, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-42, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-42, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-42 { --scale-effect: scale-effect-42; } @-webkit-keyframes scale-effect-43 { 0% { -webkit-transform: scale(4.3); transform: scale(4.3); } } @keyframes scale-effect-43 { 0% { -webkit-transform: scale(4.3); transform: scale(4.3); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-43, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-43, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-43, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-43, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-43, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-43, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-43, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-43 { --scale-effect: scale-effect-43; } @-webkit-keyframes scale-effect-44 { 0% { -webkit-transform: scale(4.4); transform: scale(4.4); } } @keyframes scale-effect-44 { 0% { -webkit-transform: scale(4.4); transform: scale(4.4); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-44, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-44, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-44, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-44, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-44, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-44, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-44, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-44 { --scale-effect: scale-effect-44; } @-webkit-keyframes scale-effect-45 { 0% { -webkit-transform: scale(4.5); transform: scale(4.5); } } @keyframes scale-effect-45 { 0% { -webkit-transform: scale(4.5); transform: scale(4.5); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-45, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-45, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-45, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-45, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-45, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-45, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-45, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-45 { --scale-effect: scale-effect-45; } @-webkit-keyframes scale-effect-46 { 0% { -webkit-transform: scale(4.6); transform: scale(4.6); } } @keyframes scale-effect-46 { 0% { -webkit-transform: scale(4.6); transform: scale(4.6); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-46, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-46, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-46, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-46, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-46, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-46, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-46, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-46 { --scale-effect: scale-effect-46; } @-webkit-keyframes scale-effect-47 { 0% { -webkit-transform: scale(4.7); transform: scale(4.7); } } @keyframes scale-effect-47 { 0% { -webkit-transform: scale(4.7); transform: scale(4.7); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-47, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-47, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-47, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-47, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-47, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-47, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-47, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-47 { --scale-effect: scale-effect-47; } @-webkit-keyframes scale-effect-48 { 0% { -webkit-transform: scale(4.8); transform: scale(4.8); } } @keyframes scale-effect-48 { 0% { -webkit-transform: scale(4.8); transform: scale(4.8); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-48, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-48, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-48, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-48, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-48, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-48, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-48, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-48 { --scale-effect: scale-effect-48; } @-webkit-keyframes scale-effect-49 { 0% { -webkit-transform: scale(4.9); transform: scale(4.9); } } @keyframes scale-effect-49 { 0% { -webkit-transform: scale(4.9); transform: scale(4.9); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-49, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-49, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-49, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-49, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-49, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-49, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-49, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-49 { --scale-effect: scale-effect-49; } @-webkit-keyframes scale-effect-50 { 0% { -webkit-transform: scale(5.0); transform: scale(50); } } @keyframes scale-effect-50 { 0% { -webkit-transform: scale(50); transform: scale(50); } } .enable-animation .sd-text-effect_Scale.sd-text-effect_scale-50, .enable-animation .sd-image-effect_Scale.sd-image-effect_scale-50, .enable-animation .sd-media-effect_Scale.sd-media-effect_scale-50, .enable-animation .sd-shape-effect_Scale.sd-shape-effect_scale-50, .enable-animation .sd-text-effect_Pan.sd-text-effect_scale-50, .enable-animation .sd-image-effect_Pan.sd-image-effect_scale-50, .enable-animation .sd-media-effect_Pan.sd-media-effect_scale-50, .enable-animation .sd-shape-effect_Pan.sd-shape-effect_scale-50 { --scale-effect: scale-effect-50; } /*scale-rotateZ-effect:*/ :root { --scale-effect: scale-rotateZ-180-effect-6; } @-webkit-keyframes scale-rotateZ-180-effect-0 { 50% { -webkit-transform: scale(0) rotateZ(180deg); transform: scale(0) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-0 { 50% { -webkit-transform: scale(0) rotateZ(180deg); transform: scale(0) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-0, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-0, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-0, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-0 { --scale-effect: scale-rotateZ-180-effect-0; } @-webkit-keyframes scale-rotateZ-180-effect-1 { 50% { -webkit-transform: scale(0.1) rotateZ(180deg); transform: scale(0.1) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-1 { 50% { -webkit-transform: scale(0.1) rotateZ(180deg); transform: scale(0.1) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-1, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-1, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-1, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-1 { --scale-effect: scale-rotateZ-180-effect-1; } @-webkit-keyframes scale-rotateZ-180-effect-2 { 50% { -webkit-transform: scale(0.2) rotateZ(180deg); transform: scale(0.2) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-2 { 50% { -webkit-transform: scale(0.2) rotateZ(180deg); transform: scale(0.2) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-2, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-2, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-2, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-2 { --scale-effect: scale-rotateZ-180-effect-2; } @-webkit-keyframes scale-rotateZ-180-effect-3 { 50% { -webkit-transform: scale(0.3) rotateZ(180deg); transform: scale(0.3) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-3 { 50% { -webkit-transform: scale(0.3) rotateZ(180deg); transform: scale(0.3) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-3, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-3, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-3, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-3 { --scale-effect: scale-rotateZ-180-effect-3; } @-webkit-keyframes scale-rotateZ-180-effect-4 { 50% { -webkit-transform: scale(0.4) rotateZ(180deg); transform: scale(0.4) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-4 { 50% { -webkit-transform: scale(0.4) rotateZ(180deg); transform: scale(0.4) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-4, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-4, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-4, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-4 { --scale-effect: scale-rotateZ-180-effect-4; } @-webkit-keyframes scale-rotateZ-180-effect-5 { 50% { -webkit-transform: scale(0.5) rotateZ(180deg); transform: scale(0.5) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-5 { 50% { -webkit-transform: scale(0.5) rotateZ(180deg); transform: scale(0.5) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-5, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-5, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-5, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-5 { --scale-effect: scale-rotateZ-180-effect-5; } @-webkit-keyframes scale-rotateZ-180-effect-6 { 50% { -webkit-transform: scale(0.6) rotateZ(180deg); transform: scale(0.6) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-6 { 50% { -webkit-transform: scale(0.6) rotateZ(180deg); transform: scale(0.6) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-6, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-6, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-6, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-6 { --scale-effect: scale-rotateZ-180-effect-6; } @-webkit-keyframes scale-rotateZ-180-effect-7 { 50% { -webkit-transform: scale(0.7) rotateZ(180deg); transform: scale(0.7) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-7 { 50% { -webkit-transform: scale(0.7) rotateZ(180deg); transform: scale(0.7) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-7, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-7, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-7, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-7 { --scale-effect: scale-rotateZ-180-effect-7; } @-webkit-keyframes scale-rotateZ-180-effect-8 { 50% { -webkit-transform: scale(0.8) rotateZ(180deg); transform: scale(0.8) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-8 { 50% { -webkit-transform: scale(0.8) rotateZ(180deg); transform: scale(0.8) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-8, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-8, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-8, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-8 { --scale-effect: scale-rotateZ-180-effect-8; } @-webkit-keyframes scale-rotateZ-180-effect-9 { 50% { -webkit-transform: scale(0.9) rotateZ(180deg); transform: scale(0.9) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-9 { 50% { -webkit-transform: scale(0.9) rotateZ(180deg); transform: scale(0.9) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-9, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-9, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-9, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-9 { --scale-effect: scale-rotateZ-180-effect-9; } @-webkit-keyframes scale-rotateZ-180-effect-10 { 50% { -webkit-transform: scale(1.0) rotateZ(180deg); transform: scale(1.0) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-10 { 50% { -webkit-transform: scale(1.0) rotateZ(180deg); transform: scale(1.0) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-10, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-10, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-10, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-10 { --scale-effect: scale-rotateZ-180-effect-10; } @-webkit-keyframes scale-rotateZ-180-effect-11 { 50% { -webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-11 { 50% { -webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-11, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-11, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-11, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-11 { --scale-effect: scale-rotateZ-180-effect-11; } @-webkit-keyframes scale-rotateZ-180-effect-12 { 50% { -webkit-transform: scale(1.2) rotateZ(180deg); transform: scale(1.2) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-12 { 50% { -webkit-transform: scale(1.2) rotateZ(180deg); transform: scale(1.2) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-12, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-12, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-12, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-12 { --scale-effect: scale-rotateZ-180-effect-12; } @-webkit-keyframes scale-rotateZ-180-effect-13 { 50% { -webkit-transform: scale(1.3) rotateZ(180deg); transform: scale(1.3) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-13 { 50% { -webkit-transform: scale(1.3) rotateZ(180deg); transform: scale(1.3) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-13, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-13, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-13, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-13 { --scale-effect: scale-rotateZ-180-effect-13; } @-webkit-keyframes scale-rotateZ-180-effect-14 { 50% { -webkit-transform: scale(1.4) rotateZ(180deg); transform: scale(1.4) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-14 { 50% { -webkit-transform: scale(1.4) rotateZ(180deg); transform: scale(1.4) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-14, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-14, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-14, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-14 { --scale-effect: scale-rotateZ-180-effect-14; } @-webkit-keyframes scale-rotateZ-180-effect-15 { 50% { -webkit-transform: scale(1.5) rotateZ(180deg); transform: scale(1.5) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-15 { 50% { -webkit-transform: scale(1.5) rotateZ(180deg); transform: scale(1.5) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-15, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-15, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-15, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-15 { --scale-effect: scale-rotateZ-180-effect-15; } @-webkit-keyframes scale-rotateZ-180-effect-16 { 50% { -webkit-transform: scale(1.6) rotateZ(180deg); transform: scale(1.6) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-16 { 50% { -webkit-transform: scale(1.6) rotateZ(180deg); transform: scale(1.6) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-16, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-16, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-16, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-16 { --scale-effect: scale-rotateZ-180-effect-16; } @-webkit-keyframes scale-rotateZ-180-effect-17 { 50% { -webkit-transform: scale(1.7) rotateZ(180deg); transform: scale(1.7) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-17 { 50% { -webkit-transform: scale(1.7) rotateZ(180deg); transform: scale(1.7) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-17, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-17, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-17, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-17 { --scale-effect: scale-rotateZ-180-effect-17; } @-webkit-keyframes scale-rotateZ-180-effect-18 { 50% { -webkit-transform: scale(1.8) rotateZ(180deg); transform: scale(1.8) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-18 { 50% { -webkit-transform: scale(1.8) rotateZ(180deg); transform: scale(1.8) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-18, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-18, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-18, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-18 { --scale-effect: scale-rotateZ-180-effect-18; } @-webkit-keyframes scale-rotateZ-180-effect-19 { 50% { -webkit-transform: scale(1.9) rotateZ(180deg); transform: scale(1.9) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-19 { 50% { -webkit-transform: scale(1.9) rotateZ(180deg); transform: scale(1.9) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-19, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-19, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-19, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-19 { --scale-effect: scale-rotateZ-180-effect-19; } @-webkit-keyframes scale-rotateZ-180-effect-20 { 50% { -webkit-transform: scale(2.0) rotateZ(180deg); transform: scale(2.0) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-20 { 50% { -webkit-transform: scale(2.0) rotateZ(180deg); transform: scale(2.0) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-20, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-20, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-20, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-20 { --scale-effect: scale-rotateZ-180-effect-20; } @-webkit-keyframes scale-rotateZ-180-effect-21 { 50% { -webkit-transform: scale(2.1) rotateZ(180deg); transform: scale(2.1) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-21 { 50% { -webkit-transform: scale(2.1) rotateZ(180deg); transform: scale(2.1) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-21, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-21, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-21, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-21 { --scale-effect: scale-rotateZ-180-effect-21; } @-webkit-keyframes scale-rotateZ-180-effect-22 { 50% { -webkit-transform: scale(2.2) rotateZ(180deg); transform: scale(2.2) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-22 { 50% { -webkit-transform: scale(2.2) rotateZ(180deg); transform: scale(2.2) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-22, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-22, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-22, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-22 { --scale-effect: scale-rotateZ-180-effect-22; } @-webkit-keyframes scale-rotateZ-180-effect-23 { 50% { -webkit-transform: scale(2.3) rotateZ(180deg); transform: scale(2.3) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-23 { 50% { -webkit-transform: scale(2.3) rotateZ(180deg); transform: scale(2.3) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-23, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-23, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-23, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-23 { --scale-effect: scale-rotateZ-180-effect-23; } @-webkit-keyframes scale-rotateZ-180-effect-24 { 50% { -webkit-transform: scale(2.4) rotateZ(180deg); transform: scale(2.4) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-24 { 50% { -webkit-transform: scale(2.4) rotateZ(180deg); transform: scale(2.4) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-24, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-24, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-24, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-24 { --scale-effect: scale-rotateZ-180-effect-24; } @-webkit-keyframes scale-rotateZ-180-effect-25 { 50% { -webkit-transform: scale(2.5) rotateZ(180deg); transform: scale(2.5) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-25 { 50% { -webkit-transform: scale(2.5) rotateZ(180deg); transform: scale(2.5) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-25, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-25, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-25, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-25 { --scale-effect: scale-rotateZ-180-effect-25; } @-webkit-keyframes scale-rotateZ-180-effect-26 { 50% { -webkit-transform: scale(2.6) rotateZ(180deg); transform: scale(2.6) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-26 { 50% { -webkit-transform: scale(2.6) rotateZ(180deg); transform: scale(2.6) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-26, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-26, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-26, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-26 { --scale-effect: scale-rotateZ-180-effect-26; } @-webkit-keyframes scale-rotateZ-180-effect-27 { 50% { -webkit-transform: scale(2.7) rotateZ(180deg); transform: scale(2.7) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-27 { 50% { -webkit-transform: scale(2.7) rotateZ(180deg); transform: scale(2.7) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-27, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-27, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-27, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-27 { --scale-effect: scale-rotateZ-180-effect-27; } @-webkit-keyframes scale-rotateZ-180-effect-28 { 50% { -webkit-transform: scale(2.8) rotateZ(180deg); transform: scale(2.8) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-28 { 50% { -webkit-transform: scale(2.8) rotateZ(180deg); transform: scale(2.8) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-28, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-28, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-28, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-28 { --scale-effect: scale-rotateZ-180-effect-28; } @-webkit-keyframes scale-rotateZ-180-effect-29 { 50% { -webkit-transform: scale(2.9) rotateZ(180deg); transform: scale(2.9) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-29 { 50% { -webkit-transform: scale(2.9) rotateZ(180deg); transform: scale(2.9) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-29, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-29, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-29, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-29 { --scale-effect: scale-rotateZ-180-effect-29; } @-webkit-keyframes scale-rotateZ-180-effect-30 { 50% { -webkit-transform: scale(3.0) rotateZ(180deg); transform: scale(3.0) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-30 { 50% { -webkit-transform: scale(3.0) rotateZ(180deg); transform: scale(3.0) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-30, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-30, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-30, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-30 { --scale-effect: scale-rotateZ-180-effect-30; } @-webkit-keyframes scale-rotateZ-180-effect-31 { 50% { -webkit-transform: scale(3.1) rotateZ(180deg); transform: scale(3.1) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-31 { 50% { -webkit-transform: scale(3.1) rotateZ(180deg); transform: scale(3.1) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-31, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-31, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-31, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-31 { --scale-effect: scale-rotateZ-180-effect-31; } @-webkit-keyframes scale-rotateZ-180-effect-32 { 50% { -webkit-transform: scale(3.2) rotateZ(180deg); transform: scale(3.2) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-32 { 50% { -webkit-transform: scale(3.2) rotateZ(180deg); transform: scale(3.2) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-32, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-32, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-32, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-32 { --scale-effect: scale-rotateZ-180-effect-32; } @-webkit-keyframes scale-rotateZ-180-effect-33 { 50% { -webkit-transform: scale(3.3) rotateZ(180deg); transform: scale(3.3) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-33 { 50% { -webkit-transform: scale(3.3) rotateZ(180deg); transform: scale(3.3) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-33, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-33, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-33, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-33 { --scale-effect: scale-rotateZ-180-effect-33; } @-webkit-keyframes scale-rotateZ-180-effect-34 { 50% { -webkit-transform: scale(3.4) rotateZ(180deg); transform: scale(3.4) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-34 { 50% { -webkit-transform: scale(3.4) rotateZ(180deg); transform: scale(3.4) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-34, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-34, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-34, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-34 { --scale-effect: scale-rotateZ-180-effect-34; } @-webkit-keyframes scale-rotateZ-180-effect-35 { 50% { -webkit-transform: scale(3.5) rotateZ(180deg); transform: scale(3.5) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-35 { 50% { -webkit-transform: scale(3.5) rotateZ(180deg); transform: scale(3.5) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-35, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-35, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-35, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-35 { --scale-effect: scale-rotateZ-180-effect-35; } @-webkit-keyframes scale-rotateZ-180-effect-36 { 50% { -webkit-transform: scale(3.6) rotateZ(180deg); transform: scale(3.6) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-36 { 50% { -webkit-transform: scale(3.6) rotateZ(180deg); transform: scale(3.6) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-36, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-36, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-36, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-36 { --scale-effect: scale-rotateZ-180-effect-36; } @-webkit-keyframes scale-rotateZ-180-effect-37 { 50% { -webkit-transform: scale(3.7) rotateZ(180deg); transform: scale(3.7) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-37 { 50% { -webkit-transform: scale(3.7) rotateZ(180deg); transform: scale(3.7) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-37, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-37, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-37, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-37 { --scale-effect: scale-rotateZ-180-effect-37; } @-webkit-keyframes scale-rotateZ-180-effect-38 { 50% { -webkit-transform: scale(3.8) rotateZ(180deg); transform: scale(3.8) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-38 { 50% { -webkit-transform: scale(3.8) rotateZ(180deg); transform: scale(3.8) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-38, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-38, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-38, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-38 { --scale-effect: scale-rotateZ-180-effect-38; } @-webkit-keyframes scale-rotateZ-180-effect-39 { 50% { -webkit-transform: scale(3.9) rotateZ(180deg); transform: scale(3.9) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-39 { 50% { -webkit-transform: scale(3.9) rotateZ(180deg); transform: scale(3.9) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-39, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-39, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-39, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-39 { --scale-effect: scale-rotateZ-180-effect-39; } @-webkit-keyframes scale-rotateZ-180-effect-40 { 50% { -webkit-transform: scale(4.0) rotateZ(180deg); transform: scale(4.0) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-40 { 50% { -webkit-transform: scale(4.0) rotateZ(180deg); transform: scale(4.0) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-40, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-40, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-40, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-40 { --scale-effect: scale-rotateZ-180-effect-40; } @-webkit-keyframes scale-rotateZ-180-effect-41 { 50% { -webkit-transform: scale(4.1) rotateZ(180deg); transform: scale(4.1) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-41 { 50% { -webkit-transform: scale(4.1) rotateZ(180deg); transform: scale(4.1) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-41, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-41, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-41, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-41 { --scale-effect: scale-rotateZ-180-effect-41; } @-webkit-keyframes scale-rotateZ-180-effect-42 { 50% { -webkit-transform: scale(4.2) rotateZ(180deg); transform: scale(4.2) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-42 { 50% { -webkit-transform: scale(4.2) rotateZ(180deg); transform: scale(4.2) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-42, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-42, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-42, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-42 { --scale-effect: scale-rotateZ-180-effect-42; } @-webkit-keyframes scale-rotateZ-180-effect-43 { 50% { -webkit-transform: scale(4.3) rotateZ(180deg); transform: scale(4.3) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-43 { 50% { -webkit-transform: scale(4.3) rotateZ(180deg); transform: scale(4.3) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-43, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-43, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-43, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-43 { --scale-effect: scale-rotateZ-180-effect-43; } @-webkit-keyframes scale-rotateZ-180-effect-44 { 50% { -webkit-transform: scale(4.4) rotateZ(180deg); transform: scale(4.4) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-44 { 50% { -webkit-transform: scale(4.4) rotateZ(180deg); transform: scale(4.4) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-44, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-44, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-44, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-44 { --scale-effect: scale-rotateZ-180-effect-44; } @-webkit-keyframes scale-rotateZ-180-effect-45 { 50% { -webkit-transform: scale(4.5) rotateZ(180deg); transform: scale(4.5) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-45 { 50% { -webkit-transform: scale(4.5) rotateZ(180deg); transform: scale(4.5) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-45, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-45, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-45, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-45 { --scale-effect: scale-rotateZ-180-effect-45; } @-webkit-keyframes scale-rotateZ-180-effect-46 { 50% { -webkit-transform: scale(4.6) rotateZ(180deg); transform: scale(4.6) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-46 { 50% { -webkit-transform: scale(4.6) rotateZ(180deg); transform: scale(4.6) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-46, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-46, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-46, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-46 { --scale-effect: scale-rotateZ-180-effect-46; } @-webkit-keyframes scale-rotateZ-180-effect-47 { 50% { -webkit-transform: scale(4.7) rotateZ(180deg); transform: scale(4.7) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-47 { 50% { -webkit-transform: scale(4.7) rotateZ(180deg); transform: scale(4.7) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-47, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-47, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-47, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-47 { --scale-effect: scale-rotateZ-180-effect-47; } @-webkit-keyframes scale-rotateZ-180-effect-48 { 50% { -webkit-transform: scale(4.8) rotateZ(180deg); transform: scale(4.8) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-48 { 50% { -webkit-transform: scale(4.8) rotateZ(180deg); transform: scale(4.8) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-48, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-48, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-48, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-48 { --scale-effect: scale-rotateZ-180-effect-48; } @-webkit-keyframes scale-rotateZ-180-effect-49 { 50% { -webkit-transform: scale(4.9) rotateZ(180deg); transform: scale(4.9) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-49 { 50% { -webkit-transform: scale(4.9) rotateZ(180deg); transform: scale(4.9) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-49, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-49, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-49, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-49 { --scale-effect: scale-rotateZ-180-effect-49; } @-webkit-keyframes scale-rotateZ-180-effect-50 { 50% { -webkit-transform: scale(5.0) rotateZ(180deg); transform: scale(5.0) rotateZ(180deg); } } @keyframes scale-rotateZ-180-effect-50 { 50% { -webkit-transform: scale(5.0) rotateZ(180deg); transform: scale(5.0) rotateZ(180deg); } } .enable-animation .sd-text-effect_Spin.sd-text-effect_scale-50, .enable-animation .sd-image-effect_Spin.sd-image-effect_scale-50, .enable-animation .sd-media-effect_Spin.sd-media-effect_scale-50, .enable-animation .sd-shape-effect_Spin.sd-shape-effect_scale-50 { --scale-effect: scale-rotateZ-180-effect-50; } /*triggers that active thead effects:*/ .slide :not(.isClicked) .sd-text-effect_Slide-In_Click, .slide .sd-text-effect_Slide-In_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Slide-In_Click, .slide .sd-image-effect_Slide-In_Hover:not(:hover), .slide :not(.isClicked) .sd-media-effect_Slide-In_Click, .slide .sd-media-effect_Slide-In_Hover:not(:hover), .slide:not(.isClicked) .sd-shape-effect_Slide-In_Click, .slide .sd-shape-effect_Slide-In_Hover:not(:hover), .slide :not(.isClicked) .sd-text-effect_Slide-Out_Click, .slide .sd-text-effect_Slide-Out_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Slide-Out_Click, .slide .sd-image-effect_Slide-Out_Hover:not(:hover), .slide :not(.isClicked) .sd-media-effect_Slide-Out_Click, .slide .sd-media-effect_Slide-Out_Hover:not(:hover), .slide:not(.isClicked) .sd-shape-effect_Slide-Out_Click, .slide .sd-shape-effect_Slide-Out_Hover:not(:hover), .slide :not(.isClicked) .sd-text-effect_Blur-To-Sharp_Click, .slide .sd-text-effect_Blur-To-Sharp_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Blur-To-Sharp_Click, .slide .sd-image-effect_Blur-To-Sharp_Hover:not(:hover), .slide :not(.isClicked) .sd-media-effect_Blur-To-Sharp_Click, .slide .sd-media-effect_Blur-To-Sharp_Hover:not(:hover), .slide :not(.isClicked) .sd-shape-effect_Blur-To-Sharp_Click, .slide .sd-shape-effect_Blur-To-Sharp_Hover:not(:hover), .slide :not(.isClicked) .sd-text-effect_Fade-In_Click, .slide .sd-text-effect_Fade-In_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Fade-In_Click, .slide .sd-image-effect_Fade-In_Hover:not(:hover), .slide :not(.isClicked) .sd-media-effect_Fade-In_Click, .slide .sd-media-effect_Fade-In_Hover:not(:hover), .slide :not(.isClicked) .sd-shape-effect_Fade-In_Click, .slide .sd-shape-effect_Fade-In_Hover:not(:hover), .slide :not(.isClicked) .sd-text-effect_Tilt-In_Click, .slide .sd-text-effect_Tilt-In_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Tilt-In_Click, .slide .sd-image-effect_Tilt-In_Hover:not(:hover), .slide :not(.isClicked) .sd-media-effect_Tilt-In_Click, .slide .sd-media-effect_Tilt-In_Hover:not(:hover), .slide :not(.isClicked) .sd-shape-effect_Tilt-In_Click, .slide .sd-shape-effect_Tilt-In_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Magic-In_Click, .slide .sd-image-effect_Magic-In_Hover:not(:hover), .slide :not(.isClicked) .sd-shape-effect_Magic-In_Click, .slide .sd-shape-effect_Magic-In_Hover:not(:hover), .slide :not(.isClicked) .sd-text-effect_Roll-In_Click, .slide .sd-text-effect_Roll-In_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Roll-In_Click, .slide .sd-image-effect_Roll-In_Hover:not(:hover), .slide :not(.isClicked) .sd-media-effect_Roll-In_Click, .slide .sd-media-effect_Roll-In_Hover:not(:hover), .slide :not(.isClicked) .sd-shape-effect_Roll-In_Click, .slide .sd-shape-effect_Roll-In_Hover:not(:hover), .slide :not(.isClicked) .sd-text-effect_Bounce-In_Click, .slide .sd-text-effect_Bounce-In_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Bounce-In_Click, .slide .sd-image-effect_Bounce-In_Hover:not(:hover), .slide :not(.isClicked) .sd-media-effect_Bounce-In_Click, .slide .sd-media-effect_Bounce-In_Hover:not(:hover), .slide :not(.isClicked) .sd-shape-effect_Bounce-In_Click, .slide .sd-shape-effect_Bounce-In_Hover:not(:hover), .slide :not(.isClicked) .sd-text-effect_Drop-In_Click, .slide .sd-text-effect_Drop-In_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Drop-In_Click, .slide .sd-image-effect_Drop-In_Hover:not(:hover), .slide :not(.isClicked) .sd-media-effect_Drop-In_Click, .slide .sd-media-effect_Drop-In_Hover:not(:hover), .slide :not(.isClicked) .sd-shape-effect_Drop-In_Click, .slide .sd-shape-effect_Drop-In_Hover:not(:hover), .slide :not(.isClicked) .sd-text-effect_Fade-Out_Click, .slide .sd-text-effect_Fade-Out_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Fade-Out_Click, .slide .sd-image-effect_Fade-Out_Hover:not(:hover), .slide :not(.isClicked) .sd-media-effect_Fade-Out_Click, .slide .sd-media-effect_Fade-Out_Hover:not(:hover), .slide :not(.isClicked) .sd-shape-effect_Fade-Out_Click, .slide .sd-shape-effect_Fade-Out_Hover:not(:hover), .slide :not(.isClicked) .sd-text-effect_Tilt-Out_Click, .slide .sd-text-effect_Tilt-Out_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Tilt-Out_Click, .slide .sd-image-effect_Tilt-Out_Hover:not(:hover), .slide :not(.isClicked) .sd-media-effect_Tilt-Out_Click, .slide .sd-media-effect_Tilt-Out_Hover:not(:hover), .slide :not(.isClicked) .sd-shape-effect_Tilt-Out_Click, .slide .sd-shape-effect_Tilt-Out_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Magic-Out_Click, .slide .sd-image-effect_Magic-Out_Hover:not(:hover), .slide :not(.isClicked) .sd-shape-effect_Magic-Out_Click, .slide .sd-shape-effect_Magic-Out_Hover:not(:hover), .slide :not(.isClicked) .sd-text-effect_Roll-Out_Click, .slide .sd-text-effect_Roll-Out_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Roll-Out_Click, .slide .sd-image-effect_Roll-Out_Hover:not(:hover), .slide :not(.isClicked) .sd-media-effect_Roll-Out_Click, .slide .sd-media-effect_Roll-Out_Hover:not(:hover), .slide :not(.isClicked) .sd-shape-effect_Roll-Out_Click, .slide .sd-shape-effect_Roll-Out_Hover:not(:hover), .slide :not(.isClicked) .sd-text-effect_Bounce-Out_Click, .slide .sd-text-effect_Bounce-Out_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Bounce-Out_Click, .slide .sd-image-effect_Bounce-Out_Hover:not(:hover), .slide :not(.isClicked) .sd-media-effect_Bounce-Out_Click, .slide .sd-media-effect_Bounce-Out_Hover:not(:hover), .slide :not(.isClicked) .sd-shape-effect_Bounce-Out_Click, .slide .sd-shape-effect_Bounce-Out_Hover:not(:hover), .slide :not(.isClicked) .sd-text-effect_Drop-Out_Click, .slide .sd-text-effect_Drop-Out_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Drop-Out_Click, .slide .sd-image-effect_Drop-Out_Hover:not(:hover), .slide :not(.isClicked) .sd-media-effect_Drop-Out_Click, .slide .sd-media-effect_Drop-Out_Hover:not(:hover), .slide :not(.isClicked) .sd-shape-effect_Drop-Out_Click, .slide .sd-shape-effect_Drop-Out_Hover:not(:hover), .slide :not(.isClicked) .sd-text-effect_Wobble_Click, .slide .sd-text-effect_Wobble_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Wobble_Click, .slide .sd-image-effect_Wobble_Hover:not(:hover), .slide :not(.isClicked) .sd-shape-effect_Wobble_Click, .slide .sd-shape-effect_Wobble_Hover:not(:hover), .slide :not(.isClicked) .sd-text-effect_Scale_Click, .slide .sd-text-effect_Scale_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Scale_Click, .slide .sd-image-effect_Scale_Hover:not(:hover), .slide :not(.isClicked) .sd-media-effect_Scale_Click, .slide .sd-media-effect_Scale_Hover:not(:hover), .slide :not(.isClicked) .sd-shape-effect_Scale_Click, .slide .sd-shape-effect_Scale_Hover:not(:hover), .slide :not(.isClicked) .sd-text-effect_Shake_Click, .slide .sd-text-effect_Shake_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Shake_Click, .slide .sd-image-effect_Shake_Hover:not(:hover), .slide :not(.isClicked) .sd-shape-effect_Shake_Click, .slide .sd-shape-effect_Shake_Hover:not(:hover), .slide :not(.isClicked) .sd-text-effect_Flip_Click, .slide .sd-text-effect_Flip_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Flip_Click, .slide .sd-image-effect_Flip_Hover:not(:hover), .slide :not(.isClicked) .sd-shape-effect_Flip_Click, .slide .sd-shape-effect_Flip_Hover:not(:hover), .slide :not(.isClicked) .sd-text-effect_Float_Click, .slide .sd-text-effect_Float_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Float_Click, .slide .sd-image-effect_Float_Hover:not(:hover), .slide :not(.isClicked) .sd-shape-effect_Float_Click, .slide .sd-shape-effect_Float_Hover:not(:hover), .slide :not(.isClicked) .sd-text-effect_Bounce_Pulse, .slide .sd-text-effect_Bounce_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Bounce_Click, .slide .sd-image-effect_Bounce_Hover:not(:hover), .slide :not(.isClicked) .sd-shape-effect_Bounce_Click, .slide .sd-shape-effect_Bounce_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Spin_Click, .slide .sd-image-effect_Spin_Hover:not(:hover), .slide :not(.isClicked) .sd-shape-effect_Spin_Click, .slide .sd-shape-effect_Spin_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Rainbow_Click, .slide .sd-image-effect_Rainbow_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Rainbow_Click, .slide .sd-image-effect_Rainbow_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Rainbow_Click, .slide .sd-image-effect_Rainbow_Hover:not(:hover), .slide :not(.isClicked) .sd-text-effect_Rainbow_Click, .slide .sd-text-effect_Rainbow_Hover:not(:hover), .slide :not(.isClicked) .sd-text-effect_Rainbow_Click, .slide .sd-text-effect_Rainbow_Hover:not(:hover), .slide :not(.isClicked) .sd-text-effect_Rainbow_Click, .slide .sd-text-effect_Rainbow_Hover:not(:hover), .slide :not(.isClicked) .sd-shape-effect_Dash_Click, .slide .sd-shape-effect_Dash_Hover:not(:hover), .slide :not(.isClicked) .sd-shape-effect_Dash_Click, .slide .sd-shape-effect_Dash_Hover:not(:hover), .slide :not(.isClicked) .sd-shape-effect_Dash_Click, .slide .sd-shape-effect_Dash_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Pan_Click, .slide .sd-image-effect_Pan_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Pan_Click, .slide .sd-image-effect_Pan_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Pan_Click, .slide .sd-image-effect_Pan_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Pan_Click, .slide .sd-image-effect_Pan_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Pan_Click, .slide .sd-image-effect_Pan_Hover:not(:hover), .slide :not(.isClicked) .sd-text-effect_Pulse_Click, .slide .sd-text-effect_Pulse_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Pulse_Click, .slide .sd-image-effect_Pulse_Hover:not(:hover), .slide :not(.isClicked) .sd-shape-effect_Pulse_Click, .slide .sd-shape-effect_Pulse_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Grayscale-To-Color_Click, .slide .sd-image-effect_Grayscale-To-Color_Hover:not(:hover), .slide :not(.isClicked) .sd-media-effect_Grayscale-To-Color_Click, .slide .sd-media-effect_Grayscale-To-Color_Hover:not(:hover), .slide :not(.isClicked) .sd-image-effect_Sepia-To-Color_Click, .slide .sd-image-effect_Sepia-To-Color_Hover:not(:hover), .slide :not(.isClicked) .sd-media-effect_Sepia-To-Color_Click, .slide .sd-media-effect_Sepia-To-Color_Hover:not(:hover) { -webkit-animation-name: none; animation-name: none; } /*the new style (static-effects) (2022):*/ :root { --addingYourImage-style: null; --blur-style: 0px; --blur-shadow-style: 0px; --blurRadius-style: 0px; --border-style: 0px; --brightness-style: 100%; --color-style: 0; --colorPallte-style: null; --contrast-style: 100%; --direction-style: null; --directionH-style: 0px; --directionV-style: 0px; --hueRotate-style: 0deg; --imageOption-style: url(../../vbcommon/css/images/texture/Distressed.png); --invert-style: 0%; --grayscale-style: 0%; --opacity-style: 100%; --padding-style: 0px; --rotate-style: null; --saturate-style: 100%; --sepia-style: 0%; --spreadRadius-style: 0px; --shadowCode-style: 0; --shadowTextCode-style: 0; --filterShape-style: url(); } /*all Shadows*/ .sd-element-video.sd-media-shadowsStyle_group-shadows, .sd-element-media.sd-media-shadowsStyle_group-shadows, .sd-element-image.sd-image-shadowsStyle_group-shadows { -webkit-box-shadow: var(--directionH-style) var(--directionV-style) var(--blur-shadow-style) var(--spreadRadius-style) rgba(var(--color-style),var(--color-style),var(--color-style),var(--opacity-style)); box-shadow: var(--directionH-style) var(--directionV-style) var(--blur-shadow-style) var(--spreadRadius-style) rgba(var(--color-style),var(--color-style),var(--color-style),var(--opacity-style)); --shadowCode-style: 0,var(--directionH-style) var(--directionV-style) var(--blur-shadow-style) var(--spreadRadius-style) rgba(var(--color-style),var(--color-style),var(--color-style),var(--opacity-style)); border: none; outline: none; border-radius: unset; } .sd-element-text.sd-text-shadowsStyle_group-shadows { text-shadow: var(--directionH-style) var(--directionV-style) var(--blurRadius-style) rgba(var(--color-style),var(--color-style),var(--color-style),var(--opacity-style)); --shadowTextCode-style: 0,var(--directionH-style) var(--directionV-style) var(--blurRadius-style) rgba(var(--color-style),var(--color-style),var(--color-style),var(--opacity-style)); border: none; outline: none; border-radius: unset; margin: 0px; } /*to add the color-profile option for first color:*/ .sd-element-text.sd-text-shadowsStyle_Emboss.sd-text-shadowsStyle_colorPallte-ModernBlack { text-shadow: var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #000000, 0px -5px 16px rgba(255 255 255 / 30%); --shadowTextCode-style: 0,var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #000000, 0px -5px 16px rgba(255 255 255 / 30%); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-shadowsStyle_Emboss.sd-text-shadowsStyle_colorPallte-ModernWhite { text-shadow: var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #000000, 0px -5px 16px rgba(255 255 255 / 30%); --shadowTextCode-style: 0,var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #000000, 0px -5px 16px rgba(255 255 255 / 30%); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-shadowsStyle_Emboss.sd-text-shadowsStyle_colorPallte-NeonRed { text-shadow: var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #EF173A, 0px -5px 16px rgba(255 255 255 / 30%); --shadowTextCode-style: 0,var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #EF173A, 0px -5px 16px rgba(255 255 255 / 30%); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-shadowsStyle_Emboss.sd-text-shadowsStyle_colorPallte-NeonYellow { text-shadow: var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #FFDF39, 0px -5px 16px rgba(255 255 255 / 30%); --shadowTextCode-style: 0,var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #FFDF39, 0px -5px 16px rgba(255 255 255 / 30%); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-shadowsStyle_Emboss.sd-text-shadowsStyle_colorPallte-NeonGreen { text-shadow: var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #3FFD3C, 0px -5px 16px rgba(255 255 255 / 30%); --shadowTextCode-style: 0,var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #3FFD3C, 0px -5px 16px rgba(255 255 255 / 30%); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-shadowsStyle_Emboss.sd-text-shadowsStyle_colorPallte-NeonAzure { text-shadow: var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #0180FA, 0px -5px 16px rgba(255 255 255 / 30%); --shadowTextCode-style: 0,var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #0180FA, 0px -5px 16px rgba(255 255 255 / 30%); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-shadowsStyle_Emboss.sd-text-shadowsStyle_colorPallte-NeonPhlox { text-shadow: var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #DD00FF, 0px -5px 16px rgba(255 255 255 / 30%); --shadowTextCode-style: 0,var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #DD00FF, 0px -5px 16px rgba(255 255 255 / 30%); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-shadowsStyle_Emboss.sd-text-shadowsStyle_colorPallte-NeonPink { text-shadow: var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #FD0580, 0px -5px 16px rgba(255 255 255 / 30%); --shadowTextCode-style: 0,var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #FD0580, 0px -5px 16px rgba(255 255 255 / 30%); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-shadowsStyle_Emboss.sd-text-shadowsStyle_colorPallte-NeonViolet { text-shadow: var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #7F26F9, 0px -5px 16px rgba(255 255 255 / 30%); --shadowTextCode-style: 0,var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #7F26F9, 0px -5px 16px rgba(255 255 255 / 30%); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-shadowsStyle_Emboss.sd-text-shadowsStyle_colorPallte-NeonAqua { text-shadow: var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #21FFFA, 0px -5px 16px rgba(255 255 255 / 30%); --shadowTextCode-style: 0,var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #21FFFA, 0px -5px 16px rgba(255 255 255 / 30%); border: none; outline: none; border-radius: unset; margin: 0px; } /*to add the color-profile option for first color:*/ .sd-element-text.sd-text-shadowsStyle_Distance.sd-text-shadowsStyle_colorPallte-ModernBlack { text-shadow: var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #b2a98f, 0px 14px 10px #000000, 0px 24px 2px rgba(0,0,0,0.1), 0px 34px 30px rgba(0,0,0,0.1); --shadowTextCode-style: 0,var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #b2a98f, 0px 14px 10px #000000, 0px 24px 2px rgba(0,0,0,0.1), 0px 34px 30px rgba(0,0,0,0.1); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-shadowsStyle_Distance.sd-text-shadowsStyle_colorPallte-ModernWhite { text-shadow: var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #b2a98f, 0px 14px 10px #FFFFFF, 0px 24px 2px rgba(0,0,0,0.1), 0px 34px 30px rgba(0,0,0,0.1); --shadowTextCode-style: 0,var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #b2a98f, 0px 14px 10px #FFFFFF, 0px 24px 2px rgba(0,0,0,0.1), 0px 34px 30px rgba(0,0,0,0.1); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-shadowsStyle_Distance.sd-text-shadowsStyle_colorPallte-NeonRed { text-shadow: var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #b2a98f, 0px 14px 10px #EF173A, 0px 24px 2px rgba(0,0,0,0.1), 0px 34px 30px rgba(0,0,0,0.1); --shadowTextCode-style: 0,var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #b2a98f, 0px 14px 10px #EF173A, 0px 24px 2px rgba(0,0,0,0.1), 0px 34px 30px rgba(0,0,0,0.1); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-shadowsStyle_Distance.sd-text-shadowsStyle_colorPallte-NeonYellow { text-shadow: var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #b2a98f, 0px 14px 10px #FFDF39, 0px 24px 2px rgba(0,0,0,0.1), 0px 34px 30px rgba(0,0,0,0.1); --shadowTextCode-style: 0,var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #b2a98f, 0px 14px 10px #FFDF39, 0px 24px 2px rgba(0,0,0,0.1), 0px 34px 30px rgba(0,0,0,0.1); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-shadowsStyle_Distance.sd-text-shadowsStyle_colorPallte-NeonGreen { text-shadow: var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #b2a98f, 0px 14px 10px #3FFD3C, 0px 24px 2px rgba(0,0,0,0.1), 0px 34px 30px rgba(0,0,0,0.1); --shadowTextCode-style: 0,var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #b2a98f, 0px 14px 10px #3FFD3C, 0px 24px 2px rgba(0,0,0,0.1), 0px 34px 30px rgba(0,0,0,0.1); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-shadowsStyle_Distance.sd-text-shadowsStyle_colorPallte-NeonAzure { text-shadow: var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #b2a98f, 0px 14px 10px #0180FA, 0px 24px 2px rgba(0,0,0,0.1), 0px 34px 30px rgba(0,0,0,0.1); --shadowTextCode-style: 0,var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #b2a98f, 0px 14px 10px #0180FA, 0px 24px 2px rgba(0,0,0,0.1), 0px 34px 30px rgba(0,0,0,0.1); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-shadowsStyle_Distance.sd-text-shadowsStyle_colorPallte-NeonPhlox { text-shadow: var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #b2a98f, 0px 14px 10px #DD00FF, 0px 24px 2px rgba(0,0,0,0.1), 0px 34px 30px rgba(0,0,0,0.1); --shadowTextCode-style: 0,var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #b2a98f, 0px 14px 10px #DD00FF, 0px 24px 2px rgba(0,0,0,0.1), 0px 34px 30px rgba(0,0,0,0.1); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-shadowsStyle_Distance.sd-text-shadowsStyle_colorPallte-NeonPink { text-shadow: var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #b2a98f, 0px 14px 10px #FD0580, 0px 24px 2px rgba(0,0,0,0.1), 0px 34px 30px rgba(0,0,0,0.1); --shadowTextCode-style: 0,var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #b2a98f, 0px 14px 10px #FD0580, 0px 24px 2px rgba(0,0,0,0.1), 0px 34px 30px rgba(0,0,0,0.1); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-shadowsStyle_Distance.sd-text-shadowsStyle_colorPallte-NeonViolet { text-shadow: var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #b2a98f, 0px 14px 10px #7F26F9, 0px 24px 2px rgba(0,0,0,0.1), 0px 34px 30px rgba(0,0,0,0.1); --shadowTextCode-style: 0,var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #b2a98f, 0px 14px 10px #7F26F9, 0px 24px 2px rgba(0,0,0,0.1), 0px 34px 30px rgba(0,0,0,0.1); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-shadowsStyle_Distance.sd-text-shadowsStyle_colorPallte-NeonAqua { text-shadow: var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #b2a98f, 0px 14px 10px #21FFFA, 0px 24px 2px rgba(0,0,0,0.1), 0px 34px 30px rgba(0,0,0,0.1); --shadowTextCode-style: 0,var(--directionH-style) var(--directionV-style) var(--blurRadius-style) #b2a98f, 0px 14px 10px #21FFFA, 0px 24px 2px rgba(0,0,0,0.1), 0px 34px 30px rgba(0,0,0,0.1); border: none; outline: none; border-radius: unset; margin: 0px; } /*filter to image and media*/ .sd-element-video.sd-media-filtersStyle_group-filters, .sd-element-media.sd-media-filtersStyle_group-filters, .sd-element-image.sd-image-filtersStyle_group-filters { -webkit-filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(var(--blur-style)); filter: contrast(var(--contrast-style)) brightness(var(--brightness-style)) saturate(var(--saturate-style)) sepia(var(--sepia-style)) grayscale(var(--grayscale-style)) invert(var(--invert-style)) hue-rotate(var(--hueRotate-style)) blur(var(--blur-style)); border: none; outline: none; border-radius: unset; margin: 0px; } /*frames - image and media:*/ .sd-element-video.sd-media-framesStyle_Neon.sd-media-framesStyle_colorPallte-NeonRed, .sd-element-media.sd-media-framesStyle_Neon.sd-media-framesStyle_colorPallte-NeonRed, .sd-element-image.sd-image-framesStyle_Neon.sd-image-framesStyle_colorPallte-NeonRed, .sd-element-text.sd-text-textBoxStyle_Neon.sd-text-textBoxStyle_colorPallte-NeonRed { box-shadow: rgb(255, 255, 255) 0px 0px 5px, rgb(255, 255, 255) 0px 0px 10px, #EF173A 0px 0px 10px, #EF173A 0px 0px 10px, #EF173A 0px 0px 40px, #EF173A 0px 0px 15px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Neon.sd-media-framesStyle_colorPallte-NeonOrange, .sd-element-media.sd-media-framesStyle_Neon.sd-media-framesStyle_colorPallte-NeonOrange, .sd-element-image.sd-image-framesStyle_Neon.sd-image-framesStyle_colorPallte-NeonOrange, .sd-element-text.sd-text-textBoxStyle_Neon.sd-text-textBoxStyle_colorPallte-NeonOrange { box-shadow: rgb(255, 255, 255) 0px 0px 5px, rgb(255, 255, 255) 0px 0px 10px, #FF7900 0px 0px 10px, #FF7900 0px 0px 10px, #FF7900 0px 0px 40px, #FF7900 0px 0px 15px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Neon.sd-media-framesStyle_colorPallte-NeonYellow, .sd-element-media.sd-media-framesStyle_Neon.sd-media-framesStyle_colorPallte-NeonYellow, .sd-element-image.sd-image-framesStyle_Neon.sd-image-framesStyle_colorPallte-NeonYellow, .sd-element-text.sd-text-textBoxStyle_Neon.sd-text-textBoxStyle_colorPallte-NeonYellow { box-shadow: rgb(255, 255, 255) 0px 0px 5px, rgb(255, 255, 255) 0px 0px 10px, #FFDF00 0px 0px 10px, #FFDF00 0px 0px 10px, #FFDF00 0px 0px 40px, #FFDF00 0px 0px 15px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Neon.sd-media-framesStyle_colorPallte-NeonGreen, .sd-element-media.sd-media-framesStyle_Neon.sd-media-framesStyle_colorPallte-NeonGreen, .sd-element-image.sd-image-framesStyle_Neon.sd-image-framesStyle_colorPallte-NeonGreen, .sd-element-text.sd-text-textBoxStyle_Neon.sd-text-textBoxStyle_colorPallte-NeonGreen { box-shadow: rgb(255, 255, 255) 0px 0px 5px, rgb(255, 255, 255) 0px 0px 10px, #3FFF00 0px 0px 10px, #3FFF00 0px 0px 10px, #3FFF00 0px 0px 40px, #3FFF00 0px 0px 15px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Neon.sd-media-framesStyle_colorPallte-NeonMint, .sd-element-media.sd-media-framesStyle_Neon.sd-media-framesStyle_colorPallte-NeonMint, .sd-element-image.sd-image-framesStyle_Neon.sd-image-framesStyle_colorPallte-NeonMint, .sd-element-text.sd-text-textBoxStyle_Neon.sd-text-textBoxStyle_colorPallte-NeonMint { box-shadow: rgb(255, 255, 255) 0px 0px 5px, rgb(255, 255, 255) 0px 0px 10px, #00FFAD 0px 0px 10px, #00FFAD 0px 0px 10px, #00FFAD 0px 0px 40px, #00FFAD 0px 0px 15px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Neon.sd-media-framesStyle_colorPallte-NeonPink, .sd-element-media.sd-media-framesStyle_Neon.sd-media-framesStyle_colorPallte-NeonPink, .sd-element-image.sd-image-framesStyle_Neon.sd-image-framesStyle_colorPallte-NeonPink, .sd-element-text.sd-text-textBoxStyle_Neon.sd-text-textBoxStyle_colorPallte-NeonPink { box-shadow: rgb(255, 255, 255) 0px 0px 5px, rgb(255, 255, 255) 0px 0px 10px, #FF0080 0px 0px 10px, #FF0080 0px 0px 10px, #FF0080 0px 0px 40px, #FF0080 0px 0px 15px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Neon.sd-media-framesStyle_colorPallte-NeonPhlox, .sd-element-media.sd-media-framesStyle_Neon.sd-media-framesStyle_colorPallte-NeonPhlox, .sd-element-image.sd-image-framesStyle_Neon.sd-image-framesStyle_colorPallte-NeonPhlox, .sd-element-text.sd-text-textBoxStyle_Neon.sd-text-textBoxStyle_colorPallte-NeonPhlox { box-shadow: rgb(255, 255, 255) 0px 0px 5px, rgb(255, 255, 255) 0px 0px 10px, #DD00FF 0px 0px 10px, #DD00FF 0px 0px 10px, #DD00FF 0px 0px 40px, #DD00FF 0px 0px 15px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Neon.sd-media-framesStyle_colorPallte-NeonViolet, .sd-element-media.sd-media-framesStyle_Neon.sd-media-framesStyle_colorPallte-NeonViolet, .sd-element-image.sd-image-framesStyle_Neon.sd-image-framesStyle_colorPallte-NeonViolet, .sd-element-text.sd-text-textBoxStyle_Neon.sd-text-textBoxStyle_colorPallte-NeonViolet { box-shadow: rgb(255, 255, 255) 0px 0px 5px, rgb(255, 255, 255) 0px 0px 10px, #7F00FF 0px 0px 10px, #7F00FF 0px 0px 10px, #7F00FF 0px 0px 40px, #7F00FF 0px 0px 15px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Neon.sd-media-framesStyle_colorPallte-NeonAzure, .sd-element-media.sd-media-framesStyle_Neon.sd-media-framesStyle_colorPallte-NeonAzure, .sd-element-image.sd-image-framesStyle_Neon.sd-image-framesStyle_colorPallte-NeonAzure, .sd-element-text.sd-text-textBoxStyle_Neon.sd-text-textBoxStyle_colorPallte-NeonAzure { box-shadow: rgb(255, 255, 255) 0px 0px 5px, rgb(255, 255, 255) 0px 0px 10px, #0080FF 0px 0px 10px, #0080FF 0px 0px 10px, #0080FF 0px 0px 40px, #0080FF 0px 0px 15px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Neon.sd-media-framesStyle_colorPallte-NeonAqua, .sd-element-media.sd-media-framesStyle_Neon.sd-media-framesStyle_colorPallte-NeonAqua, .sd-element-image.sd-image-framesStyle_Neon.sd-image-framesStyle_colorPallte-NeonAqua, .sd-element-text.sd-text-textBoxStyle_Neon.sd-text-textBoxStyle_colorPallte-NeonAqua { box-shadow: rgb(255, 255, 255) 0px 0px 5px, rgb(255, 255, 255) 0px 0px 10px, #00FFFA 0px 0px 10px, #00FFFA 0px 0px 10px, #00FFFA 0px 0px 40px, #00FFFA 0px 0px 15px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-RainbowColourful, .sd-element-media.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-RainbowColourful, .sd-element-image.sd-image-framesStyle_Rainbow.sd-image-framesStyle_directionStyle-top-right.sd-image-framesStyle_colorPallte-RainbowColourful, .sd-element-text.sd-text-textBoxStyle_Rainbow.sd-text-textBoxStyle_directionStyle-top-right.sd-text-textBoxStyle_colorPallte-RainbowColourful { box-shadow: blue 0px 0px 0px 2px inset, rgb(255, 255, 255) 10px -10px 0px -3px, rgb(31, 193, 27) 10px -10px, rgb(255, 255, 255) 20px -20px 0px -3px, rgb(255, 217, 19) 20px -20px, rgb(255, 255, 255) 30px -30px 0px -3px, rgb(255, 156, 85) 30px -30px, rgb(255, 255, 255) 40px -40px 0px -3px, rgb(255, 85, 85) 40px -40px; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-RainbowColourful, .sd-element-media.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-RainbowColourful, .sd-element-image.sd-image-framesStyle_Rainbow.sd-image-framesStyle_directionStyle-bottom-right.sd-image-framesStyle_colorPallte-RainbowColourful, .sd-element-text.sd-text-textBoxStyle_Rainbow.sd-text-textBoxStyle_directionStyle-bottom-right.sd-text-textBoxStyle_colorPallte-RainbowColourful { box-shadow: blue 0px 0px 0px 2px inset, rgb(255, 255, 255) 10px 10px 0px -3px, rgb(31, 193, 27) 10px 10px, rgb(255, 255, 255) 20px 20px 0px -3px, rgb(255, 217, 19) 20px 20px, rgb(255, 255, 255) 30px 30px 0px -3px, rgb(255, 156, 85) 30px 30px, rgb(255, 255, 255) 40px 40px 0px -3px, rgb(255, 85, 85) 40px 40px; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-RainbowColourful, .sd-element-media.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-RainbowColourful, .sd-element-image.sd-image-framesStyle_Rainbow.sd-image-framesStyle_directionStyle-top-left.sd-image-framesStyle_colorPallte-RainbowColourful, .sd-element-text.sd-text-textBoxStyle_Rainbow.sd-text-textBoxStyle_directionStyle-top-left.sd-text-textBoxStyle_colorPallte-RainbowColourful { box-shadow: blue 0px 0px 0px 2px inset, rgb(255, 255, 255) -10px -10px 0px -3px, rgb(31, 193, 27) -10px -10px, rgb(255, 255, 255) -20px -20px 0px -3px, rgb(255, 217, 19) -20px -20px, rgb(255, 255, 255) -30px -30px 0px -3px, rgb(255, 156, 85) -30px -30px, rgb(255, 255, 255) -40px -40px 0px -3px, rgb(255, 85, 85) -40px -40px; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-RainbowColourful, .sd-element-media.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-RainbowColourful, .sd-element-image.sd-image-framesStyle_Rainbow.sd-image-framesStyle_directionStyle-bottom-left.sd-image-framesStyle_colorPallte-RainbowColourful, .sd-element-text.sd-text-textBoxStyle_Rainbow.sd-text-textBoxStyle_directionStyle-bottom-left.sd-text-textBoxStyle_colorPallte-RainbowColourful { box-shadow: blue 0px 0px 0px 2px inset, rgb(255, 255, 255) -10px 10px 0px -3px, rgb(31, 193, 27) -10px 10px, rgb(255, 255, 255) -20px 20px 0px -3px, rgb(255, 217, 19) -20px 20px, rgb(255, 255, 255) -30px 30px 0px -3px, rgb(255, 156, 85) -30px 30px, rgb(255, 255, 255) -40px 40px 0px -3px, rgb(255, 85, 85) -40px 40px; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-RainbowPurple, .sd-element-media.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-RainbowPurple, .sd-element-image.sd-image-framesStyle_Rainbow.sd-image-framesStyle_directionStyle-top-right.sd-image-framesStyle_colorPallte-RainbowPurple, .sd-element-text.sd-text-textBoxStyle_Rainbow.sd-text-textBoxStyle_directionStyle-top-right.sd-text-textBoxStyle_colorPallte-RainbowPurple { box-shadow: #8F8FBD 0px 0px 0px 2px inset, rgb(255, 255, 255) 10px -10px 0px -3px, #5F5FA3 10px -10px, rgb(255, 255, 255) 20px -20px 0px -3px, #50508A 20px -20px, rgb(255, 255, 255) 30px -30px 0px -3px, #434373 30px -30px, rgb(255, 255, 255) 40px -40px 0px -3px, #313154 40px -40px; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-RainbowPurple, .sd-element-media.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-RainbowPurple, .sd-element-image.sd-image-framesStyle_Rainbow.sd-image-framesStyle_directionStyle-bottom-right.sd-image-framesStyle_colorPallte-RainbowPurple, .sd-element-text.sd-text-textBoxStyle_Rainbow.sd-text-textBoxStyle_directionStyle-bottom-right.sd-text-textBoxStyle_colorPallte-RainbowPurple { box-shadow: #8F8FBD 0px 0px 0px 2px inset, rgb(255, 255, 255) 10px 10px 0px -3px, #5F5FA3 10px 10px, rgb(255, 255, 255) 20px 20px 0px -3px, #50508A 20px 20px, rgb(255, 255, 255) 30px 30px 0px -3px, #434373 30px 30px, rgb(255, 255, 255) 40px 40px 0px -3px, #313154 40px 40px; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-RainbowPurple, .sd-element-media.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-RainbowPurple, .sd-element-image.sd-image-framesStyle_Rainbow.sd-image-framesStyle_directionStyle-top-left.sd-image-framesStyle_colorPallte-RainbowPurple, .sd-element-text.sd-text-textBoxStyle_Rainbow.sd-text-textBoxStyle_directionStyle-top-left.sd-text-textBoxStyle_colorPallte-RainbowPurple { box-shadow: #8F8FBD 0px 0px 0px 2px inset, rgb(255, 255, 255) -10px -10px 0px -3px, #5F5FA3 -10px -10px, rgb(255, 255, 255) -20px -20px 0px -3px, #50508A -20px -20px, rgb(255, 255, 255) -30px -30px 0px -3px, #434373 -30px -30px, rgb(255, 255, 255) -40px -40px 0px -3px, #313154 -40px -40px; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-RainbowPurple, .sd-element-media.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-RainbowPurple, .sd-element-image.sd-image-framesStyle_Rainbow.sd-image-framesStyle_directionStyle-bottom-left.sd-image-framesStyle_colorPallte-RainbowPurple, .sd-element-text.sd-text-textBoxStyle_Rainbow.sd-text-textBoxStyle_directionStyle-bottom-left.sd-text-textBoxStyle_colorPallte-RainbowPurple { box-shadow: #8F8FBD 0px 0px 0px 2px inset, rgb(255, 255, 255) -10px 10px 0px -3px, #5F5FA3 -10px 10px, rgb(255, 255, 255) -20px 20px 0px -3px, #50508A -20px 20px, rgb(255, 255, 255) -30px 30px 0px -3px, #434373 -30px 30px, rgb(255, 255, 255) -40px 40px 0px -3px, #313154 -40px 40px; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-RainbowOrange, .sd-element-media.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-RainbowOrange, .sd-element-image.sd-image-framesStyle_Rainbow.sd-image-framesStyle_directionStyle-top-right.sd-image-framesStyle_colorPallte-RainbowOrange, .sd-element-text.sd-text-textBoxStyle_Rainbow.sd-text-textBoxStyle_directionStyle-top-right.sd-text-textBoxStyle_colorPallte-RainbowOrange { box-shadow: #F1A163 0px 0px 0px 2px inset, rgb(255, 255, 255) 10px -10px 0px -3px, #F08C58 10px -10px, rgb(255, 255, 255) 20px -20px 0px -3px, #F1673D 20px -20px, rgb(255, 255, 255) 30px -30px 0px -3px, #F25338 30px -30px, rgb(255, 255, 255) 40px -40px 0px -3px, #CC452E 40px -40px; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-RainbowOrange, .sd-element-media.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-RainbowOrange, .sd-element-image.sd-image-framesStyle_Rainbow.sd-image-framesStyle_directionStyle-bottom-right.sd-image-framesStyle_colorPallte-RainbowOrange, .sd-element-text.sd-text-textBoxStyle_Rainbow.sd-text-textBoxStyle_directionStyle-bottom-right.sd-text-textBoxStyle_colorPallte-RainbowOrange { box-shadow: #F1A163 0px 0px 0px 2px inset, rgb(255, 255, 255) 10px 10px 0px -3px, #F08C58 10px 10px, rgb(255, 255, 255) 20px 20px 0px -3px, #F1673D 20px 20px, rgb(255, 255, 255) 30px 30px 0px -3px, #F25338 30px 30px, rgb(255, 255, 255) 40px 40px 0px -3px, #CC452E 40px 40px; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-RainbowOrange, .sd-element-media.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-RainbowOrange, .sd-element-image.sd-image-framesStyle_Rainbow.sd-image-framesStyle_directionStyle-top-left.sd-image-framesStyle_colorPallte-RainbowOrange, .sd-element-text.sd-text-textBoxStyle_Rainbow.sd-text-textBoxStyle_directionStyle-top-left.sd-text-textBoxStyle_colorPallte-RainbowOrange { box-shadow: #F1A163 0px 0px 0px 2px inset, rgb(255, 255, 255) -10px -10px 0px -3px, #F08C58 -10px -10px, rgb(255, 255, 255) -20px -20px 0px -3px, #F1673D -20px -20px, rgb(255, 255, 255) -30px -30px 0px -3px, #F25338 -30px -30px, rgb(255, 255, 255) -40px -40px 0px -3px, #CC452E -40px -40px; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_RainbowOrange.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-RainbowOrange, .sd-element-media.sd-media-framesStyle_RainbowOrange.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-RainbowOrange, .sd-element-image.sd-image-framesStyle_Rainbow.sd-image-framesStyle_directionStyle-bottom-left.sd-image-framesStyle_colorPallte-RainbowOrange, .sd-element-text.sd-text-textBoxStyle_Rainbow.sd-text-textBoxStyle_directionStyle-bottom-left.sd-text-textBoxStyle_colorPallte-RainbowOrange { box-shadow: #F1A163 0px 0px 0px 2px inset, rgb(255, 255, 255) -10px 10px 0px -3px, #F08C58 -10px 10px, rgb(255, 255, 255) -20px 20px 0px -3px, #F1673D -20px 20px, rgb(255, 255, 255) -30px 30px 0px -3px, #F25338 -30px 30px, rgb(255, 255, 255) -40px 40px 0px -3px, #CC452E -40px 40px; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-RainbowTurquoise, .sd-element-media.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-RainbowTurquoise, .sd-element-image.sd-image-framesStyle_Rainbow.sd-image-framesStyle_directionStyle-top-right.sd-image-framesStyle_colorPallte-RainbowTurquoise, .sd-element-text.sd-text-textBoxStyle_Rainbow.sd-text-textBoxStyle_directionStyle-top-right.sd-text-textBoxStyle_colorPallte-RainbowTurquoise { box-shadow: #23DBDB 0px 0px 0px 2px inset, rgb(255, 255, 255) 10px -10px 0px -3px, #18BFBF 10px -10px, rgb(255, 255, 255) 20px -20px 0px -3px, #0F8B8B 20px -20px, rgb(255, 255, 255) 30px -30px 0px -3px, #0D7A7A 30px -30px, rgb(255, 255, 255) 40px -40px 0px -3px, #065159 40px -40px; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-RainbowTurquoise, .sd-element-media.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-RainbowTurquoise, .sd-element-image.sd-image-framesStyle_Rainbow.sd-image-framesStyle_directionStyle-bottom-right.sd-image-framesStyle_colorPallte-RainbowTurquoise, .sd-element-text.sd-text-textBoxStyle_Rainbow.sd-text-textBoxStyle_directionStyle-bottom-right.sd-text-textBoxStyle_colorPallte-RainbowTurquoise { box-shadow: #23DBDB 0px 0px 0px 2px inset, rgb(255, 255, 255) 10px 10px 0px -3px, #18BFBF 10px 10px, rgb(255, 255, 255) 20px 20px 0px -3px, #0F8B8B 20px 20px, rgb(255, 255, 255) 30px 30px 0px -3px, #0D7A7A 30px 30px, rgb(255, 255, 255) 40px 40px 0px -3px, #065159 40px 40px; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-RainbowTurquoise, .sd-element-media.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-RainbowTurquoise, .sd-element-image.sd-image-framesStyle_Rainbow.sd-image-framesStyle_directionStyle-top-left.sd-image-framesStyle_colorPallte-RainbowTurquoise, .sd-element-text.sd-text-textBoxStyle_Rainbow.sd-text-textBoxStyle_directionStyle-top-left.sd-text-textBoxStyle_colorPallte-RainbowTurquoise { box-shadow: #23DBDB 0px 0px 0px 2px inset, rgb(255, 255, 255) -10px -10px 0px -3px, #18BFBF -10px -10px, rgb(255, 255, 255) -20px -20px 0px -3px, #0F8B8B -20px -20px, rgb(255, 255, 255) -30px -30px 0px -3px, #0D7A7A -30px -30px, rgb(255, 255, 255) -40px -40px 0px -3px, #065159 -40px -40px; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-RainbowTurquoise, .sd-element-media.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-RainbowTurquoise, .sd-element-image.sd-image-framesStyle_Rainbow.sd-image-framesStyle_directionStyle-bottom-left.sd-image-framesStyle_colorPallte-RainbowTurquoise, .sd-element-text.sd-text-textBoxStyle_Rainbow.sd-text-textBoxStyle_directionStyle-bottom-left.sd-text-textBoxStyle_colorPallte-RainbowTurquoise { box-shadow: #23DBDB 0px 0px 0px 2px inset, rgb(255, 255, 255) -10px 10px 0px -3px, #18BFBF -10px 10px, rgb(255, 255, 255) -20px 20px 0px -3px, #0F8B8B -20px 20px, rgb(255, 255, 255) -30px 30px 0px -3px, #0D7A7A -30px 30px, rgb(255, 255, 255) -40px 40px 0px -3px, #065159 -40px 40px; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-RainbowRose, .sd-element-media.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-RainbowRose, .sd-element-image.sd-image-framesStyle_Rainbow.sd-image-framesStyle_directionStyle-top-right.sd-image-framesStyle_colorPallte-RainbowRose, .sd-element-text.sd-text-textBoxStyle_Rainbow.sd-text-textBoxStyle_directionStyle-top-right.sd-text-textBoxStyle_colorPallte-RainbowRose { box-shadow: #FC90DE 0px 0px 0px 2px inset, rgb(255, 255, 255) 10px -10px 0px -3px, #FF61D2 10px -10px, rgb(255, 255, 255) 20px -20px 0px -3px, #D952B3 20px -20px, rgb(255, 255, 255) 30px -30px 0px -3px, #B84697 30px -30px, rgb(255, 255, 255) 40px -40px 0px -3px, #8F3676 40px -40px; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-RainbowRose, .sd-element-media.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-RainbowRose, .sd-element-image.sd-image-framesStyle_Rainbow.sd-image-framesStyle_directionStyle-bottom-right.sd-image-framesStyle_colorPallte-RainbowRose, .sd-element-text.sd-text-textBoxStyle_Rainbow.sd-text-textBoxStyle_directionStyle-bottom-right.sd-text-textBoxStyle_colorPallte-RainbowRose { box-shadow: #FC90DE 0px 0px 0px 2px inset, rgb(255, 255, 255) 10px 10px 0px -3px, #FF61D2 10px 10px, rgb(255, 255, 255) 20px 20px 0px -3px, #D952B3 20px 20px, rgb(255, 255, 255) 30px 30px 0px -3px, #B84697 30px 30px, rgb(255, 255, 255) 40px 40px 0px -3px, #8F3676 40px 40px; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-RainbowRose, .sd-element-media.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-RainbowRose, .sd-element-image.sd-image-framesStyle_Rainbow.sd-image-framesStyle_directionStyle-top-left.sd-image-framesStyle_colorPallte-RainbowRose, .sd-element-text.sd-text-textBoxStyle_Rainbow.sd-text-textBoxStyle_directionStyle-top-left.sd-text-textBoxStyle_colorPallte-RainbowRose { box-shadow: #FC90DE 0px 0px 0px 2px inset, rgb(255, 255, 255) -10px -10px 0px -3px, #FF61D2 -10px -10px, rgb(255, 255, 255) -20px -20px 0px -3px, #D952B3 -20px -20px, rgb(255, 255, 255) -30px -30px 0px -3px, #B84697 -30px -30px, rgb(255, 255, 255) -40px -40px 0px -3px, #8F3676 -40px -40px; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-RainbowRose, .sd-element-media.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-RainbowRose, .sd-element-image.sd-image-framesStyle_Rainbow.sd-image-framesStyle_directionStyle-bottom-left.sd-image-framesStyle_colorPallte-RainbowRose, .sd-element-text.sd-text-textBoxStyle_Rainbow.sd-text-textBoxStyle_directionStyle-bottom-left.sd-text-textBoxStyle_colorPallte-RainbowRose { box-shadow: #FC90DE 0px 0px 0px 2px inset, rgb(255, 255, 255) -10px 10px 0px -3px, #FF61D2 -10px 10px, rgb(255, 255, 255) -20px 20px 0px -3px, #D952B3 -20px 20px, rgb(255, 255, 255) -30px 30px 0px -3px, #B84697 -30px 30px, rgb(255, 255, 255) -40px 40px 0px -3px, #8F3676 -40px 40px; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-RainbowGrey, .sd-element-media.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-RainbowGrey, .sd-element-image.sd-image-framesStyle_Rainbow.sd-image-framesStyle_directionStyle-top-right.sd-image-framesStyle_colorPallte-RainbowGrey, .sd-element-text.sd-text-textBoxStyle_Rainbow.sd-text-textBoxStyle_directionStyle-top-right.sd-text-textBoxStyle_colorPallte-RainbowGrey { box-shadow: #EDEDED 0px 0px 0px 2px inset, rgb(255, 255, 255) 10px -10px 0px -3px, #BEBFBE 10px -10px, rgb(255, 255, 255) 20px -20px 0px -3px, #8B8C8B 20px -20px, rgb(255, 255, 255) 30px -30px 0px -3px, #595859 30px -30px, rgb(255, 255, 255) 40px -40px 0px -3px, #3F3F40 40px -40px; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-RainbowGrey, .sd-element-media.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-RainbowGrey, .sd-element-image.sd-image-framesStyle_Rainbow.sd-image-framesStyle_directionStyle-bottom-right.sd-image-framesStyle_colorPallte-RainbowGrey, .sd-element-text.sd-text-textBoxStyle_Rainbow.sd-text-textBoxStyle_directionStyle-bottom-right.sd-text-textBoxStyle_colorPallte-RainbowGrey { box-shadow: #EDEDED 0px 0px 0px 2px inset, rgb(255, 255, 255) 10px 10px 0px -3px, #BEBFBE 10px 10px, rgb(255, 255, 255) 20px 20px 0px -3px, #8B8C8B 20px 20px, rgb(255, 255, 255) 30px 30px 0px -3px, #595859 30px 30px, rgb(255, 255, 255) 40px 40px 0px -3px, #3F3F40 40px 40px; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-RainbowGrey, .sd-element-media.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-RainbowGrey, .sd-element-image.sd-image-framesStyle_Rainbow.sd-image-framesStyle_directionStyle-top-left.sd-image-framesStyle_colorPallte-RainbowGrey, .sd-element-text.sd-text-textBoxStyle_Rainbow.sd-text-textBoxStyle_directionStyle-top-left.sd-text-textBoxStyle_colorPallte-RainbowGrey { box-shadow: #EDEDED 0px 0px 0px 2px inset, rgb(255, 255, 255) -10px -10px 0px -3px, #BEBFBE -10px -10px, rgb(255, 255, 255) -20px -20px 0px -3px, #8B8C8B -20px -20px, rgb(255, 255, 255) -30px -30px 0px -3px, #595859 -30px -30px, rgb(255, 255, 255) -40px -40px 0px -3px, #3F3F40 -40px -40px; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-RainbowGrey, .sd-element-media.sd-media-framesStyle_Rainbow.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-RainbowGrey, .sd-element-image.sd-image-framesStyle_Rainbow.sd-image-framesStyle_directionStyle-bottom-left.sd-image-framesStyle_colorPallte-RainbowGrey, .sd-element-text.sd-text-textBoxStyle_Rainbow.sd-text-textBoxStyle_directionStyle-bottom-left.sd-text-textBoxStyle_colorPallte-RainbowGrey { box-shadow: #EDEDED 0px 0px 0px 2px inset, rgb(255, 255, 255) -10px 10px 0px -3px, #BEBFBE -10px 10px, rgb(255, 255, 255) -20px 20px 0px -3px, #8B8C8B -20px 20px, rgb(255, 255, 255) -30px 30px 0px -3px, #595859 -30px 30px, rgb(255, 255, 255) -40px 40px 0px -3px, #3F3F40 -40px 40px; border: none; outline: none; border-radius: unset; margin: 0px; } /*to add the color-pallete or color picker:*/ .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-NeonRed, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-NeonRed, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-bottom-left.sd-image-framesStyle_colorPallte-NeonRed, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-bottom-left.sd-text-textBoxStyle_colorPallte-NeonRed { box-shadow: rgba(239, 23, 58, 0.4) -5px 5px, rgba(239, 23, 58, 0.3) -10px 10px, rgba(239, 23, 58, 0.2) -15px 15px, rgba(239, 23, 58, 0.1) -20px 20px, rgba(239, 23, 58, 0.05) -25px 25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-NeonRed, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-NeonRed, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-top-right.sd-image-framesStyle_colorPallte-NeonRed, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-top-right.sd-text-textBoxStyle_colorPallte-NeonRed { box-shadow: rgba(239, 23, 58, 0.4) 5px -5px, rgba(239, 23, 58, 0.3) 10px -10px, rgba(239, 23, 58, 0.2) 15px -15px, rgba(239, 23, 58, 0.1) 20px -20px, rgba(239, 23, 58, 0.05) 25px -25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-NeonRed, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-NeonRed, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-bottom-right.sd-image-framesStyle_colorPallte-NeonRed, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-bottom-right.sd-text-textBoxStyle_colorPallte-NeonRed { box-shadow: rgba(239, 23, 58, 0.4) 5px 5px, rgba(239, 23, 58, 0.3) 10px 10px, rgba(239, 23, 58, 0.2) 15px 15px, rgba(239, 23, 58, 0.1) 20px 20px, rgba(239, 23, 58, 0.05) 25px 25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-NeonRed, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-NeonRed, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-top-left.sd-image-framesStyle_colorPallte-NeonRed, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-top-left.sd-text-textBoxStyle_colorPallte-NeonRed { box-shadow: rgba(239, 23, 58, 0.4) -5px -5px, rgba(239, 23, 58, 0.3) -10px -10px, rgba(239, 23, 58, 0.2) -15px -15px, rgba(239, 23, 58, 0.1) -20px -20px, rgba(239, 23, 58, 0.05) -25px -25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-NeonOrange, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-NeonOrange, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-bottom-left.sd-image-framesStyle_colorPallte-NeonOrange, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-bottom-left.sd-text-textBoxStyle_colorPallte-NeonOrange { box-shadow: rgba(255, 121, 0, 0.4) -5px 5px, rgba(255, 121, 0, 0.3) -10px 10px, rgba(255, 121, 0, 0.2) -15px 15px, rgba(255, 121, 0, 0.1) -20px 20px, rgba(255, 121, 0, 0.05) -25px 25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-NeonOrange, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-NeonOrange, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-top-right.sd-image-framesStyle_colorPallte-NeonOrange, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-top-right.sd-text-textBoxStyle_colorPallte-NeonOrange { box-shadow: rgba(255, 121, 0, 0.4) 5px -5px, rgba(255, 121, 0, 0.3) 10px -10px, rgba(255, 121, 0, 0.2) 15px -15px, rgba(255, 121, 0, 0.1) 20px -20px, rgba(255, 121, 0, 0.05) 25px -25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-NeonOrange, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-NeonOrange, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-bottom-right.sd-image-framesStyle_colorPallte-NeonOrange, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-bottom-right.sd-text-textBoxStyle_colorPallte-NeonOrange { box-shadow: rgba(255, 121, 0, 0.4) 5px 5px, rgba(255, 121, 0, 0.3) 10px 10px, rgba(255, 121, 0, 0.2) 15px 15px, rgba(255, 121, 0, 0.1) 20px 20px, rgba(255, 121, 0, 0.05) 25px 25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-NeonOrange, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-NeonOrange, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-top-left.sd-image-framesStyle_colorPallte-NeonOrange, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-top-left.sd-text-textBoxStyle_colorPallte-NeonOrange { box-shadow: rgba(255, 121, 0, 0.4) -5px -5px, rgba(255, 121, 0, 0.3) -10px -10px, rgba(255, 121, 0, 0.2) -15px -15px, rgba(255, 121, 0, 0.1) -20px -20px, rgba(255, 121, 0, 0.05) -25px -25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-NeonYellow, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-NeonYellow, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-bottom-left.sd-image-framesStyle_colorPallte-NeonYellow, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-bottom-left.sd-text-textBoxStyle_colorPallte-NeonYellow { box-shadow: rgba(255, 223, 0, 0.4) -5px 5px, rgba(255, 223, 0, 0.3) -10px 10px, rgba(255, 223, 0, 0.2) -15px 15px, rgba(255, 223, 0, 0.1) -20px 20px, rgba(255, 223, 0, 0.05) -25px 25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-NeonYellow, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-NeonYellow, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-top-right.sd-image-framesStyle_colorPallte-NeonYellow, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-top-right.sd-text-textBoxStyle_colorPallte-NeonYellow { box-shadow: rgba(255, 223, 0, 0.4) 5px -5px, rgba(255, 223, 0, 0.3) 10px -10px, rgba(255, 223, 0, 0.2) 15px -15px, rgba(255, 223, 0, 0.1) 20px -20px, rgba(255, 223, 0, 0.05) 25px -25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-NeonYellow, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-NeonYellow, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-bottom-right.sd-image-framesStyle_colorPallte-NeonYellow, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-bottom-right.sd-text-textBoxStyle_colorPallte-NeonYellow { box-shadow: rgba(255, 223, 0, 0.4) 5px 5px, rgba(255, 223, 0, 0.3) 10px 10px, rgba(255, 223, 0, 0.2) 15px 15px, rgba(255, 223, 0, 0.1) 20px 20px, rgba(255, 223, 0, 0.05) 25px 25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-NeonYellow, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-NeonYellow, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-top-left.sd-image-framesStyle_colorPallte-NeonYellow, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-top-left.sd-text-textBoxStyle_colorPallte-NeonYellow { box-shadow: rgba(255, 223, 0, 0.4) -5px -5px, rgba(255, 223, 0, 0.3) -10px -10px, rgba(255, 223, 0, 0.2) -15px -15px, rgba(255, 223, 0, 0.1) -20px -20px, rgba(255, 223, 0, 0.05) -25px -25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-NeonGreen, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-NeonGreen, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-bottom-left.sd-image-framesStyle_colorPallte-NeonGreen, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-bottom-left.sd-text-textBoxStyle_colorPallte-NeonGreen { box-shadow: rgba(63, 255, 0, 0.4) -5px 5px, rgba(63, 255, 0, 0.3) -10px 10px, rgba(63, 255, 0, 0.2) -15px 15px, rgba(63, 255, 0, 0.1) -20px 20px, rgba(63, 255, 0, 0.05) -25px 25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-NeonGreen, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-NeonGreen, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-top-right.sd-image-framesStyle_colorPallte-NeonGreen, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-top-right.sd-text-textBoxStyle_colorPallte-NeonGreen { box-shadow: rgba(63, 255, 0, 0.4) 5px -5px, rgba(63, 255, 0, 0.3) 10px -10px, rgba(63, 255, 0, 0.2) 15px -15px, rgba(63, 255, 0, 0.1) 20px -20px, rgba(63, 255, 0, 0.05) 25px -25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-NeonGreen, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-NeonGreen, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-bottom-right.sd-image-framesStyle_colorPallte-NeonGreen, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-bottom-right.sd-text-textBoxStyle_colorPallte-NeonGreen { box-shadow: rgba(63, 255, 0, 0.4) 5px 5px, rgba(63, 255, 0, 0.3) 10px 10px, rgba(63, 255, 0, 0.2) 15px 15px, rgba(63, 255, 0, 0.1) 20px 20px, rgba(63, 255, 0, 0.05) 25px 25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-NeonGreen, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-NeonGreen, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-top-left.sd-image-framesStyle_colorPallte-NeonGreen, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-top-left.sd-text-textBoxStyle_colorPallte-NeonGreen { box-shadow: rgba(63, 255, 0, 0.4) -5px -5px, rgba(63, 255, 0, 0.3) -10px -10px, rgba(63, 255, 0, 0.2) -15px -15px, rgba(63, 255, 0, 0.1) -20px -20px, rgba(63, 255, 0, 0.05) -25px -25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-NeonMint, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-NeonMint, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-bottom-left.sd-image-framesStyle_colorPallte-NeonMint, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-bottom-left.sd-text-textBoxStyle_colorPallte-NeonMint { box-shadow: rgba(0, 255, 173, 0.4) -5px 5px, rgba(0, 255, 173, 0.3) -10px 10px, rgba(0, 255, 173, 0.2) -15px 15px, rgba(0, 255, 173, 0.1) -20px 20px, rgba(0, 255, 173, 0.05) -25px 25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-NeonMint, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-NeonMint, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-top-right.sd-image-framesStyle_colorPallte-NeonMint, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-top-right.sd-text-textBoxStyle_colorPallte-NeonMint { box-shadow: rgba(0, 255, 173, 0.4) 5px -5px, rgba(0, 255, 173, 0.3) 10px -10px, rgba(0, 255, 173, 0.2) 15px -15px, rgba(0, 255, 173, 0.1) 20px -20px, rgba(0, 255, 173, 0.05) 25px -25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-NeonMint, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-NeonMint, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-bottom-right.sd-image-framesStyle_colorPallte-NeonMint, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-bottom-right.sd-text-textBoxStyle_colorPallte-NeonMint { box-shadow: rgba(0, 255, 173, 0.4) 5px 5px, rgba(0, 255, 173, 0.3) 10px 10px, rgba(0, 255, 173, 0.2) 15px 15px, rgba(0, 255, 173, 0.1) 20px 20px, rgba(0, 255, 173, 0.05) 25px 25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-NeonMint, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-NeonMint, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-top-left.sd-image-framesStyle_colorPallte-NeonMint, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-top-left.sd-text-textBoxStyle_colorPallte-NeonMint { box-shadow: rgba(0, 255, 173, 0.4) -5px -5px, rgba(0, 255, 173, 0.3) -10px -10px, rgba(0, 255, 173, 0.2) -15px -15px, rgba(0, 255, 173, 0.1) -20px -20px, rgba(0, 255, 173, 0.05) -25px -25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-NeonPink, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-NeonPink, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-bottom-left.sd-image-framesStyle_colorPallte-NeonPink, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-bottom-left.sd-text-textBoxStyle_colorPallte-NeonPink { box-shadow: rgba(255, 0, 128, 0.4) -5px 5px, rgba(255, 0, 128, 0.3) -10px 10px, rgba(255, 0, 128, 0.2) -15px 15px, rgba(255, 0, 128, 0.1) -20px 20px, rgba(255, 0, 128, 0.05) -25px 25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-NeonPink, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-NeonPink, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-top-right.sd-image-framesStyle_colorPallte-NeonPink, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-top-right.sd-text-textBoxStyle_colorPallte-NeonPink { box-shadow: rgba(255, 0, 128, 0.4) 5px -5px, rgba(255, 0, 128, 0.3) 10px -10px, rgba(255, 0, 128, 0.2) 15px -15px, rgba(255, 0, 128, 0.1) 20px -20px, rgba(255, 0, 128, 0.05) 25px -25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-NeonPink, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-NeonPink, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-bottom-right.sd-image-framesStyle_colorPallte-NeonPink, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-bottom-right.sd-text-textBoxStyle_colorPallte-NeonPink { box-shadow: rgba(255, 0, 128, 0.4) 5px 5px, rgba(255, 0, 128, 0.3) 10px 10px, rgba(255, 0, 128, 0.2) 15px 15px, rgba(255, 0, 128, 0.1) 20px 20px, rgba(255, 0, 128, 0.05) 25px 25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-NeonPink, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-NeonPink, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-top-left.sd-image-framesStyle_colorPallte-NeonPink, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-top-left.sd-text-textBoxStyle_colorPallte-NeonPink { box-shadow: rgba(255, 0, 128, 0.4) -5px -5px, rgba(255, 0, 128, 0.3) -10px -10px, rgba(255, 0, 128, 0.2) -15px -15px, rgba(255, 0, 128, 0.1) -20px -20px, rgba(255, 0, 128, 0.05) -25px -25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-NeonPhlox, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-NeonPhlox, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-bottom-left.sd-image-framesStyle_colorPallte-NeonPhlox, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-bottom-left.sd-text-textBoxStyle_colorPallte-NeonPhlox { box-shadow: rgba(221, 0, 255, 0.4) -5px 5px, rgba(221, 0, 255, 0.3) -10px 10px, rgba(221, 0, 255, 0.2) -15px 15px, rgba(221, 0, 255, 0.1) -20px 20px, rgba(221, 0, 255, 0.05) -25px 25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-NeonPhlox, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-NeonPhlox, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-top-right.sd-image-framesStyle_colorPallte-NeonPhlox, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-top-right.sd-text-textBoxStyle_colorPallte-NeonPhlox { box-shadow: rgba(221, 0, 255, 0.4) 5px -5px, rgba(221, 0, 255, 0.3) 10px -10px, rgba(221, 0, 255, 0.2) 15px -15px, rgba(221, 0, 255, 0.1) 20px -20px, rgba(221, 0, 255, 0.05) 25px -25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-NeonPhlox, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-NeonPhlox, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-bottom-right.sd-image-framesStyle_colorPallte-NeonPhlox, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-bottom-right.sd-text-textBoxStyle_colorPallte-NeonPhlox { box-shadow: rgba(221, 0, 255, 0.4) 5px 5px, rgba(221, 0, 255, 0.3) 10px 10px, rgba(221, 0, 255, 0.2) 15px 15px, rgba(221, 0, 255, 0.1) 20px 20px, rgba(221, 0, 255, 0.05) 25px 25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-NeonPhlox, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-NeonPhlox, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-top-left.sd-image-framesStyle_colorPallte-NeonPhlox, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-top-left.sd-text-textBoxStyle_colorPallte-NeonPhlox { box-shadow: rgba(221, 0, 255, 0.4) -5px -5px, rgba(221, 0, 255, 0.3) -10px -10px, rgba(221, 0, 255, 0.2) -15px -15px, rgba(221, 0, 255, 0.1) -20px -20px, rgba(221, 0, 255, 0.05) -25px -25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-NeonViolet, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-NeonViolet, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-bottom-left.sd-image-framesStyle_colorPallte-NeonViolet, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-bottom-left.sd-text-textBoxStyle_colorPallte-NeonViolet { box-shadow: rgba(127, 0, 255, 0.4) -5px 5px, rgba(127, 0, 255, 0.3) -10px 10px, rgba(127, 0, 255, 0.2) -15px 15px, rgba(127, 0, 255, 0.1) -20px 20px, rgba(127, 0, 255, 0.05) -25px 25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-NeonViolet, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-NeonViolet, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-top-right.sd-image-framesStyle_colorPallte-NeonViolet, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-top-right.sd-text-textBoxStyle_colorPallte-NeonViolet { box-shadow: rgba(127, 0, 255, 0.4) 5px -5px, rgba(127, 0, 255, 0.3) 10px -10px, rgba(127, 0, 255, 0.2) 15px -15px, rgba(127, 0, 255, 0.1) 20px -20px, rgba(127, 0, 255, 0.05) 25px -25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-NeonViolet, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-NeonViolet, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-bottom-right.sd-image-framesStyle_colorPallte-NeonViolet, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-bottom-right.sd-text-textBoxStyle_colorPallte-NeonViolet { box-shadow: rgba(127, 0, 255, 0.4) 5px 5px, rgba(127, 0, 255, 0.3) 10px 10px, rgba(127, 0, 255, 0.2) 15px 15px, rgba(127, 0, 255, 0.1) 20px 20px, rgba(127, 0, 255, 0.05) 25px 25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-NeonViolet, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-NeonViolet, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-top-left.sd-image-framesStyle_colorPallte-NeonViolet, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-top-left.sd-text-textBoxStyle_colorPallte-NeonViolet { box-shadow: rgba(127, 0, 255, 0.4) -5px -5px, rgba(127, 0, 255, 0.3) -10px -10px, rgba(127, 0, 255, 0.2) -15px -15px, rgba(127, 0, 255, 0.1) -20px -20px, rgba(127, 0, 255, 0.05) -25px -25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-NeonAzure, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-NeonAzure, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-bottom-left.sd-image-framesStyle_colorPallte-NeonAzure, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-bottom-left.sd-text-textBoxStyle_colorPallte-NeonAzure { box-shadow: rgba(0, 128, 255, 0.4) -5px 5px, rgba(0, 128, 255, 0.3) -10px 10px, rgba(0, 128, 255, 0.2) -15px 15px, rgba(0, 128, 255, 0.1) -20px 20px, rgba(0, 128, 255, 0.05) -25px 25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-NeonAzure, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-NeonAzure, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-top-right.sd-image-framesStyle_colorPallte-NeonAzure, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-top-right.sd-text-textBoxStyle_colorPallte-NeonAzure { box-shadow: rgba(0, 128, 255, 0.4) 5px -5px, rgba(0, 128, 255, 0.3) 10px -10px, rgba(0, 128, 255, 0.2) 15px -15px, rgba(0, 128, 255, 0.1) 20px -20px, rgba(0, 128, 255, 0.05) 25px -25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-NeonAzure, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-NeonAzure, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-bottom-right.sd-image-framesStyle_colorPallte-NeonAzure, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-bottom-right.sd-text-textBoxStyle_colorPallte-NeonAzure { box-shadow: rgba(0, 128, 255, 0.4) 5px 5px, rgba(0, 128, 255, 0.3) 10px 10px, rgba(0, 128, 255, 0.2) 15px 15px, rgba(0, 128, 255, 0.1) 20px 20px, rgba(0, 128, 255, 0.05) 25px 25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-NeonAzure, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-NeonAzure, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-top-left.sd-image-framesStyle_colorPallte-NeonAzure, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-top-left.sd-text-textBoxStyle_colorPallte-NeonAzure { box-shadow: rgba(0, 128, 255, 0.4) -5px -5px, rgba(0, 128, 255, 0.3) -10px -10px, rgba(0, 128, 255, 0.2) -15px -15px, rgba(0, 128, 255, 0.1) -20px -20px, rgba(0, 128, 255, 0.05) -25px -25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-NeonAqua, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-left.sd-media-framesStyle_colorPallte-NeonAqua, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-bottom-left.sd-image-framesStyle_colorPallte-NeonAqua, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-bottom-left.sd-text-textBoxStyle_colorPallte-NeonAqua { box-shadow: rgba(0, 255, 250, 0.4) -5px 5px, rgba(0, 255, 250, 0.3) -10px 10px, rgba(0, 255, 250, 0.2) -15px 15px, rgba(0, 255, 250, 0.1) -20px 20px, rgba(0, 255, 250, 0.05) -25px 25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-NeonAqua, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-right.sd-media-framesStyle_colorPallte-NeonAqua, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-top-right.sd-image-framesStyle_colorPallte-NeonAqua, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-top-right.sd-text-textBoxStyle_colorPallte-NeonAqua { box-shadow: rgba(0, 255, 250, 0.4) 5px -5px, rgba(0, 255, 250, 0.3) 10px -10px, rgba(0, 255, 250, 0.2) 15px -15px, rgba(0, 255, 250, 0.1) 20px -20px, rgba(0, 255, 250, 0.05) 25px -25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-NeonAqua, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-bottom-right.sd-media-framesStyle_colorPallte-NeonAqua, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-bottom-right.sd-image-framesStyle_colorPallte-NeonAqua, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-bottom-right.sd-text-textBoxStyle_colorPallte-NeonAqua { box-shadow: rgba(0, 255, 250, 0.4) 5px 5px, rgba(0, 255, 250, 0.3) 10px 10px, rgba(0, 255, 250, 0.2) 15px 15px, rgba(0, 255, 250, 0.1) 20px 20px, rgba(0, 255, 250, 0.05) 25px 25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-NeonAqua, .sd-element-media.sd-media-framesStyle_Layered.sd-media-framesStyle_directionStyle-top-left.sd-media-framesStyle_colorPallte-NeonAqua, .sd-element-image.sd-image-framesStyle_Layered.sd-image-framesStyle_directionStyle-top-left.sd-image-framesStyle_colorPallte-NeonAqua, .sd-element-text.sd-text-textBoxStyle_Layered.sd-text-textBoxStyle_directionStyle-top-left.sd-text-textBoxStyle_colorPallte-NeonAqua { box-shadow: rgba(0, 255, 250, 0.4) -5px -5px, rgba(0, 255, 250, 0.3) -10px -10px, rgba(0, 255, 250, 0.2) -15px -15px, rgba(0, 255, 250, 0.1) -20px -20px, rgba(0, 255, 250, 0.05) -25px -25px var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Polaroid, .sd-element-media.sd-media-framesStyle_Polaroid, .sd-element-image.sd-image-framesStyle_Polaroid { border: 15px solid white; background: rgb(255, 255, 255); padding-bottom: 15%; box-shadow: rgba(0 0 0 / 30%) 0px 4px 6px var(--shadowCode-style); box-sizing: border-box; object-fit: contain; outline: none; border-radius: unset; margin: 0px; } /*to add the color-pallete or color picker:*/ .sd-element-video.sd-media-framesStyle_Fancy.sd-media-framesStyle_colorPallte-ModernBlack, .sd-element-media.sd-media-framesStyle_Fancy.sd-media-framesStyle_colorPallte-ModernBlack, .sd-element-image.sd-image-framesStyle_Fancy.sd-image-framesStyle_colorPallte-ModernBlack { padding: 18px; border: calc(3*10px) solid rgba(0 0 0 / 0%); outline: 1px solid #000000; outline-offset: calc(-1*10px); background: conic-gradient(from 90deg at 1px 1px, rgba(0 0 0 / 0%) 25%,#000000 0); box-sizing: border-box; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Fancy.sd-media-framesStyle_colorPallte-ModernWhite, .sd-element-media.sd-media-framesStyle_Fancy.sd-media-framesStyle_colorPallte-ModernWhite, .sd-element-image.sd-image-framesStyle_Fancy.sd-image-framesStyle_colorPallte-ModernWhite { padding: 18px; border: calc(3*10px) solid rgba(0 0 0 / 0%); outline: 1px solid #FFFFFF; outline-offset: calc(-1*10px); background: conic-gradient(from 90deg at 1px 1px, rgba(0 0 0 / 0%) 25%,#FFFFFF 0); box-sizing: border-box; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Fancy.sd-media-framesStyle_colorPallte-ModernTeal, .sd-element-media.sd-media-framesStyle_Fancy.sd-media-framesStyle_colorPallte-ModernTeal, .sd-element-image.sd-image-framesStyle_Fancy.sd-image-framesStyle_colorPallte-ModernTeal { padding: 18px; border: calc(3*10px) solid rgba(0 0 0 / 0%); outline: 1px solid #1BA19C; outline-offset: calc(-1*10px); background: conic-gradient(from 90deg at 1px 1px, rgba(0 0 0 / 0%) 25%,#1BA19C 0); box-sizing: border-box; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Fancy.sd-media-framesStyle_colorPallte-ModernRed, .sd-element-media.sd-media-framesStyle_Fancy.sd-media-framesStyle_colorPallte-ModernRed, .sd-element-image.sd-image-framesStyle_Fancy.sd-image-framesStyle_colorPallte-ModernRed { padding: 18px; border: calc(3*10px) solid rgba(0 0 0 / 0%); outline: 1px solid #FD2245; outline-offset: calc(-1*10px); background: conic-gradient(from 90deg at 1px 1px, rgba(0 0 0 / 0%) 25%,#FD2245 0); box-sizing: border-box; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Fancy.sd-media-framesStyle_colorPallte-ModernOrange, .sd-element-media.sd-media-framesStyle_Fancy.sd-media-framesStyle_colorPallte-ModernOrange, .sd-element-image.sd-image-framesStyle_Fancy.sd-image-framesStyle_colorPallte-ModernOrange { padding: 18px; border: calc(3*10px) solid rgba(0 0 0 / 0%); outline: 1px solid #FE6F20; outline-offset: calc(-1*10px); background: conic-gradient(from 90deg at 1px 1px, rgba(0 0 0 / 0%) 25%,#FE6F20 0); box-sizing: border-box; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Fancy.sd-media-framesStyle_colorPallte-ModernYellow, .sd-element-media.sd-media-framesStyle_Fancy.sd-media-framesStyle_colorPallte-ModernYellow, .sd-element-image.sd-image-framesStyle_Fancy.sd-image-framesStyle_colorPallte-ModernYellow { padding: 18px; border: calc(3*10px) solid rgba(0 0 0 / 0%); outline: 1px solid #FEBD31; outline-offset: calc(-1*10px); background: conic-gradient(from 90deg at 1px 1px, rgba(0 0 0 / 0%) 25%,#FEBD31 0); box-sizing: border-box; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Fancy.sd-media-framesStyle_colorPallte-ModernNavy, .sd-element-media.sd-media-framesStyle_Fancy.sd-media-framesStyle_colorPallte-ModernNavy, .sd-element-image.sd-image-framesStyle_Fancy.sd-image-framesStyle_colorPallte-ModernNavy { padding: 18px; border: calc(3*10px) solid rgba(0 0 0 / 0%); outline: 1px solid #396EB0; outline-offset: calc(-1*10px); background: conic-gradient(from 90deg at 1px 1px, rgba(0 0 0 / 0%) 25%,#396EB0 0); box-sizing: border-box; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Fancy.sd-media-framesStyle_colorPallte-ModernPink, .sd-element-media.sd-media-framesStyle_Fancy.sd-media-framesStyle_colorPallte-ModernPink, .sd-element-image.sd-image-framesStyle_Fancy.sd-image-framesStyle_colorPallte-ModernPink { padding: 18px; border: calc(3*10px) solid rgba(0 0 0 / 0%); outline: 1px solid #FD5F7F; outline-offset: calc(-1*10px); background: conic-gradient(from 90deg at 1px 1px, rgba(0 0 0 / 0%) 25%,#FD5F7F 0); box-sizing: border-box; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Fancy.sd-media-framesStyle_colorPallte-ModernPurple, .sd-element-media.sd-media-framesStyle_Fancy.sd-media-framesStyle_colorPallte-ModernPurple, .sd-element-image.sd-image-framesStyle_Fancy.sd-image-framesStyle_colorPallte-ModernPurple { padding: 18px; border: calc(3*10px) solid rgba(0 0 0 / 0%); outline: 1px solid #AE18B5; outline-offset: calc(-1*10px); background: conic-gradient(from 90deg at 1px 1px, rgba(0 0 0 / 0%) 25%,#AE18B5 0); box-sizing: border-box; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Fancy.sd-media-framesStyle_colorPallte-ModernBlue, .sd-element-media.sd-media-framesStyle_Fancy.sd-media-framesStyle_colorPallte-ModernBlue, .sd-element-image.sd-image-framesStyle_Fancy.sd-image-framesStyle_colorPallte-ModernBlue { padding: 18px; border: calc(3*10px) solid rgba(0 0 0 / 0%); outline: 1px solid #40B3FB; outline-offset: calc(-1*10px); background: conic-gradient(from 90deg at 1px 1px, rgba(0 0 0 / 0%) 25%,#40B3FB 0); box-sizing: border-box; border-radius: unset; margin: 0px; } /*to add the color-pallete or color picker:*/ .sd-element-video.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-horizontal.sd-media-framesStyle_colorPallte-ModernBlack, .sd-element-media.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-horizontal.sd-media-framesStyle_colorPallte-ModernBlack, .sd-element-image.sd-image-framesStyle_Modern.sd-image-framesStyle_directionStyle-filp-horizontal.sd-image-framesStyle_colorPallte-ModernBlack { box-shadow: -50px -50px 0 -40px #000000, 50px 50px 0 -40px #000000, 0 0 var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-vertical.sd-media-framesStyle_colorPallte-ModernBlack, .sd-element-media.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-vertical.sd-media-framesStyle_colorPallte-ModernBlack, .sd-element-image.sd-image-framesStyle_Modern.sd-image-framesStyle_directionStyle-filp-vertical.sd-image-framesStyle_colorPallte-ModernBlack { box-shadow: 50px -50px 0 -40px #000000, -50px 50px 0 -40px #000000, 0 0 var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-horizontal.sd-media-framesStyle_colorPallte-ModernWhite, .sd-element-media.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-horizontal.sd-media-framesStyle_colorPallte-ModernWhite, .sd-element-image.sd-image-framesStyle_Modern.sd-image-framesStyle_directionStyle-filp-horizontal.sd-image-framesStyle_colorPallte-ModernWhite { box-shadow: -50px -50px 0 -40px #FFFFFF, 50px 50px 0 -40px #FFFFFF, 0 0 var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-vertical.sd-media-framesStyle_colorPallte-ModernWhite, .sd-element-media.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-vertical.sd-media-framesStyle_colorPallte-ModernWhite, .sd-element-image.sd-image-framesStyle_Modern.sd-image-framesStyle_directionStyle-filp-vertical.sd-image-framesStyle_colorPallte-ModernWhite { box-shadow: 50px -50px 0 -40px #FFFFFF, -50px 50px 0 -40px #FFFFFF, 0 0 var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-horizontal.sd-media-framesStyle_colorPallte-ModernTeal, .sd-element-media.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-horizontal.sd-media-framesStyle_colorPallte-ModernTeal, .sd-element-image.sd-image-framesStyle_Modern.sd-image-framesStyle_directionStyle-filp-horizontal.sd-image-framesStyle_colorPallte-ModernTeal { box-shadow: -50px -50px 0 -40px #1BA19C, 50px 50px 0 -40px #1BA19C, 0 0 var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-vertical.sd-media-framesStyle_colorPallte-ModernTeal, .sd-element-media.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-vertical.sd-media-framesStyle_colorPallte-ModernTeal, .sd-element-image.sd-image-framesStyle_Modern.sd-image-framesStyle_directionStyle-filp-vertical.sd-image-framesStyle_colorPallte-ModernTeal { box-shadow: 50px -50px 0 -40px #1BA19C, -50px 50px 0 -40px #1BA19C, 0 0 var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-horizontal.sd-media-framesStyle_colorPallte-ModernRed, .sd-element-media.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-horizontal.sd-media-framesStyle_colorPallte-ModernRed, .sd-element-image.sd-image-framesStyle_Modern.sd-image-framesStyle_directionStyle-filp-horizontal.sd-image-framesStyle_colorPallte-ModernRed { box-shadow: -50px -50px 0 -40px #FD2245, 50px 50px 0 -40px #FD2245, 0 0 var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-vertical.sd-media-framesStyle_colorPallte-ModernRed, .sd-element-media.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-vertical.sd-media-framesStyle_colorPallte-ModernRed, .sd-element-image.sd-image-framesStyle_Modern.sd-image-framesStyle_directionStyle-filp-vertical.sd-image-framesStyle_colorPallte-ModernRed { box-shadow: 50px -50px 0 -40px #FD2245, -50px 50px 0 -40px #FD2245, 0 0 var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-horizontal.sd-media-framesStyle_colorPallte-ModernOrange, .sd-element-media.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-horizontal.sd-media-framesStyle_colorPallte-ModernOrange, .sd-element-image.sd-image-framesStyle_Modern.sd-image-framesStyle_directionStyle-filp-horizontal.sd-image-framesStyle_colorPallte-ModernOrange { box-shadow: -50px -50px 0 -40px #FE6F20, 50px 50px 0 -40px #FE6F20, 0 0 var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-vertical.sd-media-framesStyle_colorPallte-ModernOrange, .sd-element-media.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-vertical.sd-media-framesStyle_colorPallte-ModernOrange, .sd-element-image.sd-image-framesStyle_Modern.sd-image-framesStyle_directionStyle-filp-vertical.sd-image-framesStyle_colorPallte-ModernOrange { box-shadow: 50px -50px 0 -40px #FE6F20, -50px 50px 0 -40px #FE6F20, 0 0 var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-horizontal.sd-media-framesStyle_colorPallte-ModernYellow, .sd-element-media.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-horizontal.sd-media-framesStyle_colorPallte-ModernYellow, .sd-element-image.sd-image-framesStyle_Modern.sd-image-framesStyle_directionStyle-filp-horizontal.sd-image-framesStyle_colorPallte-ModernYellow { box-shadow: -50px -50px 0 -40px #FEBD31, 50px 50px 0 -40px #FEBD31, 0 0 var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-vertical.sd-media-framesStyle_colorPallte-ModernYellow, .sd-element-media.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-vertical.sd-media-framesStyle_colorPallte-ModernYellow, .sd-element-image.sd-image-framesStyle_Modern.sd-image-framesStyle_directionStyle-filp-vertical.sd-image-framesStyle_colorPallte-ModernYellow { box-shadow: 50px -50px 0 -40px #FEBD31, -50px 50px 0 -40px #FEBD31, 0 0 var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-horizontal.sd-media-framesStyle_colorPallte-ModernNavy, .sd-element-media.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-horizontal.sd-media-framesStyle_colorPallte-ModernNavy, .sd-element-image.sd-image-framesStyle_Modern.sd-image-framesStyle_directionStyle-filp-horizontal.sd-image-framesStyle_colorPallte-ModernNavy { box-shadow: -50px -50px 0 -40px #396EB0, 50px 50px 0 -40px #396EB0, 0 0 var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-vertical.sd-media-framesStyle_colorPallte-ModernNavy, .sd-element-media.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-vertical.sd-media-framesStyle_colorPallte-ModernNavy, .sd-element-image.sd-image-framesStyle_Modern.sd-image-framesStyle_directionStyle-filp-vertical.sd-image-framesStyle_colorPallte-ModernNavy { box-shadow: 50px -50px 0 -40px #396EB0, -50px 50px 0 -40px #396EB0, 0 0 var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-horizontal.sd-media-framesStyle_colorPallte-ModernPink, .sd-element-media.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-horizontal.sd-media-framesStyle_colorPallte-ModernPink, .sd-element-image.sd-image-framesStyle_Modern.sd-image-framesStyle_directionStyle-filp-horizontal.sd-image-framesStyle_colorPallte-ModernPink { box-shadow: -50px -50px 0 -40px #FD5F7F, 50px 50px 0 -40px #FD5F7F, 0 0 var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-vertical.sd-media-framesStyle_colorPallte-ModernPink, .sd-element-media.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-vertical.sd-media-framesStyle_colorPallte-ModernPink, .sd-element-image.sd-image-framesStyle_Modern.sd-image-framesStyle_directionStyle-filp-vertical.sd-image-framesStyle_colorPallte-ModernPink { box-shadow: 50px -50px 0 -40px #FD5F7F, -50px 50px 0 -40px #FD5F7F, 0 0 var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-horizontal.sd-media-framesStyle_colorPallte-ModernPurple, .sd-element-media.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-horizontal.sd-media-framesStyle_colorPallte-ModernPurple, .sd-element-image.sd-image-framesStyle_Modern.sd-image-framesStyle_directionStyle-filp-horizontal.sd-image-framesStyle_colorPallte-ModernPurple { box-shadow: -50px -50px 0 -40px #AE18B5, 50px 50px 0 -40px #AE18B5, 0 0 var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-vertical.sd-media-framesStyle_colorPallte-ModernPurple, .sd-element-media.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-vertical.sd-media-framesStyle_colorPallte-ModernPurple, .sd-element-image.sd-image-framesStyle_Modern.sd-image-framesStyle_directionStyle-filp-vertical.sd-image-framesStyle_colorPallte-ModernPurple { box-shadow: 50px -50px 0 -40px #AE18B5, -50px 50px 0 -40px #AE18B5, 0 0 var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-horizontal.sd-media-framesStyle_colorPallte-ModernBlue, .sd-element-media.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-horizontal.sd-media-framesStyle_colorPallte-ModernBlue, .sd-element-image.sd-image-framesStyle_Modern.sd-image-framesStyle_directionStyle-filp-horizontal.sd-image-framesStyle_colorPallte-ModernBlue { box-shadow: -50px -50px 0 -40px #40B3FB, 50px 50px 0 -40px #40B3FB, 0 0 var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-vertical.sd-media-framesStyle_colorPallte-ModernBlue, .sd-element-media.sd-media-framesStyle_Modern.sd-media-framesStyle_directionStyle-filp-vertical.sd-media-framesStyle_colorPallte-ModernBlue, .sd-element-image.sd-image-framesStyle_Modern.sd-image-framesStyle_directionStyle-filp-vertical.sd-image-framesStyle_colorPallte-ModernBlue { box-shadow: 50px -50px 0 -40px #40B3FB, -50px 50px 0 -40px #40B3FB, 0 0 var(--shadowCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Classic, .sd-element-media.sd-media-framesStyle_Classic, .sd-element-image.sd-image-framesStyle_Classic { text-align: center; background-color: rgb(221, 221, 204); border-width: 40px; border-style: solid; border-image: initial; border-color: rgb(221, 221, 221) rgb(238, 238, 238) rgb(255, 255, 255); box-shadow: rgba(0 0 0 / 25%) 0px 0px 5px 0px inset, rgba(0 0 0 / 25%) 0px 5px 10px 5px, black -1px -1px 25px 0px var(--shadowCode-style); padding: 40px; box-sizing: border-box; object-fit: contain; outline: none; border-radius: unset; margin: 0px; } .sd-element-video.sd-media-framesStyle_Simple, .sd-element-media.sd-media-framesStyle_Simple, .sd-element-image.sd-image-framesStyle_Simple { padding: var(--padding-style); border: var(--border-style) solid black; background-color: white; box-sizing: border-box; object-fit: contain; outline: none; border-radius: unset; margin: 0px; } /*extras - text:*/ .sd-element-text.sd-text-extrasStyle_ThreeD { text-shadow: 0 1px 0 hsl(174,5%,80%), 0 2px 0 hsl(174,5%,75%), 0 3px 0 hsl(174,5%,70%), 0 4px 0 hsl(174,5%,66%), 0 5px 0 hsl(174,5%,64%), 0 6px 0 hsl(174,5%,62%), 0 7px 0 hsl(174,5%,61%), 0 8px 0 hsl(174,5%,60%), 0 0 5px rgba(0,0,0,.05), 0 1px 3px rgba(0,0,0,.2), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.2), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.3), 0 var(--shadowTextCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } /*to add the color-pallete:*/ .sd-element-text.sd-text-extrasStyle_Gradient.sd-text-extrasStyle_directionStyle-left.sd-text-extrasStyle_colorPallte-Blue { background: linear-gradient(to left, #1BFFFF 0%, #330867 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-extrasStyle_Gradient.sd-text-extrasStyle_directionStyle-right.sd-text-extrasStyle_colorPallte-Blue { background: linear-gradient(to right, #1BFFFF 0%, #330867 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-extrasStyle_Gradient.sd-text-extrasStyle_directionStyle-top.sd-text-extrasStyle_colorPallte-Blue { background: linear-gradient(to top, #1BFFFF 0%, #330867 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-extrasStyle_Gradient.sd-text-extrasStyle_directionStyle-bottom.sd-text-extrasStyle_colorPallte-Blue { background: linear-gradient(to bottom, #1BFFFF 0%, #330867 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-extrasStyle_Gradient.sd-text-extrasStyle_directionStyle-left.sd-text-extrasStyle_colorPallte-Purple { background: linear-gradient(to left, #662D8C 0%, #ED1E79 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-extrasStyle_Gradient.sd-text-extrasStyle_directionStyle-right.sd-text-extrasStyle_colorPallte-Purple { background: linear-gradient(to right, #662D8C 0%, #ED1E79 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-extrasStyle_Gradient.sd-text-extrasStyle_directionStyle-top.sd-text-extrasStyle_colorPallte-Purple { background: linear-gradient(to top, #662D8C 0%, #ED1E79 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-extrasStyle_Gradient.sd-text-extrasStyle_directionStyle-bottom.sd-text-extrasStyle_colorPallte-Purple { background: linear-gradient(to bottom, #662D8C 0%, #ED1E79 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-extrasStyle_Gradient.sd-text-extrasStyle_directionStyle-left.sd-text-extrasStyle_colorPallte-Mint { background: linear-gradient(to left, #02AABD 0%, #00CDAC 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-extrasStyle_Gradient.sd-text-extrasStyle_directionStyle-right.sd-text-extrasStyle_colorPallte-Mint { background: linear-gradient(to right, #02AABD 0%, #00CDAC 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-extrasStyle_Gradient.sd-text-extrasStyle_directionStyle-top.sd-text-extrasStyle_colorPallte-Mint { background: linear-gradient(to top, #02AABD 0%, #00CDAC 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-extrasStyle_Gradient.sd-text-extrasStyle_directionStyle-bottom.sd-text-extrasStyle_colorPallte-Mint { background: linear-gradient(to bottom, #02AABD 0%, #00CDAC 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-extrasStyle_Gradient.sd-text-extrasStyle_directionStyle-left.sd-text-extrasStyle_colorPallte-Peach { background: linear-gradient(to left, #FF61D2 0%, #FE9090 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-extrasStyle_Gradient.sd-text-extrasStyle_directionStyle-right.sd-text-extrasStyle_colorPallte-Peach { background: linear-gradient(to right, #FF61D2 0%, #FE9090 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-extrasStyle_Gradient.sd-text-extrasStyle_directionStyle-top.sd-text-extrasStyle_colorPallte-Peach { background: linear-gradient(to top, #FF61D2 0%, #FE9090 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-extrasStyle_Gradient.sd-text-extrasStyle_directionStyle-bottom.sd-text-extrasStyle_colorPallte-Peach { background: linear-gradient(to bottom, #FF61D2 0%, #FE9090 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-extrasStyle_Gradient.sd-text-extrasStyle_directionStyle-left.sd-text-extrasStyle_colorPallte-LightBlue { background: linear-gradient(to left, #4E65FF 0%, #92EFFD 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-extrasStyle_Gradient.sd-text-extrasStyle_directionStyle-right.sd-text-extrasStyle_colorPallte-LightBlue { background: linear-gradient(to right, #4E65FF 0%, #92EFFD 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-extrasStyle_Gradient.sd-text-extrasStyle_directionStyle-top.sd-text-extrasStyle_colorPallte-LightBlue { background: linear-gradient(to top, #4E65FF 0%, #92EFFD 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-extrasStyle_Gradient.sd-text-extrasStyle_directionStyle-bottom.sd-text-extrasStyle_colorPallte-LightBlue { background: linear-gradient(to bottom, #4E65FF 0%, #92EFFD 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-extrasStyle_Gradient.sd-text-extrasStyle_directionStyle-left.sd-text-extrasStyle_colorPallte-MidnightBlue { background: linear-gradient(to left, #09203F 0%, #537895 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-extrasStyle_Gradient.sd-text-extrasStyle_directionStyle-right.sd-text-extrasStyle_colorPallte-MidnightBlue { background: linear-gradient(to right, #09203F 0%, #537895 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-extrasStyle_Gradient.sd-text-extrasStyle_directionStyle-top.sd-text-extrasStyle_colorPallte-MidnightBlue { background: linear-gradient(to top, #09203F 0%, #537895 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-extrasStyle_Gradient.sd-text-extrasStyle_directionStyle-bottom.sd-text-extrasStyle_colorPallte-MidnightBlue { background: linear-gradient(to bottom, #09203F 0%, #537895 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-extrasStyle_Glitch.sd-text-extrasStyle_colorPallte-Anaglyph { text-shadow: -0.06em 0 #05F2DB, 0.06em 0 #F20505, 0 var(--shadowTextCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-extrasStyle_Glitch.sd-text-extrasStyle_colorPallte-Candy { text-shadow: -0.06em 0 #F25E95, 0.06em 0 #E9A7F2, 0 var(--shadowTextCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-extrasStyle_Glitch.sd-text-extrasStyle_colorPallte-Retro { text-shadow: -0.06em 0 #A43CA6, 0.06em 0 #0FDBF2, 0 var(--shadowTextCode-style); border: none; outline: none; border-radius: unset; margin: 0px; } /*to add the color-pallete:*/ .sd-element-text.sd-text-extrasStyle_Texture { -webkit-mask-image: var(--imageOption-style); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-extrasStyle_Scroll { overflow: auto; border: none; outline: none; border-radius: unset; margin: 0px; } /*boxText:*/ .sd-element-text.sd-text-textBoxStyle_Minimalistic.sd-text-textBoxStyle_directionStyle-bottom-right { box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-textBoxStyle_Minimalistic.sd-text-textBoxStyle_directionStyle-bottom-left { box-shadow: rgba(0, 0, 0, 0.15) -2.05px 1.95px 2.6px; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-textBoxStyle_Minimalistic.sd-text-textBoxStyle_directionStyle-top-left { box-shadow: rgba(0, 0, 0, 0.15) -2.05px -2.05px 2.6px; border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-text.sd-text-textBoxStyle_Minimalistic.sd-text-textBoxStyle_directionStyle-top-right { box-shadow: rgba(0, 0, 0, 0.15) 1.95px -2.05px 2.6px; border: none; outline: none; border-radius: unset; margin: 0px; } /*shapeBox:*/ .sd-element-shape.sd-shape-shapeBoxStyle_Drop_Shadow, .sd-element-shape.sd-shape-shapeBoxStyle_Glow { filter: drop-shadow( var(--directionH-style) var(--directionV-style) var(--blurRadius-style) rgba(var(--color-style),var(--color-style),var(--color-style),var(--opacity-style))); --filterShape-style: drop-shadow( var(--directionH-style) var(--directionV-style) var(--blurRadius-style) rgba(var(--color-style),var(--color-style),var(--color-style),var(--opacity-style))); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_ThreeD { filter: drop-shadow(0 1px 0 hsl(174,5%,80%)) drop-shadow( 0 2px 0 hsl(174,5%,75%)) drop-shadow(0 3px 0 hsl(174,5%,70%)) drop-shadow( 0 4px 0 hsl(174,5%,66%)) drop-shadow( 0 5px 0 hsl(174,5%,64%)) drop-shadow(0 6px 0 hsl(174,5%,62%)) drop-shadow(0 7px 0 hsl(174,5%,61%))drop-shadow( 0 8px 0 hsl(174,5%,60%))drop-shadow( 0 0 5px rgba(0,0,0,.05))drop-shadow( 0 1px 3px rgba(0,0,0,.2))drop-shadow( 0 3px 5px rgba(0,0,0,.2))drop-shadow( 0 5px 10px rgba(0,0,0,.2))drop-shadow( 0 10px 10px rgba(0,0,0,.2))drop-shadow( 0 20px 20px rgba(0,0,0,.3)); --filterShape-style: drop-shadow(0 1px 0 hsl(174,5%,80%)) drop-shadow( 0 2px 0 hsl(174,5%,75%)) drop-shadow(0 3px 0 hsl(174,5%,70%)) drop-shadow( 0 4px 0 hsl(174,5%,66%)) drop-shadow( 0 5px 0 hsl(174,5%,64%)) drop-shadow(0 6px 0 hsl(174,5%,62%)) drop-shadow(0 7px 0 hsl(174,5%,61%))drop-shadow( 0 8px 0 hsl(174,5%,60%))drop-shadow( 0 0 5px rgba(0,0,0,.05))drop-shadow( 0 1px 3px rgba(0,0,0,.2))drop-shadow( 0 3px 5px rgba(0,0,0,.2))drop-shadow( 0 5px 10px rgba(0,0,0,.2))drop-shadow( 0 10px 10px rgba(0,0,0,.2)); border: none; outline: none; border-radius: unset; margin: 0px; } /*stop address more up to the settings:*/ .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-top-left.sd-shape-shapeBoxStyle_colorPallte-NeonRed { filter: drop-shadow(rgba(239, 23, 58, 0.3) -10px -10px) drop-shadow(rgba(239, 23, 58, 0.2) -15px -15px) drop-shadow(rgba(239, 23, 58, 0.1) -20px -20px ) drop-shadow(rgba(239, 23, 58, 0.05) -25px -25px); --filterShape-style: drop-shadow(rgba(239, 23, 58, 0.3) -10px -10px) drop-shadow(rgba(239, 23, 58, 0.2) -15px -15px) drop-shadow(rgba(239, 23, 58, 0.1) -20px -20px ) drop-shadow(rgba(239, 23, 58, 0.05) -25px -25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-top-right.sd-shape-shapeBoxStyle_colorPallte-NeonRed { filter: drop-shadow(rgba(239, 23, 58, 0.3) 10px -10px) drop-shadow(rgba(239, 23, 58, 0.2) 15px -15px) drop-shadow(rgba(239, 23, 58, 0.1) 20px -20px ) drop-shadow(rgba(239, 23, 58, 0.05) 25px -25px); --filterShape-style: drop-shadow(rgba(239, 23, 58, 0.3) 10px -10px) drop-shadow(rgba(239, 23, 58, 0.2) 15px -15px) drop-shadow(rgba(239, 23, 58, 0.1) 20px -20px ) drop-shadow(rgba(239, 23, 58, 0.05) 25px -25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-bottom-left.sd-shape-shapeBoxStyle_colorPallte-NeonRed { filter: drop-shadow(rgba(239, 23, 58, 0.3) -10px 10px) drop-shadow(rgba(239, 23, 58, 0.2) -15px 15px) drop-shadow(rgba(239, 23, 58, 0.1) -20px 20px ) drop-shadow(rgba(239, 23, 58, 0.05) -25px 25px); --filterShape-style: drop-shadow(rgba(239, 23, 58, 0.3) -10px 10px) drop-shadow(rgba(239, 23, 58, 0.2) -15px 15px) drop-shadow(rgba(239, 23, 58, 0.1) -20px 20px ) drop-shadow(rgba(239, 23, 58, 0.05) -25px 25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-bottom-right.sd-shape-shapeBoxStyle_colorPallte-NeonRed { filter: drop-shadow(rgba(239, 23, 58, 0.3) 10px 10px) drop-shadow(rgba(239, 23, 58, 0.2) 15px 15px) drop-shadow(rgba(239, 23, 58, 0.1) 20px 20px ) drop-shadow(rgba(239, 23, 58, 0.05) 25px 25px); --filterShape-style: drop-shadow(rgba(239, 23, 58, 0.3) 10px 10px) drop-shadow(rgba(239, 23, 58, 0.2) 15px 15px) drop-shadow(rgba(239, 23, 58, 0.1) 20px 20px ) drop-shadow(rgba(239, 23, 58, 0.05) 25px 25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-top-left.sd-shape-shapeBoxStyle_colorPallte-NeonOrange { filter: drop-shadow(rgba(255, 121, 0, 0.3) -10px -10px) drop-shadow(rgba(255, 121, 0, 0.2) -15px -15px) drop-shadow(rgba(255, 121, 0, 0.1) -20px -20px ) drop-shadow(rgba(255, 121, 0, 0.05) -25px -25px); --filterShape-style: drop-shadow(rgba(255, 121, 0, 0.3) -10px -10px) drop-shadow(rgba(255, 121, 0, 0.2) -15px -15px) drop-shadow(rgba(255, 121, 0, 0.1) -20px -20px ) drop-shadow(rgba(255, 121, 0, 0.05) -25px -25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-top-right.sd-shape-shapeBoxStyle_colorPallte-NeonOrange { filter: drop-shadow(rgba(255, 121, 0, 0.3) 10px -10px) drop-shadow(rgba(255, 121, 0, 0.2) 15px -15px) drop-shadow(rgba(255, 121, 0, 0.1) 20px -20px ) drop-shadow(rgba(255, 121, 0, 0.05) 25px -25px); --filterShape-style: drop-shadow(rgba(255, 121, 0, 0.3) 10px -10px) drop-shadow(rgba(255, 121, 0, 0.2) 15px -15px) drop-shadow(rgba(255, 121, 0, 0.1) 20px -20px ) drop-shadow(rgba(255, 121, 0, 0.05) 25px -25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-bottom-left.sd-shape-shapeBoxStyle_colorPallte-NeonOrange { filter: drop-shadow(rgba(255, 121, 0, 0.3) -10px 10px) drop-shadow(rgba(255, 121, 0, 0.2) -15px 15px) drop-shadow(rgba(255, 121, 0, 0.1) -20px 20px ) drop-shadow(rgba(255, 121, 0, 0.05) -25px 25px); --filterShape-style: drop-shadow(rgba(255, 121, 0, 0.3) -10px 10px) drop-shadow(rgba(255, 121, 0, 0.2) -15px 15px) drop-shadow(rgba(255, 121, 0, 0.1) -20px 20px ) drop-shadow(rgba(255, 121, 0, 0.05) -25px 25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-bottom-right.sd-shape-shapeBoxStyle_colorPallte-NeonOrange { filter: drop-shadow(rgba(255, 121, 0, 0.3) 10px 10px) drop-shadow(rgba(255, 121, 0, 0.2) 15px 15px) drop-shadow(rgba(255, 121, 0, 0.1) 20px 20px ) drop-shadow(rgba(255, 121, 0, 0.05) 25px 25px); --filterShape-style: drop-shadow(rgba(255, 121, 0, 0.3) 10px 10px) drop-shadow(rgba(255, 121, 0, 0.2) 15px 15px) drop-shadow(rgba(255, 121, 0, 0.1) 20px 20px ) drop-shadow(rgba(255, 121, 0, 0.05) 25px 25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-top-left.sd-shape-shapeBoxStyle_colorPallte-NeonYellow { filter: drop-shadow(rgba(255, 223, 0, 0.3) -10px -10px) drop-shadow(rgba(255, 223, 0, 0.2) -15px -15px) drop-shadow(rgba(255, 223, 0, 0.1) -20px -20px ) drop-shadow(rgba(255, 223, 0, 0.05) -25px -25px); --filterShape-style: drop-shadow(rgba(255, 223, 0, 0.3) -10px -10px) drop-shadow(rgba(255, 223, 0, 0.2) -15px -15px) drop-shadow(rgba(255, 223, 0, 0.1) -20px -20px ) drop-shadow(rgba(255, 223, 0, 0.05) -25px -25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-top-right.sd-shape-shapeBoxStyle_colorPallte-NeonYellow { filter: drop-shadow(rgba(255, 223, 0, 0.3) 10px -10px) drop-shadow(rgba(255, 223, 0, 0.2) 15px -15px) drop-shadow(rgba(255, 223, 0, 0.1) 20px -20px ) drop-shadow(rgba(255, 223, 0, 0.05) 25px -25px); --filterShape-style: drop-shadow(rgba(255, 223, 0, 0.3) 10px -10px) drop-shadow(rgba(255, 223, 0, 0.2) 15px -15px) drop-shadow(rgba(255, 223, 0, 0.1) 20px -20px ) drop-shadow(rgba(255, 223, 0, 0.05) 25px -25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-bottom-left.sd-shape-shapeBoxStyle_colorPallte-NeonYellow { filter: drop-shadow(rgba(255, 223, 0, 0.3) -10px 10px) drop-shadow(rgba(255, 223, 0, 0.2) -15px 15px) drop-shadow(rgba(255, 223, 0, 0.1) -20px 20px ) drop-shadow(rgba(255, 223, 0, 0.05) -25px 25px); --filterShape-style: drop-shadow(rgba(255, 223, 0, 0.3) -10px 10px) drop-shadow(rgba(255, 223, 0, 0.2) -15px 15px) drop-shadow(rgba(255, 223, 0, 0.1) -20px 20px ) drop-shadow(rgba(255, 223, 0, 0.05) -25px 25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-bottom-right.sd-shape-shapeBoxStyle_colorPallte-NeonYellow { filter: drop-shadow(rgba(255, 223, 0, 0.3) 10px 10px) drop-shadow(rgba(255, 223, 0, 0.2) 15px 15px) drop-shadow(rgba(255, 223, 0, 0.1) 20px 20px ) drop-shadow(rgba(255, 223, 0, 0.05) 25px 25px); --filterShape-style: drop-shadow(rgba(255, 223, 0, 0.3) 10px 10px) drop-shadow(rgba(255, 223, 0, 0.2) 15px 15px) drop-shadow(rgba(255, 223, 0, 0.1) 20px 20px ) drop-shadow(rgba(255, 223, 0, 0.05) 25px 25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-top-left.sd-shape-shapeBoxStyle_colorPallte-NeonGreen { filter: drop-shadow(rgba(63, 255, 0, 0.3) -10px -10px) drop-shadow(rgba(63, 255, 0, 0.2) -15px -15px) drop-shadow(rgba(63, 255, 0, 0.1) -20px -20px ) drop-shadow(rgba(63, 255, 0, 0.05) -25px -25px); --filterShape-style: drop-shadow(rgba(63, 255, 0, 0.3) -10px -10px) drop-shadow(rgba(63, 255, 0, 0.2) -15px -15px) drop-shadow(rgba(63, 255, 0, 0.1) -20px -20px ) drop-shadow(rgba(63, 255, 0, 0.05) -25px -25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-top-right.sd-shape-shapeBoxStyle_colorPallte-NeonGreen { filter: drop-shadow(rgba(63, 255, 0, 0.3) 10px -10px) drop-shadow(rgba(63, 255, 0, 0.2) 15px -15px) drop-shadow(rgba(63, 255, 0, 0.1) 20px -20px ) drop-shadow(rgba(63, 255, 0, 0.05) 25px -25px); --filterShape-style: drop-shadow(rgba(63, 255, 0, 0.3) 10px -10px) drop-shadow(rgba(63, 255, 0, 0.2) 15px -15px) drop-shadow(rgba(63, 255, 0, 0.1) 20px -20px ) drop-shadow(rgba(63, 255, 0, 0.05) 25px -25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-bottom-left.sd-shape-shapeBoxStyle_colorPallte-NeonGreen { filter: drop-shadow(rgba(63, 255, 0, 0.3) -10px 10px) drop-shadow(rgba(63, 255, 0, 0.2) -15px 15px) drop-shadow(rgba(63, 255, 0, 0.1) -20px 20px ) drop-shadow(rgba(63, 255, 0, 0.05) -25px 25px); --filterShape-style: drop-shadow(rgba(63, 255, 0, 0.3) -10px 10px) drop-shadow(rgba(63, 255, 0, 0.2) -15px 15px) drop-shadow(rgba(63, 255, 0, 0.1) -20px 20px ) drop-shadow(rgba(63, 255, 0, 0.05) -25px 25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-bottom-right.sd-shape-shapeBoxStyle_colorPallte-NeonGreen { filter: drop-shadow(rgba(63, 255, 0, 0.3) 10px 10px) drop-shadow(rgba(63, 255, 0, 0.2) 15px 15px) drop-shadow(rgba(63, 255, 0, 0.1) 20px 20px ) drop-shadow(rgba(63, 255, 0, 0.05) 25px 25px); --filterShape-style: drop-shadow(rgba(63, 255, 0, 0.3) 10px 10px) drop-shadow(rgba(63, 255, 0, 0.2) 15px 15px) drop-shadow(rgba(63, 255, 0, 0.1) 20px 20px ) drop-shadow(rgba(63, 255, 0, 0.05) 25px 25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-top-left.sd-shape-shapeBoxStyle_colorPallte-NeonMint { filter: drop-shadow(rgba(0, 255, 173, 0.3) -10px -10px) drop-shadow(rgba(0, 255, 173, 0.2) -15px -15px) drop-shadow(rgba(0, 255, 173, 0.1) -20px -20px ) drop-shadow(rgba(0, 255, 173, 0.05) -25px -25px); --filterShape-style: drop-shadow(rgba(0, 255, 173, 0.3) -10px -10px) drop-shadow(rgba(0, 255, 173, 0.2) -15px -15px) drop-shadow(rgba(0, 255, 173, 0.1) -20px -20px ) drop-shadow(rgba(0, 255, 173, 0.05) -25px -25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-top-right.sd-shape-shapeBoxStyle_colorPallte-NeonMint { filter: drop-shadow(rgba(0, 255, 173, 0.3) 10px -10px) drop-shadow(rgba(0, 255, 173, 0.2) 15px -15px) drop-shadow(rgba(0, 255, 173, 0.1) 20px -20px ) drop-shadow(rgba(0, 255, 173, 0.05) 25px -25px); --filterShape-style: drop-shadow(rgba(0, 255, 173, 0.3) 10px -10px) drop-shadow(rgba(0, 255, 173, 0.2) 15px -15px) drop-shadow(rgba(0, 255, 173, 0.1) 20px -20px ) drop-shadow(rgba(0, 255, 173, 0.05) 25px -25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-bottom-left.sd-shape-shapeBoxStyle_colorPallte-NeonMint { filter: drop-shadow(rgba(0, 255, 173, 0.3) -10px 10px) drop-shadow(rgba(0, 255, 173, 0.2) -15px 15px) drop-shadow(rgba(0, 255, 173, 0.1) -20px 20px ) drop-shadow(rgba(0, 255, 173, 0.05) -25px 25px); --filterShape-style: drop-shadow(rgba(0, 255, 173, 0.3) -10px 10px) drop-shadow(rgba(0, 255, 173, 0.2) -15px 15px) drop-shadow(rgba(0, 255, 173, 0.1) -20px 20px ) drop-shadow(rgba(0, 255, 173, 0.05) -25px 25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-bottom-right.sd-shape-shapeBoxStyle_colorPallte-NeonMint { filter: drop-shadow(rgba(0, 255, 173, 0.3) 10px 10px) drop-shadow(rgba(0, 255, 173, 0.2) 15px 15px) drop-shadow(rgba(0, 255, 173, 0.1) 20px 20px ) drop-shadow(rgba(0, 255, 173, 0.05) 25px 25px); --filterShape-style: drop-shadow(rgba(0, 255, 173, 0.3) 10px 10px) drop-shadow(rgba(0, 255, 173, 0.2) 15px 15px) drop-shadow(rgba(0, 255, 173, 0.1) 20px 20px ) drop-shadow(rgba(0, 255, 173, 0.05) 25px 25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-top-left.sd-shape-shapeBoxStyle_colorPallte-NeonPink { filter: drop-shadow(rgba(255, 0, 128, 0.3) -10px -10px) drop-shadow(rgba(255, 0, 128, 0.2) -15px -15px) drop-shadow(rgba(255, 0, 128, 0.1) -20px -20px ) drop-shadow(rgba(255, 0, 128, 0.05) -25px -25px); --filterShape-style: drop-shadow(rgba(255, 0, 128, 0.3) -10px -10px) drop-shadow(rgba(255, 0, 128, 0.2) -15px -15px) drop-shadow(rgba(255, 0, 128, 0.1) -20px -20px ) drop-shadow(rgba(255, 0, 128, 0.05) -25px -25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-top-right.sd-shape-shapeBoxStyle_colorPallte-NeonPink { filter: drop-shadow(rgba(255, 0, 128, 0.3) 10px -10px) drop-shadow(rgba(255, 0, 128, 0.2) 15px -15px) drop-shadow(rgba(255, 0, 128, 0.1) 20px -20px ) drop-shadow(rgba(255, 0, 128, 0.05) 25px -25px); --filterShape-style: drop-shadow(rgba(255, 0, 128, 0.3) 10px -10px) drop-shadow(rgba(255, 0, 128, 0.2) 15px -15px) drop-shadow(rgba(255, 0, 128, 0.1) 20px -20px ) drop-shadow(rgba(255, 0, 128, 0.05) 25px -25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-bottom-left.sd-shape-shapeBoxStyle_colorPallte-NeonPink { filter: drop-shadow(rgba(255, 0, 128, 0.3) -10px 10px) drop-shadow(rgba(255, 0, 128, 0.2) -15px 15px) drop-shadow(rgba(255, 0, 128, 0.1) -20px 20px ) drop-shadow(rgba(255, 0, 128, 0.05) -25px 25px); --filterShape-style: drop-shadow(rgba(255, 0, 128, 0.3) -10px 10px) drop-shadow(rgba(255, 0, 128, 0.2) -15px 15px) drop-shadow(rgba(255, 0, 128, 0.1) -20px 20px ) drop-shadow(rgba(255, 0, 128, 0.05) -25px 25px); border: none; outline: none; border-radius: unset; margin: 0px; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-bottom-right.sd-shape-shapeBoxStyle_colorPallte-NeonPink { filter: drop-shadow(rgba(255, 0, 128, 0.3) 10px 10px) drop-shadow(rgba(255, 0, 128, 0.2) 15px 15px) drop-shadow(rgba(255, 0, 128, 0.1) 20px 20px ) drop-shadow(rgba(255, 0, 128, 0.05) 25px 25px); --filterShape-style: drop-shadow(rgba(255, 0, 128, 0.3) 10px 10px) drop-shadow(rgba(255, 0, 128, 0.2) 15px 15px) drop-shadow(rgba(255, 0, 128, 0.1) 20px 20px ) drop-shadow(rgba(255, 0, 128, 0.05) 25px 25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-top-left.sd-shape-shapeBoxStyle_colorPallte-NeonPhlox { filter: drop-shadow(rgba(221, 0, 255, 0.3) -10px -10px) drop-shadow(rgba(221, 0, 255, 0.2) -15px -15px) drop-shadow(rgba(221, 0, 255, 0.1) -20px -20px ) drop-shadow(rgba(221, 0, 255, 0.05) -25px -25px); --filterShape-style: drop-shadow(rgba(221, 0, 255, 0.3) -10px -10px) drop-shadow(rgba(221, 0, 255, 0.2) -15px -15px) drop-shadow(rgba(221, 0, 255, 0.1) -20px -20px ) drop-shadow(rgba(221, 0, 255, 0.05) -25px -25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-top-right.sd-shape-shapeBoxStyle_colorPallte-NeonPhlox { filter: drop-shadow(rgba(221, 0, 255, 0.3) 10px -10px) drop-shadow(rgba(221, 0, 255, 0.2) 15px -15px) drop-shadow(rgba(221, 0, 255, 0.1) 20px -20px ) drop-shadow(rgba(221, 0, 255, 0.05) 25px -25px); --filterShape-style: drop-shadow(rgba(221, 0, 255, 0.3) 10px -10px) drop-shadow(rgba(221, 0, 255, 0.2) 15px -15px) drop-shadow(rgba(221, 0, 255, 0.1) 20px -20px ) drop-shadow(rgba(221, 0, 255, 0.05) 25px -25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-bottom-left.sd-shape-shapeBoxStyle_colorPallte-NeonPhlox { filter: drop-shadow(rgba(221, 0, 255, 0.3) -10px 10px) drop-shadow(rgba(221, 0, 255, 0.2) -15px 15px) drop-shadow(rgba(221, 0, 255, 0.1) -20px 20px ) drop-shadow(rgba(221, 0, 255, 0.05) -25px 25px); --filterShape-style: drop-shadow(rgba(221, 0, 255, 0.3) -10px 10px) drop-shadow(rgba(221, 0, 255, 0.2) -15px 15px) drop-shadow(rgba(221, 0, 255, 0.1) -20px 20px ) drop-shadow(rgba(221, 0, 255, 0.05) -25px 25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-bottom-right.sd-shape-shapeBoxStyle_colorPallte-NeonPhlox { filter: drop-shadow(rgba(221, 0, 255, 0.3) 10px 10px) drop-shadow(rgba(221, 0, 255, 0.2) 15px 15px) drop-shadow(rgba(221, 0, 255, 0.1) 20px 20px ) drop-shadow(rgba(221, 0, 255, 0.05) 25px 25px); --filterShape-style: drop-shadow(rgba(221, 0, 255, 0.3) 10px 10px) drop-shadow(rgba(221, 0, 255, 0.2) 15px 15px) drop-shadow(rgba(221, 0, 255, 0.1) 20px 20px ) drop-shadow(rgba(221, 0, 255, 0.05) 25px 25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-top-left.sd-shape-shapeBoxStyle_colorPallte-NeonViolet { filter: drop-shadow(rgba(127, 0, 255, 0.3) -10px -10px) drop-shadow(rgba(127, 0, 255, 0.2) -15px -15px) drop-shadow(rgba(127, 0, 255, 0.1) -20px -20px ) drop-shadow(rgba(127, 0, 255, 0.05) -25px -25px); --filterShape-style: drop-shadow(rgba(127, 0, 255, 0.3) -10px -10px) drop-shadow(rgba(127, 0, 255, 0.2) -15px -15px) drop-shadow(rgba(127, 0, 255, 0.1) -20px -20px ) drop-shadow(rgba(127, 0, 255, 0.05) -25px -25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-top-right.sd-shape-shapeBoxStyle_colorPallte-NeonViolet { filter: drop-shadow(rgba(127, 0, 255, 0.3) 10px -10px) drop-shadow(rgba(127, 0, 255, 0.2) 15px -15px) drop-shadow(rgba(127, 0, 255, 0.1) 20px -20px ) drop-shadow(rgba(127, 0, 255, 0.05) 25px -25px); --filterShape-style: drop-shadow(rgba(127, 0, 255, 0.3) 10px -10px) drop-shadow(rgba(127, 0, 255, 0.2) 15px -15px) drop-shadow(rgba(127, 0, 255, 0.1) 20px -20px ) drop-shadow(rgba(127, 0, 255, 0.05) 25px -25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-bottom-left.sd-shape-shapeBoxStyle_colorPallte-NeonViolet { filter: drop-shadow(rgba(127, 0, 255, 0.3) -10px 10px) drop-shadow(rgba(127, 0, 255, 0.2) -15px 15px) drop-shadow(rgba(127, 0, 255, 0.1) -20px 20px ) drop-shadow(rgba(127, 0, 255, 0.05) -25px 25px); --filterShape-style: drop-shadow(rgba(127, 0, 255, 0.3) -10px 10px) drop-shadow(rgba(127, 0, 255, 0.2) -15px 15px) drop-shadow(rgba(127, 0, 255, 0.1) -20px 20px ) drop-shadow(rgba(127, 0, 255, 0.05) -25px 25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-bottom-right.sd-shape-shapeBoxStyle_colorPallte-NeonViolet { filter: drop-shadow(rgba(127, 0, 255, 0.3) 10px 10px) drop-shadow(rgba(127, 0, 255, 0.2) 15px 15px) drop-shadow(rgba(127, 0, 255, 0.1) 20px 20px ) drop-shadow(rgba(127, 0, 255, 0.05) 25px 25px); --filterShape-style: drop-shadow(rgba(127, 0, 255, 0.3) 10px 10px) drop-shadow(rgba(127, 0, 255, 0.2) 15px 15px) drop-shadow(rgba(127, 0, 255, 0.1) 20px 20px ) drop-shadow(rgba(127, 0, 255, 0.05) 25px 25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-top-left.sd-shape-shapeBoxStyle_colorPallte-NeonAzure { filter: drop-shadow(rgba(0, 128, 255, 0.3) -10px -10px) drop-shadow(rgba(0, 128, 255, 0.2) -15px -15px) drop-shadow(rgba(0, 128, 255, 0.1) -20px -20px ) drop-shadow(rgba(0, 128, 255, 0.05) -25px -25px); --filterShape-style: drop-shadow(rgba(0, 128, 255, 0.3) -10px -10px) drop-shadow(rgba(0, 128, 255, 0.2) -15px -15px) drop-shadow(rgba(0, 128, 255, 0.1) -20px -20px ) drop-shadow(rgba(0, 128, 255, 0.05) -25px -25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-top-right.sd-shape-shapeBoxStyle_colorPallte-NeonAzure { filter: drop-shadow(rgba(0, 128, 255, 0.3) 10px -10px) drop-shadow(rgba(0, 128, 255, 0.2) 15px -15px) drop-shadow(rgba(0, 128, 255, 0.1) 20px -20px ) drop-shadow(rgba(0, 128, 255, 0.05) 25px -25px); --filterShape-style: drop-shadow(rgba(0, 128, 255, 0.3) 10px -10px) drop-shadow(rgba(0, 128, 255, 0.2) 15px -15px) drop-shadow(rgba(0, 128, 255, 0.1) 20px -20px ) drop-shadow(rgba(0, 128, 255, 0.05) 25px -25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-bottom-left.sd-shape-shapeBoxStyle_colorPallte-NeonAzure { filter: drop-shadow(rgba(0, 128, 255, 0.3) -10px 10px) drop-shadow(rgba(0, 128, 255, 0.2) -15px 15px) drop-shadow(rgba(0, 128, 255, 0.1) -20px 20px ) drop-shadow(rgba(0, 128, 255, 0.05) -25px 25px); --filterShape-style: drop-shadow(rgba(0, 128, 255, 0.3) -10px 10px) drop-shadow(rgba(0, 128, 255, 0.2) -15px 15px) drop-shadow(rgba(0, 128, 255, 0.1) -20px 20px ) drop-shadow(rgba(0, 128, 255, 0.05) -25px 25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-bottom-right.sd-shape-shapeBoxStyle_colorPallte-NeonAzure { filter: drop-shadow(rgba(0, 128, 255, 0.3) 10px 10px) drop-shadow(rgba(0, 128, 255, 0.2) 15px 15px) drop-shadow(rgba(0, 128, 255, 0.1) 20px 20px ) drop-shadow(rgba(0, 128, 255, 0.05) 25px 25px); --filterShape-style: drop-shadow(rgba(0, 128, 255, 0.3) 10px 10px) drop-shadow(rgba(0, 128, 255, 0.2) 15px 15px) drop-shadow(rgba(0, 128, 255, 0.1) 20px 20px ) drop-shadow(rgba(0, 128, 255, 0.05) 25px 25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-top-left.sd-shape-shapeBoxStyle_colorPallte-NeonAqua { filter: drop-shadow(rgba(0, 255, 250, 0.3) -10px -10px) drop-shadow(rgba(0, 255, 250, 0.2) -15px -15px) drop-shadow(rgba(0, 255, 250, 0.1) -20px -20px ) drop-shadow(rgba(0, 255, 250, 0.05) -25px -25px); --filterShape-style: drop-shadow(rgba(0, 255, 250, 0.3) -10px -10px) drop-shadow(rgba(0, 255, 250, 0.2) -15px -15px) drop-shadow(rgba(0, 255, 250, 0.1) -20px -20px ) drop-shadow(rgba(0, 255, 250, 0.05) -25px -25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-top-right.sd-shape-shapeBoxStyle_colorPallte-NeonAqua { filter: drop-shadow(rgba(0, 255, 250, 0.3) 10px -10px) drop-shadow(rgba(0, 255, 250, 0.2) 15px -15px) drop-shadow(rgba(0, 255, 250, 0.1) 20px -20px ) drop-shadow(rgba(0, 255, 250, 0.05) 25px -25px); --filterShape-style: drop-shadow(rgba(0, 255, 250, 0.3) 10px -10px) drop-shadow(rgba(0, 255, 250, 0.2) 15px -15px) drop-shadow(rgba(0, 255, 250, 0.1) 20px -20px ) drop-shadow(rgba(0, 255, 250, 0.05) 25px -25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-bottom-left.sd-shape-shapeBoxStyle_colorPallte-NeonAqua { filter: drop-shadow(rgba(0, 255, 250, 0.3) -10px 10px) drop-shadow(rgba(0, 255, 250, 0.2) -15px 15px) drop-shadow(rgba(0, 255, 250, 0.1) -20px 20px ) drop-shadow(rgba(0, 255, 250, 0.05) -25px 25px); --filterShape-style: drop-shadow(rgba(0, 255, 250, 0.3) -10px 10px) drop-shadow(rgba(0, 255, 250, 0.2) -15px 15px) drop-shadow(rgba(0, 255, 250, 0.1) -20px 20px ) drop-shadow(rgba(0, 255, 250, 0.05) -25px 25px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Layered.sd-shape-shapeBoxStyle_directionStyle-bottom-right.sd-shape-shapeBoxStyle_colorPallte-NeonAqua { filter: drop-shadow(rgba(0, 255, 250, 0.3) 10px 10px) drop-shadow(rgba(0, 255, 250, 0.2) 15px 15px) drop-shadow(rgba(0, 255, 250, 0.1) 20px 20px ) drop-shadow(rgba(0, 255, 250, 0.05) 25px 25px); --filterShape-style: drop-shadow(rgba(0, 255, 250, 0.3) 10px 10px) drop-shadow(rgba(0, 255, 250, 0.2) 15px 15px) drop-shadow(rgba(0, 255, 250, 0.1) 20px 20px ) drop-shadow(rgba(0, 255, 250, 0.05) 25px 25px); border: none; outline: none; border-radius: unset; margin: 0px; } /*stop address more up to the settings:*/ .sd-element-shape.sd-shape-shapeBoxStyle_Neon.sd-shape-shapeBoxStyle_colorPallte-NeonRed { filter: drop-shadow(rgb(255, 255, 255) 0px 0px 5px) drop-shadow(rgb(255, 255, 255) 0px 0px 10px) drop-shadow( #EF173A 0px 0px 10px) drop-shadow(#EF173A 0px 0px 10px)drop-shadow(#EF173A 0px 0px 40px) drop-shadow(#EF173A 0px 0px 15px); --filterShape-style: drop-shadow(rgb(255, 255, 255) 0px 0px 5px) drop-shadow(rgb(255, 255, 255) 0px 0px 10px) drop-shadow( #EF173A 0px 0px 10px) drop-shadow(#EF173A 0px 0px 10px)drop-shadow(#EF173A 0px 0px 40px) drop-shadow(#EF173A 0px 0px 15px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Neon.sd-shape-shapeBoxStyle_colorPallte-NeonOrange { filter: drop-shadow(rgb(255, 255, 255) 0px 0px 5px) drop-shadow(rgb(255, 255, 255) 0px 0px 10px) drop-shadow( #FF7900 0px 0px 10px) drop-shadow(#FF7900 0px 0px 10px)drop-shadow(#FF7900 0px 0px 40px) drop-shadow(#FF7900 0px 0px 15px); --filterShape-style: drop-shadow(rgb(255, 255, 255) 0px 0px 5px) drop-shadow(rgb(255, 255, 255) 0px 0px 10px) drop-shadow( #FF7900 0px 0px 10px) drop-shadow(#FF7900 0px 0px 10px)drop-shadow(#FF7900 0px 0px 40px) drop-shadow(#FF7900 0px 0px 15px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Neon.sd-shape-shapeBoxStyle_colorPallte-NeonYellow { filter: drop-shadow(rgb(255, 255, 255) 0px 0px 5px) drop-shadow(rgb(255, 255, 255) 0px 0px 10px) drop-shadow( #FFDF00 0px 0px 10px) drop-shadow(#FFDF00 0px 0px 10px)drop-shadow(#FFDF00 0px 0px 40px) drop-shadow(#FFDF00 0px 0px 15px); --filterShape-style: drop-shadow(rgb(255, 255, 255) 0px 0px 5px) drop-shadow(rgb(255, 255, 255) 0px 0px 10px) drop-shadow( #FFDF00 0px 0px 10px) drop-shadow(#FFDF00 0px 0px 10px)drop-shadow(#FFDF00 0px 0px 40px) drop-shadow(#FFDF00 0px 0px 15px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Neon.sd-shape-shapeBoxStyle_colorPallte-NeonGreen { filter: drop-shadow(rgb(255, 255, 255) 0px 0px 5px) drop-shadow(rgb(255, 255, 255) 0px 0px 10px) drop-shadow( #3FFF00 0px 0px 10px) drop-shadow(#3FFF00 0px 0px 10px)drop-shadow(#3FFF00 0px 0px 40px) drop-shadow(#3FFF00 0px 0px 15px); --filterShape-style: drop-shadow(rgb(255, 255, 255) 0px 0px 5px) drop-shadow(rgb(255, 255, 255) 0px 0px 10px) drop-shadow( #3FFF00 0px 0px 10px) drop-shadow(#3FFF00 0px 0px 10px)drop-shadow(#3FFF00 0px 0px 40px) drop-shadow(#3FFF00 0px 0px 15px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Neon.sd-shape-shapeBoxStyle_colorPallte-NeonMint { filter: drop-shadow(rgb(255, 255, 255) 0px 0px 5px) drop-shadow(rgb(255, 255, 255) 0px 0px 10px) drop-shadow( #00FFAD 0px 0px 10px) drop-shadow(#00FFAD 0px 0px 10px)drop-shadow(#00FFAD 0px 0px 40px) drop-shadow(#00FFAD 0px 0px 15px); --filterShape-style: drop-shadow(rgb(255, 255, 255) 0px 0px 5px) drop-shadow(rgb(255, 255, 255) 0px 0px 10px) drop-shadow( #00FFAD 0px 0px 10px) drop-shadow(#00FFAD 0px 0px 10px)drop-shadow(#00FFAD 0px 0px 40px) drop-shadow(#00FFAD 0px 0px 15px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Neon.sd-shape-shapeBoxStyle_colorPallte-NeonPink { filter: drop-shadow(rgb(255, 255, 255) 0px 0px 5px) drop-shadow(rgb(255, 255, 255) 0px 0px 10px) drop-shadow( #FF0080 0px 0px 10px) drop-shadow(#FF0080 0px 0px 10px)drop-shadow(#FF0080 0px 0px 40px) drop-shadow(#FF0080 0px 0px 15px); --filterShape-style: drop-shadow(rgb(255, 255, 255) 0px 0px 5px) drop-shadow(rgb(255, 255, 255) 0px 0px 10px) drop-shadow( #FF0080 0px 0px 10px) drop-shadow(#FF0080 0px 0px 10px)drop-shadow(#FF0080 0px 0px 40px) drop-shadow(#FF0080 0px 0px 15px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Neon.sd-shape-shapeBoxStyle_colorPallte-NeonPhlox { filter: drop-shadow(rgb(255, 255, 255) 0px 0px 5px) drop-shadow(rgb(255, 255, 255) 0px 0px 10px) drop-shadow( #DD00FF 0px 0px 10px) drop-shadow(#DD00FF 0px 0px 10px)drop-shadow(#DD00FF 0px 0px 40px) drop-shadow(#DD00FF 0px 0px 15px); --filterShape-style: drop-shadow(rgb(255, 255, 255) 0px 0px 5px) drop-shadow(rgb(255, 255, 255) 0px 0px 10px) drop-shadow( #DD00FF 0px 0px 10px) drop-shadow(#DD00FF 0px 0px 10px)drop-shadow(#DD00FF 0px 0px 40px) drop-shadow(#DD00FF 0px 0px 15px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Neon.sd-shape-shapeBoxStyle_colorPallte-NeonViolet { filter: drop-shadow(rgb(255, 255, 255) 0px 0px 5px) drop-shadow(rgb(255, 255, 255) 0px 0px 10px) drop-shadow( #7F00FF 0px 0px 10px) drop-shadow(#7F00FF 0px 0px 10px)drop-shadow(#7F00FF 0px 0px 40px) drop-shadow(#7F00FF 0px 0px 15px); --filterShape-style: drop-shadow(rgb(255, 255, 255) 0px 0px 5px) drop-shadow(rgb(255, 255, 255) 0px 0px 10px) drop-shadow( #7F00FF 0px 0px 10px) drop-shadow(#7F00FF 0px 0px 10px)drop-shadow(#7F00FF 0px 0px 40px) drop-shadow(#7F00FF 0px 0px 15px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Neon.sd-shape-shapeBoxStyle_colorPallte-NeonAzure { filter: drop-shadow(rgb(255, 255, 255) 0px 0px 5px) drop-shadow(rgb(255, 255, 255) 0px 0px 10px) drop-shadow( #0080FF 0px 0px 10px) drop-shadow(#0080FF 0px 0px 10px)drop-shadow(#0080FF 0px 0px 40px) drop-shadow(#0080FF 0px 0px 15px); --filterShape-style: drop-shadow(rgb(255, 255, 255) 0px 0px 5px) drop-shadow(rgb(255, 255, 255) 0px 0px 10px) drop-shadow( #0080FF 0px 0px 10px) drop-shadow(#0080FF 0px 0px 10px)drop-shadow(#0080FF 0px 0px 40px) drop-shadow(#0080FF 0px 0px 15px); border: none; outline: none; border-radius: unset; margin: 0px; } .sd-element-shape.sd-shape-shapeBoxStyle_Neon.sd-shape-shapeBoxStyle_colorPallte-NeonAqua { filter: drop-shadow(rgb(255, 255, 255) 0px 0px 5px) drop-shadow(rgb(255, 255, 255) 0px 0px 10px) drop-shadow( #00FFFA 0px 0px 10px) drop-shadow(#00FFFA 0px 0px 10px)drop-shadow(#00FFFA 0px 0px 40px) drop-shadow(#00FFFA 0px 0px 15px); --filterShape-style: drop-shadow(rgb(255, 255, 255) 0px 0px 5px) drop-shadow(rgb(255, 255, 255) 0px 0px 10px) drop-shadow( #00FFFA 0px 0px 10px) drop-shadow(#00FFFA 0px 0px 10px)drop-shadow(#00FFFA 0px 0px 40px) drop-shadow(#00FFFA 0px 0px 15px); border: none; outline: none; border-radius: unset; margin: 0px; } /*none:*/ .sd-element-shape.sd-shape-shapeBoxStyle_None, .sd-element-text.sd-text-extrasStyle_None, .sd-element-text.sd-text-textBoxStyle_None, .sd-element-text.sd-text-shadowsStyle_None, .sd-element-video.sd-media-framesStyle_None, .sd-element-video.sd-media-filtersStyle_None, .sd-element-video.sd-media-shadowsStyle_None, .sd-element-media.sd-media-framesStyle_None, .sd-element-media.sd-media-filtersStyle_None, .sd-element-media.sd-media-shadowsStyle_None, .sd-element-image.sd-image-framesStyle_None, .sd-element-image.sd-image-shadowsStyle_None, .sd-element-image.sd-image-filtersStyle_None { border: none; outline: none; border-radius: unset; margin: 0px; }