Skip to content

Instantly share code, notes, and snippets.

@Ashon-G

Ashon-G/financial-details.markdown

Created February 7, 2024 15:33
Show Gist options
  • Save Ashon-G/52f1b4c8fdfa936bf0f2a7d781383b97 to your computer and use it in GitHub Desktop.
Save Ashon-G/52f1b4c8fdfa936bf0f2a7d781383b97 to your computer and use it in GitHub Desktop.
Download ZIP
Financial Details
Raw
index.html
<div data-ryu-obtrusive-scrollbars="true" style="">
<noscript> You need to enable JavaScript to run this app. </noscript>
<div style="display: none"> Your browser is outdated. Upgrade to an updated browser to use this site. </div>
<div class="Ryu-i2s">
<div class="cIq-djg RyuNavigation--drf">
<aside class="kSI-wti RyuNavigationDesktopPrimaryContainer--ixp">
<div data-id="desktop-primary-header" class="RyuFlexRoot-sc-nk769a-4zo ghj-yab">
<div class="bmNa-gp9">
<div class="fQj-12m">
<div class="jGr-65w RyuNavigationDesktopPrimaryHeaderButton--mhl">
<div>
<a class="RyuButtonRoot-sc-pfy37f-bw2 hWk-hv2 RyuButtonRoot--3kx RyuButtonRoot--2fs icon-rsz icon-7jp" href="/home">
<div class="RyuButtonIcon-sc-ltbz6a-f7r ldS-txz">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 56 56" class="RyuIconSvg-sc-pwh8r-0 eFuuGY RyuIconSvg RyuIconSvg--ramp RyuIconSvg--asSizeM RyuIconSvg--inline" width="16" height="16" aria-hidden="true">
<path fill="currentColor" d="M56 47.778v.211L25.5 48v-.222c4.398-2.51 7.434-5.065 10.166-7.735h12.523L56 47.778ZM48.443 7.659 40.713 0h-.226s.13 14.274-12.85 27.255C14.938 39.961 0 39.99 0 39.99v.223l7.876 7.792s14.719.147 27.72-12.734C48.553 22.432 48.444 7.659 48.444 7.659Z">
</path>
</svg>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="bmNa-gp9 row-7pp">
<div class="RyuFlexRoot-sc-nk769a-4zo ghj-yab">
<div class="bmNa-gp9">
<div class="jIc-9d1">
<div class="ePZ-ivt">
<div class="RyuNavigationItemSingleMain-sc-kc1pyy-rj2">
<div>
<div class="bCs-lbh">
<a class="RyuButtonRoot-sc-pfy37f-bw2 inV-5fe RyuButtonRoot--3kx RyuButtonRoot--2fs RyuButtonRoot--p6k" href="/application/c326b6b6-69ea-4a6d-b2f8-dcbc6078f650/step/business-address">
<div class="RyuButtonIcon-sc-ltbz6a-f7r ldS-txz">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 16 16" class="RyuIconSvg-sc-pwh8r-0 cDKLQA RyuIconSvg RyuIconSvg--check-circle-filled RyuIconSvg--asSizeS RyuIconSvg--inline" aria-hidden="true">
<path fill="currentColor" fill-rule="evenodd" d="m7.33.116-.183.013A7.507 7.507 0 0 0 .251 7.023c-.017.184-.017.997 0 1.181a7.437 7.437 0 0 0 .767 2.758 7.394 7.394 0 0 0 1.411 1.96 7.51 7.51 0 0 0 2.94 1.818 7.672 7.672 0 0 0 1.778.36c.185.016.998.016 1.182 0a7.437 7.437 0 0 0 2.758-.768 7.488 7.488 0 0 0 2.364-1.846 7.552 7.552 0 0 0 1.415-2.504 7.67 7.67 0 0 0 .36-1.778c.016-.184.016-.997 0-1.181a7.437 7.437 0 0 0-.767-2.758 7.489 7.489 0 0 0-1.847-2.363 7.553 7.553 0 0 0-2.778-1.5 7.707 7.707 0 0 0-1.44-.27A16.34 16.34 0 0 0 7.33.117Zm4.293 4.242c.087.03.132.057.192.117a.42.42 0 0 1 .133.341.429.429 0 0 1-.074.243c-.04.06-5.223 5.243-5.284 5.282a.39.39 0 0 1-.259.072.39.39 0 0 1-.259-.072 133.63 133.63 0 0 1-2.469-2.469.428.428 0 0 1-.074-.242.42.42 0 0 1 .133-.341.42.42 0 0 1 .34-.133c.1.004.166.024.238.072.022.015.502.489 1.066 1.053L6.33 9.306l2.432-2.43a769.526 769.526 0 0 1 2.456-2.45.481.481 0 0 1 .404-.068Z" clip-rule="evenodd">
</path>
</svg>
</div>
<span class="RyuButtonContent-sc-tyfdsd-rqm jRd-oej"> Business address </span>
</a>
</div>
</div>
</div>
</div>
<div class="ePZ-ivt">
<div class="RyuNavigationItemSingleMain-sc-kc1pyy-rj2">
<div>
<div class="bCs-lbh">
<a class="RyuButtonRoot-sc-pfy37f-bw2 inV-5fe RyuButtonRoot--3kx RyuButtonRoot--2fs RyuButtonRoot--p6k" href="/application/c326b6b6-69ea-4a6d-b2f8-dcbc6078f650/step/business-details">
<div class="RyuButtonIcon-sc-ltbz6a-f7r ldS-txz">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 16 16" class="RyuIconSvg-sc-pwh8r-0 cDKLQA RyuIconSvg RyuIconSvg--status-half RyuIconSvg--asSizeS RyuIconSvg--inline" aria-hidden="true">
<circle cx="8" cy="8" r="6.5" stroke="currentColor">
</circle>
<path fill="currentColor" d="M8 4a4 4 0 1 1 0 8V4Z">
</path>
</svg>
</div>
<span class="RyuButtonContent-sc-tyfdsd-rqm jRd-oej"> Business details </span>
</a>
</div>
</div>
</div>
</div>
<div class="ePZ-ivt">
<div class="RyuNavigationItemSingleMain-sc-kc1pyy-rj2">
<div>
<div class="bCs-lbh">
<a class="RyuButtonRoot-sc-pfy37f-bw2 inV-5fe RyuButtonRoot--3kx RyuButtonRoot--2fs RyuButtonRoot--p6k" href="/application/c326b6b6-69ea-4a6d-b2f8-dcbc6078f650/step/leadership">
<div class="RyuButtonIcon-sc-ltbz6a-f7r ldS-txz">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 16 16" class="RyuIconSvg-sc-pwh8r-0 cDKLQA RyuIconSvg RyuIconSvg--status-empty RyuIconSvg--asSizeS RyuIconSvg--inline" aria-hidden="true">
<circle cx="8" cy="8" r="6.5" stroke="currentColor">
</circle>
</svg>
</div>
<span class="RyuButtonContent-sc-tyfdsd-rqm jRd-oej"> Leadership </span>
</a>
</div>
</div>
</div>
</div>
<div class="ePZ-ivt">
<div class="RyuNavigationItemSingleMain-sc-kc1pyy-rj2">
<div>
<div class="bCs-lbh">
<a class="RyuButtonRoot-sc-pfy37f-bw2 inV-5fe RyuButtonRoot--3kx RyuButtonRoot--2fs RyuButtonRoot--p6k" href="/application/c326b6b6-69ea-4a6d-b2f8-dcbc6078f650/step/ownership">
<div class="RyuButtonIcon-sc-ltbz6a-f7r ldS-txz">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 16 16" class="RyuIconSvg-sc-pwh8r-0 cDKLQA RyuIconSvg RyuIconSvg--status-empty RyuIconSvg--asSizeS RyuIconSvg--inline" aria-hidden="true">
<circle cx="8" cy="8" r="6.5" stroke="currentColor">
</circle>
</svg>
</div>
<span class="RyuButtonContent-sc-tyfdsd-rqm jRd-oej"> Ownership </span>
</a>
</div>
</div>
</div>
</div>
<div class="ePZ-ivt RyuNavigationItemSingleRoot--som">
<div class="RyuNavigationItemSingleMain-sc-kc1pyy-rj2">
<div>
<div class="bCs-lbh RyuNavigationButtonRoot--lla">
<a class="RyuButtonRoot-sc-pfy37f-bw2 inV-5fe RyuButtonRoot--3kx RyuButtonRoot--2fs RyuButtonRoot--p6k" href="/application/c326b6b6-69ea-4a6d-b2f8-dcbc6078f650/step/financial-details">
<div class="RyuButtonIcon-sc-ltbz6a-f7r ldS-txz">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 16 16" class="RyuIconSvg-sc-pwh8r-0 cDKLQA RyuIconSvg RyuIconSvg--status-empty RyuIconSvg--asSizeS RyuIconSvg--inline" aria-hidden="true">
<circle cx="8" cy="8" r="6.5" stroke="currentColor">
</circle>
</svg>
</div>
<span class="RyuButtonContent-sc-tyfdsd-rqm jRd-oej"> Financial details </span>
</a>
</div>
</div>
</div>
</div>
<div class="ePZ-ivt">
<div class="RyuNavigationItemSingleMain-sc-kc1pyy-rj2">
<div>
<div class="bCs-lbh">
<a class="RyuButtonRoot-sc-pfy37f-bw2 inV-5fe RyuButtonRoot--3kx RyuButtonRoot--2fs RyuButtonRoot--p6k" href="/application/c326b6b6-69ea-4a6d-b2f8-dcbc6078f650/step/submit">
<div class="RyuButtonIcon-sc-ltbz6a-f7r ldS-txz">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 16 16" class="RyuIconSvg-sc-pwh8r-0 cDKLQA RyuIconSvg RyuIconSvg--status-empty RyuIconSvg--asSizeS RyuIconSvg--inline" aria-hidden="true">
<circle cx="8" cy="8" r="6.5" stroke="currentColor">
</circle>
</svg>
</div>
<span class="RyuButtonContent-sc-tyfdsd-rqm jRd-oej"> Review &amp; submit </span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bmNa-gp9">
<div class="irz-2ov">
<div class="jIc-9d1">
<div class="ePZ-ivt">
<div class="RyuNavigationItemSingleMain-sc-kc1pyy-rj2">
<div>
<div class="bCs-lbh">
<button class="RyuButtonRoot-sc-pfy37f-bw2 inV-5fe RyuButtonRoot--3kx RyuButtonRoot--2fs RyuButtonRoot--p6k" type="button">
<div class="RyuButtonIcon-sc-ltbz6a-f7r ldS-txz">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="RyuIconSvg-sc-pwh8r-0 cCZdaH RyuIconSvg RyuIconSvg--log-out RyuIconSvg--asSizeS RyuIconSvg--inline" aria-hidden="true">
<path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4">
</path>
<polyline points="16 17 21 12 16 7">
</polyline>
<line x1="21" y1="12" x2="9" y2="12">
</line>
</svg>
</div>
<span class="RyuButtonContent-sc-tyfdsd-rqm jRd-oej"> Sign out </span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</aside>
<div class="RyuNavigationRootContent-sc-1azq5aq-c7m gDU-egt">
<form style="">
<div class="RyuFlexRoot-sc-nk769a-4zo eJZ-e8q">
<main class="cMc-xya">
<div class="RyuFlexRoot-sc-nk769a-4zo Opk-efr">
<div class="bmNa-gp9">
<h3 class="cXn-pm2">
<div class="RyuFlexRoot-sc-nk769a-4zo fYX-lq5">
<div class="bmNa-gp9">
<div>
<span class="RyuTextHeadingRoot-sc-89xi1a-1kr kYV-owm"> Financial details </span>
</div>
</div>
</div>
</h3>
</div>
</div>
<p class="qGj-7xk"> We use this information to better understand your business and more accurately determine your <a class="eZp-n8g RyuLinkRoot--svm" href="/application/c326b6b6-69ea-4a6d-b2f8-dcbc6078f650/step/financial-details/ramp-limit"> Ramp Limit. </a>
</p>
<div class="iAQ-lyq">
</div>
<div>
<h2 class="RyuTextHeadingRoot-sc-89xi1a-1kr cCK-sp1"> Monthly spend </h2>
<div class="kXY-t8n">
</div>
<p class="jWl-too"> Enter your business’s average monthly credit card expenditure. This figure, among other factors, helps us more accurately determine your limit. </p>
<div class="kXY-t8n">
</div>
<div>
<div class="cIw-jb2">
<input type="range" class="enU-3s4 RyuInputSliderRangeInput--qfn" value="27">
<div class="RyuInputSliderTrack-sc-nd3upm-oo3 JHZ-153">
<div class="eIb-eog style-xklWg" id="style-xklWg">
</div>
</div>
</div>
</div>
<div class="fa-xrk">
</div>
<div class="fVv-t5c"> $10,000,000 <span class="hhZ-jiy"> / month </span>
</div>
</div>
<hr class="emi-dbk RyuBreakRoot--yov">
<div class="RyuFlexRoot-sc-nk769a-4zo fYX-lq5">
<div class="bmNa-gp9">
<h4 class="RyuTextHeadingRoot-sc-89xi1a-1kr fRF-n8j"> Banking details </h4>
</div>
<div class="bmNa-gp9">
<span class="eXe-1cp RyuBadgeRoot--hdt RyuBadgeRoot--mms RyuBadgeRoot--a54">
<span class="euj-75b">
<span class="hwZ-4vr"> Required </span>
</span>
</span>
</div>
</div>
<div class="kXY-t8n">
</div>
<div class="fyv-qo3"> Need help? Check out our <a class="eZp-n8g RyuLinkRoot--svm" href="/application/c326b6b6-69ea-4a6d-b2f8-dcbc6078f650/step/financial-details/linking-faq"> Bank Linking FAQs </a>
</div>
<div class="fa-xrk">
</div>
<div class="RyuFlexRoot-sc-nk769a-4zo cwt-2zi">
<div class="bmNa-gp9">
<div class="HzW-7no">
</div>
</div>
</div>
<button class="RyuButtonRoot-sc-pfy37f-bw2 RNd-w4w RyuButtonRoot--3kx RyuButtonRoot--cvz" type="button">
<span class="RyuButtonContent-sc-tyfdsd-rqm jRd-oej"> Connect new bank account </span>
<div class="RyuButtonIcon-sc-ltbz6a-f7r ldS-txz">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="RyuIconSvg-sc-pwh8r-0 dHGoRC RyuIconSvg RyuIconSvg--link-flat RyuIconSvg--asSizeM RyuIconSvg--inline" aria-hidden="true">
<path d="M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3">
</path>
<line x1="8" y1="12" x2="16" y2="12">
</line>
</svg>
</div>
</button>
<div class="HzW-7no">
</div>
<div class="RyuFlexRoot-sc-nk769a-4zo gLH-ahe">
<div class="bmNa-gp9">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="RyuIconSvg-sc-pwh8r-0 bZutRo RyuIconSvg RyuIconSvg--lock RyuIconSvg--asSizeM RyuIconSvg--inline" aria-hidden="true">
<rect x="3" y="11" width="18" height="11" rx="2" ry="2">
</rect>
<path d="M7 11V7a5 5 0 0 1 10 0v4">
</path>
</svg>
</div>
<div class="bmNa-gp9">
<p class="jWl-too"> Connections use 256-bit encryption. </p>
</div>
</div>
<div class="emi-dbk">
</div>
<div class="RyuFlexRoot-sc-nk769a-4zo fYX-lq5">
<div class="bmNa-gp9">
<h4 class="RyuTextHeadingRoot-sc-89xi1a-1kr fRF-n8j"> Accounting details </h4>
</div>
<div class="bmNa-gp9">
<span class="eXe-1cp RyuBadgeRoot--hdt RyuBadgeRoot--pp5 RyuBadgeRoot--a54">
<span class="euj-75b">
<span class="hwZ-4vr"> Optional </span>
</span>
</span>
</div>
</div>
<div class="kXY-t8n">
</div>
<div class="fyv-qo3"> Automatically connect an accounting platform, or manually upload financial statements. </div>
<div class="iAQ-lyq">
</div>
<div class="RyuFlexRoot-sc-nk769a-4zo gLH-ahe">
<div class="bmNa-gp9">
<button class="RyuButtonRoot-sc-pfy37f-bw2 RNd-w4w RyuButtonRoot--3kx RyuButtonRoot--cvz" type="button">
<span class="RyuButtonContent-sc-tyfdsd-rqm jRd-oej"> Connect via QuickBooks </span>
<div class="RyuButtonIcon-sc-ltbz6a-f7r ldS-txz">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="RyuIconSvg-sc-pwh8r-0 dHGoRC RyuIconSvg RyuIconSvg--zap RyuIconSvg--asSizeM RyuIconSvg--inline" aria-hidden="true">
<polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2">
</polygon>
</svg>
</div>
</button>
</div>
<div class="bmNa-gp9">
<button class="RyuButtonRoot-sc-pfy37f-bw2 RNd-w4w RyuButtonRoot--3kx RyuButtonRoot--cvz" type="button">
<span class="RyuButtonContent-sc-tyfdsd-rqm jRd-oej"> Upload financial statements </span>
</button>
</div>
</div>
<div class="emi-dbk">
</div>
<button class="RyuButtonRoot-sc-pfy37f-bw2 RNd-w4w RyuButtonRoot--m1n RyuButtonRoot--a9i" type="submit">
<span class="RyuButtonContent-sc-tyfdsd-rqm jRd-oej"> Save &amp; continue </span>
</button>
</main>
<aside class="fAN-t27">
<img src="https://app.ramp.com/static/asset.ur9Yy-_-aJ.jpg" class="dWF-cmd">
<div>
<div class="iAQ-lyq">
</div>
<p class="jEJ-4iy"> “This recent situation with the banks put us in a really terrible position. All of our financial services, including cards, were locked into one provider. Now with Ramp we’re able to connect multiple banking partners and see a consolidated view of our spend in one platform.” </p>
<div class="RyuFlexRoot-sc-nk769a-4zo fYX-lq5">
<div class="bmNa-gp9">
<div class="cRH-hi5 RyuAvatarRoot--v1w">
<img src="https://app.ramp.com/static/asset.VkNokmw0CW.jpg" class="bBg-ot6 RyuImageRoot--h4t">
</div>
</div>
<div class="bmNa-gp9">
<div>
<p class="ieX-jej"> Sara Mauskopf <span class="iIR-2vb"> CEO </span>
</p>
<img src="https://app.ramp.com/static/asset.KWSjxtfm63.png" height="16">
</div>
</div>
</div>
</div>
</aside>
</div>
</form>
</div>
</div>
</div>
Raw
style.css
@font-face {
font-family:Lausanne;
font-weight:300;
font-style:normal;
font-display:swap;
src:url(https://app.ramp.com/static/asset.bwIDXYIkC0.woff2) format("woff2"),url(https://app.ramp.com/static/asset.76TjNr4tjZ.woff) format("woff");
}
@font-face {
font-family:Lausanne;
font-weight:300;
font-style:italic;
font-display:swap;
src:url(https://app.ramp.com/static/asset.o9QVgIUATY.woff2) format("woff2"),url(https://app.ramp.com/static/asset.DtBGj0GsTq.woff) format("woff");
}
@font-face {
font-family:Lausanne;
font-weight:400;
font-style:normal;
font-display:swap;
src:url(https://app.ramp.com/static/asset.Oz4JFr1bDX.woff2) format("woff2"),url(https://app.ramp.com/static/asset.QMKTFIg1sn.woff) format("woff");
}
@font-face {
font-family:Lausanne;
font-weight:400;
font-style:italic;
font-display:swap;
src:url(https://app.ramp.com/static/asset.gNC0xEJVFV.woff2) format("woff2"),url(https://app.ramp.com/static/asset.RheYMbhG9O.woff) format("woff");
}
@font-face {
font-family:Lausanne;
font-weight:700;
font-style:bold;
font-display:swap;
src:url(https://app.ramp.com/static/asset.AL4L_ciERE.woff2) format("woff2"),url(https://app.ramp.com/static/asset.FxcALOjwA3.woff) format("woff");
}
@font-face {
font-family:Lausanne;
font-weight:700;
font-style:italic;
font-display:swap;
src:url(https://app.ramp.com/static/asset.Nupxdz2YAh.woff2) format("woff2"),url(https://app.ramp.com/static/asset.LyD2i8hYNe.woff) format("woff");
}
body {
font-size:16px;
font-family:Lausanne, Helvetica, sans-serif;
font-weight:300;
color:rgb(46, 46, 39);
}
body {
/* CSS Variables that may have been missed get put on body */
--ryu-button-color: #2E2E27;
--ryu-button-border-color: #DBDAC9;
--ryu-button-contrast-color: #2E2E27;
--ryu-button-bg-color: #ebe8e5;
--ryu-button-color: #605239;
--ryu-button-border-color: #d1bd61;
--ryu-button-contrast-color: #2E2E27;
--ryu-button-bg-color: #E4F222;
--ryu-button-color: #2E2E27;
--ryu-button-border-color: #DBDAC9;
--ryu-button-contrast-color: #2E2E27;
--ryu-button-bg-color: #ebe8e5;
--ryu-button-color: #707062;
--ryu-button-color: #2E2E27;
--ryu-button-border-color: #DBDAC9;
--ryu-button-contrast-color: #2E2E27;
--ryu-button-bg-color: #ebe8e5;
}
* {
box-sizing: border-box;
}
html {
margin: 0px;
padding: 0px;
border: none;
vertical-align: baseline;
}
html {
font-size: 16px;
font-family: Lausanne, Helvetica, sans-serif;
font-weight: 300;
height: 100%;
}
html {
background-color: rgb(255, 255, 255);
color: rgb(46, 46, 39);
}
body {
margin: 0px;
padding: 0px;
border: none;
vertical-align: baseline;
}
body {
min-height: 100%;
margin: 0px;
display: flex;
position: relative;
-webkit-font-smoothing: antialiased;
}
body {
background-color: rgb(255, 255, 255);
color: rgb(46, 46, 39);
}
*,:before,:after {
box-sizing: border-box;
}
:selection {
background: rgb(228, 242, 34);
color: rgb(46, 46, 39);
}
body[data-ryu-obtrusive-scrollbars="true"]:-webkit-scrollbar {
appearance: none;
}
body[data-ryu-obtrusive-scrollbars="true"]:-webkit-scrollbar-thumb {
border-radius: 0.25rem;
background-color: rgba(0, 0, 0, 0.5);
}
div {
margin: 0px;
padding: 0px;
border: none;
vertical-align: baseline;
}
.Ryu-i2s {
flex: 1 1 0%;
min-width: 0px;
}
:host {
all: initial;
}
aside {
margin: 0px;
padding: 0px;
border: none;
vertical-align: baseline;
}
iframe {
margin: 0px;
padding: 0px;
border: none;
vertical-align: baseline;
}
img {
margin: 0px;
padding: 0px;
border: none;
vertical-align: baseline;
}
canvas {
margin: 0px;
padding: 0px;
border: none;
vertical-align: baseline;
}
.cIq-djg {
display: flex;
min-height: 100%;
}
.cIq-djg.RyuNavigation--drf {
position: relative;
}
section {
margin: 0px;
padding: 0px;
border: none;
vertical-align: baseline;
}
header {
margin: 0px;
padding: 0px;
border: none;
vertical-align: baseline;
}
.kSI-wti {
position: sticky;
top: 0px;
z-index: 90000;
height: 100%;
overflow-y: auto;
min-width: 16rem;
max-width: 16rem;
width: 16rem;
border-right: 1px solid rgb(219, 218, 201);
background-color: rgb(244, 243, 239);
transform: translateX(-100%);
transition-property: min-width, transform, width;
transition-duration: 0.14s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.kSI-wti.RyuNavigationDesktopPrimaryContainer--ixp {
transform: translateX(0px);
}
.kSI-wti:-webkit-scrollbar {
appearance: none;
}
.kSI-wti:-webkit-scrollbar-thumb {
border-radius: 0.25rem;
background-color: rgba(0, 0, 0, 0.5);
}
.gDU-egt {
flex: 1 1 0%;
}
.RyuNavigation--drf .RyuNavigationRootContent-sc-1azq5aq-c7m {
width: 100%;
flex: 1 0 0px;
min-width: 0px;
}
button {
background: none;
border: none;
padding: 0px;
margin: 0px;
color: inherit;
border-radius: 0px;
font-size: inherit;
font-family: Lausanne, Helvetica, sans-serif;
}
button {
color: inherit;
font-weight: 400;
}
button {
cursor: pointer;
}
h3 {
margin: 0px;
padding: 0px;
border: none;
vertical-align: baseline;
}
h3 {
font-family: inherit;
font-weight: inherit;
font-size: inherit;
}
h3 {
font-size: 16px;
line-height: 24px;
}
.ghj-yab {
display: flex;
flex-direction: column;
-webkit-box-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
justify-content: space-between;
gap: 0rem;
-webkit-box-flex: 1;
flex-grow: 1;
max-width: 100%;
}
@media (min-width: 768px){
.ghj-yab {
gap: 0rem;
}
}
.kSI-wti > .RyuFlexRoot-sc-nk769a-4zo {
height: 100vh;
}
form {
margin: 0px;
padding: 0px;
border: none;
vertical-align: baseline;
}
input {
font-family: Lausanne, Helvetica, sans-serif;
font-weight: 300;
}
label {
margin: 0px;
padding: 0px;
border: none;
vertical-align: baseline;
}
h4 {
margin: 0px;
padding: 0px;
border: none;
vertical-align: baseline;
}
h4 {
font-family: inherit;
font-weight: inherit;
font-size: inherit;
}
ul {
margin: 0px;
padding: 0px;
border: none;
vertical-align: baseline;
}
span {
margin: 0px;
padding: 0px;
border: none;
vertical-align: baseline;
}
.bmNa-gp9 {
display: flex;
flex-direction: column;
flex-basis: auto;
max-width: 100%;
}
.bmNa-gp9.row-7pp {
min-width: 0px;
-webkit-box-flex: 1;
flex-grow: 1;
flex-basis: 0%;
}
.kSI-wti [data-id="desktop-primary-header"] > div:nth-child(3) {
position: sticky;
bottom: 0px;
}
.eJZ-e8q {
display: flex;
flex-direction: row;
-webkit-box-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
justify-content: space-between;
gap: 0rem;
-webkit-box-flex: 1;
flex-grow: 1;
max-width: 100%;
}
@media (min-width: 768px){
.eJZ-e8q {
gap: 0rem;
}
}
p {
margin: 0px;
padding: 0px;
border: none;
vertical-align: baseline;
}
p {
font-family: inherit;
font-weight: inherit;
font-size: inherit;
}
li {
margin: 0px;
padding: 0px;
border: none;
vertical-align: baseline;
}
.fQj-12m {
margin: 1rem 0.5rem;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
}
.irz-2ov {
background-color: rgb(244, 243, 239);
border-top: 1px solid rgb(235, 232, 229);
padding: 0.25rem 0px;
}
.cMc-xya {
max-width: 40rem;
padding: 1.5rem;
flex: 1 0 auto;
}
@media (min-width: 992px){
.cMc-xya {
max-width: 50rem;
padding: 5rem;
}
}
.fAN-t27 {
max-width: 39rem;
height: 100vh;
padding: 1.5rem;
position: sticky;
top: 0px;
right: 0px;
display: flex;
flex-direction: column;
-webkit-box-align: stretch;
align-items: stretch;
background-color: rgb(244, 243, 239);
}
.jGr-65w.RyuNavigationDesktopPrimaryHeaderButton--mhl {
width: 100%;
min-width: 0px;
}
.jIc-9d1 {
white-space: nowrap;
}
.Opk-efr {
display: flex;
flex-flow: wrap;
align-items: flex-end;
-webkit-box-pack: justify;
justify-content: space-between;
gap: 0.5rem;
-webkit-box-flex: 1;
flex-grow: 1;
max-width: 100%;
}
@media (min-width: 768px){
.Opk-efr {
gap: 1rem;
}
}
.qGj-7xk {
color: rgb(112, 112, 98);
font-family: Lausanne, Helvetica, sans-serif;
font-weight: 300;
font-size: 1rem;
line-height: 1.5rem;
text-decoration: none;
text-align: inherit;
letter-spacing: normal;
max-width: 100%;
overflow-wrap: break-word;
}
.qGj-7xk:not(:last-child) {
margin-bottom: 1lh;
}
.iAQ-lyq {
flex-shrink: 0;
height: 1rem;
}
@media only screen and (min-width: 768px){
.iAQ-lyq {
height: 1.5rem;
}
}
.emi-dbk {
flex-shrink: 0;
height: 1.5rem;
}
@media only screen and (min-width: 768px){
.emi-dbk {
height: 3.5rem;
}
}
.emi-dbk.RyuBreakRoot--yov {
border: none;
width: 100%;
height: 1px;
margin: 1.5rem 0px;
background-color: rgb(235, 232, 229);
}
@media only screen and (min-width: 768px){
.emi-dbk.RyuBreakRoot--yov {
margin: 3.5rem 0px;
}
}
.fYX-lq5 {
display: flex;
flex-direction: row;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: start;
justify-content: flex-start;
gap: 0.5rem;
-webkit-box-flex: 1;
flex-grow: 1;
max-width: 100%;
}
@media (min-width: 768px){
.fYX-lq5 {
gap: 1rem;
}
}
.kXY-t8n {
flex-shrink: 0;
height: 0.5rem;
}
@media only screen and (min-width: 768px){
.kXY-t8n {
height: 0.5rem;
}
}
.fyv-qo3 {
color: rgb(112, 112, 98);
font-family: Lausanne, Helvetica, sans-serif;
font-weight: 300;
font-size: 0.875rem;
line-height: 1.25rem;
text-decoration: none;
text-align: inherit;
letter-spacing: normal;
max-width: 100%;
overflow-wrap: break-word;
}
.fa-xrk {
flex-shrink: 0;
height: 0.75rem;
}
@media only screen and (min-width: 768px){
.fa-xrk {
height: 1rem;
}
}
.cwt-2zi {
display: flex;
flex-direction: column;
-webkit-box-align: stretch;
align-items: stretch;
-webkit-box-pack: start;
justify-content: flex-start;
gap: 1.5rem;
-webkit-box-flex: 1;
flex-grow: 1;
max-width: 100%;
}
@media (min-width: 768px){
.cwt-2zi {
gap: 2.5rem;
}
}
.RNd-w4w {
position: relative;
display: inline-flex;
-webkit-box-align: center;
align-items: center;
gap: 0.5rem;
height: 3.5rem;
padding: 0px 1.5rem;
font-family: Lausanne, Helvetica, sans-serif;
font-size: 1rem;
line-height: 1.5rem;
max-width: 100%;
text-decoration: none;
-webkit-box-pack: start;
justify-content: flex-start;
appearance: none;
-webkit-tap-highlight-color: transparent;
cursor: pointer;
background-color: rgb(255, 255, 255);
border: 1px solid transparent;
color: rgb(46, 46, 39);
}
.RNd-w4w.RyuButtonRoot--cvz {
color: var(--ryu-button-color);
border: solid 1px var(--ryu-button-border-color);
}
.RNd-w4w.RyuButtonRoot--3kx {
--ryu-button-color: #2E2E27;
--ryu-button-border-color: #DBDAC9;
--ryu-button-contrast-color: #2E2E27;
--ryu-button-bg-color: #ebe8e5;
}
.RNd-w4w:hover,.RNd-w4w:active {
filter: brightness(0.95);
}
.HzW-7no {
flex-shrink: 0;
height: 0.5rem;
}
@media only screen and (min-width: 768px){
.HzW-7no {
height: 0.75rem;
}
}
.gLH-ahe {
display: flex;
flex-direction: row;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: start;
justify-content: flex-start;
gap: 0.5rem;
-webkit-box-flex: 1;
flex-grow: 1;
max-width: 100%;
}
@media (min-width: 768px){
.gLH-ahe {
gap: 0.5rem;
}
}
.RNd-w4w.RyuButtonRoot--a9i {
color: var(--ryu-button-contrast-color);
border: solid 1px var(--ryu-button-bg-color);
background-color: var(--ryu-button-bg-color);
}
.RNd-w4w.RyuButtonRoot--m1n {
--ryu-button-color: #605239;
--ryu-button-border-color: #d1bd61;
--ryu-button-contrast-color: #2E2E27;
--ryu-button-bg-color: #E4F222;
}
.dWF-cmd {
width: 100%;
min-height: 0px;
object-fit: cover;
object-position: center 10%;
aspect-ratio: 583 / 711;
}
i {
margin: 0px;
padding: 0px;
border: none;
vertical-align: baseline;
}
.ePZ-ivt {
border-radius: 0.25rem;
margin: 0.25rem 0.5rem;
}
a {
margin: 0px;
padding: 0px;
border: none;
vertical-align: baseline;
}
a {
color: inherit;
font-weight: 400;
}
a[href] {
cursor: pointer;
}
.eZp-n8g.RyuLinkRoot--svm {
text-align: inherit;
cursor: pointer;
color: inherit;
font-size: inherit;
line-height: inherit;
text-decoration: underline;
}
h2 {
margin: 0px;
padding: 0px;
border: none;
vertical-align: baseline;
}
h2 {
font-family: inherit;
font-weight: inherit;
font-size: inherit;
}
.cCK-sp1 {
color: inherit;
font-family: inherit;
font-weight: 400;
font-size: 1.75rem;
letter-spacing: -0.02em;
line-height: 2rem;
text-align: inherit;
overflow-wrap: break-word;
padding-block: 1.25rem 0px;
}
@media only screen and (min-width: 768px){
.cCK-sp1 {
font-size: 1.75rem;
line-height: 2rem;
letter-spacing: -0.02em;
padding-block: 1.25rem 0px;
}
}
.jWl-too {
color: rgb(112, 112, 98);
font-family: Lausanne, Helvetica, sans-serif;
font-weight: 300;
font-size: 0.875rem;
line-height: 1.25rem;
text-decoration: none;
text-align: inherit;
letter-spacing: normal;
max-width: 100%;
overflow-wrap: break-word;
}
.jWl-too:not(:last-child) {
margin-bottom: 1lh;
}
.fVv-t5c {
color: inherit;
font-family: Lausanne, Helvetica, sans-serif;
font-weight: 300;
font-size: 1rem;
line-height: 1.5rem;
text-decoration: none;
text-align: inherit;
letter-spacing: normal;
max-width: 100%;
overflow-wrap: break-word;
}
.jRd-oej {
text-align: left;
word-break: break-word;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.RNd-w4w:hover:not(:disabled, [aria-disabled="true"]) .RyuButtonContent-sc-tyfdsd-rqm {
text-decoration: underline;
}
.ldS-txz {
display: flex;
-webkit-box-align: center;
align-items: center;
pointer-events: none;
transition: transform 0.2s ease 0s;
transform: rotate(0deg);
}
.jEJ-4iy {
color: inherit;
font-family: Lausanne, Helvetica, sans-serif;
font-weight: 300;
font-size: 1.25rem;
line-height: 1.75rem;
text-decoration: none;
text-align: inherit;
letter-spacing: normal;
max-width: 100%;
overflow-wrap: break-word;
}
.jEJ-4iy:not(:last-child) {
margin-bottom: 1lh;
}
a,[role="button"] {
color: inherit;
font-weight: 400;
}
.hWk-hv2 {
position: relative;
display: inline-flex;
-webkit-box-align: center;
align-items: center;
gap: 0.5rem;
height: 2rem;
padding: 0px 1rem;
font-family: Lausanne, Helvetica, sans-serif;
font-size: 0.875rem;
line-height: 1.25rem;
max-width: 100%;
text-decoration: none;
-webkit-box-pack: start;
justify-content: flex-start;
appearance: none;
-webkit-tap-highlight-color: transparent;
cursor: pointer;
background-color: rgb(255, 255, 255);
border: 1px solid transparent;
color: rgb(46, 46, 39);
}
a[href],[role="button"] {
cursor: pointer;
}
.hWk-hv2.icon-rsz {
-webkit-box-pack: center;
justify-content: center;
max-width: 2rem;
min-width: 2rem;
padding: 0px;
}
.hWk-hv2.icon-7jp {
border-radius: 10rem;
}
.hWk-hv2.RyuButtonRoot--2fs {
color: var(--ryu-button-color);
}
.hWk-hv2.RyuButtonRoot--3kx {
--ryu-button-color: #2E2E27;
--ryu-button-border-color: #DBDAC9;
--ryu-button-contrast-color: #2E2E27;
--ryu-button-bg-color: #ebe8e5;
}
.jGr-65w .RyuButtonRoot-sc-pfy37f-bw2 {
height: auto;
min-height: 2rem;
border-radius: 0.25rem;
scroll-margin-top: 0.5rem;
}
.hWk-hv2.RyuButtonRoot--3kx.icon-rsz {
--ryu-button-color: #707062;
}
.jGr-65w .RyuButtonRoot-sc-pfy37f-bw2.RyuButtonRoot--3kx {
background-color: inherit;
color: rgb(112, 112, 98);
}
.hWk-hv2:hover,.hWk-hv2:active {
filter: brightness(0.95);
}
.jGr-65w .RyuButtonRoot-sc-pfy37f-bw2.RyuButtonRoot--3kx:hover, .jGr-65w .RyuButtonRoot-sc-pfy37f-bw2.RyuButtonRoot--3kx.icon-rsz:not(.RyuButtonRoot--filled):hover {
background-color: rgb(244, 243, 239);
color: rgb(46, 46, 39);
}
.ePZ-ivt.RyuNavigationItemSingleRoot--som {
background-color: rgb(235, 232, 229);
}
.cIw-jb2 {
position: relative;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.hhZ-jiy {
color: rgb(112, 112, 98);
font-family: Lausanne, Helvetica, sans-serif;
font-weight: 300;
font-size: 1rem;
line-height: 1.5rem;
text-decoration: none;
text-align: inherit;
letter-spacing: normal;
max-width: 100%;
overflow-wrap: break-word;
}
.fRF-n8j {
color: inherit;
font-family: inherit;
font-weight: 400;
font-size: 1.75rem;
letter-spacing: -0.02em;
line-height: 2rem;
text-align: inherit;
overflow-wrap: break-word;
padding-block: 0px;
}
@media only screen and (min-width: 768px){
.fRF-n8j {
font-size: 1.75rem;
line-height: 2rem;
letter-spacing: -0.02em;
padding-block: 0px;
}
}
.eXe-1cp {
display: inline-flex;
-webkit-box-pack: center;
justify-content: center;
max-width: 100%;
color: rgb(46, 46, 39);
border: 1px solid transparent;
border-radius: 1.5rem;
}
.eXe-1cp.RyuBadgeRoot--hdt {
font-size: 0.875rem;
min-width: 1.5rem;
height: 1.5rem;
line-height: 1.375rem;
}
.eXe-1cp.RyuBadgeRoot--mms {
background-color: rgb(228, 242, 34);
border-color: rgb(228, 242, 34);
color: rgb(46, 46, 39);
}
.dHGoRC {
color: inherit;
display: block;
flex-shrink: 0;
width: 16px;
height: 16px;
stroke-width: 1.85;
}
.dHGoRC.RyuIconSvg--inline {
display: inline-block;
vertical-align: middle;
margin: 0px auto;
}
.bZutRo {
color: rgb(112, 112, 98);
display: block;
flex-shrink: 0;
width: 16px;
height: 16px;
stroke-width: 1.85;
}
.bZutRo.RyuIconSvg--inline {
display: inline-block;
vertical-align: middle;
margin: 0px auto;
}
.eXe-1cp.RyuBadgeRoot--pp5 {
background-color: transparent;
border-color: inherit;
color: inherit;
}
.eXe-1cp.RyuBadgeRoot--pp5.RyuBadgeRoot--a54 {
background-color: rgb(244, 243, 239);
border-color: rgb(244, 243, 239);
color: currentcolor;
}
.enU-3s4 {
appearance: none;
position: absolute;
z-index: 1;
display: block;
margin: 0px;
width: 100%;
background: transparent;
cursor: pointer;
}
.JHZ-153 {
position: relative;
width: 100%;
min-height: 0.5rem;
background-color: rgb(235, 232, 229);
}
.enU-3s4.RyuInputSliderRangeInput--qfn ~ .RyuInputSliderTrack-sc-nd3upm-oo3 {
border-top-right-radius: 1.25rem;
border-bottom-right-radius: 1.25rem;
overflow: hidden;
}
.euj-75b {
display: flex;
gap: 0px 0.5rem;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
padding-inline: 0.5rem;
text-decoration: none;
overflow: hidden;
}
.cRH-hi5 {
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
width: 4rem;
height: 4rem;
color: rgb(46, 46, 39);
background-color: rgb(255, 255, 255);
overflow: hidden;
user-select: none;
text-decoration: none;
}
.cRH-hi5.RyuAvatarRoot--v1w {
border-radius: 50%;
}
.eFuuGY {
color: inherit;
display: block;
flex-shrink: 0;
width: 16px;
height: 16px;
stroke-width: 1.25;
}
.eFuuGY.RyuIconSvg--inline {
display: inline-block;
vertical-align: middle;
margin: 0px auto;
}
.bCs-lbh {
cursor: pointer;
}
.eIb-eog {
min-height: 0.5rem;
background-color: rgb(112, 112, 98);
transform-origin: left center;
}
.hwZ-4vr {
max-inline-size: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.bBg-ot6 {
object-position: initial;
display: block;
max-width: 100%;
max-height: 100%;
}
.bBg-ot6.RyuImageRoot--h4t {
width: 100%;
}
.ieX-jej {
color: inherit;
font-family: Lausanne, Helvetica, sans-serif;
font-weight: 300;
font-size: 1.25rem;
line-height: 1.75rem;
text-decoration: none;
text-align: inherit;
letter-spacing: normal;
max-width: 100%;
overflow-wrap: break-word;
}
.inV-5fe {
position: relative;
display: inline-flex;
-webkit-box-align: center;
align-items: center;
gap: 0.5rem;
height: 2.5rem;
padding: 0px 1rem;
font-family: Lausanne, Helvetica, sans-serif;
font-size: 0.875rem;
line-height: 1.25rem;
max-width: 100%;
text-decoration: none;
-webkit-box-pack: start;
justify-content: flex-start;
appearance: none;
-webkit-tap-highlight-color: transparent;
cursor: pointer;
background-color: rgb(255, 255, 255);
border: 1px solid transparent;
color: rgb(46, 46, 39);
}
.inV-5fe.RyuButtonRoot--p6k {
width: 100%;
}
.inV-5fe.RyuButtonRoot--2fs {
color: var(--ryu-button-color);
}
.inV-5fe.RyuButtonRoot--3kx {
--ryu-button-color: #2E2E27;
--ryu-button-border-color: #DBDAC9;
--ryu-button-contrast-color: #2E2E27;
--ryu-button-bg-color: #ebe8e5;
}
.bCs-lbh > .RyuButtonRoot-sc-pfy37f-bw2 {
height: auto;
min-height: 2rem;
border-radius: 0.25rem;
scroll-margin-top: 0.5rem;
}
.bCs-lbh > .RyuButtonRoot-sc-pfy37f-bw2.RyuButtonRoot--3kx {
background-color: inherit;
color: rgb(112, 112, 98);
}
.inV-5fe:hover,.inV-5fe:active {
filter: brightness(0.95);
}
.bCs-lbh > .RyuButtonRoot-sc-pfy37f-bw2.RyuButtonRoot--3kx:hover {
background-color: rgb(244, 243, 239);
color: rgb(46, 46, 39);
}
.bCs-lbh > .RyuButtonRoot-sc-pfy37f-bw2.RyuButtonRoot--3kx:hover {
background-color: rgb(235, 232, 229);
color: rgb(46, 46, 39);
filter: none;
}
.iIR-2vb {
color: rgb(112, 112, 98);
font-family: Lausanne, Helvetica, sans-serif;
font-weight: 300;
font-size: 1.25rem;
line-height: 1.75rem;
text-decoration: none;
text-align: inherit;
letter-spacing: normal;
max-width: 100%;
overflow-wrap: break-word;
}
.bCs-lbh > .RyuButtonRoot-sc-pfy37f-bw2.RyuButtonRoot--3kx:hover, .bCs-lbh > .RyuButtonRoot-sc-pfy37f-bw2.RyuButtonRoot--3kx.icon-rsz:not(.RyuButtonRoot--filled):hover {
background-color: rgb(244, 243, 239);
color: rgb(46, 46, 39);
}
.bCs-lbh.RyuNavigationButtonRoot--lla > .RyuButtonRoot-sc-pfy37f-bw2.RyuButtonRoot--3kx, .bCs-lbh > .RyuButtonRoot-sc-pfy37f-bw2.RyuButtonRoot--3kx:hover {
background-color: rgb(235, 232, 229);
color: rgb(46, 46, 39);
filter: none;
}
.ePZ-ivt.RyuNavigationItemSingleRoot--som .RyuNavigationItemSingleMain-sc-kc1pyy-rj2 .RyuButtonRoot-sc-pfy37f-bw2.RyuButtonRoot--3kx {
color: rgb(46, 46, 39);
}
.bCs-lbh > .RyuButtonRoot-sc-pfy37f-bw2 .RyuButtonIcon-sc-ltbz6a-f7r:not(.RyuButtonIcon--hasChildren) {
min-height: 1.25rem;
}
.inV-5fe.RyuButtonRoot--p6k > .RyuButtonContent-sc-tyfdsd-rqm {
-webkit-box-flex: 1;
flex-grow: 1;
}
.inV-5fe:hover:not(:disabled, [aria-disabled="true"]) .RyuButtonContent-sc-tyfdsd-rqm {
text-decoration: underline;
}
.kYV-owm {
color: rgb(46, 46, 39);
font-family: inherit;
font-weight: 400;
font-size: 2.25rem;
letter-spacing: -0.02em;
line-height: 2.5rem;
text-align: inherit;
overflow-wrap: break-word;
padding-block: 1.5rem;
}
@media only screen and (min-width: 768px){
.kYV-owm {
font-size: 2.5rem;
line-height: 3rem;
letter-spacing: -0.02em;
padding-block: 1.75rem;
}
}
.cXn-pm2 .RyuTextHeadingRoot-sc-89xi1a-1kr {
padding: 0px;
}
.cCZdaH {
color: inherit;
display: block;
flex-shrink: 0;
width: 12px;
height: 12px;
stroke-width: 2.25;
}
.cCZdaH.RyuIconSvg--inline {
display: inline-block;
vertical-align: middle;
margin: 0px auto;
}
.cDKLQA {
color: inherit;
display: block;
flex-shrink: 0;
width: 12px;
height: 12px;
stroke-width: 1.25;
}
.cDKLQA.RyuIconSvg--inline {
display: inline-block;
vertical-align: middle;
margin: 0px auto;
}
@keyframes popUp {
0% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
100% {
transform: scale(1);
}
}
/* These were inline style tags. Uses id+class to override almost everything */
#style-xklWg.style-xklWg {
transform: scaleX(1);
}
#crx-miv.style-WG6AX {
position: fixed;
width: 0px;
height: 0px;
top: 0px;
left: 0px;
z-index: 2147483647;
overflow: visible;
}
#rgb-6ap.style-ZbDTJ {
display: none;
}
#hsl-s2g.style-rXL2p {
display: none;
}
#col-nf7.style-PdXV1 {
display: none;
}
#style-Vxwp1.style-Vxwp1 {
display: none;
}
#style-eoNtK.style-eoNtK {
display: none;
visibility: hidden;
}
#bat-p95.style-XnCjk {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-scz.style-n4FKj {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-apf.style-3rgRF {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-4ot.style-oPBXx {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-z7o.style-NqGfy {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-vc4.style-w978X {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-soa.style-sNkjM {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-qlj.style-hUdJ9 {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-kmb.style-fYQwh {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-81a.style-hmxXO {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-omo.style-3GR5M {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-coo.style-J8hgy {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-q73.style-RIxUP {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-k7p.style-IbWIV {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-538.style-Pyeok {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-6o7.style-IDM1Z {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-xlw.style-yial6 {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-mxd.style-oQh61 {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-xsr.style-PoRza {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-akh.style-FxCRV {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-4d5.style-EnxqD {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-f68.style-9pfsr {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-pik.style-hKVRG {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-8p1.style-RiIcI {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-xy4.style-7I8Tb {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-qxg.style-bt8Y7 {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-72r.style-Chv4i {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#bat-38f.style-nDqR8 {
width: 0px;
height: 0px;
display: none;
visibility: hidden;
}
#style-5bg1G.style-5bg1G {
display: none;
}
#style-EYSNT.style-EYSNT {
display: none;
}
#style-5ltHo.style-5ltHo {
display: none;
}
#style-p4bmi.style-p4bmi {
display: none;
}
#style-ZiGFG.style-ZiGFG {
display: none;
}
#style-ob3zj.style-ob3zj {
display: none;
}
#style-rVLIQ.style-rVLIQ {
display: none;
}
#style-POLpi.style-POLpi {
display: none;
}
#style-QCfge.style-QCfge {
display: none;
}
#style-1wG4N.style-1wG4N {
display: none;
}
#style-s7kiH.style-s7kiH {
display: none;
}
#style-mdKbW.style-mdKbW {
display: none;
}
#style-63KJe.style-63KJe {
display: none;
}
#style-vBNbk.style-vBNbk {
display: none;
}
#style-ObKoa.style-ObKoa {
display: none;
}
#style-h1LjW.style-h1LjW {
display: none;
}
#style-aQJOW.style-aQJOW {
display: none;
}
#style-SKedA.style-SKedA {
display: none;
}
#style-Dlzjb.style-Dlzjb {
top: -2px;
left: 256px;
height: 0px;
width: 0px;
}
#style-Jbf62.style-Jbf62 {
top: -2px;
left: 1056px;
height: 0px;
width: 0px;
}
#style-bFVC9.style-bFVC9 {
top: -4px;
left: -4px;
height: 0px;
width: 0px;
}
#style-aDoaJ.style-aDoaJ {
top: -2px;
left: 254px;
height: 0px;
width: 0px;
}
#style-iTG7S.style-iTG7S {
top: -2px;
left: 0px;
height: 0px;
width: 0px;
}
#style-mhYm5.style-mhYm5 {
top: -4px;
left: -4px;
height: 0px;
width: 0px;
}
#style-TARkN.style-TARkN {
top: -4px;
left: -4px;
height: 0px;
width: 0px;
}
#style-hcUBn.style-hcUBn {
top: -2px;
left: -2px;
height: 0px;
width: 0px;
}
#style-MFjvm.style-MFjvm {
top: 0px;
left: 0px;
position: absolute;
}
#style-eX3NN.style-eX3NN {
display: none;
}
#style-ycOsp.style-ycOsp {
display: none;
}
#we--62s.style-Xb4Hv {
top: 30px;
left: 419px;
display: none;
}
#we--4gl.style-oYz2U {
display: block;
}
#we--2fx.style-Y3pt9 {
background-image: url("https://app.ramp.com/static/asset.XTqaIK3NFv.jpg");
background-color: rgba(0, 0, 0, 0);
}
#we--rdn.style-GqKdV {
display: none;
}
#we--6x9.style-OZWxN {
display: none;
}
#we--87y.style-chKLD {
display: block;
}
#we--djl.style-Idpky {
display: flex;
}
#we--f7y.style-7Gz9t {
background: rgb(46, 46, 39);
}
#we--2az.style-pVzyr {
display: none;
}
#we--eam.style-DkGmN {
background: rgb(46, 46, 39);
}
#we--q2f.style-q23Tq {
background: rgb(46, 46, 39);
}
#we--vxx.style-wNYlb {
background: rgb(46, 46, 39);
}
#we--5gg.style-HD9dv {
background: rgb(46, 46, 39);
}
#we--9nv.style-OgXrw {
background: rgb(0, 0, 0);
}
#we--5ql.style-2IIio {
background: rgba(0, 0, 0, 0);
}
#we--5rh.style-JseiI {
background-image: none;
}
#we--rt9.style-7GnX8 {
display: none;
}
#we--fhh.style-IzZNg {
display: none;
}
#we--fr3.style-pDpoE {
display: flex;
}
#style-XoCW2.style-XoCW2 {
background-color: rgb(46, 46, 39);
color: #FFFFFF;
}
#style-X5K17.style-X5K17 {
background-color: rgba(0, 0, 0, 0);
color: #050505;
}
#style-bhJUR.style-bhJUR {
background-color: rgb(244, 243, 239);
color: #050505;
}
#style-aFEcs.style-aFEcs {
background-color: rgb(219, 218, 201);
color: #050505;
}
#style-Cv9Qg.style-Cv9Qg {
background-color: rgb(112, 112, 98);
color: #FFFFFF;
}
#style-BQA53.style-BQA53 {
background-color: rgb(235, 232, 229);
color: #050505;
}
#style-3Ymx2.style-3Ymx2 {
background-color: rgb(255, 255, 255);
color: #050505;
}
#style-RGe3H.style-RGe3H {
background-color: rgb(1, 167, 65);
color: #FFFFFF;
}
#style-PfSG8.style-PfSG8 {
background-color: rgb(16, 16, 16);
color: #FFFFFF;
}
#style-14dqM.style-14dqM {
background-color: rgb(252, 251, 250);
color: #050505;
}
#style-ZDgjP.style-ZDgjP {
background-color: rgb(228, 242, 34);
color: #050505;
}
#we--kl1.style-o41aU {
display: block;
}
#style-Ogjhe.style-Ogjhe {
top: -2px;
left: 256px;
height: 0px;
width: 0px;
}
#style-H2IJa.style-H2IJa {
top: -2px;
left: 1056px;
height: 0px;
width: 0px;
}
#style-kwvGZ.style-kwvGZ {
top: -4px;
left: -4px;
height: 0px;
width: 0px;
}
#style-vxjW4.style-vxjW4 {
top: -2px;
left: 254px;
height: 0px;
width: 0px;
}
#style-woZRJ.style-woZRJ {
top: -2px;
left: 0px;
height: 0px;
width: 0px;
}
#style-YyENq.style-YyENq {
top: -4px;
left: -4px;
height: 0px;
width: 0px;
}
#style-mqxlZ.style-mqxlZ {
top: -4px;
left: -4px;
height: 0px;
width: 0px;
}
#style-Jaide.style-Jaide {
top: -2px;
left: -2px;
height: 0px;
width: 0px;
}
#style-e94bO.style-e94bO {
top: 0px;
left: 0px;
position: absolute;
}
#style-OnXTS.style-OnXTS {
display: none;
}
#style-bi3Lz.style-bi3Lz {
display: none;
}
#style-wM1Bm.style-wM1Bm {
display: none;
}
#style-qJWZV.style-qJWZV {
display: none;
}
#style-sjfPE.style-sjfPE {
display: none;
}
#style-AQ2pA.style-AQ2pA {
display: none;
}
#style-KUWXk.style-KUWXk {
display: none;
}
#style-ehZbC.style-ehZbC {
display: none;
}
#style-ATBnz.style-ATBnz {
display: none;
}
#style-NnKlV.style-NnKlV {
display: none;
}
#style-Ws2BR.style-Ws2BR {
display: none;
}
#style-7TBsX.style-7TBsX {
display: none;
}
#style-NhNf7.style-NhNf7 {
display: none;
}
#style-cGMPw.style-cGMPw {
display: none;
}
#style-G13jQ.style-G13jQ {
top: -2px;
left: 256px;
height: 0px;
width: 0px;
}
#style-womIL.style-womIL {
top: -2px;
left: 1056px;
height: 0px;
width: 0px;
}
#style-if3do.style-if3do {
top: -4px;
left: -4px;
height: 0px;
width: 0px;
}
#style-1IgcV.style-1IgcV {
top: -2px;
left: 254px;
height: 0px;
width: 0px;
}
#style-MIOE6.style-MIOE6 {
top: -2px;
left: 0px;
height: 0px;
width: 0px;
}
#style-Ll6Rt.style-Ll6Rt {
top: -4px;
left: -4px;
height: 0px;
width: 0px;
}
#style-Qafc5.style-Qafc5 {
top: -4px;
left: -4px;
height: 0px;
width: 0px;
}
#style-Hllzw.style-Hllzw {
top: -2px;
left: -2px;
height: 0px;
width: 0px;
}
#style-1qDrG.style-1qDrG {
top: 0px;
left: 0px;
position: absolute;
}
#style-hywNE.style-hywNE {
display: none;
}
#style-mHEEw.style-mHEEw {
display: none;
}
#style-dBePW.style-dBePW {
display: none;
}
#style-WaFLg.style-WaFLg {
display: none;
}
#style-RYMKo.style-RYMKo {
display: none;
}
#style-gMhvs.style-gMhvs {
display: none;
}
#style-xDiJn.style-xDiJn {
display: none;
}
#style-1ho3M.style-1ho3M {
display: none;
}
#style-qqOff.style-qqOff {
display: none;
}
#style-BfDlP.style-BfDlP {
display: none;
}
#style-ljmwB.style-ljmwB {
display: none;
}
#style-TP9zO.style-TP9zO {
display: none;
}
#sni-7p7.style-yU1Ad {
right: 70px;
top: 424.7px;
}
#style-TkomC.style-TkomC {
touch-action: none;
}
#style-Te9yI.style-Te9yI {
touch-action: none;
}
#style-wYxWZ.style-wYxWZ {
top: -2px;
left: 256px;
height: 0px;
width: 0px;
}
#style-VKdDB.style-VKdDB {
top: -2px;
left: 1056px;
height: 0px;
width: 0px;
}
#style-82oQQ.style-82oQQ {
top: -4px;
left: -4px;
height: 0px;
width: 0px;
}
#style-USSo1.style-USSo1 {
top: -2px;
left: 254px;
height: 0px;
width: 0px;
}
#style-oZ6sb.style-oZ6sb {
top: -2px;
left: 0px;
height: 0px;
width: 0px;
}
#style-hA76P.style-hA76P {
top: -4px;
left: -4px;
height: 0px;
width: 0px;
}
#style-WdI5X.style-WdI5X {
top: -4px;
left: -4px;
height: 0px;
width: 0px;
}
#style-IvL6g.style-IvL6g {
top: -2px;
left: -2px;
height: 0px;
width: 0px;
}
#style-NlwzL.style-NlwzL {
top: 0px;
left: 0px;
position: absolute;
}
#sni-dec.style-8He4O {
left: 1436px;
top: 0px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment