.form-footer.container{align-items:center;bottom:0;color:var(--body);display:flex;flex-flow:row wrap;font-size:1.2rem;justify-content:space-around;left:0;padding-bottom:1rem;padding-top:1rem;position:fixed;right:0;top:unset;transition:transform 1s;white-space:nowrap;width:100%;z-index:900}.form-footer.container:after{background:linear-gradient(90deg,hsla(0,0%,100%,0),8%,var(--bg) 30%,var(--bg) 60%,92%,hsla(0,0%,100%,0));content:"";display:block;inset:0 -30% 0;opacity:.9;position:absolute;z-index:-1}.form-footer.container:before{background:linear-gradient(90deg,hsla(0,0%,100%,0),var(--primary) 10%,90%,hsla(0,0%,100%,0));content:"";height:2px;inset:0 -30% auto;position:absolute;transform-origin:50% 0;transition:transform var(--transition) .5s}.form-footer.container:not(.active){transform:translateY(50vh)}.form-footer.container:not(.active):before{transform:scaleX(0)}.form-footer.container .material{margin-right:2rem}.form-footer.container>*{padding:.5rem 0}.form-footer.container .form-footer-saving{color:green;font-weight:500;max-width:100vw;transition:margin-left 1s,opacity 1s,visibility 1s,max-width 1s}.form-footer.container .form-footer-saving-enter-active,.form-footer.container .form-footer-saving-leave-to{margin-left:-6rem;max-width:0;opacity:0;pointer-events:none;visibility:hidden}.form-footer.container .form-footer-sum{margin-left:.4em}@media (min-width:768px){.form-footer.container .form-footer-sum{margin-right:auto}}.form-footer.container .form-footer-final{font-weight:700}