@layer ccc{@keyframes heather-fade-c0{0%,to{opacity:1}25%,75%{opacity:0}}@keyframes heather-fade-c1{0%,50%,to{opacity:0}25%{opacity:1}}@keyframes heather-fade-c2{0%,25%,75%,to{opacity:0}50%{opacity:1}}@keyframes heather-fade-c3{0%,50%,to{opacity:0}75%{opacity:1}}.gradient-background{z-index:-1;width:calc(100% - 40px);max-width:calc(100dvw - 40px);height:calc(100dvh - 40px);max-height:calc(100dvh - 40px);padding:20px;position:absolute;top:0;left:0;overflow:hidden}.gradient-background--no-padding{width:100%;max-width:100dvw;height:100dvh;max-height:100dvh;padding:0}.gradient-background--in-room{z-index:0}.gradient-background--ypo-blue{--base-background-color:linear-gradient(251.74deg, #004d85 0.77%, #5eb7de 103.55%);background:var(--base-background-color);--background-primary-color:#007acc}.gradient-background--berry{--primary-tint-color:#518dd2;--primary-hover-color:#85afe0;--primary-lit-color:#b3d6ff;background:radial-gradient(68.83% 86.49% at 50% 0,#fbc1b6,#5c7da3)}.gradient-background--sky{--primary-tint-color:#5194d2;--primary-hover-color:#85b4e0;--primary-lit-color:#b3daff;background:radial-gradient(68.83% 86.49% at 50% 0,#b6fbee,#5f95c8)}.gradient-background--dawn{--primary-tint-color:#d25551;--primary-hover-color:#e08885;--primary-lit-color:#ffb5b3;background:radial-gradient(68.83% 86.49% at 50% 0,#fbdab6,#c8625f)}.gradient-background--orange{--primary-tint-color:#d28251;--primary-hover-color:#e0a885;--primary-lit-color:#ffd0b3;background:radial-gradient(68.83% 86.49% at 50% 0,#a3eee4,#e0864f)}.gradient-background--sage{--primary-tint-color:#8bd251;--primary-hover-color:#aee085;--primary-lit-color:#d5ffb3;background:radial-gradient(68.83% 86.49% at 50% 0,#f8ffe9,#527734)}.gradient-background--sea{--primary-tint-color:#51c1d2;--primary-hover-color:#85d4e0;--primary-lit-color:#b3f5ff;background:radial-gradient(68.83% 86.49% at 50% 0,#fff8e8,#6ba7b0)}.gradient-background--heather{--primary-tint-color:#609a87;--primary-hover-color:#6fb39f;--primary-lit-color:#44c59a;background:#2f5d50}.gradient-background__heather-layer{z-index:-3;pointer-events:none;will-change:opacity;animation-duration:350s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;inset:0}.gradient-background__heather-layer--c0{background:radial-gradient(68.83% 86.49% at 50% 0,#e8eee0 0%,#0000 100%);animation-name:heather-fade-c0}.gradient-background__heather-layer--c1{background:radial-gradient(68.83% 86.49% at 50% 0,#b7c3a7 0%,#0000 100%);animation-name:heather-fade-c1}.gradient-background__heather-layer--c2{background:radial-gradient(68.83% 86.49% at 50% 0,#788864 0%,#0000 100%);animation-name:heather-fade-c2}.gradient-background__heather-layer--c3{background:radial-gradient(68.83% 86.49% at 50% 0,#94b56d 0%,#0000 100%);animation-name:heather-fade-c3}@media (prefers-reduced-motion:reduce){.gradient-background__heather-layer{animation:none}.gradient-background__heather-layer:not(.gradient-background__heather-layer--c0){opacity:0}}.gradient-background--centered{justify-content:center;align-items:center;display:flex}.gradient-background__background{mix-blend-mode:luminosity;z-index:-2;pointer-events:none;max-width:100dvw;max-height:100dvh;position:absolute;top:0;left:0}.gradient-background__background--default{opacity:.1;background-position:50%;background-size:cover;width:100%;height:100%}.gradient-background__background--ypo{aspect-ratio:16/9;background-position:50%;background-size:cover;width:100%}.gradient-background__background--ypo--mobile{background-size:inherit;background-position:inherit}.gradient-background__background--in-room{background-position:50%;background-size:cover;width:100vw;height:100dvh}}
@layer ccc{.svg-waves-layer{pointer-events:none;will-change:transform,opacity;opacity:.5;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:transform 1.8s cubic-bezier(.4,0,1,1),opacity 1.8s cubic-bezier(.4,0,1,1);position:absolute;inset:0;transform:translateZ(0)}.svg-waves-layer svg{width:100%;height:100%;display:block;overflow:visible}.svg-waves-layer--wave2{transition-delay:.15s}.svg-waves-layer--wave3{transition-delay:.3s}.svg-waves-layer--frame{animation:.3s ease-out backwards wave-frame-fade-in}.svg-waves-layer--exiting{opacity:0}.svg-waves-layer--frame.svg-waves-layer--exiting{transform:scale(2)}.svg-waves-layer--wave1.svg-waves-layer--exiting{transform:translateY(167%)}.svg-waves-layer--wave2.svg-waves-layer--exiting{transform:translate(-140%)}.svg-waves-layer--wave3.svg-waves-layer--exiting{transform:translate(140%)}@media (prefers-reduced-motion:reduce){.svg-waves-layer{transition:opacity .3s linear}.svg-waves-layer--exiting{transform:none}}@keyframes wave-frame-fade-in{0%{opacity:0}to{opacity:.5}}}