.gbox{flex-shrink:0;position:relative}.gbox-trigger{width:clamp(2rem,4vw,2.25rem);height:clamp(2rem,4vw,2.25rem);color:var(--landing-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.gbox-trigger:hover,.gbox-trigger--active{color:var(--landing-text);background:#3c40430f;border-color:#3c40431a}.gbox-trigger-svg{fill:currentColor;width:clamp(1.1rem,2vw,1.25rem);height:clamp(1.1rem,2vw,1.25rem)}.gbox-panel{border:1px solid var(--landing-border);background:var(--landing-bg);width:min(23rem,100vw - 1.5rem);max-height:min(80vh,40rem);box-shadow:var(--gcp-shadow-3);z-index:3000;border-radius:.75rem;padding:.5rem;position:absolute;top:calc(100% + .5rem);left:auto;right:0;overflow-y:auto}.gbox-panel-head{border-bottom:1px solid var(--landing-border);flex-direction:column;gap:.0625rem;margin-bottom:.5rem;padding:.175rem .4rem .5rem;display:flex}.gbox-panel-title{color:var(--landing-text);font-size:.8rem;font-weight:700}.gbox-panel-sub{color:var(--landing-muted);font-size:.575rem}.gbox-body{flex-direction:column;gap:.5rem;display:flex}.gbox-section{background:#3c404308;border-radius:.65rem;padding:.35rem}.gbox-section-head{padding:.125rem .25rem .3rem}.gbox-section-title{letter-spacing:.02em;color:var(--landing-text);font-size:.625rem;font-weight:700}.gbox-section-subtitle{color:var(--landing-muted);margin-top:.0625rem;font-size:.475rem}.gbox-grid{grid-template-columns:repeat(3,1fr);gap:.25rem;display:grid}.gbox-tile{color:var(--landing-text);background:0 0;border-radius:.5rem;flex-direction:column;align-items:center;gap:.25rem;padding:.35rem .125rem;text-decoration:none;transition:background .15s,transform .15s;display:flex}.gbox-tile:hover{background:#1a73e814;transform:translateY(-.5px)}.gbox-tile-icon{color:#1a73e8;border-radius:.5rem;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 6px 10px -2px #0000001f,0 3px 5px -2px #00000014}.gbox-tile:hover .gbox-tile-icon{transform:scale(1.05);box-shadow:0 10px 15px -3px #00000026,0 4px 6px -2px #0000001a}.gbox-tile-svg{width:.9rem;height:.9rem}.gbox-tile-label{text-align:center;color:var(--landing-text);font-size:clamp(.4rem,1.2vw,.5rem);font-weight:500;line-height:1.1}
