.int-orbit{--int-chip:var(--ds-size-orbit-chip);--int-turn:var(--ds-motion-orbit);--int-turn-outer:calc(var(--int-turn) * 1.5);--int-dot:color-mix(in oklab, var(--ds-color-fg) 30%, var(--ds-color-bg));width:min(100%, var(--ds-size-orbit));aspect-ratio:1;color:var(--ds-color-fg);margin-inline:auto;position:relative}@media (min-width:48rem) and (max-width:79.999rem){.int-orbit{width:min(100%, calc(var(--ds-size-orbit) * .81))}}@media (min-width:64rem){.int-orbit{--int-chip:var(--ds-size-orbit-chip-lg)}}.int-ring{border-radius:var(--ds-radius-control);border:calc(var(--ds-border-width) * 2) dotted var(--int-dot);animation:int-turn var(--int-turn) linear infinite;animation-play-state:paused;position:absolute}.int-ring-outer{inset:calc(var(--int-chip) / 2);animation-duration:var(--int-turn-outer);animation-direction:reverse}.int-ring-inner{inset:20%}.int-chip{left:var(--int-x);top:var(--int-y);width:var(--int-chip);height:var(--int-chip);border-radius:var(--ds-radius-control);border:var(--ds-border-width) solid var(--ds-color-border);background:var(--ds-color-bg);box-shadow:var(--ds-shadow-xs);transition:scale var(--ds-motion-duration) var(--ds-motion-ease), border-color var(--ds-motion-duration) var(--ds-motion-ease), box-shadow var(--ds-motion-duration) var(--ds-motion-ease);place-items:center;display:grid;position:absolute;translate:-50% -50%}.int-mark{width:50%;height:50%;animation:int-turn var(--int-turn) linear infinite reverse;transition:color var(--ds-motion-duration) var(--ds-motion-ease);place-items:center;animation-play-state:paused;display:grid}.int-ring-outer .int-mark{animation-duration:var(--int-turn-outer);animation-direction:normal}.int-mark svg{width:100%;height:100%}.int-chip[data-lit]{border-color:var(--ds-color-ring);box-shadow:var(--ds-shadow-sm);scale:1.12}.int-chip[data-lit] .int-mark{color:var(--ds-color-accent)}.int-core{border-radius:var(--ds-radius-control);border:var(--ds-border-width) solid var(--ds-color-border);background:var(--ds-color-bg);box-shadow:var(--ds-shadow-md);place-items:center;display:grid;position:absolute;inset:37%}.dark .int-core{background:var(--ds-color-cream);border-color:#0000}.int-core-mark{width:58%;height:auto}.int-orbit[data-orbit=on] :is(.int-ring,.int-mark){animation-play-state:running}.int-orbit[data-held] :is(.int-ring,.int-mark){animation-play-state:paused}@media (prefers-reduced-motion:reduce){.int-ring,.int-mark{animation:none}}@keyframes int-turn{to{rotate:1turn}}#integrations-list{--int-ground:var(--ds-color-bg)}#integrations-list.int-on-tint{--int-ground:var(--ds-color-surface)}.int-grid{gap:var(--ds-border-width);background-color:var(--ds-color-border);border-block:var(--ds-border-width) solid var(--ds-color-border);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:48rem){.int-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.int-cell{align-content:start;column-gap:var(--ds-space-gap-sm);padding:var(--ds-space-gap-sm);background-color:var(--int-ground);transition:background-color var(--ds-motion-duration) var(--ds-motion-ease);grid-template-columns:auto minmax(0,1fr);display:grid}.int-cell-mark{width:calc(var(--ds-space-gap) + var(--ds-space-gap-sm) / 2);height:calc(var(--ds-space-gap) + var(--ds-space-gap-sm) / 2);color:var(--ds-color-fg);transition:color var(--ds-motion-duration) var(--ds-motion-ease);grid-row:span 2;place-items:center;display:grid}@media (min-width:48rem){.int-cell{row-gap:calc(var(--ds-space-gap-sm) / 2);padding-bottom:var(--ds-space-gap);grid-template-columns:minmax(0,1fr)}.int-cell-mark{margin-bottom:calc(var(--ds-space-gap-sm) / 2);grid-row:auto}}.int-cell-mark svg{width:80%;height:80%}.int-cell-letter{border:var(--ds-border-width) solid currentColor;border-radius:var(--ds-radius-control);width:100%;height:100%;font-size:var(--ds-text-small);place-items:center;font-weight:700;line-height:1;display:grid}.int-cell-name{font-size:var(--ds-text-body);font-weight:600;line-height:var(--ds-leading-heading);color:var(--ds-color-fg);text-wrap:balance}.int-cell-kind{font-size:var(--ds-text-small);line-height:var(--ds-leading-body);color:var(--ds-color-muted-fg)}@media (hover:hover){.int-cell:hover{background-color:color-mix(in oklab, var(--ds-color-surface) 60%, var(--int-ground))}.int-cell:hover .int-cell-mark{color:var(--ds-color-accent)}}