.file-upload .fade-outer-enter-active,.file-upload .fade-outer-leave-active{position:relative;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:linear}.file-upload .fade-outer-enter-from,.file-upload .fade-outer-leave-to{--tw-scale-x:.9;--tw-scale-y:.9;opacity:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.file-upload .fade-inner-enter-active,.file-upload .fade-inner-leave-active{overflow:hidden;position:relative;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:linear}.file-upload .fade-inner-enter-from,.file-upload .fade-inner-leave-to{--tw-scale-x:.9;--tw-scale-y:.9;opacity:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hero-feature-converter .fade-enter-active,.hero-feature-converter .fade-leave-active{position:relative;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:linear}.hero-feature-converter .fade-enter-from,.hero-feature-converter .fade-leave-to{--tw-scale-x:.9;--tw-scale-y:.9;opacity:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hero-feature-converter .iframe-container{position:relative;--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.hero-feature-converter .iframe-container .loading-overlay{align-items:center;background-color:#000000b3;border-radius:1rem;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.hero-feature-converter .iframe-container .spinner{height:3rem;width:3rem}@keyframes spin{to{transform:rotate(1turn)}}.hero-feature-converter .iframe-container .spinner{animation:spin 1s linear infinite;border-radius:9999px;border-width:4px;--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1));border-top-color:transparent}