.design-footer[data-footer-transition],.footer-transition-surface{position:relative}
.design-footer[data-footer-transition]:not([data-footer-transition="none"]){border-top:0;padding-top:26px}
:where([data-footer-transition]:not([data-footer-transition="none"]))::before{content:"";position:absolute;inset:0 0 auto;height:26px;background:#fff;pointer-events:none}
[data-footer-transition="brush"]::before{mask:url('footer-brush.svg') top center/100% 100% no-repeat}
[data-footer-transition="wave"]::before{mask:url('footer-wave.svg') top center/100% 100% no-repeat}
[data-footer-transition="slant"]::before{clip-path:polygon(0 0,100% 0,100% 100%)}
[data-footer-transition="zigzag"]::before{mask:url('footer-zigzag.svg') top left/48px 100% repeat-x}
.footer-transition-preview{display:block;height:100px;background:#fff;border-radius:5px;overflow:hidden;padding-top:28px}
.footer-transition-surface{display:block;height:72px;background:linear-gradient(110deg,#0e6098,#1c205e)}
/* Illustrated transitions use the same assets in cards and on the site. */
[data-footer-transition="arc"]::before{mask:none;background:transparent url('footer-arc.svg') top center/100% 100% no-repeat;height:var(--footer-art-height,80px)}
[data-footer-transition="cloud-wave"]::before{mask:none;background:transparent url('footer-cloud-wave.svg') top center/100% 100% no-repeat;height:var(--footer-art-height,80px)}
[data-footer-transition="layered-wave"]::before{mask:none;background:transparent url('footer-layered-wave.svg') top center/100% 100% no-repeat;height:var(--footer-art-height,80px)}
[data-footer-transition="curved-cut"]::before{mask:none;background:transparent url('footer-curved-cut.svg') top center/100% 100% no-repeat;height:var(--footer-art-height,80px)}
[data-footer-transition="mountains"]::before{mask:none;background:transparent url('footer-mountains.svg') top center/100% 100% no-repeat;height:var(--footer-art-height,80px)}
[data-footer-transition="city"]::before{mask:none;background:transparent url('footer-city.svg') top center/100% 100% no-repeat;height:var(--footer-art-height,80px)}
[data-footer-transition="diagonal-cut"]::before{mask:none;background:transparent url('footer-diagonal-cut.svg') top center/100% 100% no-repeat;height:var(--footer-art-height,80px)}
[data-footer-transition="dunes"]::before{mask:none;background:transparent url('footer-dunes.svg') top center/100% 100% no-repeat;height:var(--footer-art-height,80px)}
[data-footer-transition="clouds"]::before{mask:none;background:transparent url('footer-clouds.svg') top center/100% 100% no-repeat;height:var(--footer-art-height,80px)}
[data-footer-transition="crystal"]::before{mask:none;background:transparent url('footer-crystal.svg') top center/100% 100% no-repeat;height:var(--footer-art-height,80px)}
.design-footer[data-footer-transition]:is([data-footer-transition="arc"],[data-footer-transition="cloud-wave"],[data-footer-transition="layered-wave"],[data-footer-transition="curved-cut"],[data-footer-transition="mountains"],[data-footer-transition="city"],[data-footer-transition="diagonal-cut"],[data-footer-transition="dunes"],[data-footer-transition="clouds"],[data-footer-transition="crystal"]){padding-top:80px}
.footer-transition-surface{--footer-art-height:52px}
@media(max-width:650px){.design-footer{--footer-art-height:48px}.design-footer[data-footer-transition]:is([data-footer-transition="arc"],[data-footer-transition="cloud-wave"],[data-footer-transition="layered-wave"],[data-footer-transition="curved-cut"],[data-footer-transition="mountains"],[data-footer-transition="city"],[data-footer-transition="diagonal-cut"],[data-footer-transition="dunes"],[data-footer-transition="clouds"],[data-footer-transition="crystal"]){padding-top:48px}}
@media(max-width:650px){.design-footer[data-footer-transition]:not([data-footer-transition="none"]){padding-top:18px}.design-footer[data-footer-transition]::before{height:18px}}
@media(max-width:650px){.design-footer[data-footer-transition]:is([data-footer-transition="arc"],[data-footer-transition="cloud-wave"],[data-footer-transition="layered-wave"],[data-footer-transition="curved-cut"],[data-footer-transition="mountains"],[data-footer-transition="city"],[data-footer-transition="diagonal-cut"],[data-footer-transition="dunes"],[data-footer-transition="clouds"],[data-footer-transition="crystal"]){padding-top:48px}.design-footer[data-footer-transition]:is([data-footer-transition="arc"],[data-footer-transition="cloud-wave"],[data-footer-transition="layered-wave"],[data-footer-transition="curved-cut"],[data-footer-transition="mountains"],[data-footer-transition="city"],[data-footer-transition="diagonal-cut"],[data-footer-transition="dunes"],[data-footer-transition="clouds"],[data-footer-transition="crystal"])::before{height:48px}}