:root{--ft--color-decorative-blue-weaker: #dbe3ff;--ft--color-decorative-blue-weak: #b0bff0;--ft--color-decorative-yellow-weakest: #fff7e3;--ft--color-decorative-yellow-weaker: #fff0c7}.svg-bg-layer{position:absolute;top:var(--svg-top, auto);right:var(--svg-right, auto);bottom:var(--svg-bottom, auto);left:var(--svg-left, auto);width:var(--svg-width, 100%);height:var(--svg-height, 100%);transform:rotate(var(--svg-rotation, 0deg));background-color:var(--svg-color, currentColor);opacity:var(--svg-opacity, 1);-webkit-mask:var(--svg-url) no-repeat center/var(--svg-mask-size, cover);mask:var(--svg-url) no-repeat center/var(--svg-mask-size, cover);pointer-events:none;z-index:0}.svg-bg-layer--top-left{--svg-top: 0;--svg-left: 0}.svg-bg-layer--top-right{--svg-top: 0;--svg-right: 0}.svg-bg-layer--bottom-left{--svg-bottom: 0;--svg-left: 0}.svg-bg-layer--bottom-right{--svg-bottom: 0;--svg-right: 0}.svg-bg-layer--center{--svg-top: 50%;--svg-left: 50%;transform:translate(-50%,-50%) rotate(var(--svg-rotation, 0deg))}.svg-bg-layer--xs{--svg-width: 37px;--svg-height: 37px}.svg-bg-layer--sm{--svg-width: 100px;--svg-height: 100px}.svg-bg-layer--md{--svg-width: 200px;--svg-height: 200px}.svg-bg-layer--lg{--svg-width: 400px;--svg-height: 400px}.svg-bg-layer--xl{--svg-width: 600px;--svg-height: 600px}.svg-bg-layer--full{--svg-width: 100%;--svg-height: 100%}.svg-bg-layer--rotate-15{--svg-rotation: 15deg}.svg-bg-layer--rotate-45{--svg-rotation: 45deg}.svg-bg-layer--rotate-90{--svg-rotation: 90deg}.svg-bg-layer--rotate-180{--svg-rotation: 180deg}.svg-bg-layer--opacity-subtle{--svg-opacity: .1}.svg-bg-layer--opacity-light{--svg-opacity: .2}.svg-bg-layer--opacity-medium-light{--svg-opacity: .3}.svg-bg-layer--opacity-medium{--svg-opacity: .4}.svg-bg-layer--opacity-high{--svg-opacity: .6}.svg-bg-layer--color-purple{--svg-color: var(--ft--color-known-uncomplete-contrasted)}.svg-bg-layer--color-dark-blue{--svg-color: $purple-50}.svg-bg-layer--color-blue-weak{--svg-color: var(--ft--color-decorative-blue-weak)}.svg-bg-layer--color-yellow-weaker{--svg-color: var(--ft--color-decorative-yellow-weaker)}.svg-bg-layer--color-pink{--svg-color: $pink-50}.svg-bg-layer--color-white{--svg-color: $white}.svg-bg-layer--contain{--svg-mask-size: contain}.svg-bg-layer--hexagone{--svg-url: url(/img/hexagone.svg)}.svg-bg-layer--pastille{--svg-url: url(/img/pastille.svg)}html,body{height:100%;margin:0}h1{font-weight:700}body{min-height:100vh}app-root{display:flex;flex-direction:column;min-height:100vh}