.bg-gradient{position:relative;background:#f7f7f7;overflow:hidden;transition:background .3s ease-in-out}.bg-gradient:before{content:"";position:absolute;inset:0;background:linear-gradient(155deg,#000,#052c2e 60%,#05322e 70%);opacity:0;transition:opacity .3s ease-in-out;z-index:0}.bg-gradient.active:before,.bg-gradient.hover:before{opacity:1}.bg-gradient.active .page-text,.bg-gradient.hover .page-text{color:#fff}input[type=file]::file-selector-button{width:10vw;border:.06vw solid var(--primary-light-color);border-radius:.5vw;font-size:1vw;background:transparent;padding:.3vw;margin-right:1vw;cursor:pointer;color:var(--secondary-color)}input[type=file]::file-selector-button:hover{background-color:#f3f4f6}input[type=file]::file-selector-button:active{background-color:#e5e7eb}