.background-container{height:100%;left:0;overflow-x:clip;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.background-container--in-place{height:auto;top:auto}.mouse-moved .dynamic-background{opacity:.85}.dynamic-background{display:flex;flex-direction:column;mask-image:linear-gradient(180deg,transparent 0,#000 15%,#000 85%,transparent);opacity:.25;transition:opacity 2s ease;width:100%}.dynamic-background:not(:last-child){margin-bottom:calc(var(--vh)*-50)}@keyframes dynamic-background-move-x{0%,to{translate:0 0}50%{translate:var(--_x-movement,5%) 0}}@keyframes dynamic-background-move-y{0%,to{translate:0 0}50%{translate:0 5%}}.dynamic-background--vertical{--_mask-direction:to bottom right;--_width:calc(10rem*var(--_scale, 1));--_height:calc(75vh*var(--_scale, 1));--_animation:dynamic-background-move-y;flex-direction:row}.dynamic-background--vertical .dynamic-background__element{--_gradient-placement:var(--_alignment) calc(var(--_index)*100%/var(--_count)) top 40%}.dynamic-background--horizontal{--_mask-direction:to bottom;--_width:calc(75%*var(--_scale, 1));--_height:calc(10rem*var(--_scale, 1));--_animation:dynamic-background-move-x}.dynamic-background--horizontal .dynamic-background__element{--_gradient-placement:var(--_alignment) 10% top calc(var(--_index)*100%/var(--_count))}.dynamic-background--left{--_cursor-opacity:calc(1 - var(--cursor-x-percent)/100);--_x-movement:-10%;align-items:flex-start;justify-content:flex-start}.dynamic-background--right{--_cursor-opacity:calc(var(--cursor-x-percent)/100);--_x-movement:10%;align-items:flex-end;justify-content:flex-end}.dynamic-background__element{--_distance:max(calc(var(--_focus) - var(--_index)),calc(var(--_index) - var(--_focus)));--_max-distance:max(calc(var(--_focus) - 1),calc(var(--_count) - var(--_focus)));--_gradient-intensity:clamp(0,1 - (var(--_distance)/var(--_max-distance)),1);background-image:radial-gradient(circle at var(--_gradient-placement),var(--colour-primary) 0,transparent 50%);box-shadow:inset 0 0 2px 0 var(--body-background-colour,#fff);height:var(--_height);mask-image:linear-gradient(var(--_mask-direction),rgba(0,0,0,.6) 0,#000 60%);opacity:calc(var(--_gradient-intensity, 1)*var(--_cursor-opacity, 1));scale:1.03;transition:opacity .5s ease-out;width:var(--_width);will-change:translate,opacity}@media(prefers-reduced-motion:no-preference){.dynamic-background__element{animation:var(--_animation,none) 7s ease-in-out infinite calc(var(--_index)*-.75s)}}