.grid-trail-container{position:relative;width:100%;min-height:100vh;overflow:hidden}.grid-trail-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;display:grid;grid-template-rows:repeat(var(--grid-rows,25),1fr);grid-template-columns:repeat(var(--grid-cols,40),1fr);z-index:1;pointer-events:none}.grid-trail-cell{width:100%;height:100%;background:hsla(0,0%,100%,.008);border:1px solid hsla(0,0%,100%,.02);transition:all .3s ease;position:relative;overflow:hidden}.grid-trail-cell-active{transition:all .15s ease;z-index:2;transform:scale(1.02);box-shadow:inset 0 0 10px hsla(0,0%,100%,.1)}.diagonal-lines{position:relative}.diagonal-lines:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .3s ease}.grid-trail-cell-active.diagonal-lines:before{opacity:1}.cross-hatch,.dots-pattern,.grid-pattern{position:relative}.grid-trail-bg{background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:var(--cell-width,40px) var(--cell-height,30px)}.grid-trail-content{position:relative;z-index:10;width:100%;height:100%}.bounded-grid-container{background:rgba(0,0,0,.2);backdrop-filter:blur(1px)}.bounded-grid-cell{position:relative;overflow:hidden}.bounded-grid-cell-active{transform:scale(1.05);z-index:2;box-shadow:inset 0 0 8px hsla(0,0%,100%,.15)}