.dg-icon-tile{--dg-tone:var(--dg-accent-2);width:56px;height:56px;color:var(--dg-tone);background:radial-gradient(120% 90% at 20% 0%, color-mix(in srgb, var(--dg-tone) 22%, transparent), transparent 60%), linear-gradient(160deg, color-mix(in srgb, var(--dg-tone) 12%, var(--dg-panel-1)), color-mix(in srgb, var(--dg-tone) 4%, var(--dg-panel-2)));border:1px solid color-mix(in srgb, var(--dg-tone) 30%, var(--dg-stroke));box-shadow:inset 0 1px 0 var(--dg-panel-hi), 0 1px 2px color-mix(in srgb, var(--dg-bg-2) 40%, transparent);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;transition:box-shadow .2s,border-color .2s,transform .2s;display:inline-flex;position:relative}.dg-icon-tile[data-tone=lens]{--dg-tone:var(--dg-accent-3)}.dg-icon-tile[data-tone=connect]{--dg-tone:var(--dg-text-2)}.dg-icon-tile[data-status=coming]{border-style:dashed}.dg-icon-tile svg{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--dg-tone) 35%, transparent));position:relative}.lv2-fb-tile:hover .dg-icon-tile,.lv2-fb-tile:focus-visible .dg-icon-tile{border-color:color-mix(in srgb, var(--dg-tone) 65%, var(--dg-stroke-2));box-shadow:inset 0 1px 0 var(--dg-panel-hi), 0 0 0 3px color-mix(in srgb, var(--dg-tone) 14%, transparent), 0 6px 22px -4px color-mix(in srgb, var(--dg-tone) 55%, transparent);transform:translateY(-1px)}@media (min-width:1024px){.dg-icon-tile{border-radius:15px;width:60px;height:60px}}@media (prefers-reduced-motion:reduce){.dg-icon-tile{transition:none}.lv2-fb-tile:hover .dg-icon-tile,.lv2-fb-tile:focus-visible .dg-icon-tile{transform:none}}