.glass-icons{grid-template-columns:repeat(4,minmax(0,1fr));place-items:start center;gap:clamp(28px,5vw,72px);display:grid}.glass-icon{perspective:24em;width:78px;height:78px;transform-style:preserve-3d;-webkit-tap-highlight-color:transparent;border:0;transition:filter .3s,translate .3s cubic-bezier(.22,1,.36,1);position:relative}.glass-icon__back,.glass-icon__front,.glass-icon__label{transition:opacity .3s cubic-bezier(.83,0,.17,1),transform .3s cubic-bezier(.83,0,.17,1)}.glass-icon__back,.glass-icon__front{border-radius:19px;position:absolute;inset:0}.glass-icon__back{transform-origin:100% 100%;display:block;transform:rotate(15deg);box-shadow:8px -8px 22px #00000059,0 0 35px #f867081f}.glass-icon__front{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform-origin:80%;background:#ffffff1a;border:1px solid #ffffff38;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.glass-icon__glyph{color:#fff;place-items:center;width:28px;height:28px;margin:auto;display:grid}.glass-icon__glyph svg{stroke:currentColor;width:100%;height:100%}.glass-icon__label{color:#d9dfe1;font:700 var(--t-mono-label,11px) var(--font-plex), monospace;letter-spacing:.06em;text-align:center;text-transform:uppercase;white-space:nowrap;opacity:.72;line-height:1.25;position:absolute;top:calc(100% + 13px);left:50%;transform:translate(-50%)}.glass-icon:hover .glass-icon__back,.glass-icon:focus-visible .glass-icon__back{transform:rotate(25deg)translate3d(-8px,-8px,8px)}.glass-icon:hover,.glass-icon:focus-visible{filter:drop-shadow(0 13px 22px #f8670847);translate:0 -6px}.glass-icon:hover .glass-icon__front,.glass-icon:focus-visible .glass-icon__front{transform:translateZ(25px)}.glass-icon:hover .glass-icon__label,.glass-icon:focus-visible .glass-icon__label{color:#fff;opacity:1;transform:translate(-50%,3px)}@media (max-width:680px){.glass-icons{grid-template-columns:repeat(2,1fr);gap:58px 38px}.glass-icon__label{opacity:1}}@media (prefers-reduced-motion:reduce){.glass-icon__back,.glass-icon__front,.glass-icon__label{transition:none}.glass-icon:hover,.glass-icon:focus-visible{translate:0}}