@import url(https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Work Sans,sans-serif;margin:0}code{font-family:Work Sans,monospace}*{box-sizing:border-box;margin:0;padding:0}.App{background-color:#000;color:#fff;font-family:Work Sans,sans-serif;width:100%;z-index:0}#root,.App,body{min-height:100vh}#root,body{background:#000}.Header,header{grid-gap:16px;align-items:center;background:#0000;display:grid;gap:16px;grid-template-columns:repeat(12,1fr);min-height:64px;overflow:hidden;padding:24px 60px 0;width:100%}@media (max-width:900px){.Header,header{gap:8px;grid-template-columns:1fr 1fr;padding:16px 4vw 0}}.cards-layout{position:relative;z-index:1}@media (max-width:900px){.cards-layout{box-sizing:border-box;display:flex;flex-direction:column;gap:20px;overflow-x:hidden;padding:16px 4vw;width:100vw}}.cards-layout>[class^=section-]{margin:1vw}.cards-layout{gap:0}@media (max-width:900px){.cards-layout>[class^=section-]{margin:2.5vw 0}}.header-grid-item{align-self:start;grid-column:1/span 3;grid-row:1/-1;margin-bottom:0;margin-right:2.5vw;position:relative;z-index:10}.cards-layout>[class^=section-]{grid-column:4/span 9;margin-left:0}.cards-layout{grid-gap:24px;display:grid;gap:24px;grid-auto-rows:auto;grid-template-columns:repeat(12,1fr);padding:40px 60px}@media (max-width:900px){.cards-layout{box-sizing:border-box;display:flex;flex-direction:column;gap:20px;overflow-x:hidden;padding:16px 4vw;width:100vw}.header-grid-item{grid-column:1/-1;grid-row:1;margin-bottom:40vw;margin-right:0;width:100%}.cards-layout>[class^=section-]{box-sizing:border-box;grid-column:1/-1;margin-left:0;margin-top:2.5vw;max-width:100%;overflow-x:auto}}.cards-layout>.section-Oracles{grid-column:4/span 2;grid-row:2}.cards-layout>.section-Indexers{grid-column:6/span 2;grid-row:2}.cards-layout>.section-DAOs{grid-column:8/span 2;grid-row:2}.cards-layout>.section-Validators{grid-column:10/span 4;grid-row:2/span 2}.cards-layout>.section-Providers{grid-column:1/span 9;grid-row:3}.cards-layout>.section-dApps{grid-column:1/span 6;grid-row:4}.cards-layout>.section-Core{grid-column:7/span 3;grid-row:4}.cards-layout>.section-Auditors{grid-column:10/span 3;grid-row:4}.cards-layout>.section-Bridges{grid-column:1/span 3;grid-row:5}.cards-layout>.section-Explorers{grid-column:7/span 6;grid-row:5}.cards-layout>.section-Wallets{grid-column:4/span 3;grid-row:5}.section-card{align-items:center;height:auto!important;max-width:100%;min-height:0!important;min-width:0!important;padding:8px;position:relative;width:auto!important;z-index:1}.section-card img{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.section-card.section-Auditors,.section-card.section-Bridges,.section-card.section-Core,.section-card.section-DAOs,.section-card.section-Indexers,.section-card.section-Oracles{width:220px}@media (max-width:900px){.section-card{box-sizing:border-box;height:auto;max-width:100vw;min-height:0;min-width:0;overflow-x:auto;padding:8px 0;width:100%!important}}.logo-grid{width:100%}.Header img,.Header-logo,.xrp-logo,header img{align-self:center;box-sizing:border-box;display:block;height:auto;justify-self:center;margin:0 auto;max-height:100%;max-width:100%;object-fit:contain;overflow:hidden;width:auto}.Header>*,header>*{min-height:0;min-width:0;overflow:hidden}.BrandLines{height:100vh;left:0;pointer-events:none;position:absolute;top:0;width:100vw;z-index:0}.app-footer{background:#181818;border-top:1px solid #232323;bottom:0;box-shadow:0 -2px 16px 0 #0000001f;color:#fff;font-size:.9rem;left:0;padding:2vw 0;position:fixed;text-align:center;width:100%;z-index:100}.app-footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:10vw;justify-content:center}.app-footer-content>div{align-items:center;display:flex;margin:0}.app-footer a{color:#fff;text-decoration:underline;transition:color .15s}.app-footer a:hover{color:#7919ff}.app-footer.hidden{opacity:0;pointer-events:none}.app-footer.hidden,.app-footer.visible{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.app-footer.visible{opacity:1;pointer-events:auto}.cards-layout{padding-bottom:90px}@media (max-width:600px){.app-footer-content{flex-direction:column;gap:8px}}.brand-line{height:1000px;opacity:.7;pointer-events:none;position:fixed;width:1000px;z-index:0}.brand-line--left{background:none;bottom:-10px;left:-500px;top:auto}.brand-line--right{background:none;right:-500px;top:-10px}.App{position:relative;z-index:1}@media (max-width:900px){.brand-line{height:700px;width:700px}.brand-line--left{bottom:-200px;left:-500px}.brand-line--right{right:-500px;top:-10px}}.header-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;left:0;margin-top:2vw;max-width:100vw;overflow:hidden;position:absolute;top:0;width:100%;z-index:2}.xrpl-logo{max-height:64px}.ecosystem-svg,.xrpl-logo{display:block;height:auto;margin-left:0;margin-right:0;max-width:100%;object-fit:contain;width:auto}.ecosystem-svg{align-self:center;margin-top:24px;max-height:75px}.section-card{background-color:#1e1e1e;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;min-height:100px;min-width:180px;padding:16px 20px;transition:width .2s;width:240px}.section-title{color:#fff;font-size:1.25rem;font-weight:500;margin-bottom:12px;text-align:center}.logo-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));justify-content:center}.logo-wrapper{align-items:center;display:flex;height:48px;justify-content:center;width:48px}.logo-image{max-height:100%;max-width:100%;object-fit:contain;transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1)}.logo-wrapper:hover .logo-image{box-shadow:0 8px 24px 0 #0000002e,0 2px 8px 0 #00ffb41a;cursor:pointer;transform:translateY(-8px) scale(1.08)}.section-card.section-Providers,.section-card.section-Validators,.section-card.section-dApps{width:420px}.section-card.section-Explorers{width:320px}.section-card.section-Auditors,.section-card.section-Bridges,.section-card.section-Core{width:220px}.section-card.section-Wallets{width:180px}@media (max-width:900px){.section-card{min-width:0;width:98vw!important}}
/*# sourceMappingURL=main.c7dece53.css.map*/