.icon-btns{grid-gap:4em;grid-template-columns:repeat(2,1fr);margin:auto;padding:2em 0;display:grid;overflow:visible}.icon-btn{perspective:28em;width:5em;height:5em;transform-style:preserve-3d;-webkit-tap-highlight-color:transparent;cursor:pointer;background-color:#0000;border:none;outline:none;margin:auto;position:relative}.icon-btn__back,.icon-btn__front,.icon-btn__label{transition:opacity .4s cubic-bezier(.83,0,.17,1),transform .4s cubic-bezier(.83,0,.17,1)}.icon-btn__back,.icon-btn__front{border-radius:1.5em;width:100%;height:100%;position:absolute;top:0;left:0}.icon-btn__back{transform-origin:100% 100%;will-change:transform;display:block;transform:rotate(15deg);box-shadow:.6em -.6em 1em #0003,.3em -.3em .5em #0000001a}.icon-btn__front{-webkit-backdrop-filter:blur(12px)saturate(180%);transform-origin:80%;will-change:transform;background:#ffffff26;display:flex;box-shadow:inset 0 0 0 .15em #ffffff4d,0 8px 16px #0000001a}.dark .icon-btn__front{background:#1e293b4d;box-shadow:inset 0 0 0 .15em #60a5fa33,0 8px 16px #0000004d}.icon-btn__icon{color:#fff;filter:drop-shadow(0 2px 4px #0000004d);justify-content:center;align-items:center;width:2em;height:2em;margin:auto;display:flex}.icon-btn__label{white-space:nowrap;text-align:center;opacity:0;color:hsl(var(--foreground));font-size:.9em;font-weight:600;line-height:2;position:absolute;top:100%;left:0;right:0;transform:translateY(0)}.icon-btn:focus-visible .icon-btn__back,.icon-btn:hover .icon-btn__back{transform:rotate(25deg)translate3d(-.6em,-.6em,.6em);box-shadow:.8em -.8em 1.5em #00000040,.4em -.4em .75em #00000026}.icon-btn:focus-visible .icon-btn__front,.icon-btn:hover .icon-btn__front{transform:translateZ(2.5em)}.icon-btn:focus-visible .icon-btn__label,.icon-btn:hover .icon-btn__label{opacity:1;transform:translateY(30%)}@media (min-width:768px){.icon-btns{grid-gap:5em;grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.icon-btns{grid-template-columns:repeat(6,1fr)}}
.orb-container{z-index:0;width:100%;height:100%;position:relative}