.gradient-background{width:calc(100% - 40px);height:calc(100dvh - 40px);max-height:calc(100dvh - 40px);max-width:calc(100dvw - 40px);overflow:hidden;padding:20px;position:absolute;top:0;left:0;z-index:-1}.gradient-background--no-padding{width:100%;height:100dvh;max-height:100dvh;max-width:100dvw;padding:0}.gradient-background--in-room{z-index:0}.gradient-background--ypo-blue{--base-background-color:linear-gradient(251.74deg,#004d85 .77%,#5eb7de 103.55%);background:var(--base-background-color);--background-primary-color:#007acc}.gradient-background--berry{background:radial-gradient(68.83% 86.49% at 50% 0,#fbc1b6,#5c7da3);--primary-tint-color:#518dd2;--primary-hover-color:#85afe0;--primary-lit-color:#b3d6ff}.gradient-background--sky{background:radial-gradient(68.83% 86.49% at 50% 0,#b6fbee,#5f95c8);--primary-tint-color:#5194d2;--primary-hover-color:#85b4e0;--primary-lit-color:#b3daff}.gradient-background--dawn{background:radial-gradient(68.83% 86.49% at 50% 0,#fbdab6,#c8625f);--primary-tint-color:#d25551;--primary-hover-color:#e08885;--primary-lit-color:#ffb5b3}.gradient-background--orange{background:radial-gradient(68.83% 86.49% at 50% 0,#a3eee4,#e0864f);--primary-tint-color:#d28251;--primary-hover-color:#e0a885;--primary-lit-color:#ffd0b3}.gradient-background--sage{background:radial-gradient(68.83% 86.49% at 50% 0,#f8ffe9,#527734);--primary-tint-color:#8bd251;--primary-hover-color:#aee085;--primary-lit-color:#d5ffb3}.gradient-background--sea{background:radial-gradient(68.83% 86.49% at 50% 0,#fff8e8,#6ba7b0);--primary-tint-color:#51c1d2;--primary-hover-color:#85d4e0;--primary-lit-color:#b3f5ff}.gradient-background--heather{background:radial-gradient(68.83% 86.49% at 50% 0,#e8eee0,#2f5d50);--primary-tint-color:#609a87;--primary-hover-color:#6fb39f;--primary-lit-color:#44c59a}.gradient-background--centered{display:flex;justify-content:center;align-items:center}.gradient-background__background{mix-blend-mode:luminosity;max-height:100dvh;max-width:100dvw;position:absolute;top:0;left:0;z-index:-2;pointer-events:none}.gradient-background__background--default{opacity:.1;background-size:cover;background-position:50%;width:100%;height:100%}.gradient-background__background--ypo{background-size:cover;background-position:50%;width:100%;aspect-ratio:16/9}.gradient-background__background--ypo--mobile{background-size:inherit;background-position:inherit}.gradient-background__background--in-room{width:100vw;height:100dvh;background-size:cover;background-position:50%}