.gem-bubble{isolation:isolate;border-radius:var(--gem-bubble-radius,12px);background:linear-gradient(180deg, var(--gem-bubble-highlight,#ffffff47) 0%, var(--gem-bubble-surface,#fff) 42%, var(--gem-bubble-surface,#fff) 100%);border:1px solid var(--gem-bubble-border,#00000014);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .18s cubic-bezier(.22,1.5,.36,1),box-shadow .18s,background .18s,filter .18s;position:relative;overflow:hidden;transform:translateY(0)scale(1);box-shadow:inset 0 1px #ffffff47,inset 0 -1px #0000000a,0 1px 1px #0f161e0d,0 3px 6px #0f161e0f}.gem-bubble:after{content:"";border-radius:inherit;pointer-events:none;z-index:1;mix-blend-mode:normal;background:linear-gradient(150deg,#96c8f036 0%,#96c8f01c 18%,#96c8f00b 40%,#96c8f004 60%,#0000 80%);position:absolute;inset:0}.gem-bubble:before{content:"";border-radius:inherit;pointer-events:none;z-index:2;mix-blend-mode:overlay;background:linear-gradient(60deg,#0000 0% 25%,#96c8f08f 45%,#96c8f0d6 50%,#96c8f08f 55%,#0000 75% 100%);transition:transform .9s cubic-bezier(.22,.61,.36,1);position:absolute;inset:0;transform:translate(-160%)}.gem-bubble:hover{filter:saturate(1.05);transform:translateY(-2px)scale(1.02);box-shadow:inset 0 1px #ffffff52,inset 0 -1px #0000000a,0 2px 3px #0f161e12,0 6px 12px #0f161e17}.gem-bubble:hover:before{transform:translate(160%)}.gem-bubble>*{z-index:3;position:relative}.gem-bubble:active{transition:transform 90ms cubic-bezier(.4,0,1,1),box-shadow 90ms;transform:translateY(1px)scale(.98);box-shadow:inset 0 1px 2px #0f161e29,inset 0 3px 6px #0f161e1a,0 1px 2px #0f161e0f}.gem-bubble:focus-visible{outline:2px solid var(--gem-bubble-focus,#0b71618c);outline-offset:2px}.gem-bubble.gem-bubble--disabled{cursor:not-allowed;opacity:.5;filter:grayscale(.2);transform:none}.gem-bubble.gem-bubble--disabled:before,.gem-bubble.gem-bubble--disabled:hover:before,.gem-bubble.gem-bubble--static:before,.gem-bubble.gem-bubble--static:hover:before{transform:translate(-160%)}.gem-bubble.gem-bubble--disabled:hover{filter:grayscale(.2);transform:none}.gem-bubble.gem-bubble--static,.gem-bubble.gem-bubble--static:hover,.gem-bubble.gem-bubble--static:active{filter:none;transform:none}.gem-bubble--tile{--gem-bubble-radius:14px;box-shadow:inset 0 1px #ffffff73,inset 0 -2px 3px #0000001f,0 1px 2px #0f161e1a,0 6px 12px #0f161e21}.gem-bubble--tile:hover{transform:translateY(-3px)scale(1.03);box-shadow:inset 0 1px #ffffff8c,inset 0 -2px 3px #0000001f,0 3px 5px #0f161e1f,0 10px 20px #0f161e29}.gem-bubble--tile:active{transform:translateY(1.5px)scale(.97);box-shadow:inset 0 2px 4px #0f161e38,inset 0 4px 8px #0f161e24,0 1px 2px #0f161e0f}@media (prefers-color-scheme:dark){.gem-bubble--tile{box-shadow:inset 0 1px #ffffff29,inset 0 -2px 6px #0000008c,0 1px 3px #0000008c,0 10px 22px #0000008c}.gem-bubble--tile:hover{box-shadow:inset 0 1px #ffffff38,inset 0 -2px 6px #0000008c,0 4px 8px #0009,0 16px 32px #0000009e}.gem-bubble--tile:active{box-shadow:inset 0 3px 6px #000000a6,inset 0 6px 12px #00000080,0 1px 2px #00000059}.gem-bubble--tile:after{background:linear-gradient(150deg,#96c8f024 0%,#96c8f012 18%,#96c8f008 40%,#96c8f003 60%,#0000 80%)}.gem-bubble--tile:before{background:linear-gradient(60deg,#0000 0% 25%,#96c8f04d 45%,#96c8f07a 50%,#96c8f04d 55%,#0000 75% 100%)}}.gem-bubble--row{--gem-bubble-radius:8px;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #00000008,0 1px 2px #0f161e0d}.gem-bubble--row:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff47,inset 0 -1px #00000008,0 2px 4px #0f161e12}.gem-bubble--row:active{transform:translateY(.5px);box-shadow:inset 0 1px 2px #0f161e1f,inset 0 2px 4px #0f161e14}@media (prefers-color-scheme:dark){.gem-bubble{box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #00000047,0 1px 1px #00000042,0 3px 6px #00000047}.gem-bubble:hover{box-shadow:inset 0 1px #ffffff12,inset 0 -1px #00000047,0 2px 3px #0000004d,0 6px 12px #00000052}.gem-bubble:before{background:linear-gradient(60deg,#0000 0% 32%,#ffffff08 45%,#ffffff12 50%,#ffffff08 55%,#0000 68% 100%)}.gem-bubble:after{background:linear-gradient(150deg,#ffffff0a 0%,#ffffff05 22%,#ffffff03 45%,#0000 65%)}}