@property --angle{syntax: "<angle>"; inherits: true; initial-value: 0deg;}.error-hero-wrapper{width:100%;height:47.3125rem;position:relative;--dot-rotation-radius-x: 100px;--dot-rotation-radius-y: 100px}.error-background-container{z-index:9;position:relative;width:100%;height:100%;overflow:hidden}.error-background-dot-container{position:absolute;top:0;left:0;opacity:.5}.error-background-dot-container .error-background-dot{background-color:#000;width:100%;height:100%;border-radius:50%;--angle-offset: 0deg;transform:translate(calc(cos(var(--angle) + var(--angle-offset)) * var(--dot-rotation-radius-x)),calc(sin(var(--angle) + var(--angle-offset)) * var(--dot-rotation-radius-y)));animation-name:rotation;animation-duration:12.56s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes rotation{to{--angle: 360deg}}.error-foreground-container{z-index:10;position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;background:transparent;display:flex;justify-content:center;align-items:center}.error-foreground-container span{opacity:1;background:transparent;color:#000;font-family:Diatype-Extended;font-weight:500;font-size:5.625rem;margin-left:11.219rem;margin-right:11.219rem;text-align:center;cursor:default}