.gib{--gib-spring:cubic-bezier(.3, 1.18, .4, 1);width:max(44px, var(--gib-size,36px));height:max(44px, var(--gib-size,36px));color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid;position:relative}.gib-disc{width:var(--gib-size,36px);height:var(--gib-size,36px);--lg-tint:#ffffff1a;--lg-blur:20px;--lg-sat:1.8;--lg-drop:0 4px 16px #00000059;transition:transform .42s var(--gib-spring), background-color .2s;border:1px solid #ffffff1f;border-radius:999px;place-items:center;display:grid}.gib-disc svg{width:18px;height:18px}@media (hover:hover){.gib:hover .gib-disc{--lg-tint:#ffffff29}}.gib:active .gib-disc{transition-duration:.12s;transform:scale(.92)}.gib:focus-visible{outline:none}.gib:focus-visible .gib-disc{box-shadow:0 0 0 2px #fff9}@media (prefers-reduced-motion:reduce){.gib-disc{transition:none}}