✏️ Editing: interactive-banner-default.min.css Writable

.qodef-qi-interactive-banner{position:relative;display:inline-block;width:100%;vertical-align:top;width:auto;overflow:hidden}.qodef-qi-interactive-banner .qodef-m-banner-link{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.qodef-qi-interactive-banner .qodef-m-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column}.qodef-qi-interactive-banner .qodef-m-title{margin:0}.qodef-qi-interactive-banner .qodef-m-title-inner{display:inline-block}.qodef-qi-interactive-banner .qodef-m-subtitle{margin:0 0 .4em}.qodef-qi-interactive-banner .qodef-m-content-inner>.qodef-m-text{margin:.7em 0 0}.qodef-qi-interactive-banner .qodef-m-text-holder{margin:.7em 0 0}.qodef-qi-interactive-banner .qodef-m-button{padding:.5em 0 0;z-index:1;position:relative;display:inline-block}.qodef-qi-interactive-banner .qodef-m-image{position:relative;display:inline-block;width:100%;vertical-align:top;width:auto;overflow:hidden}.qodef-qi-interactive-banner .qodef-m-image img{display:inline-block;transition:all .35s ease-out}.qodef-qi-interactive-banner .qodef-m-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;transition:background-color .35s ease-out}.qodef-qi-interactive-banner.qodef-layout--from-bottom.qodef--visible .qodef-m-content{opacity:1}.qodef-qi-interactive-banner.qodef-layout--from-bottom .qodef-m-content{align-items:flex-start;justify-content:flex-end;padding:60px;opacity:0;transition:opacity .2s}.qodef-qi-interactive-banner.qodef-layout--from-bottom .qodef-m-content-inner{position:relative;overflow:hidden}.qodef-qi-interactive-banner.qodef-layout--from-bottom .qodef-m-movement{transform:translateZ(0);transition:transform .4s cubic-bezier(.22,.61,.36,1)}.qodef-qi-interactive-banner.qodef-layout--from-bottom .qodef-m-text-holder{opacity:0;transition:opacity .25s ease-out}.qodef-qi-interactive-banner.qodef-layout--from-bottom .qodef-m-text-holder .qodef-m-text{margin:0}.qodef-qi-interactive-banner.qodef-layout--from-bottom:hover .qodef-m-movement{transform:translateY(0) translateZ(0)!important}.qodef-qi-interactive-banner.qodef-layout--from-bottom:hover .qodef-m-text-holder{opacity:1;transition-delay:.15s}.qodef-qi-interactive-banner.qodef-layout--image-switch{width:100%;background-color:#f6f6f6}.qodef-qi-interactive-banner.qodef-layout--image-switch .qodef-m-content{position:relative;flex-direction:row;align-items:center;justify-content:left;text-align:left;padding:60px}@media only screen and (max-width:680px){.qodef-qi-interactive-banner.qodef-layout--image-switch .qodef-m-content{flex-direction:column}}.qodef-qi-interactive-banner.qodef-layout--image-switch .qodef-m-content-inner{flex:1;margin-right:2em}@media only screen and (max-width:680px){.qodef-qi-interactive-banner.qodef-layout--image-switch .qodef-m-content-inner{margin-right:0}}.qodef-qi-interactive-banner.qodef-layout--image-switch .qodef-m-image-holder{position:relative;width:35%}@media only screen and (max-width:680px){.qodef-qi-interactive-banner.qodef-layout--image-switch .qodef-m-image-holder{width:100%;margin-top:2em}}.qodef-qi-interactive-banner.qodef-layout--image-switch .qodef-m-image-holder .qodef-m-image{transition:.2s ease-in-out}.qodef-qi-interactive-banner.qodef-layout--image-switch .qodef-m-image-holder .qodef-m-image:first-child{opacity:1}.qodef-qi-interactive-banner.qodef-layout--image-switch .qodef-m-image-holder .qodef-m-image:last-child{position:absolute;top:0;left:0;opacity:0}.qodef-qi-interactive-banner.qodef-layout--image-switch:hover .qodef-m-image-holder .qodef-m-image:first-child{opacity:0}.qodef-qi-interactive-banner.qodef-layout--image-switch:hover .qodef-m-image-holder .qodef-m-image:last-child{opacity:1}.qodef-qi-interactive-banner.qodef-layout--revealing.qodef--visible .qodef-m-content{opacity:1}.qodef-qi-interactive-banner.qodef-layout--revealing .qodef-m-content{align-items:flex-start;justify-content:flex-start;padding:60px;opacity:0;transition:opacity .2s}.qodef-qi-interactive-banner.qodef-layout--revealing .qodef-m-content-inner>.qodef-m-text{opacity:0;transform:translateY(-10px);transition:opacity .25s,transform .25s cubic-bezier(.22,.61,.36,1)}.qodef-qi-interactive-banner.qodef-layout--revealing .qodef-m-button{transition:transform .4s cubic-bezier(.22,.61,.36,1);transition-delay:50ms}.qodef-qi-interactive-banner.qodef-layout--revealing:hover .qodef-m-button{transform:translateY(0) translateZ(0)!important;transition-delay:0s}.qodef-qi-interactive-banner.qodef-layout--revealing:hover .qodef-m-content-inner>.qodef-m-text{opacity:1;transform:translateY(0);transition-duration:.25s,.35s;transition-delay:.1s,.1s}.qodef-qi-interactive-banner.qodef-layout--standard .qodef-m-content{align-items:center;justify-content:center;text-align:center;padding:30px}.qodef-qi-interactive-banner.qodef-layout--standard .qodef-m-button,.qodef-qi-interactive-banner.qodef-layout--standard .qodef-m-subtitle{opacity:0;transition:opacity .23s ease-out,transform .28s ease-out}.qodef-qi-interactive-banner.qodef-layout--standard .qodef-m-subtitle{transform:translateY(-10px)}.qodef-qi-interactive-banner.qodef-layout--standard .qodef-m-button{transform:translateY(10px)}.qodef-qi-interactive-banner.qodef-layout--standard:hover .qodef-m-button,.qodef-qi-interactive-banner.qodef-layout--standard:hover .qodef-m-subtitle{opacity:1;transform:translateY(0)}

🔐 Sid Gifari File Manager Pro