.viewport-graph{z-index:-3;pointer-events:none;border-radius:calc(var(--surface-radius) + 4px);position:absolute;inset:0;overflow:hidden}.viewport-graph__plane{pointer-events:none;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cg%20fill='%239b98ae'%20fill-opacity='.12'%3e%3cpath%20d='M0%200h24v1H0z'/%3e%3cpath%20d='M0%200h1v24H0z'/%3e%3c/g%3e%3c/svg%3e");background-size:24px 24px;position:absolute;inset:0}:root[data-rendering=enhanced] .viewport-graph{clip-path:inset(0 round calc(var(--surface-radius) + 4px));overflow:visible}:root[data-rendering=enhanced] .viewport-graph__plane{background-image:linear-gradient(rgba(var(--brand-highlight-rgb), var(--graph-line-opacity,.12)) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--brand-highlight-rgb), var(--graph-line-opacity,.12)) 1px, transparent 1px);background-size:24px 24px;position:fixed}.viewport-graph--top,.viewport-graph--bottom{--graph-line-opacity:.035;border-radius:0;height:clamp(1rem,2vw,1.75rem)}.viewport-graph--top .viewport-graph__plane,.viewport-graph--bottom .viewport-graph__plane{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cg%20fill='%239b98ae'%20fill-opacity='.035'%3e%3cpath%20d='M0%200h24v1H0z'/%3e%3cpath%20d='M0%200h1v24H0z'/%3e%3c/g%3e%3c/svg%3e")}:root[data-rendering=enhanced] :is(.viewport-graph--top,.viewport-graph--bottom){clip-path:inset(0)}.viewport-graph--top{top:auto;bottom:100%;-webkit-mask-image:radial-gradient(at 50% 100%,#000,#0000 75%);mask-image:radial-gradient(at 50% 100%,#000,#0000 75%)}.viewport-graph--bottom{top:100%;bottom:auto;-webkit-mask-image:radial-gradient(at 50% 0,#000,#0000 75%);mask-image:radial-gradient(at 50% 0,#000,#0000 75%)}@supports not (clip-path:inset(0)){:root[data-rendering=enhanced] .viewport-graph{overflow:hidden}:root[data-rendering=enhanced] .viewport-graph__plane{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cg%20fill='%239b98ae'%20fill-opacity='.12'%3e%3cpath%20d='M0%200h24v1H0z'/%3e%3cpath%20d='M0%200h1v24H0z'/%3e%3c/g%3e%3c/svg%3e");position:absolute}}