:root{--modal-open-dur:.25s;--modal-close-dur:.15s;--modal-scale:.96;--modal-scale-close:.96;--modal-ease:cubic-bezier(.22, 1, .36, 1)}.t-modal{transform-origin:50%;transform:scale(var(--modal-scale));opacity:0;pointer-events:none;transition:transform var(--modal-open-dur) var(--modal-ease), opacity var(--modal-open-dur) var(--modal-ease);will-change:transform, opacity}.t-modal.is-open{opacity:1;pointer-events:auto;transform:scale(1)}.t-modal.is-closing{transform:scale(var(--modal-scale-close));opacity:0;pointer-events:none;transition:transform var(--modal-close-dur) var(--modal-ease), opacity var(--modal-close-dur) var(--modal-ease)}@media (prefers-reduced-motion:reduce){.t-modal{transition:none!important}}.hoop-integrations-page{--i-ink:var(--text--text-primary,#0a0a0a);--i-ink-2:var(--text--text-secondary,#3f3f3f);--i-ink-3:var(--text--text-tertiary,#666);--i-paper:var(--background--bg-primary,#fff);--i-paper-2:var(--background--bg-secondary,#f5f5f3);--i-line:var(--borders--border-primary,#dededb);--i-solid:#0a0a0a;--i-solid-ink:#fafafa;--i-solid-muted:#fafafab8;--i-solid-line:#fafafa33;--i-tint:color-mix(in srgb, var(--i-ink) 4%, transparent);--i-radius:.875rem;--i-radius-sm:.625rem;--i-max:82rem;background:var(--i-paper);min-block-size:100vh;color:var(--i-ink);font-family:var(--font-sans,"Intervariable", "Inter", system-ui, sans-serif)}.hoop-integrations-page *,.hoop-integrations-page :before,.hoop-integrations-page :after{box-sizing:border-box}.hoop-integrations-page :is(h1,h2,h3,p){margin:0}.hoop-integrations-page :is(h1,h2,h3){text-wrap:balance}.hoop-integrations-page p{text-wrap:pretty}.hoop-integrations-page a{color:inherit}.hoop-integrations-page svg{flex:none;block-size:1rem;inline-size:1rem}.hoop-integrations-shell{inline-size:min(100%, var(--i-max));margin-inline:auto;padding-inline:clamp(1.25rem,4vw,3rem)}.hoop-integrations-eyebrow,.hoop-integration-related-heading>span,.hoop-integrations-footer-note>div>div>span{color:var(--i-ink-3);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.75rem;font-size:.75rem;font-weight:650;line-height:1.4;display:inline-flex}.hoop-integrations-eyebrow:before,.hoop-integration-related-heading>span:before,.hoop-integrations-footer-note>div>div>span:before{content:"";background:currentColor;block-size:.125rem;inline-size:1.75rem}.hoop-integrations-text-link{color:var(--i-ink);text-underline-offset:.25rem;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:650;text-decoration-thickness:.0625rem;display:inline-flex}.hoop-integrations-text-link svg{transition:transform .18s}.hoop-integrations-text-link:hover svg{transform:translate(.2rem)}.hoop-integrations-button{border:.0625rem solid var(--i-solid);background:var(--i-solid);min-block-size:3rem;font:inherit;cursor:pointer;border-radius:999rem;justify-content:center;align-items:center;gap:.625rem;padding:.75rem 1.375rem;font-size:.9375rem;font-weight:650;line-height:1.2;text-decoration:none;transition:background-color .18s,color .18s;display:inline-flex;color:var(--i-solid-ink)!important}.hoop-integrations-button:hover{background:0 0;color:var(--i-solid)!important}.hoop-integrations-button.is-invert{border-color:var(--i-solid-ink);background:var(--i-solid-ink);color:var(--i-solid)!important}.hoop-integrations-button.is-invert:hover{background:0 0;color:var(--i-solid-ink)!important}.hoop-integrations-text-link.is-invert{color:var(--i-solid-ink)}.hoop-integrations-hero{border-block-end:.0625rem solid var(--i-line);padding-block:clamp(7rem,13vw,11rem) clamp(4rem,7vw,6rem)}.hoop-integrations-hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(20rem,.75fr);align-items:end;gap:clamp(3rem,8vw,8rem);display:grid}.hoop-integrations-hero h1{letter-spacing:-.055em;max-inline-size:13ch;margin-block-start:1.5rem;font-size:clamp(3.25rem,7vw,6.5rem);font-weight:540;line-height:.94}.hoop-integrations-hero-grid>div:last-child>p{max-inline-size:35rem;color:var(--i-ink-2);font-size:clamp(1.0625rem,1.6vw,1.25rem);line-height:1.65}.hoop-integrations-hero-grid .hoop-integrations-text-link{margin-block-start:1.75rem}.hoop-integrations-trust-note{background:var(--i-solid);color:var(--i-solid-ink)}.hoop-integrations-trust-note>div{grid-template-columns:12rem 1fr;align-items:center;gap:2rem;padding-block:1.125rem;display:grid}.hoop-integrations-trust-note span{letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:700}.hoop-integrations-trust-note p{color:var(--i-solid-muted);font-size:.875rem;line-height:1.55}.hoop-integrations-directory-section{padding-block:clamp(4.5rem,8vw,7rem) clamp(6rem,11vw,10rem)}.hoop-integrations-filter-panel{border-block:.0625rem solid var(--i-line);grid-template-columns:minmax(22rem,1.1fr) minmax(28rem,1fr);display:grid}.hoop-integrations-search{border-inline-end:.0625rem solid var(--i-line);grid-template-columns:1.25rem 1fr auto;align-items:center;gap:.875rem;min-block-size:5.5rem;padding-inline:1.25rem;display:grid;position:relative}.hoop-integrations-search>svg{block-size:1.25rem;inline-size:1.25rem;color:var(--i-ink-3)}.hoop-integrations-search label{clip-path:inset(50%);white-space:nowrap;block-size:.0625rem;inline-size:.0625rem;position:absolute;overflow:hidden}.hoop-integrations-search input{min-inline-size:0;color:var(--i-ink);font:inherit;background:0 0;border:0;outline:0;font-size:clamp(1rem,1.5vw,1.125rem)}.hoop-integrations-search input::placeholder{color:var(--i-ink-3);opacity:1}.hoop-integrations-search button,.hoop-integrations-result-bar button,.hoop-integrations-dialog-toolbar button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.hoop-integrations-search button{border-radius:999rem;block-size:2.5rem;inline-size:2.5rem}.hoop-integrations-search button:hover{background:var(--i-tint)}.hoop-integrations-direction-filter{border:0;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:1.25rem;display:flex}.hoop-integrations-direction-filter legend{clip-path:inset(50%);white-space:nowrap;block-size:.0625rem;inline-size:.0625rem;position:absolute;overflow:hidden}.hoop-integrations-direction-filter button{border:.0625rem solid var(--i-line);min-block-size:2.625rem;color:var(--i-ink-2);font:inherit;cursor:pointer;background:0 0;border-radius:999rem;padding:.625rem .9375rem;font-size:.8125rem;font-weight:600;transition:border-color .18s,background-color .18s,color .18s}.hoop-integrations-direction-filter button:hover{border-color:var(--i-ink-3)}.hoop-integrations-direction-filter button[aria-pressed=true]{border-color:var(--i-solid);background:var(--i-solid);color:var(--i-solid-ink)}.hoop-integrations-selects{border-block-start:.0625rem solid var(--i-line);grid-column:1/-1;grid-template-columns:1.25rem repeat(3,minmax(0,1fr));align-items:center;gap:1rem;padding:1.25rem;display:grid}.hoop-integrations-selects>svg{color:var(--i-ink-3)}.hoop-integrations-selects label{grid-template-columns:auto 1fr;align-items:center;gap:.75rem;display:grid}.hoop-integrations-selects label+label{border-inline-start:.0625rem solid var(--i-line);padding-inline-start:1rem}.hoop-integrations-selects span{color:var(--i-ink-3);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:650}.hoop-integrations-selects select{border:.0625rem solid var(--i-line);border-radius:var(--i-radius-sm);background-color:var(--i-paper);min-inline-size:0;color:var(--i-ink);font:inherit;padding:.625rem 2rem .625rem .75rem;font-size:.875rem}.hoop-integrations-selects .hoop-integrations-check-filter{cursor:pointer;border-inline-start:0;grid-column:2/-1;align-items:center;gap:.75rem;min-block-size:2.75rem;padding-block-start:.25rem;padding-inline-start:0;display:flex}.hoop-integrations-check-filter input{block-size:1.125rem;inline-size:1.125rem;accent-color:var(--i-solid)}.hoop-integrations-check-filter span{color:var(--i-ink-2);letter-spacing:0;text-transform:none}.hoop-integrations-result-bar{min-block-size:4.5rem;color:var(--i-ink-3);justify-content:space-between;align-items:center;gap:1rem;font-size:.875rem;display:flex}.hoop-integrations-result-bar strong{color:var(--i-ink);font-size:1rem}.hoop-integrations-result-bar>div{gap:.25rem;display:grid}.hoop-integrations-result-bar small{max-inline-size:42rem;color:var(--i-ink-3);font-size:.75rem;line-height:1.45}.hoop-integrations-result-bar button{color:var(--i-ink);text-underline-offset:.25rem;font-size:.875rem;font-weight:650;text-decoration:underline .0625rem}.hoop-integrations-grid{border-block-start:.0625rem solid var(--i-line);border-inline-start:.0625rem solid var(--i-line);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.hoop-integrations-grid>li{min-inline-size:0;display:flex}.hoop-integrations-grid>li>a{border-inline-end:.0625rem solid var(--i-line);border-block-end:.0625rem solid var(--i-line);min-block-size:24rem;min-inline-size:0;color:inherit;flex:1;grid-template-rows:auto 1fr auto;gap:2rem;padding:1.5rem;text-decoration:none;transition:background-color .18s;display:grid}.hoop-integrations-grid>li>a:hover{background:var(--i-tint)}.hoop-integration-card-top,.hoop-integration-card-bottom{justify-content:space-between;align-items:center;gap:1rem;display:flex}.hoop-integration-mark{border:.0625rem solid var(--i-line);border-radius:var(--i-radius-sm);color:#0a0a0a;letter-spacing:-.02em;background:#fff;justify-content:center;align-items:center;block-size:3.25rem;inline-size:3.25rem;font-size:.75rem;font-weight:750;display:inline-flex;position:relative;overflow:hidden}.hoop-integration-monogram{place-items:center;display:grid;position:absolute;inset:0}.hoop-integration-mark.is-large{border-radius:var(--i-radius);block-size:5.25rem;inline-size:5.25rem;font-size:1.125rem}.hoop-integration-mark img{object-fit:contain;block-size:100%;inline-size:100%;display:block;position:relative}.hoop-integration-direction{color:var(--i-ink-3);align-items:center;gap:.375rem;font-size:.75rem;font-weight:650;display:inline-flex}.hoop-integration-direction svg{block-size:.875rem;inline-size:.875rem}.hoop-integration-card-copy>span{color:var(--i-ink-3);letter-spacing:.08em;text-transform:uppercase;margin-block-end:.625rem;font-size:.6875rem;font-weight:650;display:block}.hoop-integration-card-copy>.hoop-integration-source{align-items:center;gap:.375rem;display:inline-flex}.hoop-integration-source svg{block-size:.8125rem;inline-size:.8125rem}.hoop-integration-source.is-verified{color:var(--i-ink)}.hoop-integration-card-copy h2{letter-spacing:-.035em;font-size:clamp(1.625rem,2.3vw,2.125rem);font-weight:560;line-height:1.05}.hoop-integration-card-copy p{color:var(--i-ink-2);overflow-wrap:anywhere;margin-block-start:1rem;font-size:.9375rem;line-height:1.65}.hoop-integration-feature-tags{flex-wrap:wrap;gap:.375rem;margin-block-start:1.25rem;display:flex}.hoop-integration-feature-tags span{border:.0625rem solid var(--i-line);min-block-size:1.75rem;color:var(--i-ink-2);border-radius:999rem;align-items:center;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;display:inline-flex}.hoop-integration-card-bottom{border-block-start:.0625rem solid var(--i-line);color:var(--i-ink-3);padding-block-start:1rem;font-size:.75rem;font-weight:650}.hoop-integration-card-bottom svg{color:var(--i-ink);transition:transform .18s}.hoop-integrations-grid>li>a:hover .hoop-integration-card-bottom svg{transform:translate(.18rem,-.18rem)}.hoop-integrations-pagination{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding-block-start:2rem;display:grid}.hoop-integrations-pagination>a,.hoop-integrations-pagination div a{border:.0625rem solid var(--i-line);min-block-size:2.75rem;color:var(--i-ink-2);border-radius:999rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem .875rem;font-size:.8125rem;font-weight:650;text-decoration:none;display:inline-flex}.hoop-integrations-pagination>a:last-child{justify-self:end}.hoop-integrations-pagination>a[aria-disabled=true]{opacity:.38;pointer-events:none}.hoop-integrations-pagination>div,.hoop-integrations-pagination>div>span{align-items:center;gap:.375rem;display:flex}.hoop-integrations-pagination div a{inline-size:2.75rem;padding-inline:0}.hoop-integrations-pagination div a[aria-current=page]{border-color:var(--i-solid);background:var(--i-solid);color:var(--i-solid-ink)}.hoop-integrations-pagination i{color:var(--i-ink-3);padding-inline:.25rem;font-style:normal}.hoop-integrations-empty{border:.0625rem solid var(--i-line);align-content:center;justify-items:start;min-block-size:26rem;padding:clamp(2rem,6vw,5rem);display:grid}.hoop-integrations-empty>span{color:var(--i-ink-3);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:650}.hoop-integrations-empty h2{letter-spacing:-.04em;margin-block-start:1rem;font-size:clamp(2rem,4vw,3.5rem);font-weight:550}.hoop-integrations-empty p{max-inline-size:34rem;color:var(--i-ink-2);margin-block:1rem 1.75rem;line-height:1.65}.hoop-integrations-footer-note{border-block-start:.0625rem solid var(--i-line);background:var(--i-paper-2);padding-block:clamp(5rem,10vw,9rem)}.hoop-integrations-footer-note>div{grid-template-columns:minmax(0,1fr) minmax(20rem,.8fr);gap:clamp(3rem,8vw,8rem);display:grid}.hoop-integrations-footer-note h2{letter-spacing:-.045em;max-inline-size:14ch;margin-block-start:1.25rem;font-size:clamp(2.5rem,5vw,4.75rem);font-weight:540;line-height:1}.hoop-integrations-footer-note p{color:var(--i-ink-2);font-size:1.0625rem;line-height:1.75}.hoop-integrations-footer-note .hoop-integrations-text-link{margin-block-start:1.75rem}html.hoop-integration-dialog-open{overflow:hidden}.hoop-integrations-dialog{border:.0625rem solid var(--i-line,#dededb);background:var(--i-paper,#fff);max-block-size:calc(100dvh - 2rem);inline-size:min(64rem,100% - 2rem);max-inline-size:none;color:var(--i-ink,#0a0a0a);border-radius:1rem;margin:auto;padding:0;overflow:visible}.hoop-integrations-dialog::backdrop{background:#000000b3}.hoop-integrations-dialog-frame{border-radius:inherit;background:var(--i-paper,#fff);grid-template-rows:auto minmax(0,1fr);block-size:min(54rem,100dvh - 2rem);display:grid;overflow:hidden}.hoop-integrations-dialog-toolbar{z-index:2;border-block-end:.0625rem solid var(--i-line,#dededb);background:var(--i-paper,#fff);justify-content:space-between;align-items:center;gap:1rem;min-block-size:4rem;padding-inline:1.25rem;font-size:.8125rem;font-weight:650;display:flex;position:relative}.hoop-integrations-dialog-toolbar button{border:.0625rem solid var(--i-line,#dededb);border-radius:999rem;block-size:2.5rem;inline-size:2.5rem}.hoop-integrations-dialog-toolbar button:hover{background:var(--i-tint,#0000000a)}.hoop-integrations-dialog-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;overflow:auto}.hoop-integrations-dialog-state{align-content:center;justify-items:start;min-block-size:32rem;padding:clamp(2rem,7vw,6rem);display:grid}.hoop-integrations-dialog-state>span{color:var(--i-ink-3,#666);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:650}.hoop-integrations-dialog-state h2{letter-spacing:-.045em;max-inline-size:15ch;margin-block-start:1rem;font-size:clamp(2rem,5vw,4rem);font-weight:550;line-height:1}.hoop-integrations-dialog-state p{max-inline-size:34rem;color:var(--i-ink-2,#3f3f3f);margin-block:1rem 1.75rem;line-height:1.65}.hoop-integration-profile{padding-block-start:1rem}.hoop-integration-breadcrumb{color:var(--i-ink-3);flex-wrap:wrap;align-items:center;gap:.5rem;padding-block:6rem 2rem;font-size:.8125rem;display:flex}.hoop-integration-breadcrumb a{text-decoration:none}.hoop-integration-breadcrumb a:hover{text-underline-offset:.2rem;text-decoration:underline}.hoop-integration-detail-content{padding-block-end:clamp(6rem,12vw,10rem)}.hoop-integration-detail-content.is-modal{padding:clamp(1.5rem,5vw,4rem)}.hoop-integration-detail-header{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);padding-block:clamp(2rem,5vw,4rem) clamp(3rem,7vw,6rem);display:grid}.is-modal .hoop-integration-detail-header{padding-block-start:0}.hoop-integration-detail-heading h1,.hoop-integration-detail-heading h2{letter-spacing:-.055em;margin-block:1.25rem 1.5rem;font-size:clamp(3rem,7vw,6.5rem);font-weight:540;line-height:.94}.is-modal .hoop-integration-detail-heading h2{font-size:clamp(2.5rem,6vw,4.75rem)}.hoop-integration-detail-heading>p{max-inline-size:47rem;color:var(--i-ink-2);font-size:clamp(1.0625rem,1.7vw,1.3125rem);line-height:1.65}.hoop-integration-badges{flex-wrap:wrap;gap:.5rem;display:flex}.hoop-integration-badges span{border:.0625rem solid var(--i-line);min-block-size:1.875rem;color:var(--i-ink-2);letter-spacing:.04em;text-transform:uppercase;border-radius:999rem;align-items:center;padding:.375rem .6875rem;font-size:.6875rem;font-weight:650;display:inline-flex}.hoop-integration-detail-meta{border-block:.0625rem solid var(--i-line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.hoop-integration-detail-meta>div{border-inline-end:.0625rem solid var(--i-line);gap:.5rem;padding:1.5rem;display:grid}.hoop-integration-detail-meta>div:last-child{border-inline-end:0}.hoop-integration-detail-meta span{color:var(--i-ink-3);letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem;font-weight:650}.hoop-integration-detail-meta strong{font-size:.875rem;font-weight:620}.hoop-integration-detail-section{border-block-end:.0625rem solid var(--i-line);grid-template-columns:5rem minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);padding-block:clamp(4rem,8vw,7rem);display:grid}.hoop-integration-section-index{color:var(--i-ink-3);letter-spacing:.08em;font-size:.75rem;font-weight:650}.hoop-integration-detail-section h2,.hoop-integration-detail-section>div>h3,.hoop-integration-two-column h3{letter-spacing:-.04em;font-size:clamp(2rem,4vw,3.5rem);font-weight:550;line-height:1.04}.hoop-integration-overview{max-inline-size:50rem;color:var(--i-ink-2);font-size:1.0625rem;line-height:1.75;margin-block-start:1.5rem!important}.hoop-integration-flows{border-block-start:.0625rem solid var(--i-line);border-inline-start:.0625rem solid var(--i-line);grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:3rem;display:grid}.hoop-integration-flow{border-inline-end:.0625rem solid var(--i-line);border-block-end:.0625rem solid var(--i-line);grid-template-columns:auto 1fr;gap:1rem;padding:1.5rem;display:grid}.hoop-integration-flow-icon{border:.0625rem solid var(--i-line);border-radius:999rem;justify-content:center;align-items:center;block-size:2.5rem;inline-size:2.5rem;display:inline-flex}.hoop-integration-flow>div>span{color:var(--i-ink-3);letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem;font-weight:650}.hoop-integration-flow h3{letter-spacing:-.02em;font-size:1.125rem;font-weight:650;margin-block-start:.5rem!important}.hoop-integration-flow p{color:var(--i-ink-2);font-size:.875rem;line-height:1.65;margin-block-start:.75rem!important}.hoop-integration-evidence-note{border:.0625rem solid var(--i-line);background:var(--i-paper-2);grid-template-columns:auto 1fr;gap:1rem;max-inline-size:50rem;margin-block-start:2rem;padding:1.5rem;display:grid}.hoop-integration-evidence-note>svg{block-size:1.25rem;inline-size:1.25rem}.hoop-integration-evidence-note strong{font-size:.9375rem;display:block}.hoop-integration-evidence-note p{color:var(--i-ink-2);font-size:.875rem;line-height:1.65;margin-block-start:.5rem!important}.hoop-integration-two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(3rem,7vw,7rem);display:grid}.hoop-integration-check-list,.hoop-integration-number-list,.hoop-integration-sources,.hoop-integration-caveat ul{margin:0;padding:0;list-style:none}.hoop-integration-check-list,.hoop-integration-number-list{border-block-start:.0625rem solid var(--i-line);margin-block-start:2rem}.hoop-integration-check-list li{border-block-end:.0625rem solid var(--i-line);color:var(--i-ink-2);grid-template-columns:1.5rem 1fr;gap:.75rem;padding-block:1rem;line-height:1.55;display:grid}.hoop-integration-check-list svg{color:var(--i-ink);margin-block-start:.15rem}.hoop-integration-number-list li{border-block-end:.0625rem solid var(--i-line);grid-template-columns:2.5rem 1fr;gap:1rem;padding-block:1rem;display:grid}.hoop-integration-number-list li>span{color:var(--i-ink-3);font-size:.75rem;font-weight:650}.hoop-integration-number-list p{color:var(--i-ink-2);line-height:1.55}.hoop-integration-caveat{border:.0625rem solid var(--i-line);background:var(--i-paper-2);grid-template-columns:auto 1fr;gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.hoop-integration-caveat>svg{block-size:1.25rem;inline-size:1.25rem}.hoop-integration-caveat li{color:var(--i-ink-2);padding-inline-start:1rem;line-height:1.65}.hoop-integration-caveat li+li{margin-block-start:.75rem}.hoop-integration-requirements{border-block-start:.0625rem solid var(--i-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-block:2rem 0;display:grid}.hoop-integration-requirements>div{border-inline-end:.0625rem solid var(--i-line);border-block-end:.0625rem solid var(--i-line);padding:1.5rem}.hoop-integration-requirements>div:last-child{border-inline-end:0}.hoop-integration-requirements dt{color:var(--i-ink-3);letter-spacing:.07em;text-transform:uppercase;font-size:.6875rem;font-weight:650}.hoop-integration-requirements dd{color:var(--i-ink-2);margin:.75rem 0 0;line-height:1.65}.hoop-integration-source-note{max-inline-size:48rem;color:var(--i-ink-2);line-height:1.7;margin-block-start:1.5rem!important}.hoop-integration-sources{border-block-start:.0625rem solid var(--i-line);margin-block-start:2rem}.hoop-integration-sources a{border-block-end:.0625rem solid var(--i-line);justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;text-decoration:none;display:flex}.hoop-integration-sources a>span{gap:.25rem;display:grid}.hoop-integration-sources strong{font-size:.9375rem;font-weight:620}.hoop-integration-sources small{color:var(--i-ink-3);font-size:.75rem}.hoop-integration-sources a:hover strong{text-underline-offset:.2rem;text-decoration:underline}.hoop-integration-modal-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-block-start:2rem;display:flex}.hoop-integration-modal-actions a{text-underline-offset:.25rem;align-items:center;gap:.5rem;font-weight:650;text-decoration-thickness:.0625rem;display:inline-flex}.hoop-integration-profile-cta{background:var(--i-solid);color:var(--i-solid-ink);padding-block:clamp(5rem,10vw,9rem)}.hoop-integration-profile-cta p{color:color-mix(in srgb, var(--i-solid-ink) 65%, transparent);letter-spacing:.08em;text-transform:uppercase;font-size:.8125rem;font-weight:650}.hoop-integration-profile-cta h2{letter-spacing:-.05em;max-inline-size:14ch;margin-block:1.25rem 2rem;font-size:clamp(2.75rem,6vw,5.5rem);font-weight:540;line-height:.98}.hoop-integration-profile-cta>div>div{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.hoop-integration-related{border-block-end:.0625rem solid var(--i-line);padding-block:clamp(5rem,10vw,9rem)}.hoop-integration-related-heading h2{letter-spacing:-.045em;margin-block-start:1rem;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:540}.hoop-integration-related-grid{border-block-start:.0625rem solid var(--i-line);border-inline-start:.0625rem solid var(--i-line);grid-template-columns:repeat(3,minmax(0,1fr));margin-block-start:3rem;display:grid}.hoop-integration-related-grid>a{border-inline-end:.0625rem solid var(--i-line);border-block-end:.0625rem solid var(--i-line);grid-template-columns:auto 1fr auto;align-items:start;gap:1rem;min-block-size:12rem;padding:1.25rem;text-decoration:none;transition:background-color .18s;display:grid}.hoop-integration-related-grid>a:hover{background:var(--i-tint)}.hoop-integration-related-grid h3{font-size:1.125rem;font-weight:650}.hoop-integration-related-grid p{color:var(--i-ink-2);font-size:.8125rem;line-height:1.55;margin-block-start:.5rem!important}.hoop-integrations-page :is(a,button,input,select):focus-visible,.hoop-integrations-dialog :is(a,button):focus-visible{outline:.125rem solid var(--i-ink,#0a0a0a);outline-offset:.1875rem}.hoop-integration-profile-cta :is(a,button):focus-visible{outline-color:var(--i-solid-ink)}html.dark .hoop-integrations-page,[data-theme=dark] .hoop-integrations-page,html.dark .hoop-integrations-dialog,[data-theme=dark] .hoop-integrations-dialog{--i-solid:#fafafa;--i-solid-ink:#0a0a0a;--i-solid-muted:#0a0a0ab8;--i-solid-line:#0a0a0a2e;--i-tint:color-mix(in srgb, var(--i-ink) 7%, transparent)}@media (width<=68rem){.hoop-integrations-hero-grid,.hoop-integrations-footer-note>div{grid-template-columns:1fr}.hoop-integrations-hero-grid{align-items:start}.hoop-integrations-hero h1{max-inline-size:15ch}.hoop-integrations-filter-panel{grid-template-columns:1fr}.hoop-integrations-search{border-inline-end:0;border-block-end:.0625rem solid var(--i-line)}.hoop-integrations-grid,.hoop-integration-related-grid,.hoop-integration-detail-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.hoop-integration-detail-meta>div:nth-child(2){border-inline-end:0}.hoop-integration-detail-meta>div:nth-child(-n+2){border-block-end:.0625rem solid var(--i-line)}}@media (width<=48rem){.hoop-integrations-hero{padding-block-start:6rem}.hoop-integrations-hero h1{font-size:clamp(3rem,15vw,4.75rem)}.hoop-integrations-trust-note>div{grid-template-columns:1fr;gap:.5rem}.hoop-integrations-direction-filter{align-items:stretch}.hoop-integrations-direction-filter button{flex:9rem}.hoop-integrations-selects{grid-template-columns:1fr}.hoop-integrations-selects>svg{display:none}.hoop-integrations-selects label,.hoop-integrations-selects label+label{border-inline-start:0;grid-template-columns:1fr;padding-inline-start:0}.hoop-integrations-selects .hoop-integrations-check-filter{grid-column:auto}.hoop-integrations-pagination{grid-template-columns:1fr 1fr}.hoop-integrations-pagination>div{grid-area:1/1/auto/-1;justify-content:center}.hoop-integrations-pagination>a:first-child{justify-self:start}.hoop-integrations-grid,.hoop-integration-related-grid,.hoop-integration-flows,.hoop-integration-two-column,.hoop-integration-requirements{grid-template-columns:minmax(0,1fr)}.hoop-integrations-grid>li>a{min-block-size:20rem}.hoop-integrations-dialog{border-block-end:0;border-inline:0;border-radius:1rem 1rem 0 0;max-block-size:100dvh;inline-size:100%}.hoop-integrations-dialog-frame{block-size:calc(100dvh - 1rem)}.hoop-integration-detail-content.is-modal{padding:1.25rem}.hoop-integration-detail-header{grid-template-columns:1fr}.hoop-integration-detail-heading h1,.hoop-integration-detail-heading h2,.is-modal .hoop-integration-detail-heading h2{font-size:clamp(2.75rem,14vw,4.5rem)}.hoop-integration-detail-meta{grid-template-columns:1fr}.hoop-integration-detail-meta>div,.hoop-integration-detail-meta>div:nth-child(2){border-inline-end:0;border-block-end:.0625rem solid var(--i-line)}.hoop-integration-detail-section{grid-template-columns:1fr}.hoop-integration-section-index{border-block-end:.0625rem solid var(--i-line);padding-block-end:1rem}.hoop-integration-flow,.hoop-integration-requirements>div{border-inline-end:.0625rem solid var(--i-line)}.hoop-integration-modal-actions,.hoop-integration-profile-cta>div>div{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.hoop-integrations-page *,.hoop-integrations-page :before,.hoop-integrations-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important}}