.gby-grid-host{position:relative;isolation:isolate;overflow:hidden}.gby-grid-host>.wrap{position:relative;z-index:1}.gby-hero-grid{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;direction:ltr}.gby-hero-grid[hidden]{display:none}.gby-grid-mask{position:absolute;inset:0}.gby-hero-grid[data-fade="true"] .gby-grid-mask{mask-image:radial-gradient(ellipse at center,#000 28%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,#000 28%,transparent 80%)}.gby-grid-plane{position:absolute;inset:-120px}.gby-grid-lines{position:absolute;inset:0;opacity:var(--gby-grid-opacity,.1);background-image:linear-gradient(to right,var(--gby-grid-colour,#64748b) 1px,transparent 1px),linear-gradient(to bottom,var(--gby-grid-colour,#64748b) 1px,transparent 1px);background-size:var(--gby-grid-size,50px) var(--gby-grid-size,50px)}.gby-hero-grid[data-view=perspective] .gby-grid-plane{inset:-80% -55%;transform:perspective(550px) rotateX(52deg);transform-origin:50% 55%}.gby-hero-grid[data-view=floor] .gby-grid-plane{inset:40% -65% -150%;transform:perspective(360px) rotateX(65deg);transform-origin:50% 0}.gby-hero-grid[data-view=ceiling] .gby-grid-plane{inset:-150% -65% 40%;transform:perspective(360px) rotateX(-65deg);transform-origin:50% 100%}.gby-hero-grid[data-view=left] .gby-grid-plane{inset:-70% 22% -70% -80%;transform:perspective(550px) rotateY(48deg);transform-origin:100% 50%}.gby-hero-grid[data-view=right] .gby-grid-plane{inset:-70% -80% -70% 22%;transform:perspective(550px) rotateY(-48deg);transform-origin:0 50%}.gby-hero-grid[data-view=diamond] .gby-grid-plane{inset:-100%;transform:rotate(45deg)}.gby-grid-lens{position:absolute;inset:0;width:100%;height:100%;display:none}.gby-hero-grid[data-view=convex] .gby-grid-lens,.gby-hero-grid[data-view=concave] .gby-grid-lens{display:block}.gby-hero-grid[data-view=convex] .gby-grid-plane,.gby-hero-grid[data-view=concave] .gby-grid-plane{display:none}