.hw-frame-ambient{pointer-events:none;contain:strict;opacity:.3;background:0 0;animation:42s ease-in-out infinite hw-frame-bloom;position:absolute;overflow:clip}.hw-frame-ambient:before{content:"";background:linear-gradient(160deg, transparent 0%, var(--hw-fg) 15%, var(--hw-teams-stroke) 20%, var(--hermes-primary) 25%, transparent 35% 40%, var(--hw-fg) 55%, var(--hw-teams-stroke) 60%, var(--hermes-primary) 65%, transparent 75% 80%, var(--hw-fg) 95%, var(--hw-teams-stroke) 100%);width:300%;height:300%;animation:14s linear infinite alternate hw-frame-arc;position:absolute;top:0;left:0}.hw-frame-ambient.top,.hw-frame-ambient.bottom{left:calc(-1 * var(--hw-frame));right:calc(-1 * var(--hw-frame));height:var(--hw-frame)}.hw-frame-ambient.top{top:calc(-1 * var(--hw-frame))}.hw-frame-ambient.bottom{bottom:calc(-1 * var(--hw-frame))}.hw-frame-ambient.left,.hw-frame-ambient.right{width:var(--hw-frame);top:0;bottom:0}.hw-frame-ambient.left{left:calc(-1 * var(--hw-frame))}.hw-frame-ambient.right{right:calc(-1 * var(--hw-frame))}.hw-frame.animation-paused .hw-frame-ambient,.hw-frame.animation-paused .hw-frame-ambient:before{animation-play-state:paused}@keyframes hw-frame-arc{0%{transform:translate(-10%,-10%)}to{transform:translate(-50%,-50%)}}@keyframes hw-frame-bloom{0%,68%,92%,to{opacity:.48}80%{opacity:.9}}.hw-frame-click,.hw-frame-scroll{inset:calc(-1 * var(--hw-frame));padding:var(--hw-frame);pointer-events:none;opacity:0;position:absolute;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hw-frame-click{background:radial-gradient(ellipse 180px 180px at var(--cue-x,50%) var(--cue-y,0%), var(--hw-fg), transparent 100%)}.hw-frame-scroll{background:radial-gradient(ellipse 120px 240px at 0% var(--scroll-y,10%), var(--hw-fg), transparent), radial-gradient(ellipse 120px 240px at 100% var(--scroll-y,10%), var(--hw-fg), transparent);transition:opacity .6s ease-out}.hw-frame-scroll.is-scrolling{opacity:.45;transition-duration:.16s}@media (prefers-reduced-motion:reduce){.hw-frame-ambient{opacity:0;animation:none}.hw-frame-ambient:before{animation:none}.hw-frame-click,.hw-frame-scroll{display:none}}
